/*	
Documento de estilo de Vermonde
Criado por Lorran Tejada dos Santos - 07/10/2014
www.legulas.com.br
*/

/*------------------------------------------------------------------------------------------------------------------------------------------FONTS*/
@font-face {
    font-family: 'GillSansMTREGULAR';
    src: url('fonts/gill-sans.eot');
    src: url('fonts/gill-sans.eot?#iefix') format('embedded-opentype'),   
        url('fonts/gill-sans.woff') format('woff'),
        url('fonts/gill-sans.woff2') format('woff2'),
        url('fonts/gill-sans.ttf') format('truetype'),
        url('fonts/gill-sans.svg#GillSansMTREGULAR') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GillSansMTBold';
    src: url('fonts/gill-sans-bold.eot');
    src: url('fonts/gill-sans-bold.eot?#iefix') format('embedded-opentype'),   
        url('fonts/gill-sans-bold.woff') format('woff'),
        url('fonts/gill-sans-bold.woff2') format('woff2'),
        url('fonts/gill-sans-bold.ttf') format('truetype'),
        url('fonts/gill-sans-bold.svg#GillSansMTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------------------------------------------------------------------------------------------CSS RESET*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{ display:block;}
*{margin:0; padding:0; border:0; text-decoration:none; list-style:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
color: #000000;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: 'GillSansMTREGULAR';
vertical-align: baseline;}
:focus { outline: 0;}
a{color: #000000}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table { border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul, li {list-style:none;padding:0px;margin:0px;}
input, textarea, select, button{font-size: 100%; font-family: inherit;}
select {margin: inherit;}
html, body{height:100%;}
/*------------------------------------------------------------------------------------------------------------------------------------------ALL*/
.body{background: #FFFFFF;}
::-webkit-input-placeholder {color: #FFFFFF;}
:-moz-placeholder {color: #FFFFFF; }
::-moz-placeholder {color: #FFFFFF; }
:-ms-input-placeholder {color: #FFFFFF;}
.container{margin:0 auto; position:relative; width: 960px}
.left{float:left;}
.right{float:right;}
.margin-auto{margin: 0 auto;}
.vertical{display: table-cell; top: 50%; vertical-align: middle;}
.block{display: block;}
.none{display: none;}
.absolute{ position: absolute;}
.relative{position: relative;}
.clear{clear: both;}
.all{position: relative; min-height: 100%;}
.table{display: table;}
.text-center{text-align: center !important;}
.justify{text-align: justify;}
.center{display: block; margin: 0 auto;}
.cw{color: #FFFFFF;}

.col01{width: 120px;}
.col02{width: 240px;}
.col03{width: 360px;}
.col04-60{width: 420px;}
.col04{width: 480px;}
.col04-empresa{width: 550px;}
.col04-r{padding-right: 10px; width: 470px;}
.col04-l{padding-left: 10px; width: 470px;}
.col05{width: 600px;}
.col06{width: 720px;}
.col07{width: 840px;}
.col08{width: 960px;}
/*---------------------------------------------------------------------------------------------------------------------------------------HEADER*/
.header{background: url(../images/header.png) repeat-x top center; height: 140px; overflow: hidden; position: relative; z-index: 50;}
/*----------------------------------------------------------------LOGO*/
.top-logo{display: table; float: left; height: 118px; width: 290px;}
/*-----------------------------------------------------------------NAV*/
.nav{float: right;}
.nav-list{position: relative; z-index: 999;}
.nav-list > li.destaques{background-color: #188bbd; float: left; margin: 40px 3px 0 3px; padding: 10px 0 10px 0; position: relative; width: 88px;}
.nav-list > li.destaques a{}
.nav-list > li.destaques:hover{float: left; margin: 0 3px 0 3px; padding: 50px 0 49px 0; position: relative; width: 88px;}
.nav-list > li.bw2:hover{background: #f8f8f8;}
.nav-list > li.bw.ativo2{background: #777777;}
.nav-list > li:hover, .nav-list > li.ativo2{background: #777777;}
.nav-list > li:hover, .nav-list > li.ativo2 a:hover{color: #000000;}
li.destaques .set-down{display: none; background: url(../images/set-down.png) no-repeat top center; height: 5px; width: 8px; position: absolute; left: 40px; top: 40px;}

.nav-list > li.outros{float: left; padding: 50px 0 49px 0; position: relative; width: 88px;}
.nav-list > li.bw:hover, .nav-list > li.bw.ativo{background: #f8f8f8;}
.nav-list > li:hover, .nav-list > li.ativo{background: #188bbd;}
.nav-list > li > a{display: table; position: relative; text-align: center; width: 88px;}
.nav-list > li.outros > a > .vertical{font-size: 0.937em;}
.set-down{background: url(../images/set-down.png) no-repeat top center; height: 5px; width: 8px; position: absolute; left: 40px; top: 75px;}
.set-down-none{background: url(../images/set-down.png) no-repeat top center; display: none; height: 5px; width: 8px; position: absolute; left: 40px; top: 75px;}
.set-down-w{background: url(../images/set-down-w.png) no-repeat top center; height: 5px; width: 8px; position: absolute; left: 40px; top: 75px;}
.set-down-w-none{background: url(../images/set-down-w.png) no-repeat top center; display: none; height: 5px; width: 8px; position: absolute; left: 40px; top: 75px;}
.contato{background: ; height: 118px; width: 960px; position: absolute; top: 0; right: -960px;}
/*-------------------------------------------------------------------------------------------------------------------------------------CONTENT*/
/*----------------------------------------------------------GERAL*/
.main{padding-bottom: 302px;}
.content{display: table; padding-bottom: 50px; width: 960px;}
.content p{text-align: justify;}
.item-title-box{height: 54px; margin: 0 0 20px 0px;}
.title-box{font-size: 1.25em; line-height: 54px;}
.paginacao{clear: both; display: table; padding: 50px 0px 20px 0px}
.paginacao-lista{border: 1px solid #1b9cd4; display: table; float: right; padding: 6px 0;}
.paginacao-lista > li{display: inline-block; margin: 0 5px;}
.paginacao-lista > li > a{color: #1b9cd4;;}
.paginacao-lista > li > a:hover{text-decoration: underline;}
#mapa{height: 250px; width: 100%;}
/*----------------------------------------------------------INDEX*/
.index-contato{height: 60px;}
.index-contato h1{float: left; font-size: 1.25em; line-height: 60px; margin: 0 0 0 10px;}
.index-contato .servicos-tt{display: block; float: left; line-height: 60px;}
/*.index-contato > .container > */.contato-button{color:#FFFFFF; float: left; height: 30px; line-height: 30px; padding: 0 12px 0 32px;}
/*.index-contato > .container > */.fone{background: #999999 url(../images/fone.png) no-repeat 10px 9px; margin: 17px 1px 0 20px;}
.index-contato > .container > .mail{background: #777777 url(../images/mail.png) no-repeat 10px 10px; margin: 17px 1px 0 1px;}
.index-servicos{border-top: 1px solid #c7c7c7; height: 134px;}
.index-servicos-list{float: left; margin-top: -1px;}
.index-servicos-list li{border-top: 1px solid #c7c7c7; float: left; height: 140px; margin-top: -1px; width: 230px;}
.box-serv{display: table; float: left; height: 134px; position: relative; width: 40px;}
.next-carousel-serv{background: url(../images/set-left.png) no-repeat top center; cursor: pointer; display: block; float: right; height: 25px; width: 23px;}
.index-servicos-list li:hover{background: #FFFFFF url(../images/set-down-large.png) no-repeat top center;}
.index-servicos-list li:hover .icon-serv{opacity: 0.8;}
.index-servicos-list li > a{display: table; height: 134px; position: relative;}
.icon-serv{float: left; text-align: center; margin-right: 10px;}
.text-serv{display: block; float: left; font-size: 1.062em; height: 56px; padding-top: 12px; width: 150px;}
.set-large-down{background: url(../images/set-down-large.png) no-repeat; display: block; height: 14px; width: 27px; position: absolute; top: 0; left: 0;}
/*-----------------------------------------------------------------CAROUSEL*/
.carousel{height: 330px; margin-top: -32px; position: relative; width: 960px;}
.carousel li{height: 330px; overflow: hidden; width: 960px;}
.cycle-overlay {background: url(../images/bg-over-bk.png) repeat top center; position: absolute; top:66px; left: 36px; width: 455px; z-index: 600; color: white; padding: 15px;}
.carousel-tt{color: #1b9cd4; font-size: 1.5em;}
.carousel-text{color: #FFFFFF; font-size: 1.062em;}
.carousel-button{background: #1b9cd4; color: #FFFFFF; float: right; line-height: 44px; margin: 5px 0; text-align: center; width: 124px;}
.carousel-button:hover{background: #188bbd;}
.cycle-pager {text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;}
.cycle-pager span {font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer; }
.cycle-pager span.cycle-pager-active { color: #1b9cd4;}
.cycle-pager > * {cursor: pointer;}
/*-----------------------------------------------------------------CONTATO*/
.form-contato .input-group{margin-bottom: 10px;}
.form-contato .input-group > label{display: block;}
.form-contato .input-group > input, .form-contato .input-group > textarea{background: #ededed; padding: 10px 5px; width: 100%;}
.form-contato .input-group > textarea{height: 150px; resize: none;}
.form-contato .input-group > .enviar{background: #1b9cd4; color: #FFFFFF; cursor:pointer; line-height: 44px; padding: 0 80px; text-align: center;}
.form-contato .input-group > .enviar:hover{background: #188bbd;}
/*-----------------------------------------------------------------NOTICIAS*/
.noticias-lista > li{clear: both; margin-bottom: 25px;}
.noticias-lista > li > h2, .noticia > h2{font-size: 1.125em; margin-bottom: 10px;}
.noticias-lista > li > p, .noticia > p{clear: both; margin-bottom: 5px; text-align: justify;}
.noticias-lista > li > .date, .noticia > .date{color: #1b9cd4; font-size: 0.687em;}
.noticias-lista > li > a{border: 1px solid #1b9cd4; color: #1b9cd4; display: block; float: right; margin: 5px 0; padding: 6px 0; text-align: center; width: 85px;}
.noticias-lista > li > a:hover{background: #1b9cd4; color: #FFFFFF;}
/*-----------------------------------------------------------------CLIENTES*/
.clientes-lista > li { border: 1px solid #ededed; float: left; margin-bottom: 6px; margin-right: 10px; padding: 2px 4px;}
.clientes-lista > li img { height: 120px; width: 170px;}
/*-----------------------------------------------------------------SERVICOS*/
.servicos .dicas-tt{clear: both; display: block;}
.servicos h2.dicas-tt{background: #1b9cd4; color: #FFFFFF; cursor: pointer; font-size: 1.25em; margin: 2px 0; padding: 5px 20px;}
.servicos .p01{margin-bottom: 10px; padding-top: 20px;}
.servicos .dicas-box img{padding: 24px 10px 10px 0;}
/*--------------------------------------------------------------------OBRAS*/
.obras > li{clear: both; display: table; margin-bottom: 25px;}
.obras > li > h2{font-size: 1.25em; margin-bottom: 10px;}
.obras > li > h3{font-size: 1.125em; margin-bottom: 10px;}
.obras > li > p{clear: both; margin-bottom: 5px; text-align: justify;}
.lista-obras > li{float: left; height: 130px; margin-right: 10px; margin-bottom: 10px; padding: 0 50px 0 0px; width: 130px;}
/*---------------------------------------------------------------------------------------------------------------------------------------FOOTER*/
.top-footer, .top-footer > div > div{background: #ededed; height: 222px;}
.list-carousel-obras li.cycle-slide{display: block; margin-right: 10px; overflow: hidden; width: 234px;}
.text-carousel-obras{display: block; width: 234px;}
.next-carousel-obras{background: url(../images/set-left.png) no-repeat top center; cursor: pointer; display: block; height: 25px; width: 23px; position: absolute; top: 110px; right: 50px;}
.top-footer h1{font-size: 1.25em; line-height: 76px;}
.top-footer h2{font-size: 1.25em; line-height: 28px; margin-left: 50px;}
.top-footer p{margin-left: 50px; margin-top: 8px; width: 248px;}
.top-footer .date{color: #1b9cd4; font-size: 0.687em; margin-left: 50px;}
.top-footer .ver-todas{line-height: 76px; margin-right: 75px;}
.top-footer .ver-todas:hover{text-decoration: underline;}
.top-footer .ver-todas > a{display: block; height: 20px;}
.leimais{border: 1px solid #1b9cd4; color: #1b9cd4; display: block; margin: 5px 0; padding: 6px 0; text-align: center; width: 85px;}
.leimais:hover{background: #1b9cd4; color: #FFFFFF;}
.leimais2{border: 1px solid #1b9cd4; color: #1b9cd4; display: block; margin: -50px 0; padding: 6px 0; text-align: center; width: 85px;}
.leimais2:hover{background: #1b9cd4; color: #FFFFFF;}
.footer{height: 302px; width: 100%; position: absolute; bottom: 0;}
.footer-logo{padding-top: 17px;}
.footer-adress{line-height: 20px; margin: 20px 0 0 0; padding-left: 35px;}
.footer-adress h1{float: left; font-size: 1em;}
.icon{display: block; height: 27px; width: 27px; position: absolute; right: 0; top: 20px;}
.face{background: url(../images/social.png) no-repeat top left;}
.legulas{}
.legulas:hover{color: #188bbd;}