/*
Project: O Marujo - Busca Nautica
Author: Alexandre Rodrigues >> www.VIETRA.com.br
Date: 26/11/2009
Date: 19/04/2010

Version: 2.1

/*--- Table of Contents ---

0 - CSS Reset
1 - Common
2 - Layout
3 - Content
4 - Footer

--------------------------*/

/*--- 0 CSS Reset ---*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{}ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption, th, td{text-align:left;font-weight:normal;}blockquote:before, blockquote:after, q:before, q:after{content:"";}blockquote, q{quotes:"" "";}.left{float:left}.right{float:right;margin-right:0!important;}.clearfix:after{
content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-max \*/* html .clearfix{height:1%;}.clearfix{display:block;}/* End hide from IE-mac */

/*--- 1 COMMON ---*/
*{color:#64553b;}
html{}
body{
	background:#1f1707 url(../images/background.jpg) center 0 repeat-y;
	font:normal 13px Verdana, Geneva, sans-serif;
}
h2,h3,h4{
	font:normal 20px Georgia, "Times New Roman", Times, serif;
}
a{
	text-decoration:none;
	cursor:pointer;
	outline:none;
}
a:hover{
	text-decoration:underline;
}
p{
	line-height:130%;
	padding:5px;
	text-align:justify;
}
input,
textarea,
table,
select{
	padding:6px;
	border:none;
	background:#fffcf5;
	cursor:pointer;
}
table{width:100%}

/*--- 2 LAYOUT ---*/
#geral{
	width:1000px;
	margin:0 auto;
	color:#fff;
	background:#f0e5b5 url(../images/background-centro.jpg) 0 10px repeat-y;
}
#topo{
	background:url(../images/background-topo.jpg) 0 0 no-repeat;
	height:165px;
	padding:20px 10px;
	margin-top:20px;
}
#topo h1{
	width:193px;
	float:left;
	margin-left:17px;
}
#topo h1 a{
	display:block;
	height:162px;
	text-indent:-999999px;
	background:url(../images/logo-o-marujo.gif) 0 0 no-repeat;
}
#topo #busca{
	float:left;
	width:725px;
	margin:10px 0 0 26px;
}
#topo #busca h2{
	font-size:35px;
	margin-bottom:10px;
}
#topo #busca #campobusca{
	width:370px;
	padding:20px 5px;
	float:left;
	font-size:20px;
}
#topo #busca select{
	width:200px;
	margin:0 15px 5px;
	float:left;
}
#formbusca .botao{
	background:#86222e;
	color:#fff;
	width:108px;
	height:65px;
	cursor:pointer;
}
.midiasocial{
	position:absolute;
	top:40px;
	margin-left:820px;
}
.midiasocial #___plusone_0{height:26px !important;}

#publicidade,
#categorias{
	width:200px;
}
#categorias{
	float:left;
	margin-left:25px;
}
#categorias h3,
#publicidade h3{
	background:#aa9264;
	color:#fffcf5;
	padding:5px;
	font-size:18px;
}
#categorias ul li{
	background:url(../images/icone-list.gif) 5px 9px no-repeat;
	border-bottom:1px dotted #AA9264;
}
#categorias ul li a{
	display:block;
	padding:3px 0 3px 20px;
	text-decoration:none;
}
#categorias ul li a:hover{background:#fffcf5 url(../images/icone-list.gif) 5px -33px no-repeat;}
#publicidade{
	float:right;
	margin-right:25px;
}
#publicidade ul li{
	text-align:center;
	padding:10px 0;
}
#publicidade ul li a{
	border:1px solid #EDDEA7;
	display:block;
}
#publicidade ul li a:hover{border:1px dotted #AA9264;}
#conteudo{
	margin:0 10px;
	width:528px;
	float:left;
}
#nav{
	height:40px;
	margin-bottom:10px;
}
#nav ul li{
	display:inline;
	float:left;
	width:130px;
	margin:0 1px;
}
#nav ul li a{
	background:#AA9264;
	padding:5px;
	display:block;
	text-align:center;
	color:#fff;
	border-bottom:1px solid #AA9264;
}
#nav ul li a:hover{
	text-decoration:none;
	border-bottom:1px dotted #AA9264;
	color:#64553B;
	background:#FFFCF5;
}

/* HOME
------------------------------------------------------------*/
.destaques{margin:25px 5px;}
.destaques h4{margin:5px 0;}
.destaques a{
	width:160px;
	height:90px;

	float:left;

	margin:3px 3px;
	padding:3px;

	display:block;
	background:#211A0A;
}
.destaques a:hover{background:#AA9264;}

.listagem-cidades{margin:25px 5px;}
.listagem-cidades h4{margin:30px 5px 0 0;}


/*--- 3 CONTENT ---*/
.hack{clear:both; height:1px; width:1px;}
#conteudo h2{
	font:normal 26px "Times New Roman", Times, serif;
	color:#1d6fbc;
	font-size:24px;
	margin-bottom:10px;
}
#conteudo p{color:#000;}
#conteudo p.endereco,
#conteudo p.telefone,
#conteudo p.site,
#conteudo p.email{
	padding-left:22px;
}
#conteudo p.endereco{background:url(../images/empresa.gif) 2px 7px no-repeat;}
#conteudo p.telefone{background:url(../images/telefone.gif) 2px 7px no-repeat;}
#conteudo p.site{background:url(../images/site.gif) 2px 7px no-repeat;}
#conteudo p.email{background:url(../images/email.gif) 2px 7px no-repeat;}
.descricao{
	background:#fffbf4;
	margin-top:15px;
	padding:10px;
}
.descricao h3{
	color:#86222e;
	font-size:14px;
	font-weight:bold;
}
.descricao h4{
	font-size:14px;
	font-weight:bold;
	margin:20px 0 5px 0;
}
ul.tagcate{
	border-top:1px dotted;
	padding-top:5px;
}
.tagcate li{
	display:inline;
	margin-right:10px;
}
.tagcate li a{
	font-size:11px;
	text-decoration:none;
	background:url(../images/categorias.gif) 0 0 no-repeat;
	padding:1px 0 1px 18px;
}
.tagcate li a:hover{text-decoration:underline;}
.mapa{margin:20px 0 0 0;}
.mapa ul li{display:inline;}
.mapa ul li a{
	text-align:center;
	float:left;
	width:167px;
	display:block;
	padding:3px;
	text-decoration:none;
}
.mapa ul li a:hover{
	background:#FFFBF4;
}
.mapa iframe{border:1px solid;}
.publilist{margin-bottom:10px;}
.listagem{
	background:#FFFBF4;
	margin:5px 0;
	padding:5px;
}
.listagem h3 a,
.listagem h4 a{
	font-size:14px;
	font-weight:bold;
	color:#86222e;
	text-decoration:none;
}
.listagem h3 a:hover,
.listagem h4 a:hover{
	text-decoration:underline;
}
img.certificado{float:right;}
#paginacao{
	margin:20px 0 10px 0;
	text-align:center;
}
#paginacao span{
	margin-right:15px;
	background:#AA9264;
	color:#FFFBF4;
	padding:3px 5px;
}
#paginacao a{
	border:1px solid;
	padding:2px 3px;
	text-decoration:none;
}
#paginacao a:hover,
#paginacao a.ativo{
	background:#AA9264;
	color:#FFFBF4;
}
.botao:hover{
	background:#AA9264;
	color:#fff;
}


/* `ANUNCIE
-------------------------------------------------------------------------*/
.querocadastrar{
	display:block;
	text-align:center;
	font-weight:bold;
	background:#fff;
	padding:10px 0;
}


/*--- 4 FOOTER ---*/
#rodape{
	background:url(../images/background-rodape.jpg) 0 center no-repeat;
	clear:both;
	height:80px;
    overflow: hidden;
    position: relative;
}
#rodape ul{
	padding-top:30px;
    float: left;
    position: relative;
    left: 50%;
}
#rodape ul li{
	float: left;
    position: relative;
    right: 50%;
}
#rodape ul li a{
	color:#F6EFD3;
	display: block;
    padding: 20px;
}
#rodape img{
	position: absolute;
    bottom: 10px;
    right: 10px;
}

/*--- SLIDER ---*/

#banner_listagem{ width: 510px; height: 115px;}

#slider {position: relative; left: 5px; width: 510px; height: 270px;}
#next-slider, #prev-slider { width: 17px;  height: 24px;  background-image: url(../images/btn-next-prev.png);  background-repeat: no-repeat;  display: block;  text-indent: -9000em; position: absolute; bottom: 0; left: 240px;}
#prev-slider {background-position: bottom;  left: 260px;}
#slider ul li {position: absolute;  top: 0;  left: 0;}

#slider-listagem {position: relative; left: 5px; width: 250px; height: 115px;float:left;}
#next-slider-listagem, #prev-slider-listagem { width: 17px;  height: 24px;  background-image: url(../images/btn-next-prev.png);  background-repeat: no-repeat;  display: block;  text-indent: -9000em; position: absolute; bottom: 0; left: 110px;}
#prev-slider-listagem {background-position: bottom;  left: 130px;}
#slider-listagem ul li {position: absolute;  top: 0;  left: 0;}

#slider-listagem-direita {position: relative; left: 5px; width: 250px; height: 115px;float:left;}
#next-slider-listagem-direita, #prev-slider-listagem-direita { width: 17px;  height: 24px;  background-image: url(../images/btn-next-prev.png);  background-repeat: no-repeat;  display: block;  text-indent: -9000em; position: absolute; bottom: 0; left: 110px;}
#prev-slider-listagem-direita {background-position: bottom;  left: 130px;}
#slider-listagem-direita ul li {position: absolute;  top: 0;  left: 0;}

#slider-lateral {position: relative; left: 5px; width: 180px; height: 125px;}
#next-slider-lateral, #prev-slider-lateral { width: 17px;  height: 24px;  background-image: url(../images/btn-next-prev.png);  background-repeat: no-repeat;  display: block;  text-indent: -9000em; position: absolute; bottom: 0; left: 75px;}
#prev-slider-lateral {background-position: bottom;  left:95px;}
#slider-lateral ul li {position: absolute;  top: 0;  left: 0;}