/* CSS Document */
/* 
	Estrutura fixa com 3 colunas 
	Ver.:1.1
	Flavio Silva
*/

/* Tags */
html{font:normal 70% 'Arial', Helvetica, sans-serif}
.box1{ width: 400px; margin:auto;}
.album_centro {
	width:428px;
	margin:auto;
	padding-left:17px;
}

/* Div principal */
#page{width:770px;margin:0 auto;padding-top:25px;position:relative}

/* Acessibilidade */
#acessibilidade{position:absolute;top:0;height:25px;width:100%;line-height:25px;text-align:center}

/* Conteudo do site */
#corpo{padding:0 160px}

/* Menu Principal */
#menu{width:160px;margin-left:-160px;float:left}

/* Contedo */
#conteudo{width:100%;float:left;color:#333;font-size:110%}

/* <<< NOVA TAG >>> */


/* Menu direito */
#menu-dir{width:160px;margin-right:-160px;float:right}
#menu-dir #menu{ background-color: #EFEFEF;}
.pergunta_enquete{ background: #DDDDDD url("../imagens/interogacao.png") right center no-repeat; border: 1px solid #8F8F8F;  padding:0px !important; }
.pergunta_enquete a{ color:#333; font-size:12px; text-decoration:none; padding:1px 35px 1px 5px !important}


/* Rodap */
#rodape{clear:both}
#copy{text-align:right;padding:3px 20px 3px 0}

/* Para o IECA */ 
#corpo{_height:1%}
#menu{_margin-left:-80px}#menu-dir{_margin-right:-80px}
/* #acessibilidade{_top:1px} Quando a largura for 100%, remover esta linha. PQ? No sei, pergunte aos desenvolvedores do IE */

/* Complementos do layout */
/* Acessibilidade */
#acessibilidade a{padding:0 3px}

/* Menu esquerdo */
#menu h2, #menu-dir h2{padding:5px 10px}
#menu li{padding:1px}
#menu li a{display:block;height:1%;padding-left:10px;line-height:20px}
#menu-dir ul li{padding:1px}

/* Conteudo */
#conteudo h2{margin:5px 0 0 0;padding-bottom:10px;font: bold 130% Helvetica, Arial, sans-serif}
#conteudo hr{border:1px outset}

/* Listagens */
.lst1 h2{font-family:Helvetica, Arial, sans-serif;padding:5px}
#conteudo .lst1, .lst1, #conteudo .lst2, .lst2{ margin:auto; padding:0; width:98%; }
#conteudo .lst1 li, .lst1 li{padding:0;list-style:none}
.lst1 a{display:block;padding:5px 10px}
.lst1 em{display:block}
.lst1 .sp1{display:block;font-weight:bold}

/* Blog */
#blog .post{margin-bottom:10px}
#blog .titulo{font-size:180%;padding:0 10px;border-left:10px solid;border-bottom:1px dotted}
#blog .desc{line-height:20px;margin-bottom:30px}
#blog .sb{display:block}


/* Mural de Recados */
#lst_mural{margin:0px 0}
#lst_mural em{display:block;font-style:normal;margin-top:5px}
#conteudo #lst_mural ul{margin:0}

/* Boxes */
.box1 h3{padding:5px 10px !important;margin:-5px -5px 0 -5px !important}
.lnk_mais{position:absolute;padding:15px 20px;font-weight:bold; left:450px;}


/* Galeria */
#lst_galeria{padding:0 !important}
#lst_galeria li{list-style:none !important;height:60px;padding:5px 0}
#lst_galeria br{display:none}
#lst_galeria a{float:left;height:60px;width:60px;overflow:hidden;margin-right:10px}
#lst_galeria img{margin:0 !important}

/* Imagem ampliada */
#img-f img{margin:5px auto !important;display:block}

/* album de fotos*/
#lst_galeria a{
background-color:#E8E8E8;
border:1px solid #CCCCCC;
display:block;
height:220px;
margin-bottom:34px;
margin-right:34px;
padding:3px;
text-decoration:none;
width:172px;}