body{background:#e9e9e9;}
#ancora-inicio{top:30px;}
/*.residenciais{position:relative;height:1250px;background:#e9e9e9;}*/
.residenciais h1{position:relative;text-align:center;top:20px;color:#b80000;}
span.light{ font-weight:100;}

.titulo-contato{font-size:30px;}
.divEmpreendimento{float:left;clear:right;width:33%;height:550px;margin-top:50px;}
.divEmpreendimento a{color:#b80000;}
a.linkImagemEmpreendimento
{
    background: url(../Images/image.gif) no-repeat top left;
     display: block;
     width: 150px;
     height: 150px;
     text-indent: -9999px; /* hides the link text */
}
#fotos
{
    background:url(../Image/bg-fotos.png) no-repeat;
    }
.coluna
{
    float:left;
    clear:right;
    width:33%;
    }
#closePop
{
    cursor:pointer;
    }
.empreendimento
{
    cursor:pointer;
    }
.limpa{
    clear:both;
}
/*fim do clearfix*/
a, a:link, a:visited{
	text-decoration:none;	
}
img, picture, video, embed {
    max-width: 100%; /*define a largura máxima em até 100%*/
}
html, body{
	text-align:justify;
	max-width:100%;
	overflow-x:hidden;
	font-family:"Century Gothic", sans-serif;
	font-size:18px;
	color:#686868;
}
.center{
	 margin: 0 auto; /*centralizando o conteúdo no navegador*/
	 width:100%;
	 border: 1px solid #F00;
}
/*
=========================
HEADER - MENU
=========================
*/
header{
	width:100%;
	height:120px;
	background: #d3d3d3; /* Old browsers */
    background: -moz-linear-gradient(left,  #d3d3d3 0%, #1f2d52 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d3d3d3), color-stop(100%,#1f2d52)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #d3d3d3 0%,#1f2d52 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #d3d3d3 0%,#1f2d52 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #d3d3d3 0%,#1f2d52 100%); /* IE10+ */
    background: linear-gradient(to right,  #d3d3d3 0%,#1f2d52 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#1f2d52',GradientType=1 ); /* IE6-9 */
	position:fixed;
	top:0px;
	z-index:9989;
}
.menu{
	float:right;
	margin: -8px 10px;
	color:#FFF;
}
.menu a{
	color:#FFF;
	-webkit-transition: 3s linear 2s;
	-moz-transition: 3s linear 2s;
	-o-transition: 3s linear 2s;
	transition: 3s linear 2s;
}
.menu ul li{
	display:inline;
}

/*
=========================
FALE-CONOSCO
=========================

.fale-conosco{
    margin-top:200px;
    width:57px;
    float:right;
    
}*/


.divRolante
{
    position:relative;
    margin-right:-240px;
    float:right;
    
    height:57px; 
}

#email
{
    margin-top:200px;
    }
#ligueme
{
    margin-top:10px;
}

#popDefault
{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    padding:10px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* CSS especifico para o IE10 e IE11 aqui */
 
}

/*
=========================
BANNER
=========================
*/
#banner{
	width:100%;
	height:668px;
	margin-top:120px;
	z-index:9980;
}
#banner img{
	width:100%;
	min-width:100%;
}
/*
=========================
CONTEÚDO
=========================
*/
#conteudo{
	width:100%;
	height:auto;
	position:relative;
	z-index:9986;
}
/*
=========================
QUEM SOMOS
=========================
*/
#quem-somos{
	background:#fff;
	background-size: cover; /*Css padrão*/
	height:790px;
	margin-top:-80px;
	padding-bottom:50px;
}
#quem-somos h1{
	position:relative;
	font-size:80px;
	font-weight: 100;
	margin:70px 50px;
	top:120px;
	color:#686868;
	border-bottom: 1px solid #686868;
}
#quem-somos p{
    position:relative;
    line-height:22px;
	margin:20px 50px;
	font-size:16px;
	top:90px;
	
}
.logo-paratodos{
	float:left;
	padding:30px 0 0 0;
	margin-top:150px;
	width:27%;
}
/*
=========================
EMPREENDIMENTOS
=========================
*/
#empreendimentos{
	width:100%;
	height:1000px;
	background:url(../Image/bg-empreendimento.jpg) no-repeat center top fixed;
	background-size: cover; /*Css padrão*/
	-webkit-background-size: cover; /*Css safari e chrome*/
	-moz-background-size: cover; /*Css firefox*/
	-ms-background-size: cover; /*Css IE não use mer#^@%#*/
	-o-background-size: cover; /*Css Opera*/	
}
#empreendimentos h1{
	position:relative;
	font-size:80px;
	font-weight:100;
	margin:0px 50px 0 50px;
	top:130px;
	color:#686868;
	border-bottom: 1px solid #686868;

}
#destaque-empreendimentos{
	position:relative;
	width:100%;
	height:auto;
	top:40px;
	padding-top:100px;	
	margin-right:10%;
}
.images-empreendimento li{
    width:40%;
    height:400px;
    text-align:center;
    float:left;
    list-style:none;
    margin: 0 4%;
    color:#545454;
}
.info-empreendimento li{
    position:relative;
    width:24%;
    height:160px;
    background:#545454;
    margin:0 12%;
    list-style:none;
    float:left;
}
.info-empreendimento li a p{
   color:#a7a7a7; 
   padding:2px 20px 50px 20px;
   font-size:15px;
   line-height:25px;
}
span.color_branco{color:#fff;}
span.font_max{font-size:25px;}
/*
#empreendimentos li h1{
    color:#fff;
    font-weight:100;
    letter-spacing:2px;
    margin:80px 5px ;
    opacity:none;
}
#empreendimentos a:hover{
    text-decoration:underline;
    color:#fff;
}/*
/*
=========================
CONTATOS
=========================
*/
#logo-contato{
    width:17%;
    margin:420px 80px 0 50px;
    float:left;
}
#logo-contato img{
    width:100%;
}
#contato{
	width:100%;
	height:800px;
	background:#fff;

}
#contato h1{
	position:relative;
	font-size:80px;
	font-weight:100;
	margin:0 50px;
	padding-top:50px;
	color:#686868;
	border-bottom: 1px solid #686868;

}
#info-contato p{
	position:relative;
	color:#686868;
	line-height:25px;
	margin:50px 0 0 -290px;
	font-size:18px;
	float:left;
}
#mapa{
    margin-top:50px;
    float:right;
    margin-right:80px;
}
/*
.fale-conosco-contato{
	position:relative;
	float:right;
	margin-top:80px;
}
*/

/*
=========================
RODAPÉ
=========================
*/
footer{
	position:relative;
	background:#2d2d2d;
	width:100%;
	height:40px;
	margin-top:-20px;
}
.menu-rodape{
	float:left;
	height:30px;
	top:-10px;
	margin-left:10px;
	color:#FFF;
	position:relative;
}
.menu-rodape a{
	color:#949494;
}
.menu-rodape ul li{
	display:inline;
	
}
.menu-rodape a:hover{
	color:#FFF;	
	
}
.menu-rodape li{
	color:#949494;
}
#info-rodape{
    height:70px;
}
#copy p{
    float:left;
    width:55%;
    position:relative;
    color:#949494;
    font-size:12px;
    top:0px;
    margin-left:50px;
}
#by-mf8 p{
    position:relative;
    color:#949494;
    font-size:12px;
    float:right; 
}
#by-mf8{
    float:right;   
    width:30%; 
    margin-right:50px;
}
#by-mf8 p a{
    color:#949494;
}
#by-mf8 p a:hover{
    color:#72bf44;
}
/*
=========================
DESCRIÇÃO EMPREENDIMENTO
=========================
*/

#conteudo-empreendimento{height:2100px;}
.chamada-easy{background:#a50303;color:#fff;text-align:center;top:70px;position:relative;padding: 20px 10%;}
.preview-empreendimento{top:30px;position:relative;padding-bottom:50px;}
.bt-voltar{margin:20px 0 0 4.8%;background:#1f2d52;height:25px;width:70px;text-align:center;padding-top:4px;}
.bt-voltar a{color:#FFF;}
.bt-voltar a:hover{background:#ccc;color:#1f2d52;padding:4px 10px}
.bt-voltar-topo{position:absolute;margin:-10px 0 0 4.8%;background:#1f2d52;height:25px;width:70px;text-align:center;padding-top:4px}
.bt-voltar-topo a{color:#FFF;}
.bt-voltar-topo a:hover{background:#ccc;color:#1f2d52;padding:4px 10px}
.info1_empreendimento{
    position:relative;
    width:20%;
    height:30px;
    margin-left:4.8%;
    top:45px;
}
.titulo_empreendimento{
    color:#b80000;
    font-size:14px;    
}
span.bold{font-weight:bold}
.text01{
    color:#545454;    
    font-size:14px;
}
.info2_empreendimento{
    margin-top:-5px;
    float:right;
    width:55%;
    margin-right:10%;    
    text-align:justify;
}
span.color_red{color:#b80000;}
.ficha-tecnica{
    
    width:90%;
    /*height:1100px;*/
    background:#d2d2d2;
    margin:650px 5% 0 5%;
}
/*
.ficha-tecnica img{width:2.5%; position:relative;top:6px;padding:0 10px;} */
.ficha-tecnica h1{
    background:#9b9b9b;
    font-size:30px;
    padding: 8px 0 8px 30px;
    font-family: 'Josefin Sans', sans-serif;
    color:#fff;
    font-weight:100;
}

.lista01{width:100%;text-align:left;margin-left:5%;line-height:40px;}
.lista01 li{font-size:18px;list-style:none;display:inline;width:33%;}
.lista01 li{float:left; }
/*.lista02 {width:80%;padding-bottom:20px;margin-left:5%;}*/
/*.lista02 li{padding-right:257px;list-style:none;display:inline;}*/
/*.lista03 {line-height:40px;width:30%;margin-left:7%;}*/
/* LISTA03 - LAZER */
.lista03 {width:100%;text-align:left;margin-left:5%;line-height:40px;list-style:circle;}
.lista03 li{font-size:18px;display:inline;width:33%;float:left;}
/* LISTA04 - ENDEREÇO */
.lista04 {position:relative;line-height:40px;width:30%;left:36%;margin-top:-260px;}
.ficha-tecnica p{width:100%;margin-left:9%;line-height:35px;padding-bottom:15px;}
/* LISTA05 - FICHA TÉCNICA */
.lista05{list-style:none;line-height:40px;margin-left:5%;padding-bottom:25px;}

#div_fechar{
    float:right;
    margin:-40px -15px 0 15px;
    position:relative;
}
#bt_fechar
{
    cursor:pointer;
    }
#mais-info p a {
    background:#1f2d52;
    padding:8px;
    color:#FFF;
}
#mais-info p a:hover {
    background:#a50303;
    padding:8px;
    color:#FFF;
}
.form-mais-info{
    background:#FFF; 
    width:710px;
    height:430px;
    border-radius:20px;
    padding:30px 10px 0 0;
}
.form-mais-info p{
    width:70%;
    color:#545454;
    text-align:center;
    margin:0 15%;
    
}
.form-mais-info input[type="text"],
.form-mais-info input[type="number"],
.form-mais-info input[type="email"]{
    width:70%;
    height:30px;
    margin:20px 0 0 15%;    
    border-radius:5px;
    border:1px solid #545454;
    color:#545454;
    font-size:14px;
    padding-left:10px;
}
.form-mais-info textarea{
    width:70%;
    height:130px;
    margin:20px 0 0 15%;    
    border-radius:5px;
    border:1px solid #545454;
    color:#545454;
    font-size:14px;
    padding-left:10px;
}
::-webkit-input-placeholder{color:#545454;font-style:italic;font-size:12px;}
:-moz-placeholder{color:#545454;font-style:italic;font-size:12px;}
::-moz-placeholder{color:#545454;font-style:italic;font-size:12px;}
:-ms-input-placeholder{color:#545454;font-style:italic;font-size:12px;}

.botao{
    float:right;
    width:70%;
    margin-right:15%;
    margin-top:10px;
}
.botao input[type="Reset"],
.botao input[type="Submit"]{
	background:#FFF;
	border-radius:5px;
	color:#1f2d52;
	border:1px solid #545454;	
	margin-left:20px;
	padding:5px 10px;
}
.botaoMaisInfo{
	background:#FFF;
	border-radius:5px;
	color:#1f2d52;
	border:1px solid #545454;	
	margin-left:20px;
	padding:5px 10px;
}
.botao input[type="Reset"]:hover,
.botao input[type="Submit"]:hover{
	background:#1f2d52;
	border-radius:5px;
	color:#FFF;
	border:1px solid #1f2d52;
}
.botaoMaisInfo:hover{
	background:#1f2d52;
	border-radius:5px;
	color:#FFF;
	border:1px solid #1f2d52;
}

#mask{
position:absolute; /* important */
top:0px; /* start from top */
left:0px; /* start from left */
height:100%; /* cover the whole page */
width:100%;  /* cover the whole page */
display:none; /* don't show it '*/

/* styling bellow */
background-color: black;
z-index:9998;
}

.modal_window{
position:absolute; /* important so we can position it on center later */
display:none; /* don't show it */

/* styling bellow */
color:#fff;
z-index:9999999;
}

/* style a specific modal window  */
#modal_window{
width:100px;
height:200px;
padding:50px;
border:1px solid gray;
background: #246493;
color:#000;
 
}



/*
=========================
FALE CONOSCO
=========================
*/

input[type="text"]{width:500px;}
textarea{width:500px;height:200px}
#pagina-fale-conosco{width:80%;margin:160px 10%;position:relative;}
#formulario{margin-top:30px;}

/*
1920px
***********************************************************/
@media screen and (min-width:1681px) and (max-width:1920px){
	#quem-somos{margin-top:310px;}
	.info2_empreendimento{width:42%;margin-right:22.5%;}
}
    
/*
1680px
***********************************************************/
@media screen and (min-width:1387px) and (max-width:1680px){
	#quem-somos{margin-top:180px;}
	.info2_empreendimento{width:41%;margin-right:22.5%;}
}

/*
Resoluçãoes de 1366px
***********************************************************/
@media screen and (min-width:1025px) and (max-width:1366px){
   .info2_empreendimento{width:41%;margin-right:15.5%;}
}
/*
Resoluçãoes de 1280px
***********************************************************/
@media screen and (min-width:1025px) and (max-width:1280px){
   .info2_empreendimento{width:60%;margin-right:5%;}
}

/*
Resoluçãoes de 1024px
***********************************************************/
@media screen and (min-width:769px) and (max-width:1024px){
   header{height:80px;}
   #banner{margin-top:80px;}
   #quem-somos{margin-top:-212px;}
   #quem-somos h1{font-size:50px;top:100px;}
   #quem-somos p{top:60px;}
   #contato h1{font-size:50px;padding-top:90px}
   #contato{height:600px;}
   #info-contato p{	line-height:18px;margin:15px 0 0 -180px;font-size:14px;}
   #mapa{margin-top:20px;}
   #logo-contato{margin:310px 0px 0 50px;width:18%;}
   .images-empreendimento li{width:30%;height:350px;margin:0 9%;}
   .images-empreendimento{margin-top:-30px;}
   .info-empreendimento li{height:190px;}
   #empreendimentos h1{font-size:50px;top:90px;}
   .logo-paratodos{padding:10px 0 0 0;margin-top:80px;}
   input[type="text"]{width:400px;}
   textarea{width:400px;height:150px}
   #pagina-fale-conosco{width:80%;margin:110px 10%;position:relative;height:400px;}
   #pagina-fale-conosco h1{font-size:18px;line-height:25px;}
   #formulario{margin-top:30px;line-height:0px;}

}

/*
768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (min-width:641px) and (max-width:768px){
   body
   {margin-top: -30px;
       
       }
   header{
        height:180px;        
    }   
    .menu{
        float:none;
        margin:-18px 25px 18px 40px;
    } 
    #banner{
	   margin-top:50px;
	
    }
    #email{
    margin-top:100px;
    }
    #quem-somos{
        margin-top:-350px;
        height:900px;
    }
    #quem-somos h1{
        position:relative;
	    font-size:50px;	      
    }
    #quem-somos p{
    	font-size:14px;
    }
    .logo-paratodos{
    	float:right;
    	width:50%;
	    padding: 30px 10px 0 10px;
    }
    #empreendimentos{
	    height:900px;
	}
    #destaque-empreendimentos{
        padding-top:15px;
    }
    #empreendimentos li{
    width:50%;
    float:none;
    margin: 0 24%;
    }
    #empreendimentos li h1{
    margin:20px 5px ;
    padding-top:80px;
    }  
    #contato h1{
	    font-size:50px;
	}
	#mapa{
	width:250px;
	position:relative;
    margin-top:-340px;
    top:-100px;
    float:none;
    margin-right:0px;
    margin-left:7%;
    }
    #contato{
	height:1200px;
    }
    #horario-atendimento{
    margin-top:-100px; 
    margin-left:40%;       
    float:none;
    margin-right:0;
    }
  
}
/*
768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (min-width:6px) and (max-width:768px){
   body
   {margin-top: -30px;
       
       }
   header{
        height:180px;        
    }   
    .menu{
        float:none;
        margin:-18px;
    } 
    #banner{
	   margin-top:50px;
	
    }
    #email{
    margin-top:100px;
    }
    #quem-somos{
        margin-top:-350px;
        height:900px;
    }
    #quem-somos h1{
        position:relative;
	    font-size:50px;	      
    }
    #quem-somos p{
    	font-size:14px;
    }
    .logo-paratodos{
    	float:right;
    	width:50%;
	    padding: 30px 10px 0 10px;
    }
    #empreendimentos{
	    height:900px;
	}
    #destaque-empreendimentos{
        padding-top:15px;
    }
    #empreendimentos li{
    width:50%;
    float:none;
    margin: 0 24%;
    }
    #empreendimentos li h1{
    margin:20px 5px ;
    padding-top:80px;
    }  
    #contato h1{
	    font-size:50px;
	}
	#mapa{
	width:250px;
	position:relative;
    margin-top:-340px;
    top:-100px;
    float:none;
    margin-right:0px;
    margin-left:7%;
    }
    #contato{
	height:1200px;
    }
    #horario-atendimento{
    margin-top:-100px; 
    margin-left:40%;       
    float:none;
    margin-right:0;
    }
  
}
/*
320px
***********************************************************/
@media screen and (max-width:320px){
	.menu {margin-top:-20px;}
}