/* codificado por ewerton fragoso */

/* Implementação do rodapé sempre colado em baixo */
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -280px;
}
.footer, .push {
height: 280px;
}

/* Implementação do layout */
body {
background: #ffffff url(../_img/bg_geral_escola.jpg) center top repeat-x;
font-family: helvetica, arial, tahoma;
}
.notext {
font-size: 0;
line-height: 0;
text-indent: -4000px;
}
.hidden {
display: none;
}
.titulo_secao {
margin: 15px 0px 10px 0px;
}
.conteudo {
margin: 20px 20px;
}
#col2 .banner {
margin: 15px 0px;
}
#container_acessos {
height: 2px;
background: #28396D;
}
#acessos{
height: 2px;
}
.bt_acessos{
    text-align: right;
}
#container_header {
height: 165px; 
background: url(../_img/bg_geral_header.jpg) top center repeat-x;
z-index:2;
position: relative;
}
#header {
}
#container_landscape {
height: 244px;
}
#container_menu {
height: 45px;
background: url(../_img/bg_menu.jpg) top center no-repeat;
}
#container_content {
background: url(../_img/bg_geral_header.jpg) center -165px repeat-x;
clear:both;
position: relative;
z-index: 1;
}
#content {
min-height: 400px;
height: auto;
overflow: auto !important;
overflow: visible;
margin-bottom: 20px;
}
#container_ondas{
background: url(../_img/bg_rodape_ondas.jpg) repeat-x top center;
height: 150px;
margin: 0px 0px 0px 0px;
}
#ondas {

}
#container_footer {
background: #d1d1d1 url(../_img/bg_rodape_degrade.jpg) repeat bottom center;
height: 280px;
}
.logo_rede_rodape {
margin: 40px 0px 0px 20px;
}
.nome_colegio {
margin: 32px 0px 0px 5px;
}
#logo {
height: 158px;
}
#logo_iascj {
margin-top: 10px;
}
.bg_aluno_online {
/*background: url(../_img/bg_aluno_online.jpg) left 7px repeat-x;*/
}
/* titulos dos blocos */
.t-colegio_inline, .t-nossos_colegios {
    display: block;
}

#col1, #col2, #col3, #col4 {
}
/* css de melhoria de disposicao do conteudo */
.deslocados {
margin-left: -20px;
}
.mantem-altura {
height:  100px;
}
.bloco {
display: block;
}
.divisor_trescolunas {
    margin: 10px 0px;
    border-top: 1px solid #e7e7e7;
    overflow: hidden;
}
.separa_banner {
margin-top: 7px;
}
.separa_titulo {
margin-bottom: 4px;
}
.copyright {
margin-top: 10px;
text-align: center;
font-size: 10px;
color: #616161;
}
.logo_rodape {
margin: 25px 0px 0px 0px;
}
.tc {
text-align: center;
}
p.endereco {
text-align: left;
font-size: 11px;
margin: 15px 0px 0px 0px;
color: #616161;
}
p.endereco span {
font-weight: bold;
color: #D00004;
font-size: 12px;
}

/* bordas arredondadas */
.b-tl {
background:url("../_img/borda-tl.png") no-repeat;
left:-1px;
top:-1px;
}
.b-br {
background:url("../_img/borda-br.png") no-repeat;
bottom:-1px;
right:-1px;
}
.b-tl, .b-tr, .b-bl, .b-br {
font-size:1px;
height:5px;
overflow:hidden;
position:absolute;
width:5px;
}

/* css de mudanca de imagens do menu */
/* css do sub menu */
#container_player { 
    z-index: 100; 
    position: relative;
}
#menu {
    display: block;
    height: 42px;
    z-index: 10; 
    position: relative; 
}
#menu_principal {
display: block;
height: 32px;
margin-top: 3px;  
}
#menu_principal ul {
list-style: none;
padding: 0px;
margin: 0px;
float: left;
width: 100%;
}
#menu_principal ul li {
display: inline;
float: left;
margin: 0;
padding: 0;
position: relative; /* Declare X and Y axis base for sub navigation */
}
#menu_principal ul li.direita {
display: inline;
float: right;
margin: 0;
padding: 0;
position: relative; /* Declare X and Y axis base for sub navigation */
}
#menu_principal ul li a {
background-image: url("../_img/botoes_menu.gif");
background-repeat: no-repeat;
float: left;
height: 0;
overflow: hidden;
padding-top: 32px;
width: 100px;
display: block;
text-decoration: none;
}
#menu_principal ul li:hover ul {
display: block;
}
/* formatacao dos menus drop */
#menu_principal ul li ul {
z-index: 999;
list-style: none;
position: absolute;
left: 0;
top: 32px;
background: #0F0F3F;
margin: 0;
padding: 0;
padding-bottom: 10px;
display: none;
float: left;
width: 180px;
border: none;
}

#menu_principal ul li ul li {
margin: 0;
padding: 0;
clear: both;
width: 180px;
height: auto;
}
#menu_principal ul li ul li a {
float: left;
height: auto;
display: block;
width: 164px !important;
background: none;
padding: 5px 0px 2px 16px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
#menu_principal ul li ul li a:hover {
background: #980000;
}

/* botoes estado normal e permanecimento de hover quando em cima do menu */
#menu_principal li#bt-institucional a { background-position: 0px 0px; width: 91px; }
#menu_principal ul li#bt-institucional:hover a { background-position: 0px -32px; }
#menu_principal li#bt-segmentos a { background-position: -91px 0px; width: 99px; }
#menu_principal ul li#bt-segmentos:hover a { background-position: -91px -32px; }
#menu_principal li#bt-atividades a { background-position: -190px 0px; width: 96px; }
#menu_principal ul li#bt-atividades:hover a { background-position: -190px -32px; }
#menu_principal li#bt-servicos a { background-position: -286px 0px; width: 80px; }
#menu_principal ul li#bt-servicos:hover a { background-position: -286px -32px; }
#menu_principal li#bt-pastoral-educacional a { background-position: -366px 0px; width: 154px; }
#menu_principal ul li#bt-pastoral-educacacional:hover a { background-position: -366px -32px; }
#menu_principal li#bt-fale-conosco a { background-position: -520px 0px; width: 109px; }
#menu_principal ul li#bt-fale-conosco:hover a { background-position: -520px -32px; }
/* botoes estado hover */
#menu_principal li#bt-institucional a:hover, #menu_principal li#bt-institucional a.ativo { background-position: 0px -32px; }
#menu_principal li#bt-segmentos a:hover, #menu_principal li#bt-segmentos a.ativo { background-position: -91px -32px; }
#menu_principal li#bt-atividades a:hover, #menu_principal li#bt-atividades a.ativo { background-position: -190px -32px; }
#menu_principal li#bt-servicos a:hover, #menu_principal li#bt-servicos a.ativo { background-position: -286px -32px; }
#menu_principal li#bt-pastoral-educacional a:hover, #menu_principal li#bt-pastoral-educacional a.ativo { background-position: -366px -32px; }
#menu_principal li#bt-fale-conosco a:hover, #menu_principal li#bt-fale-conosco a.ativo { background-position: -520px -32px; }
/* botoes com click */
#menu_principal li#bt-institucional a:active { background-position: 0px -64px; }
#menu_principal li#bt-segmentos a:active { background-position: -91px -64px; }
#menu_principal li#bt-atividades a:active { background-position: -190px -64px; }
#menu_principal li#bt-servicos a:active { background-position: -286px -64px; }
#menu_principal li#bt-pastoral-educacional a:active { background-position: -366px -64px; }
#menu_principal li#bt-fale-conosco a:active { background-position: -520px -64px; }

/* menu de acesso rapido aos colegio */
#menu_regioes {
display: block;
z-index: 100;
margin-bottom: 20px;
}
#menu_regioes ul {
list-style: none;
padding: 0px;
margin: 0 0 0 -3px;
/*float: left;*/
z-index: 100;
width: 100%;
height: 31px;
}
#menu_regioes ul li {
display: inline;
float: left;
margin: 0;
margin-right: 2px;
padding: 0;
position: relative; /* Declare X and Y axis base for sub navigation */
}
#menu_regioes ul li.direita {
display: inline;
float: right;
margin: 0;
padding: 0;
position: relative; /* Declare X and Y axis base for sub navigation */
}
#menu_regioes ul li a {
background-image: url("../_img/botoes-regioes.jpg");
background-repeat: no-repeat;
float: left;
height: 0;
overflow: hidden;
padding-top: 31px;
width: 100px;
display: block;
text-decoration: none;
}
/* botoes normais*/
#menu_regioes ul li#bt-centro-norte a {
background-position: 0px 0px;
width: 106px;
}
#menu_regioes ul li#bt-sudeste a {
background-position: -106px 0px;
width: 71px;
}
#menu_regioes ul li#bt-sul a {
background-position: -177px 0px;
width: 42px;
}
/* botoes com hover e ativos */
#menu_regioes ul li#bt-centro-norte a:hover {
background-position: 0px -31px;
}
#menu_regioes ul li#bt-sudeste a:hover {
background-position: -106px -31px;
}
#menu_regioes ul li#bt-sul a:hover {
background-position: -177px -31px;
}
/* botoes com click */
#menu_regioes ul li#bt-centro-norte a:active, #menu_regioes ul li#bt-centro-norte a.ativo {
background-position: 0px -62px;
}
#menu_regioes ul li#bt-sudeste a:active, #menu_regioes ul li#bt-sudeste a.ativo {
background-position: -106px -62px;
}
#menu_regioes ul li#bt-sul a:active, #menu_regioes ul li#bt-sul a.ativo {
background-position: -177px -62px;
}

/* css das lista de colegios */

#menu_regioes .lista {

}
#menu_regioes .hide {
    display: none;
}
#menu_regioes .lista span {
    font-size: 12px;
    font-weight: bold;
    color: #000033;
    display: block;
    margin: 5px 0 3px 0;
}
#menu_regioes .lista a {
    font-size: 11px;
    color: #616161;
    display: block;
    text-decoration: none;
}
#menu_regioes .lista a:visited {
    color: #616161;
}
#menu_regioes .lista a:hover {
    color: red;
}
#menu_regioes .lista a:active {
    color: blue;
}





/* classificando o texto */
span.t-secao {
font: bold 10px/11px Arial;
color: #000033;
display: block;
margin-bottom: 5px;
}

.n-secao {
font-size: 10px;
color: #007BA4;
display: block;
}

.n-a {
    margin: 0px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px solid #e7e7e7;
    height: 80px;
}
.n-a.sem {
    border-bottom: none;
}
.n-a img {
    float: left;
    margin: 5px 10px 0px 0px 
}
.n-a span.secao {
    color: #007BA4;
    font-size: 10px;
    font-weight: bold;
}
.n-a span.data {
    color: #616161;
    font-size: 10px;
    padding-left: 6px;
    background: url(../_img/divisor-ponto-pequeno.gif) left center no-repeat;
}
.n-a p {
    font-size: 12px;
    color: #3C3C3C;
    margin: 0 0 0 0;   
}

.n-b {
    margin: 0;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #d3d3d3;
}
.n-b img {
    margin: 0; 
}
.n-b span.secao {
    color: #007BA4;
    font-size: 10px;
    font-weight: bold;
}
.n-b p {
    font-size: 11px;
    color: #3C3C3C;
    margin: 0 0 0 0;   
}

.noticias-linha span {
    font: 16px/16px 'ColaborateLightRegular', Arial, sans-serif;
    color: #CA0004;
    display: inline-block;
    width: 45px;
    text-align: right;
}
.noticias-linha a {
    font-size: 12px;
    color: #3C3C3C;
    line-height: 24px;
    padding-left: 13px;
    background: url(../_img/divisor-ponto-grande.gif) 4px center no-repeat;
    text-decoration: none;
}


#destaque {
width: 310px;
border-bottom: 1px solid #d3d3d3;
}
#destaque .item {
width: 310px;

}
#destaque .item img {

}
#destaque .item p {
    margin-bottom: 10px;
}
.image_carousel .corrige {
top:228px;
}
.fontface {
font: 28px/28px 'ColaborateLightRegular', Arial, sans-serif;
color: #CA0004;
}
.title_block {
    font-family: 'Droid Sans',arial,sans-serif !important;
    font-weight: bold !important;
    font-size: 20px;
}

/* Formatação do Login */
#login {
    margin-bottom: 35px;
}
#login span.recupera_senha { 
margin:0px 0px 10px 22px;
color:#FF9900;
font-size: 11px ;
}
#login form{margin:0px;padding:0px;}
#login #opcao{margin:0px 0px 10px 10px;}
#login #opcao img{cursor:pointer;}
.campo{margin-left:10px;background: transparent url('../_img/bg_campo.gif') no-repeat;border:solid 0px white;height:23px;width:143px;padding:3px 3px 0px 5px;font:normal 11px Arial;position:relative;top:-5px;}
a.esqueceu_senha { margin-left: 10px; color: #FF9900; font-size: 11px; }
.buorg {
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    border-bottom:1px solid #A29330;
    background:#FDF2AB no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif);\
    text-align:left;
    cursor:pointer;
    font-family: Arial,Helvetica,sans-serif; color:#000;
    font-size: 12px;
}
.buorg div {
    padding:5px 36px 5px 40px;
}
.buorg a {
    color:#E25600;
}
#buorgclose {
    position: absolute;
    right: .5em;
    top:.2em;
    height: 20px;
    width: 12px;
    font-weight: bold;
    font-size:14px;
    padding:0;
}