/************************************************************************
* Formatação global
************************************************************************/
html, body{
	height:100%;
}
body, td{
	font: 11px Verdana, Arial, Helvetica, Tahoma;
	color:#6f262a;
}
body{
	margin:0px;
	padding:0px;
	background-image: url(../imagens/bg.gif);
	background-repeat:repeat-x;
	background-color:#f3eddd;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, Tahoma;
}
form{
	margin: 0px;
}

input, select, textarea{
	font-size:11px; 
	font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}
h1, h2, h3, h4, h5, h6{
	margin: 2px 0 2px 0;
	color:#6f262a;
}
h1{
	font-size: 28px;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
a{
	color:#6f262a;
}
a:visited{
	color:#6f262a;
}
a:hover{
	color:#6f262a;
	text-decoration:none;
}








/************************************************************************
* Layout
************************************************************************/
#div_tudo {
	width:804px;
	background-image:url(../imagens/bg_lateral.gif);
	background-repeat:repeat-y;
}
#div_centro {
	margin-left:200px;
	width:604px;
}
#div_lateral {
	width:200px;
	background-color: #d2deda;
}
#div_menu{
	padding-top:15px;
	width:200px;
	height:140px;
	background-image: url(../imagens/bg_menu.jpg);
	background-repeat:repeat-x;
	background-color:#c8a31f;
}
#div_newsletter{
	height:76px;
	background-color:#d2b45e;
}
#div_topo{
	height:25px;
	background-color:#6f2728;
}
#div_idiomas{
	text-align:right;
}
#div_idiomas a{
	margin-right:1px;
	border-bottom:2px #a87638 solid;
	padding-top:15px;
}
#div_idiomas .ativo{
	border-bottom:2px #FFFF00 solid;
}
#div_idiomas a:hover{
	border-bottom:2px #00CCFF solid;
}
#div_busca{
	height:40px;
	margin-top:22px;
	text-align:right;
	font-size:12px;
}
#div_busca input{
	background-color:#f9f7eb;
	border:1px solid #6f262a;
}
#div_logo {
	width:200px;
	height:130px;
	background-color: #FFFFFF;
}
#div_ilustracao {
	position:absolute;
	right:-9px;
	top:355px;
	width:194px;
	height:162px;
	z-index:5;
}
#div_ambiental{
	width:156px;
	margin-left:22px;
	margin-right:22px;
	position:absolute;
	top:397px;
}
#div_conteudo{
	width:596px;
	margin-left:10px;
	padding-top:10px;
}
.campo{
	border:1px solid #6f262a;
	background-color:#ebe1bd;
	color:#6f262a;
}
.botao{
	background-color:#6f262a;
	color:#FFFFFF;
}
.titulo{
	color:#6f262a;
	font-size:14px;
	margin:10px;
	margin-top:20px;
}






/************************************************************************
* Funcionalidade de Menu
************************************************************************/

ul#primary-nav {
	margin: 0;
	padding: 0;
	font-size:12px;
	width: 200px;
	background: #c8a31f;
}
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	font-size:12px;
	width: 113px;
	background: #FFFFFF;
}
ul#primary-nav li {
	position: relative;
	list-style: none;
}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding: 3px;
	margin-left:20px;
	margin-right:20px;
}
ul#primary-nav ul li a{
	color: #c9a51a;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	padding-left:5px;
	padding-top:4px;
}

* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 199px;
	top: 0;
	width:118px;
}
ul#primary-nav ul ul{
	left: 117px;
	width:133px;
}

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; }

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; }

ul#primary-nav li a:hover { color: #ffeab8;}

ul#primary-nav ul li a:hover { color: #6f2728; background-color:#FFFFFF;}


/************************************************************************
* Funcionalidade de imagens
************************************************************************/
.foto{
	background-color:#FFFFFF;
	border: solid 1px #CCCCCC;
	float:left;  
}
.listaFoto{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#c8a31f;
	margin-bottom:0px;
	margin-top:5px;
	font-size:11px;
	text-align:right;
	background-image:url(../imagens/bg_thumb.jpg);
	background-repeat:repeat-x;
	padding-bottom:3px;
}
.listaFoto img{
	margin-bottom:3px;
}
.listaFoto:hover{
	color:#FFFFFF;
	background-color:#c8a31f;
	border:0px;
	background-image:none;
}
.listaFoto:visited{
	color:#FFFFFF;
}
/* Para alinhar imagens na esquerda */
.miniatura{
	margin: 0px 0px 0px 5px;
}


/************************************************************************
* Links
************************************************************************/
.link{
	color:#6f262a;
}
.link:visited{
	text-decoration:none;
}


/* Para listar em blocos */
.lista1{
	display:block;
	margin-bottom:10px;
	margin-top:10px;
	color:#6f262a;
}
.lista1:hover{
	color:#6f262a;
}

.idiomas{
	display:block;
	margin-top:-10px;
	margin-top:5px;
	margin-left:15px;
	height:20px;
}


/************************************************************************
* Listas
************************************************************************/

/* Para listar verticais */
.listaitem
{
	margin:0px 0px 4px 0px;
	padding:10px;
	width:100%;
	border:1px solid #CCCCCC;
}
/* Para alinhar itens lado a lado */
.ladoalado
{
	background-color: #FCFCFC;
	border: 1px solid #CCCCCC;
	padding: 7px;
	width: 281px;
	position: relative;
}

.nome{
	font-size:13px;
	font-weight:bold;
	display:block;
	margin-bottom:8px;
}

/************************************************************************
* Paginação
************************************************************************/
#paginacao{
	border:0px solid #000000;
	width:220px;
}
#paginacao .anterior{

}
#paginacao .proximo{

}
#paginacao .centro{
	text-align:center;
}
#paginacao .pagAtual{
	color:#CC0000;
	font-weight:bold;
}