/****************************************************************************** CRIAÇÃO: 03/11/2010 VERSÃO: 001 ATUALIZAÇÕES: 1) dd/mm/aaaa (autor): _____________ 2) dd/mm/aaaa (autor): _____________ ******************************************************************************/ /*@font-face*/ @font-face { font-family: 'Museo300'; src: url('../fonts/museo300-regular-webfont-webfont.eot'); src: local('?'), url('../fonts/museo300-regular-webfont-webfont.woff') format('woff'), url('../fonts/museo300-regular-webfont-webfont.ttf') format('truetype'), url('../fonts/museo300-regular-webfont-webfont.svg#webfont7AT7Ddxv') format('svg'); font-weight: normal;font-style: normal;} @font-face { font-family: 'Museo500'; src: url('../fonts/museo500-regular-webfont-webfont.eot'); src: local('?'), url('../fonts/museo500-regular-webfont-webfont.woff') format('woff'), url('../fonts/museo500-regular-webfont-webfont.ttf') format('truetype'), url('../fonts/museo500-regular-webfont-webfont.svg#webfontYQZJvutC') format('svg'); font-weight: normal;font-style: normal;} /* end @font-face*/ /* clearing */ /** CSS Reset **/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h9, 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; } ol, ul, dt, dl {list-style: none; } img {border: none; } input[type=text], textarea {padding: 2px; border:1px solid #DFDFDF; } a, a:link a:active a:visited {color: #333; text-decoration: none; font-family: "Museo300", Arial, Helvetica, sans-serif; } a:hover {text-decoration: underline; } hr{display: none;} div.hr{height: 1px; margin: 1.5em 10px; border-bottom: 1px dotted #999;} address {font-style: normal;} /* end clearing */ /**tools**/ * html>body .clearfix {display: inline-block; width: 100%;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clear {clear:both; margin:0; padding:0;} .replace {background-repeat: no-repeat; background-position: left top; background-color:transparent; text-indent:-50000px; overflow:hidden; display:block;} .replace-bt {background-repeat: no-repeat; border: 0; background-position: left top; background-color:transparent; text-indent:-50000px; cursor:pointer; overflow:hidden; display:block;} .replace * {text-indent: -10000px; display:block; background-repeat: no-repeat; background-position: left top; background-color:transparent;} .replace a {text-indent:0;} .replace a span {text-indent:-10000px;} span.accesskey {text-decoration:none;} .accessibility {position: absolute; top: -999em; left: -999em;} .hidden {display:none;} .bn {border:0 !important;} .b1px {border-width:1px !important;} .mn{margin:0 !important;} .mrn{margin-right:0 !important;} .pn {padding:0 !important;} .al {text-align:left !important;} .ac{text-align:center !important;} .ar{text-align:right !important;} .fl {float:left !important;} .fr {float:right !important;} .cb {clear:both !important;} .cl {clear:left !important;} .cn {clear:none !important;} .bn{background:none !important;} /**end:tools**/ /* formulários */ form{margin: 0; padding: 0;} input{margin: 0; padding:0 2px; font: 12px "Museo300", Arial, Helvetica, serif; color:#000000;} textarea{margin: 0; padding:0 2px; font: 11px "Museo300", Arial, Helvetica, serif; color:#000000;} select{margin: 0; padding:0px; font: 11px "Museo300", Arial, Helvetica, serif; color:#000000;} select option{padding:0px 5px 0 0;} /* headings */ h1{margin:0; padding:0; font-family: "Museo500", Arial, Helvetica, serif; font-weight: normal;} h2{margin:0; padding:0; font-family: "Museo500", Arial, Helvetica, serif; font-weight: normal;} h3{margin:0; padding:0; font-family: "Museo300", Arial, Helvetica, serif; font-weight: normal;} h4{margin:0; padding:0; font-family: "Museo500", Arial, Helvetica, serif; font-weight: normal;} h5{margin:0; padding:0; font-family: "Museo500", Arial, Helvetica, serif; font-weight: normal;} h6{margin:0; padding:0; font-family: "Museo500", Arial, Helvetica, serif; font-weight: normal;} h7{margin:0; padding:0; font-family: "Museo500", Arial, Helvetica, serif; font-weight: normal;} h8{margin:0; padding:0; font-family: "Museo500", Arial, Helvetica, serif; font-weight: normal;} h9{margin:0; padding:0; font-family: "Museo500", Arial, Helvetica, serif; font-weight: normal;} h11{margin:0; padding:0; font-family: "Museo500", Arial, Helvetica, serif; font-weight: normal;} /* fim de headings */ /* texto */ p {font:12px "Museo300", Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0;} blockquote{border-left:10px solid #ddd; margin-left:10px;} pre{font-family: monospace; font-size: 1.0em;} strong, b{font-weight: bold;} em, i{font-style:italic;} code{font-family: "Courier New", Courier, monospace; font-size: 1em; white-space: pre;} /* fim de textos */ /* listas */ ul{margin:0;padding:0;} ul li{margin:0;padding:0;} ol{margin:0;padding:0;} ol li{margin:0;padding:0;} dl{margin:0;padding:0;} dl dt{margin:0;padding:0;} dl dd{margin:0;padding:0;} /* tabelas */ table{font-size: 1em; margin: 0 0 1.5em 0; padding: 0;} table caption{font-weight: bold; margin: 0 0 0 0; padding: 0 0 1.5em 0;} th{font-weight: bold; text-align: center;} td{font-size: 1em;} /** template **/ body{background:url(../img/bg-geral.jpg) top left repeat-x; overflow-x:hidden;} body#interna{ background: #F2F2F2 url(../img/bg-internas.png) top left repeat-x; } .center {width: 990px; margin: 0 auto; display: block; position: relative;} #overlay {background:none repeat scroll 0 0 #000000;height:100%;left:0;opacity:0.7;position:absolute;top:0;width:100%;z-index: 3;} /*header*/ #header{width:100%; height:161px; padding:0; margin:0;} #header #menu-topo{width:100%; height:40px; background:#000; border-bottom:1px solid #1A1A1A; float:left; position:relative;} #header #menu-topo ul{width:990px; height:40px; margin:auto; font:13px "Museo300", Arial, Helvetica, sans-serif; color:#FFF; padding:0 5px;} #header #menu-topo ul li{width:auto; height:auto; padding:13px 15px 0 15px; float:left;} #header #menu-topo ul li a{font:13px "Museo300", Arial, Helvetica, sans-serif; color:#FFF;} #header #menu-topo ul li.mapa-do-site{width:114px; height:26px;; padding:13px 0 0 13px; margin-right:336px; float:left; background:#0A0A0A url(../img/images.png) -940px -206px no-repeat;} #header a.bt-login {z-index:5; width: 161px; height: 47px; padding-left: 17px; background: url(../img/bg-login.png) no-repeat; display: block; position: absolute; right: 0; top: 0; font:15px/45px "Museo500",Arial,Helvetica,sans-serif !important; color:#333 !important; } #header a.bt-login2 {z-index:5; width: 161px; height: 47px; padding-left: 17px; background: url(../img/bg-login.png) no-repeat; display: block; position: absolute; right: 0; top: 0; font:15px/45px "Museo500",Arial,Helvetica,sans-serif !important; color:#333 !important; } #header .mapa-site {background: #0A0A0A; float: left; width: 100%; padding-top: 30px; padding-bottom: 30px; position: absolute; top: 41px; z-index: 6;} #header .mapa-site ul li{float: left; width: 135px; margin-right: 25px; font:13px "Museo300", Arial, Helvetica, sans-serif; color:#FFF;} #header .mapa-site ul li ul {padding-top: 8px;} #header .mapa-site ul li ul li {background: url(../img/bg-lista.png) left center no-repeat; padding-left: 10px; padding-bottom: 4px;} #header .mapa-site ul li a {font:13px "Museo300", Arial, Helvetica, sans-serif; color:#FFF;} #header .login {width: 100%; background: #F4F4F4;padding: 40px 0; height: 300px; position: absolute; z-index: 100;} #header .login a.bt-login {right: -149px; top:340px; } #header .login a.bt-login2 {right: -149px; top:340px; } #header .login h2 {font:25px "Museo500", Arial, Helvetica, sans-serif; color: #333;} #header .login p {padding: 8px 0 0 0;} #header .login .center {width: 700px;} #header .login .login-franqueados {width:301px; height: 203px; padding:18px 45px 0 0; float: left; background: url(../img/bg-divisaologin.png) center right no-repeat;} #header .login .login-franqueados ul li {padding-bottom: 8px; float: left; width: 100%;} #header .login .login-franqueados input[type=text], #header .login .login-franqueados input[type=password] {width:214px; height: 21px; padding: 8px; background: url(../img/images.png) -1640px -299px no-repeat; border: 0; float: left;} #header .login .login-franqueados label {width: 70px; float: left; font:14px/25px "Museo300", Arial, Helvetica, sans-serif; color: #333;} #header .login .login-franqueados label.error {width: 301px;} #header .login .login-franqueados .bt-continuar {float: right; background: url(../img/images.png) -1386px -296px no-repeat; width: 95px; height: 38px; } #header .login .nao-franqueado {width: 315px; height:180px; padding: 18px 0 18px 35px; float: left; } #header .login .nao-franqueado .bt-saibamais {float: right; background: url(../img/images.png) -1499px -296px no-repeat; width: 121px; height: 38px; margin-top: 25px; } #header #menu-global{width:100%; height:auto; float:left;} #header #menu-global ul.menu{width:665px; height:120px; margin:auto; font:16px "Museo300", Arial, Helvetica, sans-serif; color:#FFF; padding:0 5px; float: right;} #header #menu-global ul.menu > li{width:auto; height:41px; float:left; padding:0 15px; margin:70px 0 0 0; position: relative;} #header #menu-global ul li a{font:16px "Museo300", Arial, Helvetica, sans-serif; color:#FFF;} #header #menu-global ul li a:hover, #header #menu-global ul li.ativo a {font-family:"Museo300", Arial;, Helvetica; color:#0B799F; text-decoration:none;} #header #menu-global ul li:hover {font-family:"Museo300", Arial;, Helvetica; color:#0B799F; text-decoration:none; cursor:pointer;} #header #menu-global #logo{width:258px; height:59px; display:block; background:url(../img/images.png) -1040px -390px no-repeat; position:absolute; z-index:1; margin:29px 0 0 2px;} #header #menu-global #logo a{width:258px; height:59px; display:block;} #header #menu-global li.ativo .submenu{z-index: 100; width: 975px; height:365px; position: absolute; top:35px; left: -402px; background: url(../img/bg-submenu.png) no-repeat; display: block; padding: 40px 0 0 25px;} #header #menu-global .submenu ul > li {width:188px; float: left; margin-right: 4px; height:340px; position:relative; } #header #menu-global .submenu ul li h2 a{font-size:18px; line-height: 22px; color:#0B799F; padding:11px 0 14px 0; display: block; font-family:"Museo500", Arial, Helvetica, sans-serif;} #header #menu-global .submenu ul li a{color:#666; font-family:"Museo300", Arial, Helvetica, sans-serif;} #header #menu-global .submenu ul li a p{height:140px;} #header #menu-global .submenu ul li a:hover {text-decoration:underline;} #header #menu-global .submenu .bt-saibamais {float: left; background: url(../img/images.png) -1386px -357px no-repeat; width: 106px; height: 38px; margin-top: 30px; position:absolute; bottom:0; left:21px;} /*end header*/ #bg-home-luz {width:100%; height:100%; float:left; background:url(../img/bg_home_luz.png) top center no-repeat;} /*banner*/ #banner{width:100%; height:auto; float:left;} #banner #banner-content{width:1000px; height:558px; margin:auto; background:url(../img/images.png) -9px -12px no-repeat;} #banner #banner-content #banner-img{width:990px; height:385px; margin:auto; font:40px "Museo500", Arial, Helvetica, sans-serif; color:#FFF; z-index:1; /*background: url(../img/bg-banner.png) center 6px no-repeat;*/} #banner #banner-content #banner-img img{margin-top:2px;} #banner #banner-content #banner-antes-depois{width:990px; height:185px; margin:auto;} #banner #banner-content #banner-antes-depois p{font:18px "Museo300", Arial, Helvetica, sans-serif; color:#06526B; margin:7px 0; padding:0px; text-align:center;} #banner #banner-content #banner-antes-depois #carrossel, #banner #banner-content #banner-antes-depois .carrossel{width:966px; height:auto; margin:0 13px;} #banner #banner-content #banner-antes-depois #carrossel li {position: relative;} #carrossel img {/*opacity:0.3;*/} #carrossel img:hover, #carrossel .tooltip img, #carrossel li:hover img {/*opacity:0.9;*/} #balao{position:absolute; top:634px; left: 35px; width:100%; height:428px;} #balao ul li{display:none;} #banner #banner-content #banner-antes-depois #carrossel li:hover .tooltip{display:block;width:406px; height:407px; background: url(../img/bg-tooltip.png) no-repeat; position: absolute; bottom: 64px; left: -153px; padding: 8px 0 0 10px; z-index: 10;} #balao li:hover .tooltip{display:block;width: 406px; height: 407px; background: url(../img/bg-tooltip.png) 0 -198px no-repeat; position: absolute; bottom: 64px; padding: 20px 0 0 10px; z-index: 10;} #banner #banner-content #banner-antes-depois #carrossel .tooltip p, #balao li:hover .tooltip p{text-align: left; font-size:12px; color:#333;} #banner #banner-content #banner-antes-depois #carrossel .tooltip h3, #balao li:hover .tooltip h3{font-size: 13px; color: #054154;} #banner #banner-content #banner-antes-depois #carrossel .tooltip .bt-galeria {float: right; background: url(../img/images.png) -1499px -357px no-repeat; width: 135px; height: 30px; margin-top: 11px; } #banner #banner-content #banner-antes-depois #carrossel .imagens, #balao .imagens{ float: left; height: 395px; position: relative;} #banner #banner-content #banner-antes-depois #carrossel .imagens img{margin-bottom: 10px; } #banner #banner-content #banner-antes-depois #carrossel .imagens a{font-size:15px; width: 58px; height: 34px; background: #FFF; line-height: 33px; text-align: center; display: block; position:absolute;} #banner #banner-content #banner-antes-depois #carrossel .imagens a.bt-antes{top:10px; right: 0px; border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;} #banner #banner-content #banner-antes-depois #carrossel .imagens a.bt-depois{top:208px; right: 0px; border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;} #banner #banner-content #banner-antes-depois #carrossel .servicos-realizados {float: left; border-bottom: 1px solid #DDD; padding-bottom: 10px; width: 390px;} #banner #banner-content #banner-antes-depois #carrossel .servicos-realizados h3{font-size: 13px; color: #054154;} #banner #banner-content #banner-antes-depois #carrossel .loja-makeup{float: left; border-top: 1px solid #FFF; padding-top: 10px; width: 390px;} #banner #banner-content #banner-antes-depois #carrossel ul{width:100%; height:120px; margin:auto; position:relative;} #banner #banner-content #banner-antes-depois #carrossel ul li{width:120px; height:120px; float:left; font:11px "Museo300", Arial, Helvetica, sans-serif; color:#666; margin:0px; padding:0px; position: relative;} #banner #banner-content #banner-antes-depois #barra-carrossel, #banner #banner-content #banner-antes-depois .slider{width:990px; height:20px; float:left; margin:6px 0 0 0; padding:2px 0 0 0; background:url(../img/images.png) -1306px -10px no-repeat; position: relative;} #banner #banner-content #banner-antes-depois #botao-carrossel, #banner #banner-content #banner-antes-depois .handle{width:50px; height:18px; margin:auto; padding:0px; background:url(../img/images.png) -1316px -60px no-repeat; cursor: move; display: block; position: absolute;} /*end banner*/ /*content*/ body.franquias #content{width:990px; height:auto; margin:auto; overflow:visible;} #content{width:990px; height:auto; margin:auto;} #content #colunas{width:990px; height:auto; float:left; margin:30px 0 0 0;} #content #colunas ul{width:990px; height:auto; float:left; font:12px "Museo300", Arial, Helvetica, sans-serif; color:#333; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; margin:0px; padding:10px 0 0 0;} #content #colunas ul li{width:320px; height:auto; float:left; position:relative; min-height:415px; *height:415px;} #content #colunas ul li.coluna-meio{margin:0 15px;} #content #colunas ul li .titulo{width:320px; height:auto; float:left; font:20px "Museo300", Arial, Helvetica, sans-serif; color:#666; letter-spacing:-1px; text-shadow:0px 2px 1px #FFF; margin:0px;} #content #colunas ul li h3{width:320px; height:auto; border-bottom:1px solid #FFF; padding-bottom:15px; font:28px "Museo500", Arial, Helvetica, sans-serif; color:#0B7A9F; float:left;} #content #colunas ul li .chamada{width:320px; height:auto; float:left; border-top:1px solid #DDD; font:14px "Museo300", Arial, Helvetica, sans-serif; font-weight:bold; color:#333; text-shadow:0px 2px 1px #FFF; margin:0px; padding:20px 0 0 0;} #content #colunas ul li .chamada-novidades{font:14px "Museo300", Arial, Helvetica, sans-serif; font-weight:bold; color:#333; padding:20px 0 0 0; margin:0 0 10px 0;} #content #colunas ul li .formulario-orcamento{font:14px "Museo300", Arial, Helvetica, sans-serif; color:#333; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; margin:17px 0 20px 0; float:left;} #content #colunas ul li .franqueado-know-how{width:320px; height:26px; font:14px "Museo300", Arial, Helvetica, sans-serif; color:#666; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; margin:18px 0 0 0; padding:0 0 8px 0; border-bottom:1px dotted #FFF; float:left;} #content #colunas ul li .franqueado-know-how span.icon{width:26px; height:26px; background:url(../img/images.png) -1037px -10px no-repeat; float:right;} #content #colunas ul li .franqueado-equipe{width:320px; height:26px; font:14px "Museo300", Arial, Helvetica, sans-serif; color:#666; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; margin:0; padding:8px 0 8px 0; border-top:1px dotted #DDD; border-bottom:1px dotted #FFF; float:left;} #content #colunas ul li .franqueado-equipe span.icon{width:26px; height:26px; background:url(../img/images.png) -1037px -52px no-repeat; float:right;} #content #colunas ul li .franqueado-loja{width:320px; height:26px; font:14px "Museo300", Arial, Helvetica, sans-serif; color:#666; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; margin:0; padding:8px 0 8px 0; border-top:1px dotted #DDD; border-bottom:1px dotted #FFF; float:left;} #content #colunas ul li .franqueado-loja span.icon{width:26px; height:26px; background:url(../img/images.png) -1037px -91px no-repeat; float:right;} #content #colunas ul li .franqueado-marketing{width:320px; height:26px; font:14px "Museo300", Arial, Helvetica, sans-serif; color:#666; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; margin:0; padding:8px 0 0 0; border-top:1px dotted #DDD; float:left;} #content #colunas ul li .franqueado-marketing span.icon{width:26px; height:26px; background:url(../img/images.png) -1037px -133px no-repeat; float:right;} #content #colunas ul li input{width:295px; height:35px; border:1px solid #DDD; -moz-box-shadow:0px -1px 1px #CCC; -moz-border-radius:5px; -webkit-box-shadow:0px -1px 1px #CCC; -webkit-border-radius:5px; font:14px "Museo500", Arial, Helvetica, sans-serif; color:#333; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; padding:0 0 0 5px; margin-bottom:8px;} #content #colunas ul li input.orcamento{width:172px; height:69px; padding:0px; margin:40px 60px 0; background:url(../img/images.png) -1132px -120px no-repeat; border:0px; -moz-box-shadow:0 0 0; -webkit-box-shadow:0 0 0; -moz-border-radius:0 0 0; -webkit-border-radius:0 0 0; float:left;} #content #colunas ul li .ver-novidades{position:absolute; bottom:0; width:121px; height:69px; padding:0px; margin:40px 90px 0; background:url(../img/images.png) -1132px -209px no-repeat; border:0px; -moz-box-shadow:0 0 0; -webkit-box-shadow:0 0 0; -moz-border-radius:0 0 0; -webkit-border-radius:0 0 0; float:left;} #content #colunas ul li .franqueado{position:absolute; bottom:0; right:64px; width:205px; height:69px; padding:0px; margin:25px 0 0 0; background:url(../img/images.png) -1129px -300px no-repeat; border:0px; -moz-box-shadow:0 0 0; -webkit-box-shadow:0 0 0; -moz-border-radius:0 0 0; -webkit-border-radius:0 0 0; float:right;} /*end content*/ /* confirmando-pedido-print */ #geral-print{width:100%; height:auto; float:left; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000;} #topo-print{width:500px; height:auto; margin:3px auto; border-top:3px solid #472621; border-bottom:3px solid #472621; position:relative; background:none;} #topo-print .topo-dir{font-size:18px; color:#472621; font-weight:bold; letter-spacing:-1px;} #content-print{width:500px; height:auto; margin:auto;} #content-print ul{width:auto; height:auto; padding:15px 0; border-bottom:1px dashed #999999;} #content-print ul li{width:auto; height:auto; line-height:15px; list-style:none;} #content-print .pedido{font-size:14px; color:#472621; font-weight:bold; letter-spacing:-1px;} #content-print .pedido-num{font-size:24px; color:#472621; font-weight:bold; letter-spacing:-1px;} #content-print .pd-t5{padding-top:5px;} #content-print .pd-t15{padding-top:15px;} #content-print .color-vinho{color:#472621;} #content-print .ultima-borda{border-bottom:3px solid #472621;} /* confirmando-pedido-print */ /******************************************************************************* INTERNAS *******************************************************************************/ /* +TITULOS */ #interna h1{ color:#0B799F; font-size:40px; width:770px; float:left; margin:3px 0 8px;} #interna h2{ color:#000000; font-size:22px; } #interna h3{ color:#0B799F; font-size:25px;} #interna h4{ color:#0B799F; font-size:22px; margin-bottom: 10px;} #interna h5{ color:#000; font-size:20px; } #interna h6{ color:#0B799F; font-size:22px; } #interna h7{ color:#0B799F; font-size:22px; margin:20px 0 17px 0; float:left; width:100%;} #interna h8{ color:#0B799F; font-size:25px;} #interna h9{ color:#333333; font-size: 20px; margin-bottom: 10px;} #interna h11{ color:#0B799F; font-size:22px; margin-bottom: 10px;} /* +PARAGRAFOS */ #interna p { color:#001F26; font:13px "Museo500", Arial, Helvetica, sans-serif; margin: 0 0 20px; line-height: 140%; } #interna p.texto2 { color:#333; font:14px "Museo300", Arial, Helvetica, sans-serif; margin: 0 0 20px; line-height: 130%; } #interna p.texto3 { color:#333; font-size:13px !important; margin: 0 0 17px !important; line-height: 130%; } #interna p.texto4 { color:#333; font-size:12px !important; margin: 0 0 17px !important; line-height: 130%; } #interna p.texto5 { color:#333; font-size:14px; margin: 15px 0 15px; line-height: 130%; } /* +DEFAULT P�GINA */ #interna div#info-pagina { width: 100%; height:150px; float:left; } #interna div#aside { width: 283px; float:right; margin: 20px 0 0; } body.contatos div#info-servicos h1 {padding-top: 30px;} /* SERVI�OS */ #interna div#info-servicos p, #interna div#info-servicos h2 { display:block; width: 986px; float:left; color:#022733; font:16px "Museo500", Arial, Helvetica, sans-serif;} #interna div#info-servicos { width: 100%; height:150px; float:left; } #interna div#info-servicos ul.breadcrumb { width: 100%; display:block; color:#666; float: left; margin-top:18px; } #interna div#info-servicos ul.breadcrumb li { float:left; margin:0 6px 0 0; overflow:hidden; } #interna div#info-servicos ul.breadcrumb li a {font-size:12px;} #interna div#info-servicos .outros-servicos {position:relative; width:194px; height:15px; float:right; background:url(../img/servicos.png) 0 0 no-repeat; font:14px "Museo500", Arial, Helvetica, sans-serif; padding: 18px 0 12px 15px;} #interna div#info-servicos .ativo .submenu{top:39px; left:3px; width:181px; background:#FFF; display:block; position:absolute; padding:10px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;} #interna div#info-servicos .ativo .submenu{border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; box-shadow:0px 4px 6px #ccc; -moz-box-shadow:0px 4px 6px #ccc; -webkit-box-shadow:0px 4px 6px, #ccc; } #interna div#info-servicos .ativo .submenu li a{margin-bottom:8px; font-size:13px; display:block; color:#0B799F;} #interna div#orcamento { width:100%; min-height:255px; float:left; margin: 15px 0 0; } #interna div#orcamento img {float:left;} #interna div#orcamento div.faca-seu-orcamento { width:256px; height:255px; float:right; background: url(../img/servicos.png) 0 -48px no-repeat; padding: 0 26px 0 28px; } #interna div#orcamento div.faca-seu-orcamento .pergunta { color:#666; font:16px "Museo300", Arial, Helvetica, sans-serif; margin: 20px 0 0; } #interna div#orcamento div.faca-seu-orcamento .titorcamento { font:22px "Museo500", Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; margin: 10px 0 0; } #interna div#orcamento div.faca-seu-orcamento form#frmOrcamentoOnline { margin: 10px 0 0; } #interna div#orcamento div.faca-seu-orcamento form#frmOrcamentoOnline input.text { width:238px; background: url(../img/servicos.png) 0 -303px no-repeat; border:none; color:#000; font:14px "Museo500", Arial, Helvetica, sans-serif; padding: 12px 10px 13px 8px; } #interna div#orcamento div.faca-seu-orcamento form#frmOrcamentoOnline input.submit { float: right; margin: 8px 0 0; } #interna div#descricao { width: 680px; float:left; margin: 10px 0 0; } #interna div#descricao h3 {margin: 40px 0 20px 0;} #interna div#descricao p.texto1 { margin:10px 0 20px; line-height: 140%; } #interna div#descricao p { color:#333; font:13px "Museo300", Arial, Helvetica, sans-serif; margin: 0 0 10px; line-height: 130%; } #interna div#descricao h4 { color:#333; font-size:14px; } #interna div#aside { width: 283px; float:right; margin: 15px 0 0; } #interna div#aside h5 { text-transform: lowercase; } #interna div#descricao h8 {margin: 40px 0 20px 0;} #interna div#descricao h11 { color:#000; font-size:14px; } #interna div#aside div#box-galeria { width:100%; float:left; margin: 0 0 10px 0; } #interna div#aside div#box-galeria p {font-size:20px; color: #666; margin-bottom:-3px;} #interna div#aside div#box-galeria h4 {font-size:22px "Museo300", Arial, Helvetica, sans-serif;} #interna div#aside div#box-galeria ul.galeria{ margin:20px 0 0; } #interna div#aside div#box-galeria ul.galeria li a { width:90px; height:90px; float:left; margin:2px;} #interna div#aside div#box-galeria div#bt-carrousel { width:70px; height:35px; float:right; margin:-2px 3px 0 0 ; clear:both;} #interna div#aside div#box-galeria div#bt-carrousel a { width:35px; height:35px; float:left; display:block; text-indent:-9999em;} #interna div#aside div#box-galeria div#bt-carrousel a#prev { background:url(../img/images.png) -1471px -489px; } #interna div#aside div#box-galeria div#bt-carrousel a#prox { background:url(../img/images.png) -1506px -489px; } #interna div#aside div#box-depoimentos { width:100%; float:left; margin:0 0 35px 0; } #interna div#aside div#box-depoimentos ul li { width:100%; float:left; background:url(../img/servicos.png) -368px 0 no-repeat; margin:20px 0 0; } #interna div#aside div#box-depoimentos ul li p.depoimento { color:#333; font:italic 14px "Museo300", Arial, Helvetica, sans-serif; line-height: 130%; padding:0 0 0 40px; text-align: right; } #interna div#aside div#box-depoimentos ul li div.box-autor { width:100%; clear:both; margin:10px 0 0; } #interna div#aside div#box-depoimentos ul li div.box-autor img.foto-autor { float:right; } #interna div#aside div#box-depoimentos ul li div.box-autor p { width:222px; float:left; margin: 0 0 3px; text-align: right; } #interna div#aside div#box-depoimentos ul li div.box-autor p.nome-autor { color:#06526B; font:14px "Museo500", Arial, Helvetica, sans-serif; float:right; } #interna div#aside div#box-depoimentos ul li div.box-autor p.cliente-autor { color:#333; font:14px "Museo300", Arial, Helvetica, sans-serif; float: right;} #interna div#aside div#box-depoimentos ul li div.box-autor p.loja-autor { color:#333; font:italic 12px "Museo300", Arial, Helvetica, sans-serif; float:right;} /* +FALE CONOSCO */ #interna div#info-servicos h3#fale-conosco { width:750px; float:left; margin:30px 0 8px; } #interna div#descricao #env-formulario { width: 685px; height:395px; float:left; background:url(../img/faleconosco.png) 0 0 no-repeat; margin:0 0 0 -5px;} #interna div#descricao #env-formulario h2 { color:#000; font:30px "Museo300", Arial, Helvetica, sans-serif; margin:20px 20px 15px; text-transform: lowercase; } #interna div#descricao #env-formulario div#error { float:left; margin: 0 20px 0; overflow: hidden; font: 14px "Museo300",Arial,Helvetica,sans-serif;} #interna div#descricao #env-formulario div#error span label.error{ display: block !important; width: auto; float:left; padding-left: 2px; } #interna div#descricao #env-formulario #enviar { float:right; margin:10px 20px 0 0; clear:both; } #interna div#descricao #env-formulario fieldset { border: none; } #interna div#descricao #env-formulario fieldset legend { display:none; } #interna div#descricao #env-formulario fieldset label { display:block; color:#000; font:14px "Museo500", Arial, Helvetica, sans-serif; margin:0 0 5px 0; } #interna div#descricao #env-formulario fieldset#dados-pessoais { width:314px; float:left; margin:0 0 0 20px;} #interna div#descricao #env-formulario fieldset#dados-pessoais input.text, #interna div#descricao #env-formulario fieldset#mensagem input.text{ background: url(../img/faleconosco.png) no-repeat; border:0; color:#000; font:14px "Museo500", Arial, Helvetica, sans-serif; margin:5px 0 5px 0; padding: 13px 8px; } #interna div#descricao #env-formulario fieldset#dados-pessoais input#nome, #interna div#descricao #env-formulario fieldset#dados-pessoais input#email, #interna div#descricao #env-formulario fieldset#dados-pessoais input#cidade, #interna div#descricao #env-formulario fieldset#dados-pessoais input#dv_nome, #interna div#descricao #env-formulario fieldset#dados-pessoais input#dv_email, #interna div#descricao #env-formulario fieldset#dados-pessoais input#dv_telefone, #interna div#descricao #env-formulario fieldset#dados-pessoais input#dv_telefone, #interna div#descricao #env-formulario fieldset#dados-pessoais input#dv_marca, #interna div#descricao #env-formulario fieldset#dados-pessoais input#dv_modelo, #interna div#descricao #env-formulario fieldset#dados-pessoais input#dv_ano, #interna div#descricao #env-formulario fieldset#dados-pessoais input, #interna div#descricao #env-formulario fieldset#mensagem input.text { width:295px; background-position:0 -395px; } #interna div#descricao #env-formulario fieldset#dados-pessoais input#ddd { width:36px; background-position:0 -435px; } #interna div#descricao #env-formulario fieldset#dados-pessoais input#telefone { width:127px; background-position:-55px -435px; } #interna div#descricao #env-formulario fieldset#mensagem { width:314px; float:right; margin:0 20px 0 0; } #interna div#descricao #env-formulario fieldset#mensagem textarea { width:295px; height:167px; background: url(../img/faleconosco.png) -314px -395px no-repeat; border:0px; font:14px "Museo500", Arial, Helvetica, sans-serif; margin:5px 0 5px 0; padding: 13px 8px; overflow:auto; } /* +ORCAMENTO ONLINE */ #interna div#aside .orcamento-online { float:left; margin:0 0 20px; } #interna div#aside .orcamento-online p{margin:0; font-size:18px; color:#666;} #interna div#aside h5{ color:#666; font:18px "Museo300", Arial, Helvetica, sans-serif; } #interna div#aside h5 span.destaque{ color:#0B799F; font:22px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-transform: uppercase; } #interna div#aside .separador { width:100%; float:left; border-top:1px solid #fff; border-bottom:1px solid #ddd; margin:10px 0; } #interna div#aside form#frmOrcamentoOnline input.text { width:268px; background: url(../img/faleconosco.png) 0 -483px no-repeat; border:0; font-size:14px ; margin: 0 0 5px; padding:10px 8px 9px; } #interna div#aside form#frmOrcamentoOnline input.enviar { float:right; margin:10px 0 0; } #interna div#aside #orcamento-online input.text { width:268px; background: url(../img/faleconosco.png) 0 -483px no-repeat; border:0; font-size:14px ; margin: 0 0 5px; padding:10px 8px 9px; } #interna div#aside #orcamento-online input.enviar { float:right; margin:10px 0 0; } #interna div#descricao #env-formulario.orcamento-completo{height: 100%; background: url("../img/bg-form.png") repeat-y scroll 0 0 transparent;} /* +FRANQUIAS */ body.franquias #tabs-franquia{width:990px; height:57px; float:left; font:16px "Museo300", Arial, Helvetica, sans-serif; color:#666; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; background:#F2F2F2; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; border:1px solid #DDD; border-bottom:0px; -moz-box-shadow:0px -1px 1px #CCC; -webkit-box-shadow:0px -1px 1px #CCC; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;} body.franquias #tabs-franquia ul.ui-tabs-nav {width:990px; height:auto; margin:19px 0 0 0; float:left; padding-left:10px;} body.franquias #tabs-franquia ul li.ui-state-active a {background:#FFF; text-decoration:none;} body.franquias #tabs-franquia ul li a{width:auto; padding:10px 10px 0 10px; height:28px; float:left; background:-moz-linear-gradient(center top , #FFFFFF, #F2F2F2) repeat scroll 0 0 #F2F2F2; background:#F2F2F2 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F2F2F2)); border:1px solid #DBDBDB; border-bottom:0px; text-align:center; font:16px "Museo500", Arial, Helvetica, sans-serif; color:#666; margin-right:3px; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; text-decoration:none;} body.franquias #suporteini, body.franquias #suportepermanente, body.franquias #franqueados, body.franquias #negocio{width:951px; padding-left:39px; height:750px; float:left; border:1px solid #DDD; border-top:0px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; background:#FFF;} body.franquias #content div#descricao { width: 990px; height:770px; float:left; margin: 20px 0 0; } body.franquias #tabs-franquia div ul {margin-bottom:20px;} body.franquias #tabs-franquia div ul li {padding-left:8px; background:url(../img/bg-lista-franq.jpg) 0 7px no-repeat; line-height:18px; font-size:13px;} body.franquias #info-servicos h1 {margin:30px 0 8px 0;} body.franquias #content .info-franqueado {float:left; width:650px; margin:30px 55px 0 0; } body.franquias #content .info-franqueado p {font-size:14px;} body.franquias #content .franqcadastrese {float:left; margin:30px 0 0 0; width:277px;} body.franquias #content .franqcadastrese p {font:14px/140% "Museo500", Arial, Helvetica, serif; color:#0B799F} body.franquias .bt-cadastrofran {width:281px; height:43px; background: url(../img/images.png) -1388px -407px no-repeat} body.franquias-cad #info-servicos h1 {margin:30px 0 8px 0;} body.franquias-cad #content div#descricao #env-formulario .content-form {float:left; padding:0 0 0 20px;} body.franquias-cad #content div#descricao #env-formulario .content-form div.sucess{margin-left: 0px !important;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li {width:312px; float:left; margin-right:15px;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li.form-msg {width:640px; float:left; margin-right:0;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li #estado, body.franquias-cad #content div#descricao #env-formulario .content-form ul li #cidade, body.franquias-cad #content div#descricao #env-formulario .content-form ul li #cidadeint, body.franquias-cad #content div#descricao #env-formulario .content-form ul li #capitalinvestimento, body.franquias-cad #content div#descricao #env-formulario .content-form ul li #canal, body.franquias-cad #content div#descricao #env-formulario .content-form ul li #estadoint, body.franquias-cad #content div#descricao #env-formulario .content-form ul li #tempoimplementacao {background:url("../img/bg-input.png") no-repeat;border:0 none;color:#000000;font:14px "Museo500",Arial,Helvetica,sans-serif;height:36px;margin:5px 0 4px 0;padding:10px 8px;width:312px;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li .text {width:295px; height:15px; padding:10px 8px; background:url(../img/bg-input.png) no-repeat; border:0 none;color:#000000;font:14px "Museo500",Arial,Helvetica,sans-serif;margin:5px 0;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li.cep a {font-size:12px; color:#085C78; text-decoration:underline;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li.data label {float:left;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li.data span {float:left; display: block; font-size:12px; color:#666; margin:9px 0 0 4px;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li #cpf, body.franquias-cad #content div#descricao #env-formulario .content-form ul li #dtnascimento{width:112px; background:url(../img/bg-cpf.png) no-repeat;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li #dtnascimento{margin: 5px 0 8px 0;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li #cep {width:42px; background:url(../img/bg-cep1.png) no-repeat;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li #cep2 {width:26px; background:url(../img/bg-cep2.png) no-repeat;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li #foneddd {width:23px; background:url(../img/bg-ddd.png) no-repeat;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li #fone {width:69px; background:url(../img/bg-fone.png) no-repeat;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li #celddd {width:23px; background:url(../img/bg-ddd.png) no-repeat;} body.franquias-cad #content div#descricao #env-formulario .content-form ul li #cel {width:69px; background:url(../img/bg-fone.png) no-repeat;} body.franquias-cad #content div#descricao #env-formulario label {color:#000000;display:block;font:14px "Museo500",Arial,Helvetica,sans-serif;margin:10px 0 0 5px;} body.franquias-cad #content div#descricao #env-formulario textarea {background: url(../img/bg-textarea.png) 1px 0 no-repeat; width:637px; height:110px; border:0; margin-top:5px;} body.franquias-cad #content div#descricao #env-formulario {background:url("../img/bg-form.png") repeat-y;float:left;height:100%;margin:0 0 0 0;width:685px;} body.franquias-cad #content div#descricao #env-formulario .enc-topo{width:685px; height:11px; background: url(../img/bg-topoform.png) no-repeat; display:block;} body.franquias-cad #content div#descricao #env-formulario .enc-bottom{width:685px; height:30px; background: url(../img/bg-bottomform.png) 0 11px no-repeat; display:block; float:left;} body.franquias-cad #content div#descricao #env-formulario h2 {margin:10px 0 18px 0;} #aside #franqueado p.titulo {margin:0; font-size:16px; text-shadow:0 2px 1px #FFFFFF; border-bottom:0; height:auto; padding:0;} #aside #franqueado .chamada {color:#333333;float:left;font:bold 14px "Museo300",Arial,Helvetica,sans-serif;height:auto;margin:0;padding:20px 0 0;text-shadow:0 2px 1px #FFFFFF;} body.cadastros #content div#descricao #env-formulario .content-form {float:left; padding:0 0 0 20px;} body.cadastros #content div#descricao #env-formulario .content-form ul li {width:312px; float:left; margin-right:15px;} body.cadastros #content div#descricao #env-formulario .content-form ul li.form-msg {width:640px; float:left; margin-right:0;} body.cadastros #content div#descricao #env-formulario .content-form ul li select, body.contatos #content div#descricao #env-formulario select {background:url("../img/bg-input.png") no-repeat;border:0 none;color:#000000;font:14px "Museo500",Arial,Helvetica,sans-serif;height:35px;margin:5px 0;padding:10px 8px;width:312px;} body.cadastros #content div#descricao #env-formulario .content-form ul li .text {width:295px; height:15px; padding:10px 8px; background:url(../img/bg-input.png) no-repeat; border:0 none;color:#000000;font:14px "Museo500",Arial,Helvetica,sans-serif;margin:5px 0;} body.cadastros #content div#descricao #env-formulario .content-form ul li.cep a {font-size:12px; color:#085C78; text-decoration:underline;} body.cadastros #content div#descricao #env-formulario .content-form ul li.data label {float:left;} body.cadastros #content div#descricao #env-formulario .content-form ul li.data span {float:left; display: block; font-size:12px; color:#666; margin:12px 0 0 4px;} body.cadastros #content div#descricao #env-formulario .content-form ul li #cpf, body.cadastros #content div#descricao #env-formulario .content-form ul li #dtnascimento{width:112px; background:url(../img/bg-cpf.png) no-repeat;} body.cadastros #content div#descricao #env-formulario .content-form ul li #cep {width:42px; background:url(../img/bg-cep1.png) no-repeat;} body.cadastros #content div#descricao #env-formulario .content-form ul li #cep2 {width:26px; background:url(../img/bg-cep2.png) no-repeat;} body.cadastros #content div#descricao #env-formulario .content-form ul li #foneddd {width:23px; background:url(../img/bg-ddd.png) no-repeat;} body.cadastros #content div#descricao #env-formulario .content-form ul li #fone {width:69px; background:url(../img/bg-fone.png) no-repeat;} body.cadastros #content div#descricao #env-formulario .content-form ul li .empfoneddd {width:23px; background:url(../img/bg-ddd.png) no-repeat;} body.cadastros #content div#descricao #env-formulario .content-form ul li .empfone {width:69px; background:url(../img/bg-fone.png) no-repeat;} body.cadastros #content div#descricao #env-formulario .content-form ul li #celddd {width:23px; background:url(../img/bg-ddd.png) no-repeat;} body.cadastros #content div#descricao #env-formulario .content-form ul li #cel {width:69px; background:url(../img/bg-fone.png) no-repeat;} body.cadastros #content div#descricao #env-formulario label {color:#333333;display:block;font:14px "Museo500",Arial,Helvetica,sans-serif;margin:10px 0 0 5px;} body.cadastros #content div#descricao #env-formulario textarea {background: url(../img/bg-textarea.png) 1px 0 no-repeat; width:637px; height:110px; border:0; margin-top:5px;} body.cadastros #content div#descricao #env-formulario {background:url("../img/bg-form.png") repeat-y;float:left;height:100%;margin:0 0 0 0;width:685px;} body.cadastros #content div#descricao #env-formulario .enc-topo, body.contatos #content div#descricao #env-formulario .enc-topo{width:685px; height:11px; background: url(../img/bg-topoform.png) no-repeat; display:block;} body.cadastros #content div#descricao #env-formulario .enc-bottom, body.contatos #content div#descricao #env-formulario .enc-bottom{width:685px; height:30px; background: url(../img/bg-bottomform.png) 0 11px no-repeat; display:block; float:left;} body.cadastros #content div#descricao #env-formulario h2 {margin:10px 0 18px 0;} #aside #franqueado p.titulo {margin:0; font-size:16px; text-shadow:0 2px 1px #FFFFFF; border-bottom:0; height:auto; padding:0;} #aside #franqueado .chamada {color:#333333;float:left;font:bold 14px "Museo300",Arial,Helvetica,sans-serif;height:auto;margin:0;padding:20px 0 0;text-shadow:0 2px 1px #FFFFFF;} #aside #franqueado p {border-bottom:1px dotted #FFFFFF;color:#666666;float:left;font-size:14px;height:30px;letter-spacing:0;margin:18px 0 0;padding:0 0 8px;text-shadow:0 2px 1px #FFFFFF;width:268px;} #aside #franqueado p span.icon {float:right;height:26px;width:26px;} #aside #franqueado .franqueado-know-how span.icon {background:url("../img/images.png") no-repeat scroll -1037px -10px transparent;} #aside #franqueado .franqueado-equipe span.icon {background:url("../img/images.png") no-repeat -1037px -52px ;} #aside #franqueado .franqueado-equipe {border-top:1px dotted #DDDDDD; margin:0; padding-top:6px;} #aside #franqueado .franqueado-loja span.icon {background:url("../img/images.png") no-repeat -1037px -91px; border-top:1px dotted #DDDDDD;} #aside #franqueado .franqueado-loja {border-top:1px dotted #DDDDDD; margin:0; padding-top:6px;} #aside #franqueado .franqueado-marketing span.icon {background:url("../img/images.png") no-repeat scroll -1037px -133px transparent;} #aside #franqueado .franqueado-marketing {border-top:1px dotted #DDDDDD; border-bottom:0; margin:0; padding-top:6px;} #aside #franqueado p {border-bottom:1px dotted #FFFFFF;color:#666666;float:left;font-size:14px;height:30px;letter-spacing:0;margin:18px 0 0;padding:0 0 8px;text-shadow:0 2px 1px #FFFFFF;width:268px;} #aside #franqueado p span.icon {float:right;height:26px;width:26px;} #aside #franqueado .franqueado-know-how span.icon {background:url("../img/images.png") no-repeat scroll -1037px -10px transparent;} #aside #franqueado .franqueado-equipe span.icon {background:url("../img/images.png") no-repeat -1037px -52px ;} #aside #franqueado .franqueado-equipe {border-top:1px dotted #DDDDDD; margin:0; padding-top:6px;} #aside #franqueado .franqueado-loja span.icon {background:url("../img/images.png") no-repeat -1037px -91px; border-top:1px dotted #DDDDDD;} #aside #franqueado .franqueado-loja {border-top:1px dotted #DDDDDD; margin:0; padding-top:6px;} #aside #franqueado .franqueado-marketing span.icon {background:url("../img/images.png") no-repeat scroll -1037px -133px transparent;} #aside #franqueado .franqueado-marketing {border-top:1px dotted #DDDDDD; border-bottom:0; margin:0; padding-top:6px;} /*TRABALHE CONOSCO */ body.trabalhe hr{width:645px; height:2px; margin:0; display:block; background:url(../img/bg-hr.png) no-repeat; border:0; color:#FFF; float:left; margin-bottom: 8px;} body.trabalhe ul {float:left;} body.trabalhe ul.funcpret {margin-bottom:8px;} body.trabalhe ul.funcpret li {margin-bottom:8px} body.trabalhe #content div#descricao #env-formulario ul.inst li ul li input[type="radio"]{float:left; height:15px; margin:0 0 0 4px;} body.trabalhe #content div#descricao #env-formulario ul.inst li ul li {margin:10px 0 0 0;} body.trabalhe #content div#descricao #env-formulario ul.inst li ul li label{margin:0 0 0 4px; float:left;} body.trabalhe #content div#descricao #env-formulario textarea {background: url(../img/bg-textareatrabalhe.png) 1px 0 no-repeat; width:311px; height:113px; border:0; margin-top:5px;} body.trabalhe #descricao #env-formulario h3 {float:left; color: #333; line-height:33px; font-size:24px; padding-left:43px; height:33px; margin:14px 0 17px 0;} body.trabalhe #descricao #env-formulario h3.funcao {background:url(../img/bg-passos.png) no-repeat;} body.trabalhe #descricao #env-formulario h3.instrucao {background:url(../img/bg-passos.png) 0 -99px no-repeat;} body.trabalhe #descricao #env-formulario h3.expprofissional {background:url(../img/bg-passos.png) 0 -148px no-repeat;} body.trabalhe #descricao #env-formulario h3.identificacao {background:url(../img/bg-passos.png) 0 -51px no-repeat;} .bt-adexppro {width:260px; height:30px; display:block; background: url(../img/bt-adexppro.png) no-repeat; margin:20px 0 15px 0;} /* +NOTICIAS */ #interna div#noticia-destaque { width:100%; height:173px; background:url(../img/noticias.png) 0 0 no-repeat; float:left; margin:20px 0 0; } #interna div#noticia-destaque h2{ width:624px; display:block; color:#000; font:30px "Museo500", Arial, Helvetica, sans-serif; letter-spacing:-2px; margin: 30px 0 10px 20px; } #interna div#noticia-destaque h2 a{ color:#000; font:30px "Museo500", Arial, Helvetica, sans-serif; letter-spacing:-2px; padding:0; margin:0;} #interna div#noticia-destaque p { width:624px; display:block; color:#001F26; float:left; font:13px "Museo300", Arial, Helvetica, sans-serif; margin: 10px 0 0 20px; } #interna div#noticia-destaque a.continuar-lendo { width:188px; height:43px; float:right; display:block; background: url(../img/noticias.png) -802px -177px no-repeat; text-indent:-9999em; margin:0 100px 0 0; } #interna div#descricao div#noticias { width:100%; float:left; } #interna div#descricao div#noticias div#noticias-topo { width:100%; height:51px; background:url(../img/noticias.png) 0 -175px no-repeat; } #interna div#descricao div#noticias div#noticias-topo h3 { float:left; color:#0B799F; font:22px "Museo500", Arial, Helvetica, sans-serif; letter-spacing: -1px; margin:15px 15px 0; } #interna div#descricao div#noticias div#noticias-miolo { float:left; display:block; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; } #interna div#descricao div#noticias div#noticias-miolo ul#noticias-lista li { width: 630px; float:left; display:block; margin: 15px 20px 0; } #interna div#descricao div#noticias div#noticias-miolo ul#noticias-lista li .noticia-data { width: 76px; display:block; float:left; color:#888; background:url(../img/noticias.png) -680px -175px no-repeat; font:13px "Museo300", Arial, Helvetica, sans-serif; letter-spacing:-1px; margin:0 20px 0 0; padding:12px 0 8px; text-align:center;} #interna div#descricao div#noticias div#noticias-miolo ul#noticias-lista li .noticia-titulo a { width:500px; display:block; float:left; color:#333; font:14px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:12px 0 8px;} #interna div#descricao div#noticias div#noticias-miolo ul#paginacao { margin: 15px auto; width: 680px; clear:both; } #interna div#descricao div#noticias div#noticias-miolo ul#paginacao li a:link, #interna div#descricao div#noticias div#noticias-miolo ul#paginacao li a:visited{ width:37px; float:left; background:url(../img/noticias.png) -680px -210px no-repeat; color:#333; display:block; font:12px "Museo500", Arial, Helvetica, sans-serif; margin:15px 0 15px 2px; padding: 11px 0; text-align:center; } #interna div#descricao div#noticias div#noticias-miolo ul#paginacao li a:hover, #interna div#descricao div#noticias div#noticias-miolo ul#paginacao li a:active{ background:url(../img/noticias.png) -719px -210px no-repeat; } #interna div#descricao div#noticias div#noticias-miolo ul#paginacao li a.ativo{ background:url(../img/noticias.png) -719px -210px no-repeat; } #interna div#descricao div#noticias .noticias-bottom { width:100%; height:4px; float:left; background:url(../img/noticias.png) 0 -226px no-repeat; } #interna div#aside #franquias-noticias { float:left; margin-top: 20px; } #interna div#aside #franquias-noticias a { width:172px; height:30px; float:right; display:block; background:url(../img/noticias.png) -818px -223px no-repeat; margin:10px 0 0; text-indent:-9999em;} /*DETALHE NOTICIA */ #interna .detalhe-noticia{ width: 681px; float: left; margin: 70px 0 60px} #interna .detalhe-noticia .data{font: 12px "Museo500",Arial,Helvetica,sans-serif; color: #666; float: left} #interna .detalhe-noticia .share{ float: right; width: 280px; margin-bottom:20px;} #interna .detalhe-noticia .share a:hover{ text-decoration: none } #interna .detalhe-noticia .share .facebook{ background: url(../img/_ex-face.jpg) no-repeat; width: 74px; height: 20px; float: left; text-indent: 56px; font: bold 12px Arial, Tahoma, Verdana; margin: 0 0 0 5px; color: #333} #interna .detalhe-noticia .share .tweet{ background: url(../img/_ex-twt.jpg) no-repeat; width: 93px; height: 20px; float: left; text-indent: 70px; font: bold 12px Arial, Tahoma, Verdana; margin: 0 0 0 5px; color: #2B7091 } #interna .detalhe-noticia .share .share{ background: url(../img/_ex-share.jpg) no-repeat; width: 88px; height: 20px; float: left; text-indent: 60px; font: bold 12px Arial, Tahoma, Verdana; margin: 0 0 0 5px; color: #4D464E } #interna .detalhe-noticia .share span{ position: relative; } #interna .detalhe-noticia h1{ font-size: 40px; color: #0B799F; margin: 0 0 40px; padding: 20px 0 0; float:left; width:681px;} #interna .detalhe-noticia p {float:left; clear: both;} #interna div#aside.aside-noticia{ margin-top: 70px; width: 283px; float: right} #interna div#aside .mais-noticias li {float:left; margin-bottom:10px;} #interna div#aside .mais-noticias a:hover h4,#interna div#aside #mais-noticias a:hover p{ text-decoration: underline } #interna div#aside .mais-noticias h2{ color: #666; font: 20px "Museo300", Arial, Helvetica, sans-serif; background: url(../img/_bg-linha.jpg) repeat-x left bottom; padding: 0 0 10px; margin: 0px 0 10px; display: block} #interna div#aside .mais-noticias h3 a{ color: #333; font:13px "Museo500", Arial, Helvetica, serif; display: block; margin-bottom:8px;} #interna div#aside .mais-noticias a{font-size:12px;} #interna div#aside .mais-noticias p{ color: #333; font: 12px "Museo500",Arial,Helvetica,sans-serif; padding: 0 0 0px; margin: 0 0 10px; display: block} #interna div#aside .mais-noticias .capa-noticias{ background: url(../img/_bt-capa-noticias.jpg) no-repeat; height: 30px; width: 146px; float: right; margin: 10px 0 40px 0} /* body#interna.noticia-interna{ background: #F2F2F2 url(../img/_bg-topo-interna.png) repeat-x;} */ #interna .info-interna-noticias{height: 50px; padding-top:15px; margin-bottom:25px;} #interna .info-interna-noticias .bt-voltar-noticias{background: url(../img/_bt-voltar-noticias.jpg) no-repeat;width: 178px;height: 28px;float: right; margin-top: 38px;} #interna .info-interna-noticias p.ttnoticias{font: 25px "Museo500",Arial,Helvetica,serif; float: left; color:#0B799F;} /* QUEM SOMOS */ #interna .video-destaque{width: 994px;height: 263px;clear: both;background: url(../img/_bg-video.jpg) no-repeat;padding: 0 0 25px 0} #interna .descricao-quemsomos{width: 500px;float: left;} #interna .descricao-quemsomos p{font-size:14px;} #interna .depoimento-quemsomos{float: right;width: 407px;padding: 0 0 0 65px;background: url(../img/_bg-aspas.jpg) no-repeat} #interna .depoimento-quemsomos p{ font-style:italic; font-size:14px; text-align: right} #interna .depoimento-quemsomos .cliente{ padding: 10px 0 0} #interna .depoimento-quemsomos .cliente img{ float: right; padding: 0 0 0 10px} #interna .depoimento-quemsomos .cliente h3, #interna .depoimento-quemsomos .cliente span, #interna .depoimento-quemsomos .cliente strong{ float: right; clear: left; font-family:"Museo300",Arial,Helvetica,sans-serif;} #interna .depoimento-quemsomos .cliente h3{ color:#06526B; font-size:14px; } #interna .depoimento-quemsomos .cliente span{ color:#333; font-size:14px;} #interna .depoimento-quemsomos .cliente p{ color:#333; font-style:italic; font-size:12px;} #interna .depoimento-quemsomos .cliente strong{ color:#333; font-style:italic; font-size:12px;} #timeline{height: 92px;clear: both;padding: 40px 0 0;width: 990px;margin: 0 0 50px;position: relative; backgorund: url("../img/_bg-timeline02.jpg") repeat-x scroll 0 68px transparent} #timeline .side-left, #timeline .side-right{ width: 8px; height: 64px; position: absolute; top: 68px} #timeline ul{margin-left:110px;} #timeline ul li{background: url(../img/_bg-timeline.jpg) repeat-x left center; float: left;width: 60px;font: 16px "Museo500",Arial,Helvetica,sans-serif;color: #FFF;text-align: center;padding: 35px 0 0;height: 84px} #timeline li.ativo .tooltip{display:block; width: 406px; height: 407px; background: url(../img/bg_tooltip_linha_do_tempo.gif) 0 -198px no-repeat; position: absolute; bottom: 64px; padding: 20px 0 0 10px; z-index: 10;} #timeline ul li:hover{background: url(../img/_bg-timeline-ativa.png) no-repeat 0px -1px;} #timeline ul li:hover a{ position: relative; top: 27px} #timeline ul li a{font: 16px "Museo500",Arial,Helvetica,sans-serif;color: #FFF;} #timeline ul li a:hover{ text-decoration: none } #timeline ul li img { text-decoration: none; display:none; } #timeline .side-left{background: url(../img/_bg-timeline-esq.png) no-repeat;left: 0;} #timeline .side-right{background: url(../img/_bg-timeline-dir.png) no-repeat; right: 0;} #timeline .tooltip {display:none; background: url(../img/bg_tooltip_linha_do_tempo.gif) no-repeat left bottom; margin: -212px 0px 0px -100px; font-size:12px; height:125px; width:205px; padding:25px; color: #333; z-index: 1; float:left; position:absolute; } #interna .diferenciais,.missao-valores{ width: 485px; float: right} #interna .missao-valores{ width: 460px; float: left} #interna .missao-valores h4, #interna .diferenciais h4 { font-size:14px; color:#000;} #interna .diferenciais h3,.missao-valores h3{ margin: 0 0 22px} #interna .diferenciais h5 span,.missao-valores h5 span{ color: #0B799F; font: 25px "Museo500",Arial,Helvetica,sans-serif;} #interna .diferenciais p,.missao-valores p{ color: #333; font-size: 14px;} #interna .diferenciais strong,.missao-valores strong{ color: #000; font: bold 14px "Museo500",Arial,Helvetica,sans-serif; display: block} #interna .missao-valores strong{ color: #000; font: bold 14px "Museo500",Arial,Helvetica,sans-serif; display: block} /* +LOJAS */ #interna div#info-servicos h3#nossas-lojas { width:750px; float:left; margin:30px 0 8px; } #interna div#localizador { width:100%; height:370px; float:left; background:url(../img/lojas.png) 0 0 no-repeat; margin: 10px 0 0; padding:9px 0 0; } #interna div#localizador div.localizador-mapa { width:678px; height:370px; position:relative; top:0; left:0; float:left; } #interna div#localizador div.localizador-mapa div#mapa { width:678px; height:100%; z-index:1;} #interna div#localizador div.localizador-mapa .topo-curva { width:8px; height:6px; background:url(../img/lojas.png) -663px -387px no-repeat; position:absolute; top:-1px; left:-1px; z-index:200; } #interna div#localizador div.localizador-mapa .bottom-curva { width:8px; height:7px; background:url(../img/lojas.png) -663px -393px no-repeat; position:absolute; bottom:-1px; left:-1px; z-index:200; } #interna div#faca-seu-orcamento { width:290px; height:100%; float:right; padding:0 0 0 20px; } #interna div#faca-seu-orcamento p.pergunta { color:#666; font:16px "Museo300", Arial, Helvetica, sans-serif; margin: 20px 0 12px 0; } #interna div#faca-seu-orcamento h4 { color:#000; font:22px "Museo500", Arial, Helvetica, sans-serif; letter-spacing:-1px; margin:0 0 10px 0; text-transform:uppercase; } #interna div#faca-seu-orcamento .select { width:257px; height:41px; float:left; background:url(../img/lojas.png) 0 -386px no-repeat; margin:10px 0 0 0; } #interna div#faca-seu-orcamento select {width:245px; border:none;font-size:14px;height:24px;margin:6px;padding-top:5px;} #interna div#faca-seu-orcamento .select .legend { width:200px; height:20px; float:left; color:#333; font:14px "Museo500", Arial, Helvetica, sans-serif; margin:14px 0 0 13px; } #interna div#faca-seu-orcamento .select .seta { width:30px; height:24px; float:right; background:url(../img/lojas.png) -258px -394px no-repeat; margin:8px 8px 0 0; } #interna div#faca-seu-orcamento input.submit { float:right; margin:10px 33px 0 0; } #interna div#busca-resultado { width:310px; height:100%; float:right; } #interna div#busca-resultado p#busca-quant { float:left; font:16px "Museo500", Arial, Helvetica, sans-serif; margin: 15px 0 0 20px; } #interna div#busca-resultado ul#busca-itens { width:306px; height:266px; float:left; background:url(../img/lojas.png) -676px -385px no-repeat; margin: 15px 0 0 0; overflow:auto; } #interna div#busca-resultado ul#busca-itens li { width:206px; float:left; background:url(../img/lojas.png) 0 -429px no-repeat; border-bottom:1px solid #f2f2f2; margin: 10px 0 0 20px; padding: 0 0 10px 35px; } #interna div#busca-resultado ul#busca-itens li div.nome-loja { width:206px; float:left; color:#333; font:14px "Museo500", Arial, Helvetica, sans-serif; } #interna div#busca-resultado ul#busca-itens li div.endereco-loja { width:206px; float:left; color:#aaa; font:12px "Museo300", Arial, Helvetica, sans-serif; margin: 5px 0; } #interna div#busca-resultado ul#busca-itens li a.conheca-loja { width:150px; float:left; background:url(../img/lojas.png) -370px -385px no-repeat; color:#333; font:14px "Museo500", Arial, Helvetica, sans-serif; padding: 0 0 0 15px; text-transform:lowercase; } #interna div#busca-resultado a#refazer-busca { width:131px; height:28px; float:right; background:url(../img/lojas.png) -384px -405px no-repeat; margin:10px 8px 0 0; text-indent:-9999em; } #interna h3#nossas-lojas { width: 750px; } #interna a#voltar-lojas { width:148px; height:28px; float:right; background:url(../img/lojas.png) -515px -405px no-repeat; margin:50px 8px 0 0; text-indent:-9999em; } #interna div#localizador div#conteudo-loja { width:678px; float:left; } #interna div#localizador div#conteudo-loja h2 {margin-left: 30px; margin-top: 20px; } #interna div#localizador div#conteudo-loja h4 { color:#000; font:30px "Museo500", Arial, Helvetica, sans-serif; padding:25px 0 0 30px; } #interna div#localizador div#conteudo-loja ul.dados-loja { width:290px; float:left; margin:15px 0 0 30px; } #interna div#localizador div#conteudo-loja ul.dados-loja li { width:100%; float:left; color:#666; font:13px "Museo300", Arial, Helvetica, sans-serif; margin:0 0 10px 0; } #interna div#localizador div#conteudo-loja ul.dados-loja li span { width:100%; float:left; color:#000; font:13px "Museo500", Arial, Helvetica, sans-serif; margin:0 0 5px 0; } #interna div#localizador div#conteudo-loja ul.dados-loja li ul#servicos-itens li { border-bottom:1px dashed #ccc; margin:0 0 5px 0; } #interna div#localizador div#conteudo-loja ul.dados-loja li ul#fotos-loja { width:580px; float:left; } #interna div#localizador div#conteudo-loja ul.dados-loja li ul#fotos-loja li { width:90px; height:90px; float:left; margin:5px 3px; } #interna div#localizador div#mapa-loja { float:right; width:283px; height:371px; } #interna div#descricao div#todas-lojas { width:100%; float:left; } #interna div#descricao div#todas-lojas div#todas-lojas-topo { width:100%; height:51px; background:url(../img/noticias.png) 0 -175px no-repeat; } #interna div#descricao div#todas-lojas div#todas-lojas-topo h5 { float:left; color:#0B799F; font:22px "Museo500", Arial, Helvetica, sans-serif; letter-spacing: -1px; margin:15px 15px 0; } #interna div#descricao div#todas-lojas div#todas-lojas-miolo { float:left; display:block; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; } #interna div#descricao div#todas-lojas div#todas-lojas-miolo ul#todas-lojas-lista li { width: 290px; float:left; display:block; margin: 15px 20px 0; height:100px;} #interna div#descricao div#todas-lojas div#todas-lojas-miolo ul#todas-lojas-lista li div.todas-lojas-nome { width:100%; display:block; float:left; color:#333; font:14px "Museo500", Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:5px 0 5px;} #interna div#descricao div#todas-lojas div#todas-lojas-miolo ul#todas-lojas-lista li div.todas-lojas-endereco { width:100%; display:block; float:left; color:#666; font:12px "Museo300", Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:0 0 10px;} #interna div#descricao div#todas-lojas div#todas-lojas-miolo ul#todas-lojas-lista li a.conheca { width:74px; display:block; float:left; background:#f00 url(../img/lojas.png) -292px -389px no-repeat; color:#333; font:12px "Museo300", Arial, Helvetica, sans-serif; padding:7px 0 8px; text-align:center; text-transform:lowercase;} #interna div#descricao div#todas-lojas div#todas-lojas-miolo ul#paginacao { margin: 15px auto; width: 118px; } #interna div#descricao div#todas-lojas div#todas-lojas-miolo ul#paginacao li a:link, #interna div#descricao div#todas-lojas div#todas-lojas-miolo ul#paginacao li a:visited{ width:37px; float:left; background:url(../img/noticias.png) -680px -210px no-repeat; color:#333; display:block; font:12px "Museo500", Arial, Helvetica, sans-serif; margin:15px 0 15px 2px; padding: 11px 0; text-align:center; } #interna div#descricao div#todas-lojas div#todas-lojas-miolo ul#paginacao li a:hover, #interna div#descricao div#todas-lojas div#todas-lojas-miolo ul#paginacao li a:active{ background:url(../img/noticias.png) -719px -210px no-repeat; } #interna div#descricao div#todas-lojas div#todas-lojas-miolo ul#paginacao li a.ativo{ background:url(../img/noticias.png) -719px -210px no-repeat; } #interna div#descricao div#todas-lojas div#todas-lojas-bottom { width:100%; height:4px; float:left; background:url(../img/noticias.png) 0 -226px no-repeat; } #interna div#aside #franquias { float:left; } #interna div#aside h5{ color:#666; font:16px "Museo300", Arial, Helvetica, sans-serif; letter-spacing:-1px } #interna div#aside h10{ color:#666; font:20px "Museo300", Arial, Helvetica, sans-serif; letter-spacing:-1px } #interna div#aside h5 span.destaque{ color:#333; font:20px "Museo500", Arial, Helvetica, sans-serif; letter-spacing: -1px; text-transform: uppercase; } #interna div#aside h5 span.destaque2{ color:#0B799F; font:22px "Museo500", Arial, Helvetica, sans-serif; letter-spacing: -1px; text-transform: uppercase; } #interna div#aside h10 span.destaque3{ color:#333; font:20px "Museo500", Arial, Helvetica, sans-serif; letter-spacing: -1px; text-transform: none; } #interna div#aside ul#franquias-lista li { width:100%; float:left; border-top:1px dotted #ddd; border-bottom:1px dotted #fff; color:#666; font:14px "Museo300", Arial, Helvetica, sans-serif; padding: 10px 0 4px; } #interna div#aside ul#franquias-lista li.primeira { border-top:0; } #interna div#aside ul#franquias-lista li.ultima { border-bottom:0; } #interna div#aside ul#franquias-lista li span { float:right; background:url(../img/images.png) no-repeat; margin:-6px 0 0; padding:14px; } #interna div#aside ul#franquias-lista li span.know-how { background-position:-1036px -9px;} #interna div#aside ul#franquias-lista li span.equipe { background-position:-1036px -51px;} #interna div#aside ul#franquias-lista li span.loja { background-position:-1036px -90px;} #interna div#aside ul#franquias-lista li span.marketing { background-position:-1036px -132px;} #interna div#aside #franquias a { width:172px; height:30px; float:right; display:block; background:url(../img/noticias.png) -818px -223px no-repeat; margin:10px 0 0; text-indent:-9999em;} /*footer*/ #footer{width:100%; height:auto; float:left; padding:60px 0 0 0;} #interna #footer{width:100%; height:auto; float:left; padding:60px 0 0 0; background:url(../img/bg-footer.png) left -75px repeat-x;} #footer #info-colunas{width:990px; height:auto; margin:auto; float:left; margin-bottom:30px;} #footer #info-colunas h4{width:190px; height:auto; float:left; padding:0px; background:none; font:13px "Museo500", Arial, Helvetica, sans-serif; color:#333; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; margin:20px 0 10px 0;} #footer #info-colunas .info-coluna-1{width:484px; height:auto; float:left;} #footer #info-colunas .info-coluna-1 .coluna-twitter{width:484px; height:auto; float:left; font:14px "Museo300", Arial, Helvetica, sans-serif; color:#333; letter-spacing:0px; text-shadow:0px 2px 1px #FFF;} #footer #info-colunas .info-coluna-1 .coluna-twitter p{width:450px; height:auto; float:left; font:14px "Museo300", Arial, Helvetica, sans-serif; color:#666; padding:15px; margin:0; border:1px solid #DDD; border-top:0px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;} #footer #info-colunas .info-coluna-1 .coluna-twitter p.twitter{ background:#F2F2F2; float:left; font-size:25px; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; border:1px solid #DDD; border-bottom:0px; -moz-box-shadow:0px -1px 1px #CCC; -webkit-box-shadow:0px -1px 1px #CCC; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; padding:15px;} #footer #info-colunas .info-coluna-1 .coluna-twitter p.twitter span{width:auto; height:auto; float:right; font:16px "Museo300", Arial, Helvetica, sans-serif; color:#666; letter-spacing:0px; text-shadow:0px 2px 1px #FFF;} #footer #info-colunas .info-coluna-1 .coluna-twitter p.twitter span a{font:16px "Museo300", Arial, Helvetica, sans-serif; color:#666;} #footer #info-colunas .info-coluna-1 .coluna-institucional-1{width:190px; height:auto; float:left; font:12px "Museo300", Arial, Helvetica, sans-serif; color:#012733; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; margin:0px; padding:0px;} #footer #info-colunas .info-coluna-1 .coluna-institucional-1 a{margin-bottom: 10px; width:180px; height:auto; float:left; font:12px "Museo300", Arial, Helvetica, sans-serif; color:#012733; padding-left:10px; background:url(../img/images.png) -1656px -228px no-repeat;} #footer #info-colunas .info-coluna-1 .coluna-institucional-1 p.titulo{width:190px; height:auto; float:left; padding:0px; background:none; font:13px "Museo500", Arial, Helvetica, sans-serif; color:#333; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; margin-top:20px;} #footer #info-colunas .info-coluna-1 .coluna-institucional-2{width:185px; height:auto; float:left; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; float:right; text-align:left;} #footer #info-colunas .info-coluna-1 .coluna-institucional-2 a{display:block; margin-bottom: 10px; font:13px "Museo500", Arial, Helvetica, sans-serif; color:#333; margin:20px 0 20px 0;} #footer #info-colunas .info-coluna-2 {width:484px; height:auto; float:right;} #footer #info-colunas .info-coluna-2 #tabs{width:484px; height:57px; float:left; font:16px "Museo500", Arial, Helvetica, sans-serif; color:#666; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; background:#F2F2F2; letter-spacing:0px; text-shadow:0px 2px 1px #FFF; border:1px solid #DDD; border-bottom:0px; -moz-box-shadow:0px -1px 1px #CCC; -webkit-box-shadow:0px -1px 1px #CCC; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;} #footer #info-colunas .info-coluna-2 #tabs ul{width:474px; height:auto; margin:19px 0 0 0; float:left; padding-left:10px;} #footer #info-colunas .info-coluna-2 #tabs ul li.ui-state-active a{width:136px; height:28px; float:left; background:#FFF; border:1px solid #FFF; border-bottom:0px; text-align:center; font:16px "Museo500", Arial, Helvetica, sans-serif; color:#000; padding:10px 0 0 0; margin-right:3px; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; text-decoration:none;} #footer #info-colunas .info-coluna-2 #tabs ul li a{width:136px; height:28px; float:left; background:-moz-linear-gradient(center top , #FFFFFF, #F2F2F2) repeat scroll 0 0 #F2F2F2; background:#F2F2F2 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F2F2F2)); border:1px solid #DBDBDB; border-bottom:0px; text-align:center; font:16px "Museo500", Arial, Helvetica, sans-serif; color:#666; padding:10px 0 0 0; margin-right:3px; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; text-decoration:none;} #footer #info-colunas .info-coluna-2 #lojas, #footer #info-colunas .info-coluna-2 #mapas{width:484px; height:346px; float:left; border:1px solid #DDD; border-top:0px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;} #footer #info-colunas .info-coluna-2 #lojas ul.lojasmakeup{width:464px; height:auto; float:left; padding:10px; margin-top:13px;} #footer #info-colunas .info-coluna-2 #lojas ul.lojasmakeup li{width:230px; height:80px; float:left; font:12px "Museo300", Arial, Helvetica, sans-serif; color:#666; float:left; margin-bottom:30px;} #footer #info-colunas .info-coluna-2 #lojas .icmapa {width:35px; height:50px; float:left; background:url(../img/images.png) -1040px -169px no-repeat; } #footer #info-colunas .info-coluna-2 #lojas address{width:180px; height:auto; float:left;} #footer #info-colunas .info-coluna-2 #lojas address p {font:13px "Museo500", Arial, Helvetica, serif; color:#333; margin-bottom:5px;} #footer #info-colunas .info-coluna-2 #lojas address p a{font:13px "Museo500", Arial, Helvetica, serif; color:#333; background:none; float: none; width: 100%; margin:none; border:none;} #footer #info-colunas .info-coluna-2 #lojas ul.paginacao {width:auto; height:40px; background:none;} #footer #info-colunas .info-coluna-2 #lojas ul.paginacao li{float:left; margin-right:2px;} #footer #info-colunas .info-coluna-2 #lojas ul.paginacao li a{padding:0; text-align: center; line-height:34px; border:1px solid #D6D6D6; background:#EDEDED; width:34px; height:34px; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;} #footer #info-colunas .info-coluna-2 #lojas ul.paginacao li.ativo a{background:#FFF;} #footer #info-colunas .info-coluna-2 #lojas a.bt-todaslojas{float:right; margin:19px 20px 0 0; padding:8px; text-align: center; border:1px solid #D6D6D6; width:auto; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;} #footer .empresa-assinatura {width:100%; height 40px; background:url(../img/bg-assinatura.png) no-repeat top center; float:left; margin-top: 20px;} #footer .empresa-assinatura a, #footer .empresa-assinatura p {color:#FFF; line-height:16px; font-size:13px; margin-bottom:0;} #footer .empresa-assinatura .empresa, #footer .empresa-assinatura .assinatura{width:471px; padding:12px; float:left;} /*end footer*/ .ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-state-highlight{ /*border:1px solid #CF0000 !important;*/ } #error{ color:#CF0000 !important; clear:both !important; float:left; } .error{ color:#CF0000 !important; } .sucess{ color:#386d19 !important; font-weight: bold !important; margin: 20px 20px 15px !important;} #frmOrcamentoOnline .error{color:#CF0000 !important; float:left; width: 100%; height: 22px;} .hide{display:none;} .submenu h2{height:70px;}