#animateMainmenucolor {
	background-color: rgba(255, 238, 0, 0.78);
	display: none;
}
#top_div_osn_top {
    background-color: transparent;
    display: none;
}
.labeladmmenu {
    right: 0;
    z-index: 2022;
}
.labeladmmenu,
.labelmobmenu {
    /*width: 30px;
    height: 54px;*/
    position: fixed;
    left: 0; 
}
.labelmobmenu {
    z-index: 1022;    
}
.labeladmmenu span,
.labelmobmenu span {
    position: absolute;
    top: 0;
    bottom: 0;
}

.labelmobmenu span {
    left: 0;
}
/*.labeladmmenu span {
    right: 0;
}*/
.labelmobmenu span#mobcert1 {
    top: 0px;
}
.labelmobmenu span#mobcert2 {
    top: 7px;
}
.labelmobmenu span#mobcert3 {
    top: 14px;
}
.labeladmmenu span#admcert1 {
    top: 0px;    left: 13px;
}
.labeladmmenu span#admcert2 {
    top: 10px;    left: 13px;
}
.labeladmmenu span#admcert3 {
    top: 20px;    left: 13px;
}
#divtopmenu {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    text-align: left;
}
#divmobmenu {
    left:0px;
}

#divadmmenu {
    right: 0px;
}
#divadmmenu,
#divmobmenu {
    width: 30px;
    height:54px;
    position:fixed; 
    top:0px; 
    
    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;
    cursor: pointer;
}
#divmobmenu {
    z-index:2000; 
}    
#divadmmenu {
    z-index:2031; 
}    
#divmenumob {
	 display:block; width:30px; height:60px; position:relative;
}
#imgadmmenu,
#imgmobmenu {
    /*height: 40px;	 */
}

#S_imgadmmenu,
#S_imgmobmenu {
	 margin-top:16px;
}
#divadmmenu:hover,
#divmobmenu:hover {
    background-color: #215fcc;
}	     
#divadmmenu:hover .admcert,
#divmobmenu:hover .mobcert {
    background-color: #ffffff !important;
}

#divadmmenu:hover .admcert, 
#divmobmenu:hover .mobcert {
    background-color: #ffffff;
}

#mobcert, .admcert, .mobcert {
    background-color: #000000;
}  
  
#imgadmmenu {
    right: 0px;
    height: 47px;    
    width: 100%;
}    

#imgmobmenu {
    left: 0px;
    height: 37px;    
    width: 20px;
    left: 5px;    
}    

#imgadmmenu,
#imgmobmenu {
    cursor: pointer;
    position: absolute;
    top: 0px;
    z-index: 10002;
}

#S_imgmobmenu {
 left:0px;
}
#S_imgmenu {
 right:0px;
}
#S_imgadmmenu,
#S_imgmobmenu {
 margin-left:0px; width:100%; position:absolute; 
}

#mobcert,
.mobcert {
	font-size: 0;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 5px;
	width: 100%;
	height: 2px;
	position: relative;
	padding: 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;
}

.admcert {
	font-size: 0;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;

	width: 5px;
	height: 5px;
	position: relative;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 5px;
	-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_admmenu_content,
#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;
	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;
}  
#S_mobmenu_content {
	z-index: 1021;
}	
#S_admmenu_content {
	z-index: 2021;
}	
#S_mobmenu_content {
  left: -500px;	float: left;
}
#S_admmenu_content {
  right: -500px;	float: right;
}
#divadmmenuchek,
#divtopmenuchek {
	display: none;
}

#divadmmenuchek.checked ~ * #S_admmenu,
#divadmmenuchek:checked ~ * #S_admmenu,
#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 ~ * .labeladmmenu {
    z-index: 1000;
}

#divadmmenuchek.checked ~ * #S_admmenu_content,
#divadmmenuchek:checked ~ * #S_admmenu_content {
opacity: 1; filter:Alpha(OPACITY=100);    
right: 0px;
width: 480px;

}
#divadmmenuchek.checked ~ * #admcert1,
#divadmmenuchek:checked ~ * #admcert1 {
  -o-transform: translateY(10px) translatex(-12px) rotate(45deg);
  -ms-transform: translateY(10px) translatex(-12px) rotate(45deg);
  -moz-transform: translateY(10px) translatex(-12px) rotate(45deg);
  -webkit-transform: translateY(10px) translatex(-12px) rotate(45deg);  
  transform: translateY(10px) translatex(-12px) rotate(45deg);
  background-color: #000000; 
      width: 100%;
    height: 2px;
}
 
#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: 100%;
    height: 2px;
}
#divadmmenuchek.checked ~ * #admcert3,
#divadmmenuchek:checked ~ * #admcert3 {
margin-top: -3px;       
}

#divadmmenuchek.checked ~ * #admcert2,
#divadmmenuchek:checked ~ * #admcert2,
#divtopmenuchek.checked ~ * #mobcert2,
#divtopmenuchek:checked ~ * #mobcert2 {
opacity: 0;
}
#divadmmenuchek.checked ~ * #admcert3,
#divadmmenuchek:checked ~ * #admcert3 {
  -o-transform: translateY(-10px) translatex(-12px) rotate(-45deg);
  -ms-transform: translateY(-10px) translatex(-12px) rotate(-45deg);
  -moz-transform: translateY(-10px) translatex(-12px) rotate(-45deg);
  -webkit-transform: translateY(-10px) translatex(-12px) rotate(-45deg);  
  transform: translateY(-7px) translatex(-12px) rotate(-45deg);
  background-color: #000000;
  width: 100%;
  height: 2px; 
}

#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: 100%;
  height: 2px; 
}

#S_admmenu {
	 right:0px;
}

#S_mobmenu {
	 left:0px;
}
#S_admmenu,
#S_mobmenu {
	 background-color:#fff; width:100%; height:100%; position:fixed; top:0px; 
	 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 {
	 z-index:1011;
}
#S_admmenu {
	 z-index:2011;
}	 
#S_admmenu_pagemenu #S_pagemenu .tableMenu .mtditem div .submenu,
#S_admmenu_pagemenu #S_pagemenu .tableMenu .mtditem div,
#S_mobmenu_pagemenu #S_pagemenu .tableMenu .mtditem div .submenu,
#S_mobmenu_pagemenu #S_pagemenu .tableMenu .mtditem div {
    width: 100%;
}
.S_mainmenu .tableMenu {
    width: 100%;
}
.S_mainmenu .tableMenu .mbordr,
.S_mainmenu .tableMenu .mbordl {
    width: 0px;
    display: none;    
}
.S_mainmenu .div_adm,
.S_mainmenu #div_adm,
#S_mainmenu #div_adm {
    width: 100%;
    position: relative;
    float: left;
}
.S_mainmenu div#aut_Form span,
#S_mainmenu div#aut_Form span {
color: #ffffff;
}
.S_mainmenu div#aut_Form,
#S_mainmenu div#aut_Form {
    background-color: #005ca2 !important;
}
.S_mainmenu div#aut_Form a.menu,
#S_mainmenu div#aut_Form a.menu {
    background-color: #067dd8;
}
.S_mainmenu div#aut_Form a.menu:hover,
#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 span.pasi,
.S_mainmenu .div_adm a.pasi,
.S_mainmenu #div_adm span.pasi,
.S_mainmenu #div_adm a.pasi,
#S_mainmenu div#aut_Form a, 
#S_mainmenu div#aut_Form,
#S_mainmenu .div_adm a#pasi,
#S_mainmenu #div_adm a#pasi,
#S_admmenu_content .menu,
#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_admmenu_content .menu .menuActive,
#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 span.pasi .TextItemMenu,
.S_mainmenu .div_adm a.pasi .TextItemMenu,
.S_mainmenu #div_adm span.pasi .TextItemMenu,
.S_mainmenu #div_adm a.pasi .TextItemMenu,
.S_mainmenu .pageMenu .menu.menuActive, .S_mainmenu .pageMenu .TextItemMenu,
.S_mainmenu #pageMenu .menu.menuActive, .S_mainmenu #pageMenu .TextItemMenu,
#S_mainmenu div#aut_Form span,
#S_mainmenu .div_adm a#pasi .TextItemMenu,
#S_mainmenu #div_adm a#pasi .TextItemMenu,
#S_mainmenu #pageMenu .menu.menuActive, #S_mainmenu #pageMenu .TextItemMenu,
#S_admmenu_content .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_admmenu_content .menuActive .TextActiveMenu,
#S_mobmenu_content .menuActive .TextActiveMenu {
padding: 18px 10px;display:block;  position:relative; float:left;
}
.S_mainmenu .div_adm span.pasi:hover,
.S_mainmenu .div_adm a.pasi:hover,
.S_mainmenu #div_adm span.pasi:hover,
.S_mainmenu #div_adm a.pasi:hover,
.S_mainmenu .pageMenu .menu:hover,
.S_mainmenu #pageMenu .menu:hover,
#S_mainmenu #div_adm a#pasi:hover,
#S_mainmenu #pageMenu .menu:hover,
#S_admmenu_content .menu:hover,
#S_mobmenu_content .menu:hover {
	 cursor:pointer; 
	 background-color: #1c92ed;
	 color:#fff;
}

#S_admmenu_pagemenu {
	margin-right: 30px;
}
#S_mobmenu_pagemenu {
	margin-left: 30px;
}
#S_admmenu_pagemenu,
#S_mobmenu_pagemenu {
	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;
}

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


#S_admmenu_pagemenu .pageMenu .mbordl,
#S_admmenu_pagemenu .pageMenu .mbordr,
#S_mobmenu_pagemenu .pageMenu .mbordl,
#S_mobmenu_pagemenu .pageMenu .mbordr,
#S_admmenu_pagemenu #pageMenu .mbordl,
#S_admmenu_pagemenu #pageMenu .mbordr,
#S_mobmenu_pagemenu #pageMenu .mbordl,
#S_mobmenu_pagemenu #pageMenu .mbordr{
    display: none;
}
@media (max-width: 479px) {
    
#S_admmenu_content,
#S_mobmenu_content {
    width: 100%;
}

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

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

#S_admmenu_content .pagemenubody,
#S_mobmenu_content .pagemenubody,
#S_admmenu_content #pagemenubody,
#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: rgba(60, 255, 13, 0.73);
    display: none;
}

label {
    display: inline-block;
    display: block;
    margin-bottom: 0px;
    font-weight: normal;
}

.S_mainmenu,
#S_mainmenu, #S_pagemenu {
    position: relative;
    float: left;
    width: 100%;
}
.S_mainmenu .pageMenu .tableMenu .viewmenu {
    width: 100%;
}