/**
Autor: Cristian Vitor Benevides Mendes
E-mail: cristian.vmb@gmail.com
**/

/** fonts **/

@font-face {
    font-family: 'futura-b'; 
    src: url('fonts/FtraBd.ttf');
}

@font-face {
    font-family: 'futura'; 
    src: url('fonts/Futura Light BT.ttf');
}

@font-face {
    font-family: 'oswald'; 
    src: url('fonts/oswald-light-webfont.ttf');
}


/** Estrutura **/

body {
font-family: 'oswald';
position: absolute;
width: 100%;
min-height: 100%;
overflow: hidden;
overflow-y: scroll;
background: white;
margin: 0px;
}


a{
text-decoration: none;
color: inherit; 
}


/** Header **/

header {
text-align: center;
}

#head {
font-size: 0.9em;
color: rgb(215, 215, 215);
background: rgb(78, 78, 78);
padding: 0.5% 26%;
}

#menu {
width: 92%;
margin: 0 auto;
color: white;
text-align: right;
background: rgb(5, 69, 104);
padding: 2.5% 3%;
letter-spacing: 3px;
position: relative;
}

#logo {
position: absolute;
left: 0%;
top: 0%;
height: 140%; 
z-index: 8;
}

#menu a{
margin: 0% 1%;
}


/** Footer **/


footer {
position: relative;
text-align: center;
width: 100%;
margin: 0 auto;
padding: 2%;
color: white;
background: rgb(9,72,115);
}

footer span {
text-align: left;
padding: 0px 4%;
line-height: 180%;
}

footer span.bdr-right {
border-right: solid 1px rgb(59, 113, 149);
padding-left: 0px;
}

footer span.bdr-left {
border-left: solid 1px rgb(59, 113, 149);
}



#logo-Ad {
position: absolute;
right: 5%;
top: 45%;
height: 30%;
opacity: 0.2;
transition: all 0.5s;
}

#logo-Ad:hover {
opacity: 1;
}


/** Estrutura **/

.diagonal {
position: absolute;
width: 20%;
height: 100%;
z-index: 1;
top: 0;
}

/** Conteúdo **/

.side-bar{
position: absolute;
background: white;
width: 5%;
height: 100%;
z-index: 8;
top: 0;
}
.side-bar.left{
left: -5%;
}
.side-bar.right{
right: -5%;
}

.conteudo {
position: relative;
height: auto;
left: 0px;
width: 98%;
margin: 0 auto;
padding-bottom: 1%;
}

#banner-home {
position: relative;
left: 0;
transition: 1s all;
height: 300px;
}

.bnr-full {
position: absolute;
overflow: hidden;
background: rgb(222, 231, 178);
top: 0%;
width: 100%;
}

.bnr-full.bgd {
background: #FFFBD1;
}

#banner-home .bnr-full .bnr{
position: absolute;
bottom: 0;
left: 0;
width: 67.5%;
}

#banner-home .bnr-full .familia{
position: absolute;
width: 30%;
right: 25%;
bottom: 0;
z-index: 2;
}

#banner-home .bnr-full .cnt{
background: rgb(222, 231, 178);
position: relative;
width: 18%;
float: right;
text-align: center;
padding: 3% 5% 0% 11%;
}

#banner-home .bnr-full.bgd .cnt{
background: #FFFBD1;
}


#banner-home .bnr-full .cnt .diagonal{
left: -20%;
background: linear-gradient(to top left, rgb(222, 231, 178) 51%, rgba(0,0,0,0) 50%);
}

#banner-home .bnr-full.bgd .cnt .diagonal{
left: -20%;
background: linear-gradient(to top left, rgb(255, 251, 209) 51%, rgba(0,0,0,0) 50%);
}

#banner-home .bnr-full .cnt img{
width: 100%;
}

/** Empreendimentos **/

#empreendimentos {
margin-bottom: 2.5%;
}

#empreendimentos img{
width: 76%;
padding: 12%;
padding-top: 0%;
}

#empreendimentos img.full{
width: 16.6666%;
padding: 0;
}
 
.bnr-slider .bg-img {
position: relative;
float: left;
width: 16.66%;
}

.bnr-slider .bg-img img{
background: -webkit-linear-gradient(left, rgb(4, 67, 100), rgb(5, 69, 104)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgb(4, 67, 100), rgb(5, 69, 104)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgb(4, 67, 100), rgb(5, 69, 104)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, rgb(4, 67, 100), rgb(5, 69, 104));
}

.bnr-slider .bg-img:hover{
opacity: 0.8;
}

.bnr-slider .bg-img.open img{
background: rgb(222, 231, 178);
}

.bnr-slider .bg-img.open img.dourado{
background: #FFFBD1;
}

.bnr-slider .bg-img .diagonal{
position: absolute;
left: 0;
top: 75%;
width: 100% !important;
height: 25%;
padding: 0 !important;
}

.bnr-slider .bg-img.open .diagonal{
top: 90% !important;
}



/** Projetos **/


.projeto {
width: 95%;
margin: auto;
text-align: center;
position: relative;
color: rgb(160, 160, 160);
}

.projeto .proj-bnr-1 {
position: relative;
width: 30%;
padding: 2%;
background: rgb(243, 243, 245);
font-size: 0.9em;
}

.projeto .proj-bnr-1 .label-top{
position: absolute;
top: 0;
left: 0;
width: 55%;
}

.projeto .proj-bnr-1 img.proj-logo {
width: 70%;
}

.projeto .proj-bnr-1 .proj-desc {
width: 95%;
margin: 10px auto;
border-top: solid 1px rgb(205, 205, 207);
border-bottom: solid 1px rgb(205, 205, 207);
text-align: left;
min-height: 250px;
}

.projeto .proj-bnr-1 .proj-desc h3{
color: rgb(87, 87, 87);
margin-bottom: 0.5%;
}

.projeto .proj-bnr-1 .proj-desc p{
margin-top: 0.5%;
}

.projeto .proj-bnr-1 .proj-footer{
width: 95%;
margin: 10px auto;
text-align: justify;
}

.projeto .proj-bnr-2 {
position: absolute;
top: 0%;
right: 0;
width: 64%;
height: 100%;
text-align: left;
}

.projeto .proj-bnr-2 .proj-2-header{
position: relative;
font-size: 1.25em;
background: white;
z-index: 8;
}

.projeto .proj-bnr-2 .proj-2-header .nav-proj{
cursor: pointer;
}

.projeto .proj-bnr-2 .proj-2-header .nav-proj:hover{
color: rgb(87, 87, 87);
font-weight: bold;
}

.projeto .proj-bnr-2 .proj-2-header .active{
color: rgb(87, 87, 87);
font-weight: bold;
}

.projeto .proj-bnr-2 .proj-2-ctn{
position: absolute;
z-index: 8;
height: 90%;
width: 100%;
bottom: 0;
left: 0;
}

.projeto .proj-bnr-2 .proj-2-ctn .proj-2-ctn-img{
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
overflow: hidden;
}

.projeto .proj-bnr-2 .proj-2-ctn .proj-2-ctn-img .lupa{
position: absolute;
width: 15%;
top: 0;
right: 0;
}

.seta {
position: absolute;
background: white;
z-index: 8;
color: rgb(0,63,95);
top: 0;
bottom: 0;
margin: auto 0;
display: inline-table;
font-size: 2em;
width: 10%;
cursor: pointer;
}

.seta.esq {
left: -5%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
}

.seta.dir {
right: -5%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
}


.projeto .proj-bnr-2 .proj-2-ctn .proj-2-ctn-img .lupa .img-l{
width: 100%;
}

.open {
display: initial;
}

.img{
position: absolute;
min-height: 100%;
min-width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto auto;
display: none;
}

.modal {
display: none;
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
z-index: 10;
}

.modal .img {
max-height: 85%;
max-width: 70%;
min-height: initial;
min-width: initial;
}

.modal .bg {
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}


.projeto .proj-bnr-2 .proj-2-ctn .proj-2-ctn-video{
max-height: 100%;
max-width: 100%;
}


.projeto .proj-bnr-2 .proj-2-ctn .proj-2-ctn-video .video{
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
overflow: hidden;
}

.projeto .proj-bnr-2 .proj-2-ctn .proj-2-ctn-plantas{
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
overflow: hidden;
background: rgba(0,0,0,0.6);
}

.proj-2-ctn-plantas img {
width: 20%;  
cursor: pointer;
margin: 2%;
}

.proj-2-ctn-plantas img{
width: 20%;  
cursor: pointer;
margin: 2%;
}

.projeto .proj-bnr-2 .proj-2-ctn .proj-2-ctn-localizacao{
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
overflow: hidden;
}

/** Lançamentos **/

#lancamentos {
margin-top: 0.5%;
}

#lancamentos .bnr {
width: 33.133%;
margin-bottom: 0.2%;
background: rgb(243, 243, 243);
overflow: auto;
}

#lancamentos .bnr .bnr-img {
width: 100%;
}

#lancamentos .bnr .bnr-logo {
width: 35%;
margin: 5%;
}

#lancamentos .bnr .bnr-cnt {
font-size: 0.8em;
color: rgb(188, 188, 188);
border-left: solid 1px rgb(188, 188, 188);
width: 45%;
padding: 0% 4%;
margin: 5% 0%;
height: 150px;
}   

/** Sobre **/

#sobre {
background: rgb(5, 69, 104);
text-align: left;
position: relative;
color: white;
overflow: hidden;
}

#sobre .bnr {
position: absolute;
min-height: 100%;
max-width: 43%;
height: auto;
width: auto;
top: 0;
left: 0;
}

#sobre .ctn {
width: 36%;
margin: 0px 2% 2% 0%;
font-size: 0.9em;
}

#sobre .logo {
width: 16%;
margin: 3% 1.5%;
padding: 2.8% 0%;
border-right: solid 1px rgb(67, 117, 140);
}



/** Contato **/

#contato {
position: relative;
height: auto;
overflow: auto;
}

#contato .ctn {
position: relative;
width: 50%;
padding-left: 4%;
color: rgb(23, 70, 86);
background: rgb(243, 243, 243);
}

#contato .ctn h2{
margin-top: 0;
}


#contato .ctn .diagonal {
right: -12.5%;
background: linear-gradient(to top right, rgb(243, 243, 243) 51%, rgba(0,0,0,0) 50%);
}


#contato .ctn form{
width: 90%;
}

.ctn form input, .ctn form textarea{
width: 98%;
margin-bottom: 1%;
padding: 1%;
font-weight: bold;
color: rgb(23, 70, 86);
border: solid 1px rgb(23, 70, 86);
}

.ctn form .metade {
width: 47%;
margin-right: -0.3%;
}

.ctn form button{
width: 100%;
border: none;
background: none;
text-align: left;
color: inherit;
}



#mapa {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 50%;
background: grey;
}

/** Negocie **/ 

#negocie {
background: #f4f2f7;
text-align: left;
position: relative;
color: white;
overflow: hidden;
}

#negocie .ctn {
position: relative;
width: 44%;
padding-left: 3%;
color: #58565b;
}

#negocie .ctn h1 {
font-size: 4em;
border-bottom: 1px solid;
margin-bottom: 0px;
}

#negocie .ctn form input, #negocie  .ctn form textarea{ 
background: #f4f2f7;
}

#negocie .bnr {
position: absolute;
min-height: 100%;
max-width: 50%;
height: auto;
width: auto;
top: 0;
left: 50%;
}

/** Trabalhe **/

.input-file-label{
	position: relative;
	margin-bottom: 1%;
    padding: 1%;
    border: solid 1px rgb(23, 70, 86);
    font: 13.3333px Arial;
    font-weight: bold;
    color: #757575;
	cursor: pointer;
	overflow: hidden;
}

.input-file{
	cursor: pointer;
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
    left: -400%;
    width: 500% !important;
	height: 100%;
	border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.no-click{
	pointer-events: none;
}

/** Disposição **/

.esquerda {
float: left;
}

.direita {
float: right;
margin-right: 0px;
}

.centro {
margin: 0 auto;
}

.clear {
clear: both;
}