* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;} html, body { border:0; margin:0; padding:0; } body { font:100%/1.25 Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; } h1 { padding:10px 0; letter-spacing:-1px; font-size:2em; } h2 { letter-spacing:-1px; font-size:1.5em; padding-top: 0px; padding-right: 0; padding-bottom: 10px; padding-left: 0; } a { text-decoration: none; font-family:inherit; font-size:inherit; color:#666; } a:hover { text-shadow: 0 1px 3px rgba(0,0,0, .4);} p, ul, ol { margin:0; padding:0 0 1.25em 0; color: #666666; } ul, ol { padding:0; list-style-position:inside; } blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em; } small { font-size:0.85em; } strong, b { font-weight:bold; font-size:inherit; color:#7c1804;} img { border:0; } sup { position:relative; bottom:0.3em; vertical-align:baseline; } sub { position:relative; bottom:-0.2em; vertical-align:baseline; } acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; } form { margin:0; padding:0; display:inline; } input, select, textarea { font:1em CalibriRegular, Helvetica, sans-serif; } textarea { width:100%; line-height:1.25; } label { cursor:pointer; } table { border:0; margin:0 0 1.25em 0; padding:0; } table tr td { padding:2px; } .clear { clear:both; } .espaco { height:30px;} .float-left { float:left; } .float-right { float:right; } .margin-left { margin-left:0 !important;} .bodyHome { background-color: #f5f5f5; background-image: url(../_imagens/background.jpg); background-repeat: repeat-x; background-position: 0px -160px; margin-bottom:50px; } .bodyContent { background-color: #f5f5f5; background-image: url(../_imagens/background.jpg); background-repeat: repeat-x; background-position: 0px -300px; margin-bottom:50px; } /* Fontes do site */ @font-face{ font-family:'CalibriRegular'; src:url('../_fontes/calibri_0-webfont.eot'); src:local('CalibriRegular'),url('../_fontes/calibri_0-webfont.woff') format('woff'),url('../_fontes/calibri_0-webfont.ttf') format('truetype'),url('../_fontes/calibri_0-webfont.svg#webfontuqlpkWjK') format('svg'); } p { font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666; } h1 { font-family: CalibriRegular, Tahoma; font-size: 13px; color: #333333; font-weight: normal; text-decoration: none; text-transform:uppercase; margin-top: 5px; } h2 { font-family: CalibriRegular; font-size: 22px; color: #333; font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase; } h3 { font-family: CalibriRegular; font-size: 19px; color: #7c1804; font-weight: normal; text-transform: uppercase; text-decoration: none; padding:0 0 10px 0; } h4 { font-family: Arial, Tahoma; font-size: 16px; color: #333; font-weight: normal; padding:10px 0 5px } h5 { font-family: Arial, Tahoma; font-size: 11px; color: #333333; font-weight: normal; float: left; } img { border:0; } /* formularios */ .campo-grande, .campo-medio, .campo-pequeno { background-image: url(../_imagens/fundo-campos.jpg); background-repeat: repeat-x; background-position: 0px 0px; height: 26px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #bbbbbb; border-right-color: #dddddd; border-bottom-color: #dddddd; border-left-color: #bbbbbb; font-family: CalibriRegular, Helvetica, sans-serif; font-size: 11px; color: #666; padding-left: 10px; float: left; margin-top: 5px; } .campo-grande:focus, .campo-medio:focus, .campo-pequeno:focus { border-top-color: #333; border-right-color: #333; border-bottom-color: #333; border-left-color: #333; } .campo-grande { width: 250px; } .campo-medio { width: 140px; } .campo-pequeno { width: 100px; } .bot2ao { font-family: CalibriRegular-ExtraBold, Helvetica, sans-serif; font-size: 12px; color: #FFF; background-image: url(../_imagens/saba-mais.png); height: 28px; width: 97px; text-decoration: none; margin-top: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-left: 5px; background-color: transparent; cursor: pointer; } /* area restrita */ #area-restrita { height: 37px; width: auto; border-top-width: 4px; border-top-style: solid; border-top-color: #FFF; } #area-restrita #conteudo-area-restrita { width: 990px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #area-restrita #conteudo-area-restrita a { background-color: #FFF; height: 28px; width: 85px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; float: right; background-image: url(../_imagens/cadeado.jpg); background-position: 10px 5px; background-repeat: no-repeat; padding-top: 8px; padding-left: 35px; text-decoration: none; font-family: CalibriRegular, Helvetica, sans-serif; font-size: 12px; color: #666; } /* banner */ #banner-central { height: 224px; background-image: url(../imagens/banner-central/fundo-banner.png); background-repeat: no-repeat; background-position: right top; margin-top: 31px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 990px; border: 3px solid #FFF; } #banner-central #loopContainer{ height: auto; width: 990px; float: left; } #banner-central #loopContainer #logo { position: absolute; z-index: 9999; height: 226px; width: 282px; } #banner-central #loopContainer #twitter a { text-indent: -999px; display: block; width: 44px; overflow: hidden; background-image: url(../_imagens/twitter.png); background-repeat: no-repeat; position: absolute; z-index: 9999; margin-top: -25px; margin-left: 955px; height: 32px; } #banner-central .container, .slides div, #loopedSlider,#newsSlider{ width:990px; } #banner-central .container { height:224px; overflow:hidden; position:relative; } #banner-central .slides { position:absolute; top:0; left:0; } #banner-central .slides div { position:absolute; top:0; display:none; } #banner-central #loopedSlider,#newsSlider { position:relative; clear:both; } #banner-central #loopedSlider .previous,#loopedSlider .previous:visited, #banner-central #loopedSlider .next,#loopedSlider .next:visited{ display:block; text-indent:-9999px; width:48px; height:46px; position:absolute; top:100px; background-image: url(../imagens/banner-central/botoes.png); background-repeat: no-repeat; background-color: transparent; left: 0px; background-position: 0px 0px; } #banner-central #loopedSlider .previous:hover{ background-position:left -46px; } #banner-central #loopedSlider .next,#loopedSlider .next:visited{ background-position:right top; right:0px; left:auto; background-color: transparent; } #banner-central #loopedSlider .next:hover{ background-position:bottom right; } #banner-central ul.pagination { list-style:none; height:224px; overflow:hidden; position:absolute; top:0px; left:auto; right:0px; margin-right: 0; margin-left: 0; } #banner-central ul.pagination li { height:56px !important; overflow:hidden; width:158px; padding:0; margin:0 !important; background-image: url(../_imagens/lista-banner-off.png); background-position: 0px 0px; } #banner-central ul.pagination li.active { background-image: url(../_imagens/lista-banner-on.png); margin: 0px; } #banner-central ul.pagination li a { width:41px; height:px; background-position:center !important; background-repeat:no-repeat; text-indent:-9999px; display:block; border:2px solid #FFFFFF; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); -khtml-opacity: 0.5; float: right; margin-top: 5px; margin-right: 5px; } #banner-central ul.pagination li.active p { color: #FFF; text-shadow: 1px 1px 0px rgba(97, 1, 1, 1.0); } #banner-central ul.pagination li p { font-size: 10px; float: right; width: 85px; text-align: right; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1.0); margin-right: 5px; margin-top: 5px; } #banner-central ul.pagination li.active a { -moz-opacity:1.0; opacity: 1.0; filter:alpha(opacity=100); -khtml-opacity: 1.0; } /* fim banner */ /* menu */ #menu { width: 990px; margin-top: 15px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: 37px; } #nn { line-height: 100%; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4); height: 35px; padding: 2px 6px 0 6px; border: 1px solid #000; background: url(../_imagens/fundo-menu.jpg) repeat-x 0 0px; width: 978px; position: absolute; z-index: 10; margin-right: 0; margin-bottom: 0; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; } #nn li { float: left; position: relative; list-style: none; z-index: 2; margin: 0px; _padding: 5px 5px; background-image: url(../imagens/menu/divisoria.png) right 7px no-repeat; } #nn a { font-weight: normal; word-wrap: none; color: #FFF; text-decoration: none; display:block; _display: inline; margin: 0; z-index: 999; padding: 6px 10px 8px 10px; _padding: 10px; font-family: CalibriRegular, Helvetica, sans-serif; font-size: 16px; height:22px; line-height:22px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1.0)} #nn a:hover { color: #000; text-shadow: 0 1px 1px rgba(255,255,255, 1.0); background-color: #FFF; } #nn .current a, #nn li:hover > a { color: #000; text-shadow: 0 1px 1px rgba(255,255,255, 1.0); background-color: #FFF; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; } #nn ul li:hover a, #nn li:hover li a { color: #838383; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #nn ul a:hover { color: #666666 !important; text-shadow: 0 1px 1px rgba(0,0,0, .1); background-color: #E0E0E0; } #nn li:hover > ul { display: block; z-index:1; } #nn ul { display: none; width: 185px; position: absolute; top: 31px; left: 0; -webkit-box-shadow: 2px 0px 6px rgba(0,0,0, .3); -moz-box-shadow: 2px 0px 6px rgba(0,0,0, .3); box-shadow: 2px 0px 6px rgba(0,0,0, .3); -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; z-index: -999; background-color: #FFF; padding-bottom: 5px; padding-top: 5px; margin-right: 0; margin-bottom: 0; margin-left: 0; } #nn ul li { float: none; margin: 0; padding: 0; background-color: transparent; background-image: none; } #nn ul a { font-weight: normal; text-shadow: 0 1px 0 #fff; color: #009900; font-size: 14px; } #nn ul ul { left: 181px; top: -3px; } /* linhas */ #linhas { height: 196px; width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #linhas .linha { float: left; height: 176px; width: 328px; position:relative; } #linhas #linha-residencial { background-image: url(../_imagens/linha-residencial.png); background-repeat:no-repeat; } #linhas #linha-semi-profissional { background-image: url(../_imagens/linha-semi-profissional.png); background-repeat:no-repeat; margin-right: 8px; margin-left: 8px; } #linhas #linha-profissional { background-image: url(../_imagens/linha-profissional.png); background-repeat:no-repeat; } #linhas .linha a { display:block; font-family: CalibriRegular; text-align:center; height: 38px; width: 285px; background: url(../_imagens/fundo-linha.png) no-repeat 0px 91px; font-size: 18px; color: #666; margin-left: 3px; padding: 133px 20px 0; } #linhas .linha a:hover { backgrorund-position: 0px 13px; color:#000; } /* conteudo */ #conteudo { height: auto; width: 990px; margin: 15px auto; background-color:#F5F5F5;} #coluna-menu { float: left; width: 283px; padding:5px; } /* menu interno */ #coluna-menu #menu-interno { width: 283px; list-style-type: none; padding-bottom: 20px; } #coluna-menu #menu-interno li {margin-bottom: 3px; } #coluna-menu #menu-interno li a { background: url(../_imagens/menu-interno.jpg) no-repeat; font-family: CalibriRegular, Helvetica, sans-serif; font-size: 13px; height: 26px; line-height:26px; width: 263px; display:block; color: #666; text-decoration: none; padding: 7px 10px; } #coluna-menu #menu-interno li a:hover { background-position: 0px -41px; } /* menu interno produtos*/ .container { width: 290px; float: left; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 10px; } h2.trigger { height: 40px; line-height: 40px; width: 283px; font-size: 19px; font-weight: normal; float: left; background: url(../_imagens/1.jpg) no-repeat; margin: 0 0 4px 0; padding: 0; background-position: left top; text-transform: none; font-family: CalibriRegular, Helvetica, sans-serif; word-spacing: 0em; } h2.trigger a { color: #545454; display: block; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1.0); padding-left:15px;} h2.trigger a:hover { color: #000000; } h2.active { background-position: left bottom; background-image: url(../_imagens/2.jpg); margin: 0px; } h2.active a { color: #FFF; text-shadow: 1px 1px 0px rgba(63, 0, 0, 1.0)} h2.active a:hover { color: #FFF; } .toggle_container { padding: 0; overflow: auto; font-size: 1.2em; width: 281px; clear: both; margin-top: 0; margin-right: 0; margin-bottom: 5px; margin-left: 0; background-color: #FFF; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #d3d3d3; } .toggle_container .block { padding: 20px; overflow:auto; } .toggle_container .block ul { list-style-type: none; } .toggle_container .block ul li { height: 58px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d3d3d3; background-image: url(../_imagens/seta-lista-menu.png); background-repeat: no-repeat; background-position: 230px 30px; padding-top: 10px; padding-right: 20px; padding-left: 5px; } .toggle_container .block ul li:hover { background-color: #EAEAEA; } .toggle_container .block ul li img { background-color: #FFF; padding: 2px; float: left; border: 1px solid #999; margin-right: 4px; } .toggle_container .block ul li h4 { font-family: CalibriRegular, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; padding:0; } .toggle_container .block ul li a { font-family: CalibriRegular, Helvetica, sans-serif; font-size: 12px; color: #666; text-decoration: none; } /* blocos contato */ #coluna-3-blocos {float: left; width: 316px; padding-left: 10px; margin: 0px 0px 0px 40px;} #bloco-rede-autorizada, #bloco-onde-comprar { width: 310px; display:block; height: 78px; background-image:url(../_imagens/blocos-contato.jpg); background-repeat:no-repeat; padding: 0px 10px 0px 10px;} #bloco-rede-autorizada h4, #bloco-onde-comprar h4 { font-family: CalibriRegular; color:#666; font-style: normal; font-weight: bold; text-transform:uppercase; } /* slide imagens produtos */ #coluna-2-interno { float: left; width: 697px; position:relative; overflow:hidden; padding:5px 0; } #coluna-2-interno #texto-produto { float: left; width: 400px; } #coluna-2-interno #texto-produto h1 { font-family: CalibriRegular, CalibriRegular; font-size: 19px; color: #333; font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase; margin: 0px; } #coluna-2-interno a.marcar { font-family: CalibriRegular, Helvetica, sans-serif; position:absolute; font-size: 11px; color: #333; text-decoration: none; background-image: url(../_imagens/marcar-produto.png); background-repeat: no-repeat; text-align: center; height: 30px; width: 222px; display: block; padding-top: 9px; right:0px; margin-bottom: 10px; } #coluna-2-interno #slider { width: 666px; border: 1px solid #CCC; margin-top: 45px; } #coluna-2-interno #slider ul { list-style-type: none; } #coluna-2-interno #slider ul li { width:666px; height:263px; overflow:hidden; } #coluna-2-interno #slider ul li a { position:relative;} .graphic, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; height: 23px; width: 22px; } #prevBtn, #nextBtn{ display:block; width:22px; height:23px; position: absolute; margin-top: -30px; z-index: 9999; margin-left: 5px; } #nextBtn{ margin-left: 30px; } #prevBtn a { display:block; background-image: url(../_imagens/botoes-banner.png); background-repeat: no-repeat; background-position: 0 0; height: 23px; width: 22px; } #nextBtn a { display:block; background-image: url(../_imagens/botoes-banner.png); background-repeat: no-repeat; background-position: -22px 0; height: 23px; width: 22px; } /* tabs */ .borda-foto { position:absolute; right:10px; bottom:10px;} /* fim tabs */ /* conteudo interno */ #conteudo #coluna-interna { float: left; height: auto; width: 644px; margin: 0 15px 15px 0; } #coluna-1 { float: left; width: 322px; padding: 0px 0px 0px 0 px; } #coluna-1-contato { float: left; width: 270px; padding: 0px 0px 0px 0 px; } #coluna-1 #banner-simulador { } #coluna-1 #banner-simulador #foto-simulador { background-image: url(../_imagens/bg-simulador.jpg); background-position:top background-repeat:no-repeat; width: 295px; height: 381px; padding: 10px 0px 0px 20px; } #coluna-2 { margin-right: 10px; margin-left: 10px; float: left; width: 322px; } #coluna-2-contato { float: left; width: 384px; padding: 20px 0px 0px 0px; } #relacionamento a, #personal-online a, #banner-simulador a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFF; background-image: url(../_imagens/saiba-mais-pequeno.png); height: 18px; width: 67px; text-decoration: none; display: block; padding: 3px 0px 0px 5px; margin: 0px; } #relacionamento p, #personal-online p, #banner-simulador p { font-family: Arial, Helvetica, sans-serif; color: #333; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; font-size: 12px; } #relacionamento h4, #personal-online h4, #banner-simulador h4 { font-family: CalibriRegular, Helvetica, sans-serif; font-size: 14px; color: #999; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-decoration:none; font-style: normal; } #relacionamento { width: 322px; margin: 10px 0px 0px 0px; } #relacionamento #foto-relacionamento { background-image: url(../_imagens/fundo-relacionamento.jpg); height: 161px; width: 272px; padding: 10px 0px 0px 50px } #personal-online { } #personal-online #foto-personal { background-image: url(../_imagens/fundo-personal.jpg); height: 161px; width: 127px; padding: 10px 0px 0px 195px; margin: 0px; } #coluna-3-contato {float: left; width: 316px; padding: 20px 0px 0px 10px; margin: 0px;} #coluna-3 { float: left; width: 316px; padding-left: 10px; } #coluna-3 #noticias { height: auto; margin-bottom: 15px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #9F9F9F; padding-bottom: 15px; } #coluna-3 #noticias #topo { width: 100%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #9f9f9f; } #coluna-3 #noticias #topo p { background-color: #9f9f9f; height: 22px; width: 70px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; padding: 8px 0px 0px 15px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } #coluna-3 #noticias ul { list-style-type: none; } #coluna-3 #noticias ul li { margin-bottom: 4px; float: left; padding: 5px; width: 306px; margin-top: 4px; } #coluna-3 #noticias ul li.branco { background-color: #FFF; } #coluna-3 #noticias ul li:hover { border-top-color: #666; border-right-color: #666; border-bottom-color: #666; border-left-color: #666; } #coluna-3 #noticias ul li h4 { height: 48px; width: 60px; font-family: CalibriRegular, Helvetica, sans-serif; color: #FFF; text-align: center; font-size: 24px; line-height: 17px; font-style:normal; padding-top: 5px; float: left; margin-right: 5px; background-color: #303030; } #coluna-3 #noticias ul li h4 small { font-size: 14px; display:block; padding:5px 0; } #coluna-3 #noticias ul li h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; line-height: 14px; margin: 0px; letter-spacing:0; padding:0;} #coluna-3 #noticias ul li p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999; float: left; line-height: 10px; margin-top: 5px; width: 220px; padding:0; } /* carroussel noticias */ .jcarousel-skin-tango .jcarousel-container {} .jcarousel-skin-tango .jcarousel-container-vertical { width: 300px; height: 220px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 300px; height: 235px; } .jcarousel-skin-tango .jcarousel-item {} .jcarousel-skin-tango .jcarousel-item-vertical { -moz-opacity:0.8; opacity: .8; filter:alpha(opacity=80); -khtml-opacity: 0.8; } .jcarousel-skin-tango .jcarousel-item-vertical:hover { -moz-opacity:1.0; opacity: 1.0; filter:alpha(opacity=100); -khtml-opacity: 1.0; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; left: 215px; width: 45px; height: 25px; cursor: pointer; background-color: transparent; background-image: url(../_imagens/setas-noticias.jpg); background-repeat: no-repeat; background-position: 0 0; top: 235px; } .jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0px 0px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0px 0px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0px -25px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 235px; left: 260px; width: 45px; height: 25px; cursor: pointer; background-color: transparent; background-image: url(../_imagens/setas-noticias.jpg); background-repeat: no-repeat; background-position: -45px 0px; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover {} .jcarousel-skin-tango .jcarousel-prev-vertical:active {} .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: -45px -25px; } #coluna-4 { float: left; width: 290px; padding: 0px 0px 0px 0 px; } #coluna-5 { float: left; width: 342px; padding-left: 10px; background-color:#FFF; margin-top:10px; padding:10px; } #coluna-6 { float: left; width: 272px; padding-left: 10px; height:262px; margin-top:10px; padding:0 23px;} #coluna-7 { padding:10px; background:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);} #produtos-lista { overflow:auto; background-color:#dedede; } #produtos-lista ul { list-style:none; padding:0 5px 0 0 ;} #produtos-lista ul li { width:200px; float:left; border:1px #999 solid; margin:5px 0 5px 5px; padding:5px; height:600px; background-color:#FFF; overflow:auto;} #produtos-lista ul li ul li { width:auto; border:none; padding:0; margin:0; height:auto;} /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: auto; height: auto; } /** * The buttons are added dynamically by jCarousel before * the