/*resets e defaults
======================*/
*{margin:0; padding:0; outline:none;}
body{font-size: 14px; background:#000; overflow-x: hidden; }
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{ width:100%; float:left; }
#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: 410px; height: 166px; float:left; background: url("img/eco-carvao-logo.png") no-repeat; margin-top:1px;}
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: 900px; background-position: 50% 0px; background-repeat: no-repeat;}
#home {background-size: 100%; background-image: url('img/bg/bg-home.jpg'); }



#contato{}
#onde-encontrar{ background-size: 100%; height: 800px}
#infoseco{background-size: 100%; height: 1500px; position:relative; z-index: 900; }

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

.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: 700px; width: 0%; right: 0px; position: absolute; background-image: url("img/bg/bg-box.png"); background-repeat: repeat;}
.box-left{height: 700px; 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: 525px;  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:100px;
    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:720px;
    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;
    opacity: 0;
}

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

#nome, #email, #telefone, #assunto{
    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;}

#assunto{width: 420px; margin-bottom: 5px; margin-top: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: auto; bottom:0px; position:absolute; }

#boxs div{background:none;}
#boxs .wrap{width: 100%; height:auto; float:none; background:none;}
#boxs .box1, #boxs .box2, #boxs .box3{position: relative; width: 33.3%; height: 100%; float: left; background:none;}

#boxs .box-icon{width: 100%; height: 100%; position: absolute;}

#boxs div div p{color:#fff; float:left; width:100%; margin: 20px 0 0 0px; font-size: 100%; display: none;}

#boxs div .box-icon div.textBox {
    width: 100%;
    height: 100%;
}

#boxs div .box-icon div.textBox img{display: none;}

#boxs div .box-icon:hover div.textBox {
    width: 250px;
    height: 200px;
    margin: 20% 0 0 15%;
    padding-top:  70px;
    display: block;
    
}
#boxs .box1 .box-icon:hover, #boxs .box2 .box-icon:hover, #boxs .box3 .box-icon:hover{background: url("img/bg/bg-boxh.png") repeat;}

#boxs .box1 .box-icon:hover div.textBox{background: url("img/fogo.png") no-repeat center top;}
#boxs .box2 .box-icon:hover div.textBox{background: url("img/fogo.png") no-repeat center top;}
#boxs .box3 .box-icon:hover div.textBox{background: url("img/fogo.png") no-repeat center top;}



/*#boxs  div.box-icon:hover{width: 100%; height: auto; float: left; background: url("img/bg/bg-boxh.png") repeat; border: 1px solid red; }*/

#boxs div div:hover p{display:block;}

#boxs .box-icon:hover span {

}



#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;}


#apresentacao { background-size: 100%; height: 800px; } 
#apresentacao .box-text{display: none;}
#apresentacao .box-left-2{ height: 700px;}
#apresentacao .box-left-2 .text{margin-top: -190px; }

#sustentabilidade{background-size: 100%; height: 700px;}
#sustentabilidade .box-right{ height: 700px;}
#sustentabilidade .box-right .box-text-2.text{margin-top: -190px; }
#sustentabilidade .box-text-2{display: none;}
#contato{background-size: 100%; height: 750px; background-position: center top;}
#contato .box-left-3{height: 750px;  width:0%;}
#contato .text{margin-top: -250px; display: none}

.content-right{float: right; width: 530px; margin: 2px 0 0 0px;}
.content-right .representante{float: left; width: 700px; margin-bottom:  20px;}
.content-right .representante p{font-size: 15px;}