/*
Theme Name: Layout do Costao Ville
Theme URI: http://agenciapro.com.br
Description: Costao Ville Empreendimentos Imobiliario
Version: 1.0
Author: Agencia Pro
*/

	@import url("reset.css");
	@import url(forms.css);
	@import url(menu.css);

/*Elementos*/
body {
	padding:10px 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background: #cccccc url("img/bg.jpg") repeat-x center top;
}
/*wrp*/
#wrp {
	width:960px;
	margin: 0 auto;
}
/*HEader*/
#header {
	height:160px;
	background:url("img/head.jpg") no-repeat top center;
}
#header h1 {
	float:left;
	width:300px;
	padding:30px 0 13px 40px;
}
#header h1 a {
	width:232px;
	height:74px;
	display:block;
	overflow:hidden;
	padding-top:15px;
}
/*headerSearch*/
#headerSearch {
  float:right;
	width:500px;
	display:inline;
	margin:10px 30px 0 0;
}
/*headerSearch Corretor*/
#corretor {
	float:left;
	margin-top:40px;
	width: 225px;
	height: 73px;
}

/*Telefone*/
#header #phone {
	float:right;
	color:#1A1043;
	font-size:18px;
	text-align:right;
	margin-top:30px;
	margin-bottom:30px;
}
#header #phone span {
	color:#ccc;
}
/*Formulario de busca*/
#header #searchform {
	float:right;
	width:245px;
	height:36px;
	background:url("img/busca.png");
}
#header #searchform input {
	border:0;
	float:left;
	width:195px;
	padding:5px 0;
	margin:3px 2px 0 8px;
	background:transparent;
}
#header #searchform button {
	border:0;
	float:left;
	width:35px;
	height:30px;
	text-indent:-999px;
	background:transparent;
}
/*Menu*/
#menu {
	clear:both;
	margin:0 30px;
	background-image: url(img/bg_menu.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#menu li {
	font-size:13px;
	display:inline;
}
#menu a {
	color:#666;
	float:left;
	display:block;
	padding:10px;
}
#menu a:hover {
	background:url("img/marcador1.png") no-repeat bottom center;
	color:#000066
}
#menu .select a {
	color:#999933;
	background:url("img/marcador1.png") no-repeat bottom center;
}
/*Panorama*/
#panorama {
	width:900px;
	height:350px;
	margin: 0 auto;
}
.slideshow {
	float:left;
}
/*homeCostaoVille*/
#homeCostaoVille {
	height:250px;
	background:url("img/costao.png") no-repeat center top;
}
#homeCostaoVille blockquote {
	float:left;
	width:230px;
	display:inline;
	margin:20px 0 0 40px;
}
#homeCostaoVille blockquote h2 {
	color:#516a4a;
	font-size:18px;
  font-weight: normal;
  padding-bottom:10px;
}
#homeCostaoVille blockquote h2 span {
	font-size:20px;
}
#homeCostaoVille blockquote p {
	color:#666;
	font-size:13px;
	line-height:150%;
	margin-bottom:20px;
}
/*Paginas Internas*/
#paginas {
	width:900px;
	margin:auto;
	background:#fff url("img/paginas.png") no-repeat bottom;
}
#paginas #textos {
	margin-right:250px;
}
#paginas .titleH1 {
	color:#fff;
	padding:15px 0;
	font-size:20px;
	text-indent:20px;
	margin-bottom:10px;
	background: url("img/titlesh1.png");
}
#paginas h2 {
	color:#475c40;
	padding:0 20px 10px 0;
	font-size:20px;
	text-indent:20px;
}
#paginas #textos h3 {
	color:#475c40;
	font-size:20px;
	margin:0 20px 10px 20px;
	padding:0 20px 10px 0;
	border-bottom:1px solid #eee;
}
#paginas .formColuna h3 {
	color:#000;
	display:block;
	padding:0 20px 10px 0;
	font-size:16px;
}
#paginas p {
	color:#444;
	font-size:13px;
	line-height:140%;
	margin:0 20px 10px 20px;
}
#paginas ul, #paginas ol {
	margin:0 20px 10px 40px;
}
#paginas li {
	font-size:13px;
	line-height:140%;
}
#paginas li a {
	color:#444;
}
/*Parceiros*/
#paginas .parceiros {
	width:600px;
	overflow:hidden;
}
#paginas .parceiros a {
	clear:both;
	color:#555;
	display:block;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ddd;
}
#paginas .parceiros a:hover {
	color:#66865d;
}

/*listaImagens*/
#paginas .listaImagens {
	width: 575px;
	margin: auto;
}
.listaImagens li {
	display: inline;
}
/*Side - Barra */
#side {
	width:900px;
	margin:auto;
	height:130px;
	padding-bottom:10px;
	background:#516A4A url("img/tree.png") no-repeat 600px top;
}
#home #empreendimentos {
	float:left;
	width:665px;
	margin-top:20px;
}
#home #empreendimentos li {
	float:left;
	width:198px;
	display:inline;
	list-style:none;
	margin-left:18px;
}
#home #empreendimentos li h2 {
	font-size:16px;
	padding-bottom:10px;
}
#home #empreendimentos h2 a {
	color:#516a4a;
}
#home #empreendimentos img {
	margin-bottom:10px;
	border:1px solid #ccc;
}
#home #empreendimentos p {
	color:#666;
	font-size:13px;
}
/**/
#newsletter, #ambiental {
	margin-top:10px;
}
#newsletter h2, #ambiental h2 {
	color:#fff;
	font-size:18px;
	font-weight:normal;
	padding-bottom:15px;
}
/*newsletter*/
#newsletter {
	float:left;
	width:250px;
}
#newsletter h2 {
	padding-left:10px;
}
#newsletter p {
	color:#fff;
	font-size:13px;
	line-height:150%;
	margin:0 10px 10px 10px;
}
/*ambiental*/
#ambiental {
	float:right;
	width:600px;
	padding-left:20px;
	margin-left:20px;
	border-left:1px solid #697F63;
}
#ambiental p {
	color:#fff;
	font-size:13px;
	line-height:150%;
	margin-bottom:10px;
}
/*Footer*/
#footer {
	color:#FFFF99;
	clear:both;
	height:45px;
	font-size:13px;
	background:#fff;
	text-align:center;
	background:url("img/foooter.jpg") no-repeat center top;
}
#footer a {
	color:#666;
}
#footer p {
	line-height:40px;
}

/* Classes */
.more a {
	color:#fff;
	width:124px;
	height:29px;
	display:block;
	line-height:24px;
	text-align:center;
	background:url("img/more.png");
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
/**/
.voltar {
	clear:both;
	padding-bottom:20px;
}
.voltar a {
	width:80px;
	color:#475c40;
	display:block;
	padding:5px 0;
	margin:0 20px;
	font-size:14px;
	font-weight:bold;
}
.footer_correct_text {
	margin-top: 28px;
}



/*Dev*/
#dev { width:900px; margin:auto; text-align:right; } #dev a { font-size:13px; color:#4A7B7B; }  #dev a:hover { color:#000; }

#bannerMkt {
	width:462px;
	height:845px;
	overflow:hidden;
	position: absolute;
	top: 60px;
	left: -250px;
	margin-left:50%;
}