* { margin:0px; padding:0px; list-style-type:none; border:none; outline:none; }

html { height:auto; }
body { magin:0px; padding:0px; height:auto; background:#eaebec; font:11px Arial; color:#4f4f4f; }

p {margin:0 0 20px 0; }

a, a:hover  { text-decoration:none; color:black; }

input, select, textarea { font:bold 10px Trebuchet MS; color:#353a3e; border:1px solid #0073ac; vertical-align:middle; }
input.enviar, input.envio, input.consultar, input.noborder { margin:0px; border:0px; }

.left { float:left !important; }
.right { float:right !important; }
.clear { clear:both; }
.bold { font-weight:bold; }
.laranja { color:#e77817; }
.vermelho { color:#ac4848; }
.brancoBack { background-color:#ffffff !important; }
.ml70 { margin-left:20px; }
.on { display:block; } 
.off { display:none; }

.i { font-style:italic !important; }
.n { font-weight:bold !important; }
.u { text-decoration:underline !important; }

.pointer { cursor:pointer; cursor:hand; }
.boxPreviewImg { background-color:#ccc; margin:10px 0; padding:10px; -moz-border-radius:6px; border-radius:6px; }

.cke_bottom { background:#0073ac !important; }
.cke_chrome { border-color:#0073ac !important; }

.mapa8, .mapa9, .mapa10 { display:none; }

.arrowBottom { border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px dashed; display:inline-block; height:0; margin-left:2px; vertical-align:middle; width:0; cursor:pointer; cursor:hand; }
.arrowLeft { border-bottom:4px solid transparent; border-top:4px solid transparent; border-right:5px dashed; display:inline-block; height:0; vertical-align:middle; width:0; cursor:pointer; cursor:hand; }
.arromRight { border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:5px dashed; display:inline-block; height:0; vertical-align:middle; width:0; cursor:pointer; cursor:hand; }

.loading, .pleaseWait {
    position:   fixed;
	top:0;
	left:0;
	margin: 0 auto;
    z-index:    1000;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
				url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

hr { border:1px solid #0073ac; }

#mestre { position:relative; width:100%; min-height:100%; margin:0 auto; background:#eaebec; z-index:1; }

#bloco-parceiro { height:29px; left:0px; position:relative; top:0px; width:100%; background:url(/images/escola24h/e24h_2016/back-parceiro.gif) repeat-x; }

#bloco-login { height:67px; width:100%; background:url(/images/escola24h/e24h_2016/back-topo3.gif) repeat-x; }
#bloco-login #topo-menu { height:55px; left:0px; position:relative; top:0px; width:960px; padding-top:12px; margin:0px auto; }
#bloco-login #topo-menu #social_icons { float:left; margin-top:10px; margin-left:150px; }
#bloco-login #topo-menu form { float:right; }
#bloco-login #topo-menu input { margin-bottom:5px; vertical-align:middle; }
#bloco-login #topo-menu input.login, #bloco-login #topo-menu input.senha { border:#c0c0c0 1px solid; height:25px; padding:0px 5px; width:120px; margin-left:7px; line-height:24px; -moz-border-radius:6px; border-radius:6px; }
#bloco-login #topo-menu .lembrarsenha { color:#656565; margin-left:170px; }

#bloco-logado { height:32px; width:960px; }

#bloco-topo { position:relative; width:100%; height:100px; background:#fff; font-family:Roboto; top:0; z-index:9900000; -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.09);
	box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.09); }
#bloco-topo #topo-logo { position:relative; width:980px; height:90px; margin:0 auto; font-family:Roboto; padding-top:10px; font-size:14px; }
/*#bloco-topo #topo-logo { height:102px; left:0px; position:relative; top:0px; width:950px; margin:0 auto; padding-left:32px; font-family:Ubuntu; font-size:14px; font-weight:500; padding-top:15px; }*/
#bloco-topo #topo-logo #home { float:left; width:300px; height:90px; cursor:pointer; }
#bloco-topo #topo-logo #busca { float:right; line-height:75px; vertical-align:middle; }
#bloco-topo #topo-logo #busca .sendBt { width:90px; height:36px; background:#f2911c; color:white; border:0px; font-family:Ubuntu; font-size:16px; font-weight:500; -moz-border-radius:6px; border-radius:6px; cursor:pointer; }
#bloco-topo #topo-logo #busca input#buscastr { height:33px; width:200px; border:1px solid #cb9e5b; padding-left:30px; margin-right:10px; background:#fff url(/images/escola24h/e24h_2016/ico-lupa.gif) 7px 7px no-repeat; -moz-border-radius:6px; border-radius:6px; }
#bloco-topo #topo-logo #logado { float:right; width:320px; text-align:right; line-height:80px; vertical-align:middle; color:#0073ac; margin-right:20px; }
#bloco-topo #topo-logo #logado img { margin:23px 0 0 10px; float:right; }
#bloco-topo #topo-logo #configarrow { cursor:pointer; cursor:hand; }
#bloco-topo #topo-logo a { color:#0073ac; }
#bloco-topo #topo-logo .conheca { float:right; color:#fff; margin-right:58px; margin-top:30px; }
#bloco-topo #topo-logo .sobre { float:right; color:#ffe9af; margin-right:52px; margin-top:30px; }
#bloco-topo #topo-logo #menu-opcoes { position:absolute; left:855px; top:60px; width:80px; min-height:30px; background:#0073ac; margin:0 auto; color:white; font-family:Arial; font-size:11px; padding:4px 10px; display:none; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; }
#bloco-topo #topo-logo #box-login { float:right; margin-top:20px; }
#bloco-topo #topo-logo #box-login #login { width:150px; height:24px; padding:0 5px; -moz-border-radius:6px; border-radius:6px; margin-right:8px; }
#bloco-topo #topo-logo #box-login #senha { width:100px; height:24px; padding:0 5px; -moz-border-radius:6px; border-radius:6px; }
#bloco-topo #topo-logo #box-login .lembrarsenha { font-size:10px; }

#bloco-topo #topo-logo .newsize { width:583px !important; }
#bloco-topo #topo-logo ul { float:right; padding-top:25px; width:auto; }
#bloco-topo #topo-logo li a { color:#6f767c; }
#bloco-topo #topo-logo li { float:left; display:inline; font-size:18px; width:130px; height:40px; line-height:39px; vertical-align:middle; text-align:center; }
#bloco-topo #topo-logo li.op4 { text-align:right; margin-right:30px; margin-left:30px; color:#ff8203 !important; }
#bloco-topo #topo-logo #loginPopup { cursor:pointer; cursor:hand; }
#bloco-topo #menu-opcoes-login { position:absolute; left:705px; top:8px; width:250px; height:75px; background:#0073ac; margin:0 auto; color:white; font-family:Arial; font-size:11px; padding:4px 10px; display:none; -moz-border-radius:6px; border-radius:6px; }
#bloco-topo #menu-opcoes-login label { width:60px; height:13px; float:left; font-size:14px; font-family:Roboto; padding-top:7px; }
#bloco-topo #menu-opcoes-login input  {width:144px; height:20px; margin-top:6px; -moz-border-radius:4px; border-radius:4px; padding:0 5px; background:#f8f8f8; }
#bloco-topo #menu-opcoes-login input.login { width:177px;; }
#bloco-topo #menu-opcoes-login input.envio { width:25px; margin-left:4px; padding:0; background:#ff8203; color:#f8f8f8; }
#bloco-topo #menu-opcoes-login a { color:white; }
#bloco-topo #menu-opcoes-login p { margin:4px 0 0 61px; }
#bloco-topo #menu-opcoes-login span { float:right; font-weight:bold; margin:4px 5px 0 0; }

#bloco-menu { width:100%; height:55px; position:relative; float:left; background:#fff; text-align:center; -webkit-box-shadow:0px 9px 9px 0px rgba(0,0,0,0.09);
	-moz-box-shadow:0px 9px 9px 0px rgba(0,0,0,0.09);
	box-shadow:0px 9px 9px 0px rgba(0,0,0,0.09); }
#bloco-menu .newsize_escola { width:149px !important; }
#bloco-menu .newsize_edif { width:142px !important; height:44px !important; }
#bloco-menu .newsize_fam { width:107px !important; }
#bloco-menu .newsize_efai { width:126px !important; }
#bloco-menu .newsize_efaf { width:126px !important; }
#bloco-menu .newsize_vest { width:170px !important; }
#bloco-menu .newsize_edu { width:127px !important; }
#bloco-menu .newsize_label_ef { left:306px !important; width:252px !important; }
#bloco-menu .adap_escola { width:80px !important; }
#bloco-menu .adap_edif { width:90px !important; }
#bloco-menu .adap_efai { width:100px !important; padding-top:5px !important; height:50px !important; }
#bloco-menu .adap_efaf { width:100px !important; padding-top:5px !important; height:50px !important; }
#bloco-menu .adap_em { width:100px !important; padding-top:5px !important; line-height:50px !important; height:50px !important; }
#bloco-menu .adap_vest { width:90px !important; padding-top:15px !important; height:40px !important; }
#bloco-menu .adap_profweb { width:90px !important; }
#bloco-menu .adap_label_ef { left:185px !important; width:199px !important; }
#bloco-menu #menu_topo { width:945px; margin:0 auto; font-family:Ubuntu; font-size:15px; font-weight:500; color:#0073ac; line-height:50px; vertical-align:middle; position:relative; padding-left:15px; cursor:default; }
#bloco-menu #menu_escola { float:left; width:95px; line-height:16px; height:44px; padding-top:11px; background:url(/images/escola24h/e24h_2016/div-segmento.gif) right bottom no-repeat; }
#bloco-menu #menu_edif { float:left; width:120px; line-height:16px; height:44px; padding-top:11px; background:url(/images/escola24h/e24h_2016/div-segmento.gif) right bottom no-repeat; }
#bloco-menu #menu_fam { float:left; width:95px; height:53px; background:url(/images/escola24h/e24h_2016/div-segmento.gif) right bottom no-repeat; }
#bloco-menu #menu_efai { float:left; width:110px; line-height:53px; height:53px; background:url(/images/escola24h/e24h_2016/div-segmento.gif) right bottom no-repeat; }
#bloco-menu #menu_efaf { float:left; width:110px; line-height:53px; height:53px; background:url(/images/escola24h/e24h_2016/div-segmento.gif) right bottom no-repeat; }
#bloco-menu #menu_em { float:left; width:90px; line-height:16px; height:44px; padding-top:11px; background:url(/images/escola24h/e24h_2016/div-segmento.gif) right bottom no-repeat; }
#bloco-menu #menu_adaptativa { float:left; width:90px; line-height:16px; height:40px; padding-top:15px; background:url(/images/escola24h/e24h_2016/div-segmento.gif) right bottom no-repeat; }
#bloco-menu #menu_vest { float:left; width:115px; line-height:16px; height:44px; padding-top:11px; background:url(/images/escola24h/e24h_2016/div-segmento.gif) right bottom no-repeat; }
#bloco-menu #menu_edu { float:left; width:102px; line-height:53px; height:53px; background:url(/images/escola24h/e24h_2016/div-segmento.gif) right bottom no-repeat; }
#bloco-menu #menu_profweb { float:left; width:100px; line-height:16px; height:44px; padding-top:11px; }
#bloco-menu #label_ef { position:absolute; left:230px; width:220px; font-size:11px; background:#bdbdbd; color:white; font-family:Verdana; height:13px; line-height:13px; -moz-border-radius:0px 0px 3px 3px; border-radius:0px 0px 3px 3px; }
#bloco-menu #label_em { position:absolute; left:385px; width:279px; font-size:11px; background:#868686; color:white; font-family:Verdana; height:13px; line-height:13px; -moz-border-radius:0px 0px 3px 3px; border-radius:0px 0px 3px 3px; }

#bloco-menu #menu-popup { position:absolute; width:897px; min-height:135px; background:#015b94; top:50px; z-index:10000; text-align:left; -moz-border-radius:0px 0px 6px 6px; border-radius:0px 0px 6px 6px; left:50%; margin-left:-465px; padding:20px 10px 2px 30px; display:none; }
#bloco-menu #menu-popup .home { color:#ffcb41; font-family:Arial; font-size:14px; font-weight:bold; margin-bottom:30px; }
#bloco-menu #menu-popup p.home { padding-bottom:18px; width:865px; border-width:0 0 1px 0; border-style:dashed; margin-bottom:15px; }
#bloco-menu #menu-popup .botao { float:left; width:144px; height:45px; background:#0073ac; margin:0 22px 20px 1px; padding:0 6px; text-align:center; line-height:45px; vertical-align:middle; text-transform:uppercase; color:white; font-family:Arial; font-weight:bold; font-size:11px; z-index:10001; -moz-border-radius:6px; border-radius:6px; }
#bloco-menu #menu-popup .botao2 { float:left; width:132px; height:38px; background:#0073ac; margin:0 22px 20px 1px; padding:7px 12px 0; text-align:center; line-height:16px; vertical-align:middle; text-transform:uppercase; color:white; font-family:Arial; font-weight:bold; font-size:11px; z-index:10001; -moz-border-radius:6px; border-radius:6px; }
#bloco-menu #menu-popup a { color:white; }
#bloco-menu #menu-popup .separador { width:865px; border-width:0 0 1px 0; border-style:dashed; clear:both; color:#ffcb41; margin-bottom:10px; position:relative; top:-5px; }

#bloco-menu-vest { width:100%; height:50px; background:#545454; }
#bloco-menu-vest #menu-vest_topo { width:935px; height:50px; margin:0 auto; line-height:44px; vertical-align:middle; color:white; font-family:Ubuntu; font-size:13px; font-weight:500; padding-left:10px; }
#bloco-menu-vest #menu-vest_topo span { color:#f6ab45; }
#bloco-menu-vest #menu-vest_topo img { vertical-align:middle; }
#bloco-menu-vest #menu-vest_topo .calendario { margin:0 5px 0 20px; }

#breadcrumb { position:absolute; height:32px; width:930px; top:115px; left:50%; margin-left:-465px; z-index:9003; }
#breadcrumb a { color:#0073ac; }
#breadcrumb strong { color:black; }

#titulo { height:80px; width:960px; background:#979799; color:white; }

#expiracao { position:relative; margin:0 auto; top:23px; width:905px; height:50px; background:#f5ad40; line-height:50px; text-align:center; vertical-align:middle; font-size:18px; padding-left:20px; -moz-border-radius:6px; border-radius:6px; }

#aulasonline #buscaraulas { float:left; width:320px; height:300px; }
#aulasonline #proximasaulas { float:left; width:640px; height:300px; }
#aulasonline #box-aulaspassadas { float:left; width:310px; min-height:220px; }

#bloco-rodape-deslogado { position:fixed; bottom:0px; height:60px; width:100%; background:#f9f9f9; font-family:Ubuntu; font-size:16px; color:#717171; text-align:center; z-index:10001; }
#bloco-rodape-deslogado .numero { font-size:20px; font-family:Ubuntu; color:#666699; width:150px; float:left; text-align:left; margin-top:10px; line-height:18px; }
#bloco-rodape-deslogado span { font-family:arial; font-size:10px; color:#717171; }
#bloco-rodape-deslogado #rodape-faleconosco { position:relative; top:-5px; float:left; width:141px; height:65px; margin-left:320px; background:url(/images/escola24h/e24h_2016/bt-faleconosco_rodape.gif); cursor:pointer; cursor:hand; }

#rodape { width:960px; min-height:40px; /*height:480px;*/ background-color: #FFFFFF; padding:15px 0px 15px 0px; margin: 50px auto 40px; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; }
#rodape div { float: left; }
#rodape div a { color:#4F4F4F; }
#rodape div h4 { font-family:Ubuntu; color:#0073ac; font-size:15px; font-weight: normal; vertical-align:top; line-height:45px; }
#rodape div.logo { width:669px; margin:5px 0 0 25px; color:#4F4F4F; font-size:20px; font-family:Ubuntu; }
#rodape div.separador { background:url(/images/escola24h/e24h_2016/conhecer-mais/separadorVertical.gif) repeat-y center; padding: 0px 35px 0px 50px; height: 38px; }
#rodape #mapButtom { cursor:pointer; cursor:hand; background:#f2911c; width:155px; height:36px; color:white; font-size:14px; font-family:Ubuntu; font-weight:500; text-align:center; line-height:36px; vertical-align:middle; text-transform:uppercase; -moz-border-radius:6px; border-radius:6px; }
#rodape #mapa-menu { width:929px; border-top: 1px solid #e1e1e1; margin-top: 5px; padding:17px 16px 20px 15px; background:#fff; display:none; }
#rodape #mapa-menu div { width:118px; height:auto; }
#rodape #mapa-menu div.separador { width:1px; height:360px; background:url(/images/escola24h/e24h_2016/conhecer-mais/separadorVertical.gif) repeat-y; padding:0px; margin:50px 7px 0px 7px; }
#rodape #mapa-menu ul { min-height:573px; }
#rodape #mapa-menu ul li { margin-top:7px; }
#rodape #mapa-menu a { font-family:Ubuntu; color:#555555; }
#rodape #mapa-menu .faleconosco { width:180px; }
#rodape #mapa-menu .faleconosco img { vertical-align: baseline; }
#rodape #mapa-menu .telefone { font-family:Ubuntu; font-size: 23px; margin:10px 0px 0px 0px; }

#rodape-proximasaulas { float:left; position:fixed; bottom:0px; width:625px; height:50px; color:white; font-size:18px; line-height:50px; font-family:Ubuntu; vertical-align:middle; cursor:pointer; cursor:hand; z-index:1001; }
#rodape-profweb { float:left; position:fixed; width:335px; height:50px; color:white; bottom:0px; margin-left:610px; line-height:50px; vertical-align:middle; font-family:Ubuntu; z-index:1001; }
#rodape-profweb select { margin-right:5px; padding-left:5px; padding-top:4px; padding-bottom:4px; width:250px; height:30px; border:#c0c0c0 1px solid; line-height:28px; font-size:12px; color:#717171; -moz-border-radius:6px; border-radius:6px; }

#rodape2-proximasaulas { position:fixed; bottom:0px; width:625px; height:270px; display:none; background:#282828; color:white; line-height:60px; font-family:Ubuntu; vertical-align:middle; font-size:18px; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; z-index:1001; }
#rodape2-proximasaulas table { width:100%; border-collapse:collapse; margin-bottom:10px; background:#656565; font-family:Ubuntu; }
#rodape2-proximasaulas table tr { height:50px; text-align:left; vertical-align:middle; line-height:48px; }
#rodape2-proximasaulas table td { text-align:left; border-bottom:1px solid #000; font-size:12px; vertical-align:middle; }
#rodape2-proximasaulas table td img { padding-right:2px; vertical-align:top; float:right; }
#rodape2-proximasaulas table td span { font-weight:500; font-size:20px; color:#f5ad40; margin:0 8px 0 24px; }
#rodape2-proximasaulas table td strong { font-family:Arial; color:#bebebe; }
#rodape2-proximasaulas table td.data { font-weight:500; font-size:16px; }

#rodape2-profweb { position:fixed; bottom:0px; margin-left:650px; width:292px; height:300px; display:none; background:#282828; color:white; line-height:60px; font-family:Ubuntu; vertical-align:middle; font-size:18px; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; z-index:1001; }
#rodape2-profweb-conteudo { background:#494949; color:white; height:200px; width:292px; font-size:12px; font-family:Arial; padding:20px 0 20px 0; line-height:20px; }
#rodape2-profweb-conteudo input { width:160px; height:25px; -moz-border-radius:6px; border-radius:6px; padding:0 5px; }
#rodape2-profweb-conteudo label { float:left; width:75px; margin-left:5px; font-weight:bold; }
#rodape2-profweb-conteudo .enviar { width:92px; height:31px; margin:10px 20px 0 0; cursor:pointer; cursor:hand; }
#rodape2-profweb-conteudo #qb_pergunta { width:240px; height:56px; padding:2px 5px; -moz-border-radius:6px; border-radius:6px; }
#rodape2-profweb-conteudo p { padding-left:22px; }

#rodape2-faleconosco { position:fixed; bottom:0px; margin-left:660px; width:292px; height:300px; display:none; background:#282828; color:white; line-height:60px; font-family:Ubuntu; vertical-align:middle; font-size:18px; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; z-index:1001; }
#rodape2-faleconosco #rodape2-faleconosco-conteudo { text-align:left; height:185px; width:292px; background:#494949; font-size:12px; font-family:Arial; padding:15px 0 0 0; line-height:30px; }
#rodape2-faleconosco #rodape2-faleconosco-conteudo input { width:160px; height:25px; line-height:24px; -moz-border-radius:6px; border-radius:6px; padding:0 5px; float:left; }
#rodape2-faleconosco #rodape2-faleconosco-conteudo select { width:160px; height:25px; -moz-border-radius:6px; border-radius:6px; padding:0 5px; float:left; }
#rodape2-faleconosco #rodape2-faleconosco-conteudo label { float:left; width:75px; margin-left:5px; font-weight:bold; }
#rodape2-faleconosco #rodape2-faleconosco-conteudo .enviar { width:92px; height:31px; margin:10px 20px 0 0; cursor:pointer; cursor:hand; }
#rodape2-faleconosco #rodape2-faleconosco-conteudo #qb_pergunta { width:240px; height:40px; padding:2px 5px; -moz-border-radius:6px; border-radius:6px; }
#rodape2-faleconosco #rodape2-faleconosco-conteudo p { padding-left:22px; }

.linha { width:960px; height:2px; margin:0px auto; background:url(/images/escola24h/e24h_2016/pontinhos2.gif) repeat-x; }

#bloco-conteudo { float:left; position:relative; top:0px; width:100%; height:auto; margin:0px auto; padding-top:0px; }
#bloco-conteudo #texto { width:960px; margin:0 auto; }
#bloco-conteudo #texto #corpo-grande { width:860px; margin:0 auto; }

#bloco-conteudo #titulo { width:978px; height: 93px; background:#0073ac; margin: 0 auto; position: relative; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; }
#bloco-conteudo #titulo::before { content:''; position: absolute; margin-left: -20px; width: 1007px; height: 80px; background:#f2911c; z-index:-1; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; left:0; }
#bloco-conteudo #titulo::after { content:''; position: absolute; margin-top: 35px; margin-left: -10px; width: 20px; height: 20px; background-color: inherit; display: block; transform: rotate(45deg); background: #f2911c; }
#bloco-conteudo #titulo img { width:141px; height:42px; background:#f2911c; -moz-border-radius:6px; border-radius:6px; }
#bloco-conteudo #titulo a:after { content:'Voltar'; font-size:18px; font-family:Ubuntu; text-transform:none; position:absolute; top:29px; left:54px; color:white; }

#bloco-conteudo #titulo div { float:left; height:93px; }
#bloco-conteudo #titulo div.texto { width:400px; height:65px; margin-left:60px; padding-top:28px; font-family:Ubuntu; font-size:14px; font-style:italic; color:#FFFFFF; font-weight:500; }
#bloco-conteudo #titulo div.newtop { padding-top:18px; }
#bloco-conteudo #titulo div.newtop2 { padding-top:8px; }
#bloco-conteudo #titulo div.newsize { margin-left:25px !important; width:330px !important; } /* largura autelerada de 330 para 300*/
#bloco-conteudo #titulo div.newsize2 { width:440px !important; }
#bloco-conteudo #titulo div.newsize3 { margin-left:32px !important; }
#bloco-conteudo #titulo div.newsize4 { width:330px !important; }
#bloco-conteudo #titulo div.botao { float:right; width:141px; height:42px; padding-top:25px; background:none; margin-right:20px; position:relative; }
#bloco-conteudo #titulo h2 { font-family:Ubuntu; font-size:30px; font-weight: 500; color:#FFFFFF; margin-left:30px; padding-top:25px; min-width:190px; }

#titulos { float:left; height:30px; width:371px; color:#0073ac; margin:0 auto 30px auto; background:url(/images/escola24h/e24h_2016/pontinhos.gif); }
#titulos p { float:left; font-family:Ubuntu; font-size:28px; font-weight:500; background:#EAEBEC; margin:0px auto; margin-left:20px; padding:0 15px; }

#exibicao { float:left; width:56px; margin:8px 0 0 50px; }
#exibicao img { padding:0 5px; }

#ordem { float:right; width:450px; margin-bottom:36px; }
#ordem a { color:white; }
#ordem .on { background:#f2911c; }
#ordem ul { display:block; }
#ordem ul li { float:left; width:140px; height:35px; line-height:35px; text-transform:uppercase; background:#919191; -moz-border-radius:6px; border-radius:6px; color:white; text-align:center; font-weight:500; font-family:Ubuntu; font-size:12px; margin-left:10px; cursor:pointer; }

.page_on, .page_off { margin-right:5px; }
#paging { width:185px; height:40px; text-align:center; vertical-align:middle; line-height:40px; margin:0 auto; }
#paging-left_off { float:left; width:28px; height:28px; margin-top:6px; background:url(/images/escola24h/e24h_2016/page-left_off.gif); }
#paging-left_on { float:left; width:28px; height:28px; margin-top:6px; background:url(/images/escola24h/e24h_2016/page-left_on.gif); cursor:pointer; cursor:hand; display:none; }
#paging-right_off { float:left; width:28px; height:28px; margin-top:6px; background:url(/images/escola24h/e24h_2016/page-right_off.gif); display:none; }
#paging-right_on { float:left; width:28px; height:28px; margin-top:6px; background:url(/images/escola24h/e24h_2016/page-right_on.gif); cursor:pointer; cursor:hand; }
#paging-content { float:left; margin:0px 10px; width:106px; height:40px; text-align:center; font-family:Arial; font-size:17px; color:#999999; line-height:40px; vertical-align:middle; }
#paging-content input { float:left; font-family:Arial; font-size:17px; color:#999999; margin:0px; background:white url(/images/escola24h/e24h_2016/page-box.gif); width:40px; height:40px; border:0px; text-align:center; font-weight:strong; margin:0 5px 0 6px; }

#restrito { position:relative; width:940px; margin:0px auto; min-height:380px; }
#restrito p { color:#0073ac; font-family:Ubuntu; font-size:28px; font-weight:500; margin-top:0px; text-align:center; }
#restrito .titulos { padding-left:15px; background:url(/images/escola24h/e24h_2016/pontinhos3.gif) repeat-x 0 4px; }
#restrito .enviar { margin-top:20px; font-size:18px; color:white; width:141px; height:46px; background:#f2911c; cursor:pointer; -moz-border-radius:6px; border-radius:6px; }
#restrito #box1 { float:left; width:306px; height:262px; padding:10px 15px; background:url(/images/escola24h/e24h_2016/back-restrito1.gif); font-size:16px; font-family:Ubuntu; font-weight:500; }
#restrito #box1 p { width:145px; padding-left:10px; background:white; text-align:left; }
#restrito #box1 span { margin:0 0 10px 30px; }
#restrito #box1 img { margin:15px 0 0 30px; }
#restrito #box2 { float:right; width:487px; height:262px; padding:10px 15px; background:url(/images/escola24h/e24h_2016/back-restrito2.gif); font-size:16px; font-family:Ubuntu; font-weight:500; }
#restrito #box2 p { width:150px; padding-left:10px; background:white; text-align:left; }
#restrito #box2 span { margin:0 0 10px 30px; }
#restrito #box2 #lista { font-family:Arial; font-size:13px; font-weight:bold; }
#restrito #box2 #lista p { font-family:Ubuntu; font-size:15px; color:#f5ad40; margin:10px 0 0 0; padding-left:0; text-align:left; }
#restrito #box2 #lista div { margin-left:5px; width:235px; }
#restrito #box2 #lista img { margin-top:15px; margin-right:15px; }

#home-disciplinas { position:relative; width:980px; min-height:300px; margin:0 0 0 15px; }
#home-disciplinas #destaques { margin-top:0px; }
#home-disciplinas #destaques p { color:white; font-size:11px; font-family:Arial; font-weight:bold; margin:5px 5px 0 15px; }
#home-disciplinas #destaques span { font-family:Ubuntu; font-size:20px; font-weight:500; }
#home-disciplinas #destaques img { -moz-border-radius:0 10px 0px 0px; border-radius:0 10px 0px 0px; } 
#home-disciplinas #destaques a { color:white; font-family:ubuntu; font-weight:700; }
#home-disciplinas #destaques .container { height:240px; width:280px; }
#home-disciplinas #destaques .box { float:left; height:205px; width:280px; background:#0073ac; -moz-border-radius:0 10px 6px 6px; border-radius:0 10px 6px 6px; }
#home-disciplinas #destaques .botao { float:left; width:90px; height:32px; line-height:27px; background:#f2911c; font-size:14px; text-align:center; vertical-align:middle; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; }
#home-disciplinas #destaques .compacto { font-size:17px; }
#home-disciplinas #destaques ul { margin-top:30px; }
#home-disciplinas #destaques ul li { float:left; height:240px; width:280px; margin:0 45px 50px 0px; }
#home-disciplinas #destaques ul li:nth-child(3n+0) { margin-right:0; }

#home-rodape { width:100%; height:110px; background:#ececec; }
#home-rodape a { color:#8a8a8a; }
#home-rodape ul { width:980px; margin:0 auto; padding:30px 0 0 0; font-family:Roboto; font-size:15px; line-height:50px; vertical-align:middle; color:#8a8a8a; }
#home-rodape li { float:left; width:120px; }
#home-rodape .fb { width:125px; float:right; }
#home-rodape .twitter { width:100px; float:right; } 
#home-rodape .wordpress { width:84px; float:right; } 
#home-rodape .instagram { width:130px; float:right; } 

#bloco-faleconosco, #generic_middle, #bloco-conteudo #busca, #bloco-conteudo #logout, #admintexto { width:910px; min-height:200px; margin:0 auto; }
#adminlista { width:910px; margin:20px auto; }
.adminsecao { width:410px; height:100%; background: url(/images/escola24h/e24h_2016/pontinhos.gif) repeat-x 0 14px; }
#adminsecao { width:910px; margin:20px auto 0; font-family: Ubuntu; font-size:26px; font-weight:500; font-size:26px; color:#0073ac; letter-spacing: -0.5px; }
#adminsecao::before { float:left; position:relative; width:15px; content:""; height: 30px; background:url(/images/escola24h/e24h_2016/pontinhos.gif) 6px 0; margin-right:12px; }
#adminsecao::after { display: inline-block; position:relative; width:300px; content:""; height:30px; background:url(/images/escola24h/e24h_2016/pontinhos.gif) 6px 0; margin-left: 15px; }
#adminsecao a { font-size:16px; font-weight:normal; }
#adminsecao .voltar { float:right; }
#navegador { width:910px; margin:20px auto 0; font-size:12px; font-weight:bold; }
#navegador #secao { font-size:16px; }
#admintexto { margin-top:20px; font-size:12px; }

#admintexto #adminform { position:relative; width:910px; margin-top:20px; }
#admintexto #adminform form label { width:300px; font-size:14px; font-weight:bold; }
#admintexto #adminform form input { height:30px; font-size:14px; font-weight:normal; padding:0 10px; border-radius:6px; -moz-border-radius:6px; margin-bottom:15px; margin-top:5px; }
#admintexto #adminform form select { height:30px; font-size:14px; font-weight:normal; border-radius:6px; -moz-border-radius:6px; margin-bottom:15px; margin-top:5px; padding: 2px 10px; }
#admintexto #adminform form select[multiple], #admintexto #adminform .size2 { height:78px !important; }
#admintexto #adminform form input[type='checkbox'] { height:20px !important; }
#admintexto #adminform form textarea { font-size:14px; font-weight:normal; border-radius:6px; -moz-border-radius:6px; margin-bottom:15px; margin-top:5px; padding: 5px 10px; }
#admintexto #adminform form .cke { margin-bottom:15px; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; margin-top:5px; }
#admintexto #adminform #grupo { float:left; display:inline; width:130px; margin-right:0px; }
#admintexto #adminform #grupo2 { float:left; display:inline; width:175px; margin-right:0px; margin-top:6px; }
#admintexto #adminform #boxexcluir { width:100%; height:30px; line-height:30px; text-align:middle; color:white; background-color:#ff3333; }
#admintexto #adminform .grupo { float:left; display:inline; width:130px; margin-right:0px; }
#admintexto #adminform .grupo2 { float:left; display:inline; width:175px; margin-right:0px; margin-top:6px; min-height:150px; border-left:1px solid; border-color:gray; padding-left:3px; margin-bottom:20px; }
#admintexto #adminform .marc_grupo { margin:5px 0 2px 0; }
#admintexto #adminform .enviar { width:160px; height:34px; padding:0 10px; background:#f2911c; -moz-border-radius:6px; border-radius:6px; color:white; text-align:center; font-weight:500; font-family:Ubuntu; font-size:12px; line-height:30px; border:0; text-transform:uppercase; margin:10px 5px 0; cursor:pointer; }
#admintexto #adminform .setCoverImage { margin-top:5px; }
#admintexto #adminopcoes { font-size:14px; }
#admintexto #adminopcoes b, #admintexto #adminopcoes strong { font-size:16px; }
#admintexto #adminopcoes li { margin-bottom:10px; }

#bloco-faleconosco { margin-bottom:20px; }
#bloco-faleconosco label { float:left; width:120px; height:40px; line-height:38px; vertical-align:middle; margin-right:20px; font-family:Roboto; font-size:16px; text-align:right; }
#bloco-faleconosco input { width:400px; height:40px; margin-bottom:15px; line-height:38px; border: 1px solid #E2E2E2; color:#7B858F; font-size:14px; font-family:Arial; font-weight:normal; padding:0 10px; vertical-align:middle; -moz-border-radius:6px; border-radius:6px; }
#bloco-faleconosco textarea { width:400px; height:120px; border: 1px solid #E2E2E2; color:#7B858F; font-size:14px; font-family:Arial; font-weight:normal; padding:10px; -moz-border-radius:6px; border-radius:6px; } 
#bloco-faleconosco select { width:422px; height:40px; margin-bottom:15px; line-height:38px; border: 1px solid #E2E2E2; color:#7B858F; font-size:14px; font-family:Arial; font-weight:normal; padding:0 10px; vertical-align:middle; -moz-border-radius:6px; border-radius:6px; }
#bloco-faleconosco span { height:40px; width:400px; padding-top:20px; color:#7B858F; font-size:15px; font-family:Arial; font-weight:normal; vertical-align:middle; }
#bloco-faleconosco .enviar { float:left; width:140px; height:35px; background:#f5ad40; margin:0 5px 0 260px; color:white; font-family:Roboto; font-size:14px; font-weight:500; text-transform:uppercase; text-align:center; line-height:35px; -moz-border-radius:6px; border-radius:6px; }
#bloco-faleconosco form { margin-left:80px; margin-top:20px; }
#bloco-faleconosco #contador { margin:5px 0 0 145px; }
#bloco-faleconosco #ddd { width:50px; }
#bloco-faleconosco #telefone { width:320px; }

#mapa { position:relative; width:940px; min-height:500px; margin:0px auto 40px; }
#mapa .mapa_header { height:40px; line-height:38px; vertical-align:middle; width:910px; background:#15a8ab; margin:20px 0 10px; padding-left:20px; font-family:Simplon_bpmedium; color:white; font-size:22px; font-weight:500; -moz-border-radius:0 0px 10px 0px; border-radius:0 0px 10px 0px; }
#mapa .mapa_conteudo { text-align:center; }
#mapa .botao { float:left; width:156px; height:35px; background:#9D85BF; color:white; margin:10px 15px; font-family:Simplon_bpmedium; font-weight:500; text-align:center; line-height:35px; -moz-border-radius:6px; border-radius:6px; }
#mapa .botao2 { float:left; width:156px; height:32px; background:#9D85BF; color:white; margin:10px 15px; padding-top:3px; font-family:Simplon_bpmedium; font-weight:500; text-align:center; line-height:14px; -moz-border-radius:6px; border-radius:6px; }
#mapa ul { margin:0 0 20px 0; font-size:14px; }
#mapa h4 { font-size:18px; color:#0073ac; margin:0 0 10px 0; }

/* css antigo - manter compatibilidade layout velho */
.corpocinza { COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: none; }
.corpocinzagr { COLOR: #000000; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none }
.corpolaranja { COLOR: #686868; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: none }
.corpolaranjagr { COLOR: #686868; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none }
.laranjaescuro { COLOR: #686868; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: none }
.conteudo_texto {font:8pt Arial;width:707px; margin-left:-3px; padding:10px 10px 0px 0px; background:url('/images/escola24h/e24h_2009/bg_degrade_vermelho.jpg') left top;background-repeat:no-repeat; }
.texto_estudo { font:11pt Arial;color:#f13a3d; }

.texto_medio { color:#0073ac !important; }
.e24htitulos { color:#0073ac; font-size:22px; }
.novousuario { background-color:#ffffff !important; }
.novousuario_alerta { margin:0 auto; width:500px; color:#000000; padding-top:140px; text-align:center; }
.botao { height:34px; background:#f2911c; padding:0 6px; text-align:center; line-height:32px; vertical-align:middle; text-transform:uppercase; color:white; border:0px; font-size:12px; font-weight:500; font-family:Ubuntu; cursor:pointer; -moz-border-radius:6px; border-radius:6px; }
.notfound { font-size:15px; font-family:Arial; }


#bloco-conteudo  #texto #box-arquivo-grande { font-size:9pt; color:black; width:605px; height:58px; vertical-align:middle; padding:20px 10px 0px 90px; margin-top:20px; font-weight:bold; }
#bloco-conteudo  #texto #box-arquivo-grande span { vertical-align:50%; line-height:20px; }
#bloco-conteudo  #texto #box-arquivo-grande img { position:relative; top:-4px; } 
#bloco-conteudo  #texto #box-arquivo-grande select { margin-top:6px; }
#bloco-conteudo  #texto #box-arquivo-grande label { font-size:8pt; margin-top:6px; }

#adminArea { position:relative; width:975px; margin:0 auto; z-index:9004; }
#adminArea .enviar { width:160px; height:34px; padding:0 10px; background-color:#676767; -moz-border-radius:6px; border-radius:6px; color:white; text-align:center; font-weight:500; font-family:Ubuntu; font-size:12px; line-height:30px; border:0; text-transform:uppercase; margin:10px 5px 0; float:right; }

.enviar { height:35px; background:#f2911c; margin:0; padding:0 10px; color:white; font-family:Roboto; font-size:14px; font-weight:500; text-transform:uppercase; text-align:center; line-height:34px; -moz-border-radius:6px; border-radius:6px; cursor:pointer; }

#containerPOPUP_Agenda { position:absolute; top:30px; right:0; margin-right:40px; width:423px; height:264px; z-index:10000; text-align:center; }
#containerPOPUP_Agenda #POPUP { position:fixed; width:423px; height:264px; border:3px solid #0073ac; background:#cbcccd url('/images/escola24h/e24h_2016/fundo_agenda.gif') no-repeat 32px 108px; -moz-border-radius:9px; border-radius:9px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); }
#containerPOPUP_Agenda #POPUP .closePop { position:absolute; left:385px; top:10px; cursor:pointer; width:30px; height:30px; line-height:28px; font-size:20px; font-family:Ubuntu; font-weight:600; color:white; background:#f2911c; vertical-align:middle; text-align:center; -moz-border-radius:50%; border-radius:50%; }
#containerPOPUP_Agenda #POPUP h1 { margin-top:20px; font-family:Ubuntu; font-size: 18px; font-weight:600; color:#0073ac; }
#containerPOPUP_Agenda #POPUP h2 { margin-top:5px; font-family:Ubuntu; font-size: 16px; font-weight:600; color:#fff; }
#containerPOPUP_Agenda #POPUP h3 { position:absolute; left:230px; top:110px; width:160px; height:38px; font-size:18px; font-weight:600; background-color:#0073ac; color:white; padding-top:12px; -moz-border-radius:6px; border-radius:6px; }
#containerPOPUP_Agenda #POPUP h4 { position:absolute; left:230px; top:180px; width:160px; height:42px; font-size:14px; font-weight:600; background-color:#f2911c; color:white; padding-top:8px; -moz-border-radius:6px; border-radius:6px; }

#containerPOPUP_Profweb { position:absolute; top:50px; right:0; margin-right:40px; width:345px; height:255px; z-index:10000; text-align:center; }
#containerPOPUP_Profweb #POPUP { position:fixed; width:325px; height:235px; padding:10px; border:3px solid #0073ac; background:#f6f6f6; color:#949494; font-size:14px; -moz-border-radius:9px; border-radius:9px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); }
#containerPOPUP_Profweb #POPUP .closePop { position:absolute; left:312px; top:6px; cursor:pointer; width:30px; height:30px; line-height:28px; font-size:20px; font-family:Ubuntu; font-weight:normal; color:#d21414; vertical-align:middle; text-align:center; }
#containerPOPUP_Profweb #POPUP h1 { margin-top:50px; font-family:Ubuntu; font-size:21px; font-weight:500; color:#0073ac; }
#containerPOPUP_Profweb #POPUP h2 { margin:13px 0 10px; font-family:Ubuntu; font-size:17px; font-weight:normal; color:#e37816; }
#containerPOPUP_Profweb #POPUP h3 { margin:18px auto 10px; width:140px; height:26px; line-height:26px; font-size:14px; font-weight:normal; background-color:#89ba45; color:white; -moz-border-radius:6px; border-radius:6px; }
#containerPOPUP_Profweb #POPUP h4 { margin:0 auto 20px; width:258px; height:26px; line-height:26px; font-size:14px; font-weight:normal; background-color:#d21414; color:white; -moz-border-radius:6px; border-radius:6px; }
#containerPOPUP_Profweb #POPUP h5 { position:absolute; top:-50px; left:125px; background:url(/images/escola24h/e24h_2016/ico-temmensagem.png); width:96px; height:98px; margin:0 auto; }

#containerPOPUP_AvisoNavegacao { display:none; z-index:9999; }
#containerPOPUP_AvisoNavegacao .triangle-border { background: #fff none repeat scroll 0 0; border: 2px solid #015b94; border-radius: 10px; color:#333; margin:1em 0 3em; padding:0 0 10px 0; position:absolute;	width:420px; line-height:22px; text-align:left;	clear:both;	top:62px; left:282px; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.3);	z-index:9999; }
#containerPOPUP_AvisoNavegacao .triangle-border::after { border-color: #fff transparent;    border-style: solid;    border-width: 0 12px 17px;    bottom: auto;    content: "";    display: block;    left: auto;    position: absolute;    width: 0;    right: 197px;    top: -17px;}
#containerPOPUP_AvisoNavegacao .triangle-border::before { border-color: #015b94 transparent; border-style: solid; border-width: 0 15px 21px;     bottom: auto;    content: "";    display: block;    left: auto;    position: absolute;    width: 0;    right: 194px;    top: -21px;}
#containerPOPUP_AvisoNavegacao .triangle-border p { margin:30px 0 10px; padding:15px 20px 20px 20px; border:1px solid #eaebec; border-left:0; border-right:0; font-size:18px; line-height:20px; font-family:Ubuntu; color:#f68328; font-weight:500; }
#containerPOPUP_AvisoNavegacao .triangle-border button { background:#d21414; color:white; text-align:center; border-radius:4px; margin:0 84px; width:250px; height:28px; line-height:26px; }
#containerPOPUP_AvisoNavegacao .triangle-border .closeBtAvNv { color:#d21414; font-size:16px; position:absolute; top:5px; right:10px; font-weight:bold; }
#containerPOPUP_AvisoNavegacao .triangle-border.escola { left:0px; }
#containerPOPUP_AvisoNavegacao .triangle-border.escola::after { right:348px; }
#containerPOPUP_AvisoNavegacao .triangle-border.escola::before { right:345px; }
#containerPOPUP_AvisoNavegacao .triangle-border.edif { left:85px; }
#containerPOPUP_AvisoNavegacao .triangle-border.edif::after { right:323px; }
#containerPOPUP_AvisoNavegacao .triangle-border.edif::before { right:320px; }
#containerPOPUP_AvisoNavegacao .triangle-border.efai { left:70px; }
#containerPOPUP_AvisoNavegacao .triangle-border.efaf { left:182px; }
#containerPOPUP_AvisoNavegacao .triangle-border.em { left:282px; }
#containerPOPUP_AvisoNavegacao .triangle-border.vest { left:386px; }
#containerPOPUP_AvisoNavegacao .triangle-border.edu { left:498px; } 
#containerPOPUP_AvisoNavegacao .triangle-border.fam { left:443px; }
#containerPOPUP_AvisoNavegacao .triangle-border.fam::after { right:43px; }
#containerPOPUP_AvisoNavegacao .triangle-border.fam::before { right:40px; }
#containerPOPUP_AvisoNavegacao .triangle-border.profweb { left:538px; }
#containerPOPUP_AvisoNavegacao .triangle-border.profweb::after { right:43px; }
#containerPOPUP_AvisoNavegacao .triangle-border.profweb::before { right:40px; }

.setCoverImage { background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; }

#mensagemEditor { position:relative; width:98%; height:auto; background:#fbfbfb; border:#015b94 1px dashed; font-size:12px; margin:20px auto 10px; padding:10px; }
#mensagemEditor i { color:#0073ac; }
#mensagemEditor .taxinha { position:absolute !important; font-size:14px !important; left:49%; top:-8px; transform:rotate(39deg); -webkit-transform:rotate(21deg); -ms-transform:rotate(39deg); color:#0073ac; }

#dialog #sms_telefone { border:0; border-bottom:1px solid; height:20px; font-size:16px; border-color:#4f4f4f; position:relative; top:-1px; }

#imagePreview { position:absolute; border:1px solid #ccc; background:#333;	padding:5px; display:none; color:#fff; z-index:9999999999; }

.feedback {	position:fixed;	width:100%;	text-align:center; color:#fff; font-size:1.5em;	z-index:9; top:-60px; left:0; padding:.5em;	box-shadow:0 3px 3px rgba(0,0,0,.3); transition:all .3s; }
.waiting { background:#FF8414; top:0; }
.sucess { background:#22BB55; top:0; }
.fail { background:#D03B3B; top:0; }