@charset "utf-8";
*{margin:0;padding:0;}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition-property:all;
-webkit-transition-property:all;
transition-duration:0.3s;
-webkit-transition-duration:0.3s;
transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;}
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

h1, h2, h3, h4, h5, h6, p, li, span{font-family: 'Lato', sans-serif;}
h1{ font-size:40px;}
h3{ font-size:36px; margin:10px 0;}
h3{ font-size:30px; margin:10px 0;}
h4{ font-size:18px; margin:10px 0;}
h5{ font-size:16px; margin:10px 0;}
h6{ font-size:14px; margin:10px 0;}
p{ font-size:14px;}
a{text-decoration:none;color:#fff;}

body {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;color: #37302a;background: #f9f9f9;font: normal 100%/1.4 sans-serif;}
#padding-none{padding:0;}
#padding-form{padding:20px 20px 0 0;}

.nav-collapse, .nav-collapse * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.nav-collapse, .nav-collapse ul {list-style: none;width: 100%;float: left;}
.nav-collapse li {float: left;width: 100%;}
@media screen and (min-width: 40em) {.nav-collapse li {width: 25%;*width: 24.9%; /* IE7 Hack */_width: 19%; /* IE6 Hack */}}
.nav-collapse a {color: #888;text-decoration: none;width: 100%;height:auto;background: #fff;border-bottom: 5px solid #636;padding: 0.7em 1em;float: left;}
.nav-collapse a:hover{color: #fff;background: #636;}
.nav-collapse .alt a {background: #555;}
@media screen and (min-width: 40em) {.nav-collapse a {margin: 0;padding:2.8em 0;float: left;text-align: center;height:90px;}}
.nav-collapse ul ul a {background: #ca3716;padding-left: 2em;}
@media screen and (min-width: 40em) {.nav-collapse ul ul a {display: none;}}
.nav-toggle {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 25%;height: 91px;float: right;text-indent: -9999px;overflow: hidden;background: #636 url(../images/hamburger-retina.gif) no-repeat 50% 33%; background-size:cover;}
@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {.nav-toggle {background-image: url(../images/hamburger-retina.gif);-webkit-background-size: cover;-moz-background-size: 100px 100px;-o-background-size: 100px 100px;background-size: 50px 50px;}}


/*!slide*/
.cbp-bislideshow {list-style: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: -1;padding: 0;margin: 0;}
.cbp-bislideshow li {position: absolute;width: 101%;height: 101%;top: -0.5%;left: -0.5%;opacity: 0;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;transition: opacity 1s;}
/* If background-size supported we'll add the images to the background of the li */
.backgroundsize .cbp-bislideshow li {-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;background-position: center center;}
/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {display: none;}
.cbp-bislideshow li img {display: block;width: 100%;}
.cbp-bicontrols {position: fixed;width: 300px;height: 100px;margin: -50px 0 0 -150px;top: 50%;left: 50%;}
.cbp-bicontrols span {float: left;width: 100px;height: 100px;position: relative;cursor: pointer;}
.cbp-bicontrols span:before {position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;font-family: 'entypo';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 100px;font-size: 80px;color: #fff;-webkit-font-smoothing: antialiased;opacity: 0.7;}
.cbp-bicontrols span:hover:before {opacity: 1;}
.cbp-bicontrols span:active:before {top: 2px;}
span.cbp-biplay:before {content: "\e002";}
span.cbp-bipause:before {content: "\e003";}
span.cbp-binext:before {content: "\e000";}
span.cbp-biprev:before {content: "\e001";}
.cbp-bicontrols span.cbp-binext {float: right;}
/* Fallback */
.no-js.no-backgroundsize .cbp-bislideshow li:first-child {opacity: 1;}
.no-js.backgroundsize .cbp-bislideshow li:first-child img {display: block;}
/*!slide-end*/

.row{overflow:auto;max-width:1200px;margin:auto;}
.row2{overflow:auto;}
.grid-1{width:100%;}
.grid-2{width:50%;}
.grid-3{width:75%;}
.grid-4{width:66.666666666666%;}
.grid-5{width:33.333333333333%;}
.grid-6{width:25%;}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6{padding:20px;float: left;display: block;}
@media screen and (max-width: 768px) and (min-width: 640px) {
.grid-2, .grid-3, .grid-4, .grid-5, .grid-6{ width:50%;}
}

@media screen and (max-width: 640px) {
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6{width:100%;}
}

@media screen and (max-width: 480px) {
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6{width:100%;}
}

.grid-1menu{width:33.333333333333%;}
.grid-2menu{width:66.666666666666%;}
.grid-1menu, .grid-2menu{padding:20px;float: left;display: block;}
@media screen and (max-width: 768px) and (min-width: 640px) {
.grid-1menu{width:33.333333333333%;}
.grid-2menu{width:66.666666666666%;}
}
@media screen and (max-width: 640px) {
.grid-1menu{width:75%;}
.grid-2menu{float: right;width: 100%;position: absolute;display: block;}
}
@media screen and (max-width: 480px) {
.grid-1menu{width:75%;}
.grid-2menu{float: right;width: 100%;position: absolute;display: block;}
}
.text-center{text-align:center;color:#fff;}
.empresa{background:url(../images/bg.jpg) no-repeat fixed;position:absolute;top:0;width:100%;z-index:-1;height:200px;}
.empresa h1{margin-top:100px;}
.content{margin-top:105px;}
@media screen and (max-width: 768px) and (min-width: 640px) {
.empresa{margin-top:91px;float:left;width:100%;height:100px;}
.empresa h1{margin-top:0;}
.content{margin-top:190px;}
}
@media screen and (max-width: 640px) {
.empresa{margin-top:91px;float:left;width:100%;height:100px;}
.empresa h1{margin-top:0;}
.content{margin-top:190px;}
}
@media screen and (max-width: 480px) {
.empresa{margin-top:91px;float:left;width:100%;height:100px;}
.empresa h1{margin-top:0;}
.content{margin-top:190px;}
}

.f1{background:#fff;}
.f2{background:#eee;}
.f3{background:#ddd;}
.f4{background:#ccc;}

.divide{ width:25%; height:1px; background:#fff; margin:20px auto;}

.bt{background:#99f; padding: 20px;overflow: auto;border-radius: 10px;margin-top: 50px;border-bottom:5px solid #88e;}
.bt:hover{background:#77d;border-bottom:5px solid #66c;}

.bg{color:#fff;}
.bg a{color:#fff;}

.abg{background-size: 100% !important;}
.abg:hover{background-size: 115% !important;
animation:bg 5s;
-moz-animation:bg 5s; /* Firefox */
-webkit-animation:bg 5s; /* Safari e Chrome */
-o-animation:bg 5s; /* Opera */
transition-property:none !important;
-webkit-transition-property:none !important;}
.mob{display: none;}

.menu{width: 100%;z-index:500;}
.menu p{font-size: 20px;text-align: center;}
.slide{height: 400px;}
.slide p{text-align: center;margin-top: 140px;font-size: 20px; background: rgba(0,0,0,0.5);color: #fff; padding: 20px; border-radius: 10px;}
.colorbg{background: #636;color:#fff;}
.colorbg p, .colorbg h1, .colorbg h3{text-align: center;}
.colorbg2{background: #636;color:#fff;padding: 40px;}
.colorbg2 h3, .colorbg2 p{padding:20px 0;text-align: center;}
.colorbg2 h3{font-size: 36px;}
.colorbg2 p{font-size: 18px;}
.contrucao{background:url(../images/construcao.jpg) no-repeat #000;}
.obrasdearte{background:url(../images/obrasdearte.jpg) no-repeat #000;}
.restauracao{background:url(../images/restauracao.jpg) no-repeat #000;}
.reforma{background:url(../images/reforma.jpg) no-repeat #000;}
.apoio-social{background:url(../images/apoio-social.jpg) no-repeat #000;}
#ativo{opacity: 1;}
.padmin{padding: 40px;min-height: 240px;}
.padmin2{padding: 40px;min-height: 305px;}
.contrucao, .obrasdearte, .restauracao, .reforma, .apoio-social{background-size: 100%;background-position:center;opacity: 0.5;}
.contrucao:hover, .obrasdearte:hover, .restauracao:hover, .reforma:hover, .apoio-social:hover{opacity: 1;}

.infos{background:#fff;}
.infos h1, .infos h2, .infos h3, .infos h4, .infos h5, .infos h6, .infos p{text-align:center;}
.galeria{}
.filtro{height: 200px;}
.filtro p{text-align: center;margin-top: 80px;}
.content p{padding-bottom: 20px;}
.depoimento{height: 200px;}
.depoimento p{text-align: center;}
.populares{}
.populares p{text-align: center;margin-bottom:20px;}
.footer{background:#333;color:#fff;float:left;width:100%;}

.butlimpar{width: 60px;height: 30px;background-color: #A00;font-family: Tahoma, Geneva, sans-serif;font-size: 14px;color: #fff;border: 1px solid #C00;}
.butlimpar:hover{background-color: #C00;}
.butenviar{width: 60px;height: 30px;background-color: #0A0;font-family: Tahoma, Geneva, sans-serif;font-size: 14px;color: #fff;border: 1px solid #0C0;}
.butenviar:hover{background-color: #0C0;}
.boxtextf{width:100%; margin-top:20px;border: 1px solid #CCC; padding:5px;}
.boxtext2{width:100%;height: 100px;margin-bottom: 20px;border: 1px solid #CCC;padding: 5px;}

#imageg{heigth:263px;}

#imagelightbox{position: fixed;z-index: 9999;-ms-touch-action: none;touch-action: none;}

.no-margim-bottom{margin-bottom: 0 !important}
.no-padding-top{padding-top: 0 !important}
.no-padding-bottom{padding-bottom: 0 !important}
.no-padding-left{padding-left: 0 !important}
.no-padding-right{padding-right: 0 !important}
.padding-left-10{padding-left: 10px !important}
.padding-right-10{padding-right: 10px !important}
.padding-left-5{padding-left: 5px !important}
.padding-right-5{padding-right: 5px !important}

@media screen and (max-width: 768px) and (min-width: 640px) {
.menu{position: absolute;width: 100%;z-index:500;top:0;}
}

@media screen and (max-width: 640px) {
.menu{position: absolute;width: 100%;z-index:500;top:0;}
}

@media screen and (max-width: 480px) {
.menu{position: absolute;width: 100%;z-index:500;top:0;}
}

@media screen and (max-width: 768px) and (min-width: 640px) {
.abg{display: none;}
.mob{display: block;}
}

@media screen and (max-width: 640px) {
.abg{display: none;}
.mob{display: block;}
}

@media screen and (max-width: 480px) {
.abg{display: none;}
.mob{display: block;}
}

@keyframes bg
{from   {background-size: 100%}to {background-size: 115%}}
  @-moz-keyframes bg 
{from   {background-size: 100%}to {background-size: 115%}}
@-webkit-keyframes bg 
{from   {background-size: 100%}to {background-size: 115%}}
@-o-keyframes bg 
{from   {background-size: 100%}to {background-size: 115%}}