/*..............................................................................................
 *
 * Barolo Residencial
 * http://www.baroloresidencial.com.br/
 * Setembro/2009
 * Desenvolvido por Plattô - Comunicação Interativa
 * [http://www.platto.com.br]
 *
 * João Luiz Vicente Junior
 *
...............................................................................................*/

@import url("reset.css");

body {
	background:url(../_imagens/layout/bg-header.gif) top repeat-x #e8e0d5;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
}

a {
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/*
................................................................................
   Geral
................................................................................
*/

.clear {
	clear:both;
}

.top,
.bottom {
	height:15px;
	left:0;
	position:absolute;
}

.text-center {
	text-align:center;
}

#wrapper {
	margin:0 auto;
	position:relative;
	width:940px;
}

#content {
	padding:20px 0;
}

/*
................................................................................
   Tipografia
................................................................................
*/

h1,
h2,
h6 {
	font-family:"Century Gothic", Tahoma, Arial;
	font-style:italic;
	font-weight:bold;
}

h1 {
	border-bottom:#541d1a 1px solid;
	color:#541d1a;
	font-size:36px;
	margin:0 0 23px 0;
	padding:10px;
}

h2 {
	border-bottom:#541d1a 1px solid;
	color:#541d1a;
	font-size:24px;
	font-style:normal;
	font-weight:normal;
	margin:0 0 15px 0;
	padding:0 0 15px 15px;
}

h6 {
	font-size:24px;
	padding-bottom:10px;
	text-align:center;
}

.text-center {
	text-align:center;
}

/*
................................................................................
   Header
................................................................................
*/

#header {
	height:220px;
	margin:0 auto;
	position:relative;
	width:940px;
}

#header #logo {
	height:103px;
	margin:0 auto;
	padding-top:23px;
	width:173px;
}

#header #balao {
	position:absolute;
	right:0;
	top:13px;
}

#header ul#nav {
	position:absolute;
	top:176px;
}

#header #nav li {
	display:inline;
	font-family:"Century Gothic", Tahoma, Arial;
	font-size:12px;
}

#header #nav li a {
	background:url(../_imagens/layout/bg-menu-left.gif) no-repeat top left #fff;
	color:#541d1a;
	display:block;
	float:left;
	margin:0 11px;
	padding-left:13px;
}

#header #nav li a span {
	background:url(../_imagens/layout/bg-menu-right.gif) no-repeat top right #fff;
	display:block;
	font-weight:bold;
	line-height:27px;
	padding-right:13px;
}

#header #nav li.selected a {
	background:url(../_imagens/layout/bg-menu-selected-left.gif) no-repeat top left #be1e2d;
	color:#fff;
}

#header #nav li.selected a span {
	background:url(../_imagens/layout/bg-menu-selected-right.gif) no-repeat top right #be1e2d;
	color:#fff;
}

/*
................................................................................
   Rodapé
................................................................................
*/

#footer {
	background:#541d1a;
	line-height:16px;
	margin:10px 0;
	padding:20px 25px 40px 25px;
	position:relative;
	width:890px;
}

#footer span {
	margin:0 5px;
}

#footer p {
	padding-bottom:10px;
}

#footer p span {
	font-size:12px;
	font-weight:bold;
	margin: 0;
}

#footer img {
	float:left;
	margin:0 50px 0 0;
}

#footer .top,
#footer .bottom {
	height:20px;
	left:0;
	position:absolute;
	width:940px;
}

#footer .bottom {
	background:url(../_imagens/layout/footer-bottom.gif) no-repeat bottom;
	bottom:0;
}

#footer .top {
	background:url(../_imagens/layout/footer-top.gif) no-repeat top;
	top:0;
}

#platto{
	height:30px;
	left:440px;
	position:absolute;
	top:140px;
	width:40px;
}

#platto img{
	margin:0;
}

/*
................................................................................
   Home
................................................................................
*/

#slideshow {
	height:376px;
	overflow:hidden;
	position:relative;
	width:940px;
}

#slideshow .top,
#slideshow .bottom{
	background:url(../_imagens/home/border-slideshow.png) no-repeat top left transparent;
	display:block;
	height:10px;
	position:absolute;
	left:0;
	width:940px;
	z-index:20;
}

#slideshow .top{
	background:url(../_imagens/home/border-slideshow.png) no-repeat top left transparent;
	top:0;
}

#slideshow .bottom{
	background:url(../_imagens/home/border-slideshow.png) no-repeat left -367px transparent;
	bottom:0;
}

/*

#nav-slide {
	right:0;
	position:absolute;
	top:373px;
	width:300px;
	z-index:25;
}

#nav-slide li {
	float:left;
}

#nav-slide a {
	background:#541d1a;
	border:1px solid #fff;
	display:block;
	filter:alpha(opacity=40);
	float:left;
	line-height:20px !important;
	margin:0 7px 0 0;
	opacity:0.4;
	text-align:center;
	width:20px !important;
	-moz-opacity:.4;
}

#nav-slide a.activeSlide {
	background:#be1e2d;
	filter:alpha(opacity=90);
	opacity:0.9;
	-moz-opacity:.9;
}

#nav-slide a:focus {
	outline: none;
}

#nav-slide img {
	border: none;
	display: block
}

*/

#nav-slide {
	font-family:"Century Gothic", Tahoma, Arial;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	right:0;
	top:2px;
	width:170px;
	z-index:10;
}

#nav-slide li {
	margin-top:-2px;
}

#nav-slide a {
	background:#efefef;
	border:2px solid #fff;
	color:#541d1a;
	display:block;
	padding:22px 0 21px 20px;
}

#nav-slide a.activeSlide {
	background:#e8e0d5;
}

#nav-slide a:focus {
	outline: none;
}

#destaque {
	height:250px;
	margin:15px 0 0 0;
}

.destaque {
	float:left;
	font-family:"Century Gothic", Tahoma, Arial;
	font-size:12px;
	height:230px;
	line-height:24px;
	padding:20px 20px 0 20px;
	position:relative;
	width:260px;
}

.destaque .top,
.destaque .bottom {
	left:0;
	width:300px;
}

.corretor {
	background:#be1e2d;
}

.corretor img {
	margin:20px 0 0 0;
}

.corretor .top {
	background:url(../_imagens/home/corner-red-top.gif) no-repeat;
	top:0;
}

.corretor .bottom {
	background:url(../_imagens/home/corner-red-bottom.gif) no-repeat;
	bottom:-2px;
}

.andamento {
	background:#ff8a00;
}

.andamento img {
	float:left;
	margin:5px 10px 0 0;
}

.andamento span {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

.andamento h6 {
	padding-bottom:30px;
}

.andamento .top {
	background:url(../_imagens/home/corner-orange-top.gif) no-repeat;
	top:0;
}

.andamento .bottom {
	background:url(../_imagens/home/corner-orange-bottom.gif) no-repeat;
	bottom:-2px;
}

#personagens {
	text-align:center;
	padding:0 0 0 0;
	width:340px;
}

/*
................................................................................
   Localização
................................................................................
*/

#localizacao {
	background:#fff;
	color:#541d1a;
	font-size:12px;
	line-height:24px;
	padding:33px 420px 37px 30px;
	position:relative;
	width:490px;
}

#localizacao img {
	bottom:0;
	position:absolute;
	right:60px;
	z-index:2;
}

#localizacao p img {
	padding:15px 0 0 0;
	position:relative;
	right:0;
}

#localizacao .top {
	background:url(../_imagens/internas/corner-white-top.gif) no-repeat top;
	top:0;
	width:940px;
}

#localizacao .bottom {
	background:url(../_imagens/internas/corner-white-bottom.gif) no-repeat bottom;
	bottom:0;
	width:940px;
}

#localizacao-entorno {
	margin:15px 0;
}

/*
................................................................................
   Projeto
................................................................................
*/

#projeto {
	background:#ea730a;
	color:#fff;
	font-size:12px;
	line-height:24px;
	margin:0 0 25px 0;
	padding:31px 400px 30px 30px;
	position:relative;
	width:510px;
}

#projeto img {
	bottom:-20px;
	position:absolute;
	right:80px;
	z-index:2;
}

#projeto .top {
	background:url(../_imagens/internas/corner-orange-top.gif) no-repeat top;
	top:0;
	width:940px;
}

#projeto .bottom {
	background:url(../_imagens/internas/corner-orange-bottom.gif) no-repeat bottom;
	bottom:0;
	width:940px;
}

/*
................................................................................
   Apartamentos
................................................................................
*/

.aptos {
	font-size:12px;
	line-height:24px;
	padding:30px 40px 30px 30px;
	position:relative;
	width:870px;
}

.aptos .top {
	background:url(../_imagens/internas/corner-green-top.gif) no-repeat top;
	top:0;
	width:940px;
}

.aptos .bottom {
	background:url(../_imagens/internas/corner-green-bottom.gif) no-repeat bottom;
	bottom:0;
	width:940px;
}

.aptos img {
	float:left;
}

.aptos dl {
	margin-left:20px;
	width:210px;
}

.aptos dt {
	background:url(../_imagens/internas/apartamentos-bg-plantas.gif) #000;
	height:134px;
	padding:13px 8px;
}

.aptos dd {
	background:url(../_imagens/internas/apartamentos-bg-legenda.gif);
	line-height:26px;
	margin:5px 0;
	text-align:center;
}

.red {
	background:#be1e2d;
	color:#be1e2d;
	margin:0 0 25px 0;
}

.red .top {
	background:url(../_imagens/internas/corner-red-top.gif);
	top:0;
}

.red .bottom {
	background:url(../_imagens/internas/corner-red-bottom.gif);
	bottom:0;
}

.red dl {
	float:right;
}

.red dt {
	background:url(../_imagens/internas/apartamentos-bg-planta-red.gif);
}

.red dd {
	background:url(../_imagens/internas/apartamentos-bg-legenda-red.gif);
}

.orange {
	background:#ea730a;
	color:#ea730a;
}

.orange img {
	margin: 0 55px 0 0;
}

.orange .top {
	background:url(../_imagens/internas/corner-orange-top.gif);
	top:0;
}

.orange .bottom {
	background:url(../_imagens/internas/corner-orange-bottom.gif);
	bottom:0;
}

.orange dl {
	float:left;
}

.orange dt {
	background:url(../_imagens/internas/apartamentos-bg-planta-orange.gif);
}

.orange dt img {
	margin: 0 0 0 0;
}

.orange dd {
	background:url(../_imagens/internas/apartamentos-bg-legenda-orange.gif);
}

/*
................................................................................
   Lazer
................................................................................
*/

#lazer {
	background:url(../_imagens/internas/lazer.jpg) no-repeat top;
	padding-top:330px;
	width:940px;
}

#lazer li {
	display:inline;
	margin:2px 1px;
}

#lazer li img {
	border:#fff 1px solid;
}

/*
................................................................................
   Condomínio
................................................................................
*/

#condominio {
	background:#be1e2d;
	color:#fff;
	font-size:12px;
	line-height:24px;
	padding:28px 375px 29px 30px;
	position:relative;
	width:535px;
}

#condominio img {
	bottom:0;
	position:absolute;
	right:20px;
	z-index:2;
}

#condominio .top {
	background:url(../_imagens/internas/corner-red-top.gif) no-repeat top;
	top:0;
	width:940px;
}

#condominio .bottom {
	background:url(../_imagens/internas/corner-red-bottom.gif) no-repeat bottom;
	bottom:0;
	width:940px;
}

#implantacao {
	background:url(../_imagens/internas/condominio-implantacao.jpg);
	font-size:10px;
	font-weight:bold;
	height:670px;
	margin:15px 0;
	position:relative;
	width:940px;
}

#implantacao li {
	position:absolute;
}

#implantacao li span {
	background:#cc3300;
	color:#fff;
	display:block;
	padding:3px 5px;
}

#implantacao li a span {
	background:#541d1a !important;
	color:#fff;
}

#implantacao #p1 {
	left:139px;
	top:268px;
}

#implantacao #p2 {
	left:139px;
	top:350px;
}

#implantacao #p3 {
	left:175px;
	top:300px;
}

#implantacao #p4 {
	left:210px;
	top:175px;
}

#implantacao #p5 {
	left:235px;
	top:315px;
}

#implantacao #p6 {
	left:255px;
	top:135px;
}

#implantacao #p7 {
	left:285px;
	top:170px;
}

#implantacao #p8 {
	left:300px;
	top:220px;
}

#implantacao #p9 {
	left:400px;
	top:220px;
}

#implantacao #p10 {
	left:445px;
	top:320px;
}

#implantacao #p11 {
	left:450px;
	top:250px;
}
#implantacao #p12 {
	left:575px;
	top:360px;
}

#implantacao #p13 {
	left:590px;
	top:310px;
}

#implantacao #p15 {
	left:640px;
	top:340px;
}

#implantacao #p16 {
	left:675px;
	top:390px;
}

#implantacao #p14 {
	left:600px;
	top:395px;
}



#implantacao-pontos {
	background:#be1e2d;
	color:#fff;
	padding:20px 50px;
	position:relative;
	width:840px;
}

#implantacao-pontos ul {
	float:left;
	width:210px;
}

#implantacao-pontos li {
	clear:both;
	line-height:20px;
	margin:10px 0;
}

#implantacao-pontos span {
	background:url(../_imagens/internas/condominio-bg-number.gif) no-repeat;
	color:#cc3300;
	display:block;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
	width:20px;
}

#implantacao-pontos .top {
	background:url(../_imagens/internas/corner-red-top.gif) no-repeat top;
	top:0;
	width:940px;
}

#implantacao-pontos .bottom {
	background:url(../_imagens/internas/corner-red-bottom.gif) no-repeat bottom;
	bottom:0;
	width:940px;
}

/*
................................................................................
   Galeria de Imagens
................................................................................
*/

.galeria {
	background:#fff;
	margin:0 0 25px 0;
	padding:20px 30px;
	position:relative;
	width:880px;
}

.galeria li {
	display:inline;
}

.galeria li img {
	border:#541d1a 1px solid;
	margin:10px;
}

.galeria .top {
	background:url(../_imagens/internas/corner-white-top.gif) no-repeat top;
	top:0;
	width:940px;
}

.galeria .bottom {
	background:url(../_imagens/internas/corner-white-bottom.gif) no-repeat bottom;
	bottom:0;
	width:940px;
}

/*
................................................................................
   Realização
................................................................................
*/

#realizacao {
	background:#fff;
	color:#541d1a;
	font-size:12px;
	line-height:24px;
	margin-bottom:25px;
	/*padding:30px 80px 40px 180px;*/
	padding:30px 25px 40px 240px;
	position:relative;
	/*width:680px;*/
	widows: 660px;
}

#realizacao img {
	left:30px;
	position:absolute;
	top:30px;
}

#realizacao .top {
	background:url(../_imagens/internas/corner-white-top.gif) no-repeat top;
	top:0;
	width:940px;
}

#realizacao .bottom {
	background:url(../_imagens/internas/corner-white-bottom.gif) no-repeat bottom;
	bottom:0;
	width:940px;
}

.logos {
	background:#fff;
	color:#541d1a;
	float:left;
	margin-right:20px;
	padding:15px 0;
	position:relative;
	text-align:center;
	width:220px;
}

.logos img {
	margin:5px 0;
}

.logos .top {
	background:url(../_imagens/internas/corner-white-mini-top.gif) no-repeat top;
	top:0;
	width:220px;
}

.logos .bottom {
	background:url(../_imagens/internas/corner-white-mini-bottom.gif) no-repeat bottom;
	bottom:0;
	width:220px;
}

/*
................................................................................
   Contato
................................................................................
*/

#contato {
	color:#541d1a;
	padding:0 0 0 15px;
	float:left;
	width:420px;
}

#contato p {
	line-height:24px;
	padding:15px 0 10px 0;
}

#contato form dt {
	font-weight:bold;
	padding:15px 0 4px 0;
}

#contato form dd input {
	background:#fff;
	border:none;
	color:#412052;
	font-family: "Century Gothic", Tahoma, Arial;
	font-size:12px;
	padding:5px;
	width:400px;
}

#contato form dd textarea {
	background:#fff;
	border:none;
	color:#412052;
	font-family: "Century Gothic", Tahoma, Arial;
	font-size:12px;
	height:100px;
	padding:5px;
	width:400px;
}

#contato form dd select {
	background:#fff;
	border:none;
	color:#412052;
	font-family: "Century Gothic", Tahoma, Arial;
	font-size:12px;
	padding:5px;
	width:200px;
}

#contato form button {
	background:#541d1a;
	color:#fff;
	font-family: "Century Gothic", Tahoma, Arial;
	font-size:14px;
	font-weight:bold;
	padding:8px 10px;
}

#contato .error,
#contato .sucess {
	display:none;
	clear:both;
	padding:15px 0;
	margin:5px 0;
	text-align:center;
	width:400px;
}

#contato .sucess {
	background:#060;
	color:#fff;
}

#contato .error {
	background:#900;
	color:#fff;
}

#plantao {
	background:url(../_imagens/internas/contato.gif) no-repeat;
	float:right;
	height:220px;
	padding:180px 0 0 0;
	text-align:center;
	width:461px;
}