/* CSS Document */
img, div, input, a { behavior: url(iepngfix.htc) }

*{border:0px solid #000000; margin:0; padding:0; list-style:none; font-family: Verdana, Arial, Helvetica, sans-serif; color:#231F20; font-size:11px}
img{display:block}
.center{ width:770px; margin:0 auto; position:relative; background: url(img/bgHome.gif) repeat-x #FFFFFF}
.clear{ clear:both; float:none}
.oldBrowser{display:none}

body{background-color:#E0D1BF}

#header{text-align:right; padding:5px 15px; color:#58595B;}

#boxEsq{width:221px; float:left;}

#boxEsq #marca{margin:0 0 0 7px; display:block}

#boxEsq ul{margin:24px 0 0 107px}
#boxEsq ul li{display:block; width:98px; height:15px; margin:7px 0}
#boxEsq ul li a{display:block; width:98px; height:15px}
#boxEsq ul li#btInstituto a{ background:url(img/btInstituto.gif) no-repeat 0 0}
#boxEsq ul li#btInstituto a:hover{ background:url(img/btInstituto.gif) no-repeat 0 -15px}
#boxEsq ul li#btParceiros a{ background:url(img/btParceiros.gif) no-repeat 0 0}
#boxEsq ul li#btParceiros a:hover{ background:url(img/btParceiros.gif) no-repeat 0 -15px}
#boxEsq ul li#btProjetos a{ background:url(img/btProjetos.gif) no-repeat 0 0}
#boxEsq ul li#btProjetos a:hover{ background:url(img/btProjetos.gif) no-repeat 0 -15px}
#boxEsq ul li#btNoticias a{ background:url(img/btNoticias.gif) no-repeat 0 0}
#boxEsq ul li#btNoticias a:hover{ background:url(img/btNoticias.gif) no-repeat 0 -15px}
#boxEsq ul li#btFotos a{ background:url(img/btFotos.gif) no-repeat 0 0}
#boxEsq ul li#btFotos a:hover{ background:url(img/btFotos.gif) no-repeat 0 -15px}
#boxEsq ul li#btFaleConosco a{ background:url(img/btFaleConosco.gif) no-repeat 0 0}
#boxEsq ul li#btFaleConosco a:hover{ background:url(img/btFaleConosco.gif) no-repeat 0 -15px}

#boxEsq #sincades{margin:9px 0 0 52px; display:block}
#boxEsq #secCultura{margin:9px 0 0 30px; display:block}
#boxEsq #secSocial{margin:9px 0 0 13px; display:block}

#boxEsq #menuFlash{ width:221px; height:225px}

#boxDir{float:left; padding:0 0 0 23px}
#conteudo{ background: url(img/topoConteudo.gif) no-repeat #FFE8CE; height:506px; position:relative}

#homeEsq{float:left; width:223px}
#homeEsq #lista{ text-align:left}
#tituloNoticiaHome{ margin:12px 0 7px 17px}
.noticia { padding:3px 7px; display:block; text-decoration:none}
.noticia h5{color:#A25641}
.noticia h4{color:#F58220}
.noticia p{color: #231F20}
.noticia span{color:#D71920; display:block; text-align:right}
.noticia:hover span{text-decoration:underline}

#homeDir{float:left; position:relative; z-index:10; margin:14px 0 0 3px}
#boxDestaque{display:block; width:284px; height:121px; margin:14px 0 0 0}
#boxAgenda{ width:234px; height:196px; background:url(img/bgAgenda.png) no-repeat; margin:2px 0 0 0}
#boxAgenda div{ position:relative; overflow:hidden; margin:0px 0 0 15px}
#boxAgenda img{ margin:10px 0 10px 0}
#boxAgenda h5{ color:#CE181F; font-size:9px}
#boxAgenda h4{ font-weight:normal; margin-bottom:5px}
#bgNull{position:absolute; top:93px; left:438px; z-index:1}
#projetosHome{position:absolute; width:514px; height:223px; top:328px; left:-4px; z-index:2;}


/********* rolagem *********/
div#barraRolagem{width:12px; height:285px; background: #F1F1F2 no-repeat; float:left; margin:0}
div#barraRolagem a#setaSuperior,div#barraRolagem a#setaInferior{display:block; width:12px; height:8px; margin:0}
div#barraRolagem a#setaSuperior{ background:url(img/setaSuperior.gif) no-repeat 0 0}
div#barraRolagem a#setaInferior{background:url(img/setaInferior.gif) no-repeat 0 0}
div#barraRolagem div{margin:0 0 0 0; width:12px; height:269px; position:relative}
div#barraRolagem div img{cursor:pointer; _cursor:hand; position:absolute}

#boxLista{background-color:#FFECDB; float:left; position:relative; overflow:hidden; height:285px; width:196px; margin:0 0 0 11px}
#lista{width:196px; margin:0; text-align:justify}

.interno #boxLista,.projetos #boxLista{width:470px; height:386px ; margin: 14px 0 0 14px}
.interno #lista,.projetos #lista{width:auto; padding:15px}
.interno div#barraRolagem,.projetos div#barraRolagem{margin-top: 14px}
.interno div#barraRolagem div,.projetos div#barraRolagem div{height:370px; background: #F1F1F2}

.projetos #boxLista{width:357px;}


#galeria{margin:15px 0px 0px 0px}
#galeria img{border:none; display:inline}

.fotoGaleria{
	margin:2px 2px 2px 2px;
}

/**** conteudo interno *****/
h1{margin:0 0 10px 0}
h2{font-size:12px; color:#F09947; margin:0 0 10px 0}
h3{font-size:10px; color:#8F5445;}
.interno p{line-height:16px}


/******* parceiros ********/
.parceiros table{width:100%}
.parceiros table td{width:50%}
.parceiros table td p{line-height:18px; background:url(img/setaParceiros.gif) no-repeat 0 5px; padding:0 0 0 15px}
.parceiros table td p a{text-decoration:none}
.parceiros table td p a:hover{text-decoration:underline}


/******* projetos ********/
#projetosEsq{float:left; width:110px; text-align:right}
#projetosEsq img{display:inline}
#projetosEsq h1{margin:28px 0 18px 0}
#projetosDir{float:left}


/******* notícias ********/
.itemLista a{background:#FFF; padding:10px 15px; border: 1px solid #F09947; margin:5px 0; text-decoration:none; display:block;}
.itemLista a:hover{background:#FEF9F3;}
.itemLista h2{margin:0}
.itemLista span{display:block; text-align:right; font-weight:bold; color:#F09947;}
.itemLista a:hover span{text-decoration:underline}

#navegador{text-align:right; font-weight:bold; margin: 15px 0}
#navegador span{color:#B0261C; margin:0 2px; display:inline-block}
#navegador a{color:#F09947; margin:0 2px; text-decoration:none}
#navegador a:hover{text-decoration:underline}


/***** comentarios ******/
.btsComente{text-align:right; margin:10px 0 10px 0}
.btsComente a{border:1px #B0261C dashed; padding:2px 5px; text-decoration:none; font-weight:bold; color:#8F5445}
.btsComente a span{color:#8F5445}
div.comentario form{ border-top:1px solid #B0261C; padding:13px 0 0 0; margin:0 0 13px 0}
div.comentario form input{line-height:14px; height:14px; padding:3px 5px 5px 5px; margin:0 0 3px 0; width:152px}
div.comentario form textarea{padding:3px 5px 5px 5px; overflow:hidden; width:318px}
div.comentario form div span{float:left; display:block; margin-top:10px}
div.comentario form div input{float:right; width:60px; height:20px; background:url(img/btEnviar.jpg) no-repeat 0 0; margin-top:10px; cursor:pointer; _cursor:hand}
div.comentario h4{border-top:2px solid #F0AB87; margin:10px 0 10px 0; padding:10px 0 0 0; font-size:12px; color:#F09947}
div.comentario div.textoComentario{ background-color:#FFF5EC; padding:10px 12px}
div.comentario hr{ border:none; border-bottom:1px solid #A29C9C; height:1px; color:#A29C9C; margin:10px 0; *margin:2px 0}
div.comentario .nomeComentario{font-size:9px; text-align:right; display:block}


/******* fale conosco ********/
div#boxLista.contato{width:482px;}
div#barraRolagem.contato{display:none}
.contato form{margin: 0 0 35px 0}
.contato p{poisition:relative; margin:6px 0 8px 0}
.contato p img{display:inline-block; position:absolute; margin-top:4px}
.contato p input, .contato p textarea{display:inline-block; margin: 0 0 0 78px}
.contato p input{background:url('img/bgInputContato.gif') no-repeat; padding:5px 7px; width:320px}
.contato p textarea{background:url('img/bgTextareaContato.gif') no-repeat; padding:5px 7px; width:320px; height:114px;}
.contato p span#MSG{margin:5px 0 0 78px}
.contato p input#btEnviar{width:105px; height:32px; background:url("img/btEnviarContato.gif") no-repeat 0 0; position:absolute; left:312px; margin:0; cursor:pointer; *cursor:hand}
.contato #endereco{float:left; text-align:right; font-size:9px}
.contato a#btMapa{display:block; float:left; width:80px; height:64px; background:url('img/btMapa.gif') no-repeat 0 0}
.contato a#btMapa:hover{background:url('img/btMapa.gif') no-repeat 0 -64px}

/********* rodapé *********/
#footer p{color:#58595B; text-align:center; line-height:13px; padding:15px 0 12px 0; font-size:9px}