*{ font:10px Arial, Helvetica, sans-serif; color:#333333;}
body{ margin:0; padding:0; background:#0066FF;}
img{ border:0 none;}
a{ outline:none;}
p{ line-height:12px; margin:0 0 12px 0; padding:0;}
ul{ list-style:none; margin:0 0 12px 0; padding:0;}
.png{ behavior: url(../../js/iepngfix.htc);}
.clr{ clear:both;}

/* forms */
form{ margin:0; padding:0;}
.frmTxt{ border:1px solid #EF7900;}
/* // forms */

/* estrutura */
#boxBgr{ background:#FFFFFF url(../img/bgr_home_body.jpg) repeat-x top;}
#boxCnt{ width:761px; margin:0 auto;}
#boxfooter{ height:116px; clear:both; background:url(../img/bgr_footer.jpg) repeat-x bottom; position:relative;}
#boxInFooter{ width:761px; margin:0 auto; position:relative; top:-75px;}
#boxAbaFooter{ width:163px; height:110px; margin-left:15px; background:url(../img/bgr_footer_aba.png); behavior: url(../../js/iepngfix.htc);}
#boxAbaFooter p{ padding:10px 0 0 12px; font:9px Arial, Helvetica, sans-serif; color:#FFF; line-height:10px;}
#boxClouds{ width:761px; height:164px; background: url(../img/img_footer_clouds.gif); position:absolute; top:27px;}
#comparte{ background:url(../img/logo_comparte.gif) no-repeat; behavior: url(../../js/iepngfix.htc); margin:75px 0 0 650px;}
#comparte a{ display:block; width:86px; height:15px; text-indent:-999999px;}

h1{ margin:0; padding:0; background:url(../img/img_home_logo_escola_corujinha.gif) no-repeat; float:left;}
h1 a{ width:172px; height:228px; display:block; text-indent:-999999px;}
h2{ font-size:1px; margin:0; padding:0; text-indent:-999999px;}
h3{ font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#EE7703; margin:0 0 12px 0; padding:0;}
#boxConceitual{ width:588px; height:266px; float:left; position:relative;}

ul#boxImgsConceitual{ margin:0; padding:0; list-style:none; position:absolute; top:0; left:0; z-index:1;}
ul#boxImgsConceitual li{ margin:0; padding:0; position:absolute;}
#boxMask{ width:588px; height:267px; background:url(../img/img_mask_top.png) no-repeat; behavior:url(../../js/iepngfix.htc); position:absolute; top:0; left:0; z-index:2;}

#boxMioloLft{ width:178px; margin:0 15px 0 0; float:left;}
#boxMioloRgt{ width:552px; float:left; background:url(../img/bgr_conteudo_top.jpg) repeat-x top; padding-top:33px; margin-top:-1px;}
#boxMioloCont{ background:url(../img/bgr_v_conteudo.gif) repeat-y;}
#boxConteudoV{ background:url(../img/fio_h_conteudo.jpg) no-repeat left bottom;}
#boxMioloCont .boxIn{ background:url(../img/fio_h_conteudo.jpg) no-repeat right bottom; padding:15px 10px 70px 17px; z-index:3;}
#boxMioloCont .boxIn h2{ position:absolute; z-index:3; margin-top:-55px;}
#boxConteudoV .boxIn{ min-height:320px;}
.btnVoltar{ background:url(../img/btn_voltar.gif) no-repeat; position:relative; z-index:10;}
.btnVoltar a{ display:block; width:55px; height:17px; line-height:17px; text-indent:-999999px;}
/* // estrutura */

/* home */
#home h1{ width:172px; height:228px; margin:0; padding:0; background:url(../img/img_home_logo_escola_corujinha.gif) no-repeat; text-indent:-999999px; float:left;}
#boxHomeConceitual{ width:587px; height:356px; float:left;}

#boxHomeMiolo{ clear:both;}
#boxHomeMioloLft{ width:178px; margin:0 15px 0 0; float:left;}
#boxHomeMioloCnt{ width:374px; margin:0 15px 0 0; float:left; background:url(../img/bgr_home_boxHomeMioloCnt.jpg) repeat-x top;}
#boxHomeMioloRgt{ width:160px; float:left; padding-bottom:40px;}
#boxHomeMioloRgt p{ line-height:10px;}

h2#ttlHomeEscolaCorujinha{ width:93px; height:40px; margin:-23px 0 0 15px; background:url(../img/ttl_home_escola_corujinha.gif) no-repeat; position:relative;}
#boxHomeEscolaCorujinha{ width:374px; background:url(../img/fio_home_boxHomeEscolaCorujinha.jpg) no-repeat left top;}
#boxHomeEscolaCorujinha .boxIn{ width:340px; height:336px; background:url(../img/fio_home_boxHomeEscolaCorujinha.jpg) no-repeat right top; padding:17px;}

h2#ttlHomeProjetoDestaque{ width:127px; height:37px; margin:-17px 0 0 0; background:url(../img/ttl_home_projeto_destaque.gif) no-repeat; position:relative;}
h3.sIFR{ margin:0 !important;}
#boxHomeProjetoDestaque p{ margin:0;}
#boxHomeProjetoDestaque a.btnSaibaMais{ float:right;}

h2#ttlHomeNossaEstrutura{ width:94px; height:31px; margin:0 0 0 0; background:url(../img/ttl_home_nossa_estrutura.gif) no-repeat left top; clear:both;}
#boxHomeNossaEstrutura p{ margin:8px 0 9px 0;}
#boxHomeNossaEstrutura a.btnSaibaMais{ margin-top:3px; float:right; position:relative; z-index:9999;}
/* // home */

/*NAVBAR*/
#home #navbar{ margin-top:-115px;}
#navbar{ width:163px; list-style:none; margin:-20px 0 0 15px; padding:0 0 0 0; background:url(../img/img_navbar_itens.jpg) repeat-x left top; position:relative; z-index:2}
#navbar div{ margin:0; padding:0;}
#navbar div span{ display:block; height:18px;}
div#navbarItn01 span{ height:19px;}
#navbar div a{ width:163px; height:18px; line-height:18px; display:block; text-indent:-999999px;}
#nossaEscola #navbarItn01 span,#navbarItn01 span.hover{ background:url(../img/img_navbar_itens.jpg) 163px top;}
#niveisEnsino #navbarItn02 span,#navbarItn02 span.hover{ background:url(../img/img_navbar_itens.jpg) 163px -19px;}
#estrutura #navbarItn03 span,#navbarItn03 span.hover{ background:url(../img/img_navbar_itens.jpg) 163px -37px;}
#localizacao #navbarItn04 span,#navbarItn04 span.hover{ background:url(../img/img_navbar_itens.jpg) 163px -55px;}
#transporte #navbarItn05 span,#navbarItn05 span.hover{ background:url(../img/img_navbar_itens.jpg) 163px -55px;}
#album #navbarItn06 span,#albumGaleria #navbarItn06 span,#navbarItn06 span.hover{ background:url(../img/img_navbar_itens.jpg) 163px -73px;}
#projetos #navbarItn07 span,#navbarItn07 span.hover{ background:url(../img/img_navbar_itens.jpg) 163px -91px;}
#psicologia #navbarItn08 span,#navbarItn08 span.hover{ background:url(../img/img_navbar_itens.jpg) 163px -109px;}
#diversao #navbarItn09 span,#diversaoDetalhe #navbarItn09 span,#navbarItn09 span.hover{ background:url(../img/img_navbar_itens.jpg) 163px -127px;}
#contato #navbarItn10 span,#navbarItn10 span.hover{ background:url(../img/img_navbar_itens.jpg) 163px -145px;}

#boxNewsLetter{ margin:18px 0 0 17px;}
#home #boxNewsLetter{ margin-top:53px;}
h2#ttlNewsletter{ width:61px; height:39px; background:url(../img/ttl_newsletter.gif) no-repeat 1px top;}
#boxNewsLetter p{ margin:0 0 16px 0; line-height:10px;}
#boxNewsLetter label{ width:36px; line-height:17px; display:block; float:left; font-size:11px;}
#boxNewsLetter input{ width:121px; margin-bottom:3px; float:left;}
#boxNewsLetter .frmImg{ width:55px; height:17px; float:right;}
/*--*/

/*IMG DESTAQUE*/
.imgDest{ width:161px; height:122px; position:relative;}
.imgDest img{ width:137px; height:101px; margin:10px 0 0 12px;}
.mask{ width:161px; height:122px; position:absolute; top:0; left:0; background:url(../img/img_mask_destaque.gif);}
a .mask{ cursor:pointer;}

.imgDest2{ width:291px; height:220px; text-align:center; position:relative;}
.imgDest2 img{ width:247px; height:185px; margin:19px 0 0 0;}
.mask2{ width:291px; height:220px; position:absolute; top:0; left:0; background:url(../img/img_mask_destaque_big.png); behavior: url(../../js/iepngfix.htc);}
a .mask2{ cursor:pointer;}

.imgDest3{ width:93px; height:70px; text-align:center; position:relative;}
.imgDest3 img{ width:79px; height:59px; margin:6px 0 0 0;}
.mask3{ width:93px; height:70px; position:absolute; top:0; left:0; background:url(../img/img_mask_destaque_lt.gif);}
a .mask3{ cursor:pointer;}

.imgDest4{ width:400px; height:306px; text-align:center; position:relative;}
.imgDest4 img{ width:352px; height:256px; margin:25px 0 0 0;}
.mask4{ width:400px; height:306px; position:absolute; top:0; left:0; background:url(../img/img_mask_destaque_big2.png); behavior: url(../../js/iepngfix.htc);}
a .mask4{ cursor:pointer;}

.imgDest5{ width:99px; height:75px; text-align:center; position:relative;}
.imgDest5 img{ width:87px; height:63px; margin:6px 0 0 0;}
.mask5{ width:99px; height:75px; position:absolute; top:0; left:0; background:url(../img/img_mask_destaque_lt2.gif);}
a .mask5{ cursor:pointer;}

.imgDest6{ width:124px; height:94px; text-align:center; position:relative;}
.imgDest6 img{ width:111px; height:80px; margin:7px 0 0 0;}
.mask6{ width:124px; height:94px; position:absolute; top:0; left:0; background:url(../img/img_mask_destaque6.gif);}
a .mask6{ cursor:pointer;}

/* img D*/
.bgrImgD{ background:url(../img/img_mask_border.gif) no-repeat left top; float:left; position:relative; padding:7px 0 0 7px;}
.bgrImgDIn{ background:url(../img/img_mask_border.gif) no-repeat right bottom; padding:0 7px  7px 0;}
.bgrImgD img{ display:block;}
.bgrImgDIn div{ position:absolute; width:7px; height:7px; background-image:url(../img/img_mask_border.gif); background-repeat:no-repeat;}
.imgDLT{ top:0; left:0; background-position:left top;}
.imgDRT{ top:0; right:0; background-position:right top;}
.imgDLB{ bottom:0; left:0; background-position:left bottom;}
.imgDRB{ bottom:0; right:0; background-position:right bottom;}
/* // */

/* GERAL */
.lstInline{ list-style:none; margin:0; padding:0; overflow-x:auto; height:auto;}
.lstInline li{ display:block; float:left; margin-left:18px;}
.lstInline .first{ margin-left:0;}
.txtOrange{ color:#EE7703;}
.lstPag{ margin:0; padding:0 85px 0 0; clear:both; float:right; position:relative; z-index:3}
.lstPag li{ display:block; float:left; margin:0; padding:0;}
.lstPag li a{ width:16px; height:33px; display:block; float:left; text-indent:-999999px;}
.lstPag li.btnPagFirst a{width:17px;background:url(../img/btn_pag_first.gif);}
.lstPag li.btnPagPrevious a{background:url(../img/btn_pag_prev.gif);}
.lstPag li.btnPagNext a{background:url(../img/btn_pag_nex.gif);}
.lstPag li.btnPagLast a{background:url(../img/btn_pag_last.gif);}
/* // */

/* Nossa Escola */
h2#ttlNossaEscola{ width:63px; height:31px; background:url(../img/ttl_nossa_escola.gif) no-repeat left top; text-indent:-999999px;}

/* Niveis de Ensino */
h2#ttlNiveisDeEnsino{ width:68px; height:32px; background:url(../img/ttl_niveis_de_ensino.gif) no-repeat left top; text-indent:-999999px;}

/* Estrutura */
h2#ttlEstrutura{ width:94px; height:32px; background:url(../img/ttl_estrutura.gif) no-repeat left bottom; text-indent:-999999px;}
.tabLnksEstrutura td{ text-align:left;}
.tabLnksEstrutura .leg{ font:10px Arial, Helvetica, sans-serif; color:#EE7703; line-height:21px;}

/* Estrutura Detalhe */
body#estruturaDetalhe{ background:#FFFFFF;}
#boxImgAtiva{ padding:15px;}
#boxLstDetalhe{ padding:0 0 0 15px;}
#boxLstDetalhe ul{ margin:0; padding:0;}
#boxLstDetalhe ul li{ display:block; float:left; margin:0 5px 10px 0;}
  
/* Localização */
h2#ttlLocalizacao{ width:121px; height:32px; background:url(../img/ttl_localizacao.gif) no-repeat left bottom; text-indent:-999999px;}
#boxLocalizacao{ text-align:center;}

/* Transporte */
h2#ttlTransporte{ width:121px; height:32px; background:url(../img/ttl_transporte.gif) no-repeat left top; text-indent:-999999px;}
#transporte .lstInline{ padding-left:60px}

/* Album Virtual */
#album #boxConteudoV .boxIn{ padding-bottom:35px;}
h2#ttlAlbumVirtual{ width:72px; height:35px; background:url(../img/ttl_albumVirtual.gif) no-repeat left top; text-indent:-999999px;}
#lstAlbum{ margin:0 0 0 -18px; padding:0;}
#lstAlbum li{ margin:0 0 0 18px; padding:0 0 30px 0; display:block; float:left;}
#lstAlbum li .leg{ font:10px Arial, Helvetica, sans-serif; color:#EE7703; line-height:14px; padding-top:5px;}
#lstAlbum li .leg span{ display:block;}

/* Album Virtual Galeria */
#boxImgAtivaAlbum{ width:400px; margin:0 auto; padding:0 0 6px 0;}
#lstGaleria{ margin:0 0 0 -5px; padding:0;}
#lstGaleria li{ margin:0 0 0 5px; padding:0 0 6px 0; display:block; float:left;}

/* Projeto */
#projetos #boxConteudoV .boxIn{ padding-bottom:40px;}
h2#ttlProjetos{ width:85px; height:35px; background:url(../img/ttl_noticias.gif) no-repeat left bottom; text-indent:-999999px;}
#projetos .leg{ font:9px Arial, Helvetica, sans-serif; color:#333333}
#projetos h3{ font:11px Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0;}
#projetos a{ text-decoration:none;}
#projetos a:hover{ text-decoration:underline;}
#projetos .btnVoltar{ margin:21px 0 0 391px;}

/* Psicologia */
#psicologia #boxConteudoV .boxIn{ padding-bottom:40px;}
h2#ttlPsicologia{ width:105px; height:35px; background:url(../img/ttl_psicologia.gif) no-repeat left bottom; text-indent:-999999px;}
#psicologia .leg{ font:9px Arial, Helvetica, sans-serif; color:#333333}
#psicologia h3{ font:11px Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0;}
#psicologia a{ text-decoration:none;}
#psicologia a:hover{ text-decoration:underline;}
#psicologia .btnVoltar{ margin:21px 0 0 391px;}

/* Diversao */
#diversao #boxConteudoV .boxIn{ padding-bottom:35px;}
h2#ttlDiversao{ width:99px; height:32px; background:url(../img/ttl_diversao.gif) no-repeat left bottom; text-indent:-999999px;}
#lstDiversao{ margin:0 0 0 -7px; padding:0;}
#lstDiversao li{ margin:0 0 0 7px; padding:0 0 10px 0; display:block; float:left;}
#lstDiversao li a{ cursor:pointer;}
#boxImgAlbumSel{ width:475px; margin:0 auto; position:relative;}
.lstImprimir{ margin:0; padding:0; position:absolute; left:0; margin:0 0 0 380px; z-index:10;}
.lstImprimir li{ display:block; background:url(../img/btn_imprimir_bgr.gif) no-repeat; z-index:10}
.lstImprimir li a{ display:block; width:90px; height:38px; text-indent:-999999px; background:url(../img/btn_imprimir_bgr.gif) no-repeat;}
.lstImprimir li.itn01{ margin:7px 0 265px 0;}

/* Contato */
#contato #boxConteudoV .boxIn{ padding-bottom:90px;}
h2#ttlContato{ width:80px; height:32px; background:url(../img/ttl_contato.gif) no-repeat left bottom; text-indent:-999999px;}
#tabContato td{ padding:1px 0 2px 0; font:11px Arial, Helvetica, sans-serif;}
#contato #TB_ajaxContent{ background:#FFFFFF; border:2px solid #EE7804; width:256px !important; position:relative; top:-2px}
#boxSucesso{ padding-top:15px}
#boxSucesso p{ font:11px Arial, Helvetica, sans-serif;color: #333333; margin:0; padding:0 0 20px 0;}