body{
  	background:#e7f8ff url(/images/comum/001a.png) repeat-x top center;
}
.extra{
  	position:relative;
  	background:url(/images/comum/001.png) repeat 0 0px;
	-webkit-animation: slide 120s linear infinite;
  	animation: slide 120s linear infinite;
}
.extra:before{
  	display:block;
  	content:'';
  	position:absolute;
  	background:url(/images/comum/001aa.png) repeat 0 0;
	-webkit-animation: slide2 210s linear infinite;
  	animation: slide2  210s linear infinite;
	width:100%;
  	height:389px;
  	top:0px;
  	left:0px;
}
@-webkit-keyframes slide {
    from { background-position: 0 0px; }
    to { background-position: -2100px 0px; }
}
@-webkit-keyframes slide2 {
    from { background-position: 0 0; }
    to { background-position:2100px 0; }
}
.header,
.footer{
  	line-height:140%;
}
.header {
  	height:170px;
}
.header .logo{
  	top:-23px;
  	left:10px;
  z-index:999;
}
.head-links{
  	top:45px;
  	right:30px;
}
.link,
.head-links a{
  	display:inline-block !important;
  	color:#20150a;
}
a.link1,
a.link2{
  	padding:5px 0px 5px 25px;
	margin-right:30px;
}
.head-links a.link1:hover,
.head-links a.link2:hover{
  	text-decoration:underline;
}
a.link1{
  	background:url(/images/comum/001b.png) no-repeat left center;
}
a.link2{
  background:url(/images/comum/001c.png) no-repeat left center;
}
a.link{
  	padding:5px 25px;
  	background:#aac644;
  	border:1px solid #97b03b;
  	text-transform:uppercase;
  	border-radius:10px;
  	transition:all .2s ease;
}
a.link:hover{
  	background:#97b03b;
  	color:#FFF;
}
.box-menu {
  	top:110px;
  	right:30px;      
}
/*
.box-menu:after,
.box-menu:before{
  	display:block;
  	content:'';
  	position:absolute;
  	height:13px;
}
.box-menu:before{
  	background:#FFF;
  	width:900px;
  	border-radius:0 5px 0 0;
  	right:-50px;
  	bottom:-13px;
}
.box-menu:after{
  	background:url(/images/comum/002.png) no-repeat;
  	width:5px;
  	left:-43px;
}*/



.menu a{
  	display:block;
  	text-transform:uppercase;
  	padding:20px 25px;
  	background:#c2ebff;
  	color:#20150a;
  	border-radius:10px 10px 0 0;
  	margin:0 1px;
}
.menu li.ativo a,
.menu a:hover{
  	background:#FFF;
}
.menu li.oculto{ display:none; }



/* HEADER - TITULO*/
.barra-titulo{
  	margin-right:-19px;
  	position:relative;
  	line-height:140%;
}
.barra-titulo:after,
.barra-titulo:before{
  	display:block;
  	content:'';
  	position:absolute;
  	height:13px;
  	top:5px;
}
.barra-titulo:before{
  	background:#FFF;
  	width:900px;
  	border-radius:0 5px 0 0;
  	right:0px;
}
.barra-titulo:after{
  	background:url(/images/comum/002.png) no-repeat;
  	width:5px;
  	left:46px;
}

.barra-titulo h1{
  	background:rgba(255,255,255,.3);
  	margin:20px 44px 0 47px;
  	padding:18px 40px; 
  	width:780px;
  	height:25px;
  	font-size:30px;
  	color:#936434;
}
.barra-titulo h1:before,
.barra-titulo  h1:after{
  	display:block;
  	content:'';
  	height:61px;
  	position:absolute;
  	z-index:9;
  	top:0px; 
}
.barra-titulo h1:before{
  	background:url(/images/comum/004a.png) no-repeat; 
  	width:47px;
  	left:-47px;
}
.barra-titulo h1:after{
  	background:url(/images/comum/004b.png) no-repeat; 
  	width:44px;
  	right:-44px;
}
.foto img{
  	display:block;
  	width:100%;
  	height:auto;
  	border-radius:8px;
}
.foto a{
  	background:#FFF;
  	padding:8px;
  	border-radius:16px;
  	margin:20px;
}
.foto a span{
  	display:block;
  	line-height:120%;
  	color:#936434;
  	font-weight:700;
  	margin:10px 5px 5px;
  	overflow:hidden;
  	height:65px;
}/**/

.foto a,
.foto a span{
  	transition:all .2s ease;
}

.foto a:hover{	
	background:#6a8b40;
}
.foto a:hover span{
	color:#FFF;
}
.corpo{
  	padding-bottom:370px;
}
.footer{
  	background:url(/images/comum/002a.png) no-repeat center bottom;
  	width:100%;
  	bottom:0px;
}
.footer .container{
  	height:315px;
}
.footer .f01{
  	top:45px;
  	left:20px;
  	color:#355904;
}
.footer .f01 .f-end{
  	padding-left:25px;
  	background:url(/images/comum/001d.png) no-repeat left center;
  	margin-bottom:20px;
}

.footer .f02{
  	top:45px;
  	right:20px;  
}
.footer .f02 li{
  	margin-bottom:10px;
}
.footer .f02 a.link1,
.footer .f02 a.link2{
  	background-position:right center;
  	padding-right:25px;
  	color:#355904;
  	margin-right:0px;
}
.footer .f02 a.link1{
  	font-weight:700;
}
.footer .f02 a.link2{
  	font-size:16px; 
}

.copy,
.dev{
  	color:#FFF;
  	bottom:10px;
  	font-size:14px;
}
.copy{
  	left:20px;
}
.dev{
  	right:20px;
}
.dev img{
  	margin:0 0 -2px 5px;
}
@media only screen and (max-width:1174px) {
    .container{ width:960px; }
  
  	.header .logo img{ width:230px; height:auto; }
  	.menu a{ padding:20px 15px; }
  
  	.footer .f01,
  	.footer .f02{ top:5px; }
  
  .barra-titulo:before { width: 770px;}
  .barra-titulo h1{width:650px; }
  
  	.g-4 { width: 650px; }
}
@media only screen and (max-width: 960px) {
    .container{ width:760px; }
  
  	.head-links{ right:auto; left:260px; top:25px; }
  	.head-links li{ float:none;  }
  
  	.box-menu{ z-index:99999;}
  	.box-menu,
  	.menu{ display:none; }
 	.menu-mobile{ display:block; width:30px; height:30px; top:70px; right:10px;  padding:5px; z-index:9999; }
  	.menu-mobile .menui{ width:calc(100% - 10px); height:2px; background:#000; z-index:2; }
 	 .menu-mobile.ativo .menui{ background:#FFF; }
  	.menu-mobile .menui.top-menu{ top:10px; transform:rotate(0deg);  transition:transform .6s ease, top .6s ease, left .6s ease;  transition-timing-function: cubic-bezier(.75,0,.29,1.01); }
  	.menu-mobile .menui.mid-menu{ top:50%; margin-top:-1px; opacity:1; transition:opacity .6s ease;}
  	.menu-mobile .menui.bottom-menu{ bottom:10px;transform:rotate(0deg); transition:transform .6s ease, bottom .6s ease, right .6s ease;   transition-timing-function: cubic-bezier(.75,0,.29,1.01); }
  
  	.menu-mobile.ativo .mid-menu{  opacity:0; }
  	.menu-mobile.ativo  .top-menu{ top:18px; left:5px; transform:rotate(45deg); }
  	.menu-mobile.ativo  .bottom-menu{ bottom:19px; right:5px; transform:rotate(-225deg); }
  	.bg-body.ativo {    background: rgba(0,0,0,.7);    height: 0px;    transition: height .4s;   width: 100%;    height: 100vh;    top: 0;    left: 0; z-index:9999; }

  	.box-menu.ativo,
  	.menu.ativo { display:block; }
  	.menu li{ float:none; text-align:center; }
  	.menu li a{ border-radius:0px; font-weight:700; color:#FFF; background:transparent; }
  	.menu li.ativo a,
  	.menu li a:hover{ color:#20150a;}
 	.box-menu{ width:300px; right:50%; margin-right:-150px; height:392px; top:50%; margin-top:-196px; position:fixed; }
  
  	.destaque .lista li{ width:50%; }
  
  	.barra-titulo:before{ top:-15px; width:100%; border-radius:0px; }
  	.barra-titulo{ float:none; margin-right:0px; }
  	.barra-titulo h1{ margin:20px 0px; padding:18px 20px; width:calc(100% - 40px); height:auto; line-height:120%; }
  	.barra-titulo:after,
  	.barra-titulo h1:before, 
  	.barra-titulo h1:after{ display:none; }
  
  .g-4 { width:calc(100% - 270px); }
  .g-2 { width: 250px; }
  
  .box-txt{ margin:0 20px; }
  
  .foto .lista li{ width:33.333%; }
  
  .foto-detalhe a{ margin:10px; }
  
  .lista-fotos{ margin-top:40px; }
}
@media only screen and (max-width: 768px) {
	.container{ width:95%; }
	a[href^=tel]{  color:inherit;  text-decoration:none; }
  
 .g-4,
  .g-2 { width: calc(100% - 5px); }
  
  .box-txt,
  .box{ margin:0px; }
  
  .foto-detalhe .lista li,
  .projeto .lista-fotos li,
  .lista-fotos li{ width:33.333%; }
  
  .foto-detalhe a,
  .projeto .lista-fotos a,
  .lista-fotos a{ margin:5px; }
  
  .foto .lista li{ width:50%; }
}
@media only screen and (max-width: 650px) {
  .header .logo{ top:10px; left:50%; margin-left:-75px; }
  .header .logo img{ width:150px;  }
  .head-links{ display:none; }
  
  	.boxtv{ min-height:150px; }
  
  .corpo{ padding-bottom:520px; }
  .footer .container{ height:450px; }
  
  .footer .f01, 
  .footer .f02{ text-align:center; width:330px; left:50%; margin-left:-165px; }
  .footer .f01{ top:100px; }
  
  	.footer .f02 a.link1, 
  	.footer .f02 a.link2{ background-position:left center; }
  
  	.boxf{ width:100%; float:none; }
  	.form textarea{ height:190px; }
  
  	.box-menu{ height:455px; margin-top:-227.5px;  }
  	.menu li.oculto{ display:block; }
  
  	.destaque{ max-width:400px; margin:50px auto; }
  	.destaque .lista li{ width:100%; }
  	.destaque a{ margin:10px 0 40px; }
}
@media only screen and (max-width: 530px) {
  	.copy{ display:none; }
  	.dev{ right:50%; width:130px; margin-right:-65px; }
  
  	.apresentacao .box-apre{ margin:60px 10px 30px; }	
  
  	.footer .f01,
  	.footer .f02{ width:280px; margin-left:-140px; }
  
  	.footer .f02 a.link1, 
  	.footer .f02 a.link2{ padding-right:0px; }
  
  	.tj{ text-align:left; }
}
@media only screen and (max-width: 500px) {
  	.foto-detalhe .lista li,
  	.projeto .lista-fotos li,
  	.lista-fotos li{ width:50%; }
  	
  	.foto .lista li{ width:100%; }
  	.foto a span{ height:auto; }
}