/*
 * Piemonte
 * http://www.piemonte.com.br/
 *
 * Date: Junho/2009
 */

/*............................................................................................................
Trilha de Navega��o
............................................................................................................*/
#trilha{
	background:url(../_imagens/layout/bg-trilha.png) no-repeat transparent;
	height:50px;
	left:-10px;
	padding-left:30px;
	position:relative;
	width:940px;
}

#trilha li{
	display:inline;
	font-weight:bold;
	line-height:50px;
	padding-right:20px;
}

#trilha li a{
	font-weight:normal;
	text-decoration:underline;
}

#trilha li a:hover{
	text-decoration:none;
}

/*............................................................................................................
Conte�do com uma coluna
............................................................................................................*/
#content{
	left:-15px;
	position:relative;
	width:980px;
}

#content .top{
	background:url(../_imagens/layout/content-top.png) no-repeat center top;
	height:15px;
}

#content .mid{
	background:url(../_imagens/layout/content-mid.png) repeat-y center top;
	padding:0 41px;
}

#content .bot{
	background:url(../_imagens/layout/content-bot.png) no-repeat center top;
	height:15px;
}

/*............................................................................................................
Conte�do com duas colunas
[Neste caso haver� uma coluna � direia "Veja tamb�m"]
............................................................................................................*/
#wrap-content-2col{
	float:left;
	left:-5px;
	position:relative;
	width:597px;
}

#wrap-content-2col .top{
	background:url(../_imagens/layout/bg-content-2col-top.png) -4px top no-repeat;
	height:15px;
}

#wrap-content-2col .mid{
	background:url(../_imagens/layout/bg-content-2col-mid.png) -4px top repeat-y;
	padding:15px 26px;
}

#wrap-content-2col .mid p{
	padding:5px 0;
}

#wrap-content-2col .bot{
	background:url(../_imagens/layout/bg-content-2col-bot.png) -4px top no-repeat;
	height:15px;
}

/*............................................................................................................
Coluna Veja tamb�m
............................................................................................................*/
#veja-tambem{
	float:left;
	position:relative;
	right:-2px;
	top:-1px;
	width:355px;
}

#veja-tambem h2{
	border-bottom:#ccc 1px solid;
	margin-bottom:20px;
	padding:3px 0 12px 0;
}

#veja-tambem .top{
	background:url(../_imagens/layout/bg-vejatambem-top.png) -3px top no-repeat;
	height:15px;
}

#veja-tambem .mid{
	background:url(../_imagens/layout/bg-vejatambem-mid.png) -3px top repeat-y;
	padding:15px 20px;
}

#veja-tambem .bot{
	background:url(../_imagens/layout/bg-vejatambem-bot.png) -4px top no-repeat;
	height:15px;
}

#veja-tambem #depoimentos,
#veja-tambem #cadastro,
#veja-tambem #obra,
#veja-tambem #tour-guiado{
	left:0;
}

#veja-tambem #seu-boleto{
	left:-3px;
}
/*............................................................................................................
Institucional
............................................................................................................*/
h2.institucional-titulo{
	margin:15px 0 0 0;
}

.institucional-foto{
	float:left;
	margin:12px 15px 0 0;
}

.institucional-list li{
	list-style:disc outside;
	margin:0 0 0 25px;
}

.institucional-imagens li{
	background:url(../_imagens/layout/shadow-image-1.png);
	float:left;
	height:129px;
	padding:9px 0 0 10px;
	width:171px;
}

/*............................................................................................................
Empreendimentos
............................................................................................................*/
#empreendimentos-list h3{
	margin-top:5px;
}

.empreendimento-list{
	background:url(../_imagens/empreendimentos/bg-empreendimentos-solo.png) no-repeat;
	cursor:pointer;
	float:left;
	height:175px;
	margin:0 14px 14px 0;
	padding:15px 20px 5px 5px;;
	width:260px;
}

.empreendimento-list .logo{
	float:left;
	height:160px;
	margin-right:5px;
	text-align:center;
	width:115px;
}

.empreendimento-list .texto{
	float:left;
	height:140px;
	width:140px;
}

/*............................................................................................................
Depoimentos
............................................................................................................*/
.depoimentos{
	border-bottom:#ececec 1px solid;
	margin-bottom:20px;
	padding:10px 0 40px 0;
}

.depoimentos p{
	font-family:"Arial Narrow", Arial, Tahoma;
	font-size:20px;
	line-height:normal;
}
/*............................................................................................................
Dicas �teis
............................................................................................................*/
#cliente-duvidas h2{
	margin:0;
	padding:30px 0 0 0;
}

#cliente-dicas li{
	list-style:none;
	margin:0;
}


#cliente-links h2{
	margin:0;
	padding:20px 0 0 0;
}

#cliente-links li{
	list-style:disc;
	margin:15px 0 15px 35px;
}

#cliente-links li span{
	background:transparent;
	color:#666;
	font-size:10px;
}

/*............................................................................................................
Regulamento
............................................................................................................*/
.table-regulamento{
	margin:25px 0;
}

.table-regulamento thead{
	background:#cecece;
	font-weight:bold;
}

.table-regulamento td,
.table-regulamento th{
	border-bottom:#cecece 1px solid;
	padding:10px 6px;
}

.table-regulamento th{
	text-align:center;
}

/*............................................................................................................
Prêmio Pontualidade
............................................................................................................*/
.premios{
	background:url(../_imagens/layout/bg-lista-premios-small.png) no-repeat;
	float:left;
	height:310px;
	margin:20px 0 0 0;
	padding:16px 15px 15px 5px;
	text-align:center;
	width:252px;
}

.premios h2{
	padding-left:10px;
}

.ganhadores-carro{
	background:url(../_imagens/layout/bg-ganhador-carro.jpg) no-repeat transparent;
	color:#000;
	float:left;
	height:280px;
	margin:10px 0 0 0;
	padding:20px 25px 0 30px;
	position:relative;
	width:490px;
}

.ganhadores-carro h2{
	height:70px;
	margin-bottom:0;
	padding-left:90px;
}

.ganhadores-carro .star{
	left:0px;
	position:absolute;
	top:0px;
}

.ganhadores-carro .imagem{
	height:200px;
	float:left;
	padding:10px 15px 0 0;
	width:220px;
}

.ganhadores-carro .imagem img{
	border:#fff 1px solid;
}

.ganhadores-carro .botao,
.ganhadores-list .botao{
	background:url(../_imagens/layout/btn-ganhadores.png);
	display:block;
	float:left;
	height:24px;
	width:198px;
}

.ganhadores-carro .botao img,
.ganhadores-list .botao img{
	display:none;
}

.ganhadores-list{
	background:url(../_imagens/layout/bg-ganhadores-list.png) no-repeat transparent;
	height:170px;
	margin:15px 0;
	padding:10px 10px 0 20px;
	position:relative;
}

.ganhadores-list p{
	float:left;
	line-height:16px;
	padding:12px 0 !important;
	width:220px;
}

.ganhadores-list p span{
	background:transparent;
	color:#000;
	font-size:13px;
	font-weight:bold;
}

.ganhadores-list .star{
	left:210px;
	position:absolute;
	top:15px;
}

.ganhadores-list .imagem{
	height:150px;
	float:left;
	padding:10px 0 0 0;
	width:270px;
}

.ganhadores-table{
	border-top:#ccc 1px solid;
	margin:20px 0;
	width:530px;
}

.ganhadores-table td,
.ganhadores-table th{
	border-bottom:#ccc 1px solid;
	padding:8px;
	vertical-align:top;
}

.ganhadores-table th{
	font-weight:bold;
	width:60px;
}

.detalhe{
	background:transparent;
	color:#666;
	font-size:10px;
	font-style:italic;
	line-height:normal;
}