* {
  padding: 0px;
}


.cont_principal {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  position: absolute;
  left: 10px;
  top: 10px;
}

.cont_menu {
  position: absolute;
  width: 320px;
  left: 180px;
  margin-left: -160px;
  margin-top: 0%;
}

.cont_title {
  position: absolute;
  left: 400px;
  top: -23px;
  font-size: 64px;
}

.cont_titulo_menu{
  position: relative;
  float: left;
  width: 100%;
  height: 60px;
  overflow: hidden;
  background-color: #444;
  box-shadow: 0px 7px 30px -12px rgba(0,0,0,0.5);
  margin-top: 20px;
  border-radius:3px ;
   -webkit-user-select: none;  
  -moz-user-select: none; 
  -ms-user-select: none;         user-select: none;           }


.cont_icon_menu{
  position: relative;
  float: right;
  margin-right: 20px;
  top:14px;

}
.cont_icon_menu > img {
width: 32px;
z-index: 2;
position: relative;
}
.cont_titulo {
position: relative;
float: left;
margin-top: 20px;
margin-left: 20px;
color: #fff;
}

.cont_circle_1 {
  position: absolute;
top:-16px;
  left: -16px;
  width: 64px;
  height: 64px;
background-color: #fff;
opacity: 0.3;
  z-index: 0;
border-radius:50% ;
animation: animation_circle_1 2s infinite;
    animation-direction: alternate;
transform: scale(0);
}
.cont_circle_2 {
  position: absolute;
top:-46px;
  left: -46px;
  width: 128px;
  height: 128px;
background-color: #fff;
opacity: 0.2;
  z-index: 0;
border-radius:50% ;
animation: animation_circle_1 3s infinite;
    animation-direction: alternate;
animation-delay: 0.5s;
transform: scale(0);
}
.cont_circle_3 {
  position: absolute;
top:-80px;
  left: -80px;
  width: 192px;
  height: 192px;
background-color: #fff;
opacity: 0.1;
  z-index: 0;
border-radius:50% ;
animation: animation_circle_1 4s infinite;
    animation-direction: alternate;
animation-delay: 1s;
transform: scale(0);
}
.cont_circle_4 {
  position: absolute;
top:-115px;
  left: -116px;
  width: 256px;
  height: 256px;
background-color: #fff;
opacity: 0.1;
  z-index: 0;
border-radius:50% ;
animation: animation_circle_1 5s infinite;
    animation-direction: alternate;
animation-delay: 1.5s;
transform: scale(0);
}

@-webkit-keyframes animation_circle_1 {
  from { transform: scale(0);   }
  to { transform: scale(1); }
}
@-o-keyframes animation_circle_1 {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
@-moz-keyframes animation_circle_1 {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
@keyframes animation_circle_1 {
  from { transform: scale(0); }
  to { transform: scale(1); }
}

.cont_drobpdown_menu {
  position: relative;
  float: left;
  width: 100%;
   background-color: #fff;
  box-shadow: 0px 2px 20px -2px rgba(0,0,0,0.3);
margin-top: 10px;
  border-radius:3px ;
z-index: 10000;
  transition: all 0.2s;
} 
.cont_drobpdown_menu ul > li {

  list-style: none;
  margin-left: -3px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  display: block;
transition: all 0.2s;
cursor: default;
}

.cont_drobpdown_menu ul > li:hover:not([disabled]) >a {  
color: #333;
border-right: 5px solid #333 ;
cursor: pointer;
}

.cont_drobpdown_menu ul > li:hover:disabled >a {  
color: #eee;
border-right: 5px solid #eee ;
}

.cont_drobpdown_menu ul > li > a {
position: relative;
display: block;
width: 90%;
padding-top:10px;
padding-bottom:10px;
text-decoration: none;
color: #aaa;
border-right: 5px solid #fff ;
transition: all 0.2s;
}

.cont_drobpdown_menu ul > li > hr  {
width: 75%;
height: 0px;
color: #000;
background-color: #000;
border:2px solid #eee;
}


.cont_icon_trg {
position: relative;
float: left;
margin-bottom: -30px;
z-index: 11000;
left: 10px;
transform: translate(0px,10px);
transition: all 0.2s;
}


.disable   {
transition: all 0.2s;
display: none;  
transform: translate(0px,10px);

}

.disable > ul > li {
  transform: translate(0px,10px);
}

.active   {
	display: block;
  transform: translate(0px,0px);
}

.active > ul > li {
transition-delay: 0.2s;
  transform: translate(0px,0px);
}

.svg-login {
position: absolute;
top: 20px;
right: 20px;
}

.svg-icon {
  width: 4em;
  height: 4em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #4691f6;
}

.svg-icon circle {
  stroke: #4691f6;
  stroke-width: 1;
}