@charset "utf-8";
/* CSS Document */
*	 {	margin:	0;	padding: 0; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #343434;
	background-color:#204158;
}
a { color:#666633; };
a:hover, a.hover { color:#CC9966; };

ul { margin:20px;}
#container {
	width:	800px;
	/*background-image:url(../imagens/bg.gif);
	*/
	background-image:url(../imagens/pattern.jpg);
	background-repeat:repeat-y;
	background-position:top;
	background-attachment:scroll;	
	position:absolute;
	left:50%;
	margin-left:-400px;
}

/* ======= Cabecalho ========== */
#cabecalho 		{	font-size:10px; background-image:url(../imagens/cabecalho.jpg); width:800px; height:96px; }
#dataHoje 		{	position:relative; float:left; left:30px; top: 80px;}
#dataFundacao	{	position:relative; float:right; right:30px; top: 80px;}

/* ======= Corpo ========== */
#corpo {		margin:10px 0; padding:0 30px;	}

#menu {	background-image:url(../imagens/menu_bg_meio.jpg); float:right; width:auto; height:40px;}
#menu ul {		border:0px solid #f00; list-style:none; margin:0;} 
#menu ul li {	float:left; height:40px;}
#menu #esq {	background-image:url(../imagens/menu_bg_esq.jpg); width:15px;}
#menu #dir {	background-image:url(../imagens/menu_bg_dir.jpg); width:15px;}
#menu ul li a { display:block; padding: 10px;text-decoration:none;font-size:12px;color:#ffffff;}
/*
#menu-lat {	float:left; width:147px;  }
#menu-lat ul {		border:0px solid #f00; list-style:none;}
#menu-lat ul li {	background-image:url(../imagens/menu_bg_lat_meio.jpg);border-right:1px solid #cdc7a4;float:left;}
#menu-lat ul li a { width:127px; display:block; padding: 10px; text-align:right;}
*/
#col01 {	padding:0; margin:0; float:left; width:158px;  }
.menu-lat {	background-image:url(../imagens/menu_bg_lat_meio.jpg) ;}
.menu-lat ul { margin:0; padding:0; list-style:none; width:157px;}
.menu-lat ul li {	position:relative; text-align:right;}	
.menu-lat li ul {	position:absolute; list-style:none;  left: 158px; top:0; display:none;}
.menu-lat ul li span {	display:block; text-decoration:none; font-size:12px; color:#ffffff; width:128px; padding:10px 15px;}
.menu-lat ul li a {	display:block; text-decoration:none; font-size:12px; color:#000000; width:128px; padding:10px 15px;}
.menu-lat ul li ul { border:1px solid #cdc7a4}
.menu-lat ul li ul li a { background-color:#e5e5d3; font-size:11px;padding:5px 10px;text-align:left;width:138px;}
.menu-lat ul li ul li a:hover { background-color:#ededda; font-size:11px;padding:5px 10px;text-align:left;width:138px;}

/* Fix IE. Hide from IE Mac \*/
* html .menu-lat ul li { float: left; height: 1%; }
* html .menu-lat ul li a { height: 1%; }
/* End */

.menu-lat li:hover ul, .menu-lat li.over ul { display: block; }

.menu-lat #topo { margin:0;	background:url(../imagens/menu_bg_lat_topo.jpg) left no-repeat; font-size: 1px; height:7px; width:158px}
.menu-lat #base {	margin:0;background:url(../imagens/menu_bg_lat_base.jpg) left no-repeat; font-size: 1px; height:10px; width:158px }

#flash {	width:578px; float:right;	border: 0px solid #f00; }
#conteudo {
	width:500px;
	padding: 0px 40px 10px 40px;
	float:right;
	border: 0px solid #f00;
}
.imgLeft {	float:left;	padding: 10px 20px;}
.imgRight {	float:right;padding: 10px 0px 0 20px;}

#conteudo h1 {	margin: 10px 0 30px 0;	border-bottom:1px solid #a2996d; font-size:18px; color:#564500;}
#conteudo h2 {
	font-size:16px;
	color:#564500;
	text-align: left;
}
#conteudo h3 {	font-size:14px; color:#564500;}
#conteudo p {
	margin: 20px 0;
	font-size: 12px;
}
p.galeria img { padding:5px;}
#conteudo .lista li { margin-bottom:10px;}
#doacao { display:block;float:left;font-size:10px; width:117px; padding:15px;}
#clear { clear:both; }


.destaque { position:relative; left:147px; float:left; width:260px; padding:20px;}
.destaque h1 { border-bottom:1px solid #a2996d; font-size:18px; color:#564500;  text-align:right; margin: 10px 0 10px 0;}
.destaque .link { text-align:right; }

/* ======= Rodape ========== */
#rodape{ font-size:10px;background-image:url(../imagens/rodape.jpg); width:660px; height:37px; padding: 5px 70px;}
#rodape #design { float:right; color:#a2996d;}
#rodape #design a { color:#867f5e;}
#rodape #design a:hover,#rodape #design a.hover, { color:#a2996d;}
#rodape #contato { float:left;}
.linkrel { border:1px solid #a2996d; background-color:#EEECC4; padding:0 20px;}