html, body{ background:url(http://www.colegiovisao.com.br/imagens/geral/bgcolor.png) repeat; margin:0; padding:0; }
form{ padding:0; margin:0; }
.centraliza_res{ width:780px;margin:auto; } /* Define a largura do site e o alinhamento */
#educ_geralexterno{ background:url(http://www.colegiovisao.com.br/imagens/geral/textura_fundo_baixo.png) repeat-x 0 bottom; }
#coluna1024{ width:190px; height:800px; float:right; background-color:#3300FF; display:none; } /* Define o novo container para conteúdos 1024 */
#educ_bgcorpo{ width:100%;background:url(http://www.colegiovisao.com.br/imagens/geral/textura_fundo_cima.png) repeat-x 0 top; display:table; }/* fundo geral*/
#educ_corpo{ position:relative; background:transparent; } /* fundo de conteúdos */
.tabelaprincipal{ background:#FFF; }
#menuv{ margin:0; padding:0 !important; }
/* ===============================
BARRA SS
===============================*/
#bg_barrass{ background:url(http://www.colegiovisao.com.br/imagens/topo/bg_ss.gif) repeat-x; height:27px; } /*Barra branca defgeral */
#barrass{ height:27px; position:relative; }
#barrass a{ color:#333; }
/*=Logins*/
#bg_barrass #login .fonts{ font-size:11px; font-weight:normal; color:#333; width:92px; background:url(/esc_include/imagens/templates/2010/bg_campos.gif) repeat-x; border:1px solid #CCC; }
#bg_barrass #senha .fonts{ font-size:11px; font-weight:normal; color:#333; width:92px; background:url(/esc_include/imagens/templates/2010/bg_campos.gif) repeat-x; border:1px solid #CCC; }
#bg_barrass .okFonts{ font-size:10px; color:#FFF; background:url(http://www.colegiovisao.com.br/imagens/topo/barra_ok.png) repeat-x; border:none; height:25px; width:30px; padding:0; cursor:pointer; font-weight:bold; }
#bg_barrass #login{ position:absolute; left:430px; top:3px; }
#bg_barrass #senha{ position:absolute; left:530px; top:3px; }
#bg_barrass #okS{ position:absolute; left:628px; top:2px; }
#bg_barrass #esqueci{ position:absolute; top:3px; left:665px; width:105px; line-height:22px; text-align:right; }
#bg_barrass #esqueci a{ font-size:11px; color:#FFF; text-decoration:none; }
#bg_barrass #esqueci a:hover{ color:#FFF; text-decoration:underline; }
#bg_barrass #esqueci a:active{ color:#FFF; }
#bg_barrass #logoff{ position:absolute; left:730px; top:3px; width:40px; line-height:22px; text-align:right; border-left:1px solid #CCC; }
#bg_barrass #logoff a{ font-size:11px; color:#FFF; text-decoration:none; font-weight:bold; }
#bg_barrass #logoff a:hover{ color:#FFF; text-decoration:underline; }
#bg_barrass #logoff a:active{ color:#FFF; }
#bg_barrass #ServPessoais{ position:relative; }
#bg_barrass #ServPessoais a{ float:left; font-size:11px; color:#333; text-decoration:none; padding:3px 5px; margin:3px; border:1px solid #CCC; background-color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; }
#bg_barrass #ServPessoais a.reco{
padding-right:22px;
background-position:3px 2px;
background:#FFF url(/esc_include/imagens/templates/2010/reco.gif) no-repeat 66px 2px; }
#bg_barrass #ServPessoais a.joia{ background-image:url(/esc_include/imagens/templates/2010/reco.gif) no-repeat center; padding:3px 10px; margin-left:-6px; border:1px solid #CCC; }
#bg_barrass #ServPessoais a:hover{ color:#999; background-color:#FFF; }
#bg_barrass #ServPessoais a.meuper{ -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; }
#bg_barrass #ServPessoais a.meuper span{ background:#CCC; padding:3px 5px; }
#bg_barrass #ServPessoais a:hover.meuper span{ color:#333; }
#bg_barrass #ServPessoais a.meuper img{ margin:-3px 0px -6px -5px; }
#bg_barrass #ServPessoais a.add{ -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; }
#bg_barrass #ServPessoais a:active{ color:#333; }
#bg_barrass #ServPessoais a.favs{ padding-left:22px; background-image:url(/esc_include/imagens/templates/2010/star.png) no-repeat 3px 2px; }
#bg_barrass #ServPessoais a.add{ background:url(/esc_include/imagens/templates/2010/add.gif) no-repeat center; padding:3px 10px; margin-left:-6px; border:1px solid #CCC; }
#bg_barrass #ServPessoais.relativa{ position:relative; float:left; }
/* CABEÇALHO PORTAL COMERCIAL
===================================================== */
#educ_cabecalho{ height:253px; font-family:Arial, Helvetica, sans-serif; background:#FEC629 url(http://www.colegiovisao.com.br/imagens/topo/bg_cabecalho.jpg) repeat-x left bottom; }
#educ_cabecalho a{ text-decoration:none; }
#educ_cabecalho a:hover{ text-decoration:underline; }
#bg_barraescolas{ height:125px; }
#barraescolas{ position:relative; background:url(/esc_include/imagens/templates/2010/barra_comercial.gif) no-repeat 0px 7px; height:125px; }
#logobarra{ width:173px; height:41; position:absolute; top:24px; left:19px; }
#logobarra img{ border:0; }
#pesquisaescolar{ background:url(/esc_include/imagens/templates/2010/bg_pesquisa.gif); width:190px; height:60px; position:absolute; top:15px; right:10px; }
#pesquisaescolar a{ position:absolute; bottom:10px; right:10px; color:#FFF; font-size:11px; }
.okP{ position:absolute; top:11px; right:10px; font-size:11px; font-weight:bold; color:#FFF; text-shadow:#8f8f8f 1px -1px; background:url(/esc_include/imagens/templates/2010/bg_botao.png) repeat-x; border:0px; padding:1px 1px; cursor:pointer; width:28px; height:22px; }
/*=Pesquisa escolar=== */
#pesquisaescolar .campo{ font-size:11px; font-weight:normal; color:#333; width:120px; border:2px solid #FFF; position:absolute; top:10px; left:28px; }
#inicio{ position:absolute; top:98px; background:url(/esc_include/imagens/templates/2010/inicio_bg.gif) no-repeat #764090; width:160px; height:22px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#inicio a{ color:#FFF; line-height:22px; margin-left:10px; }
/*=Menu de AaZ === */
#aaz{ position:absolute; top:94px; right:0px; width:195px; height:25px; background:url(/esc_include/imagens/templates/2010/bg_az.gif) right; text-align:left; padding:5px 0 0 5px; z-index:1; }
#aaz select{ background-color:#decfe5; border:solid 1px #beb8c0; float:right; margin-right:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
/* MENU HORIZONTAL GERAL*/
#menuH{ position:absolute; top:84px; left:160px; font-size:11px; line-height:normal; z-index:10; }
#menuH ul{ margin:0; padding:10px 0 0 0; list-style:none; }
#menuH li{ display:inline; margin:0; padding:0; }
#menuH a{ float:left; margin:0; padding:0 0 0 4px; text-decoration:none; }
#menuH a span{ float:left; display:block; padding:9px 7px 7px 4px; color:#333; }
#menuH a:hover{ text-decoration:none; }
.tab1 a{ background:url(/esc_include/imagens/templates/2010/tabL1.gif) no-repeat left top; }
.tab1 a span{ background:url(/esc_include/imagens/templates/2010/tabR1.gif) no-repeat right top; }
.tab2 a{ background:url(/esc_include/imagens/templates/2010/tabR2.gif) no-repeat left top; }
.tab2 a span{ background:url(/esc_include/imagens/templates/2010/tabL2.gif) no-repeat right top; }
.tab3 a{ background:url(/esc_include/imagens/templates/2010/tabL3.gif) no-repeat left top; }
.tab3 a span{ background:url(/esc_include/imagens/templates/2010/tabR3.gif) no-repeat right top; }
.tab4 a{ background:url(/esc_include/imagens/templates/2010/tabL4.gif) no-repeat left top; }
.tab4 a span{ background:url(/esc_include/imagens/templates/2010/tabR4.gif) no-repeat right top; }
.tab5 a{ background:url(/esc_include/imagens/templates/2010/tabL5.gif) no-repeat left top; }
.tab5 a span{ background:url(/esc_include/imagens/templates/2010/tabR5.gif) no-repeat right top; }
.tab6 a{ background:url(/esc_include/imagens/templates/2010/tabL6.gif) no-repeat left top; }
.tab6 a span{ background:url(/esc_include/imagens/templates/2010/tabR6.gif) no-repeat right top; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuH a span{ float:none; }
/* End IE5-Mac hack */
#menuH a:hover span{ color:#FFF; }
#menuH .tab4 a:hover span{ color:#333; }
#menuH a:hover{ background-position:0% -30px; }
#menuH a:hover span{ background-position:100% -30px; }
#menuH .selected a{background-position:0% -30px; color:#FFF; }
#menuH .selected a span{background-position:100% -30px; color:#FFF; }
#menuH .tab4.selected a{color:#333; }
#menuH .tab4.selected a span{color:#333; }
/* RODAPÉ ESTILO PORTAL COMERCIAL
===================================================== */
#educ_bg_rodape{ width:100%; background:#F56D25; color:#FFDE8B; }
#educ_bg_rodape a{ color:#FFDE8B !important; }
#educ_bg_rodape a:hover{ color:#FFF; text-decoration:underline; }
#educ_rodape{ }
#logo_rodape{ background:url(http://www.educacional.com.br/imagens/logo_educ_2010.gif) no-repeat; width:162px; height:35px; }
/*#educ_bg_rodape.cordorodape{ background-color:#04486D !important; height:150px; }*/
#educ_bg_rodape{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding-top:0px; }
/* ===============================
CORES DAS HOMES
===============================*/