/*
===================
=======INDEX=======
===================
*/
#container { display: table; margin: 0 auto; position: relative; width: 55% !important;}
.entre{width: 100%; margin: auto; margin-top: 50px;
  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;}
.img-entre a img{width: 45px !important}  
.logo{width: 300px; text-align: center; position: absolute; left: 0%; display: block; opacity: 0}
.logo2{width: 200px; text-align: center; position: absolute; left: 15%; top: 200px; display: block;}

.criado-mob{width: 100% !important; position: absolute !important; display: block !important; z-index: 9999999999 !important}
.criado-mob img{width: 50px; float: right; margin-right: 25%; margin-top: 5%;}
/*
===================
=======A CASA======
===================
*/
.bg-main{width: 100%; background: url(../images/mobile568.png) no-repeat top center; margin-top: 10px; display: block; width: 100%; height: 100%; position: absolute; z-index: 0}
.logotipo{width: 150px !important; text-align: center !important; position: absolute !important; left: 0% !important; top:0% !important; z-index: 0 !important; display: block !important;}
.criado-logo{display: block; opacity: 0;left: 0%; top:0%;}
.corpo{height: 340px}
.texto{display: block; width: 235px; padding:25px; margin: 95px 0 0 20px !important; position: absolute; text-align: justify; background: url(../images/quadro-bco.png);}
.texto p{line-height: 18px; font-size: 12px}
.menu{display: none !important; opacity: 0; z-index: -100; left: 0%}
.linha{display: none !important; opacity: 0; z-index: -101; left: 0%}
.contacts{width: 97%; margin: auto; display: block !important; left: 3%; top: 380px; z-index: 1}
.contacts p span{font-weight: 600;}
.contacts p{font-size: 15px; line-height: 18px;}
.form-dropdown{display: block !important; width: 100%; text-align: right; top: 5%; right: 0%; position: absolute; z-index: 9999999999 !important}
.form-dropdown ul li{width: 100%; height: 40px; list-style: none; float: right;}
.form-dropdown ul li img{margin-right: 20px; width:40px; height:40px}
.form-dropdown ul li ul{display: none;}
.form-dropdown ul li ul li{list-style: none; display: block; width: 100%; background-color: #eee; left: 0%; text-align: center; height: 38px; border-bottom: 1px #999 solid}
.form-dropdown ul li ul li a{display: block; width: 100%; height: 100%; line-height: 43px}
.form-dropdown li:hover ul, .form-dropdown li.over ul{display:block;}
.face{width: 100%; clear: both; display: block; margin: 0 !important;}

/*
=======================
=======ARQUITETAS======
=======================
*/

.texto2mob{display: block; width: 235px; margin: 90px 0 0 20px !important; background: url(../images/quadro-bcocopy.png); padding: 20px 25px; position: absolute; text-align: justify;}
.texto2mob p{line-height: 18px; font-size: 12px; margin-top: 0}
.texto2mob h1{margin-bottom: 0}
.bg-arquitetas, .bg-contato{display: none !important}
.arquitetas-img{display: none !important}
.bg-mainmob{display: block; width: 100%; background: url(../images/mobile568.png) no-repeat top center; margin-top: 10px; width: 100%; height: 100%; position: absolute; z-index: 0}
.logotipomob{width: 150px; text-align: center; position: absolute; display: block !important; left: 0%; top:0%; z-index: 0}

/*
=======================
=======PROJETOS========
=======================
*/
.slide-projetos{width: 100% !important; height: 450px !important; margin: 100px 0 0 0 !important; position: absolute !important; display:none;}
.lista-projetos{width: 300px; height: 30px; margin: 460px 0 0 0; position: absolute; display:none;}
.lista-projetos a{list-style: none; display: inline-block; font-size: 14px;}
.cycleproj{width: 250px; height: 30px; margin-top: -130px; margin-left: 20px}
.bx-wrapper{display: none;}
#slideshow-1, #slideshow-2, #slideshow-3, #slideshow-4, #slideshow-5, #slideshow-6, #slideshow-7, #slideshow-8, #slideshow-9, #slideshow-10{width: 100% !important}
.marcadores{width:100% !important; top: 55% !important; left: 0% !important}
.contacts-proj{width: 97%; margin: auto; display: block !important; left: 3%; top: 80px !important; z-index: 1; padding-top: 65px}
.contacts-proj p span{font-weight: 600;}
.contacts-proj p{font-size: 15px; line-height: 18px;}

/*
=======================
=======CONTATO=========
=======================
*/
.formmob{display: block !important; width: 235px; margin: 90px 0 0 20px; position: absolute; background: url(../images/quadro-bcocopy.png); padding: 25px}
.formmob fieldset{width: 100%; margin: auto}
.formmob form{width: 90%; float: left}
.formmob input{width: 100%; margin: auto; margin-bottom: 8px; border: 1px solid #000; height: 20px}
.formmob textarea{width: 100%; margin:auto; border: 1px solid #000}
.formmob button{width: 100px; height: 30px; background-color: #dad846; border: 1px solid #dad846; color: #000; margin-top: 5px;}

input.button{width: 100%; background: #e2eb66; border: 0; height: 26px;}
