/*****************************/
/* 							             */
/*     Desenvolvido por:     */
/* 		 Click Evolue          */
/* 		    Layout             */
/*                           */
/*****************************/
/* Estilo geral do site (html, Body, DIVs PreLoader) */
@import url("fonts/stylesheet.css");



* { margin: 0; padding: 0; }

img {border:0;}
p {font-size:10pt; font-family:'oswald', Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; }


/* Divs montagem layout */


header{width:100%; height:42px;margin:0 auto 0 auto; padding:20px 0 0 0;}

.imglogoinicial{width: 162px; height: 48px; margin-left: 310%;}

.arrumarenvelopeicone{
  
  display: inline;
}

.arrumarenvelopetexto{ display: none !important; }

.navbar-toggle{background-color: color: rgb(55,52,53);}

.arrumarwork{color: rgb(55,52,53) !important; font-size: 20px; display: none;}

.banner {width:100%; height:630px;background-position: center center;background-repeat: no-repeat; /*Css padrão*/
  -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;}

.btn-home{text-decoration: none; color: #fff; font:18pt  'oswald', Arial, Helvetica, sans-serif; background: #1fa7d9;
	cursor: pointer; padding:10px 40px; margin: 25px auto;}

.btn-home:hover { background: #1f8dd9; cursor: pointer; transition: all 0.5s linear 0s; text-decoration: none; color: #23527c;}


.info {width:760px; float:left; margin:50px 0 50px 0; }
.info h2{font:24pt  'oswald', Arial, Helvetica, sans-serif; margin:0 0 10px 0; color: #1fa7d9; text-align: center;}
.info .subtitle{font:25px  'oswald', Arial, Helvetica, sans-serif;  color:#000; line-height:20pt; text-align: center; width: 500px; margin: 0 auto; line-height: 35px;}
.info .texto{font:14pt  'oswaldlight', Arial, Helvetica, sans-serif;  color:#606062; line-height:30px; margin-bottom: 50px; text-align:center; margin-left: 15%; width: 550px;}

#conteudo {width:100%;display:table; text-align:center;min-height:220px }

.zerada{padding: 0 !important; margin: 0 !important;}

.fullsize{width: 100% !important;}

.imgcarrousel{height: 700px !important; width: 100% !important; min-width: 100%; position: relative; z-index: -1000;}

.banner1, .banner2, .banner3, .banner4{

     background-position: initial;
     background-repeat: no-repeat;
     background-position-x: center;
     background-size: cover;
     max-height: 850px;
}

.banner1{ background-image: url("/img/bannerhome1.jpg");}

.banner2{ background-image: url("/img/bannerhome2.jpg");}

.banner3{ background-image: url("/img/bannerhome3.jpg");}

.banner4{ background-image: url("/img/bannerhome4.jpg");}

.fa{

  margin-top: 150%;
  color: #000;
}

.areacontato{

  margin-bottom: 18px;
  width: 100%;
  resize: none;
  padding-left: 5px;
  border: 1px solid #CCC;
}

.caixainput{

    margin-bottom: 18px;
    width: 100%;
    height:40px;
    border: 1px solid #CCC;
    padding-left: 5px;
}

.arrumarlabel{ font-weight: normal;}

.controlecarrousel{

  text-shadow: none;
  background-image: none !important;

}

.divtelefonecontato{width: 146.8px;}

.telefonecontato{

    text-align: center;
    color: #333;
    font-weight: normal;

}

.texto-orcamento{

  text-align: center;
  color: #000;
  margin-top: 120px;

}

.fundocontato{ background-color: #F5F5F5;}

.fundocinzaclaro{background-color: rgb(208,210,212);}

.adaptarcarousel{

  width: 100%;
  min-height: 650px;
  background-size: cover;
}

.carousel-indicators li{

  border: 1px solid #000 !important;
}

.carousel-indicators .active{

  background-color: #000 !important;
}

.arrumarparagrafoblocoum{

  margin-left: 26% !important;
}

.imgfimcontato{width: 40%;}

.inneradaptado{

  width: 2360px;
  background-size: cover;
}

.navbar-brand{padding-left: 0; width: 162px; height: 48px !important;  margin-top: 5%; padding:0; margin-left: 0;}

section {max-width:760px; text-align:center;  margin:0 auto; display:table; min-height:220px; background:#FFFFFF;padding:0; }

section h1{width:100%; max-width:940px; margin:30px auto 0 auto;  padding:0 0 8px 0; color:#606062; font-size:18pt; font-family:'carrois_gothicregular', Arial, Helvetica, sans-serif; font-weight:normal; border-bottom:1px dotted #606062; text-align:left;}

.logo{width:73px; margin:0 auto;padding:3px 0; }

.menu {width: 100%; float: left;clear: both; margin-top: 20px; z-index: 9999;height: 80px}
.menu ul{max-width:980px; width: 100%; margin:-60px auto;  padding:0;  text-align:right; position: relative; display: table}
.menu li {display:inline; margin:0; padding:0 15px;  text-align:center;  }
.menu li a {font:12pt  'oswald', Arial, Helvetica, sans-serif; text-decoration:none; padding:0; color:#fff; font-weight:normal; text-align:right }
.menu li a:hover {font:12pt  'oswald', Arial, Helvetica, sans-serif; text-decoration:none; padding:0;  color:#fff; font-weight:normal;}


.navbar-collapse.collapse {padding:20px 0;}
.navbar{height:90px;background:transparent;}
.navbar-header{padding:0 0 0 45%}
.navbar-inverse .navbar-text {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

.btn-contato{

  border:none;
  font-weight: normal;

}

.btn-orcamento{margin-left: 475px;}

.navbar-header{padding: 0 0 0 44%;}

.navbar-inverse {
  background-color:transparent;
  border-color:transparent;
}

.margemcorrecaonav{margin-right: -93px !important;}

.icon-bar{color: rgb(55,52,53);}

.alturanavlogo{margin-top: 1.5% !important;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media(max-width:767px) {
    section h1{
        font-size:12pt;
    }
    .info{width:100%;}
    .info h2{font-size:21pt}
    .info .subtitle {font-size:14pt;width:80%}
    .info .texto{font-size:12pt;width:95%;margin:0 auto 50px auto}
    .navbar-header{padding-top: 5px; padding-bottom: 5px; background-color: #ccc;}
    .navbar-inverse .navbar-toggle {border-color: #fff; background-color: #333; margin-right: 22px;}
    .navbar-collapse.collapse { background: #000 none repeat scroll 0 0;padding: 0 20px;width:100%;position: absolute;}
    .btn-home {padding: 10px; font-size: 14pt; max-width: 300px;}
    .banner1, .banner2, .banner3, .banner4{background-position: initial;background-repeat: no-repeat;background-position-x: center !important;background-size: cover;height: 200px !important; /*width: 200px !important;*/}
    .inneradaptado{width: 2360px;background-size: cover;}
    .fa{display: none !important;}
    .navbar-brand{padding-top: 0; width: 115px; margin-top: 2.5%; padding-top: 0 !important;}
    .imglogoinicial{width: 115px; height: auto; margin-left: 0px; margin-top: -65px;}
    .btn-orcamento{margin-left: 100px;}
    .margemcorrecaonav{margin-right: 0px !important;}
    .arrumarwork{color: #FFF !important; display: inline;}
    .arrumarparagrafoblocoum{margin-left: 3% !important;}
    .logoetel{text-align: center;}
    .divtelefonecontato{width: 100%;}
    .arrumarenvelopeicone{background: none !important;}
    .aenvelope{padding-left: 0px !important;}
    .arrumarenvelopetexto{display: inline !important;}
    .arrumarenvelopeicone{display: none !important;}
    .adaptarcarousel{min-height: 200px !important; margin-top: 60px !important;}
    .alturanavlogo{margin-top: 5.5% !important;}

}

@media (min-width: 768px) and (max-width: 986px) {

	.imglogoinicial{margin-left: 180% !important;}
	.margemcorrecaonav{margin-right: 10px !important;}
  .imgfimcontato{width:20%; margin-left: 40%;}
  .divtelefonecontato{width: auto;}

}

/* for 980px or less */
@media screen and (min-width: 960px) and (max-width: 1800px) {

    .banner1, .banner2, .banner3, .banner4{background-position: initial;background-repeat: no-repeat;background-position-x: -637px;background-size: cover; max-height: 780px;}

    .inneradaptado{width: 2360px;background-size: cover;}
}
/* for 700px or less */
@media screen and (min-width: 640px) and (max-width: 959px) {

}

/* for 700px or less */
@media screen and (min-width: 511px) and (max-width: 639px) {


}

/* for 700px or less */
@media screen and (min-width: 0px) and (max-width: 510px) {

}

@media screen and (min-width: 1023px) and (max-width: 1300px){

  .imgfimcontato{width: 20%;}
  .imglogoinicial{margin-left: 250%;}
  .margemcorrecaonav{margin-right: 10px !important;}
  .logoetel{text-align: center;}
  .divtelefonecontato{margin-left: 42%;}
  .imgfimcontato{width:15%;}


}

/*#################################### MENU TRANSFORM X MOBILE #####################################*/
.navbar-default .navbar-toggle .icon-bar {background-color: #fff}
.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.ativo .icon-bar:nth-of-type(1) {
	  top: 10px;
	  transform: rotate(45deg);
}

.navbar-toggle.ativo .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}

.navbar-toggle.ativo .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg);
}

.navbar-toggle .icon-bar {
    border-radius: 2px;
    height: 4px;
    width: 30px;
}