@charset "iso-8859-2";
/* CSS Document */

html {

	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;
}


a {
	text-decoration: none;
}

img {
	border: none;

}

.clean {
	clear: both;
}

.nav-button { display: none; } /* hide the navigation button by default */

body {
	margin: 0 auto;
	font-size: 12px;
	overflow-y: hidden;
}

#content-geral {
	width: 100%;
	margin: 0 auto;
}

.menu {
	width: 100%;
	border-bottom: 7px solid #000;
	margin: 0 auto;
	font-family: 'Roboto Slab', serif;
	font-size:  16px;
}

.content-menu {
	width: 1004px;
	height: 90px;
	margin: 0 auto;
}

.logo{
	margin-left: 40px;
	float: left;
	margin-top: 15px;

}

.slider-home{
	margin-top: 0;
}

.content-menu ul{
	margin: 0;
	padding: 0;
	margin-left:  290px;
	list-style: none;
	float: left;
	margin-top:  -30px;
}

.content-menu li{
	height:  50px;
	margin-right:  20px;
	float:  left;
}

.menu a {
	color: #000;
}

.menu-mobile {
	display: none;
}

.menu a:hover {
	color: #7e7e7e;
}

.berlin-home {
	width: 100%;
	height: auto;
	display: table;
	background: #e3e3e3;
	padding-bottom: 50px;
}

.content-berlin-home {
	width: 1004px;
	height: 490px;
	margin: 0 auto;
}

.col1-berlin-home {
	width: 348px;
	margin-top: -65px;
	z-index: 999999999999;
	position: relative;
	float: left;
}

.col1-berlin-home p{
	margin-top: 0;
}

.col2-berlin-home {
	width: 650px;
	height: 410px;
	line-height: 15px;
	float: left;
}

.col2-berlin-home p{
	width: 400px;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	font-size:  14px;
	margin-top:  15px;
	text-align: center;
}

.col2-berlin-home h3{
	font-size:  19px;
	color: #8a732a;
	text-align: center;
}

.content-berlin-home2 {
	width: 100%;
	height: 486px;
	margin: 0 auto;
}

.col3-berlin-home {
	width: 24%;
	padding-left: 15%;
	height:  486px;
	display: table;
	float: left;
}

.col4-berlin-home {
	width: 61%;
	height: 486px;
	background: url(../img/duplex-home.jpg) no-repeat;
	float: left;
}

.col3-berlin-home h3{
	font-size:  19px;
	text-align: left;
}

.col3-berlin-home ul{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.col3-berlin-home li{
	float: left;
	height: 96px;
	width: 96px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #9e9e9e;
}

.empresa-home {
	width: 100%;
	height: 386px;
	background: url(../img/background-empresa.jpg) center no-repeat;
}

.content-empresa-home {
	width: 1004px;
	height: 386px;
	margin: 0 auto;
}

.content-empresa-home h1{
	text-align: center;
	margin: 0;
	padding-top: 20px;
}

.content-empresa-home p{
	width: 85%;
	font-size: 14px;
	padding-top: 50px;
	color: #FFF;
	text-align: center;
	margin: 0 auto;
}

.obras-home {
	width: 100%;
	height:  791px;
	background: url(../img/background-obras-entregues.jpg) center no-repeat;
}

.obras-home-mobile {
	display: none;
}

.content-obras-home {
	width: 1004px;
	height: 386px;
	margin: 0 auto;
}

.content-obras-home ul{
	list-style: none;
	padding-top: 110px !important;
	padding: 0;
	margin: 0;
}

.content-obras-home li{
	float: left;
	margin-right: 5px;
	margin-bottom: 2px;
}

.contato-home {
	width: 100%;
	height: 900px;
	background: #FFF;
	margin-top: -15px;
	padding-bottom: 80px;
}

.content-contato-home{
	width: 1004px;
	height: 800px;
	margin: 0 auto;
}

.content-contato-home h4{
	text-align: center;
	padding-top: 30px;
}

.coluna1-solicite-info{
	width: 40%;
	height: auto;
	float: left;
	font-size: 15px;
	margin-left: 25px;
	margin-top: 20px;
}

.coluna1-solicite-info ul{
	width: 100%;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

.coluna1-solicite-info input{
	width: 95%;
	height: 25px;
	background: #FFF;
	border: 1px solid #d0d0d0;
	padding-left: 10px;
	font-size: 14px;
	color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.coluna1-solicite-info li{
	margin-top: 10px;
}

.coluna2-solicite-info {
	width: 40%;
	height: auto;
	float: left;
	margin-left: 100px;
	margin-top: 30px;
}

.coluna2-solicite-info p{
	margin-top: 30px;
	font-size: 15px;
}

.coluna1-solicite-info textarea{
	width: 95%;
	height: 100px;
	background: #FFF;
	border: 1px solid #d0d0d0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 10px;
	font-size: 14px;
	font-family: 'Roboto', serif;
	padding-top: 10px;
	color: #000;
}


.btnenviar{
	width: 109px !important;
	height: 39px !important;
	background: url(../img/bt-enviar.png) no-repeat !important;
	float: left;
	margin-right: 10px;
	border: 0 !important;
	margin-top: 20px;
	cursor: pointer;
}

.codigo {
	width: 70px !important;
	height: 30px !important;
	margin-top: 20px;
	border: 1px solid #d0d0d0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	padding-left: 10px;
}

.rodape {
	width: 100%;
	height: 50px;
	bottom: 0;
	background: #959595;
	display: inline-block;
}

.content-rodape {
	width: 1004px;
	height: 20px;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	margin-top: 18px;
}

.slider-obra {
	width: 100%;
	height: auto;
	display: table;
	background: url(../img/background-frankfurt-obra.jpg) center top no-repeat;
}

.slider-obra-berlin {
	width: 100%;
	height: auto;
	display: table;
	background: url(../img/background-berlin-obra.jpg) center top no-repeat;
}

.content-slider-obra {
	width: 1116px;
	height: 588px;
	margin: 0 auto;
	text-align: center;
}

.content-obras-construcao {
	width: 1004px;
	height: auto;
	display: table; 
	margin: 0 auto;
}

.content-obras-construcao h1{
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}

.coluna1-obras-construcao{
	font-family: 'Roboto', sans-serif;
	width: 420px;
	height: auto;
	margin-top: 20px;
	float: left;
}

.coluna2-obras-construcao{
	font-family: 'Roboto', sans-serif;
	width: 530px;
	font-size: 14px;
	margin-top: 40px;
	margin-left: 45px;
	float: left;
	line-height: 20px;
	height: auto;
}

.foto-obras img {
	width: 400px;
}

.logo-obras{
	text-align: center;
	margin: 0 auto;
}

.foto-obras{
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
}

.localizacao-obras{
	margin: 0 auto;
	margin-top: 20px;
}

.localizacao-obras p{
	font-size: 18px;
	margin-left: 35px;
	font-weight: bold;
}

.localizacao-obras h2{
	margin-left: 35px;
	font-weight: lighter;
	font-size: 13px;
}

.localizacao-obras h2 a{
	text-decoration: underline;
	color: #666;
}

.localizacao-obras h3{
	margin-left: 35px;
	font-weight: lighter;
	font-size: 11px;
}

.coluna2-obras-construcao p{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
	font-size: 18px;
}

.galeria-obras {
	width: 1004px;
	height: auto;
	float: left;
	display: table; 
	margin: 0 auto;
}

.galeria-obras p{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.galeria-obras ul{
	height: 200px;
	margin-left: 90px;
	padding: 0;
	list-style: none;
}

.galeria-obras li{
	width: 148px;
	margin-bottom: 20px;
	margin-right: 20px;
	height: 101px;
	float: left;
	border: 1px solid #666;
}

.andamento-obra {
	width: 1004px;
	height: auto;
	float: left;
	display: table; 
	margin: 0 auto;
}

.andamento-obra p{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.cronograma{
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	margin-left: 20px;
}

.cronograma ul{
	width: 100%;
	list-style: none;
	margin-left: 20px;
	padding: 0;
}

.cronograma li{
	width: 12%;
	float: left;
	margin-right: 45px;
	margin-bottom: 20px;
}

.porcentagem {
	background-image: url(../img/bg-porcentagem.png);
	width: 100px;
	margin-top: 5px;
	padding-top: 0;
	line-height: 0;
	height: 8px;
}

.porcentagem span{
	color: #272a6e;
	padding-top: 10px;
}

.fotos-andamento {
	width: 1004px;
	height: auto;
	float: left;
	display: table; 
	margin: 0 auto;
}

.fotos-andamento-mobile {
	display: none !important;
}

.fotos-andamento p{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.fotos-andamento ul{
	height: 200px;
	margin-left: 90px;
	padding: 0;
	list-style: none;
}

.fotos-andamento li{
	width: 144px;
	margin-bottom: 20px;
	margin-right: 20px;
	height: 109px;
	float: left;
}

.slider-obras {
	width: 100%;
	height: 500px;
	display: table;
	background: url(../img/background-obras-construcao.jpg) center top no-repeat;
}

.slider-obras p{
	display: none;
}

.slider-obras ul{
	width: 1004px;
	margin: 0 auto;
	height: 500px;
	margin-top: 170px;
	list-style: none;
	padding: 0;
}

.slider-obras li{
	float: left;
	margin-left: 85px;
	margin-right: 50px;
}

.logo-mobile {
	display: none !important;
}

.galeria-obras-mobile {
	display: none;
}

.obrigado {
	width: 1004px;
	margin: 0 auto;
	height: 500px;
	display: table;
}

.obrigado p{
	font-size: 20px;
	padding-top: 20px;
	text-align: center;
}

.lei-breve-lancamento {
	width: 90%;
	margin: 0 auto;
	display: table;
	margin-top: 20px;
	font-size: 16px;
}

.stuttgard {
	width: 100%;
	height: auto;
}

.content-stuttgard {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.topo-stuttgard {
	width: 100%;
	height: 397px;
	background: url(../img/topo-stuttgart.jpg) top center;
	margin: 0 auto;
}

.titulos-empreedimentos {
	width: 100%;
	height: 90px;
	margin-top: 40px;
	float: left;
}

.content-titulos-empreedimentos {
	width: 70%;
	height: 90px;
	background: url(../img/background-titulos.png) repeat;
	margin: 0 auto;
}

.mascara-titulos {
	width: auto !important;
	font-size: 1.7vw;
	font-weight: lighter;
	height: 50px;
	background: #FFFFFF;
	margin: 0 auto;
	display: table;
	padding-left: 30px;
	padding-right: 30px;
}

.mascara-titulos p{
	color: #000000;
	padding-top: 5px;
	text-align: center;
}

.area-lazer {
	width: 100%;
	height: 428px;
	margin-top: 40px;
	background: url(../img/background-stuttgart.jpg) center no-repeat;
	float: left;
}

.content-area-lazer {
	width: 40%;
	height: 428px;
	margin: 0 auto;
	background: #000000;
	line-height: 40px;
	opacity: 0.8;
}

.content-area-lazer p{
	width: 80%;
	color: #FFFFFF;
	margin: 0 auto;
	padding-top: 10%;
	font-weight: lighter;
	font-size: 1.5vw;
}

.txt-stuttgard-platz {
	width: 65%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 20px;
}

.txt-stuttgard-platz p{
	text-align: center;
	font-size: 1.1vw;
}

.planta-terreo {
	width: 100%;
	height: 428px;
	margin-top: 40px;
	background: url(../img/background-stuttgart.jpg) center no-repeat;
	float: left;
}

.content-planta-terreo {
	width: 40%;
	height: 428px;
	margin: 0 auto;
	background: #000000;
	opacity: 0.8;
}

.content-planta-terreo p{
	width: 80%;
	color: #FFFFFF;
	margin: 0 auto;
	padding-top: 10%;
	font-weight: lighter;
	font-size: 1.5vw;
}

.galeria-diferencias {
	width: 100%;
	height: auto;
	display: table;
}

.galeria-diferencias ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.galeria-diferencias li{
	width: 33.333%;
	float: left;
	margin-top: -4px;
}

.galeria-diferencias img{
	width: 100% !important;
	height: auto !important; /* Mínimo da altura, por padrao "auto" */
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	text-align: center !important;
	margin: 0 auto !important;
	margin-left: 0 !important;
}

.andamento-stuttgart {
	width: 100%;
	height: auto;
	display: table;
}

.content-andamento-stuttgart {
	width: 1004px;
	height: auto;
	display: table;
	margin: 0 auto;
}