@charset "utf-8";
/* -------------------------------------------------------------------------------------------- linha inicial site */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0;padding:0;
}
html {-webkit-text-size-adjust: none;}
html, body {width:100%; height:100%; padding:0; margin:0;}
body {margin: 0px; font-family: 'Raleway', sans-serif; background-color:#4e4537; color:#FFF; text-align:left;}
/* -------------------------------------------------------------------------------------------- linha inicial site */

/* -------------------------------------------------------------------------------------------- topo / wowslider */
#topo{width:100%; height:100px; position:fixed; z-index:300; background-color:#4e4537;}
#topo .logo{ width:20%; height:100%; float:left;}
#topo .logo img{ width:auto; height:100%;display:block;}
#topo .menu{ width:80%; height:15%; float:right; margin-top:40px;}
#topo .menu ul{padding:0px; margin:0px; list-style:none; text-align:right; padding:0% 5%; text-transform:uppercase; color:#ece5d9;}
#topo .menu ul li {display:inline; padding:0px 10px;}
#topo .menu ul li:first-child {display:inline; padding:0px 10px 0px 0px;}
#topo .menu ul li:last-child {display:inline; padding:0px 0px 0px 10px;}

#meuslider{ width:100%; height:100%; clear:left;}
#meuslider img{ width:100%; height:100%; display:block;}
/* -------------------------------------------------------------------------------------------- topo / wowslider */


/* -------------------------------------------------------------------------------------------- layout */
.bg_marrom{background-color:#4e4537;}
.bg_bege{background-color:#ece5d9;}
.bg_preto{background-color:#000;}
.cor_marrom{color:#4e4537;}
.cor_bege{color:#ece5d9;}
.cor_preto{color:#000;}

h1{line-height:1.5; font-size:150%; font-weight:bold;}
p{line-height:1.5; font-size:100%; font-weight:normal;}
.separador_t2{padding-top:2%;}
.separador_b2{padding-bottom:2%;}

.col3{width:33.33%;}
.col5{width:20%;}
.col2_1{width:49%; padding-right:1%;}
.col2_2{width:49%; padding-left:1%;}
.col3_1{width:32%; padding-right:1%;}
.col3_2{width:32%; padding-left:1%; padding-right:1%;}
.col3_3{width:32%; padding-left:1%;}

.fl{ float:left;}
.cl{ clear:left;}
img{ width:100%; height:auto; display:block;}
a, a:hover{color:#FFF; text-decoration:none;}
/* -------------------------------------------------------------------------------------------- layout */

/* -------------------------------------------------------------------------------------------- criativo */
#quemsomos, #servicos, #clientes, #contato{ width:100%; height: auto; clear:left; padding-top:100px;}
.quemsomos, .servicos, .clientes, .contato{width:100%; padding:3% 10%;}
.servicos_parallax{ width:100%; height:550px; background: url(../imagem/servicos01.jpg) center center; background-attachment: fixed;}
/* -------------------------------------------------------------------------------------------- criativo */