/*-------------------------------------------------------------------- LAYOUT Style Litocar(IE7+ FF1.5+ Opera9+) Version: 1.0 - 2011 author: Burocratik email: alex@burocratik.com ana@burocratik.com website: http://www.burocratik.com -----------------------------------------------------------------------*/ @import url(reset.css); .usados100{ display: block; position: absolute; right: 0px; top: 0px; width: 200px; height: 200px; background: transparent url(../files/usados100-bg.png) no-repeat; } .usados100 a{ display: block; position: absolute; right: 0px; top: 0px; width: 120px; height: 120px; background: transparent url(../files/usados100-text.png) no-repeat right top; text-indent: -5555px; } /*----------------------------------------------------------------------*/ body { font: 13px/15px Corbel, Helvetica, Arial, sans-serif; color: #959595; background: #ffffff url(../imgs/body-bg.png) no-repeat center top; text-shadow: #FFF 0px 1px 1px; } h3{font-size: 24px; line-height: 24px; color: #f7b511; font-weight: normal; padding-bottom: 10px;} h4{font-size: 18px; line-height: 18px; color: #5d5c5a; padding-bottom: 5px;} h5{font-size: 13px; line-height: 18px; color: #5d5c5a; padding-bottom: 5px; text-transform: uppercase;} h6{font-size: 16px; line-height: 19px; color: #f7b511; font-weight: bold; padding-bottom: 5px;} a{color: #959595; text-decoration: none;} a:hover, a:focus{color: #f7941e;} .spot{color: #f7941e;} .info{color: #8c8c8c; font-size: 13px;} .destaque{font-size: 17px; line-height: 19px;} .space20{padding-top: 20px;} .space35{padding-top: 35px;} .space60{padding-top: 60px;} hr{ display: block; width: 450px; height: 30px; border: none; margin: 0; clear:both; background: transparent url(../imgs/form-bg.png) no-repeat left top; color: #FFF; } #contentMain p, .contentSec p, #contentMain ul{padding-bottom: 10px;} #contentMain .blocoEsq ul li{padding: 0 0 10px 10px; background: transparent url(../imgs/lista-bg.png) no-repeat left top;} #content strong{color: #5d5c5a;} #content a{color: #5d5c5a; border-bottom: 1px solid #f7941e;} #content a:hover{color: #f7941e; border-bottom: 1px solid transparent;} .lower{text-transform: none;} /*------------------------------------------------------------------------- =Different font -------------------------------------------------------------------------*/ .dFont #enderecos .info p{font-size: 13px; line-height: 15px;} .dFont #enderecos .info p.adr{font-size: 15px;} .dFont #enderecos .info h4{font-size: 16px;} /*------------------------------------------------------------------------- =HEADER -------------------------------------------------------------------------*/ #header{ display: block; position:relative; width: 950px; height: 150px; margin: 0 auto; padding: 0; } #header h1{ position: absolute; top: 20px; left: 10px; width: 170px; height: 125px; background: transparent url(../imgs/id.png) no-repeat; text-indent: -5555px; } #header h1 a{position: relative; display:block; width: 100%; height: 100%; text-indent: -5555px; border: 0;} /* =Nav. main */ #navMain{ position: absolute; top: 95px; right:0px; width: 710px; height:40px; background: transparent url(../imgs/navMain-bg.png) no-repeat 0px -320px; } #navMain li{display: block; position: relative; float: left; width: auto; height: 40px;} #navMain li.direita{float: right;} #navMain li.on{background: transparent url(../imgs/navMain-bg.png) no-repeat center -280px;} #navMain li a{ display: block; position: relative; width: auto; height: 28px; text-decoration: none; border: none; text-indent: -5555px; } #navMain li a#navL1{width: 50px; background: transparent url(../imgs/navMain-bg.png) no-repeat 0px 0px;} #navMain li a#navL2{width: 90px; background: transparent url(../imgs/navMain-bg.png) no-repeat 0px -40px;} #navMain li a#navL3{width: 85px; background: transparent url(../imgs/navMain-bg.png) no-repeat 0px -80px;} #navMain li a#navL4{width: 90px; background: transparent url(../imgs/navMain-bg.png) no-repeat 0px -120px;} #navMain li a#navL5{width: 70px; background: transparent url(../imgs/navMain-bg.png) no-repeat 0px -160px;} #navMain li a#navL6{width: 105px; background: transparent url(../imgs/navMain-bg.png) no-repeat 0px -200px;} #navMain li a#navL7{width: 115px; background: transparent url(../imgs/navMain-bg.png) no-repeat 0px -240px;} #navMain li a#navL1:hover, #navMain li.on a#navL1{background-position: -110px 0px;} #navMain li a#navL2:hover, #navMain li.on a#navL2{background-position: -110px -40px;} #navMain li a#navL3:hover, #navMain li.on a#navL3{background-position: -110px -80px;} #navMain li a#navL4:hover, #navMain li.on a#navL4{background-position: -110px -120px;} #navMain li a#navL5:hover, #navMain li.on a#navL5{background-position: -110px -160px;} #navMain li a#navL6:hover, #navMain li.on a#navL6{background-position: -110px -200px;} #navMain li a#navL7:hover, #navMain li.on a#navL7{background-position: -110px -240px;} /* =Nav. marcas */ #header h2{ display: block; position: absolute; width: 250px; height: 24px; right: 235px; top: 30px; background: transparent url(../imgs/navMarcas-bg.png) no-repeat 0px 0px; text-indent: -5555px; } .navMarcas{position: absolute; top: 15px; right: 0px; width: 215px; height: 34px; padding: 10px 0;} .navMarcas li{display: block; position: relative; float: left; width: auto; height: 34px;} .navMarcas li a{ display: block; position: relative; width: auto; height: 34px; text-decoration: none; border: none; text-indent: -5555px; } .navMarcas li a#navM1{width: 30px; background: transparent url(../imgs/navMarcas-bg.png) no-repeat -5px -34px;} .navMarcas li a#navM2{width: 37px; background: transparent url(../imgs/navMarcas-bg.png) no-repeat -35px -34px;} .navMarcas li a#navM3{width: 35px; background: transparent url(../imgs/navMarcas-bg.png) no-repeat -72px -34px;} .navMarcas li a#navM4{width: 33px; background: transparent url(../imgs/navMarcas-bg.png) no-repeat -107px -34px;} .navMarcas li a#navM5{width: 71px; background: transparent url(../imgs/navMarcas-bg.png) no-repeat -140px -34px;} /*------------------------------------------------------------------------- =CONTENT -------------------------------------------------------------------------*/ #content{ display: block; width: 950px; margin: 0 auto; padding: 0 0 30px; overflow: hidden; background: transparent url(../imgs/contentMain-bg.png) no-repeat -950px bottom; } /* CONTENT TOP */ #contentTop{position:relative; float: left; width: 950px; height:auto;} /* CONTENT MAIN */ #contentMain{ display: block; position:relative; float: left; width: 910px; padding: 50px 20px 10px; margin: 0; background: transparent url(../imgs/contentMain-bg.png) no-repeat left top; } .blocoEsq{display: block; position: relative; float: left; width: 330px; padding-right: 110px; font-size: 15px; line-height: 17px; margin-right: 10px;} #contentMain .blocoDta, .contentSec .blocoDta{display: block; position: relative; float: left; width: 450px;} #contentMain .bloco{ display: block; position: relative; float: left; width: 205px; height: auto; font-size: 13px; line-height: 15px; padding: 0 20px 20px 0; margin: 0 0 20px 0; } /* blocoLink */ #contentMain .blocoLink strong, #contentMain .blocoLink em, #contentMain .blocoLink p.destaque{color: #959595; font-size: 13px; line-height: 15px;} #contentMain .blocoLink .pBottom{ display: block; position: absolute; left: 0px; bottom: 0px; width: 200px; height: 22px; font-size: 13px; line-height: 15px; padding: 0; line-height: 22px; font-weight: bold; } #contentMain .blocoLink .pBottom a{ display: block; position:absolute; right: 0px; top: 0px; width: 83px; height:22px; text-indent: -5555px; background: transparent url(../imgs/footerTop-nav.png) no-repeat -261px -115px; border: none; } #contentMain li.blocoLink .pBottom{bottom: 20px; width: 190px;} #content #blocoNews .blocoLink .pBottom a:hover{background-position: -621px -240px;} #content .media .blocoLink .pBottom a:hover{background-position: -621px -240px;} #content .recursos .blocoLink .pBottom a:hover{background-position: -621px -217px;} /* CONTENT SEC */ .contentSec{ display: block; width: 950px; margin: 0 auto; padding: 0 0 20px; overflow: hidden; background: transparent url(../imgs/contentMain-bg.png) no-repeat -950px bottom; } .contentSecBottom{ display: block; position:relative; float: left; width: 910px; padding: 50px 20px 10px; margin: 0; background: transparent url(../imgs/contentMain-bg.png) no-repeat left top; } /* SEM BACKGROUND */ .bgClean #content{position:relative; padding: 0; background: none;} .bgClean #contentMain{width: 950px; padding: 0; margin: 0; background: none;} .bgClean #content a{border: none;} #content blockquote{ display: block; position: relative; float: left; width: 350px; padding: 72px 50px 0; font-size: 18px; line-height: 21px; color: #fcaf17; font-style: italic; } #content blockquote p{padding: 0px;} #content blockquote span{display: block; position: absolute; font-size: 70px; line-height: 70px; width: 30px;} #content blockquote span.quoteEsq{left: 0px; top: 60px;} #content blockquote span.quoteDta{right: 30px; top: 160px;} /*------------------------------------------------------------------------- =FOOTER -------------------------------------------------------------------------*/ #footer{display: block; position:relative; width: 950px; height: auto; margin: 10px auto 0; padding: 0;} /* Footer Top */ #footer #footerTop{display: block; position:relative; float: left; width: 950px; height: 150px; margin: 0 0 5px; padding: 0;} #footer #footerTop #marcacao{display: block; position:relative; float: left; width: 590px; height: 150px;} #footer #footerTop #marcacao h4{ display: block; position: relative; float: left; width: 590px; height: 150px; padding: 0; background: transparent url(../imgs/marcacao-bg.png) no-repeat 0px 0px; text-indent: -5555px; } #footer #footerTop #marcacao h4:hover{cursor: pointer;} /* FORMULÁRIO */ #footer #footerTop #marcacao #formulario h4{ display: block; position: absolute; left: 20px; top: 20px; width: 155px; height: 35px; padding: 0; background: transparent url(../imgs/marcacao-bg.png) no-repeat -20px -170px; text-indent: -5555px; } #footer #footerTop #marcacao #formulario p.info{ display: block; position: absolute; left: 22px; top: 60px; width: 170px; height: auto; font-size: 16px; line-height: 18px; color: #5d5c5a; } /* blocos */ #footer #footerTop #marcacao div{ display: block; position: absolute; left: 0px; top: 0px; width: 550px; height: 110px; padding: 20px; background: transparent url(../imgs/marcacao-bg.png) no-repeat -590px 0px; } /* BT Close */ /*#footer #footerTop #marcacao div*/ p.btClose{ display: block; position: absolute; right: 10px; top: 10px; width: 15px; height: 15px; z-index: 100; background: transparent url(../imgs/marcacao-bg.png) no-repeat -400px -165px; text-indent: -5555px; } /*#footer #footerTop #marcacao div*/ p.btClose:hover{ cursor: pointer; background: transparent url(../imgs/marcacao-bg.png) no-repeat -400px -180px; } /* MENSAGENS - Erro / Certo */ #footer #footerTop #marcacao div p.msgErro, #footer #footerTop #marcacao div p.msgCerto{ display: block; position: absolute; left: 60px; top: 40px; width: 400px; padding: 0 0 20px 75px; font-size: 18px; line-height: 21px; color: #595252; } #footer #footerTop #marcacao div p.msgCerto{background: transparent url(../imgs/marcacao-bg.png) no-repeat -1050px -165px;} #footer #footerTop #marcacao div p.msgErro{background: transparent url(../imgs/marcacao-bg.png) no-repeat -460px -165px;} #footer #footerTop #marcacao div ul{position: absolute; left: 135px; top: 65px; color: #5d5c5a; font-size: 14px; line-height: 18px;} /* FORMULÁRIO */ #footer #footerTop #marcacao form{display: block; position: absolute; left:215px; top: 40px; width: 350px; height: auto;} #footer #footerTop #marcacao form p{ display: block; position: relative; float: left; width: 370px; height: auto; font-size: 16px; line-height: 18px; color: #5d5c5a; margin-bottom: 7px; } #footer #footerTop #marcacao form label{display: block; position: relative; float: left; width: 45px; font-size: 12px; line-height: 20px; color: #5d5c5a; font-weight: bold;} #footer #footerTop #marcacao form input[type=text], #footer #footerTop #marcacao form select{ display: block; position: relative; float: left; width: 230px; height: 20px; color: #5d5c5a; font: 12px/20px Corbel, Helvetica, Arial, sans-serif; color: #959595; background-color: #fafafa; border: 1px solid #959595; padding: 0 5px; } #footer #footerTop #marcacao form input.w105{width: 105px;} #footer #footerTop #marcacao form select.w105{width: 117px;} #footer #footerTop #marcacao form input.w55, #footer #footerTop #marcacao form input#matr{width: 55px;} #footer #footerTop #marcacao form label.l50{width: 50px; padding: 0 2px 0 5px;} #footer #footerTop #marcacao form select{padding: 0px;} #footer #footerTop #marcacao form input.btSubmit{ display: block; position: relative; float: left; width: 63px; height: 22px; margin-left: 15px; border: none; text-indent: -5555px; background: transparent url(../imgs/marcacao-bg.png) no-repeat -1053px -278px; cursor: pointer; padding: 0; } #footer #footerTop #marcacao form input.btSubmit:hover{background-position: -1117px -278px;} #footer #footerTop #marcacao form input[type=text]:hover, #footer #footerTop #marcacao form select:hover, #footer #footerTop #marcacao form input[type=text]:focus, #footer #footerTop #marcacao form select:focus{border: 1px solid #fcaf17;} #footer #footerTop ul#navFooter{position:relative; float: left; width: 360px; height: 150px; background: transparent url(../imgs/footerTop-nav.png) no-repeat 0px -150px;} #footer #footerTop ul#navFooter li{position:relative; float: left; width: 360px; height: 50px;} #footer #footerTop ul#navFooter li#navF1{background: transparent url(../imgs/footerTop-nav.png) no-repeat 0px 0px;} #footer #footerTop ul#navFooter li#navF2{background: transparent url(../imgs/footerTop-nav.png) no-repeat 0px -50px;} #footer #footerTop ul#navFooter li#navF3{background: transparent url(../imgs/footerTop-nav.png) no-repeat 0px -100px;} #footer #footerTop ul#navFooter li#navF1:hover{background-position: -360px 0px;} #footer #footerTop ul#navFooter li#navF2:hover{background-position: -360px -50px;} #footer #footerTop ul#navFooter li#navF3:hover{background-position: -360px -100px;} #footer #footerTop ul#navFooter li h5{display: none;} #footer #footerTop ul#navFooter li p{text-indent: -5555px;} #footer #footerTop ul#navFooter li a{display: block; position:absolute; left: 263px; top: 15px; width: 80px; height:20px; text-indent: -5555px;} /* Footer Bottom */ #footer #footerBottom{ display: block; position:relative; float: left; width: 950px; height: auto; margin: 5px 0 0; padding: 10px 0; font: 10px/10px Arial, Helvetica, sans-serif; color: #b8b8b8; text-transform: uppercase; border-top: 1px solid #dedede; } #footer #footerBottom p{position: relative; float: right; padding-top: 8px;} #footer #footerBottom p.copyr{position: relative; float: left;} #footer ul.footerNav{position: relative; float: left; padding-top: 8px;} #footer ul.footerNav a{border: 0; color: #b8b8b8;} #footer ul.footerNav a:hover, #footer ul.footerNav a:focus{color: #f7941e;} #footer ul.footerNav li{display: inline; border-left: 1px solid #dedede; padding-left: 15px; margin-left: 15px;} /* Nav. Redes Sociais */ #navRedes{position: relative; float: right; width: 65px; height: 20px; margin-left: 5px;} #navRedes li{display: block; position: relative; float: right; width: auto; height: 20px; margin-left: 5px;} #navRedes li a{ display: block; position: relative; width: auto; height: 20px; text-decoration: none; border: none; text-indent: -5555px; } #navRedes li a#navR1{width: 17px; background: transparent url(../imgs/navRedes-bg.png) no-repeat 0px 0px;} #navRedes li a#navR2{width: 16px; background: transparent url(../imgs/navRedes-bg.png) no-repeat -18px 0px;} /*#navRedes li a#navR3{width: 16px; background: transparent url(../imgs/navRedes-bg.png) no-repeat -34px 0px;}*/ #navRedes li a#navR1:hover, #navRedes li.on a#navR1{background-position: 0px -20px;} #navRedes li a#navR2:hover, #navRedes li.on a#navR2{background-position: -18px -20px;} /*#navRedes li a#navR3:hover, #navRedes li.on a#navR3{background-position: -34px -20px;}*/ /*------------------------------------------------------------------------- =Paginação -------------------------------------------------------------------------*/ #contentMain ul.pagination{display: block; position: relative; float: left; width: 450px; height: auto; padding: 0; margin-top: 50px;} #contentMain ul.pagination li{ display: block; position: relative; float: left; width: 20px; height: 20px; text-align: center; font-size: 13px; line-height: 17px; margin: 0 2px 2px 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #contentMain ul.pagination li a{ display: block; position: relative; float: left; width: 20px; height: 20px; border-bottom: none; color: #787776; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #contentMain ul.pagination li a:hover{background-color: #787776; text-shadow: 0px 1px 1px #5d5c5a; color: #FFF;} #contentMain ul.pagination li.on{color: #FFF; background-color: #f7b511; text-shadow: 0px 1px 1px #f7941e;}