body {margin:0; background:url(resources/img-layout/fundo-bgg.jpg) repeat-x top; color:#333; font-family:Arial; font-size:12px;} input {font-family:Arial; font-size:12px; border: 1px solid #AAAAAA;} * {margin:0; padding:0;} ul {list-style:none;} #links {width: 469px;float: right;margin: 0 0 11px;text-align: right;} #links ul {width: 470px;text-align: right;float: right;height: 16px;} #links ul li {display: inline;margin: 0 0 0 15px;} #gallery {float:left; width:197px;} #catalogo {color:#036; display:block; float:left; width:180px;} #corpo-banner {position:relative; width:986px; height:155px;background:url(resources/img-layout/fundo-rotativo.jpg) repeat-x; margin:0 0 0 -15px; padding:0px 0 0 0} /* banner carrossel*/ #fisheye_menu {list-style: none;padding: 0;margin: 10px;margin: 0 auto;width:650px; height:120px;} #fisheye_menu li {position: relative;display: block;float: left; margin:30px 0px 0px 0px;width:165px; text-align:center} #fisheye_menu li img {width:100%} #fisheye_menu span {position: absolute;top: 100%;left: 0;text-align: center;width: 128px; padding: 1px;margin: 0;border: solid 1px #bbb;color: #333;background: #eee;FONT:17px 'Trebuchet MS'; display:none;} #fisheye_menu a {text-decoration: none;} #fisheye_menu img {border: 0;vertical-align: top;width: 151px;padding: 0 150px 0 0;} #top-logo {height:134px; width:100%; float:left; background:url('resources/img-layout/fundo-logo.jpg') repeat-x top} #cont-portaria {width: 100%;float: right;margin: -62px 0 0 0;} #cont-video-portaria {padding:18px 0 0 0; width:400px; float:left;} #conteudo-txt-port {float:left; position:relative; text-align:justify; width:100%;} #portaria {float:left; width:270px;} #imagem {margin:13px 0 33px 0} #imagem ul {list-style: disc; color:#036; margin: 35px 0 0 15px;width: 255px;} #imagem ul li a {font-size:11px; font-weight:bold} #imagem img {width:270px; margin:0 0 20px;} #imagem-video {margin:0 0 20px 0;} #imagem-video img {width:270px;} #lista-pdf {font-size: 12px;float: left;} #lista-pdf b {float:left; margin: 0 0 5px 0; color:#1D476D;} #lista-pdf ul {list-style: none;width: 271px;float: left;} #lista-pdf ul li {float:left; width:115px; height:15px;} #lista-pdf ul li a {font-size:11px; color:#333;} .vid {font-size:11px;} #ancora {width:100%; height:15px;} #ancora ul {list-style: none;} #ancora ul li {display: inline;width: 190px;height: 15px;margin: 0 9px 0 0;} #ancora ul li a {font-size:12px; color:#003366} #img-portaria {width: 100%;height: 61px;margin: 18px 0 6px;} #img-portaria img {width: 250px; float:right} #vid-port {text-align: left;float: left;margin: 44px 0 5px 0;} #geral {width:955px; margin-left:-494px; left:50%; position:relative;} #box-geral {float:left;} #box-sombra {float:left; background:#fff;} #box-linha {float:left; background:#fff; padding:0 15px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc} #body-home {margin:0; background:url(resources/img-layout/fundo-bgg.jpg) repeat-x; color:#333; font-family:Arial; font-size:12px; text-align:justify;} #contado-banner {position:relative; float:right; width:auto; height:20px;list-style:none; z-index:1000; top:-25px; text-align:right; margin:0 3px 0 0} #contado-banner li {width:27px; height:20px; float:left;} #contado-banner li a {width:20px; height:20px; background:#0B5E94; border:1px solid #5DACCD; margin:0 3px; float:left;} #contado-banner li a.activeSlide {background:#5DACCD; border:1px solid #0B5E94;} #lateral-dir {float:right; width:160px; padding:8px 0 0 0} #premios {width:908px; float:right; position:relative; background:#BFE5F2; padding:28px 24px; text-align:center; color:#FFF; font-size:12px; height:111px;} #veja {float:right; text-align:right; width:100px; height:40px;position: relative;top: 80px; left: -80px;} #veja a {font-weight:bold; font-size:14px; color:#0177A9;} #pgto {width:908px; float:left; position:relative; background:#fff; padding:28px 24px; text-align:center; color:#FFF; font-size:12px; height:48px;} #pgto-texto {float:left; color: black;width: 420px;font-size: 11px;padding: 12px 0 0 0;} #cartoes {float:right; margin:0 -20px 0 0; position:relative; top:-27px;} #cartoes ul li{float:left; margin:0 1px;} .box-lista {float:left; width:155px; color:#000; text-align:left; margin:0 30px 0 0;} .titulo-lista {height:30px} .descricao-lista {height:70px} .ftextarea {width:340px; height:60px; border: 1px solid #CCC; color: #444;} #lista-destaque {float:left; width:555px;} #lista-img img {margin:20px 5px 0 0; height:68px;} #lista-img {float:right; width:348px} #linha {background:url(resources/img-layout/linha-home.jpg) no-repeat; float:left; width:100%; height:10px; margin:60px 0 0} a {text-decoration:none; color:#003366; border:0;} img {border:0;} h1 {margin:10px 0; padding:0; font-size:18px; text-align:left; color:#003366} h2 {margin:0; padding:0; font-size:16px;} h6 {color:#fff; font-size:12px;} #top {width:984px; float:left; position:relative; z-index:10;} #center {float:left; position:relative; width:955px; z-index:9;} #footer {width:100%; float:left; position:relative; background:#18395c; padding:12px 0 0 0; text-align:center; color:#FFF; font-size:12px;background:url(resources/img-layout/rodape.jpg) repeat-x top;} #corpo-footer {margin:auto; position:relative; width:955px;} #footer a {color:#FFF; margin:0 15px; font-weight:bold;} #bot-log-fecha {color:#FFF; background:#000; cursor:pointer; margin:0 0 0 15px;} #login {position:absolute; top:12px; right:5px; width:170px; z-index:200; color:#FFF;} #corpo-cliente {position:relative; width:200px; padding:20px 20px 10px;} #clientes table {float:left; position:relative; width:200px;} #clientes p {font-size:16pt; margin:0; font-weight:bold;} #banner {float:left; width:972px} #banner div {display:none;} #logo {width:213px; margin:40px 0 0 20px; float:left; position:relative;z-index:20;} #logo-login {width:213px; margin:20px 0 0 10px; float:left; position:relative;} #contato{padding:10px 0px 10px 32px; margin:45px 15px 0 0; background:url(resources/img-layout/tel.jpg) left center no-repeat; float:right; position:relative; color:#494949; font-size:15px;} .img-menu {float:left; position:relative; width:100px; padding:5px; margin:0 10px; text-align:left} .img-menu a {color:#656565;} .img-menu .veja-mais {font-weight:bold; color:#204B75;} .veja-mais {padding:10px 0 0 0; margin:10px 0 0 0} .li-menu {float:left; position:relative; width:220px; padding:5px; margin:10px;} .img-menu img{max-width:100px; margin:0 0 10px;} #borda-menu-topo {width:955px; height:11px; float:left; position:relative; background:url(resources/img-layout/bg-top.png) no-repeat center top;} #borda-menu-final {width:955px; height:11px; float:left; position:relative; background:url(resources/img-layout/menu-bottom.jpg) no-repeat center bottom; top:-1px;} #menu-top {width:955px; float:left; position:relative;margin:-20px 0 0; padding:0 0 10px 0;} #corpo-menu {width:955px; float:left; position:relative; background:#000 url(resources/img-layout/fundo-menu.jpg);} #menu-top ul {float:right; position:relative; list-style-type:none; margin:0; padding:0;} #menu-top li {float:left; position:relative; margin:0; padding:0;} #menu-top li ul {display:none; position:absolute; top:40px; left:0px; z-index:99; width:100px; background:#000;} #menu-top li a { color: #FFFFFF; float: left; font-size: 11px; font-weight: bold; padding: 23px 69px 2px 0; position: relative; text-transform: uppercase;} #menu-top li:hover a {color:#f4be02;} #busca {float:right; position:relative; width:auto; height:auto; margin:0 5px;} #campo-txt {float:left; height:120px; overflow:hidden; position:relative; width:auto; top:5px;} #link-txt {float:right; position:relative; width:auto; text-align:right; padding:10px 0 0; font-weight:bold;} .campo-form {width:490px; border-collapse:collapse; display:block;} .campo-form .campo-tel {width:120px;} .campo-titulo {width:150px; padding-bottom:5px;} .campo-titulo-aut {width:200px; padding-bottom:5px;} .campo-input {width:455px; padding-bottom:5px;} .campo-input input {width:340px; height: 25px; border: 1px solid #CCC;color: #444;} .campo-form .campo-ddd {width:25px;} .campo-form .sexo {width:20px; position:relative; top:7px;} .campo-text {width:490px; height:120px; border: 1px solid #CCC; color: #444;} .campo-text-aut {width:542px; height:120px; border: 1px solid #CCC; color: #444; margin:0 0 10px;} .campo-busca {float:left; border:0; background:url(resources/img-layout/bg-campo-busca.jpg) no-repeat center left; width:133px; height:25px; padding:2px; font:12px Arial italic; color:#CCC;} .campo-busca:focus {color:#000;} #form-pergunta {float:left; position:relative; width:508px; margin:10px 0 0;} #corpo-list-cat{float:left; position:relative; margin:10px 0 0; width:500px} #corpo-list {float:left; position:relative; margin:10px 0 0;} #corpo-list ul div {display:none;} .corpo-list-cat{float:left; position:relative; width:160px; height:152px; margin:0 0 10px 0; border:1px solid #CCC;} .img-list-cat img {max-width:100px; max-height:90px;} .img-list-cat {float:left; position:relative; width:160px; height:100px; text-align:center; padding:5px 0;} .txt-list-cat {float:left; position:relative; width:150px; text-align:center; padding:5px;} #corpo-list ul {float:left; position:relative; padding:0; list-style-type:none; margin:0 0 0 0px; width:500px;} #corpo-list li {float:left; position:relative; background:url(resources/img-layout/seta.jpg) no-repeat center left; padding: 5px 2px 7px 13px; width:440px;} #corpo-list a {color:#204B75;} #corpo-list a:hover {color:#0098CA;} .home-twitter {float:left; position:relative; padding:5px 27px 5px 0; background:url(resources/img-layout/bot-twitter.jpg) no-repeat center right;} .tit-loja {float:left; position:relative; width:auto; background:url(resources/img-layout/loja-virtual.jpg) no-repeat left center; padding:0 0 0 35px; margin:0 0 10px 10px;} .tit-news {float:left; position:relative; width:auto; background:url(resources/img-layout/newsletter.jpg) no-repeat left center; padding:0 0 0 35px; margin:0 0 10px 10px;} .campo-news {width:150px; padding:5px; border:1px solid #ccc; font:12px Arial italic; color:#555;} .separador-cat {float:left; position:relative; width:10px; height:1px;} .separador-pergunta {float:left; position:relative; width:510px; cursor:pointer; padding:5px 0 0 0; border-bottom:1px solid #ccc; margin:0 0 5px;} .bot-pergunta {float:left; position:relative; width:510px; margin:0 0 10px; cursor:pointer;} .resposta {float:right; position:relative; width:670px;} .bot-mais {float:right; font-weight:bold; margin:10px 0 0 0;} #bot-volta {float:right; font-weight:bold; margin: 15px -15px 0 0;} .botao-news {border: 1px solid #CCCCCC;cursor: pointer;float: right;height: 20px;margin: 6px 2px 0 0;width: 79px;} .botao-busca {float:left; border:0; background:url(resources/img-layout/bg-busca.jpg) no-repeat center; width:32px; height:25px; padding:0; margin:2px 0 0; cursor:pointer;} #banner-home {float:left; position:relative; width:915px;} #next {position:absolute; top:50%; margin:-15px 0 0; right:10px; z-index:20;} #prev {position:absolute; top:50%; margin:-15px 0 0; left:10px; z-index:20;} #tooltip {position:absolute; top:0; left:0; width:220px; padding:5px; border:2px solid #CCC; background:#FFF; display:none;} .corpo-cliente {float:left; position:relative; width:68px; height:68px; padding:5px; margin:0 5px 5px 0; border:1px solid #204B75; text-align:center; z-index:1;} .corpo-cliente img {max-width:68px; max-height:68px;} .corpo-banner-home {float:left; position:relative; width:915px; text-align:center; background:url("resources/img-layout/bg-banner.jpg") repeat-x 0px -20px;} .corpo-banner-home p {position:absolute; bottom:0px; left:0px; width:98%; padding:10px; background:url(resources/img-layout/bg-banner.png) repeat; display:none; margin:0; text-align:left; color:#FFF;} #conteudo-home {float:left; position:relative; width:955px;} #cima {border-bottom:1px solid #ddd; margin:0 0 15px 0; float:right;} #baixo {float:right;} #menu-left {float:left; position:relative; width:210px; margin:0 0 20px 0; background: url(resources/img-layout/linha-menu.jpg) no-repeat;} #corpo-menu-left {float:left; position:relative; width:190px; padding:15px 10px;} #borda-left-final{float:left; position:relative; width:190px; background:url(resources/img-layout/bg-left-bottom.jpg) no-repeat top center; padding:5px 10px;} #corpo-menu-left ul {margin:0; padding:0; list-style-type:none;} #corpo-menu-left li {float:left; position:relative; margin:0 0 7px 0; padding:0; background:url('resources/img-layout/seta.jpg') no-repeat;} #corpo-menu-left a { color: #555;float: left;font-size:11px; margin: 0 -2px 0 8px; padding: 0 0 5px; position: relative; text-align: left; text-transform: uppercase; width: 186px;} #corpo-menu-left a:hover {color:#0098CA;} #corpo-chat { color: #fff; font-weight:bold; float: right; font-size: 14px; left: 764px; padding: 0 0 0 21px; position: absolute; top: 70px; width: 210px; z-index: 100;} #corpo-selo {float:left; position:relative; width:210px; margin-top:30px; padding:0 0 0 18px; color:#000; font-size:12px} #corpo-selo img {margin:0 5px 0 0} #twitter {float:left; width:100%} #twitter img {float:left;} #twitter p {float:left; line-height:35px;} #twitter p a {color:#000; font-size:14px} #loja-virtual {float:left; width:100%} #loja-virtual img{float:left;} #loja-virtual p {float:left; line-height:35px;color:#000; font-size:14px} #loja-virtual p a{color:#000; font-size:14px} #center-cont {float:right; position:relative; width:730px; padding:0;} #cont-cat {float:left; position:relative; width:684px; padding:13px 30px;} #cont-cat-ar {float:left; position:relative; width:684px; padding:13px 30px;} #conteudo-txt-prod {float:left; position:relative; width:700px;} /* abas produto */ #abas {float:left; position:relative; width:510; margin:20px 0 0 0;} #tabsOnly {float:left; position:relative; width:auto;} #demo-nav {list-style-type:none; float:left; margin:0 0 0 0px; padding:0;} #demo-nav li {display:inline;/* margin:0 0px 0 0; padding:0;*/} #demo-nav a {border:1px solid #ccc; border-bottom:0; padding:8px 10px 4px; background:#FFF; font-size:10px;} .activeli {font-weight:bold; z-index:21; position:relative;} /* abas area cliente */ #abas-cli {float:left; position:relative; width:510; margin:20px 0 0 0;} #tabsOnly-cli {float:left; position:relative; width:auto;} #demo-nav-cli {list-style-type:none; float:left; margin:0 0 0 4px; padding:0;} #demo-nav-cli li {display:inline; margin:0 0px 0 0; padding:0;} .restrito a {border-bottom:0; padding:0 0 12px; background:#FFF;} .activeli {font-weight:bold; z-index:21; position:relative;} #abas-le {float:left; position:relative; width:510; margin:20px 0 0 0;} #tabsOnly {float:left; position:relative; width:auto; height: 21px;} #ademo-nav {list-style-type:none; float:left; margin:0 0 0 4px; padding:0;} #ademo-nav li {display:inline; margin:0 0px 0 0; padding:0;} #ademo-nav a {border:1px solid #ccc; border-bottom:0; padding: 8px 8px 7px 11px background:#FFF;} .activeli {font-weight:bold; z-index:21; position:relative;} /*área restrita *** não apagar *** não apagar *** não apagar *** não apagar *** edurebecca - 05/03/2013*/ #demo {float:left; position:relative; border:1px solid #ccc; padding:10px; width:677px; background:#FFF; z-index:20; min-height: 150px; background: none repeat scroll 0 0 #F7F7F7;} .coluna01 {float:left; position:relative; width:310px; margin:0; padding:0; text-align: left;} #demo a { font-size: 11px;line-height: 20px; text-transform: uppercase;} #breadcrumbs {float:left; position:relative; font-size:10px; font-weight:bold; padding-bottom:10px;width:100%} #breadcrumbs a {font-size:10px; font-weight:bold;} #conteudo-txt-cat {float:left; position:relative; width:700px; margin:0 0 20px;} #conteudo-txt-map {float:left; position:relative; width:700px;} #conteudo-txt-map ul {list-style:none;} #conteudo-txt-map ul li {padding:0 0 2px 0} #conteudo-txt-map ul li ul {list-style:none; position:relative; left:20px; padding:0 0 5px 0} #conteudo-txt-inst {float:left; position:relative; text-align:justify;} #conteudo-txt-inst b {font-size:14px; text-align: left; color: #036;} .bot-home {float:right; color:#18395c; font-weight:bold; margin:15px 0 0 0;} #paginacao {float:left; position:relative; width:520px; text-align:center;} #txt-home {color: #333;float: right; margin: 6px -10px 0 0;padding: 0px 60px 41px; position: relative;text-align: justify; width: 649px;} #destaque-home {float:right; position:relative; width:719px; margin:0 0 20px; padding:0 0 20px;} #lista-noticias-home {float:left; position:relative; width:490px; margin:0 0 20px; padding:0 0 20px;} .corpo-destaque-home {float:left; position:relative; width:160px; text-align:center;} .corpo-destaque-home iframe {float:left; margin:7px 0;} .corpo-destaque-home a {color:#18395c; font-weight:bold; font-size:14px;} .corpo-destaque-home img {max-width:160px; margin:10px 0;} .sep-dest-home {float:left; position:relative; width:20px; height:1px;} #titulo-noticias-home{float:left; position:relative; width:490px; padding:10px 0 20px 0; color:#686868; font-weight:bold; font-size:12pt;} #lista-noticias-home ul {float:left; position:relative; width:480px; padding:0; list-style-type:none; margin:0 0 0 10px;} #lista-noticias-home li {float:left; position:relative; width:450px; background:url(resources/img-layout/bg-menu-not.jpg) no-repeat center left; padding:5px 5px 5px 20px;} #lista-noticias-home a {padding:5px; color:#666666;} #lista-noticias-home .bot-home {color:#18395c; font-weight:bold;} .corpo-list-prod {float:left; position:relative; width:485px; margin:0 0 10px; padding:0 0 10px 0; border-bottom:1px solid #CCC;} .img-institucional {float: left;margin: 0 15px 12px 0;width: 200px;} .img-list-prod {float:left; position:relative; width:130px;} .img-list-prod img {max-width:120px; max-height:100px;} .txt-list-prod {float:left; position:relative; width:340px; padding:0 0 0 10px; text-align:justify;} .txt-list-prod a {color:#1D476D; font-weight:bold;} #campo-orc {float:right; position:relative; width:auto: height:auto; margin:0 0 0 10px;} #img-prod {float:left; position:relative; width:175px; padding:5px; margin:0 10px 10px 0; border:1px solid #e4e5e0; text-align:center;} #img-prod img{max-width:175px;} #txt-prod {float:left; position:relative; width:503px;} #bot-orc {background:#058; font-weight:bold; color:#fff;padding:12px; display:block;} #menu-right {float:right; position:relative; width:175px; top:-34px;} .corpo-right {float:left; position:relative; width:165px; background:#f0f0ee; padding:25px 5px; margin:0 0 30px; font-size:10px;} .corpo-right p{text-align:center;} .corpo-right b{font-size:20px; color:#363634;} .formas-pagamento {margin-top:10px; display:block; text-align:center; color:#335b88;} .formas-pagamento img {max-width:165px;} /*--menu topo--*/ .flexdropdownmenu, .flexdropdownmenu ul {margin:0; padding:0; position:absolute; left:0px; top:0; list-style-type:none; border:1px solid black; visibility:hidden; display:none; background:#FFF; z-index:19; width:230px;} .flexdropdownmenu li {position:relative; margin:0px; padding:0px;} .flexdropdownmenu li a {display:block; color:#204b75; text-decoration:none; padding:4px 0; font-weight:bold;} * html .flexdropdownmenu li {display:inline-block;} .flexdropdownmenu li a:hover, .flexdropdownmenu ul li a {color:#0098CA;} .flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a {color:#0098CA;} .rightarrowclass{position:absolute; top:6px; right:6px;} body {margin:0; background:url(resources/img-layout/fundo-bgg.jpg) repeat-x top; color:#333; font-family:Arial; font-size:13px;} /*POP UP*/ #popup {width:401px; position:fixed; z-index:101; border:0; background:#fff; padding:5px; top:25px; left:480px; background-attachment:fixed;} #popup a {color:#304F7A; font-weight:bold; float:right; margin-bottom: 2px;} #img-popup {float:right;} #texto-popup {float:left;width:401px;} span a { color:#003366; } .madis-track { border: 0 none; float: left; height: auto; margin: 0; padding: 0; position: relative; width: 700px;} .logo-madis-track {float: left; height: auto; margin: 0; padding: 0; position: relative; width: 200px;} .logo-madis-track img { border: 0; } .madis-track-txt {float: left;position: relative; width: 50px;} .madis-track-box {float: left;position: relative; width: 200px;} .madis-track-bt {float: left;position: relative; width: 25px;} .madis-track-bt img { border: 0; width: 25px;} .madis-track-box input { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #E1E4E4; border-radius: 3px 3px 3px 3px; float: left; height: 23px; margin-left: 11px; /* width: 175px; */ } .img-redes {margin: 0; padding: 0; width: 25px; border: 0;} #banner-madistrack { float: left; height: 205px; margin: 15px 0 2px; width: 972px; } .madistrack-banner {width:955px; height: 185px;} .logo-mdt { border: 0 none; margin: 0; padding: 0; width: 300px; } #top-logo-mdt { float: left; height: auto; margin: 0 0 10px; padding: 0; width: 100%; } #campo-txt {float:left; height:120px; position:relative; width:auto; top:5px;} .img-anatel { border: 0 none; margin: 0; padding: 0; width: 180px; } .madis-track-mdt { background: none repeat scroll 0 0 #F0F0EE; border: 0 none; float: left; height: auto; margin: 0 0 10px; padding: 10px 0 10px 7px; position: relative; width: 169px; } .madis-track-txt-mdt { float: left; margin: 0 0 10px; padding: 0; position: relative; width: 50px } .madis-track-box-mdt { float: left; margin: 0 0 10px; padding: 0; position: relative; width: 200px; } .txt-tit-prod { color: #1D476D; font-weight: bold;} .txt-tit-cat-mdt { color: #1D476D; font-size: 18px; font-weight: bold; margin: 10px 0 20px; padding: 0; } .txt-list-prod li { list-style: disc outside none; } /* area clientes formulário cadastro varejo */ #formCadastroVarejo input, select {height: 20px; border: 1px solid #CCCCFF;} #formCadastroVarejo p {margin-top: 20px;} .nome-campo {float: left; width: 150px;} .campo {float:left; width: 520px;}