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

@import url("reset.css");

html, body {
	min-height:100%;
}

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

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

a:hover {
	text-decoration:underline;
}

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

.clear {
	clear:both;
}

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

#content {
	padding:20px 0 0 0;
}

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

h1, h6 {
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-size:36px;
	padding:15px 0;
}

h6 {
	background:#a181a4;
	font-size:24px;
	padding:15px;
	text-align:center;
}

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

#header {
	height:200px;
	margin:0 auto;
	padding:25px 60px 0 60px;
	position:relative;
}

#header #logo {
	height:132px;
	float:left;
	width:224px;
}

/*
 * Player
 */
 
#header #player {
	color:#fff;
	float:right;
	font-size:11px;
	margin:20px 0 0 0;
	position:relative;
	width:500px;
}

#header #player a {
	height:21px;
	position:absolute;
	top:60px;
	width:17px;
}

#header #player #track-prev {
	left:-25px;
}

#header #player #track-next {
	left:508px;
}

#header #player #music {
	background:#4c3259;
	height:20px;
	line-height:20px;
	margin-top:10px;
	padding:10px 20px;
	overflow:hidden;
}

#header #player #music .track{
	height:30px;
	padding:10px 0 0 20px;
	width:480px;
}

#header #player #music .music {
	float:left;
	font-weight:bold;
}

#header #player #music #miles,
#header #player #music .mp3 {
	float:right;
	margin-right:20px;
}

/*
 * Menu
 */

#nav {
	height:48px;
	left:0;
	position:absolute;
	top:175px;
	width:940px;
}

#nav li {
	display:inline;
}

#nav li a {
	color:#412052;
	display:block;
	float:left;
	font-family:"Arial Narrow";
	font-size:16px;
	padding:13px 16px 13px 16px;
}

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

#nav li a:hover {
	background:url(../_imagens/layout/bg-menu-hover.gif) repeat-x;
	color:#412052;
}

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

#footer-wrap {
	background:url(../_imagens/layout/bg-footer.gif) repeat-x;
	border-top:#391c47 2px solid;
	color:#391c47;
	height:192px;
	line-height:24px;
	margin-top:25px;
}

#footer {
	margin:0 auto;
	padding-top:15px;
	position:relative;
	width:960px;
}

#footer a {
	color:#391c47;
}

.footer {
	float:left;
	padding-left:50px;
	width:250px;
}

.footer span {
	font-size:24px;
}

.footer ul {
	display:block;
	float:left;
	margin:0 20px 0 0;
}

.footer li {
	font-size:11px;
	list-style:disc inside;
}

.footer-plantao {
	border-left:#c8bfd7 1px solid;
	border-right:#c8bfd7 1px solid;
	height:150px;
	padding:0 34px 0 74px;
}

#platto{
	height:10px;
	left:450px;
	position:absolute;
	top:170px;
	width:40px;
}

/*
................................................................................
   Home
................................................................................
*/
#slideshow {
	margin:25px 0;
}

#slideshow, #slideshow .image {
	height:392px;
	overflow:hidden;
	position:relative;
	width:940px;
}

#slideshow .legenda {
	background:#fff;
	bottom:0;
	color:#000;
	filter: alpha(opacity=50);
	font-weight:bold;
	left:390px;
	opacity:0.5;
	padding:10px;
	position:absolute;
	text-align:center;
	width:130px;
	-moz-opacity: 0.5;
}

#slideshow a {
	display:block;
	float:left;
	height:40px;
	position:absolute;
	width:30px;
	z-index:20;
}

#slideshow a#slide-next {
	right:15px;
	top:10px;
}

#slideshow a#slide-prev {
	bottom:10px;
	left:15px;
}

.destaque {
	background:#a181a4;
	float:left;
	height:170px;
	overflow:hidden;
	width:460px;
}

.destaque h5 {
	background:#642469;
	font-size:24px;
	padding:10px 40px;
}

.destaque img {
	border:#fff 1px solid;
	float:left;
	margin:10px 0 0 0;
}

.destaque .text {
	font-size:14px;
	line-height:24px;
	padding:10px 35px 10px 40px;
}

.destaque .text p {
	padding:5px 0;
}

.destaque-andamento {
	float:right;
}

.destaque-andamento p {
	float:right;
	width:260px;
}

/*
................................................................................
   Condominio
................................................................................
*/

#condominio {
	background:url(../_imagens/interna/condominio.jpg) top no-repeat;
	height:310px;
	padding:0 50px 0 330px;
}

#condominio p {
	line-height:24px;
	padding:35px 0;
}

ul#implantacao {
	background:url(../_imagens/interna/condominio-implantacao.jpg) no-repeat left top transparent;
	float:left;
	height:792px;
	position:relative;
	width:687px;
}

#implantacao li{
	font-size:10px;
	font-weight:bold;
	position:absolute;
}

#implantacao li span{
	background:#a181a4;
	display:block;
	padding:3px 5px;
}

#implantacao li a span{
	background:#642469 !important;
}

#implantacao #p1{
	left:540px;
	top:270px;
}

#implantacao #p2{
	left:105px;
	top:355px;
}

#implantacao #p3{
	left:520px;
	top:560px;
}

#implantacao #p4{
	left:310px;
	top:500px;
}

#implantacao #p5{
	left:480px;
	top:240px;
}

#implantacao #p6{
	left:240px;
	top:410px;
}

#implantacao #p7{
	left:400px;
	top:525px;
}

#implantacao #p8{
	left:250px;
	top:335px;
}

#implantacao #p9{
	left:540px;
	top:455px;
}

#implantacao #p10{
	left:610px;
	top:435px;
}

#implantacao #p11{
	left:570px;
	top:487px;
}

#implantacao #p12{
	left:525px;
	top:348px;
}

#implantacao #p13{
	left:515px;
	top:525px;
}

#implantacao #p14{
	left:590px;
	top:390px;
}

#implantacao #p15{
	left:290px;
	top:380px;
}

#implantacao #p16{
	left:236px;
	top:248px;
}

#implantacao #p17{
	left:360px;
	top:280px;
}

#implantacao #p18{
	left:185px;
	top:245px;
}

#implantacao #p19{
	left:428px;
	top:247px;
}

#implantacao #p20{
	left:250px;
	top:465px;
}

#implantacao-legenda {
	background:#a181a4;
	float:right;
	margin-top:20px;
	width:230px;
}

#implantacao-legenda h5 {
	background:#412052;
	font-size:24px;
	padding:10px 30px;
}

#implantacao-legenda ul {
	margin:15px 30px;
}

#implantacao-legenda li {
	line-height:24px;
	list-style:decimal inside;
}

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

#projeto {
	background:url(../_imagens/interna/projeto.jpg) top no-repeat;
	height:310px;
	padding:0 50px 0 330px;
}

#projeto p {
	line-height:24px;
	padding:35px 0;
}

#fachada {
	background:url(../_imagens/interna/projeto-fachada.jpg) 0 0 no-repeat;
	float:left;
	height:352px;
	margin-top:10px;
	position:relative;
	width:553px;
}

#projeto_diferenciais {
	background:#a181a4;
	float:right;
	margin-top:12px;
	width:340px;
}

#projeto_diferenciais h5 {
	background:#412052;
	font-size:24px;
	padding:10px 30px;
}

#projeto_diferenciais ul {
	margin:15px 30px;
}

#projeto_diferenciais li {
	line-height:24px;
	list-style:disc inside;
}

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

#apartamentos {
	background:url(../_imagens/interna/apartamentos.jpg) top no-repeat;
	height:310px;
	padding:0 50px 0 330px;
}

#apartamentos p {
	line-height:24px;
	padding:35px 0;
}

#apartamentos_planta_tipo3 {
	background:url(../_imagens/interna/apartamentos_planta_tipo3.jpg) top no-repeat;
	height:223px;
	padding:0 50px 0 330px;
}

#apartamentos_planta_tipo3 h5 {
	font-size:24px;
	padding:12px 20px 0 0;
}

#apartamentos_planta_tipo3 ul {
	margin:20px 20px 0 0;
}

#apartamentos_planta_tipo3 li {
	line-height:24px;
	list-style:disc inside;
}

#apartamentos_planta_tipo3 a {
	background-color:#412052;
	color:#fff;
	display:block;
	font-weight:bold;
	padding: 3px;
	width:104px;
}

#apartamentos_planta_tipo3 a:hover {
	background-color:#642469;
	font-weight:bold;
	text-decoration:none;
}

#apartamentos_planta_tipo1e4 {
	background:url(../_imagens/interna/apartamentos_planta_tipo1e4.jpg) top no-repeat;
	height:223px;
	padding:0 50px 0 330px;
}

#apartamentos_planta_tipo1e4 h5 {
	font-size:24px;
	padding:12px 20px 0 0;
}

#apartamentos_planta_tipo1e4 ul {
	margin:20px 20px 0 0;
}

#apartamentos_planta_tipo1e4 li {
	line-height:24px;
	list-style:disc inside;
}

#apartamentos_planta_tipo1e4 a {
	background-color:#412052;
	color:#fff;
	display:block;
	font-weight:bold;
	padding: 3px;
	width:104px;
}

#apartamentos_planta_tipo1e4 a:hover {
	background-color:#642469;
	font-weight:bold;
	text-decoration:none;
}

#apartamentos_planta_duplex {
	background:url(../_imagens/interna/apartamentos_planta_duplex.jpg) top no-repeat;
	height:223px;
	padding:0 50px 0 630px;
}

#apartamentos_planta_duplex h5 {
	font-size:24px;
	padding:12px 20px 0 0;
}

#apartamentos_planta_duplex ul {
	margin:20px 20px 0 0;
}

#apartamentos_planta_duplex li {
	line-height:24px;
	list-style:disc inside;
}

#apartamentos_planta_duplex a {
	background-color:#412052;
	color:#fff;
	display:block;
	font-weight:bold;
	padding: 3px;
	width:104px;
}

#apartamentos_planta_duplex a:hover {
	background-color:#642469;
	font-weight:bold;
	text-decoration:none;
}

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

#lazer {
	background:url(../_imagens/interna/lazer.jpg) top no-repeat;
	height:420px;
	padding:0 50px 0 330px;
}

#lazer p {
	line-height:24px;
	padding:35px 0;
}

/*
................................................................................
   Realizacao
................................................................................
*/

#realizacao {
	background:url(../_imagens/interna/realizacao.jpg) top no-repeat;
	height:420px;
	padding:0 50px 0 330px;
}

#realizacao p {
	color:#3c3c3c;
	line-height:24px;
	padding:200px 0;
}

#realizacao_logos {
	background:url(../_imagens/interna/realizacao-logos.jpg) top no-repeat;
	height:200px;
	width:940px;
}

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

#contato {
	background:url(../_imagens/interna/contato.jpg) top no-repeat;
	height:590px;
	padding:0 50px 0 330px;
}

#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: Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    padding:5px;
    width:400px;
}

#contato form dd textarea{
    background:#fff;
    border:none;
    color:#412052;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    height:100px;
    padding:5px;
    width:400px;
}

#contato form dd select{
    background:#fff;
    border:none;
    color:#412052;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    padding:5px;
    width:200px;
}

#contato form button{
    background:#642469;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
	padding:8px 10px;
}


#contato .error, .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;
}

/*
................................................................................
   Imagens
................................................................................
*/

#imagens h1{
	background:#642469;
	padding-left:30px;
}

#imagens .grupo{
	background:#a181a4;
	margin:15px 0 0 0;
}

#imagens .grupo h2{
	background:#412052;
	font-size:24px;
	padding:10px 30px;
}

#imagens .grupo ul{
	padding:20px 13px;
}

#imagens .grupo li{
	display:inline;
	padding:13px;
}

#imagens .grupo li img{
	border:#fff 1px solid;
}

/*
................................................................................
   Localizacao
................................................................................
*/

#localizacao {
	background:url(../_imagens/interna/localizacao.jpg) top no-repeat;
	height:310px;
	padding:0 50px 0 330px;
}

#localizacao p {
	line-height:24px;
	padding:35px 0 0 0;
}