@charset "iso-8859-1";
/*CSS reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,
var,dl,dt,dd,ol,ul,li,fieldset, form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:normal;font-family:inherit;vertical-align:baseline;outline:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
a{text-decoration:none;color:#065775}a:hover{text-decoration:underline;}
input,select,textarea{font:11px arial,helvetica,"sans Serif",clean,sans-serif;}
label{cursor:pointer;cursor:hand;}:focus{outline:0;}
img,div,h1{_behavior:url(iepngfix.htc)}/*png ie6 */
/**/

/*CSS Defaut*/
body{font:100 12px arial,helvetica,"sans Serif",clean,sans-serif;background:#201c5a url(img/bgBody.jpg) repeat-x}
#all,#AllPre{background:url(img/bgEstrelas.png) repeat;_background:url(img/bgEstrelas.gif) repeat;}
#ct{width:779px;margin:0 auto}
.bg{background:url(img/bgCasas.jpg) repeat-x 0 bottom}

.bgBonecos{padding:0 0 360px;background:url(img/bonecos.png) no-repeat center bottom;}
.bgBonecos{_background:url(img/bonecos.gif) no-repeat center bottom;}

#hd,#md,#ft,.promocoes .ct,.galeriaFotos,.galeria .galCt,.not,
.banners,.quadrilhas ul,.quadrilhas table,.ctFotoP{float:none;clear:both;}

#all,#md,#ft,.promocoes .ct,.galeriaFotos,.galeria .galCt,.conteudo .matCt,
.not,.fotoDesc,.fotoDesc .thumbs,.banners,.quadrilhas ul,.ctFotoP,.quadrilhas,.quadrilhas .matCt .bgMd{overflow:auto;zoom:1}
/**/

/*md*/
#md h4{font:700 11px arial;}
#md #colA{width:224px;float:left;padding:35px 0 0;}
#md #colA h1{width:224px;height:103px;margin:0 0 58px;background:url(img/sao+joao+nordeste.png) no-repeat;_background:url(img/sao+joao+nordeste.gif) no-repeat}
#md #colA h1 a{width:224px;height:103px;display:block;text-indent:-999em}

#md #colA .menu{padding:60px 0 0;margin:0 0 18px 20px;background:url(img/titMenu.gif) no-repeat}
#md #colA .menu dt{display:block;text-indent:-999em}
#md #colA .menu dd{width:164px;padding:3px 0 2px 6px;margin:0 0 4px;background:url(img/bgMenu.png) no-repeat;}
.menu dd{background-color:transparent!important;background-image:none;background-color:#08243B;_filter:alpha(opacity=30);}
*.menu dd *{position:relative;}

#md #colA .menu dd a{font-weight:700;color:#fff;}
#md #colA .menu.institucional{padding:63px 0 0;background-position:-279px 0}
#md #colA .menu.institucional dd{background-position:0 -30px}

#md #colB{width:547px;float:left;padding:221px 0 0;background:url(img/bgAnjos.png) no-repeat;_background:url(img/bgAnjos.gif) no-repeat}
#md #colB .banner{width:468px;height:60px;padding:0 0 30px 40px;}

#md #colB .conteudo{height:850px;margin:10px 0 0;background:url(img/bgConteudo.gif) no-repeat 0 84px}
#md #colB .conteudo.ctMural{height:1315px;background:url(img/bgConteudoMural.gif) no-repeat 0 84px}
#md #colB .conteudo .matCt{padding:84px 33px 0;}
#md #colB .conteudo .matCt .not{padding:18px 0 20px;border-bottom:1px solid #ededed}
#md #colB .conteudo .matCt .not.no{padding-top:0;}
#md #colB .conteudo .matCt .not img{margin:0 10px 0 0;float:left;}
#md #colB .conteudo .programacao .matCt{background:url(img/titProgramacao.gif) no-repeat;}
#md #colB .conteudo .receitas .matCt{background:url(img/titReceitas.gif) no-repeat;}
#md #colB .conteudo .noticias .matCt{background:url(img/titNoticias.gif) no-repeat 6px 0;}
#md #colB .conteudo .mural .matCt{background:url(img/titMural.gif) no-repeat 1px 0;}
#md #colB .conteudo .galeria .matCt{background:url(img/titGaleria.gif) no-repeat;}
#md #colB .conteudo .servicos .matCt{background:url(img/titServicos.gif) no-repeat;}
#md #colB .conteudo .quadrilhas .matCt{background:url(img/titQuadrilhas.gif) no-repeat;}

#md #colB .conteudo .tvJunina .matCt{background:url(img/titTvJunina.gif) no-repeat;}
#md #colB .conteudo .receitasJunina .matCt{background:url(img/titReceitasJuninas.gif) no-repeat;}
#md #colB .conteudo .servicosJuninos .matCt{background:url(img/titServicosJuninos.gif) no-repeat;}

#md #colB .conteudo .mural .matCt .not cite{padding:0 0 0 17px;background:url(img/icMural.gif) no-repeat 0 3px;font:700 11px arial;display:block;}
#md #colB .conteudo .mural .matCt .not small{padding:2px 0;display:block;font:100 11px arial;}
#md #colB .conteudo .mural form legend{padding:0 0 23px;display:block;}
#md #colB .conteudo .mural form label{display:block;padding:0 0 4px;font-size:11px}
#md #colB .conteudo .mural form label small{padding:0 0 0 3px;}
#md #colB .conteudo .mural form input,
#md #colB .conteudo .mural form textarea{width:454px;padding:2px;margin:0 0 6px;border:1px solid #d7d7d7}
#md #colB .conteudo .mural form textarea{height:167px;}
#md #colB .conteudo .mural form .btEnviar{width:149px;height:13px;padding:0;margin:20px 0 0;border:0}

#md #colB .conteudo.bgNot{height:auto!important;background:none}
#md #colB .conteudo .noticias .matCt{padding:106px 0 0;}
#md #colB .conteudo .noticias .matCt .bgMd{padding:0 33px;background:url(img/patnerNot.gif) repeat-y }
#md #colB .conteudo .noticias .matCt .bgFt{padding:0 0 30px;background:url(img/basePatner.gif) no-repeat 6px bottom}

#md #colB .conteudo .noticias .materia{}
#md #colB .conteudo .noticias .materia h3{font:700 12px arial;padding:0 0 28px;border-bottom:1px solid #ededed}
#md #colB .conteudo .noticias .materia h1{margin:21px 0 37px;font:100 18px arial;} 
#md #colB .conteudo .noticias .materia img{float:left;margin:0 19px 14px 0;}

#md #colB .conteudo .galeria{}
#md #colB .conteudo .galeria form{padding:10px 0 15px;margin:0 0 53px;border-bottom:2px solid #ededed}
#md #colB .conteudo .galeria form select{width:209px;padding:1px;border:1px solid #d7d7d7}
#md #colB .conteudo .galeria .fotoDesc{width:279px;float:left}
#md #colB .conteudo .galeria .fotoDesc img{border:2px solid #000;}
#md #colB .conteudo .galeria .thumbs{width:200px;float:left}
#md #colB .conteudo .galeria .thumbs li{width:84px;height:63px;float:left;margin:0 0 10px 10px;background:#000}

#md #colB .conteudo .servicos{}
#md #colB .conteudo .servicos h2{font:100 18px arial;color:#065775}
#md #colB .conteudo .servicos p{margin:0 0 10px;}

#md #colB .conteudo .quadrilhas{}
#md #colB .conteudo .quadrilhas .materia h1{font:100 18px arial;} 
#md #colB .conteudo .quadrilhas ul{width:461px;padding:0 0 6px;margin:0 0 21px;border-bottom:1px solid #ededed}
#md #colB .conteudo .quadrilhas ul li{padding:0 0 5px;margin:0 22px 0 0;float:left;font-size:18px;}
#md #colB .conteudo .quadrilhas ul li.select{background:url(img/seta.gif) no-repeat center bottom}
#md #colB .conteudo .quadrilhas .matCt{padding:83px 0 0;}
#md #colB .conteudo .quadrilhas .matCt .bgMd{padding:0 33px;_padding:0 28px;background:url(img/patnerNot.gif) repeat-y}
#md #colB .conteudo .quadrilhas .matCt .bgFt{padding:0 0 30px;background:url(img/basePatner.gif) no-repeat 6px bottom}


#md #colB .conteudo .ctFotoG{width:230px;height:205px;float:left;margin:10px 0 0 10px}
#md #colB .conteudo .ctFotoG.no{margin-right:0}
#md #colB .conteudo .ctFotoP{margin:0 0 20px}
#md #colB .conteudo .ctFotoP img{float:left;margin:0 5px 0 0;}

#md #colB .conteudo .pag{background:#f7f7f7;margin:30px 0 0;padding:8px 0;text-align:center;}
#md #colB .conteudo .pag ul li{display:inline;}
#md #colB .conteudo .pag ul li a{padding:0 2px;}
#md #colB .conteudo .pag ul li.select span{padding:0 1px;margin:0 1px 0 0;color:#000;text-decoration:none}
#md #colB .conteudo .pag ul li.off{color:#000}
#md #colB .conteudo .pag ul li.ant,
#md #colB .conteudo .pag ul li.prox{padding:0;font-weight:700}
#md #colB .conteudo .pag ul li.prox a{padding:0 0 0 5px;}


#md #colB .colA{width:259px;margin:0 13px 0 0;float:left}
#md #colB .colA .destaque{height:217px;padding:17px;margin:0 0 8px;background:url(img/bgDestaque.gif) no-repeat}
#md #colB .colA .destaque p a{font:100 18px arial;}
#md #colB .colA .subDest{height:54px;padding:14px 12px 14px 18px;background:url(img/bgSubDestaque.gif) no-repeat}
#md #colB .colA .subDest p a{font:100 18px arial;}

#md #colB .colA .mural{height:264px;padding:70px 18px 0 13px;margin:29px 0 0;position:relative;background:url(img/bgMural.gif) no-repeat;}
#md #colB .colA .mural h2{display:none;}
#md #colB .colA .mural .coments{padding:15px 0;border-bottom:1px solid #e7e6eb}
#md #colB .colA .mural .coments.no{padding-top:0;}
#md #colB .colA .mural .coments cite{padding:0 0 0 17px;background:url(img/icMural.gif) no-repeat 0 3px;font:700 11px arial;display:block;}
#md #colB .colA .mural .coments small{padding:2px 0;display:block;font:100 11px arial;}
#md #colB .colA .mural ul{height:36px;position:absolute;bottom:15px;left:12px;background:url(img/btsMural.gif) no-repeat;}
#md #colB .colA .mural li a{width:208px;height:13px;display:block;text-indent:-999em}


#md #colB .colB{width:275px;float:left}
#md #colB .colB h2{display:none;}
#md #colB .colB .ultimasNot{height:260px;padding:74px 18px 0 14px;background:url(img/bgUltimasNot.gif) no-repeat}
#md #colB .colB .ultimasNot .ct{padding:12px 0;border-top:1px solid #e7e6eb}
#md #colB .colB .ultimasNot .ct.no{padding-top:0;border:0;}
#md #colB .colB .ultimasNot .ct h4 span{font-weight:100}
#md #colB .colB .ultimasNot .bt a{width:85px;height:13px;display:block;background:url(img/btVerTodas.gif) no-repeat;text-indent:-999em}

#md #colB .colB .promocoes{height:345px;padding:30px 15px 0;background:url(img/bgPromocoes.gif) no-repeat}
#md #colB .colB .promocoes .ct{height:70px;padding:45px 0 0;}
#md #colB .colB .promocoes .ct img{margin:0 10px 0 0;float:left;}


#md #colB .galeriaFotos{width:547px;height:109px;float:left;padding:75px 0 0;margin:30px 0 50px;position:relative;background:url(img/bgGaleria.gif) no-repeat}
#md #colB .galeriaFotos h2{display:none;}
#md #colB .galeriaFotos .next{position:absolute;top:107px;right:8px}
#md #colB .galeriaFotos .past{position:absolute;top:107px;left:10px}
#md #colB .galeriaFotos .next a,
#md #colB .galeriaFotos .past a{width:24px;height:24px;display:block;text-indent:-999em;}
#md #colB .galeriaFotos .container{padding:0 0 0 40px}
#md #colB .galeriaFotos .container .ct{width:220px;float:left;margin:0 0 0 25px;}
#md #colB .galeriaFotos .container .ct.no{margin:0;}
#md #colB .galeriaFotos .container .ct img{margin:0 10px 0 0;float:left}

#md .banners{width:212px;height:606px;display:block;background:url(img/bgPatrocinio.gif) no-repeat}
#md .banners h2,
#md .banners ul{display:none;}
/**/

/*pre - home*/
#AllPre{}
.geral{width:771px;margin:0 auto}
.topo h1{width:224px;height:103px;margin:0 0 58px;background:url(img/sao+joao+nordeste.png) no-repeat;_background:url(img/sao+joao+nordeste.gif) no-repeat}
.topo h1 a{width:224px;height:103px;display:block;text-indent:-999em}
.bottom{height:205px;padding:50px 0 0 108px;background:url(img/marcasPreHome.gif) no-repeat center 0}
.bottom ul{width:630px;}
.bottom ul li{float:left;}
.bottom ul li a{width:72px;height:58px;display:block;text-indent:-999em;margin:0 29px 30px 0;}
.bottom ul li.bt2 a{margin-right:50px}
.bottom ul li.bt3 a{margin-right:35px}
.bottom ul li.bt7 a{margin-right:40px}
.bottom ul li.bt8 a{margin-right:50px}
.bottom ul li.bt9 a{width:78px!important;}
/**/