@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue-carvao.eot');
    src: url('fonts/bebasneue-carvaod41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-carvao.woff') format('woff'),
         url('fonts/bebasneue-carvao.ttf') format('truetype'),
         url('fonts/bebasneue-carvao.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*resets e defaults
======================*/
*{margin:0; padding:0; outline:none;}
body{font-size: 14px; background:#000; overflow-x: hidden;  background:#000;}
a{text-decoration:none; outline: none; color:#fff; }
img{border:none;}
p{color:#303030; font-size:14px; margin-bottom: 5px; font-family:Calibri, Verdana, Arial}
ul{margin: 0px 0 10px 0px; }

h1,h2, h3{ font-family: 'bebas_neueregular', Calibri, Helvetica; font-size: 90px; font-weight: normal}

.clear {
	float: none;
	clear: both;
}

div{display:block; }
/* geral
===============*/
#wrapper{  }
#wrapper-construcao{width:100%; height:860px; }
.wrap{width:1000px; height:auto; display:table; margin:0 auto;}

.slide {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 1200px;
   
}

#header{width: 100%; height: 62px; background: red; position: fixed; z-index: 1000; background: url("img/bg/bg-header.png") no-repeat center;}

.logo-carvao{width: 304px; height: 96px; float:left; background: url("img/eco-carvao-logo.png") no-repeat; margin-top:35px;}
nav.menu{float:left; margin:17px 0 0 20px;}
.menu ul{list-style:none; }
.menu ul li{float:left; margin: 0 10px 0 10px; }
.menu ul li a{float:left; font-family: 'bebas_neueregular', Calibri, Helvetica;  font-size: 18px; color: #78777F}
.menu ul li a:hover{ color: #678713}
#home.slide{height: 1400px; background-position: 50% 0px; background-repeat: no-repeat;}
#home {background-size: 100%;}

#apresentacao { background-size: 100%;}
#sustentabilidade{background-size: 100%;}
#contato{}
#onde-encontrar{ background-size: 100%; height: 800px}
#infoseco{background-size: 100%; height: 1360px; position:relative}

.box-home{height: 300px; width: 100%; background: url("img/bg/bg-intro.png") center repeat-x;  position: absolute;  top:360px; }

.box-text{height: 660px; width: 580px;  position: absolute;  top:50%;  margin-top: -330px; right: 30px;}
.box-text p{color: #fff; font-size: 28px; margin-bottom: 45px;}
.box-text h2{color:#fff;}

.text{height: auto; width: 500px;  position: absolute;  top:50%;  margin-top: -380px; }
.box-text {right: 30px;}
.box-text-2 {left: 30px;}
.text p{color: #fff; font-size: 18px; margin-bottom: 45px;}
.text p strong{font-size: 20px}
.text h2{color:#fff; }

#contato .text p{margin-bottom: 10px; font-size: 16px;}
#contato .text p strong{font-size: 16px;}

.form-contato{ width: 500px; height: 100px;}
#contato .text {margin-top: -420px;}
.box-right{height: 1200px; width: 60%; right: 0px; position: absolute; background-image: url("img/bg/bg-box.png"); background-repeat: repeat;}
.box-left{height: 1200px; width: 45%; left: 0px; position: absolute; background-image: url("img/bg/bg-box.png"); background-repeat: repeat;}

.box-left-2{height: 1200px; width: 56%; left: 0px; position: absolute;}

.box-left-3{height: 1200px; width: 56%; left: 0px; position: absolute; background-image: url("img/bg/bg-box.png"); background-repeat: repeat; }

.carvao{width: 250px; height: 615px;  float: left;  margin-top:-240px;}
.carvao img{width: 250px;}

.text-intro{width: 430px;  float: left; margin:  45px 0 0 30px; }
.text-intro img {width: 240px;}
.text-intro p{width: 430px; font-size: 20px; margin:  30px 0 0 0px; line-height: 20px}

.box-encontrar{height: 304px; width: 100%; background: url("img/bg/bg-onde.png") center repeat-x;  position: absolute;  margin-top:170px; }

#nocampo{
    height: 565px;
    width: 95%;
    position:absolute;
    right:0px;
    top:55px;
    background: url("img/img-no-campo.png") no-repeat left;
    z-index: 1;
}

.text-campo{
    width:360px;
    height:auto;
    float:left;
    top: 120px;
    left:590px;
    color:#fff;
    position:absolute
}
.text-campo p{color:#fff; margin-bottom: 20px; font-size: 16px;}


#nafabrica{
    height: 576px;
    width: 95%;
    position:absolute;
    left:0px;
    top:620px;
    background: url("img/img-na-fabrica.png") no-repeat right;
    z-index: 1;
}

.text-fabrica{
    width:360px;
    height:auto;
    float:left;
    top: 50px;
    right:590px;
    color:#fff;
    position:absolute;
}
.text-fabrica p{color:#fff; margin-bottom: 20px; font-size: 16px;}

.carvao-apresentacao{
    height: 620px;
    width: 330px;
    position:absolute;
    left:600px;
    top:50%;
    margin-top:-310px;
    background: url("img/carvao2.png") no-repeat right;
    background-size: 250px;
}

.barra{width: 100%; height: 50px; background: url("img/bg/bg-bar.png") repeat-x; position: absolute; top: 550px;}

#nome, #email, #telefone{
    height: 25px;
    width: 200px;
    padding: 0 5px;
    margin-right: 5px;
    color:#fff;
    background: #333;
    border: 1px solid #000;
    font-family:Calibri, Verdana, Arial;
}
#nome{width: 420px; margin-bottom: 5px;}

#form-contato textarea {
    width: 420px;
    padding: 5px;
    height: 100px;
    margin-top: 5px;
    font-family:Calibri, Verdana, Arial;
    color:#fff;
    background: #333;
    border: 1px solid #000;
}
#form-contato button{
     height: 30px;
     width: 100px;
     border: 1px solid #678713;
     background: #678713;
     color:#fff;
     cursor: pointer;
     margin-top: 5px;
     float: left;
     margin-left: 330px;
}

#boxs{width: 100%; height: 250px;}
#boxs div{width: 33.33%; height: 100%; float: left; background: #fff;}
#boxs .box2{background: url("img/bg/box2.jpg") no-repeat center;  background-position: 50% 0;}

#cboxOverlay{z-index:10000;}
#colorbox{z-index:20000;}
#qLpercentage {
	font-family: Helvetica, Arial;
	color:#678713;
}

#qLpercentage span{ font-size: 24px; color:#678713; float:left; margin-top:35px; }
#qLpercentage p{ margin:0 0px 0 5px; float:left; text-shadow: 0px 1px 0px #333333; font-size: 60px; color: #fff;}