@import url(http://fonts.googleapis.com/css?family=Abel);

body{margin: 0;padding: 0;font-family: Abel;font-size: 18px;line-height: 20pt;}
ul,ol{margin: 0;padding: 0;list-style-type: none;}
h2{margin:0;padding-top: 20px;text-transform: uppercase;color:#4e555c;}
h2 b{font-style: italic;color:#353b40;}
.nav-wrap{width: 970px;padding: 0 10px;margin: 0 auto;}
.wrap{width: 970px;padding: 0 10px;margin: 0 auto;}
section,header,nav{width: 100%;}
section{padding-top: 40px;}
section strong{font-size: 23px;}
.left, .right{width: 475px;display: inline-block;vertical-align: top;}
.left{padding: 0 15px 0 0;}
.right strong{font-style: italic;}
.right p{margin: 0;}

.height{position: relative;transform: translateY(-50%);top: 45%;margin: 0 auto;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}


header{background: url(../../images/bg_home.jpg) center #49535C no-repeat;background-size:100% 100%;position: relative}
header img{display: block;position: relative;transform: translateY(-50%);top: 35%;margin: 0 auto;}
header span{color:#FFF;display: block;width: 550px;margin: 0 auto;text-transform: uppercase;font-size: 20px;text-align: center;position: relative;transform: translateY(-50%);top: 40%;margin: 0 auto;}

.menu{position: absolute;background-color: #FFF;height: 31px;z-index: 1;opacity: 1;transition-duration: 0.4s;bottom: 0;width: 100%;padding: 20px 0;}
.menu ul{text-align: center;}
.menu li{display: inline-block;border-right: 1px solid #e7d419;height: 20px;margin-top: 5px;padding: 0 20px;} 
.menu li:last-child{border: none;}
.menu li a{text-decoration: none;text-transform: uppercase;color: #999;}



nav{position: fixed;background-color: #FFF;height: 31px;z-index: 1;opacity: 0;transition-duration: 0.4s;}
nav #brand{width: 55px;height: 31px;float: left;padding: 0 3px;}
nav ul{text-align: center;}
nav li{display: inline-block;border-right: 1px solid #e7d419;height: 20px;margin-top: 5px;padding: 0 20px;} 
nav li:last-child{border: none;}
nav li a{text-decoration: none;text-transform: uppercase;color: #999;}


#nos{background-color: #eaeaea}
.linha{border-top: 1px solid #353b40;margin:5px 0 20px 0;}
.linha span{background-color: #353b40;width: 100px;height: 10px;display: block;}
#nos strong{}
#nos .right p{margin-bottom: 30px;}
#nos .left p{margin-top: 31px;}




#servicos{background: url(../../images/bg_servicos.jpg) #49535C center no-repeat;background-size:100% 100%;}
#servicos h2{color:#eaeaea;}
#servicos h2 b{color:#ead908;}
#servicos .linha{border-color: #FFF!important;}
#servicos .linha span{background-color: #e7d419!important;margin-top: -1px;}
#servicos strong{color:#ead908}
#servicos p{color:#eaeaea;margin-bottom: 25px;}
#servicos ul{margin-top: 18px;position: relative;}
#servicos ul li{color:#eaeaea;cursor: pointer;}
#servicos ul li:hover .img-hover{opacity: 1;}
.img-hover{height: 250px;width:250px;position: absolute;opacity: 0;right: -105px;z-index: 1;transition:opacity 0.2s;top: 0;}
#servicos .right{width: 370px;}


#cliente{background-color: #444a50;}
#antes{display: inline-block;width: 25px;background: url(../../images/seta.png) #eaeaea center no-repeat;cursor: pointer;vertical-align: top;height: 65px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);}
#cli-img{width: 395px;display: inline-block!important;padding: 0 10px;}
#cli-img img{display: block;margin-top: 5px;}
#depois{display: inline-block;width: 25px;vertical-align: top;height: 65px;background: url(../../images/seta.png) #eaeaea center no-repeat;cursor: pointer;}


#contato{background: url(../../images/bg_contato.jpg) #EFD600 center no-repeat;background-size:100% 100%;}
#contato strong{color:#353b40;font-size: 18px;}
#contato p{color:#727274;margin: 0;}
#contato form{display: block;}
input[type=text],textarea{display: block;width: 97%;margin-bottom: 10px;border:none;padding: 5px;resize: none;color:#b4b4b4;}
textarea{height: 140px;}
#contato form span{display: none;}
#contato form span i{width: 16px ;height: 16px ;background: url(../../images/ajax-loader.gif)no-repeat;display: inline-block;margin-right: 10px;}
.btn{background-color: #353b40;color:#FFF;border: none;font-size: 16px;font-weight: normal;padding: 5px 10px;float: right;margin-left: 10px;margin-right: 4px;cursor: pointer;}

.facebook{}
.facebook img{
	display: block;
    float: left;
    margin: 5px 5px 0 0;
}
.facebook a{
	text-decoration: none;
	color:#235B9F;
}



@media (max-width: 990px) {
	section,header,nav, .menu{width: 990px;}
	nav ul{text-align: left;}
}