/* 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:#000512; font-size:11px}
img{display:block}
.center{ width:1001px; margin:0 auto; position:relative; overflow:hidden;background:url(img/topoBg.jpg) top center no-repeat #2A0000;}
.clear{ clear:both; float:none}
.oldBrowser{display:none}

#carregando{
	position:absolute;
	left:50%;
	top:50%;
	background-color: #fafafa;
	z-index:1000;
	margin:-40px 0px 0px -40px;
	padding:15px 10px 7px 10px;
	font-size:12px;
	border:solid 1px #aaaaaa;
	text-align:center;}
	
#loading{margin:-10px 0 0 10px; *margin:-10px 0 0 0px;}
#marcaNaipe{ display: inline-block; width:17px; height:17px; background:url(img/marcaNaipe.gif) 0 0 no-repeat; margin:0 0 -5px 45px}
#marcaNaipe:hover{background:url(img/marcaNaipe.gif) 0 -17px no-repeat;}

html{overflow-y:hidden}
body{background-color:#2A0000; height:100%;}

#boxTopo{position:absolute; width:1001px; left:50%; margin:0 0 0 -500px; background:url(img/boxBuscaBg.jpg) no-repeat 507px 0; height:55px; font-size:10px;}
#boxTopo p{margin:16px 0 0 280px; color: #FFFFFF; position:relative}
#boxTopo div{ font-size:10px}
#boxTopo a{color:#FFFFFF; display:inline-block; margin:0; text-decoration:none; position:relative;z-index:2}
#boxTopo a:hover{color:#AB8042}
#boxTopo a#marca{display:block; width:240px; height:90px; position:absolute; top:0; left:-199px; z-index:1}
#boxTopo input{ height:17px; line-height:17px; padding:2px 3px 0 3px; *padding:0 3px; display:inline-block; margin:0; position:absolute; top:-6px; font-size:10px}
#boxTopo select{ height:17px; line-height:17px; display:inline-block; width:67px; border:#BEBEBE 1px solid; margin:0; font-size:10px; position:absolute; top:-6px; left:529px;}
#boxTopo input#campoBusca{ margin:0; left:301px; width:123px; background: url(img/campoBuscaBg.gif) no-repeat; padding-left:5px}
#boxTopo input#enviarBusca{width:23px; height:17px; padding:0; margin:0; left:504px; background:url(img/buscaBt.gif) no-repeat 0 0; cursor: pointer; *cursor:hand}

p#copyright{color:#FFFFFF; margin:25px 0 10px 0; padding:0 0 0 5px; line-height:17px; height:17px}



#boxEsq{width:510px; float:left;}
#boxEsq .conteudo{background: url(img/vitrineBg.jpg) no-repeat; width:562px; _width:517px; height:477px; margin:100px 0 0 2px}
#boxEsq .conteudo #boxConteudoEsq{ float:left; width:260px}
#boxEsq .conteudo #boxConteudoDir{ float:left; width:244px;}

#menuVitrine{text-align:right; margin:78px 0 0 0}
#menuVitrine li{line-height:20px}
#menuVitrine li a{text-decoration:none; color:#FFFFFF}
#menuVitrine li#btFotos{ margin-right:18px}
#menuVitrine li#btMusicas{ margin-right:21px}
#menuVitrine li#btVideos{ margin-right:42px}
#menuVitrine li#btLiteratura{ margin-right:50px}

#menuProjetos{margin:25px 0 0 27px}
#menuProjetos img{ margin-bottom:0px}
#menuLinks{margin:17px 0 0 27px}
#menuLinks img{ margin-bottom:8px}
#menuProjetos li,#menuLinks li{ line-height:19px; background:url(img/linhaProjetos.gif) no-repeat; margin-left:5px; width:159px}
#menuProjetos li.inicial,#menuLinks li.inicial{ background-image:none}
#menuProjetos li a,#menuLinks li a{color:#FFFFFF; text-decoration:none; margin-left:2px}
#menuProjetos li.verTodos a,#menuLinks li.verTodos a{ text-align:right; display:block; padding:7px 19px 0 0}
#menuProjetos a:hover, #menuLinks a:hover{color:#AB8042}

img#tituloMenuVitrine{margin:50px 3px 25px 171px;}
#listaVitrine a#btAnterior,#listaVitrine a#btProximo{display:block; width:7px; height:117px; float:left}
#listaVitrine a#btAnterior{ background:url(img/btAnterior.jpg) no-repeat 0 0; margin:0 12px 0 11px; _margin:0 7px 0 7px}
#listaVitrine a#btProximo{ background:url(img/btProximo.jpg) no-repeat 0 0; margin: 0 0 0 12px; _margin: 0 0 0 7px}

#listaVitrine div#barraRolagem{width:23px; height:278px; background: url(img/baseRolagem.gif) no-repeat; float:left; margin: 19px 0 0 9px}
#listaVitrine div#barraRolagem a#setaSuperior,#listaVitrine div#barraRolagem a#setaInferior{display:block; width:17px; height:19px; margin:0 0 0 3px}
#listaVitrine div#barraRolagem a#setaSuperior{ background:url(img/setaSuperior.gif) no-repeat 0 0}
#listaVitrine div#barraRolagem a#setaInferior{background:url(img/setaInferior.gif) no-repeat 0 0}
#listaVitrine div#barraRolagem div{margin:0 0 0 3px; width:17px; height:240px; position:relative}
#listaVitrine div#barraRolagem div img{cursor:pointer; _cursor:hand; position:absolute}

#listaVitrine div#boxLista{ width:183px; height:293px; overflow: hidden; position:relative; float:left; margin:12px 0 20px 10px}
#listaVitrine div#boxLista div#lista{ width:183px; margin:0}
#listaVitrine div#boxLista div#lista p{ width:183px; height:39px; clear:both; margin-bottom:3px; position:relative; line-height:12px}
#listaVitrine div#boxLista div#lista p img{ position:absolute; top:0; left:0; -moz-opacity: 0.40; filter: alpha(opacity=40); z-index:1}
#listaVitrine div#boxLista div#lista p span.seta,#listaVitrine div#boxLista div#lista p span.setaFotos{ display:inline-block; width:11px; height:25px; position:relative; margin:7px 0 0 162px; background: url(img/baseMusicaSeta.gif) no-repeat 0 0}
#listaVitrine div#boxLista div#lista p span.setaFotos{background: url(img/baseMusicaSeta.gif) no-repeat 0 -50px}
#listaVitrine div#boxLista div#lista p a{ display:inline-block; color:#FFFFFF; text-decoration:none; margin:7px 0 0 12px; z-index:10; position:absolute; width:150px}
#listaVitrine div#boxLista div#lista p a:hover, #listaVitrine div#boxLista div#lista p a:hover span{color:#AB8042}
#listaVitrine div#boxLista div#lista p a span{ font-size:9px; color:#FFFFFF}
#listaVitrine div#boxLista div#lista ul{ margin:0 0 0 2px}
#listaVitrine div#boxLista div#lista li{width:180px; height:19px; margin:0 0 2px 0; position:relative}
#listaVitrine div#boxLista div#lista li a{color:#FFFFFF; display:block; margin:0 0 0 5px; line-height:19px; text-decoration:none; position:relative; z-index:10}
#listaVitrine div#boxLista div#lista li a:hover{color:#AB8042}
#listaVitrine div#boxLista div#lista li p{width:180px; height:19px; -moz-opacity: 0.40; filter: alpha(opacity=40); background-color:#40191A; position:absolute; top:0; left:0; z-index:1}

#menuArquivo{ margin:5px 3px 0 0}
#menuArquivo img#tituloMenuArquivo{margin:0 0 10px 160px;}
#menuArquivo table{margin:0px 25px 0px 25px; width:200px}
#menuArquivo table tr{height: auto}
#menuArquivo table td{ color:#9F9F9F; text-align:center;}
#menuArquivo table .nomeMes{ border-top:1px solid #764C4D; text-align:center; padding:0; height:10px; color:#FFFFFF}
#menuArquivo table .nomeMes a{ color:#FFFFFF; text-decoration: none}
#menuArquivo table .semana td{ color: #FFFFFF; padding:0}
#menuArquivo table td.dias{ color: #FFFFFF; padding:3px 0 3px 0}
#menuArquivo table td.dias a{ color: #AB8042; text-decoration:none}
#menuArquivo table td.dias a:hover{ color: #431A0D;}
#menuArquivo table td.diaAtual{ color:#AB8042; background-color:#431A0D}

#boxDir{ float:left; height:500px; overflow:hidden; margin-left:8px; _margin-left:0; margin-bottom:20px }
#boxDir #boxDirGeral{width:470px;}
#boxDir #boxDirGeral img#imgConteudoTopo{margin:55px 0 0 0}
#boxDir #boxDirGeral #boxDirConteudo{background:#D4CCCC; margin:0 0 0 1px; padding: 0 0 0 0;}

#boxDirConteudo div.noticia{ margin:0 0 0 39px; width:375px; background:url(img/noticiaBg.jpg) no-repeat}
#boxDirConteudo div.noticia div.cont{ margin:0 0 0 30px}
#boxDirConteudo div.noticia h2{font-size:22px; color:#173989; font-weight:normal; margin:0 0 15px 0; line-height:25px}
#boxDirConteudo div.noticia h2.titulo{padding-top:30px; margin:0}
#boxDirConteudo div.noticia h5{ font-size:11px; color:#6b610c; font-weight:normal; padding-top:30px;}
#boxDirConteudo div.noticia img.imgNoticia{margin:0 0 15px 0}
#boxDirConteudo div.noticia p.textoNoticia{ text-align:justify; line-height:15px}
#boxDirConteudo div.noticia img.imgSeparador{ margin:15px 0}
#boxDirConteudo div.noticia p.btsNoticia{text-align:right; padding-bottom:14px}
#boxDirConteudo div.noticia p.btsNoticia a{ text-decoration:none; padding-bottom:14px}
#boxDirConteudo div.noticia div.galeriaThumb{margin:15px -4px}
#boxDirConteudo div.noticia div.galeriaThumb img{ float:left; display:block; margin:3px; _margin:2px}
#boxDirConteudo div.noticia p.linkLiteratura{margin:40px 0 0 0; text-align:rigth}
#boxDirConteudo div.noticia p.linkLiteratura a{text-decoration:none; color:#7E2C06}
#boxDirConteudo div.noticia p.linkLiteratura a:hover{text-decoration:underline;}

#boxDirConteudo div.comentario{ background-color:#CBC1C1; padding:15px;}
#boxDirConteudo div.comentario form{ border-bottom:1px solid #A29C9C; padding-bottom:13px; margin:0 0 13px 0}
#boxDirConteudo div.comentario form input{line-height:14px; height:14px; padding:3px 5px 5px 5px; margin:0 0 3px 0; width:145px}
#boxDirConteudo div.comentario form textarea{ width:100%; padding:3px 5px 5px 5px; overflow:hidden; width:304px}
#boxDirConteudo div.comentario form div span{float:left; display:block; margin-top:10px}
#boxDirConteudo div.comentario form div input{float:right; width:45px; height:16px; background:url(img/btEnviar.gif) no-repeat 0 0; margin-top:10px; cursor:pointer; _cursor:hand}
#boxDirConteudo div.comentario h4{ margin-bottom:10px; font-size:12px; color:#333333}
#boxDirConteudo div.comentario div.textoComentario{ background-color:#DBD4D4; padding:10px 12px}
#boxDirConteudo div.comentario hr{ border:none; border-bottom:1px solid #A29C9C; height:1px; color:#A29C9C; margin:10px 0; *margin:2px 0}

#boxDirConteudo ul#listaLinks{ margin-top:25px}
#boxDirConteudo ul#listaLinks li{ margin:12px 0; background:url(img/bulet.gif) no-repeat 9px 6px;}
#boxDirConteudo ul#listaLinks li a, #boxDirConteudo ul#listaLinks li p{text-decoration:none; line-height:14px; display: inline-block; padding:0 0 0 20px}
#boxDirConteudo ul#listaLinks li a:hover{ color:#350D01; text-decoration:underline}

#boxDirConteudo ul#listaParceiros{margin:25px 0 15px 0}
#boxDirConteudo ul#listaParceiros li{background:#FFFFFF; border:#CCCCCC 1px solid; text-align:center;padding-top:25px; margin-bottom:15px}
#boxDirConteudo ul#listaParceiros li img{display:inline}
#boxDirConteudo ul#listaParceiros li p.parceiro{margin-top:25px; background-color:#EEEEEE; height:25px; line-height:25px}
#boxDirConteudo ul#listaParceiros li a{ text-decoration:none}
#boxDirConteudo ul#listaParceiros li a:hover{text-decoration: underline}


#boxDirConteudo #instituto h3{margin:25px 0 10px 0}
#boxDirConteudo #instituto p{ margin:8px 0}
#boxDirConteudo #instituto ul{ margin-top:0px}
#boxDirConteudo #instituto li p{ margin:0}

#boxDirConteudo #contato form{margin:25px 0 0 0}
#boxDirConteudo #contato form p{ margin:0; *margin:5px 0 0 0;}
#boxDirConteudo #contato form p span{ display:inline-block; width:80px; line-height:20px; height:20px; text-align:right; margin:0 8px 5px 0; float:left}
#boxDirConteudo #contato form p input, #boxDirConteudo #contato form p textarea{ display:inline-block; height:18px; width:220px; margin:0 0 5px 0; float:left; line-height:20px; padding:5px 3px 0 3px; *padding:0px 3px 2px 3px; background-color:#EDECEC}
#boxDirConteudo #contato form p textarea{ height:100px; overflow:hidden; line-height:14px}
#boxDirConteudo #contato form p span#MSG{width:260px; text-align: right; margin-top:6px}
#boxDirConteudo #contato form p input#btEnviar{float:right; width:45px; height:16px; background:url(img/btEnviar.gif) no-repeat 0 0; margin:10px 30px 0 0; cursor:pointer; _cursor:hand}
#boxDirConteudo #contato div p{line-height:15px; margin-bottom:8px}
#boxDirConteudo #contato div p strong{ color:#173989; font-size:12px; display:inline-block; margin-top:10px}

#navegador{text-align:right; padding:0px 55px 15px 55px;}
#navegador a{color:#666666;	margin:0px 3px 0px 3px;	text-decoration:none;}
#navegador a:hover{	text-decoration:underline;}
#navegador span.navPaginas{color:#2A0001}