﻿@charset "utf-8";

/* tipTip
----------------------------------*/
#tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:99999}#tiptip_holder.tip_top{padding-bottom:5px}#tiptip_holder.tip_bottom{padding-top:5px}#tiptip_holder.tip_right{padding-left:5px}#tiptip_holder.tip_left{padding-right:5px}#tiptip_content{font-family:arial,verdana;font-size:12px;color:#fff;text-shadow:0 0 2px #000;padding:4px 8px;border:1px solid rgba(255,255,255,0.25);background-color:rgb(25,25,25);background-color:rgba(25,25,25,0.92);background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(transparent),to(#000));border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 0 3px #555;-webkit-box-shadow:0 0 3px #555;-moz-box-shadow:0 0 3px #555}#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0}#tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff;border-top-color:rgba(255,255,255,0.35)}#tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff;border-bottom-color:rgba(255,255,255,0.35)}#tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff;border-right-color:rgba(255,255,255,0.35)}#tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff;border-left-color:rgba(255,255,255,0.35)}#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:rgb(25,25,25);border-top-color:rgba(25,25,25,0.92)}#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:rgb(25,25,25);border-bottom-color:rgba(25,25,25,0.92)}#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:rgb(25,25,25);border-right-color:rgba(25,25,25,0.92)}#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:rgb(25,25,25);border-left-color:rgba(25,25,25,0.92)}@media screen and (-webkit-min-device-pixel-ratio:0){#tiptip_content{padding:4px 8px 5px 8px;background-color:rgba(45,45,45,0.88)}#tiptip_holder.tip_bottom #tiptip_arrow_inner{border-bottom-color:rgba(45,45,45,0.88)}#tiptip_holder.tip_top #tiptip_arrow_inner{border-top-color:rgba(20,20,20,0.92)}}

/* 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;}
a {color: #2f4c6e; text-decoration: none;}
a:hover {color: #2f4c6e;}

html {background: #4874a8 url("../images/html-bg.png") repeat-x;}

body {background: url("../images/body-bg.jpg") no-repeat top center; font-family: Georgia, Arial, Verdana; font-style: italic; font-size: 15px; line-height: 20px; color: #383733;}

#geral {width: 941px; margin: 0 auto; padding-top: 80px;}

/* Header
----------------------------------*/
#header {width: 941px; height: 126px; background: url("../images/header-bg.png"); position: relative; margin-bottom: 20px;}

#logotipo {width: 417px; height: 126px; position: absolute; left: 272px; top: -55px; background: url("../images/logotipo.png"); text-indent: -9999px;}

.nav {list-style: none; padding-top: 72px; margin-left: 33px;}
.nav li {float: left;}
.nav li a {color: #22252a; font-size: 22px; text-decoration: none; text-transform: uppercase; height: 36px; line-height: 36px; display: block; float: left; position: relative; padding: 0 14px;}
.nav li a img.nav-left {position: absolute; left: 0; top: 0;}
.nav li a img.nav-right {position: absolute; right: 0; top: 0;}
.nav li a img {display: none;}
.nav li.active a, .nav li a:hover {background: url("../images/nav-cont.png");}
.nav li.active a img, .nav li a:hover img {display: block;}

/* Feeds
----------------------------------*/
#feeds {position: relative; margin-bottom: 20px;}
#feeds #feed-top {width: 941px; height: 10px; background: url("../images/caixa-top.png");}
#feeds #feed-content {width: 941px; height: 20px; background: url("../images/caixa-content.png");}
#feeds #feed-content #feed-left {background: url("../images/feed-left.png"); position: absolute; left: 15px; width: 20px; height: 20px; text-indent: -9999px;}
#feeds #feed-content #feed-right {background: url("../images/feed-right.png"); position: absolute; right: 15px; width: 20px; height: 20px; text-indent: -9999px;}
#feeds #feed-content ul {list-style: none; float: left; margin-left: 45px; font-size: 14px;}
#feeds #feed-content ul li {float: left; width: 845px; overflow: hidden;}
#feeds #feed-bottom {width: 941px; height: 10px; background: url("../images/caixa-bottom.png");}

/* Destaques home
----------------------------------*/
#slide-frases {width: 941px; height: 143px; border-bottom: 1px solid #425b75;}
#slide-frases ul {list-style: none;}
#slide-frases ul li {background: transparent !important; width: 941px;}
#slide-frases ul li h2 {font-size: 49px; line-height: 38px; color: #e3eaee;}
#slide-frases ul li span {font-size: 23px; color: #fde200;}

#nossos-servicos {width: 941px; height: 261px; margin-top: 23px; position: relative;}
#nossos-servicos h2 {width: 217px; height: 31px; background: url("../images/nossos-servicos.png"); text-indent: -9999px; margin: 0 0 22px 37px;}
/*#nossos-servicos #servico-left {position: absolute; width: 45px; height: 45px; top: 136px; left: 14px; background: url("../images/servico-left.png"); text-indent: -9999px;}
#nossos-servicos #servico-right {position: absolute; width: 44px; height: 45px; top: 136px; right: 14px; background: url("../images/servico-right.png"); text-indent: -9999px;}*/
#nossos-servicos .jcarousel-prev {position: absolute; width: 45px; height: 45px; top: 85px; left: 14px; background: url("../images/servico-left.png"); text-indent: -9999px; cursor: pointer;}
#nossos-servicos .jcarousel-prev-disabled {cursor: default;}
#nossos-servicos .jcarousel-next {position: absolute; width: 44px; height: 45px; top: 85px; right: 14px; background: url("../images/servico-right.png"); text-indent: -9999px; cursor: pointer;}
#nossos-servicos .jcarousel-next-disabled {cursor: default;}
#nossos-servicos .jcarousel-container-horizontal {width: 848px; height: 191px; background: url("../images/caixa-content.png"); list-style: none; padding: 15px 0 0 93px;}
#nossos-servicos .jcarousel-container-horizontal .jcarousel-clip-horizontal {width: 760px; height: 191px;}
#nossos-servicos .jcarousel-container-horizontal .jcarousel-item {width: 243px; height: 177px; float: left; margin-right: 13px; text-align: center; position: relative;}
#servicos-top {width: 941px; height: 10px; background: url("../images/caixa-top.png");}
#servicos-bottom {width: 941px; height: 10px; background: url("../images/caixa-bottom.png");}
#nossos-servicos ul {list-style: none;}
#nossos-servicos ul li a {display: block; width: 243px; height: 177px;}
#nossos-servicos ul li a img {}

/* Conteúdo
----------------------------------*/
#conteudo {width: 941px;}
#conteudo #conteudo-top {width: 941px; height: 10px; background: url("../images/caixa-top.png");}
#conteudo #conteudo-content {width: 836px; min-height: 416px; background: url("../images/caixa-content.png"); padding: 25px 60px 25px 45px; position: relative;}
#conteudo #conteudo-bottom {width: 941px; height: 10px; background: url("../images/caixa-bottom.png");}
#page-title {font-size: 44px; color: #2f4c6e; text-transform: uppercase; border-bottom: 1px solid #2f4c6e; padding-bottom: 7px; margin-bottom: 25px;}

/* Listas
----------------------------------*/
#lista-servicos {list-style: none;}
#lista-servicos li {margin-bottom: 20px;}
#lista-servicos li h2 {font-size: 26px;}
#lista-servicos li p {margin-top: 5px;}

/* Tabelas
----------------------------------*/
.caixa-listagem {border-top: none !important; padding-bottom: 1px;}
.listagem {width: 100%; border-collapse: collapse; background: #fff;}
.listagem thead tr {height: 30px;}
.listagem thead tr th {text-align: left; padding-left: 30px;}
.listagem tfoot tr {}
.listagem tfoot tr td {}
.listagem tbody tr {height: 30px; border: none !important;}
.listagem tbody tr td {font-size: 90%; padding-left: 30px; vertical-align: middle;}
.listagem tbody tr td a {color: #57A000; text-decoration: none;}
.listagem tbody tr td a:hover {color: #333;}
.listagem tbody tr td .btn-acoes {font-size: 60%;}
.listagem tbody tr td .btn-acoes .ui-state-disabled a {cursor: default;}
.hover {background: #fffbcc !important;}

/* Lista clientes
----------------------------------*/
#lista-clientes {list-style: none;}
#lista-clientes li {float: left; margin: 0 10px 10px 0;}

/* Área do cliente
----------------------------------*/
#caixa-usuario {position: absolute; top: 55px; right: 60px;}
#caixa-usuario a {margin-left: 40px;}

/* Contato
----------------------------------*/
#form-contato {width: 360px; float: left;}
#form-contato dt {}
#form-contato dd {margin-bottom: 17px;}
#form-contato dd#mensagem-element {margin-bottom: 1px;}
#form-contato dt label {}
#form-contato dd input[type="text"], #form-contato dd input[type="password"] {width: 275px; height: 29px; line-height: 29px; padding: 0 5px; background: #b1bdc3; border: 1px solid #d9e3e8;}
#form-contato dd select {width: 285px; height: 29px; padding: 5px 5px; background: #b1bdc3; border: 1px solid #d9e3e8;}
#form-contato dd textarea {width: 275px; height: 99px; padding: 5px; font-family: Georgia, Arial, Verdana !important; font-size: 14px; color: #383733; background: #b1bdc3; border: 1px solid #d9e3e8; overflow: auto;}
#form-contato dd input[type="text"]:focus, #form-contato dd textarea:focus, #form-contato dd select:focus, #form-contato dd input[type="password"]:focus {border-color: #f4bf09; background: #d6e0e5;}
#form-contato dd input[type="submit"] {width: 80px; height: 29px; line-height: 29px; font-size: 16px; background: #3c608c; color: #f7f7f6;}
#form-contato dd .errors {list-style: none; color: #2f4c6e;}
#txt-contato {float: left; width: 266px; font-style: italic;}
#txt-contato #txt-contato-cont {border-bottom: 1px solid #b2babe; padding-bottom: 21px; margin-bottom: 17px;}

/* Google maps
----------------------------------*/
#gmapa {}
#gmapa form {position:relative;}
#gmapa form label {font-size:15px; margin-left:5px;}
#gmapa form input[type="text"] {width: 275px; height: 29px; line-height: 29px; padding: 0 5px; background: #b1bdc3; border: 1px solid #d9e3e8;}
#gmapa form input[type="text"]:focus {border-color: #f4bf09; background: #d6e0e5;}
#gmapa form input[type="submit"] {width: 80px; height: 29px; position: absolute; top: 1px; line-height: 29px; font-size: 14px; background: #3c608c; color: #f7f7f6;}
#gmapa #mapa {height: 400px; border: 1px solid #2f4c6e; border-bottom:none; margin-top:10px;}
#gmapa .gmnoprint .gmnoprint {background:url(../images/logo-mapa.png) no-repeat 180px 50px;}
#gmapa #route {border: 1px solid #2f4c6e; border-top:none; padding:0 5px;}

/* Rodapé
----------------------------------*/
#footer {width: 100%; height: 305px; margin-top: 30px; background: url("../images/footer.png") repeat-x bottom;}
#footer #footer-content {width: 941px; margin: 0 auto; position: relative;}
#footer #footer-content h2 {width: 254px; height: 24px; background: url("../images/clientes-atendidos.png"); text-indent: -9999px; margin: 0 0 22px 37px;}
#footer #footer-content .jcarousel-prev {position: absolute; width: 45px; height: 45px; top: 55px; left: 14px; background: url("../images/servico-left.png"); text-indent: -9999px; cursor: pointer;}
#footer #footer-content .jcarousel-prev-disabled {cursor: default;}
#footer #footer-content .jcarousel-next {position: absolute; width: 44px; height: 45px; top: 55px; right: 14px; background: url("../images/servico-right.png"); text-indent: -9999px; cursor: pointer;}
#footer #footer-content .jcarousel-next-disabled {cursor: default;}
#footer #footer-content .jcarousel-container-horizontal {width: 848px; height: 147px; padding-left: 93px; background: url("../images/caixa-content.png");}
#footer #footer-content .jcarousel-container-horizontal .jcarousel-clip-horizontal {width: 760px; height: 147px;}
#clientes-top {width: 941px; height: 10px; background: url("../images/caixa-top.png");}

#clientes-bottom {width: 941px; height: 10px; background: url("../images/caixa-bottom.png");}
#footer #footer-content ul {list-style: none;}
#footer #footer-content ul li {width: 157px; height: 115px; float: left; margin: 15px 39px 0 0;}
#footer #footer-content address {color: #9ea2a4; font-style: italic; float: left; margin: 34px 0 0 28px;}
#footer #footer-content #projeteweb {width: 104px; height: 24px; float: right; text-indent: -9999px; background: url("../images/projeteweb.png"); margin: 35px 39px 0 0;}