#animateMainmenucolor {
    background-color: #e98000;
    display: none;
}
#divtopmenu {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    text-align: left;
}
#divmobmenu {
	cursor: pointer;
	/*background-color: #cccccc;*/
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 50px;
	height: 90px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2000;
	text-align: left;
	-webkit-transition: all 0.5s ease-in-out;
	 -moz-transition: all 0.5s ease-out;
	 -o-transition: all 0.5s ease-out;
	 transition: all 0.5s ease-in-out;
}

#divmenumob {
    display:block; width:30px; height:60px; position:relative;
}

#imgmobmenu {
    width: 22px;
    height: 24px;
    cursor: pointer;
    position: relative;
    top: unset;
    left: unset;
    z-index: 10002;
    display: flex;    
}

#S_imgmobmenu {
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    position: relative;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#mobcert,
.mobcert {
    font-size: 0;
    margin-bottom: 2px;
    margin-top: 2px;
    width: 100%;
    height: 4px;
    position: relative;
    padding: 0;
    /*background-color: #000000;*/
    background-color: #8fbeff;
	  -webkit-transition: all 0.5s ease-in-out;
	  -moz-transition: all 0.5s ease-out;
	  -o-transition: all 0.5s ease-out;
	  transition: all 0.5s ease-in-out;
	  float: left;
}
#S_mobmenu_content {
    background-color: #ffffff;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: block;
    width: 0px;
    max-width: 480px;
    height: 100%;
    position: fixed;
    float: left;
    z-index: 1021;
    padding: 0;
    vertical-align: top;
    opacity:0;filter:Alpha(OPACITY=0); 
	  -webkit-transition: all 0.5s ease-in-out;
	  -moz-transition: all 0.5s ease-out;
	  -o-transition: all 0.5s ease-out;
	  transition: all 0.5s ease-in-out;
    top: 0;
    left: -500px;
}
#divtopmenuchek {
    display: none;
}


#divtopmenuchek.checked ~ * #S_mobmenu,
#divtopmenuchek:checked ~ * #S_mobmenu {
opacity: 0.7; filter:Alpha(OPACITY=70);     
    width: 100%;
}

#divtopmenuchek.checked ~ * #S_mobmenu_content,
#divtopmenuchek:checked ~ * #S_mobmenu_content {
opacity: 1; filter:Alpha(OPACITY=100);    
    left: 0px;
    width: 480px;
}

#divtopmenuchek.checked ~ * #mobcert1,
#divtopmenuchek:checked ~ * #mobcert1 {
    -o-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -webkit-transform: translateY(7px) rotate(45deg);  
    transform: translateY(7px) rotate(45deg);
    background-color: #000000;
    width: 24px;
    margin-bottom: 1px;
}
#divtopmenuchek.checked ~ * #mobcert2,
#divtopmenuchek:checked ~ * #mobcert2 {
    opacity: 0;
}
#divtopmenuchek.checked ~ * #mobcert3,
#divtopmenuchek:checked ~ * #mobcert3 {
    -o-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -webkit-transform: translateY(-7px) rotate(-45deg);  
    transform: translateY(-7px) rotate(-45deg);
    background-color: #000000;
    width: 24px;
    margin-top: 1px;
}
#S_mobmenu {
    background-color:#fff; 
    width:100%; 
    height:100%; 
    position:fixed; 
    top:0px; 
    left:0px; 
    z-index:1011; 
    padding:0; 
    opacity:0; 
    width:0;
	  -webkit-transition: all 0.5s ease-in-out;
	  -moz-transition: all 0.5s ease-out;
	  -o-transition: all 0.5s ease-out;
	  transition: all 0.5s ease-in-out;

}
#S_mobmenu_pagemenu #S_pagemenu .tableMenu .mtditem div .submenu,
#S_mobmenu_pagemenu #S_pagemenu .tableMenu .mtditem div {
    width: 100%;
}
#S_mainmenu #div_adm {
    width: 100%;
    position: relative;
    float: left;
}
#S_mainmenu div#aut_Form span {
    color: #ffffff;
}
#S_mainmenu div#aut_Form {
    background-color: #005ca2 !important;
}
#S_mainmenu div#aut_Form a.menu {
    background-color: #067dd8;
}
#S_mainmenu div#aut_Form a.menu:hover {
    background-color: #06b1d8;
}
#S_mainmenu div#aut_Form a, 
#S_mainmenu div#aut_Form,
#S_mainmenu #div_adm a#pasi,
#S_mobmenu_content .menu {
    color: #000;
    font-size: 15px;
    font-family: verdana;
    text-decoration: none;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    display: block;
    width: 100%;
    position: relative;
    float: left;
}

#S_mobmenu_content .menu .menuActive {
    color:#000; 
    font-size:16px; 
    font-family:verdana; 
    text-decoration:none; 
    background-color:#fff; 
    border-bottom:1px solid #c0c0c0;  
    margin-top:0px; 
    margin-bottom:0px; 
    margin-left:0px;    
    margin-right:0px; 
    display:block; 
    width: 100%; 
    position:relative; 
    float:left;
}

#S_mainmenu div#aut_Form span,
#S_mainmenu #div_adm a#pasi .TextItemMenu,
#S_mainmenu #pageMenu .menu.menuActive, #S_mainmenu #pageMenu .TextItemMenu,
#S_mobmenu_content .TextItemMenu {
    padding: 17px 10px; 
    margin-top:0px; 
    margin-bottom:0px; 
    margin-left:0px; 
    margin-right:0px; 
    display:block;  
    position:relative; 
    float:left; 
    vertical-align:top;
    width: calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -ms-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);

}

#S_mobmenu_content .menuActive .TextActiveMenu {
    padding: 18px 10px;
    display:block;  
    position:relative; 
    float:left;
}
#S_mainmenu #div_adm a#pasi:hover,
#S_mainmenu #pageMenu .menu:hover,
#S_mobmenu_content .menu:hover {
    cursor: pointer;
    color: #538ffb;
}
#S_mobmenu_pagemenu {
    margin-left: 50px;
    display: block;
    width:0;
	
    height: inherit;
    position: relative;
    float: left;
    overflow: auto;
	  -webkit-transition: all 0.5s ease-in-out;
	  -moz-transition: all 0.5s ease-out;
	  -o-transition: all 0.5s ease-out;
	  transition: all 0.5s ease-in-out;
}

#divtopmenuchek.checked ~ * #S_mobmenu_pagemenu,
#divtopmenuchek:checked ~ * #S_mobmenu_pagemenu {
opacity: 1; filter:Alpha(OPACITY=100);    
    left: 0px;
    width: -o-calc(100% - 50px);
    width: -ms-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}


#S_mobmenu_pagemenu #pageMenu .mbordl,
#S_mobmenu_pagemenu #pageMenu .mbordr{
    display: none;
}

#S_mobmenu_top {
	 display:block; 
	 width:100%; 
	 height:60px; 
	 position:relative; 
	 float:left;
}

#mobcros4 {
	 display:none; 
	 width:2px; 
	 height:15px; 
	 position:absolute; 
	 top:0px; 
	 left:9px; 
	 background-color: #9e1b1b;
}

#mobcros5 {
	 display:none; 
	 width:2px; 
	 height:15px; 
	 position:absolute; 
	 top:0px; 
	 left:9px; 
	 background-color: #9e1b1b;
}

#S_mobmenu_content #pagemenubody {
	/*position: fixed;*/
	overflow-x: hidden;
	/*height: inherit;*/
}

#mobcros4 {
    -moz-transform: rotate(45deg);  /* Firefox */
    -o-transform: rotate(45deg);  /* Opera */
    -webkit-transform: rotate(45deg);  /* Safari y Chrome */
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE */
}

#mobcros5 {
    -moz-transform: rotate(-45deg);  /* Firefox */
    -o-transform: rotate(-45deg);  /* Opera */
    -webkit-transform: rotate(-45deg);  /* Safari y Chrome */
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476); /* IE */

}

#activeMenucolor {
    color: #ffffff;
    background-color: #ffae00;
    display: none;
}
#top_div_osn_top {
    display: none;
    color: #000000;
    background-color: transparent;
}
label {
    display: block;
    margin-bottom: 0px;
    font-weight: 700;
}

#S_mainmenu, #S_pagemenu {
    position: relative;
    float: left;
    width: 100%;
}

#divmobmenu:hover {
   /* background-color: #0074bf;*/
   
}
#divmobmenu:hover #mobcert3,
#divmobmenu:hover #mobcert1,
#divmobmenu:hover .mobcert {
    background-color:  #538ffb;
}

@media (max-width: 479px) {
    
#S_mobmenu_content {
    width: 100%;
}

}