#animateMainmenucolor {
	background-color: rgba(255, 238, 0, 0.78);
	display: none;
}
#divtopmenu {
width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10000;
    text-align: left;
}


#divmobmenu {
	 width:30px; height:54px; position:fixed; top:0px; left:0px; z-index:100000; 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;
background-color: #ff9b00;
}
#divmobmenu:hover {
    background-color: #28a5fd;
}
#divmenumob {
	 display:block; width:30px; height:60px; position:relative;
}

#imgmobmenu {
	 cursor:pointer;  width:20px; height:49px; position:absolute; top:0px; left:5px; z-index:10002;
}

#S_imgmobmenu {
	 margin-top:19px; margin-left:0px; width:100%; position:absolute; left:0px;
}
.mobcert {
	font-size: 0;
	background-color: #000000;
	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;
}
#S_mobmenu_content {
	background-color: #ffffff;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	width: 0;
/*	width: 0px;
	max-width: 480px;*/
	height: 100%;
	position: fixed;
	float: left;
	z-index: 10000;
	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 ~ body,
#divtopmenuchek:checked ~ body {
    overflow: hidden;
}

#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;*/
width: 100%;
}

#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);
}
#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);
}
#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_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_mobmenu_content .TextItemMenu {
padding: 18px 10px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; display:block;  position:relative; float:left; vertical-align:top;
}

#S_mobmenu_content .menuActive .TextActiveMenu {
padding: 18px 10px;display:block;  position:relative; float:left;
}

#S_mobmenu_content .menu:hover {
	 cursor:hand; background-color:#808080; color:#fff;
}
#S_mobmenu_pagemenu {
	margin-left: 30px;
	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% - 30px);
	width: -ms-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
}
#divtopmenuchek.checked ~ * #S_pagemenu,
#divtopmenuchek:checked ~ * #S_pagemenu,
#divtopmenuchek.checked ~ * #S_mainmenu,
#divtopmenuchek:checked ~ * #S_mainmenu {
    max-width: 450px;
}
#S_mobmenu_pagemenu #pageMenu .mbordl,
#S_mobmenu_pagemenu #pageMenu .mbordr{
    display: none;
}
@media (max-width: 479px) {
    
#S_mobmenu_content {
    width: 100%;
}

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

#divtopmenu label {
    display: inline-block;
    display: block;
    font-weight: 700;
}

#S_pagemenu .tableMenu {
    width: 100%;
}