@charset "utf-8";
/* CSS Document */

#MainH { opacity:1 !important; filter:alpha(opacity=100) !important; }

/* menu responsivo */
.showMobileMenu { background:#FFF; clear:both !important; float:none !important; display:block !important; margin:0em auto; padding:1em; }
.showMobileMenu label { display:block; color:#333; margin-top:0.5em; margin-bottom:0.5em; text-align:left; }
.showMobileMenu #LoginInfo { margin-top:2em; }
.showMobileMenu #LoginInfo { color:#FFF; margin-top:2em; }

#MainHLogo { margin:0 auto; float:left; }
#MainHLogo span { font-size:1em; vertical-align:middle; color:#FFF; font-family:'Noto Sans', sans-serif; text-shadow:0.1em 0.1em #333; }

#MainHNavig { margin:0 auto; float:right; }

#MainMLabels { display:inline-block; margin:2em; color:#FFF; text-transform:uppercase; }
#MainMLabels label { cursor:pointer; line-height:2em; }
#MainMMobBtn { display:none; line-height:4em; margin:4px; color:#FFF; cursor:pointer; text-shadow:0.1em 0.1em #333; }

#LoginInfo { padding:0.3em; padding-left:1em; background:#FFF; color:#333; font-size:0.8em; line-height:1em !important; cursor:auto !important; }
#LoginInfo span { background:#06C; color:#FFF; font-size:1.4em; padding:0.6em; margin-left:5px; margin-right:0px; cursor:pointer; }
#LoginInfo a { background:#C30; color:#FFF; font-size:1.4em; padding:0.6em; margin-left:5px; margin-right:0px; }

#mainSection { margin:0.5em; background:#FFF; clear:both; min-height:100px; padding:5px; }

/* Mobile Styles */
@media only screen and (max-width: 400px) {
	
	body { margin:10px; }
	
	#MainHLogo img { width:100%; max-width:280px; }
	#MainMLabels { display:none; }
	#MainMLabels label { }
	#MainMMobBtn { display:block; }
	#LoginInfo { background:#666; }
	
	.mobilHide { display:none !important; }
}

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 1024px) {
    body { 
	   margin:10px;
	   margin-top:0px;
	}

	#MainHLogo img { width:90%; max-width:280px; }
	#MainMLabels { display:none; }
	#MainMLabels label { }
	#MainMMobBtn { display:block; }
    #LoginInfo { background:#666; }
	
	.mobilHide { display:none !important; }
}

/* Desktop Styles */
@media only screen and (min-width: 1025px) {
    body { 
	   margin:10px;
	   margin-top:0px;
	}
	
	#MainH { margin:auto; max-width:1360px; }
		
	#MainMLabels { margin-right:0; margin-left:0; }
	#MainMLabels label { display:inline-block; margin:0.5em; }

	#MainHLogo img { margin-left:0px; max-width:350px; }
	#MainHLogo span { font-size:3.2em; vertical-align:middle; color:#FFF; font-family:'Pattaya', sans-serif; text-shadow:0.1em 0.1em #333; }

	#mainSection { margin:0 auto; max-width:1360px; padding:20px; }

}