/****************************************************************************************************************

FELICE DUE

Copyright 2008 © Plattô - Comunicaçao Interativa

****************************************************************************************************************/

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

#container div.pergunta {
	height:219px;
}

div.titulo-salas, div.titulo-serfelice, div.titulo-localizacao, div.titulo-projeto, div.titulo-lazer, div.titulo-apartamentos, div.titulo-implantacao, div.titulo-galeria, div.titulo-realizacao, div.titulo-cadastro {
	width:100%;
	height:111px;
	margin-top:6px;
	margin-bottom:30px;
}

div.titulo-serfelice {
	background:url(../_imagens/titulo_serfelice.jpg) no-repeat center top;
}

div.titulo-localizacao {
	background:url(../_imagens/titulo_localizacao.jpg) no-repeat center top;
}

div.titulo-projeto {
	background:url(../_imagens/titulo_projeto.jpg) no-repeat center top;
}

div.titulo-lazer {
	background:url(../_imagens/titulo_lazer.jpg) no-repeat center top;
}

div.titulo-apartamentos {
	background:url(../_imagens/titulo_apartamentos.jpg) no-repeat center top;
}

div.titulo-implantacao {
	background:url(../_imagens/titulo_implantacao.jpg) no-repeat center top;
}

div.titulo-galeria {
	background:url(../_imagens/titulo_galeria.jpg) no-repeat center top;
}

div.titulo-realizacao {
	background:url(../_imagens/titulo_realizacao.jpg) no-repeat center top;
}

div.titulo-cadastro {
	background:url(../_imagens/titulo_cadastro.jpg) no-repeat center top;
}

div.titulo-salas {
	background:url(../_imagens/titulo_salas.jpg) no-repeat center top;
}

div.titulo-serfelice span, div.titulo-localizacao span, div.titulo-projeto span, div.titulo-lazer span, div.titulo-apartamentos span, div.titulo-implantacao span, div.titulo-galeria span, div.titulo-realizacao span, div.titulo-cadastro span, div.titulo-salas span {
	display:none
}

.asterisco {
	position:relative;
	left:-10px;
	float:left;
	width:168px;
	height:184px;
	margin-bottom:-14px;
}

.depoimento-col-esq {
	float:left;
	width:776px;
	text-align:left;
	margin-bottom:16px;
}

.depoimento-col-esq .video {
	float:left;
	width:396px;
	height:367px;
}

.depoimento-col-esq .info {
	position:relative;
	float:left;
	width:188px;
	height:367px;
	margin-left:136px;
	padding-left:30px;
	background:url(../_imagens/asterisco_depoimentos.jpg) no-repeat left top;
}

.depoimento-col-dir {
	float:left;
	width:176px;
	height:575px;
	text-align:left;
}

.sorrisoGD {
	position:absolute;
	margin-left:-85px;
	margin-top:-10px;
	width:363px;
	height:241px;
	z-index:15px;
}

h4.titulo-dep {
	width:100%;
	height:89px;
	padding:56px 0 50px 0;
	background:url(../_imagens/titulos_depoimentos.gif) no-repeat center;
}

/*::::::::::::: DEPOIMENTOS :::::::::::::*/
/* thumbs 3Ds */
.imagens-dep {
	float:left;
	width:100%;
	height:300px;
	text-align:left;
	margin-bottom:30px;
}

.imagens-dep h5 {
	height:44px;
	border-bottom:2px solid #cfe5b0;
}

.imagens-dep h5.lazer {
	background:url(../_imagens/sub_titulo_lazer.gif) no-repeat left #ab1c87;
}

.imagens-dep h5.investimento {
	background:url(../_imagens/sub_titulo_investimento.gif) no-repeat left #ab1c87;
}

.imagens-dep h5.sucesso {
	background:url(../_imagens/sub_titulo_sucesso.gif) no-repeat left #ab1c87;
}

.imagens-dep h5.imagens {
	background:url(../_imagens/sub_titulo_imagens.gif) no-repeat top left #ab1c87;
}

.imagens-dep a, a.highslide, .sem-imagem {
	float:left;
	display:block;
	width:256px;
	height:208px;
	padding:15px 0 0 15px;
	margin:15px 0 0 31px;
	background:#e8f7d3;
}

.texto .sem-imagem, a.thumb {
	width:196px;
	height:148px;
	margin-left:0;
	margin-right:15px;
	background:#dbf3ba
}

a.thumb:hover, a.mapa:hover {
	background:#cfeba9;
}

a.mapa {
	float:none;
	width:595px;
	height:377px;
	margin-left:0;
	margin-right:15px;
	background:#dbf3ba
}

.texto .sem-imagem {
	background:url(../_imagens/sem-imagem.gif) no-repeat -30px -30px #f6f6f6
}

.imagens-dep a.first {
	margin-left:43px;
}

.imagens-dep a:hover {
	background:#dbf1bd;
}

.imagens-dep h5 span {
	display:none;
	color:#ffffff
}

.imagens-dep h5 div.link {
	float:right;
	width:180px;
	height:30px;
	margin-right:15px;
	text-align:right;
}

.imagens-dep h5 div.link a:link, .imagens-dep h5 div.link a:visited {
	float:right;
	width:150px;
	height:30px;
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	margin-top:-2px;
	background:url(../_imagens/ico_link_veja_galeria.gif) no-repeat left 10px;
}

.imagens-dep h5 div.link a:hover {
	text-decoration:underline;
}

/*::::::::::::: GALERIA :::::::::::::*/
/* thumbs 3Ds */
.galeria .imagens-dep {
	float:left;
	width:100%;
	text-align:left;
	margin:30px 0;
	background:none;
}

.galeria .imagens-dep h5 {
	height:44px;
	border-bottom:2px solid #c4df9d;
}

.galeria .imagens-dep h5.lazer {
	background:url(../_imagens/topico_lazer.gif) no-repeat left #fff;
}

.galeria .imagens-dep h5.apartamento {
	background:url(../_imagens/topico_apartamento.gif) no-repeat left #fff;
}

.galeria .imagens-dep h5.condominio {
	background:url(../_imagens/topico_condominio.gif) no-repeat left #fff;
}

.galeria .imagens-dep a, .sem-imagem {
	margin-bottom:30px;
	background:#e8f7d3;
}

.sem-imagem {
	background:url(../_imagens/sem-imagem.gif) no-repeat left top #f6f6f6
}

.galeria .imagens-dep a.first {
	margin-left:43px;
}

.galeria .imagens-dep a:hover {
	background:#dbf1bd;
}

.galeria .imagens-dep h5 span {
	display:none;
	color:#ffffff
}

.galeria .imagens-dep a span.leg, a span.leg, span.leg-lupa {
	float:left;
	color:#000;
	margin-top:20px;
	padding-left:15px;
	font-size:10px;
	background:url(../_imagens/buller_felice.gif) no-repeat left;
}

span.leg-lupa {
	float:right;
	padding-right:15px;
	background:url(../_imagens/ico_lupa.gif) no-repeat right;
}

div.leg-lupa-plantas {
	position:relative;
	top:-20px;
	width:420px;
}

div.leg-lupa-plantas .leg-lupa {
	padding-top:3px
}

.logos-realizacao {
	float:left;
	margin-left:20px;
	margin-rigth:20px;
	text-align:center;
}

.bullets {
	background:url(../_imagens/buller_felice.gif) no-repeat left 10px;
	padding-left:15px
}

#splash {
	position:fixed;
	top:300px;
	right:20px;
	width:219px;
	height:222px;
	z-index:20;
}

/******************** DESTAQUES **************************/

#destaque-int {
	position:relative;
	width:870px;
	height:260px;
	margin:30px auto 0 auto;
}

#destaque-int div.colunas {
	float:left;
	height:100%;
	padding-top:10px;
	background:#f4f4f4
}

#destaque-int div.maior {
	width:490px;
}

#destaque-int div.menor {
	width:370px;
}

#destaque-int div.colunas div.thumbs-apto {
	float:left;
	width:161px;
	height:153px;
	margin:10px;
	padding:9px;
	background:#fff;
}
;

#destaque-int div.colunas a, #destaque-int div.colunas a:link {
	width:223px;
	padding-top:9px;
	margin-bottom:8px;
	display:block;
	background:#e5e5e5
}

#destaque-int div.colunas a:hover {
	background:#dedede;
}

#destaque-int div.colunas h2.int {
	text-align:left;
	font-size:20px;
	color:#ab1c87;
	padding-left:18px;
}

#destaque-int div.colunas h1.descricao-int {
	text-align:left;
	font-size:13px;
	color:#696868;
	margin-top:5px;
	padding:0 20px;
}

#destaque-int div.colunas ul.itens {
	height:30px;
	margin-left:20px
}

#destaque-int div.colunas ul.thumbs {
	margin:15px 0 0 20px
}

#destaque-int div.colunas ul.itens li, #destaque-int div.colunas ul.thumbs li {
	float:left;
}

#destaque-int div.colunas ul.itens li, #destaque-int div.colunas ul.itens li a, #destaque-int div.colunas ul.thumbs li, #destaque-int div.colunas ul.thumbs li a {
	width:150px;
	display:block
}

#destaque-int div.colunas ul.itens li a:hover, #destaque-int div.colunas ul.thumbs li a:hover {
	background:none;
}

#destaque-int div.colunas div.link {
	width:340px;
	text-align:right;
	padding-right:12px;
}

#destaque-int div.colunas div.link a, #destaque-int div.colunas div.link a:link {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	display:inline;
	text-decoration:underline;
	font-size:10px;
	color:#ab1c87;
	background:none
}

#destaque-int div.colunas div.link a:hover {
	text-decoration:none;
	color:#c9209e;
	background:none
}

.plantas-apartamentos {
	padding:10px 0 0 15px;
}

.plantas-apartamentos li {
	float:left;
}

.plantas-apartamentos a {
	background:none !important;
	margin:0 !important;
	padding:0 !important;
	width:150px !important;
}

.plantas-apartamentos span {
	width:150px !important;
}

/** RODAPÉ **/
#footer {
	margin-top:100px;
}

#rodape {
	/*	position:absolute;
	bottom:30px;*/
	width:100%;
	margin:80px 0 65px 0;
	height:60px;
	background:#96c752;
	border-top:1px solid #e4ebdd;
	border-bottom:1px solid #e4ebdd;
}

#rodape ul {
	width:980px;
	text-align:center;
	height:160px;
	margin:0 auto;
}

#rodape ul li {
	float:left;
	width:97px;
	height:19px;
	display:inline;
	margin-top:14px;
	padding:4px 0 0 0;
	border-left:1px solid #cceaa2;
}

#rodape ul li a:link, #rodape ul li a:visited {
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
	font-size:11px;
}

#rodape ul li a:hover {
	text-decoration:none;
	color:#ab1c87;
}

#rodape ul li.first {
	cursor:pointer;
	width:85px;
	border:none;
	font-size:9px;
	font-weight:bold;
	color:#ab1c87;
	background:url(../_imagens/asterisco_lilas_rodape.png) no-repeat 0px 3px;
}

#rodape ul li.maior {
	width:145px;
	border:none;/*	display:none;*/
}

#rodape ul ul {
	float:left;
	width:130px;
	height:155px;
	text-align:left;
	margin-top:-30px;
	background:url(../_imagens/seta_depoimentos.gif) no-repeat left top;
}

#rodape ul ul li {
	width:130px;
	height:17px;
	display:block;
	float:left;
	padding-left:20px;
	margin-top:0px;
	border:none;
}

#rodape ul ul li a:link, #rodape ul ul li a:visited {
	font-weight:normal;
	color:#000;
}

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

h6.depoimento {
	font-size:16px;
	color:#5d5b5d
}

.lazer p {
	width:650px
}

.sorriso {
	position:absolute;
	top:-150px;
	right:0;
	width:350px;
	height:170px;
}

/*
 * Ser Felice
 */

#ser-felice {
	height:225px;
	margin:0 auto;
	padding-top:25px;
	width:850px;
}

#ser-felice #left {
	float:left;
}

#ser-felice #right {
	float:right;
}

/*
 * Salas Comerciais
 */

#salas-comerciais #pontos{
	background:url(../_imagens/salas-comerciais-bullet.gif) no-repeat 0 12px;
	float:left;
	height:120px;
	padding-right:43px;
	width:460px;
}

#salas-comerciais #pontos h2{
	margin-bottom:10px !important;
	padding-left:15px;
}

#salas-comerciais #plantas{
	padding:25px 0 10px 0;
}

#salas-comerciais #thumbs{
	padding:25px 0;
}