@charset "utf-8";

/* Padroniza browsers
----------------------------------*/
* {margin: 0; padding: 0; border: none;}

/* Padronizaçaão do jQueryUI
----------------------------------*/
.ui-dialog-titlebar {font-size: 72%;}
.ui-dialog .ui-button {font-size: 0.7em !important;}

/* Html
----------------------------------*/
html, body {height: 101%;}
input[type="submit"] {cursor: pointer;}

body {background: #e2e7de url("../images/body-home.png") repeat-x; font-family: arial; font-size: 14px; line-height: 20px; color: #2f2929;}
#body-content {background: #e2e7de url("../images/body-content.png") repeat-x;}

/* Box
----------------------------------*/
.box-full {display: none; position: absolute; top: 52px; left: 0; width: 100%; min-height: 423px; background: #e2e7de; border-bottom: 1px dashed #84c661; z-index: 2; color: #7b7b7b;}
.box-full .box-content {width: 848px; margin: 0 auto; position: relative;}
.box-full .box-content #box-loader {position: absolute; top: 179px; left: 50%;}
.box-full .box-content .close-box {color: #7b7b7b; font-size: 13px; width: 65px; float: right; margin-top: 40px;}
.box-full .box-content .close-box span {color: #59a630; font-size: 24px; font-weight: bold; text-shadow: -1px 1px #fff; position: absolute; right: 0;}
.box-full .box-content .box-conteudo {float: left;}
.box-full .box-content .box-conteudo h2 {color: #59a630; font-size: 24px; font-weight: bold; margin: 40px 0 28px 0; text-shadow: -1px 1px #fff;}

/* Gmap
----------------------------------*/
#gmap {}

/* Geral
----------------------------------*/
#geral {width: 930px; margin: 0 auto; padding: 0 45px; position: relative; z-index: 1;}

/* HTML
----------------------------------*/
a {text-decoration: none;}
p {margin: 15px 0;}

/* Header
----------------------------------*/
#header {height: 52px;}
#header #mail {float: left; height: 30px; line-height: 30px; margin-top: 16px; color: #bfbfbf;}
#header #mail span {background: url("../images/sprite.png") no-repeat -95px 0px; width: 28px; height: 20px; float: left; margin: 5px 20px 0 0;}
#header #mail:hover span {background: url("../images/sprite.png") no-repeat -95px -21px;}
#header #phone {color: #bfbfbf; float: right; margin: 18px 16px 0 0;}
/*#header #busca {width: 18px; height: 24px; background: url("../images/sprite.png") -282px -122px; float: right; margin-top: 16px; text-indent: -9999px;}*/

/* Redes sociais
----------------------------------*/
.redes {list-style: none; float: right; margin-top: 16px;}
.redes li {float: left; width: 23px; height: 23px; margin-left: 16px;}
.redes li a {display: block; width: 23px; height: 23px; text-indent: -9999px;}
.redes li a#busca {width: 18px; height: 24px; background: url("../images/sprite.png") -282px -122px;}
.redes li a.twitter {background: url("../images/sprite.png") no-repeat 0 0;}
.redes li a.twitter:hover {background: url("../images/sprite.png") no-repeat 0 -23px;}
.redes li a.facebook {background: url("../images/sprite.png") no-repeat -24px 0;}
.redes li a.facebook:hover {background: url("../images/sprite.png") no-repeat -24px -23px;}
.redes li a.flickr {background: url("../images/sprite.png") no-repeat -47px 0;}
.redes li a.flickr:hover {background: url("../images/sprite.png") no-repeat -47px -23px;}
.redes li a.gmaps {background: url("../images/sprite.png") no-repeat -71px 0;}
.redes li a.gmaps:hover {background: url("../images/sprite.png") no-repeat -71px -23px;}

/* Logotipo
----------------------------------*/
#logotipo {float: left; width: 259px; height: 62px; background: url("../images/sprite.png") no-repeat -129px 1px; clear: both; margin-top: 31px; text-indent: -9999px;}

/* Menu
----------------------------------*/
.nav {list-style: none; float: right; margin: 55px 0 56px 0; font-size: 17px; position: relative; height: 29px;}
.nav li {float: left;}
.nav li.back {background: url("../images/sprite.png") no-repeat right -92px; width: 9px; height: 30px; z-index: 8; position: absolute;}
.nav li.back .left {background: url("../images/sprite.png") no-repeat left -62px; height: 30px; margin-right: 9px;}
.nav li a {font-size: 17px; text-decoration: none; color: #fff; outline: none; text-align: center; letter-spacing: 0; z-index: 10; display: block; float: left; height: 30px; line-height: 30px; position: relative; overflow: hidden; padding: 0 10px;}
.nav li a:hover, .nav li a:active, .nav li a:visited {border: none;}

/* Conteúdo
----------------------------------*/
#conteudo {}

#content-cx {margin-top: 13px; float: left;}
#content-cx h1 {color: #59a630; font-size: 24px; font-weight: bold; margin: 0 0 0 40px; text-shadow: -1px 1px #fff;}
#content-cx #content {width: 506px; min-height: 568px; margin-top: 26px; padding-top: 36px; padding: 35px; background: #fff url("../images/destaque.gif") repeat-x; border: 1px solid #d2d2d2;}
#content-cx #content h2 {font-size: 20px; font-weight: normal; margin-bottom: 20px;}
#content-cx #content a {color: #58a530;}

/* Blog
----------------------------------*/
#blog {list-style: none; min-height: 345px;}
#blog li {width: 506px; margin-top: 26px; padding: 35px 35px 50px 35px; position: relative; background: #fff url("../images/destaque.gif") repeat-x; border: 1px solid #d2d2d2;}
#blog li .comment-blog {position: absolute; top: -15px; right: 28px; font-size: 12px; font-weight: bold; text-align: center; color: #fff; width: 29px; height: 26px; padding-top: 1px; background: url("../images/sprite.png") 0 -149px;}
#blog li .blog-titulo a {font-size: 20px; font-weight: normal; color: #2f2929;}
#blog li .blog-header {margin: 10px 0; color: #a1a1a1; font-size: 13px;}
#blog li .blog-header a {color: #688ecb;}
#blog li hr {border-width: 0; height: 1px; border-top: 1px solid #d2d2d2; color: #d2d2d2;}
#blog li .blog-post-lista {margin: 24px 0;}
#blog li .blog-post-lista a {color: #2f2929; display: block;}
#blog li .blog-post {margin: 24px 0;}
#blog li .blog-post a {color: #58A530;}
#blog li .blog-footer {margin-top: 18px;}
#blog li .blog-footer a {color: #a1a1a1; font-size: 13px; float: left; margin-right: 18px;}
#blog li .blog-footer a.compartilhar span {float: left; width: 23px; height: 23px; margin-right: 10px; background: url("../images/sprite.png") 0 -177px;}

#blog-coments {margin-top: 40px;}
#blog-coments h3 {color: #3d403e; font-size: 20px; font-weight: normal; margin-left: 7px;}
#blog-coments #blog-list-coments {list-style: none; margin-top: 7px;}
#blog-coments #blog-list-coments li {border: 1px solid #a5b9da; height: 104px; margin: 30px 0 24px 0; width: 556px; padding: 20px 10px; background: url("../images/blog-coments.png");}
#blog-coments #blog-list-coments li img {float: left; margin-right: 23px;}
#blog-coments #blog-list-coments li .blog-coment-txt {float: left; width: 490px;}
#blog-coments #blog-list-coments li .blog-coment-txt h4 {color: #426eb6; font-size: 16px; font-weight: normal;}
#blog-coments #blog-list-coments li .blog-coment-txt span {font-size: 10px;}
#blog-coments #blog-list-coments li .blog-coment-txt .blog-coment-msg {font-size: 13px;}
#blog-coments hr {border-width: 0; height: 1px; border-top: 1px solid #d2d2d2; color: #d2d2d2; margin: 15px 0;}

.form-blog input[type="text"] {width: 365px !important;}
.form-blog textarea {width: 520px !important;}

.facebook-like {border: none; overflow: hidden; width: 250px; height: 25px;}

/* Destaque blog
----------------------------------*/
#destaque-blog {margin-top: 13px; float: left;}
#destaque-blog h2, #destaque-blog h1 {color: #59a630; font-size: 24px; font-weight: bold; margin-left: 40px; text-shadow: -1px 1px #fff;}
#destaque-blog ul {list-style: none;}
#destaque-blog ul li {position: relative; width: 506px; height: 76px; margin-top: 26px; padding: 35px 35px 20px 35px; background: #fff url("../images/destaque.gif") repeat-x; border: 1px solid #d2d2d2;}
#destaque-blog ul li .comment-blog {position: absolute; top: -15px; right: 28px; font-size: 12px; font-weight: bold; text-align: center; color: #fff; width: 29px; height: 26px; padding-top: 1px; background: url("../images/sprite.png") 0 -149px;}
#destaque-blog ul li a {color: #2f2929; display: block;}
#destaque-blog ul li h3 {font-size: 20px; font-weight: normal; margin-bottom: 20px;}

/* Slideshow
----------------------------------*/
#slider {position:relative; width: 930px; height: 325px; border: 1px solid #d2d2d2; margin-bottom: 37px; background: url("../images/ajax-loader-3.gif") no-repeat 50% 50%;}
#slider img {position:absolute; top:0px; left:0px; display:none;}
#slider a {border:0; display:block;}
.nivo-controlNav {position:absolute; right: 10px; bottom: -30px;}
.nivo-controlNav a {display:block; width:22px; height:22px; background: url("../images/sprite.png") -342px -122px; text-indent:-9999px; margin-right:3px; float:left;}
.nivo-controlNav a.active {background-position:-320px -122px;}
.nivo-directionNav a {display:block; width:30px; height:30px; background:url(../images/nivo-slider/arrows.png) no-repeat; text-indent:-9999px;}
a.nivo-nextNav {background-position:-30px 0; right:15px;}
a.nivo-prevNav {left:15px;}
.nivo-caption {text-shadow:none;}
.nivo-caption a {color:#efe9d1; text-decoration:underline;}

/* Destaque twitter
----------------------------------*/
#destaque-twitter {margin-top: 13px; float: right; position: relative;}
#destaque-twitter h2 {color: #59a630; margin-left: 40px; font-size: 24px; font-weight: bold; text-shadow: -1px 1px #fff;}
#destaque-twitter ul {list-style: none; width: 289px; height: 254px; background: #fff url("../images/destaque.gif") repeat-x; border: 1px solid #d2d2d2; margin-top: 26px; padding: 36px 20px 0 20px; z-index: 1;}
#destaque-twitter ul li {padding-bottom: 10px; margin-bottom: 10px;}
#destaque-twitter ul li#twitter-loader {background: url("../images/ajax-loader-2.gif") no-repeat center 0; padding-top: 30px; margin-top: 70px; text-align: center;}
#destaque-twitter ul li.border {border-bottom: 1px solid #d7d9d5;}
#destaque-twitter ul li a {color: #58a530;}

/* Destaque serviços
----------------------------------*/
#destaque-servicos {margin-top: 25px; float: right; position: relative;}
#destaque-servicos h2 {color: #59a630; margin-left: 40px; font-size: 24px; font-weight: bold; text-shadow: -1px 1px #fff;}
#destaque-servicos ul {list-style: none; width: 289px; height: 239px; background: #fff url("../images/destaque.gif") repeat-x; border: 1px solid #d2d2d2; margin-top: 26px; padding: 36px 20px 0 20px; z-index: 1;}
#destaque-servicos ul li {padding-bottom: 14px; margin-bottom: 14px;}
#destaque-servicos ul li.border {border-bottom: 1px solid #d7d9d5;}
#destaque-servicos ul li a {color: #2f2929/*58a530*/;}
#destaque-servicos ul li a:hover {color: #58a530;}

/* Destaque portfólios
----------------------------------*/
#destaque-portfolios {margin-top: 25px; float: right; position: relative;}
#destaque-portfolios h2 {color: #59a630; margin-left: 40px; font-size: 24px; font-weight: bold; text-shadow: -1px 1px #fff;}
#destaque-portfolios ul {list-style: none; width: 289px; height: 290px; background: #fff url("../images/destaque.gif") repeat-x; border: 1px solid #d2d2d2; margin-top: 26px; padding: 36px 20px 0 20px; z-index: 1;}
#destaque-portfolios ul li {padding-bottom: 14px; margin-bottom: 14px;}
#destaque-portfolios ul li.border {border-bottom: 1px solid #d7d9d5;}
#destaque-portfolios ul li a {color: #2f2929/*58a530*/;}
#destaque-portfolios ul li a:hover {color: #58a530;}
#destaque-portfolios #mais-portfolio {position: absolute; bottom: 20px; left: 20px; color: #58a530;}

/* Lista
----------------------------------*/
#lista {list-style: none;}
#lista li {padding-bottom: 30px; margin-bottom: 14px;}
#lista li.border {border-bottom: 1px solid #d2d2d2;}
#lista li a.mais {float: right; color: #58a530;}
#lista li .serv-desc {display: none;}
#lista li .serv-resumo-open {color: #A1A1A1;}

/* Portfólio
----------------------------------*/
#portfolio-cx {width: 960px; margin-bottom: 30px;}
#portfolio {list-style: none; margin-top: 30px;}
#portfolio li {float: left; margin: 0 20px 40px 0; width: 300px; height: 235px; position: relative;}
#portfolio li .link-thumb {background: #000 url(../images/mais.png) center 50px no-repeat; display: block; width: 300px; height: 138px; position: relative; overflow: hidden;}
#portfolio li .link-thumb img {position: absolute;}
#portfolio li .mais {color: #58a530; position: absolute; left: 0; bottom: 0;}
#portfolio li h2 {margin-top: 10px; font-size: 20px; font-weight: normal;}
#portfolio li div {font-size: 12px; line-height: 16px; margin-top: 12px;}

/* Formulários
----------------------------------*/
.form-geral {float: left;}
.form-geral {}
.form-geral label {}
.form-geral {}
.form-geral input[type="text"] {width: 236px; height: 26px; padding: 0 5px; border: 1px solid #bbb; background: #fff;}
.form-geral dd label {display: block; clear: both;}
.form-geral textarea {width: 236px; height: 110px; padding: 0 5px; border: 1px solid #bbb; background: #fff; overflow: auto;}
.form-geral input[type="text"]:focus, .form-geral textarea:focus {background: #fffbcc; border-color: #8ba9d8;}
.form-geral input[type="submit"] {padding: 3px 5px; border: 1px solid #bbb; background: #fff;}
.form-box input[type="submit"] {color: #7b7b7b;}
.form-geral .errors, .form-geral .error {list-style: none; color: #f00; font-size: 12px;}
.form-geral .errors li {}
.txt-contato {float: left; margin: 15px 0 0 25px;}
.mapa-open {color: #58a530;}

#form-busca {display: none; top: 40px; right: 30px; position: absolute; width: 248px; height: 65px; background: url(../images/sprite.png) no-repeat 0 -246px;  padding: 10px 0 0 10px;}
#form-busca #close-form-busca {position: absolute; top: 3px; right: 20px; background: transparent; cursor: pointer; color: #59a630; font-size: 18px; font-weight: bold;}
#form-busca label {width: 200px; float: left; margin-left: 5px;}
#form-busca input[type="text"] {width: 153px; height: 21px; padding: 0 5px; margin-left: 5px; border: 1px solid #bbb; background: #fff;}
#form-busca input[type="submit"] {position: absolute; right: 25px; top: 30px; width: 53px; height: 23px; height: 23px; background: url("../images/sprite.png") no-repeat -214px -148px;}

#form-briefing input[type="text"] {width: 490px;}
#form-briefing textarea {width: 490px;}

/* Google maps
----------------------------------*/
#map {height: 350px; border: 1px solid #d2d2d2;}

#gmapa {}
#gmapa form {position:relative;}
#gmapa form label {font-size:15px; margin-left:5px;}
#gmapa form input[type="text"] {width: 400px; height: 26px; padding: 0 5px; border: 1px solid #bbb; background: #fff;}
#gmapa form input[type="text"]:focus {background: #fffbcc; border-color: #8ba9d8;}
#gmapa form input[type="submit"] {padding: 4px 5px; border: 1px solid #bbb; background: #fff; margin-left: 10px;}
#gmapa #mapa {height: 400px; border: 1px solid #d2d2d2; border-bottom:none; margin-top:10px;}
#gmapa .gmnoprint .gmnoprint {background:url(../images/logo-mapa.png) no-repeat 180px 50px;}
#gmapa #route {border: 1px solid #d2d2d2; border-top:none; padding:0 5px;}

/* Pagination
----------------------------------*/
.pagination {text-align: center; margin-top: 20px;}
.pagination a {color: #a1a1a1 !important; border: 1px solid #d2d2d2; font-size: 12px; cursor: default; background: #fff;}
.pagination a.ativo {color: #2f2929 !important; border: 1px solid #d2d2d2; font-size: 12px; cursor: pointer;}
.pagination a.text {padding: 3px 5px;}
.pagination a.number {padding: 3px 7px;}
.pagination .ativo:hover, .pagination a.current {background: #79BD53; color: #fff !important; border-color: #79BD53;}

/* Busca
----------------------------------*/
.titulo-busca {color: #59a630; font-size: 24px; font-weight: bold; text-shadow: -1px 1px #fff;}
.lista-busca {margin: 10px 0 20px 10px;}
.lista-busca li {list-style: none;}

/* Footer
----------------------------------*/
#footer {width: 100%; height: 160px; margin-top: 55px; background: url("../images/footer.png");}
#footer #footer-content {width: 930px; height: 160px; margin: 0 auto; padding: 0 45px; position: relative;}
#footer #footer-content #bird {position: absolute; width: 167px; height: 95px; right: 76px; top: -76px; background: url("../images/sprite.png") -33px -149px; z-index: 3; text-indent: -9999px;}
#footer #footer-content address {font-style: normal; color: #fff; float: left; margin: 37px 45px 0 0;}
#footer #footer-content #phone-mail {color: #fff; float: left; margin-top: 37px;}
#footer #footer-content .nav-footer {list-style: none; float: right; margin-top: 47px;}
#footer #footer-content .nav-footer li {float: left; margin-left: 13px;}
#footer #footer-content .nav-footer li a {font-size: 15px; text-decoration: none; color: #fff;}
#footer #footer-content .nav-footer li a:hover, .nav-footer li.active a {color: #282727 !important;}
#footer #footer-content #footer-content-bottom {height: 56px; margin-top: 27px;}
#footer #footer-content #footer-content-bottom #logotipo-footer {position: absolute; bottom: 14px; left: 42px;  background: url("../images/sprite.png") 0 -122px; width: 279px; height: 26px; text-indent: -9999px;}
#footer #footer-content #footer-content-bottom .redes {position: absolute; bottom: 14px; right: 42px;}