/*
Theme Name: Gaivotas
Theme URI: http://www.agenciapro.com.br/
Description: Layout baseado no hotsite do Costao Golf - www.costaogolf.com.br.
Version: 1.0
Author: Mauricio Mueller, Joabe Brillinger e Fernando Greiffo
*/

@import url("barracostao.css");
@import url("css/forms.css");
@import url("css/sidebar.css");

*, html, body {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
/* Elementos */
body {
	font-family: Arial;
	background: #1B1143 url("img/bg.png") repeat-x top;
}
/*Principal*/
#wrp {
	width: 960px;
	margin: 0 auto;
	margin-top: 20px;
	background: url("img/bgcontendo.png");
}
#bg {
	background: url("img/bgtop.png") no-repeat left top;
}
/*header*/
#header {
	height: 140px;
	overflow: hidden;
}
#header h1 {
	float: left;
	width: 200px;
	height: 66px;
	display: inline;
	padding-top: 35px;
	margin-left: 35px;
	overflow: hidden;
}
#header strong#fone {
	float: right;
	width: 300px;
	color: #293D76;
	display: block;
	text-align: right;
	font: 20px "trebuchet ms";
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
#header strong#fone .img {
	text-align: right;
	}
#header strong#fone span {
	color: #000;
}
#header #divUm {
	float:right;
	width: 560px;
	height:157px;
	display:inline;
	overflow:hidden;
	margin-right:29px;
}
/*Corretor On-line*/
#corretor {
	float:left;
	display:inline;
	margin-top:30px;
	margin-left:10px;
	margin-bottom:10px;
	width: 225px;
	height: 73px;
}
/*Menu Header*/
#menuHeader {
	width: 560px;
	float: right;
	height: 28px;
	background: url("img/menutop.png") no-repeat right top;
}
#menuHeader ul {
	float: right;
}
#menuHeader li {
	display: inline;
}
#menuHeader a {
	color: #fff;
	float: left;
	display: block;
	font-size: 13px;
	padding: 5px 23px;
}
#menuHeader a:hover {
color:#E2ECF5;
}

/*Menu*/
#menu {
	width: 215px;
	height: 285px;
	padding-top: 20px;
	background: url("img/bgmenu.png");
}
#menu li {
	display: inline;
}
#menu a {
	color: #fff;
	width: 177px;
	display: block;
	padding: 3px 0;
	margin: 0 auto;
	font-size: 14px;
	text-indent: 20px;
	border-bottom: 1px solid #2C457F;
}
#menu a:hover {
	background: #3766A7;
}
/*Slide Show*/
#descricao {
	position: absolute;
	text-indent: -9999px;
}
/*conteudo*/
#imagem {
	width: 676px;
	height: 310px;
	overflow: hidden;
	margin-bottom: 7px;
	background: url("img/bgimagem.png") no-repeat;
}
#imagem img {
	margin: 10px 0 0 15px;
}
.slideshow {
	padding: 10px 0 0 5px;
}
/**/
#content {
	float: left;
	width: 676px;
	padding-bottom: 20px;
}
#pages {
	padding:5px;
	background: url("img/pages.png") no-repeat top right;
}
#pages h1, #pages h1 a {
	width: 646px;
	height:40px;
	color: #438BD3;
	overflow:hidden;
	padding-top:10px;
	text-indent:30px;
	font: italic 22px Georgia, Serif;
}
#pages h2, #pages h2 a {
	color: #333;
	padding: 0 0 10px 30px;
	font: italic 18px Georgia, Serif;
}
#pages h3, #pages h3 a {
	color: #777;
	padding: 0px 0 10px 30px;
	font-size: 18px;
	font-weight:normal;
}
#pages p {
	color: #333;
	font-size: 13px;
	padding: 0 30px 15px 30px;
}
.ville {
width:606px;
margin:0 0 20px 30px;
}
/*Listas*/
#pages ol li {
	color: #333;
	font-size: 13px;
	line-height:100%;
	margin-bottom:10px;
	list-style-type: decimal;
}
#pages ol li li {
margin-bottom:5px;
}

#pages ul, #pages ol {
	margin: 0 30px 10px 50px;
}
#pages ul li {
	color: #333;
	font-size: 13px;
	line-height:100%;
	margin-bottom:5px;
	list-style-type: disc;
}
#pages ul ul, #pages ol ol,
#pages ul ol, #pages ol ul {
	margin: 10px 30px 0px 30px;
}
/*Empreendimento*/
#empreendimento {
	float: left;
	width: 424px;
	height: 180px;
	background: url("img/empreendimento.png") no-repeat;
}
#empreendimento h2, #noticias h2 {
	color: #438BD3;
	padding-top: 15px;
	margin: 0 20px 10px 20px;
	font: italic bold 22px Georgia, Serif;
	border-bottom: 1px dashed #ddd;
}
#empreendimento p {
	color: #444;
	font-size: 13px;
	padding: 0 20px 10px 20px;
}
/*Noticias*/
#noticias {
	float: left;
	width: 410px;
	height: 190px;
	font-size:13px;
	margin-left: 5px;
	background: url("img/noticias.png") no-repeat;
}
#noticias h2 a {
	color: #438BD3;
}
#noticias ul {
	margin-left:20px;
}
#noticias li {
	clear:both;
	height:28px;
}
#noticias ul a {
	color:#444;
	float:left;
	width:320px;
	height:28px;
	display:block;
	line-height:25px;
	text-indent:25px;
	border-bottom:1px solid #ddd;
	background:url("img/marcador2.png") no-repeat left center;
}
#noticias li .data {
	float:left;
	display:block;
	line-height:28px;
	border-bottom:1px solid #ddd;
}
#noticias p {
	clear:both;
	margin-top:10px;
}
#noticias p.mais a {
	clear:both;
	height:20px;
	margin:0 20px;
	display:block;
}
/*Mais*/
.mais a {
	color: #fff;
	width: 120px;
	height: 20px;
	display: block;
	line-height: 20px;
	text-align: center;
	background: url("img/mais.png") no-repeat;
}
/*Seu sonho*/
#banner1 {
	width: 240px;
	float: right;
	overflow: hidden;
}
/*Formularios Geral*/
#pages form {
	float: left;
	width: 350px;
	margin: 0 30px;
	display: inline;
}
#pages form ul {
	margin: 0;
}
#pages form ul li {
	list-style: none;
	margin-bottom: 10px;
}
#pages form label {
	display: block;
}
#pages input.input, #pages textarea {
	width: 350px;
	border: 1px solid #ccc;
	font-family: Arial;
}
#pages textarea {
	height:70px;
	overflow:auto;
}
#pages #captcha {
	height:80px;
	padding:5px 10px;
	background:#f8f8f8;
	bordeR:1px solid #ddd;
	margin-bottom:10px;
}
#codigo, #captImage {
	float:left;
}
#pages .capt {
	width: 80px;
	padding: 7px 3px;
	font-size: 20px;
	margin-left:5px;
	font-variant: small-caps;
	border: 1px inset #ccc;
}
#pages #captcha img {
border:1px inset #000;
}
#fieldErros {
	margin: 0 30px;
	padding: 5px 10px;
	background: #FFF0F0;
	border: 1px solid red;
	margin-bottom: 10px;
}
#fieldErros h3 {
	padding:0;
	font-size: 14px;
	font-weight:bold;
}
#fieldErros ul {
	margin: 0 20px;
}
form .anti { width: 1px; height: 1px; border: 0; position: absolute; top: 0; left: 0; background: transparent; }

#enderecos { float:right; width:250px; }
#enderecos p {padding:0;}

form button {
	color:#fff;
	width:80px;
	display:block;
	padding:3px 0;
	margin-bottom:20px;
	background:url("img/voltar.png") no-repeat center center;
}

/*Footer*/
#footer {
	clear: both;
	height: 130px;
	font-size: 13px;
	overflow: hidden;
	text-align: center;
	padding-top: 8px;
	background: #fff url("img/bgfooter2.png") no-repeat bottom left;
}
#footer a {
	color: #3561A1;
}
#footer a:hover {
	background: #eee;

}
/*Voltar*/
.voltar a {
	color:#fff;
	clear:both;
	width:80px;
	height:25px;
	display:block;
	line-height:25px;
	text-align:center;
	background:url("img/voltar.png");
}
.editar a {
	color:#fff;
	clear:both;
	width:190px;
	height:31px;
	display:block;
	line-height:29px;
	text-align:center;
	background:url("img/editar.png") no-repeat center center;
}
/*Cronograma da Obra*/
.obras {
	margin:20px 20px 0 30px;
	margin-bottom:10px;
}
.obraLabel {
	color:#000;
	float:left;
	width:150px;
	text-align:right;
	line-height:30px;
}
/*Cronograma Informações*/
.obras small {
	float:left;
	color:#fff;
	width:112px;
	height:20px;
	cursor:pointer;
	display:block;
	font-size:13px;
	margin:5px 0 0 10px;
	line-height:20px;
	background:blue;
	text-align:center;
	background:url("img/cronograma_infos.png");
}
/**/
#pages .obras blockquote p {
	padding:0;
}
/**/
.cronItem {
	font-size:13px;
	margin-bottom:5px;
	background:#f5f5f5;
}
.cronItem div {
	height:30px;
}
/*Cronograma Barra animada*/
.obraBarra {
	float:left;
	width:320px;
	height:15px;
	display:block;
	margin-top:7px;
	margin-left:5px;
	border:1px inset #ddd;
	background:#fff;
}
.obraBarra span {
	color:#fff;
	display:block;
	text-align:center;
	background: #f8f8f8 url("img/progres_bar.gif");
}
/*Cronograma Selecionado*/
.selected {
	background:url("img/cronograma_top.png") no-repeat;
}
.selected .obraLabel {
	color:#fff;
}
.selected blockquote {
	background:#0059BF url("img/cronograma_button.png") no-repeat bottom;
}
#pages .selected blockquote p {
color:#fff;
	padding:0 20px 15px 20px;
}
.obraPorcet .obraLabel {
	cursor:pointer;
}
/*GMap*/
#imgMap {/*@Contato*/
margin:10px 0;
}
#map {
clear:both;
}
/**/
.galleryDiv {
margin-left:30px;
margin-bottom:20px;
}
.galleryDiv h4 a {
	color:#555;
	font-size:11px;
	font-weight:normal;
}
#content .ngg-album-compactbox {
	margin:0;
}
#content #pages .ngg-album-compact p {
	margin:0;
	color:#666;
	font-size:11px;
	text-align:left;
	margin:5px 0 0 0;
}
#feedRSS {
margin-bottom:20px;
text-align:center;
}
/*Classes*/
.block {
float:left;
margin:0 0 10px 0;
}
.floatleft {
float:left;
margin:0 10px 10px 0;
}
.floatright {
float:right;
margin-right: 0;
}
.btImagem a {
	color:#000;
	width:320px;
	height:50px;
	display:block;
	line-height:50px;
	text-indent:60px;
	background:url("img/ver_imagem.png") no-repeat center center;
}
/*Banners*/
#banner2 {
	width:230px;
	height:250px;
	overflow:hidden;
	position: absolute;
	top: 330px;
	left: -125px;
	margin-left:50%;
}
#ads10 {
	width:250px;
	height:150px;
	overflow:hidden;
	position: absolute;
	top:200px;
	left: -300px;
	margin-left:50%;
}
#ads10 .fechar {
	width:60px;
	z-index:80;
	height:20px;
	display:block;
	overflow:hidden;
	margin-left:150px;
	position: absolute;
	text-indent:-9999px;
}
#ads10 img {
	z-index:50;
	position: absolute;
}
/*Developer*/
#developer{width:930px;clear:both;margin:auto;} #developer a{color:#365F7A;font-size:75%;} #developer a:hover {color:#fff;}

/*obrasentregues*/
#obrasentregues {
	float:left;
	width:610px;
}
#paginas .entregues {
	float:left;
	width: 200px;
	height: 300px;
	display:inline;
	overflow:hidden;
	margin-left:13px;
	margin-bottom:13px;
	text-align:left;
	background: url("img/bloco.png") repeat-x;
}
#paginas #textos .entregues h3 {
	border:0;
	margin:0;
	color:#444;
	font-size:10px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#paginas #textos .entregues .titulo {
	border:0;
	margin:0;
	color: #000066;
	font-size:11px;
	text-align:center;
	line-height:120%;
	padding:5px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#paginas #textos .entregues p {
	color:#555;
	margin:0 10px;
	line-height:110%;
	text-align:left;
	font-size:12px;
}
#paginas .entregues img {
	margin-top:7px;
}
#paginas .entregues .more {
	color:#354430;
	display:block;
	padding:10px 0;
	font-weight:bold;
}
#paginas .entregues .more a:hover {
	
}