@font-face {
    font-family: "farewell" ;
    src: url('../css/fonts/farewell-webfont.eot') format('eot'), url("../css/fonts/farewell.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "ebrima-bold" ;
    src: url("../css/fonts/ebrimabd_0.eot") format('eot'), url("../css/fonts/ebrimabd_0.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "ebrima" ;
    src: url("../css/fonts/ebrima.eot") format('eot'), url("../css/fonts/ebrima_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*
=========
==RESET==
=========
*/
* { color: #000000; font-family:"ebrima" "Verdana"; font-size: 100%}
p { border: 0; font-size: 16px; line-height: 25px; margin: 8px 0; padding: 0; outline: 0; font-family:"ebrima" "Verdana";}
ul { margin: 0; padding: 0;}
fieldset { border: 0; margin: 0; outline: 0; padding: 0;}
textarea { resize: none;}
a { color: #000; text-decoration: none;}
a.active{ color: #dad846}
hr { border: none;}
img{max-width: 100%}
input, button, textarea { outline:none;}
h1{font-size: 18px; margin:0;}
h2{font-size: 16px; font-weight: 600;}
.clearfix {overflow: auto;}

/*
=========
==TOOLS==
=========
*/

::-webkit-input-placeholder { color: #000;} /*cbcbcb*/
:-moz-placeholder { color: #000;}
::-moz-placeholder { color: #000;}
:-ms-input-placeholder { color: #000;}
body {width: 100%; background-color: #a59a91; font-size: 100%}
#main-container{margin: 0 auto; position: relative; width: 100%;}
.bg-main{width: 100%; background: url(../images/bg-corpo3-teste.jpg) no-repeat top center; display: none; width: 100%; height: 100%; position: absolute; z-index: 0}
#container { display: table; margin: 0 auto; position: relative; width: 960px;}

/*
======INDEX======
*/
.entre{width: 100%; float: left; margin: auto; margin-top: 150px;
  display: inline-block;  vertical-align: middle;  -webkit-transform: translateZ(0);  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;  -webkit-transition-property: transform;  transition-property: transform;}
.entre:hover, .entre:focus, .entre:active {  -webkit-transform: scale(1.06);  transform: scale(1.06);}
.img-entre{margin: auto; width: 200px; text-align: center}
.link-entre{margin: auto; width: 200px; margin-top: -5px}
.link-entre a{font-family: "farewell"; font-size: 35px; display: block; text-align: center}

.logo{width: 300px; text-align: center; position: absolute; left: 70%; display: none}
.logo2{width: 300px; text-align: center; position: absolute; left: 70%; top: 390px; display: none}

.criado-mob{width: 100%; position: absolute; display: none;}

.corpo{width: 100%; height: 500px; display: block;}
.bg-corpo{width: 100%; height: 500px; position: absolute; display: none;}
.linha{width: 50%; height: 1px; border-bottom: 1px #000 solid; display: none; position: relative; left: 7%}
.menu{display: none; position: relative; float: left; left: 10%}
.form-dropdown{display: none;}
.menu li{list-style: none; display: inline-block; margin: 12px 10px 0 10px; outline: none}
.menu li a:hover {color: #dad846;}
.active{color: #dad846; outline: none}
.face{float:left; display: none; margin: 5px 0 0 120px;}
.face:hover{ -webkit-transform: scale(1.1);  transform: scale(1.1);}
.texto{display: none; width: 350px; margin: 130px 0 0 125px; position: absolute; text-align: justify;}
.texto2{display: none; width: 350px; margin: 130px 0 0 125px; position: absolute; text-align: justify; line-height: 20px}
.logotipo{width: 300px; text-align: center; position: absolute; display: none; right: 0%; top:420px; z-index: 0}
.criado-logo{width: 40px; position: absolute; display: block; left: 95%; top:490px; display: none;}
.bg-arquitetas{width: 100%; height: 500px; position: absolute; display: none;}
.arquitetas-img{width: 354px; position: absolute; left: 60%; margin: 130px 0 0 5px; display: none; z-index: 9999999}
.arquitetas-img img{width: 297px; height: 297px; float: right;}

.texto-carol{display: none; width: 350px; margin: 130px 0 0 125px; position: absolute; text-align: justify;}
.texto-rose{display: none; width: 350px; margin: 130px 0 0 125px; position: absolute; text-align: justify;}
.bg-projetos{width: 100%; position: absolute;}
.slide-projetos{width: 550px; height: 450px; margin: 25px 0 0 70px; position: absolute;}
.lista-projetos{width: 500px; height: 30px; margin: 460px 0 0 100px; position: absolute;}
.lista-projetos a{list-style: none; display: inline-block; font-size: 14px;}

.bxslider img{width: 100px !important; cursor: pointer;}

.controln{opacity: 0.5; position: absolute;left: 48%}
.controln:hover{opacity: 1}
.controlpv{opacity: 0.5; position: absolute; left: 38%;}
.controlpv:hover{opacity: 1}
.info-clique{position: absolute; left: 60%; margin-top: -13px}
.info-clique p{font-size: 12px; font-style: italic; color: #333}
.cycleproj{width: 400px; height: 30px; margin-top: 15px}
.bg-contato{width: 100%; display: none; position: absolute;}
.contacts{width: 354px; position: absolute; margin: 225px 0 0 5px; display: none; left: 71%; z-index: 1}
.contacts p span{font-weight: 600;}
.contacts p{font-size: 15px; line-height: 10px;}
.form{display: none; width: 390px; margin: 130px 0 0 125px; position: absolute;}
.form fieldset{width: 100%; float: left;}
.form input{width: 90%; margin: auto; margin-bottom: 5px; border: 1px solid #000; height: 30px}
.form textarea{width: 90%; margin:auto; border: 1px solid #000}
.form button{width: 100px; height: 30px; background-color: #dad846; border: 1px solid #dad846; color: #000; margin-top: 5px;}
.form .sub-button input{background-color:#dad846; border: 0;}
.marcadores{width: 500px; height: 40px; position: absolute; top: 84.5%; left: 7%;}
.marcadores a{display: block; float: left; font-size: 14px; width: 20px; height: 20px; margin: 3px; line-height: 25px; text-align: center; padding: 5px; border: 1px solid #000}
.marcadores a:hover{background-color: #ccc;}
.active2{background-color: #ccc;}
#cycle-1 div { width:100%; }
#cycle-2 .cycle-slide { border:3px solid #fff; }
#cycle-2 .cycle-slide-active { border:3px solid #004; }
#slideshow-1,#slideshow-2 { width: 500px; max-width: 600px; float: left; }
.cycle-slideshow img { width: 100%; height: auto; display: block; }