/*
  Pantanosso: O seu pedaço do Pantanal
  Site: http://www.pantanosso.com.br/
  Por: Seyfertt Studio ~ seyfertt@gmail.com | www.seyfertt.com
  Última Revisão: 17/08/2009
*/

/* Formatador Geral
--------------------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

/* Corpo do Site
--------------------------------------------------------------------------------------------------------------- */
body {
	color: #0c0c0c;
	font: 12px Arial, Helvetica, sans-serif;
	background: #f1f6f4 url(../imagens/bg_pantanosso.gif) repeat;
}

/* Links
--------------------------------------------------------------------------------------------------------------- */
a {
	color: #076101;
}
a:hover {
	text-decoration: underline;
}

/* Titulos
--------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5 {
	color: #076101;
}
h2 {
	padding: 0 0 15px 0;
}
h3 {
	font-size: 14px;
	padding: 0 0 10px 0;
}
h4 {
	font-size: 17px;
	padding: 0 0 15px 0;
}
h5 {
	font-size: 12px;
	padding: 0 0 10px 0;
}

/* Aviso
--------------------------------------------------------------------------------------------------------------- */
.aviso {
	color: #f00;
	font-size: 13px;
	background: #fff2f2;
	margin: 15px 0 0 0;
	padding: 9px;
	border: 2px dashed #febaba;
	float: left;
	width: 766px;
}

ins {
	text-decoration: underline;
}
/* Outros
--------------------------------------------------------------------------------------------------------------- */
p.pontilhado {
	margin: 5px 0;
	border-top: solid 2px #f58220;
}
br.clear {
	clear: both;
}

/* Imagens
--------------------------------------------------------------------------------------------------------------- */
img {
	border: 0;
}
img.esq {
	margin: 0 10px 0 0;
	float: left;
}
img.esqA {
	margin: 0 3px 10px 0;
	float: left;
}
img.dir {
	padding: 0 0 10px 0;
	float: right;
}

/* Geral
--------------------------------------------------------------------------------------------------------------- */
#geral {
	background: #fff;
	width: 776px;
	*width: 766px; /* IE 7 */
	margin: 0 auto;
	padding: 0 5px;
	display: table;
}

/* Topo
--------------------------------------------------------------------------------------------------------------- */
#topo {
	width: 100%;
	height: 90px;
	margin: 0 0 10px 0;
	display: table;
}

/* Logotipo
--------------------------------------------------------------------------------------------------------------- */
h1.logo {
	background: url(../imagens/logo_pantanosso.gif) no-repeat;
	width: 334px;
	margin: 15px 0 0 0;
	float: left;
}
h1.logo a {
	height: 60px;
	display: block;
	text-indent: -999em;
}

/* InfoBox Topo
--------------------------------------------------------------------------------------------------------------- */
#infoTopo {
	background: #f58220 url(../imagens/info_topo.gif) no-repeat center;
	width: 334px;
	height: 90px;
	float: right;
}

/* Menu Topo
--------------------------------------------------------------------------------------------------------------- */
ul.menu-nav, ul.menu-nav li {
	float: left;
}
ul.menu-nav {
	font-weight: bold;
	background: #076101;
	width: 100%;
	float: left;
}
ul.menu-nav li a {
	color: #fff;
	padding: 8px 15px;
	display: block;
}
ul.menu-nav li a:hover {
	background: #13790c;
	text-decoration: none;
}
ul.menu-nav li a.ativo {
	background: #13790c url(../imagens/bg_seta.gif) left center no-repeat;
}

/* Meio
--------------------------------------------------------------------------------------------------------------- */
#meio {
	width: 100%;
	margin: 20px 0;
	_margin: 10px 0; /* IE 6 */
	float: left;
}

/* Coluna Esquerda
--------------------------------------------------------------------------------------------------------------- */
#colEsquerda {
	background: #b8cec4;
	width: 586px;
	margin: 0 20px 0 0;
	float: left;
}
#colEsquerda p {
	text-align: justify;
	padding: 0 0 15px 0;
}
#colEsquerda .conteudo {
	padding: 20px;
}
#colEsquerda .conteudo .colEsquerda {
	width: 325px;
	margin: 0 20px 0 0;
	float: left;
}
#colEsquerda .conteudo .colDireita {
	float: left;
}
#colEsquerda .conteudo .colIgual {
	width: 257px;
	float: left;
	border-right: solid 2px #f58220;
	margin: 0 15px 10px 0;
	padding: 0 14px 0 0;
}
#colEsquerda .conteudo .colIgualB {
	width: 258px;
	float: left;
}

/* Coluna Direita
--------------------------------------------------------------------------------------------------------------- */
#colDireita {
	width: 160px;
	float: left;
}

/* Preços e Horários
--------------------------------------------------------------------------------------------------------------- */
/* Pesca */
ul.precoLocal span, ul.precoLocal span.b {
	display: block;
	float: left;
}

ul.precoLocal {
	padding: 0 0 15px 20px;
}
ul.precoLocal li {
	padding: 2px 0;
	clear: both;
}
ul.precoLocal span {
	font-weight: bold;
	width: 300px;
}
ul.precoLocal span.b {
	color: #cb4f00;
	font-weight: bold;
	width: 150px;
}

/* Preços dos Peixes */
ul.precosTipos span, ul.precosTipos span.a, ul.precosTipos span.c {
	display: block;
	float: left;
}
ul.precosTipos {
	padding: 0 0 25px 20px;
}
ul.precosTipos li {
	padding: 2px 0;
	clear: both;
}
ul.precosTipos span {
	width: 150px;
}
ul.precosTipos span.a {
	font-weight: bold;
	width: 150px;
}
ul.precosTipos span.c {
	color: #cb4f00;
	font-weight: bold;
	width: 150px;
}

/* Horários */
dl.horarioLocal {
	padding: 0 0 15px 20px;
}
dl.horarioLocal dt {
	padding: 2px 0;
}
dl.horarioLocal span {
	font-weight: bold;
	width: 150px;
	display: block;
	float: left;
}

/* Tipos de Peixes
--------------------------------------------------------------------------------------------------------------- */
.tipoPeixes {
	background: url(../imagens/bg_peixes.gif) no-repeat;
	width: 130px;
	height: 167px;
	margin: 0 6px 6px 0;
	text-align: center;
	float: left;
}
.tipoPeixes img {
	width: 130px;
	height: 130px;
	margin: 0 0 12px 0;
}
.tipoPeixes h3 {
	color: #076101;
}

/* Regulamento
--------------------------------------------------------------------------------------------------------------- */
#regulamento {
	background: #cedfd7;
	width: 528px;
	margin: 0 0 15px 0;
	padding: 10px;
	display: block;
	float: left
}
#regulamento li {
	font-weight: bold;
	float: left
}
#regulamento a.regras {
	background: url(../imagens/icone_regras.gif) no-repeat;
	margin: 0 30px 0 0;
	padding: 6px 0 6px 35px;
	display: block;
}
#regulamento a.regulamento {
	background: url(../imagens/icone_pdf.gif) no-repeat;
	padding: 6px 0 6px 35px;
	display: block;
}

/* Regras
--------------------------------------------------------------------------------------------------------------- */
#regras li {
	list-style: inside disc;
	margin: 0 0 15px 0;
}

/* Galeria
--------------------------------------------------------------------------------------------------------------- */
.album {
	width: 100px;
	margin: 0 20px 20px 0;
	border-right: solid 2px #f58220;
	float: left;
}
.albumConteudo {
	width: 424px;
	margin: 0 0 20px 0;
	float: left;
}
.fotos {
	background: #000;
	width: 100px;
	height: 75px;
	text-align: center;
	margin: 0 6px 10px 0;
	display: block;
	float: left;
}

/* Contato
--------------------------------------------------------------------------------------------------------------- */
#contato {
	margin: 0 0 20px 0;
	float: left;
	display: block;
}
#contato label {
	font-weight: bold;
	clear: both;
	display: block;
}
#contato #departamento {
	padding: 2px;
	width: 248px;
}
#contato #nome, #contato #email, #contato #assunto, #contato #mensagem {
	padding: 2px;
	width: 240px;
}
#contato #mensagem {
	width: 240px;
	height: 100px;
}
#contato .ca, #contato .cb {
	width: 250px;
	display: block;
	float: left;
}
#contato .cb {
	margin: 0 0 0 40px;
}
blockquote strong {
	width: 110px;
	display: block;
	float: left;
}

/* Rodapé
--------------------------------------------------------------------------------------------------------------- */
#rodape {
	width: 100%;
	border-top: solid 4px #076101;
	clear: both;
}
#rodape p {
	padding: 20px;
}
#rodape a:hover {
	text-decoration: underline;
}


/* Busca
--------------------------------------------------------------------------------------------------------------- */
#country{
	font-size:17px;
}
.suggestionsBox {
	color: #fff;
	background: url(../imagens/busca_a.png) no-repeat center top;
	position: absolute;
	left: 73px;
	margin: 1px 0 0 0;
	width: 200px;
	margin: 0;
	padding: 0;
	position: absolute;
}
.suggestionList {
	background: url(../imagens/busca_b.png) no-repeat bottom;
	margin: 10px 0 0 0;
	padding: 0 0 4px 0;
}
.suggestionList ul li {
	background: #3c8d83;
	border-bottom: dotted 1px #46a89b;
	list-style:none;
	margin: 0;
	padding: 6px;
	cursor: pointer;
}
.suggestionList ul li:hover {
	color: #255650;
	background: #92d1c9;
}
.suggestionList ul {
	color: #fff;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: #3c8d83;
	border-top: dotted 1px #46a89b;
	margin: 0;
	padding: 0;
}
.suggestionList ul small {

	float: right;
}
.load{
	background: url(../imagens/loader.gif) no-repeat right;
}

#suggest {
	position: relative;
}