/* Theme Name: DEV Transsen Theme URL: http:www.transsen.com.br Description: DEV Theme Version: Author: Author URL: Tags: */ /************************************************************************ CSS RESET ************************************************************************/ 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, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;} /************************************************************************ COMMON ************************************************************************/ a{ text-decoration: none;} .clearme:after{ content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0.1em; line-height: 0;} #wrapper-header-top{ width: 100%; height: 25px;} #wrapper-header{ width: 100%;} /************************************************************************ COLOR THEME GREEN ************************************************************************/ #wrapper-header-top{ background: url(images/bkg-gray-wp-header-top.jpg) top center no-repeat;} #wrapper-header{/* background: url(images/bkg-green-wp-header.jpg) center center no-repeat; */ position: relative;overflow: hidden;} #wrapper-content{ background: url(images/bkg-content-blue.jpg) top center no-repeat;} ul#nav li{ border-right: 1px solid #81a348;} #banner-13 ul#nav li,#banner-6 ul#nav li{ border-right: 1px solid #8c9f81;} /************************************************************************ SEARCH ************************************************************************/ ul#nav li#last{ float: right; border: 0; margin: 0 7px 0 0;} #searchform label{ display: none;} #searchform #s{ width: 100px; height: 20px; border: 0; float: left; margin: 0 5px 0 0; background: #fff; color: #000;} #searchform #searchsubmit{ width: 28px; height: 22px; background: #fee5a3; border: 0; cursor: pointer; color: #464541; font: 12px/22px Futura, Helvetica, Verdana, Arial, sans-serif;} /************************************************************************ COLOR THEME ORANGE ************************************************************************/ #banner-3 #wrapper-header-top, #banner-18 #wrapper-header-top, #banner-20 #wrapper-header-top, #banner-23 #wrapper-header-top, #banner-search #wrapper-header-top, #banner-11 #wrapper-header-top, #banner-69 #wrapper-header-top, #banner-72 #wrapper-header-top, #banner-233 #wrapper-header-top, #banner-4 #wrapper-header-top, #banner-5 #wrapper-header-top, #banner-118 #wrapper-header-top, #banner-138 #wrapper-header-top, #banner-120 #wrapper-header-top, #banner-152 #wrapper-header-top, #banner-155 #wrapper-header-top, #banner-157 #wrapper-header-top, #banner-159 #wrapper-header-top, #banner-122 #wrapper-header-top, #banner-124 #wrapper-header-top, #banner-164 #wrapper-header-top, #banner-166 #wrapper-header-top, #banner-127 #wrapper-header-top, #banner-190 #wrapper-header-top, #banner-192 #wrapper-header-top, #banner-126 #wrapper-header-top, #banner-169 #wrapper-header-top, #banner-171 #wrapper-header-top, #banner-173 #wrapper-header-top, #banner-176 #wrapper-header-top, #banner-178 #wrapper-header-top, #banner-181 #wrapper-header-top, #banner-183 #wrapper-header-top, #banner-9 #wrapper-header-top, #banner-8 #wrapper-header-top, #banner-133 #wrapper-header-top, #banner-326 #wrapper-header-top, #banner-7 #wrapper-header-top, #news #wrapper-header-top{ background: url(images/bkg-orange-wp-header-top.jpg) top center no-repeat;} #banner-3 #wrapper-content, #banner-18 #wrapper-content, #banner-20 #wrapper-content, #banner-23 #wrapper-content, #banner-search #wrapper-content, #banner-11 #wrapper-content, #banner-69 #wrapper-content, #banner-72 #wrapper-content, #banner-233 #wrapper-content, #banner-4 #wrapper-content, #banner-5 #wrapper-content, #banner-118 #wrapper-content, #banner-138 #wrapper-content, #banner-120 #wrapper-content, #banner-152 #wrapper-content, #banner-155 #wrapper-content, #banner-157 #wrapper-content, #banner-159 #wrapper-content, #banner-122 #wrapper-content, #banner-124 #wrapper-content, #banner-164 #wrapper-content, #banner-166 #wrapper-content, #banner-127 #wrapper-content, #banner-190 #wrapper-content, #banner-192 #wrapper-content, #banner-126 #wrapper-content, #banner-169 #wrapper-content, #banner-171 #wrapper-content, #banner-173 #wrapper-content, #banner-176 #wrapper-content, #banner-178 #wrapper-content, #banner-181 #wrapper-content, #banner-183 #wrapper-content, #news #wrapper-content, #banner-8 #wrapper-content, #banner-133 #wrapper-content, #banner-326 #wrapper-content, #banner-7 #wrapper-content{ background: url(images/bkg-content-orange.jpg) top center no-repeat;} #banner-3 ul#nav li, #banner-18 ul#nav li, #banner-20 ul#nav li, #banner-23 ul#nav li, #banner-11 ul#nav li, #banner-69 ul#nav li, #banner-72 ul#nav li, #banner-233 ul#nav li, #banner-4 ul#nav li, #banner-5 ul#nav li, #banner-118 ul#nav li, #banner-138 ul#nav li, #banner-120 ul#nav li, #banner-152 ul#nav li, #banner-155 ul#nav li, #banner-157 ul#nav li, #banner-159 ul#nav li, #banner-122 ul#nav li, #banner-124 ul#nav li, #banner-164 ul#nav li, #banner-166 ul#nav li, #banner-127 ul#nav li, #banner-190 ul#nav li, #banner-192 ul#nav li, #banner-126 ul#nav li, #banner-169 ul#nav li, #banner-171 ul#nav li, #banner-173 ul#nav li, #banner-176 ul#nav li, #banner-178 ul#nav li, #banner-181 ul#nav li, #banner-183 ul#nav li, #news ul#nav li, #banner-8 ul#nav li, #banner-133 ul#nav li, #banner-7 ul#nav li{ border-right: 1px solid #da853c;} /************************************************************************ COLOR THEME BLUE ************************************************************************/ #banner-115 #wrapper-header-top, #banner-30 #wrapper-header-top, #banner-28 #wrapper-header-top, #banner-38 #wrapper-header-top, #banner-26 #wrapper-header-top, #banner-32 #wrapper-header-top, #banner-40 #wrapper-header-top, #banner-34 #wrapper-header-top, #banner-36 #wrapper-header-top, #banner-264 #wrapper-header-top, #banner-186 #wrapper-header-top{ background: url(images/bkg-blue-wp-header-top.jpg) top center no-repeat;} #banner-115 #wrapper-content, #banner-30 #wrapper-content, #banner-28 #wrapper-content, #banner-38 #wrapper-content, #banner-26 #wrapper-content, #banner-32 #wrapper-content, #banner-40 #wrapper-content, #banner-34 #wrapper-content, #banner-36 #wrapper-content, #banner-264 #wrapper-content, #banner-186 #wrapper-content{ background: url(images/bkg-content-blue.jpg) top center no-repeat;} #banner-115 ul#nav li, #banner-30 ul#nav li, #banner-28 ul#nav li, #banner-38 ul#nav li, #banner-26 ul#nav li, #banner-32 ul#nav li, #banner-40 ul#nav li, #banner-34 ul#nav li, #banner-36 ul#nav li, #banner-264 ul#nav li, #banner-186 ul#nav li{ border-right: 1px solid #79a0ba;} /************************************************************************ SECTION BANNERS DEF ************************************************************************/ /*news section*/ #news #wrapper-header{ background: url(images/banner-wph-news.jpg) top center no-repeat;} /*consortio section*/ #banner-8 #wrapper-header, #banner-133 #wrapper-header, #banner-326 #wrapper-header{ background: url(images/banner-wph-consorcio.jpg) top center no-repeat;} #banner-23 #wrapper-header{ background: url(images/banner-wph-premios.jpg) top center no-repeat;} #banner-11 #wrapper-header,#banner-search #wrapper-header{ background: url(images/banner-wph-encontrar.jpg) top center no-repeat;} #banner-72 #wrapper-header{ background: url(images/banner-wph-respsoc.jpg) top center no-repeat;} /*porque transsen section*/ #banner-4 #wrapper-header{ background: url(images/banner-wph-porque.jpg) top center no-repeat;} #banner-115 #wrapper-header, #banner-30 #wrapper-header, #banner-28 #wrapper-header, #banner-38 #wrapper-header, #banner-26 #wrapper-header, #banner-32 #wrapper-header, #banner-40 #wrapper-header, #banner-34 #wrapper-header, #banner-36 #wrapper-header{ background: url(images/banner-wph-porque-subs.jpg) top center no-repeat;} /*produtos section*/ #banner-118 #wrapper-header, #banner-138 #wrapper-header{ background: url(images/banner-wph-produtos-acoplados.jpg) top center no-repeat;} #banner-120 #wrapper-header, #banner-152 #wrapper-header, #banner-155 #wrapper-header, #banner-157 #wrapper-header, #banner-159 #wrapper-header{ background: url(images/banner-wph-produtos-colban.jpg) top center no-repeat;} #banner-122 #wrapper-header{ background: url(images/banner-wph-produtos-reserv.jpg) top center no-repeat;} #banner-124 #wrapper-header, #banner-164 #wrapper-header, #banner-166 #wrapper-header{ background: url(images/banner-wph-produtos-colpis.jpg) top center no-repeat;} #banner-127 #wrapper-header, #banner-190 #wrapper-header, #banner-192 #wrapper-header{ background: url(images/banner-wph-produtos-bombas.jpg) top center no-repeat;} #banner-126 #wrapper-header, #banner-169 #wrapper-header, #banner-171 #wrapper-header, #banner-173 #wrapper-header, #banner-176 #wrapper-header, #banner-178 #wrapper-header, #banner-181 #wrapper-header, #banner-183 #wrapper-header{ background: url(images/banner-wph-produtos-elec.jpg) top center no-repeat;} #banner-186 #wrapper-header{ background: url(images/banner-wph-produtos-lab.jpg) top center no-repeat;} #banner-264 #wrapper-header{ background: url(images/banner-wph-porque-subs.jpg) top center no-repeat;} #banner-6 #wrapper-header{ background: url(images/banner-wph-sustentabilidade.jpg) top center no-repeat;} #banner-7 #wrapper-header{ background: url(images/banner-wph-seuprojeto.jpg) top center no-repeat;} #wrapper-header-mapa{ width: 100%; background: url(images/bkg-header-mapa.jpg) top center repeat-y;} /************************************************************************ TOP HEADER ************************************************************************/ #header-top{ position: relative; width: 974px; height: 25px; margin: auto;} /************************************************************************ TOP HEADER NAV ************************************************************************/ ul#top-nav-left{ float: left;} ul#top-nav-left li{ float: left; margin: 0 20px 0 0;} ul#top-nav-left li#lang{ width: 50px;} ul#top-nav-right{ float: right; padding: 0 10px 0 0;} ul#top-nav-right li{ float: right; margin: 0 0 0 20px;} ul#top-nav-left,ul#top-nav-right{ width: 450px; height: 25px;} ul#top-nav-left li a,ul#top-nav-right li a{ display: block; line-height: 25px; color: #fff; font: 11px/25px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.04em;} ul#top-nav-left li a:hover,ul#top-nav-right li a:hover{ color: #999;} #qtranslate-3{ padding: 0 0 0 10px; width: 50px;} ul#top-nav-left li#qtranslate-3 li{ margin: 0;} a.qtrans_flag_pt{ background: url(http://www.transsen.com.br/wp-content/plugins/qtranslate/flags/br.png) center left no-repeat; text-indent: -9999px; overflow: hidden; width: 18px; margin: 0 10px 0 0; } a.qtrans_flag_es{ background: url(http://www.transsen.com.br/wp-content/plugins/qtranslate/flags/es.png) center left no-repeat; text-indent: -9999px; overflow: hidden; width: 18px;} /************************************************************************ HEADER MAPA ************************************************************************/ #header-mapa{ position: relative; width: 894px; height: 435px; margin: auto; padding: 55px 0 0;} #mapa{ float: left; width: 660px;} #mapa-right-links{ float: right; margin: 19px 0 0; border-left: 1px solid #000; padding: 0 0 0 16px;} #mapa-right-links li{ width: 199px; height: 44px;} #mapa-right-links li a{ display: block; width: 199px; height: 44px;} ul#mapa .page-item-13 a{ display: block; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;} ul#mapa .page-item-3,ul#mapa .page-item-4{ width: 190px; background: #474747; border: 1px solid #363636; padding: 5px;} ul#mapa .page-item-3 a,ul#mapa .page-item-4 a{ color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;} ul#mapa .page-item-3{ margin: 0 0 20px;} ul#mapa .page-item-3 ul,ul#mapa .page-item-4 ul{ padding: 0 0 0 10px;} ul#mapa .page-item-3 li a,ul#mapa .page-item-4 li a{ color: #fff; font: 10px/11px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;} ul#mapa .page-item-3{ height: 140px;} ul#mapa .page-item-4{ height: 206px;} ul#mapa .page-item-5{ position: absolute; top: 74px; left: 220px; width: 430px; height: 380px; padding: 5px; background: url(images/bkg-mapa-prod.jpg) 0 0 no-repeat;} ul#mapa .page-item-5 a{ color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;} ul#mapa .page-item-5 ul{ padding: 0 0 0 10px;} ul#mapa .page-item-5 ul li.page-item-118,ul#mapa .page-item-5 ul li.page-item-120,ul#mapa .page-item-5 ul li.page-item-122,ul#mapa .page-item-5 ul li.page-item-124,ul#mapa .page-item-5 ul li.page-item-126{ width: 160px;} ul#mapa .page-item-5 ul li.page-item-127{ position: absolute; top: 19px; left: 230px; width: 170px;} ul#mapa .page-item-5 ul li.page-item-264{ position: absolute; top: 70px; left: 230px; width: 170px;} ul#mapa .page-item-5 ul li.page-item-264 ul{ display: none;} ul#mapa .page-item-5 li a{ color: #fff; font: 10px/11px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;} ul#mapa .page-item-6,ul#mapa .page-item-8{ width: 200px; background: #474747; border: 1px solid #363636; padding: 5px; margin: 0 0 10px;} ul#mapa .page-item-6 a,ul#mapa .page-item-8 a{color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;} ul#mapa .page-item-6{ position: absolute; top: 270px; left: 448px;} ul#mapa .page-item-8{ position: absolute; top: 313px; left: 448px;} #closemap{ padding: 20px 5px 0; text-align: center;} a#closemap,a#closecontact{ display: block; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif;} ul#mapa .page-item-115{ height: 14px; overflow: hidden; text-indent: -33px;} /************************************************************************ HEADER LINKS ************************************************************************/ #wrapper-header-links{ width: 100%; height: 255px; background: #6c6c6c ; padding: 130px 0 0;} #header-links{ width: 960px; margin: auto;} #header-links h2{ margin: 0 0 10px;} #header-links h3{ color: #fff; font: bold 12px/15px Futura, Helvetica, Verdana, Arial, sans-serif;} #header-links ul{ list-style: none; margin: 5px 0 0;} #header-links ul li a{ color: #fff; font: 11px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;} #header-links ul li a:hover{ color: #999;} #header-links h4 a{ display: block; text-align: right; padding: 0 40px 0 0; color: #fff; font: 12px/15px Futura, Helvetica, Verdana, Arial, sans-serif;} /************************************************************************ HEADER CONTATO ************************************************************************/ #wrapper-header-contato{ width: 100%; height: 255px; background: #6c6c6c ; padding: 130px 0 0;} #header-contato{ width: 960px; margin: auto;} #header-contato ul li{ float: left;} .marginright{ margin: 0 15px 0 0;} #header-contato h2{ margin: 0 0 20px;} #header-contato p{ color: #fff; font: 12px/15px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 0 0 5px;} #header-contato p a{ color: #999;} ul#contato-form{ float: left; height: 140px;} ul#contato-form2{ float: left;} ul#contato-form li{ clear: both; margin: 0 0 5px; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif;} ul#contato-form li.xl{} ul#contato-form label{ display: block; float: left; text-align: right; color: #fff; width: 70px; font: 12px/20px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 0 5px 0 0; padding: 2px;} ul#contato-form label.labelxs{ width: 30px;} input{ width: 330px; height: 20px; border: 1px solid #647888; background: #474848; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif;} input#cidade{ width: 135px;} input#uf{ width: 30px;} input#pais{ width: 83px;} input#receber{ width: 12px; height: 12px; margin: 0 5px 0 25px;} #textarea{ float: left;} textarea{ width: 270px; height: 80px; border: 1px solid #647888; background: #474848; color: #fff; font: 12px/20px Futura, Helvetica, Verdana, Arial, sans-serif;} label#mensagem{ clear: both; color: #fff; font: 12px/20px Futura, Helvetica, Verdana, Arial, sans-serif; padding: 2px;} input#send{ width: 115px; height: 28px; color: #fff; font: 12px/28px Futura, Helvetica, Verdana, Arial, sans-serif; background: #5f7b99;border: 1px solid #32455a; margin: 5px 0 0; cursor: pointer;} .paddingtop{ padding: 32px 0 0;} a#closecontact{ display: block; margin: 15px 0 0; width: 250px; padding: 20px; text-align: right; color: #fff;} /************************************************************************ HEADER MAIN ************************************************************************/ #header{ position: relative; width: 974px; height: 270px; margin: auto; padding: 75px 0 0;} #banner-13 #header{ height: 365px;} /************************************************************************ HEADER NAV ************************************************************************/ ul#nav{ position: relative; width: 940px; height: 28px; margin: auto; padding: 6px 0 0; background: url(images/bkg-header-nav-blk.png) 0 0 repeat-x; -moz-border-radius: 2px; -webkit-border-radius: 2px; } ul#nav li{ float: left;} ul#nav li a{ display: block; height: 19px; margin: 0 5px; padding: 3px 6px 0; color: #fff; font: 13px/19px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em;} ul#nav li a:hover{ color: #f0f0f0;} #navhome{ position: absolute; top: 75px; left: 50%; margin: auto; width: 940px; height: 34px; z-index: 50; } #navhome ul{ left: -50%;} /************************************************************************ HEADER LOGO ************************************************************************/ h1{ display: block; position: absolute; top:0; left: 326px; width: 363px; height: 110px; z-index: 300;} h1 a{ display: block; width: 363px; height: 110px; text-indent: -9999px;} /************************************************************************ CONTENT ************************************************************************/ #content{ position: relative; width: 974px; margin: auto; min-height: 300px; height:auto !important; height: 300px; padding: 14px 0 0;z-index:20;} #content.home{ padding: 0;} /************************************************************************ CONTENT NAV ************************************************************************/ ul#home-nav{ position: absolute; top:-32px; left: 55px; width: 864px; margin: auto; overflow: hidden;} ul#home-nav li{ float: left; position: relative; width: 278px; height: 148px; margin: 0 0 18px; padding: 1px; background: url(images/bkg-content-home-nav.png) top center no-repeat;} ul#home-nav li.middle{ margin: 0 12px;} ul#home-nav li p{ height: 27px; color: #fff; font: 13px/27px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em; padding: 3px 0 0 12px;} ul#home-nav li a{ display: block; position: relative; width: 203px; height: 88px; padding: 30px 50px 0 25px; color: #fff; font: 12px/18px Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em; overflow: hidden;} ul.homelinks li img{ position: absolute; top: 0; left: 0; border: 0; border-top: 1px solid #9fc0f5;} /************************************************************************ CONTENT PAGE ************************************************************************/ #breadcrumb{ width: 868px; height: 40px; margin: auto; background: url(images/bkg-breadcrumb.png) 0 0 repeat-x; color: #fff; font: 11px/40px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; padding: 0 45px;} #breadcrumb a{ color: #fff;} #breadcrumb a:hover{ color: #9ebfdb;} #breadcrumb ul{ height: 40px;} #breadcrumb ul li#whereto{ float: left;} #breadcrumb ul li#innernav{ float: right;} #content-main{ width: 958px; margin: auto; background: #fff; padding: 15px 0; border: 1px solid #d6e3ed; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;} h2{ margin: 0 0 12px 40px; color: #f8a02d; font: bold 20px/20px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em;} #content-main-nav{ position: relative; margin: 0 0 20px 40px; clear: both;} #content-main-nav li{ float: left; display: block; margin: 0 15px 0 0; height: 18px; color: #5f7b99; font: 13px/18px Futura, Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em;} #content-main-nav li a{ color: #5f7b99; padding: 0 0 0 5px; border-left: 1px solid #5f7b99;} #content-main-nav li a:hover{ color: #9ebfdb;} #content-main-nav li.current_page_item a{ color: #f8a02d; border-left: 1px solid #f8a02d;} #content-txt,#content-txt-prod{ position: relative;} #content-txt-subttl{ clear: both; padding: 15px 40px; margin: 0 0 15px; background: #fcb040; color: #fff; font: 18px/22px Futura, Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em;} #content-txt p{ padding: 0 40px; color: #4c4c4c; font: 14px/22px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 0 0 5px;} #content-txt p strong,#content-txt a{ color: #5f7b99;} #content-txt h3{ color: #5f7b99; font: 16px/20px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 10px 0 0 40px;} #content-txt h4{ color: #5f7b99; font: bold 20px/24px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 15px 0 10px 40px;} #content-txt ul{ list-style: disc; margin: 0 0 0 70px; padding: 0;} #content-txt ol{ list-style: decimal; margin: 0 0 0 70px; padding: 0;} #content-txt li{ color: #4c4c4c; font: 14px/22px Futura, Helvetica, Verdana, Arial, sans-serif;} #content-txt-prod h2{ font: bold 16px/28px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 10px 0 0 10px;} #content-txt-prod h3{ color: #5f7b99; font: 16px/20px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 10px 0 0 10px;} #content-txt-prod h4{ color: #5f7b99; font: bold 20px/24px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 15px 0 10px 10px;} #content-txt-prod ul{list-style: disc; margin: 0 0 0 20px; padding: 0;} #content-txt-prod ol{ list-style: decimal; margin: 0 0 0 20px; padding: 0;} #content-txt-prod li{ color: #4c4c4c; font: 14px/22px Futura, Helvetica, Verdana, Arial, sans-serif;} #content-txt-prod p{ padding: 0; color: #4c4c4c; font: 14px/22px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 0 0 5px 10px;} #content-txt-prod p strong,#content-txt-prod a{ color: #5f7b99;} #content-txt-prod p a{ display: block; color: #5f7b99; width: 180px; height: 64px; background: url(images/bkg-pdt-pdf.jpg) 0 0 no-repeat; text-indent: -9999px;} /************************************************************************ CONTENT PRODUTOS ************************************************************************/ #content-txt ul#prod-home-nav{ list-style: none; margin: 0; padding: 0; margin: 40px 0 0 40px;} #content-txt ul#prod-home-nav li{ float: left; width: 278px; height: 148px; margin: 0 20px 30px 0; background: url(images/bkg-content-home-nav.png) top center no-repeat;} #content-txt ul#prod-home-nav li p{height: 27px; color: #fff; font: 13px/27px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em; padding: 3px 0 0 12px;} #content-txt ul#prod-home-nav li a{display: block; position: relative; width: 216px; height: 98px; padding: 20px 35px 0 25px; color: #fff; font: 12px/19px Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.04em; overflow: hidden; border: 1px solid #9fc0f5;} #content-txt ul#prod-home-nav li#page-item-118 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 0 no-repeat; } #content-txt ul#prod-home-nav li#page-item-120 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -118px no-repeat; } #content-txt ul#prod-home-nav li#page-item-122 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -236px no-repeat; } #content-txt ul#prod-home-nav li#page-item-127 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -354px no-repeat; } #content-txt ul#prod-home-nav li#page-item-124 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -472px no-repeat; } #content-txt ul#prod-home-nav li#page-item-126 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -590px no-repeat; } #content-txt ul#prod-home-nav li#page-item-186 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -826px no-repeat; } #content-txt ul#prod-home-nav li#page-item-264 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -708px no-repeat; } #banner-5 li#page-item-186{ display: none;} /************************************************************************ PRODUTOS CHILDS BOX DETAILS ************************************************************************/ #content-main-nav-prod{ position: relative; margin: 0 0 20px 40px; clear: both;} #content-main-nav-prod li{ float: left; display: block; margin: 0 15px 0 0; height: 18px; color: #5f7b99; font: 13px/18px Futura, Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em;} #content-main-nav-prod li a{ color: #5f7b99; padding: 0 0 0 5px; border-left: 1px solid #5f7b99;} #content-main-nav-prod li a:hover{ color: #9ebfdb;} #content-main-nav-prod li.current_page_item a{ color: #f8a02d; border-left: 1px solid #f8a02d;} #produtos-childs-box{ position: relative; width: 868px; margin: 20px auto;} .produtos-detalhes{ width: 868px; height: 295px; margin: 0 auto 30px;} .produtos-detalhes-img{ position: relative; float: left; width: 540px; height: 285px; padding: 10px; background: #fffaeb; -moz-border-radius: 20px; -webkit-border-radius: 20px;} .mono{ width: 350px; height: 260px;} .legend{ position: relative; clear: both; text-align: right; color: #333; margin: 0 10px 0 0;} #produtos-childs-box div.produtos-detalhes-img-xs{ position: relative; float: left; width: 190px;} #produtos-childs-box div.produtos-detalhes-img ul{ width: 190px; height: 250px; padding: 0; margin: 5px 0 0; list-style: none;} #produtos-childs-box div.produtos-detalhes-img ul li{ float: left; width: 83px; height: 78px; margin: 0 10px 5px 0; border: 1px solid #e4e3e3;} #produtos-childs-box .produtos-detalhes-img-xl{ position: relative; float: right; width: 350px; height: 250px; margin: 5px 0 5px;} .pdt-dtl-img-xl-01,.pdt-dtl-img-xl-02,.pdt-dtl-img-xl-03{ position: absolute; top: 0; left: 0; width: 348px; height: 248px; border: 1px solid #e4e3e3;} #produtos-childs-box .produtos-detalhes-txt{ float: right; width: 285px; height: 200px; margin: 0 0 0 20px;} #produtos-childs-box .produtos-detalhes-txt-mono{ float: left;} #produtos-childs-box .produtos-detalhes-txt h2{ clear: both; margin: 5px 0 10px; padding: 0; font-weight: normal;} #produtos-childs-box .produtos-detalhes-txt p{ font: 12px/16px Futura, Helvetica, Verdana, Arial, sans-serif; padding: 0;} #produtos-childs-box .produtos-detalhes-txt p a{ display: block; width: 180px; height: 64px; background: url(images/bkg-pdt-pdf.jpg) 0 0 no-repeat; text-indent: -9999px;} #produtos-childs-box .produtos-detalhes-txt h3{ width: 285px; padding: 0; margin: 0;} .pdt-dtl-txt-01, .pdt-dtl-txt-02, .pdt-dtl-txt-03, .pdt-dtl-txt-04, .pdt-dtl-txt-05, .pdt-dtl-txt-06{ color: #999; font: 12px/16px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 40px 0 0;} #hover-img-tip{ position: absolute; display: none; top: 110px; left: 80px; width: 180px; height: 30px; background: #000; font: 12px/30px Futura, Helvetica, Verdana, Arial, sans-serif; text-align: center; color: #fff; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } /************************************************************************ PORTFOLIO ************************************************************************/ ul#portfolio-box{ width: 880px; margin: auto; padding: 0;} ul#portfolio-box li{ float: left; position: relative; width: 420px; height: 200px; background: #5f7b99; margin: 0 10px 60px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .portfolio-box-ttl{ color: #fff; font: bold 14px/30px Futura, Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em; padding: 0 0 0 10px;} .portfolio-box-txt{ position: absolute; top: 140px; left:80px; width: 210px; height: 80px; padding: 10px; background: #f9f9f9; border: 1px solid #9fc0f5; font: 12px/16px Futura, Helvetica, Verdana, Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .portfolio-box-img{ height: 160px;} .portfolio-box-img-left{ float: left; width: 190px; height: 150px; background: #fff; margin: 5px 5px 0 10px; border: 1px solid #9fc0f5;} .portfolio-box-img-right a,.portfolio-box-img-left a{ display: block; width: 190px; height: 150px; text-indent: -9999px;} .portfolio-box-img-right{ float: left; width: 190px; height: 150px; background: #fff; margin: 5px 0 0 10px;border: 1px solid #9fc0f5;} /************************************************************************ RESP SOCIAL ************************************************************************/ #content-txt ul.respsoc{ float: right; list-style: none; margin: 15px 40px 0 20px; width: 330px; height: 160px;} #content-txt ul.respsoc li{ float:left; width:70px; height: 70px; background: gray; margin: 0 5px 10px;} #content-txt p.respsocpara{} /************************************************************************ FOOTER ************************************************************************/ #footer{ position: relative; width: 896px; margin: 15px auto 0; padding: 0 0 15px;} ul#footer-nav{ width: 896px; height: 27px; margin: 0 0 12px; background: url(images/bkg-footer.jpg) 0 0 repeat;} ul#footer-nav li{ float: right;} ul#footer-nav li a{ display: block; height: 25px; margin: 2px 10px; color: #fff; font: 11px/25px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em;} #footer p{ width: 100%; color: #808074; font: 11px/18px Futura, Helvetica, Verdana, Arial, sans-serif; text-align: center;} #footer p a{ color: #333;} .erro{ padding: 20px; text-align: center;} /************************************************************************ SEU PROJETO ************************************************************************/ #wrapper-seuprojeto{ } ul#nav-seuprojeto{ height: 45px; list-style: none; border-bottom: 1px solid #c6c6c6; margin: 0 40px 30px;} ul#nav-seuprojeto li{ float: left; width: 120px; height: 45px; margin: 0 20px 0 0; background: #c6c6c6; color: #fff; font: bold 14px/45px Futura, Helvetica, Verdana, Arial, sans-serif; text-align: center; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;} #wrapper-seuprojeto label{ font: 14px/30px Futura, Helvetica, Verdana, Arial, sans-serif;} .seuprojeto-left{ float: left; width: 350px;} .seuprojeto-right{ float: left; width: 500px;} #seuporjeto-piscina{ display: none;} /************************************************************************ SEU PROJETO BANHO ************************************************************************/ #seuporjeto-banho{} #seuporjeto-banho-pessoas{ float: left; width: 240px; height: 65px; padding: 0 0 0 40px; background: url(images/seuprojeto-icn-pessoas.jpg) 0 0 no-repeat;} #seuporjeto-banho-clima{ float: left; width: 240px; height: 65px; padding: 0 0 0 40px; background: url(images/seuprojeto-icn-clima.jpg) 0 0 no-repeat;} #seuporjeto-banho-pontos{ float: left; margin: 0 0 0 40px; width: 240px; height: 65px; padding: 0 0 0 40px; background: url(images/seuprojeto-icn-pontos.jpg) 0 0 no-repeat;} #seuporjeto-area-piscina{ margin: 0 0 20px 40px;} #seuporjeto-area-piscina label{ float: left;} #seuporjeto-area-piscina input{ float: left; width: 60px; margin: 3px 0 0 5px;} select{ width: 210px;} .checkbox{ width: 12px; height: 12px;} .seuprojeto-send{ clear: both; padding: 0 0 0 20px;} .seuprojeto-td{ padding: 0 15px 10px 0;} .seuprojeto-td2{ padding: 0 15px 10px 0;} .seuprojet-sendbt{ border: 0; -moz-border-radius: 20px; -webkit-border-radius: 20px;} #show-block-piscina,#show-block-banho{ display: block; color: #fff;} #answers,#answersPiscina{ clear: both; font: 14px/22px Futura, Helvetica, Verdana, Arial, sans-serif; padding: 10px 0;} #answers strong,#answersPiscina strong{ color: #da853c;} #complement,#complement2,#complement3,#complement-temps{ font: 12px/18px Futura, Helvetica, Verdana, Arial, sans-serif; color: #666;} #complement-temps{ margin: 0 0 0 40px; background: none;} #complement strong,#complement2 strong,#complement-temps strong{ margin: 0 0 0 10px; color: #da853c;} #answer{ border: 1px solid gray;} #final-answer{background: url(images/seuprojeto-bkg.jpg) bottom left no-repeat; min-height: 180px; height:auto !important; height: 180px; padding: 50px 40px 0 450px;} #final-answer a,.box3 a{ color: #da853c;} .box3{ background: url(images/seuprojeto-bkg.jpg) bottom left no-repeat; min-height: 180px; height:auto !important; height: 180px; padding: 50px 40px 0 450px;} #complement,#complement2,#complement3{ background: #e0dfdd url(images/seuprojeto-bt-bkg.jpg) top left no-repeat; min-height: 150px; height:auto !important; height: 150px; padding: 40px 0 20px 40px;} #msgSurface{ display: block; color: red; font: 12px/16px Futura, Helvetica, Verdana, Arial, sans-serif;} span#again{ display: block; margin: 10px 0 0; text-align: right; color: #da853c; font: 11px/14px Futura, Helvetica, Verdana, Arial, sans-serif; cursor: pointer;} /************************************************************************ ONDE ENCONTRAR ************************************************************************/ #wrapper-encontrar,#wrapper-mapa{ padding: 0 40px;} #encontrar-block-01,#encontrar-block-02,#encontrar-block-03{ float: left; padding: 10px 30px 20px 0;} #wrapper-encontrar label{ font: 14px/20px Futura, Helvetica, Verdana, Arial, sans-serif;} #nav-encontrar-estados{ margin: 0 0 20px;} .encontrar-table{ width: 880px;} .encontrar-table-ttl{ background: #f8a02d; font: bold 12px/40px Futura, Helvetica, Verdana, Arial, sans-serif;} .encontrar-table tr{ font: 12px/40px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: lowercase; height: 40px; text-align: center; border-bottom: 1px solid #b8cce1;} .encontrar-table tr:hover{ background: #b8cce1;} .encontrar-table-ttl-loja{ color: #f8a02d; font: 12px/30px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: capitalize; text-align: left; padding: 0 0 0 10px;} #pais01,#pais02,#pais03,#tb01,#tb02,#tb03,#tb04,#tb05,#tb06,#tb07,#tb08,#tb09,#tb10,#tb11,#tb12,#tb13,#tb14,#tb15,#tb16{ display: none;} #pais02,#pais03{ clear: both;} #page-dtl-sub-links{ width: 596px; margin: auto; padding: 40px 0 0;} #page-dtl-sub-links01{ width: 283px;} #page-dtl-sub-links02{ float: right; width: 283px;} #news #content-txt h6{ font: 14px/14px Futura, Helvetica, Verdana, Arial, sans-serif; padding:0 40px 10px;} .navigation{} .navigation-prec,.navigation-suiv{ margin: 10px 0 20px 30px; }