/* (c) 2014 Senac São Paulo */
/* file: m-senac.css */


/* moldura */
#testeira,#blueContent,#menuPortal,#lightBlue,#blue,#rodapePortal,#breadC{ display:none; }
#wrapperSenac{ width:100%; overflow-x:hidden;  }		
#content,#contentSenac,#htmlBody{ width:100%; }
#space{ float:left; width:100%; height:124px; }


/* responsive */
.img-responsive{ width:100%; }
.notablet{ display:none; }

h2{ font-size:24px; }
h3{ font-size:16px; }



/* mobile */
#mobile,#mLogo,#mFooter{ display:block; }

#mobile{ position:absolute; width:100%; height:48px; /* background:#00478b; */ background-image:url('/imagens/bg-mobile.jpg'); border-bottom:1px solid lightblue; }
	#mButton{ float:left; width:46px; height:36px; background-image:url('/imagens/bt-m-menu.png'); margin:5px; }
	#mButton:hover,#mIcon:hover{ cursor:pointer; }	
	#mContent,#mContentB{ float:left; width:75%; margin-top:9px; }
	#mIcon{ float:left; width:40px; height:36px; margin-top:5px; }
	
	
#mLogo{ position:absolute; width:100%; text-align:center; padding:7px 0px 7px 0px; border-bottom:1px solid #00478b; margin:50px 0px 10px 0px; }
#mLogo img{ width:90px; }

#mMenu{ position:absolute; width:98%; height:auto; z-index:999; /* opacity:50%; opacity: 0.95; filter: alpha(opacity=95); */ margin:49px 0px 0px 0px; border:1px solid #eaeaea; background:white; /* background:#dbecfc; */  color:#777;  }
.item{ float:left; width:95%; height:30px; /* margin:5px; */ padding:5px 0px 0px 10px; border-bottom:1px solid #ccc; /* border-bottom:1px solid white; */ font-size:14px; color:#666; }
.item:hover{ color:#ff7f00; background:#eaeaea; }
.item:visited{ color:#666; }
.sub{ padding-left:30px; color:#888; width:87%; width:92%; }

#mMenu a:link{ color:#666 !important; }


#mCursos,#mCursosArea,#mUnidades,#mUnidadesGSP,#mCentroUni{ display:none; }


#mFooter{ float:left; width:100%; background:#004b97; color:white; }
#mFooter .c1{ float:left; width:48%; }
#mFooter .c2{ float:right; width:48%; text-align:right; }


.arrow{ float:right; margin-top:0px; width:33px; height:28px; background-image:url('/imagens/arrowR.png'); }

/* mobile */



@media screen and (max-width:390px){
	#mContent,#mContentB{ float:left; width:50%; min-width:215px; margin-top:9px; }
	.sub{ width:87%; }
}