@charset "utf-8";
/* CSS Document */
  
*{ margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif}
a{text-decoration:none}
 
.centro{ max-width:960px; width:100%; margin:0 auto; position: relative; }
.clear{ clear:both}
header, figure, section, aside, article, nav, footer {display: block;}

@font-face {
    font-family: 'humanst521_btbold';
    src: url('fonts/tt0292m_-webfont.eot');
    src: url('fonts/tt0292m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0292m_-webfont.woff2') format('woff2'),
         url('fonts/tt0292m_-webfont.woff') format('woff'),
         url('fonts/tt0292m_-webfont.ttf') format('truetype'),
         url('fonts/tt0292m_-webfont.svg#humanst521_btbold') format('svg');
font-weight: normal;font-style: normal;}
@font-face {
    font-family: 'eurostileregular';
    src: url('fonts/eurostile-webfont.eot');
    src: url('fonts/eurostile-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurostile-webfont.woff2') format('woff2'),
         url('fonts/eurostile-webfont.woff') format('woff'),
         url('fonts/eurostile-webfont.ttf') format('truetype'),
         url('fonts/eurostile-webfont.svg#eurostileregular') format('svg');
font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'eurostilebold'; 
    src: url('fonts/eurostile-bold-webfont.eot');
    src: url('fonts/eurostile-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurostile-bold-webfont.woff2') format('woff2'),
         url('fonts/eurostile-bold-webfont.woff') format('woff'),
         url('fonts/eurostile-bold-webfont.ttf') format('truetype'),
         url('fonts/eurostile-bold-webfont.svg#eurostilebold') format('svg');
font-weight: normal;font-style: normal;}

html{background:url(../img/bg/bg1.jpg) repeat}
body{background:url(../img/bg/bg.jpg) repeat-x top;}
#header{height:230px; background:url(../img/bg/header.png) center 66px no-repeat; position:relative }
 .logo{ margin-top:85px; float:left}
 .slogan{float:left; width:460px; margin:100px 0 0 100px; text-align:center;font-family: 'eurostileregular'; font-size:21px;}
 .slogan strong{font-family: 'eurostilebold';}
 .fones{float:right; margin-top:100px;}
	.fones li{display:block;font-family: 'eurostilebold'; font-size:18px}
	.fones li span{font-size:16px;font-family: 'eurostileregular';}
/********************** Inicio Menu *******************************/
	
#menu{ height:48px; width:100%; float: left; left:0; background:url(../img/bg/menu.png) repeat-x; top:199px; position:absolute; z-index:99;}
#menu ul{display:block; margin:0 auto; width:930px;}
#menu ul li{ float:left; height: 43px;}
#menu ul li a{ font-size:16px; display: block; height: 43px; padding: 0px 10px; font-family:'humanst521_btbold', Arial, sans-serif; line-height: 43px; color:#000; text-transform: uppercase; } 
#menu ul li a:hover{ color:#fff; background:url(../img/bg/hover.jpg) repeat-x top; transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; } 

/********************** Inicio titulos *******************************/ 
.ttclientes{color:#346608; font-size:20px; font-family:'humanst521_btbold', Arial, sans-serif; margin-bottom:-22px;}
.tit{color:#fff; font-size:21px; font-family:'humanst521_btbold', Arial, sans-serif; background:url(../img/icones/tit.jpg) no-repeat 0 0;
 padding:8px 5px 17px 25px; text-transform:uppercase; margin-bottom:5px;}
/********************** Inicio Conteiner *******************************/
#painel-home{float:left; width:100%; max-height:411px; display:block; position:relative;}
.trev-slidebg{max-height:411px !important; height:411px  }
	 
.conteiner {padding-top:20px;}
.conteiner p {line-height: 18px;} 

.home{padding:0px 0; background: rgba(176, 164, 152, 0.5);}
.bxhome{float:left; width:245px}
.boxe-home{ float:left; width:245px; height:auto; margin:5% 0;}
.boxe-home h2{ color:#346608; font-size:20px; margin-bottom:5px; font-family:'humanst521_btbold', Arial, sans-serif; text-transform:uppercase;}
.boxe-home p{ font-size:14px; }
.boxe-home a{ font-size:14px; color:#fff; background:url(../img/btn/btn.jpg) repeat-x 0 0; float:left; clear:both; padding:10px; margin-top:10px; }
 
.painel2{float:right; width:717px; margin-left:-200px;}
 
/*---------------------- Formulários --------------------*/
#form {width: 490px; float: left; padding: 0px 0 0 0;}
#form label{display: block; float: left; padding: 0 0 16px 0; min-height: 50px; font-family: Arial, sans-serif; }
#form input,#form textarea{background: #fff; border: 1px solid #aeaeae; height: 29px; font-size:14px}
#form .lr {float: right;}
#form label span { display: block; padding: 0 0 3px 0; font-size: 14px; color:#000; font-family: Arial, sans-serif; font-weight:bold; }
#form input[type=text],#form textarea { padding: 5px; width: 480px; }
#form input[type=email], #form input[type=tel] {width: 230px; padding: 5px;}
#form textarea{  height:145px;  }
#form input[type=submit]{ cursor:pointer; background:#559c19; color:#fff; border:none; font-family: Arial, sans-serif;font-weight:bold; 
width:100px; font-size:14px; height:40px; float:left; text-transform:uppercase}
#form input[type=submit]:hover{background:#9f9f9b;}

/*Footer Rodapé*/
.sofa{background:url(../img/sofa.png) no-repeat center bottom; width:100%; height: 360px; margin: -200px 0 -130px 0; z-index: 0; position: relative;}
#footer{ background:url(../img/bg/footer.jpg) top center #d3bb8e; height:auto; color:#FFF; padding:15px 0;} 
#footer address{ float:left; margin:20px 0; font-family:'humanst521_btbold', Arial, sans-serif; font-size:16px; width:100%; position:relative; z-index:6;
text-align:center; color:#000}
#footer address a{color:#fff; font-size:14px;}
.pratica {background: url(../img/pratica.png) no-repeat left top; display:block; margin:0 auto; height: 19px;width: 65px; clear:both}
.autor{ float:right;margin: 37px 0 0 0; font-size:12px; width:173px;}
/********************** Inicio Interna *******************************/
.main{padding:15px; background:#fff; min-height:350px; margin-bottom:50px; position:relative; z-index:10} 
.banner{display:block; margin:0 auto 20px auto;}
.main p{font-size:14px; margin-bottom:20px;}

.conteudo{float:left; width:620px;}
.sidebar{float:right; width:290px;}
.sidebar h4{font-size:18px; line-height:20px; margin:10px 0;font-family: 'eurostileregular';}

#map_canvas{float:left; width:100%; height:350px; border:1px solid #CCC; margin-bottom:20px;}

.fotos{float:left; width:100%;}
.fotos li{width:13%; margin:0.4%; text-align:center; border:1px solid #77b047; width:145px; height:145px; float:left;}

.obras{float:left; width:100%; margin-bottom:3%; position:relative;}
	.obras h3{float:left; width:145px; height:105px; background:#9fc939; margin-right:4px;}
	.obras h3 span{padding:25px; display:block}	
	.lupa{background:url(../img/icones/pesquisa.jpg); width:29px; height:29px; position:absolute; bottom:10px; right:10px;}

.produtos{float:left; width:23%; margin:1%;}	
	.produtos h3{font-size:14px; font-weight:bold; text-transform:uppercase; margin:7px 0 25px 0;}
	.produtos p{font-size:12px}

.servicos{float:left; width:31%; margin:1%;}
	.servicos h3{font-size:17px; font-family: 'eurostilebold'; border-bottom:1px solid #559c19; margin-bottom:5px; }
	.servicos li{float:left; width:23%; margin:1%;}		
	.servicos li img{border:1px solid #77b047; padding:5px;}

.contato{float:right; width:395px; margin-top:25px;}	
	.contato img{display:block; margin-bottom:10px; }
/********************** Classes úteis *******************************/
.bt-efeito:hover {opacity: 0.80; -moz-opacity: 0.80; -webkit-opacity: 0.80; -o-opacity: 0.80; filter: alpha(opacity=80);}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
p.error {margin: 0; padding: 0;  color: #f00; font-size: 10px;}

.tac {text-align: center;}

#dp_swf_engine {display:none;}
/* INICIO PAGINAÇÕES */
#paginacao {margin: 0px 0 0 0;	clear:both;	padding: 5px; width:100%; height:20px;text-align:center; vertical-align:middle;	float:left;}
#paginacao a{color:#333; text-decoration: none;	border:1px solid #1a5764; line-height:20px;	padding:3px 6px; margin-left:3px; font-size:12px;}
#paginacao a.anterior{margin-left:0;}
#paginacao p {padding: 0;}
#paginacao strong{background:#1a5764;border:1px solid #1a5764;line-height:0;padding:3px 6px;margin-left:3px;color:#fff;}
/* FIM PAGINAÇÕES */

img {max-width: 100%;}
.barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; }
@media only screen and (max-width: 959px) {
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.bgplb {background: url(../img/icones/pull.png) no-repeat right bottom; width: 36px; height: 36px; margin-right: 20px; float: right; padding: 0 40px 0 0;}  
	.off-canvas {left: 0 !important;}
	#menu {background: #559c18; position: fixed; left: -100%; top: 0;  z-index: 99999; width: 200px; height: 100%; overflow-y: scroll; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #ddd;}
	#menu ul li a {text-align: left; color: #fff; font-size: 1.3em; text-indent: 0px; width: auto; height: auto; line-height: 36px; padding: 0 0 0 10px; }
	#menu ul li a:hover{background:#44790d;} 
.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; width: 100%; height: 35px; z-index:99999; background: #559c18;}	
.barratopo p{color: #fff; position: absolute; z-index: 99999; line-height:35px; right: 60px; font-size:14px;}
.barratopo span {color: #fff; position: absolute; z-index: 99999; line-height:35px; left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.sofa{display:none;}
.logo{margin-left:15px;}
.slogan{width:40%;}
.fones{margin-right:15px;}		
.conteudo{width:67%;}
.sidebar, .contato{width:30%;}	
.servicos h3{height:40px;}
.servicos li img{max-width:80%;}
.obras h3{width:25%;}
.obras img{width:74%; height: 105px;}
#form{width:65%}
#form textarea, #form label,#form input[type=email], #form input[type=tel], #form input[type=text]{width:100% !important; } 
#form input[type=submit]{width:100px !important; }	
.home{padding:0 15px;}
.painel2{width:70%;}
.bxhome{width:40%;} 
#index .conteiner{ padding:15px;}
.rev-slidebg{height:auto; max-height:411px;}
	} 

/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 767px) {
.sidebar, .slogan, .contato, .painel2{display:none}
.conteudo, .bxhome{width:100%;}	
.servicos, .boxe-home{width:48%;}
.produtos{width:47%; display:inline-table; float:none}
.obras h3 {width:auto; height:auto }
.obras h3 span{padding:10px; }
.obras img{width:100%; height: 95px;}	
#form{width:97%}
		}

		@media screen and (max-width: 600px) {
			.servicos, .boxe-home {
    			float: none;
    			width: auto;
			}
		}


/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 470px) {
.servicos, .produtos{width:100%;}		
.servicos h3{height:auto;}
		}