/* Bootstrap: Wellington Autor: Wellington Freitas Site: http://www.totaltargets.com.br Versão: 1.0 Data:23/07/2015 Última modificação: 23/07/2015 */ @font-face { font-family: 'Panton'; src: url('../fonte/Panton.eot'); src: url('../fonte/Panton.eot?#iefix') format('embedded-opentype'), url('../fonte/Panton.woff') format('woff'), url('../fonte/Panton.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Panton-bold'; src: url('../fonte/Panton-Bold.eot'); src: url('../fonte/Panton-Bold.eot?#iefix') format('embedded-opentype'), url('../fonte/Panton-Bold.woff') format('woff'), url('../fonte/Panton-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } /************************************************* Configurações Gerais ***********************************************************************/ * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} *, body, html {padding:0; margin:0;} body {font-family:'Panton',sans-serif; color:#222; background:#000; font-style: normal; font-size: 10px; height: 100%; -webkit-font-smoothing:antialiased;} h1 {font-family:'Panton-bold'; font-size:3em; margin:0 0 15px 0;} h2 {font-family:'Panton-bold'; font-size:2.5em; margin:0 0 20px 0;} h3 {font-family:'Panton-bold'; font-size:2em; margin:0 0 9px 0;} h4 {font-family:'Panton-bold'; font-size:1.5em; margin:0 0 15px 0;} h5 {font-family:'Panton-bold'; font-size:1em; margin:0 0 15px 0;} h6 {font-family:'Panton-bold'; font-size:0.5em; margin:0 0 15px 0} a {text-decoration:none; color:#444; transition: all 0.15s ease;} p { line-height: 1.4em;} b,stron {font-weight:bold;} img {max-width:100%} strong {font-family:'Panton-bold';} header {width:100%; float:left; margin:0 0 0 0} textarea {height: auto; min-height: 50px;} .barra-logar {height:39px !important} .logo {max-width:100% !important; margin:10px 0} .trava-topo {position: fixed;top: 0;background: rgba(39,60,108); z-index:111; opacity:0.9 ;transition: opacity .25s linear; -moz-transition: opacity .25s linear; -webkit-transition: opacity .25s linear;} .altura {margin:72px 0 0 0 !important;} .relativo {position:relative !important} .absoluto {position:absolute} /* scrollbar */ ::-webkit-scrollbar {width: 12px;} ::-webkit-scrollbar-track {background-color: #eaeaea;border-left: 1px solid #ccc;} ::-webkit-scrollbar-thumb {background-color: #ccc;} ::-webkit-scrollbar-thumb:hover {background-color: #aaa;} /*************************************************** linha responsivas ****************************************************************************/ .linha {width:100%; margin:0 auto;max-width:113em;*zoom: 1;} .linha:before, .linha:after {content: " ";display: table; } .linha:after {clear: both; } .linha.collapse .coluna, .linha.collapse .colunas {position: relative;padding-left: 0;padding-right: 0;float: left;} .linha .linha {width: auto;margin-left: -0.2375em;margin-right: -0.2375em;margin-top: 0;margin-bottom: 0;max-width: none; *zoom: 1; } .linha .linha:before, .linha .linha:after {content: " ";display: table;} .linha .linha:after {clear: both;} .linha .linha.collapse {width: auto;margin: 0;max-width: none;*zoom: 1; } .linha .linha.collapse:before, .linha .linha.collapse:after {content: " ";display: table;} .linha .linha.collapse:after {clear: both;} /******************************************************************* colunas responsivas ************************************************************/ .coluna,colunas {position: relative;/*padding-left: 0.9375em;padding-right: 0.9375em;*/width: 90%;float: left; padding:0 1em;} .fim {float:right !important;} .painel {float:left; width:100%; border-style: solid;border-width: 1px;border-color: #d9d9d9;margin-bottom: 1.25em;padding: 1.25em;background: #f2f2f2;} @media only screen { .coluna,colunas {position: relative;/*padding-left: 0.2375em;padding-right: 0.2375em;*/float: left; width:100%; padding:0 2.5em;} .peq-12 {position:relative;width:100%} .peq-11 {position:relative;width:91.66667%} .peq-10 {position:relative;width:83.33333%} .peq-9 {position:relative;width:75%} .peq-8 {position:relative;width:66.66667%} .peq-7 {position:relative;width:58.33333%} .peq-6 {position:relative;width:50%} .peq-5 {position:relative;width:41.66667%} .peq-4 {position:relative;width:33.33333%} .peq-3 {position:relative;width:25%} .peq-2 {position:relative;width:16.66667%} .peq-1 {position:relative;width:8.33333%} } @media only screen and (min-width:1023px) { .gra-12 {position:relative;width:100%} .gra-11 {position:relative;width:91.66667%} .gra-10 {position:relative;width:83.33333%} .gra-9 {position:relative;width:75%} .gra-8 {position:relative;width:66.66667%} .gra-7 {position:relative;width:58.33333%} .gra-6 {position:relative;width:50%} .gra-5 {position:relative;width:41.66667%} .gra-4 {position:relative;width:33.33333%} .gra-3 {position:relative;width:25%} .gra-2 {position:relative;width:16.66667%} .gra-1 {position:relative;width:8.33333%} .esconde-grande {display:none !important;} .fundo {background:url(../img/fundo.png) no-repeat; height:530px} .fundo-logada {background:url(../img/header.png) no-repeat;} .fundo-jogo {background:url(../img/area-jogo.png) no-repeat; height:530px;padding: 3% 12% 8% 9%;} } /******************* listas ***************************/ .lista-vertical {float:left !important;} .lista-vertical li {display:block !important;} .sem-lista {list-style: none;} /*************** cores de fundo ***********************/ .bg-cinza {background:#eaeaea !important;} .bg-cinza-escuro {background:#d9d9d9 !important;} .bg-cinza-chumbo {background:#828282 !important;} .bg-cinza-rodape {background:#2b2b2b !important; } .bg-azul {background:#2b71a5 !important;} .bg-vermelho {background-color:#DE082C !important;} .bg-bordo {background-color:#8F2114 !important;} .bg-banner {background:url(../img/bg-banner.jpg) repeat !important;} .bg-azulclaro {background-color:#4670d3 !important} .bg-azul-bt {background-color:#5bc386 !important} .bg-amarelo {background-color:#ffa800 !important;} .bg-verde {background-color:#063 !important;} .bg-verde-claro {background-color: #81c375 !important;} .bg-laranja {background-color:#ff7e00 !important;} .bg-laranja-claro{background-color:#fb6565 !important;} .bg-branco {background-color:#FFF !important;} .bg-bege {background-color:#eeebe2 !important} .bg-gema {background-color:#ffb018 !important} .bg-cinza-mil {background-color:#8f8a74 !important} .bg-preto {background-color:#000 !important;} .sem-fundo {background:none !important;} .bg-cinza-claro {background:#f5f5f5;} .bg-desempenho {background: #fbfbfb !important;} .bg-performance {background:#eaeaea url('../images/bg-performance.png') top left no-repeat; background-position:7px 8px; background-size: 8em;} /*.bg-bordo {background:#592121 !important}*/ /****************** cores do texto *********************/ .vermelho {color:#dd082c !important;} .bordo {color:#8e2113 !important;} .azul {color:#2b71a5 !important;} .azul-escuro {color:#2d457d !important} .amarelo {color:#ffa800 !important;} .verde {color:#063 !important;} .laranja {color:#ff7e00 !important;} .branco {color:#FFF !important;} .preto {color:#000 !important;} .v-claro {color:#cee494 !important;} .marrom {color:#90461f !important} .marrom-menu {color:#c45b39 !important;} .bege {color:#c4b6a1 !important;} .cinza-escuro {color:#58595b !important;} .cinza-claro {color:#ccc !important;} .cinza {color:#999 !important;} .roxo {color:#7b268f !important;} .verde-c {color:#99CA3C !important;} .gema {color:#ffb018 !important} /******************* classes de texto *****************/ .italico {font-style:italic} .negrito {font-family:'Panton-bold';} .f-normal {font-weight:normal} .sublinhado {text-decoration:underline} .centro {text-align:center !important} .texto-esquerda {text-align:left !important} .texto-centro {text-align:center !important} .texto-direita {text-align:right !important} .texto-justificado {text-align:justify !important} .maiuscula {text-transform:uppercase !important;} .texto-normal {font-weight:normal !important} .linha-normal {line-height:normal !important} .f4 {font-size:0.333em !important} .f6 {font-size:0.500em !important} .f8 {font-size:0.667em !important} .f9 {font-size:0.767em !important} .f10 {font-size:0.833em !important} .f11 {font-size:0.933em !important} .f12 {font-size:1.000em !important} .f14 {font-size:1.167em !important} .f16 {font-size:1.333em !important} .f18 {font-size:1.500em !important} .f20 {font-size:1.667em !important} .f22 {font-size:1.833em !important} .f24 {font-size:16px !important} .f26 {font-size:2.167em !important} .f28 {font-size:2.333em !important} .f30 {font-size:2.500em !important} .f32 {font-size:2.667em !important} .f34 {font-size:2.833em !important} .f36 {font-size:3.000em !important} .f38 {font-size:3.167em !important} .f40 {font-size:3.333em !important} .f42 {font-size:3.500em !important} .f44 {font-size:3.667em !important} .f46 {font-size:3.833em !important} .f48 {font-size:4.000em !important} .f50 {font-size:4.167em !important} .f52 {font-size:4.333em !important} .f54 {font-size:4.500em !important} .f56 {font-size:4.667em !important} .f58 {font-size:4.833em !important} .f60 {font-size:5.000em !important} .lh1 {line-height:1em !important} .lh13 {line-height:1.3em !important} .lh19 {line-height:1.9em !important} .lh15 {line-height:1.5em !important} .lh2 {line-height:2em !important} .lh25 {line-height:2.5em !important} .lh38 {line-height:3.8em !important} .lh4 {line-height:4em !important} .lh48 {line-height:4.8em !important} .fonte {font-family: 'american_captainregular';} /****************** larguras gerais ********************/ .w5 {width:5% !important;} .w10 {width:10% !important;} .w15 {width:15% !important;} .w20 {width:20% !important;} .w25 {width:25% !important;} .w30 {width:30% !important;} .w33 {width:33% !important;} .w35 {width:35% !important;} .w39 {width:39% !important;} .w40 {width:40% !important;} .w42 {width:42% !important;} .w45 {width:45% !important;} .w47 {width:47% !important;} .w50 {width:50% !important;} .w50n {width:50% !important;} .w55 {width:55% !important;} .w60 {width:60% !important;} .w65 {width:65% !important;} .w70 {width:70% !important;} .w75 {width:75% !important;} .w78 {width:78% !important;} .w80 {width:80% !important;} .w85 {width:85% !important;} .w90 {width:90% !important;} .w93 {width:93% !important;} .w95 {width:95% !important;} .w98 {width:98% !important;} .w100 {width:100% !important;} /**************** preenchimentos das divs ****************/ .p05 {padding:0.5% !important;} .p1 {padding:1% !important;} .p2 {padding:2% !important;} .p3 {padding:3% !important;} .p4 {padding:4% !important;} .p5 {padding:5% !important;} .p10 {padding:10% !important;} .p15 {padding:15% !important;} .pd5 {padding-right:5% !important;} .pd10 {padding-right:10% !important;} .pd15 {padding-right:15% !important;} .pd5 {padding-right:5% !important;} .pd10 {padding-right:10% !important;} .pd15 {padding-right:15% !important;} .pd20 {padding-right:20% !important;} .pd30 {padding-right:30% !important;} .pd40 {padding-right:40% !important;} .p20 {padding:20% !important;} .p25 {padding:25% !important;} .p30 {padding:30% !important;} .p35 {padding:35% !important;} .p40 {padding:40% !important;} .p45 {padding:45% !important;} .p50 {padding:50% !important;} .p55 {padding:55% !important;} .p60 {padding:60% !important;} .p65 {padding:65% !important;} .p70 {padding:70% !important;} .p75 {padding:75% !important;} .p80 {padding:80% !important;} .p85 {padding:85% !important;} .p90 {padding:90% !important;} .p95 {padding:95% !important;} .p100 {padding:100% !important;} .ps0 {padding-top:0% !important;} .ps1 {padding-top:1% !important;} .ps2 {padding-top:2% !important;} .ps5 {padding-top:7% !important;} .ps3 {padding-top:3% !important;} .ps4 {padding-top:4% !important;} .ps11 {padding-top:11% !important;} .pi0 {padding-bottom:0% !important;} .pi1 {padding-bottom:1% !important;} .pi2 {padding-bottom:2% !important;} .pi3 {padding-bottom:3% !important;} .pi4 {padding-bottom:4% !important;} .pi5 {padding-bottom:7% !important;} .pd1 {padding-right:1% !important;} .pd2 {padding-right:2% !important;} .pd3 {padding-right:3% !important;} .pd4 {padding-right:4% !important;} .pd5 {padding-right:5% !important;} .plat5 {padding:0 5% !important;} .pis5 {padding:3% 0 !important;} .pis1 {padding:1% 0 !important;} .pe2 {padding-left:2% !important;} .pe3 {padding-left:3% !important;} .pe4 {padding-left:4% !important;} .pe5 {padding-left:5% !important;} .pe6 {padding-left:6% !important;} .pe7 {padding-left:7% !important;} .pe8 {padding-left:8% !important;} .pe9 {padding-left:9% !important;} .pe10 {padding-left:10% !important;} .pe15 {padding-left:15% !important;} .pe20 {padding-left:20% !important;} .pe30 {padding-left:30% !important;} .pe40 {padding-left:40% !important;} /*************** zerar preenchimento e margem ************/ .p0 {padding:0 !important;} .m0 {margin:0 !important;} .m1 {margin:1% !important;} .m2 {margin:2% !important;} .m3 {margin:3% !important;} .m4 {margin:4% !important;} .m5 {margin:5% !important;} /******************* margen superiores *******************/ .ms05 {margin-top:0.5% !important} .ms08 {margin-top:0.4% !important} .ms1 {margin-top:1% !important} .ms2 {margin-top:2% !important} .ms2-3 {margin-top:2.3% !important} .ms3 {margin-top:3% !important} .ms4 {margin-top:4.2% !important} .ms5 {margin-top:5% !important} .ms6 {margin-top:6% !important} .ms7 {margin-top:7% !important} .ms8 {margin-top:8% !important} .ms9 {margin-top:9% !important} .ms10 {margin-top:10% !important} .ms15 {margin-top:15% !important} .ms19 {margin-top:18.7% !important} .ms20 {margin-top:18.7% !important} /***************** margens inferiores ********************/ .mi0 {margin-bottom:0% !important} .mi1 {margin-bottom:1% !important} .mi2 {margin-bottom:2% !important} .mi024 {margin-bottom:2.4% !important} .mi3 {margin-bottom:3% !important} .mi4 {margin-bottom:4% !important} .mi5 {margin-bottom:5% !important} .mi6 {margin-bottom:6% !important} .mi7 {margin-bottom:7% !important} .mi8 {margin-bottom:8% !important} .mi9 {margin-bottom:9% !important} .mi10 {margin-bottom:10% !important} /****************** margem centralizada ******************/ .m0a {margin:0 auto !important;} /****************** margem esquerda **********************/ .ml21 {margin-left:20.5% !important} .ml9 {margin-left:9% !important} .ml03 {margin-left:0.3% !important} .ml08 {margin-left:0.8% !important} .ml3 {margin-left:3% !important} .ml4 {margin-left:4% !important} .ml25 {margin-left:25% !important} .ml079 {margin-left:7.9% !important} .ml2 {margin:0 2% 0 0.5%!important} .ml7 {margin:0 7% 0 0 !important;} .md07 {margin-right:0.7% !important} .md1 {margin-right:1% !important} .md2 {margin-right:2% !important} .md3 {margin-right:3% !important} .md4 {margin-right:4% !important} .md5 {margin-right:5% !important} /* margem direita */ .md45 {margin-right:45% !important} .md10 {margin-right:10% !important} .wauto {width:auto !important;} /***************** lista horizontal **********************/ .lista-horizontal-cor {float:left; list-style:none; width:100%;} .lista-horizontal-cor li {float:left; padding:10px 20px; background:#090; border-right:1px solid #070;-webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out;-o-transition: background-color 200ms ease-in-out;-ms-transition: background-color 200ms ease-in-out;transition: background-color 200ms ease-in-out;} .lista-horizontal-cor li:hover {background-color: #060;} .lista-horizontal-cor li a {float:left; color:#fff} .lista-horizontal-cor li:last-child {border:none;} .lista-horizontal-rodape {list-style: none;margin: 10px auto;} .lista-horizontal-rodape li {display:inline; padding:0 20px; border-right:1px solid #070} .lista-horizontal-rodape li a:hover {text-decoration:underline;} .lista-horizontal-rodape li:last-child {border:none;} /******************** classes gerais ********************/ .esquerda {float:left !important} .direita {float:right !important} .esconde {display:none !important} .mostra {display:block !important} .rola-vert {overflow-y:scroll !important} .rola-horiz {overflow-x:scroll !important} .esconde-rolar-vert {overflow-y:hidden !important} .esconde-rolar-horiz {overflow-x:hidden !important} .esconde-rolar {overflow:hidden !important} .mao {cursor:pointer !important;} /****************** borda padrão *************************/ .sem-borda {border:none !important;} .borda {border:1px solid #cacaca;} .borda-cima {border-top:1px solid #cacaca;} .borda-baixo {border-bottom:2px solid #ffa800;} .borda-direita {border-right:1px solid #cacaca;} .borda-direita-vermelha{border-right:5px solid #cc0000;} .borda-esquerda-vermelha{border-left:3px solid #cc0000;} .borda-direita-marrom {border-right:2px solid #763919;} .borda-esquerda-marrom {border-left:2px solid #763919;} .borda-baixo-marrom {border-bottom:2px solid #763919;} .borda-direita-gema {border-right:2px solid #ffb018;} .borda-esquerda-gema {border-left:2px solid #ffb018;} .borda-esquerda {border-left:1px solid #cacaca;} .borda-cinza {border-bottom:2px solid #bebebe;} .borda-azulclaro {border-bottom:1px solid #4670d3;} .borda-branca {border-right:2px solid #fff;} .sem-borda {border:none !important;} .borda-bege {border-top:1px solid #c4b6a1 !important;} .borda-cima-cinza {border-top:1px solid #d9d9d9;} .borda-baixo-cinza {border-bottom:1px solid #d9d9d9;} .borda-cima-preta {border-top:2px solid #000;} .borda-baixo-preta {border-bottom:2px solid #000;} .borda-baixo-laranja {border-bottom:1px solid #ffa800;} .bdr5 {border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;} .bdr10 {border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;} .bdr15 {border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;} .bdr20 {border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;} .bdr50 {border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;} .bdr-regras {width: 60px; height:60px; border-radius: 33px; -moz-border-radius: 10px; -webkit-border-radius: 30px; -ms-border-radius: 10px; -o-border-radius: 10px;} /****************** borda dupla **************************/ .borda-dupla {border:3px double #333;} .borda-dupla-cima {border-top:3px double #333;} .borda-dupla-baixo {border-bottom:3px double #333;} .borda-dupla-direita {border-right:3px double #333;} .borda-dupla-esquerda {border-left:3px double #333;} /*********************** Formulário **********************/ form {position:relative; margin:10px 0; width:100%;} .pequeno {width:25%;} .medio {width:50%;} .grande {width:100%;} .formlinha {margin:10px 0; float:left; width:100%;} .campo-texto {border:none; padding:3px; outline:none; border-radius:4px; width:89px;} .campo-select {height: 35px; border: 1px solid #eee;} .campo-select-canal {height: 35px; background-color: #fff; border: 0; border-bottom: 1px solid #333; border-radius: 0px !important; padding: 3px 3px 3px 3px;} .campo-select-canal option {background-color: #fff; padding: 9px 9px 9px 9px; margin: 0px 0px 3px 0px; outline: none;} .campo-select-canal option:checked {color:#f00 !important; background-color:#fff; outline: none;} /*.campo-texto:focus {background:#f0f0f0;}*/ .area-texto {padding:7px; width:100%; height:100px; color:#222; border:1px solid #cacaca;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; vertical-align:top !important; margin:0; background:#fafafa; outline: none;} .caixa-fale {outline:none; width: 45%;padding: 1%; background:#ddd; border:1px solid #ccc; color:#666; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;} .btn-fale {background:#ccc url(../img/btn-enviar.jpg) no-repeat; width:234px; height:33px; border:0; margin:0 2.2% 0 0;} .btn-dist {background:#ea6528; padding:5px 20px; color:#fff; border:1px solid #e44f20; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;} .select {padding:7px; border:1px solid #ddd} .txt-dados {outline:none;padding: 1%; height:32px; background:#f6f6f6; border:1px solid #ccc; color:#666; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;} .nome {width:60%;} .cep {width: 25%;} .tel {width: 30%;} .estado {width: 12%;} .cidade {width: 30%;} .bairro {width: 45%;} .endereco {width: 45%;} .numero {width:10%;} .complemento {width:20%;} /*input[type="radio"] {-webkit-appearance: none;-moz-appearance: none;border: none;width: 15px; height: 15px;background: url(../img/radio.gif) 0px 0px no-repeat;margin:-5px 2px 0 0;} input[type="radio"]:checked {background: url(../img/radio.gif) 0px -20px no-repeat;} input[type="checkbox"] {-webkit-appearance: none;-moz-appearance: none;border: none;width: 15px; height: 15px;background: url(../img/checkbox.gif) 0px 0px no-repeat;margin:-5px 2px 0 0;} input[type="checkbox"]:checked {background: url(../img/checkbox.gif) 0px -20px no-repeat;}*/ input[type="radio"] {margin:0 0 0 0;} .label-radio {margin: 0 0.2% 0 3.6% !important} .check {border:none; margin:0 5px 0 10px;} form label {position:relative; color:#fff; } .label-topo {vertical-align:top} .formulario {padding:50px 0 0 240px;} .ok {background:url(../img/ok.png) no-repeat; padding:16px 30px; border:none !important} /*.esqueci-senha {background:url(../img/esqueci-senha.png) no-repeat; padding:0 82px 32px;}*/ .img-100 {max-width:100% !important} .checkbox {width: 18px;height: 18px;float: left;margin: 0 7px 0 0;} .itens-invasao {position: relative; top:0px; z-index: 0} .aba-ativa {top:1px; position: relative;} .aba-ativali {border-top: 3px solid #c00;} /******************************************* navegação menu normal e mobile *******************************************/ .navheader {font-size: 12px;margin:10px 0 0 0;} .slide-trigger { background:#d6a017; display: none; /* need this */border: 1px solid #fff;cursor: pointer;/*margin-left: 15px; margin-right: 15px;*/padding: 10px 5px 6px;-webkit-border-radius: 5px;border-radius: 5px;} .slide-trigger h2 {padding: 10px 5px; margin: 0 10px; color:#fff !important} .slide-trigger span {background-image: url("../img/dropdown-arrows.png");background-position: 0 -14px;display: block;float: right;margin-top: 3px;height: 14px;width: 32px;} .slide-trigger span:after {} .navigation {max-width: none;padding: 0;} .navigation li {float: left;} .navigation li a { text-shadow:#333 0px 0px;display: block;color: #fff;padding: 10px 6px; transition: background-color 200ms ease-in-out;-webkit-transition: background-color 200ms ease-in-out;-moz-transition: background-color 200ms ease-in-out;} .navigation li a:hover {/*text-shadow:#FF6 1px 1px 5px;*/transition: background-color 200ms ease-in-out;-webkit-transition: background-color 200ms ease-in-out;-moz-transition: background-color 200ms ease-in-out;} /* self clearing floats */ .group:after,.lastUnit:after {clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:""; } .group {*zoom:1;} .wrapper {width: 100%; max-width: 1000px; margin: 0 auto;} article, aside, figure, footer, header, hgroup, nav, section {display:block;} span ul {list-style:none;font-family:Impact !important; letter-spacing:0.05em;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;} ins {background-color:#ff9; color:#000; text-decoration:none; } mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del {text-decoration: line-through;} abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } /* tables still need cellspacing="0" in the markup */ table {border-collapse:collapse; border-spacing:0; } hr {display:block; height:1px; border:0; border-top:1px solid #cacaca; margin:30px 0 0 0; padding:0; } input, select {vertical-align:middle;} select {border-radius: 0px;} pre,code,kbd,samp {font-family: monospace, sans-serif; } button {width: auto; overflow: visible;} .ie7 img {-ms-interpolation-mode: bicubic;} .aparece-1023 {display:none !important} /*************************************************** mensagem de alerta *******************************************/ .alerta-mensagem {width:100%; padding:15px; background:#FF9; border:1px solid #FFCC00;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#666; content:"x";} .alerta-erro {width:100%; padding:15px; background:#FF9799; border:1px solid #F00;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#333; content:"x";} .alerta-sucesso {width:100%; padding:15px; background:#AAFF9D; border:1px solid #080;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#333; content:"x";} .alerta-roxo {width:100%; padding:15px; background:#966BA0; border:1px solid #7b268f;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#fff; content:"x";} .close-m {float:right; cursor:pointer; color:#fff; background-color:#E45454; border-radius: 10px; width: 20px; height: 20px; text-align: center; font-size: 0.9em;} .close-e {float:right; cursor:pointer;} .close-s {float:right; cursor:pointer;} .esconde-maior {display:none !important;} .logo-dupont-home {margin: 3.1em 2em 0em;} .logo-parceria-home {margin: 0.8em 0 0.8em 2.4em;} /*.usuario {margin: 4.5em 0 0 0;}*/ .logo-home {position: relative; width: 290px;} /* classes adicionais */ .topo {height:111px !important; background:#273c6c !important;} /*#banner {box-shadow: 0px 9px 14px #ddd}*/ .titulo {height:102px !important;} #contado-banner {position: relative; width: auto; height: 20px; list-style: none; z-index: 1000; top: -25px; text-align: center; margin: 0 3px 0 0; display: inline-table;} #contado-banner li {width:27px; height:20px; display: inline} #contado-banner li a {width:20px; height:20px; background:#fff; border:2px solid #f00; margin:0 3px; float:left; border-radius: 40px; opacity: 0.6} #contado-banner li a.activeSlide {background:#f00; border:2px solid #fff; border-radius: 40px; opacity: 1} .caixa-data {width: 130px; border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; font-size: 4em} .caixa-d {width: 130px;} /* menu */ .menu {width:100%; margin:0;} .menu ul {list-style:none !important; padding: 0em; float: left;} .menu ul li {margin: 0; float: left; position: relative;} .menu ul li a {padding: 1em 0.6em; color:#fff; font-size: 1.5em} .menu ul li a:hover {color:#fff; background-color: #8F2114;} .menu ul li ul {display:none; position:absolute; top:43px; left:0px; z-index:1000; border-top: 1px solid #555;} .menu ul li ul.pagina {top:auto !important;} .menu ul li:hover > ul {display:block; opacity: 1;} .menu ul li ul li {width:270px !important; text-align:left !important; padding:1.2em 0.2em 0.8em 1em; background:#fdfdfd; margin:0 !important; display:block !important; border-bottom:1px solid #ccc; opacity:1;} .menu ul li ul li a {color: #333; padding: 0.6em} .menu ul li ul li > a:hover {color: #333; background:none !important;padding-left: 0.4em;} .menu ul li ul li:hover {color: #333; background-color: #eee;} .menu ul li ul li:hover a {color: #333 !important;} .menu ul li ul li:last-child {margin: 0 !important; display:block !important;} .menu ul li ul li:first-child {margin: 0 !important; display:block !important;} /*.menu .sub:hover { padding-left: 1.2em; color: #fff !important;} .menu .subli {padding-left: 3.1em !important; } .menu .subli:hover {background: #DE082C; color:#fff !important;} .menu ul li ul li ul {display:none; position:absolute; top:0px; left:250px; z-index:1000; border-top: 1px solid #8e2113} .menu ul li ul li:hover ul {display:block; margin-left: 1}*/ .menu ul li ul li ul {display:none; position:absolute; top:-1px; left:270px; z-index:1000; border-top: 1px solid #555; transition: all 0.2s ease;} .menu ul li ul li:hover ul {display:block;} .tag-number {background-color: #dd082c; border-radius: 50%; color: #fff; font-size: 0.7em; width: 20px; height: 20px; float: left; text-align: center; line-height: 20px; position: relative; top: -3px; left: 0; padding-left: 0.15em; padding-top: 0.1em;} .tag-number-itens {background-color: #dd082c; border-radius: 50%; color: #fff; font-size: 0.7em; width: 22px; height: 22px; float: left; text-align: center; line-height: 20px; position: relative; top: -3px; left: 0; padding-left: 0.15em; padding-top: 0.1em;} .tag-categoria-vermelha {background-color: #dd082c; border-radius: 50%; font-size: 0.7em; padding: 6px 10px;} .tag-categoria-azul {background-color: #2b71a5; border-radius: 50%; font-size: 0.7em; padding: 6px 10px;} .tag-categoria-branca {background-color: #fafafa; border-radius: 50%; font-size: 0.7em; padding: 6px 10px; border: 1px solid #ddd} .ativo {border-bottom:2px solid #fff;} #banner {position: relative;top: 0;overflow: hidden;width: 100% !important;max-height:270px;} .screen {position: relative;top: 0;overflow: hidden;width: 100% !important;height:100% !important;max-height:589px;} video {max-width: 100%} audio, canvas, img, svg, video{vertical-align: top;} audio, canvas, progress, video{display: inline-block; vertical-align: baseline;} .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/overlay.png'); z-index: 100000000000000000000000000000000;} .margem-premiacao {margin-top:-100px; position: relative;; z-index: -1;} .falso-arquivo {background: url('../images/icone-arquivo.jpg'); background-size: 100%; width: 399px; height:50px;cursor: default; border:0;} .verdadeiro-arquivo {opacity:0; -moz-opacity:0; filter:alpha(opacity:0); width: 399px; height:50px; position: relative; top:0px;right: -399px; border: 0} /* menu rodape */ footer {width:100%; background:#fff; padding:0; margin:0; float:left; color: #6e6e73;} .desenvolvido {float: right} /*.menu-rodape-container {float:left; width: 25%;}*/ .menu-rodape-container ul {list-style: none; margin: 0 0 15px;} .menu-rodape-container ul li a {color: #fff; padding: 6px 0;font-size:0.9em !important} .menu-rodape-container ul li a:hover {color: #99CA3C;} .copyright {color:#eee; background: #003D63; border-top: 1px solid #666; padding: 15px;} .copyright a {color: #99CA3C;} /* conteudo */ .conteudo {min-height: 368px;} .conteudo p {margin: 0 0 10px; font-size: 1.2em;} /*.conteudo p a {color:#7b268f;} .conteudo p a:hover {font-weight: 900;}*/ .conteudo .lembrete {color:#dd0000; font-weight: 900} .conteudo blockquote {border-left:5px solid #99CA3C; margin: 20px 0 30px 20px; padding: 0px 0 0 10px;font-style: italic;} .conteudo blockquote p {line-height: 1.15em !important; color: #666;} .conteudo h4 {margin:30px 0 15px 0;} .conteudo table {border: 1px solid #ebebeb; width: 100%} .conteudo table thead {background:#b5b5b5; color:#fff; } .conteudo table tfoot {background:#b5b5b5; color:#fff; } .conteudo table tfoot td {color:#fff !important; } .conteudo table thead th {padding:7px 10px 4px; font-size: 16px !important;} .conteudo table td {font-size:1.5em; padding:4px 10px; position: relative; text-align: left; color: #565656;} .conteudo table td, th { border:1px solid #ddd;} /*.conteudo table td span {position:absolute; top:50%;}*/ .conteudo table tbody tr:nth-child(even) {background-color: #f9f9f9 !important;border-bottom: 1px solid #dfdfdf;} .conteudo table tbody tr:nth-child(odd) {background-color: #fff !important;border-bottom: 1px solid #dfdfdf;} /* Table Base */ table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } /*.table th, .table td { font-weight: normal; font-size: 12px; padding: 8px 15px; line-height: 20px; text-align: left; vertical-align: middle; border-top: 1px solid #dddddd; } .table thead th { background: #eeeeee; vertical-align: bottom; } .table tbody > tr:nth-child(odd) > td, .table tbody > tr:nth-child(odd) > th { background-color: #fafafa; } .table-action td:nth-child(2n+3) {background: #f4f4f4;} .table-action td:nth-child(2n+4) {background: #d9d9d9;}*/ .table .t-small { width: 5%; } .table .t-medium { width: 15%; } .table .t-status { font-weight: bold; } .table .t-active { color: #46a546; } .table .t-inactive { color: #e00300; } .table .t-draft { color: #f89406; } .table .t-scheduled { color: #049cdb; } .table-action td p {margin: 0} /* Small Sizes */ @media (max-width: 800px) { .table-action thead th { display: block; text-align: left; } .table-action tr { border-bottom: 1px solid #dddddd; } .table-action td { border: 0; padding: 0; } .table-action td{ display: block; } } .linha > .conteudo {min-height: 368px; box-shadow: 0px 7px 31px 0px #999, 0px 7px 33px -5px #999; margin-top: -23px;} .lista-programa-links {margin: 0 0 0 25px;} .lista-programa-links li {list-style: url('../images/checklinks.png');} .lista-programa {margin: 0 0 0px;} .lista-programa li {list-style: url('../images/check.png'); list-style-position: inside; padding: 0 0 10px;} .img-treinamento {margin: 0 30px 10px 0;} .voltar {border-top:1px solid #dadada; border-bottom:1px solid #dadada;} .regulamento {float:left; background:#f4f4f4; width:940px; height:500px; border:1px solid #ddd; overflow-y:scroll; padding: 20px} .regulamento > h1, h2 {font-size: 22px; font-weight: normal} /* destaque */ .box-destaques {margin: 30px 0 0 0;} .img-destaque {border-radius: 50%;} .box-destaques a:hover {color:#f00 !important;} /* login da página */ .cadastro {padding:5px; color:#7b268f; border:1px solid #eaeaea; float:left; font-size:18px !important; width: 90%} .cadastro-logado {padding:5px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; float:left; width: 90%; margin: 0 0 20px} .cadastro-logado a:hover {color:#99CA3C;} /*.cadastro input[type="password"] {border: 1px solid #d2d2d2;font-size: 13px;color: #747474;padding: 8px 15px;margin-right: 1%;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;}*/ input[type="password"] {width:70%; padding: 8px; border: 1px solid #dadada; font-size: 0.866em; color: #444; margin: 0 0 10px;} .campo-texto {width:70%; padding: 8px; border: 1px solid #dadada; font-size: 0.866em; color: #444; margin: 0 0 10px;} .cadastro input[type="text"] {border: 1px solid #d2d2d2;font-size: 13px;color: #747474;padding: 8px 15px;margin-right: 1%;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;} .btn-entrar {padding:7px 20px; background-color:#7b268f; color:#fff; border:none; margin:10px 0; cursor:pointer; transition: all 0.2s ease;} .btn-entrar:hover {background-color:#AD3BC7;} .esqueci {font-size:12px; margin:0 0 5px 0; float:left} .titulo-login {margin:10px 0; float:left;} .titulo-logado {margin:10px 0; float:left; font-size: 18px;} .participante {margin: 0 0 10px;} .cadastro p {margin:0 !important} .noticia {margin: 0 0 20px;} .titulo-noticia {font-size: 1.167em !important; margin: 0 0 7px;} .texto-noticia {font-size: 0.9em !important;} .data {font-size: 0.7em} .barra-usuario > div > a {font-size: 1.4em;} .barra-usuario > div > a:hover {color: #dd082c;} .barra-usuario > div >span {font-size: 1.5em;} .breadcrumbs {float: left;width: 100%;height: 27px;line-height: 40px;padding: 1px 0px 1px 0px;font-size: 14px;color: #dd082c} .breadcrumbs > p {margin: 11px 0 0 0;font-size: 14px;} .area-atuacao {border-right: 5px solid #666; list-style:none;} /* seção beneficios */ .beneficios ul li {margin:7px 0 0;} /* seção contatos */ .txt-contato {width:50%} .contatos {padding: 0 0 0 3%; border-left:4px solid #4670d3; line-height:23px;} .contato label {color:#333 !important; position:relative; top:-6px;} .contato input[type=text] {padding:8px !important; border:1px solid #ddd !important;} .contato .c_nome {width:154px !important} .contato .c_condominio {width:192px !important} .contato .c_assunto {width:446px !important} .contato textarea {width:446px !important; height:95px !important; border:1px solid #ddd !important;} .contato .l_mensagem {position:relative !important; top:-76px !important;} .contato button {background:#4670d3 !important; padding:10px 25px !important; color:#fff !important; border:none !important; margin:-4px 0 0 0 !important} /* seção newsletter */ .newsletter {padding: 0 0 0 0; line-height:23px;} .newsletter label {position:relative; top:2px; width:53px !important;float: left; color:#fff !important; margin:0 !important;} .newsletter input[type=text] {padding:8px !important; border:1px solid #333 !important;} .newsletter span {margin:-7px 30px 0 0 !important; color:#5471b6 !important} .newsletter .n_nome {width:253px !important} .newsletter .n_email {width:253px !important} .newsletter button {background:#4670d3 !important; padding:5px 20px !important; color:#fff !important; border:none !important; margin:-8px 128px 0 0px !important;} /* cadastro */ .campo-area {width:70%; height: 100px; padding: 8px; border: 1px solid #dadada; font-size: 0.866em; color: #444; margin: 0 0 10px;} .campo-arquivo {width:40%; padding: 8px; border: 1px solid #dadada; font-size: 0.866em; color: #444; margin: 0 0 10px;} .cpf {width:34.7% !important;} .data-nasc {width:34.7% !important;} .cidade {width:34.7% !important;} /*.estado {width:34.7% !important;}*/ .tel-res {width:34.7% !important;} .tel-cel {width:34.7% !important;} .boxes {padding: 0 32px; transition: background-image .15s ease;-webkit-transition: background-image .15s ease; -moz-transition: background-image .15s ease;background-image:url('../imagens/fundo-boxes-1.png');} .boxes:hover {background-image: url('../images/fundo-boxes.png'); background-repeat: no-repeat; background-position: center center; background-size: 95%;} .ico-mobile {width: 33px;float: left;margin: 4.5%; text-align: left;} .item-usuario {margin: 0.3% 0 0 0; float: right} .lista-matriz {} .lista-matriz li {margin: 0 0 0.5% 1.89%;list-style-image: url('../images/check-matriz.png');} .acelere {left:40%;} .simulador {background:url('../images/calc.svg') no-repeat left center; background-size: 15%; padding: 19px 0 0 0;} .simulador:hover {background:url('../images/calc-hover.svg') no-repeat left center; background-size: 15%; color: #f00;} .historico {background:url('../images/historico.svg') no-repeat left center; background-size: 15%; padding: 19px 0 0 0;} .historico:hover {background:url('../images/historico-hover.svg') no-repeat left center; background-size: 15%; color: #f00;} .cotacao {background:url('../images/cotacao.svg') no-repeat left center; background-size: 15%; padding: 19px 0 0 0;} .cotacao:hover {background:url('../images/cotacao-hover.svg') no-repeat left center; background-size: 15%; color: #f00;} .direcionadores:hover { color: #f00;} .dire-ativo {color:#f00;} .img-ativo {display: block;} .img-inativo {display: none;} /** navegacao **/ .owl-prev {height:40px; width:40px; float: left; position: relative; top:-115px; left: -43px; background: url('../imagens/seta-esquerda.png') no-repeat center center; background-size:50%; content:""; cursor: pointer ;} .owl-next {height:40px; width:40px; float: right; position: relative; top:-115px; right: -43px; background: url('../imagens/seta-direita.png') no-repeat center center; background-size:50%; content:""; cursor: pointer ;} .owl-carousel {height: 100%; padding:3%;} @media only screen and (max-width:640px) { .owl-carousel {padding:10%;} .news.texto-direita {text-align: left !important; padding: 0; margin-bottom: 10px;} .bg-gema > .texto-direita {text-align: left !important; padding-left: 3%; margin-bottom: 10px;} .gra-6.coluna.ps1.pi1.pd5.texto-direita{text-align: left !important;} .ps3.pi3.pd5.pe5.f16.bg-gema.marrom.sem-borda.maiuscula.negrito.m0.relativo {margin-bottom: 15px !important;} .borda-esquerda-marrom {border-left: none;border-bottom: 1px solid #763919; margin-bottom: 15px;} .borda-esquerda-gema {border-left: none;border-bottom: 1px solid #ffb018; } div:nth-child(7) > div.gra-11.coluna.borda-esquerda-gema {border-bottom: none;} .btn-news { top: 2px; width: 100px; height: 43px; line-height: 30px; padding-top: 4px;} } .capa {bottom:0; opacity:0.5;z-index: 1; height: 100px} .frente {bottom:0;z-index: 2} /* @media only screen and (max-width:1440px) { .esconde-1440 {display:none !important;} .gra-10 {width: 100% !important;padding: 0 10% !important;} .newsletter button {margin: -8px 121px 0 0px !important;} .md10 {margin-right: 4% !important;} } @media only screen and (max-width:1366px) { .gra-10 {width: 100% !important;padding: 0 8% !important;} .newsletter button {margin: -8px 99px 0 0px !important;} .w47 {width: 49% !important;} } @media only screen and (max-width:1280px) { .gra-10 {width: 100% !important;padding: 0 3% !important;} .p2 {padding: 2% 1% !important;} .pos-txt-banner {left:645px !important;} .newsletter button {margin: -8px 73px 0 0px !important;} .w47 {width: 56% !important;} .md45 {margin-right: 24% !important;} .panel-wrapper {padding: 15px 8px !important;position: relative;} } @media only screen and (max-width:1152px) { .menu ul li {margin:0 0 0 16px; display:inline !important;} .gra-10 {width: 100% !important;padding: 0 2% !important;} .label-radio {margin: 0 0.2% 0 2.1% !important;} .pos-txt-banner {left:575px !important;} .newsletter button {margin: -8px 35px 0 0px !important;} .w47 {width: 62% !important;} } @media only screen and (max-width:1024px) { .gra-10 {width: 100% !important;padding: 0 1% !important;} .label-radio {margin: 0 0.2% 0 2.1% !important;} .bot-banner {padding: 2% 7.4% !important;} .pos-txt-banner {width: 370px !important;} .w30 {width:32% !important} .newsletter button {margin: -8px 16px 0 0px !important;} .contato {width:55% !important;} .txt-contato {width:45% !important;} } */ @media only screen and (max-width:1400px) { .menu ul li a {padding: 1em 0.6em; font-size: 1.6em} } @media only screen and (max-width:1300px) { .menu ul li a {padding: 1em 0.45em;} } @media only screen and (max-width:1300px) { .menu ul li a {padding: 1em 0.5em; font-size: 1.5em} } @media only screen and (max-width:1130px) { .menu ul li a {padding: 1em 0.5em; font-size: 1.37em} } @media only screen and (max-width:1100px) { .img-destaque {width: 40px; margin: 12px 5px 0 0px;} } @media only screen and (max-width:1023px) { .desempenho .gra-4 {width: 33%;} .desempenho .gra-3 {width: 33%;} footer .gra-4 {width: 33%;} footer .w50 {width: 100% !important; text-align: center !important;} .cotacoes .gra-4 {width: 33%;} .logos .gra-6 {width: 50%} .acelere {left:40%;} .img-destaque {width:auto; margin:auto;} .linha > .conteudo {box-shadow: none;} .ms15 {margin-top: 7% !important;} .cliente {padding: 2% !important; margin-bottom: 70px;} .borda-direita {border-right:0;} .lh38 {line-height: 1.5em !important;} /*.coluna,colunas {width:50%;} */ /*.texto-centro {text-align: initial !important;}*/ .copyright {text-align: center !important;} .desenvolvido {float: none !important; margin: 10px 0 0 0} .cadastro-logado {width:50% !important;} .campo-texto {width:100% !important;} .campo-area {width:100% !important;} .cpf {width:100% !important;} .data-nasc {width:100% !important;} .cidade {width:100% !important;} .estado {width:100% !important;} .tel-res {width:100% !important;} .tel-cel {width:100% !important;} .ml079 {margin-left:0% !important} .saiba-mais {display:none !important} .saiba-mais-1023 {display:block !important; background:#1951aa; margin: 5px auto 0;padding: 5px 0 0 0;height: 30px;width: 102px; border:1px solid #1951aa; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;} .aparece-1023 {display:block !important; clear:both} form {width:100%; margin:0 auto !important;} .esconde-menor {display:block !important;} .esconde-1 {display:none !important;} .group:after,.lastUnit:after {margin:0 0 10px} .slide-trigger {display: block; color:#fff !important} .no-js .slide-trigger {display: none;} .navigation {display: none;} .no-js .navigation {display: block;} .navigation {} .navigation li {float: none;background:#d6a017;} .navigation li a {border-bottom: 1px solid #fff; } .fundo-sombra {background:#fff;} header {width:100% !important; margin:0 !important; padding:0 !important} .main-logo {margin:38px 0 10px 0} .mostra-pequeno {display:block !important;} .esconde-logado {display:none !important} .neutro {float:none !important;} .formulario {width:100%; background:#eff9fe; padding:5px;} form label {position:relative; float:left; font-size:15px} header {height:auto !important; padding:0.5% 0 0 !important;} .borda-azul {margin:35px 0 0 0 !important;} .barra-logar {height:auto !important} .fundo-jogo {background:#fff;padding: 3% !important;} .centro-menor {text-align:center !important; width:100% !important; margin-top:2% !important; margin-bottom:4% !important} body {background-position:0 27px !important} .esconder-menu {display:none !important} .cadastre-se form input[type=text] {float:left !important} .contato input[type=text] {width:100% !important;} footer {height:auto !important} .w47 {width:100% !important} .cadastre-se form label {width:100% !important; float:left; text-align:left !important;} .contato textarea {width:100% !important} .destaques {border-right:none !important;/* border-bottom:2px solid #fff !important;*/} .logar label {float:left !important; width:12% !important; font-size:1.100em !important} .logar {text-align:left !important;} .logar form {width:100% !important;} .label-radio {margin: 0 0.2% 0 1.4% !important;} .banner {height:auto !important;} .bot-banner {padding: 1% 3.4% !important;} .aparece-1023 p {width:100% !important; margin:0 0 4% !important;} .altura {margin:0 0 0 0 !important;} .trava-topo {position:inherit;top: inherit !important; background: rgba(39,60,108); z-index:111; opacity:0.9 ;transition: opacity .25s linear; -moz-transition: opacity .25s linear; -webkit-transition: opacity .25s linear;} .borda-baixo-branco {border-bottom: 5px solid #fff !important;} .img-treinamento {margin: 0 30px 30px 0; float: none !important;} .cadastro {width: 100% !important;} .ico-mobile {width: 100%; float: left; margin: 0 0 10%; text-align: center !important;} .usuario {width: 100%; float: left; margin: 0 0 15px; text-align: center; background-color: #FAFAFA; padding: 10px;} .item-usuario {width:20% !important; text-align: center !important;} .lh4 {line-height: normal !important;} .fixo-rodape {position:inherit !important; bottom: 0; width:100%;} .logo-dupont-home-deslogada {float:none !important; margin: 10px !important;} .logo-inst {float:none !important; padding: 10px !important;} .logo-dupont {text-align: center !important;} .logo-dupont-home-deslogada {display: none;} } @media only screen and (max-width:960px) { .bdr-regras {width: 50px;height: 50px;border-radius: 33px;-moz-border-radius: 10px;-webkit-border-radius: 30px;-ms-border-radius: 10px;-o-border-radius: 10px;} .w55 {width:100% !important} .w45 {width:100% !important} .esconde-menor-960 {display:none !important} .w42 {width:100% !important} .w30 {width:33% !important} /*.w33 {width:100% !important;}*/ .cotacoes {padding: 4% 0; float: left;} .cadastre-se form {width:90% !important; float:left;} .w47 {width: 67% !important;} .contato .l_mensagem {top: -6px !important;} .contato form {width:45% !important;} .contato {padding-top:0 !important} .cadastre-se {width:64% !important} /*.cadastre-se label {width:100% !important; text-align:left !important} .cad_end1 {width:80% !important; float:left !important} .cad_end2 {width:16% !important; float:left !important}*/ .cadastre-se form input[type=text] {float:left !important; width:346px;} .cadastre-se .cad_estado {width:346px !important} .cadastre-se .cad_tel2 {width:346px !important} .cadastre-se .cad_sindico {width:346px !important} .cadastre-se .cad_end1 {width:346px !important} .cadastre-se .cad_tel1 {width:78px !important} .cadastre-se .cad_interesse {margin:0 0 2% 0 !important;} .cadastre-se .interesse {padding:0 !important} .ms10 {width:100% !important; text-align:center !important; margin-top:2% !important} .newsletter button {margin: 0 83px 0 0px !important; float:left !important;} .newsletter span {margin: 0px 30px 0 0 !important; float:left !important;} .conteudo blockquote p {line-height: 1.5em !important;} } @media only screen and (max-width:800px) { .acelere {left:37%;} .logos .gra-6 {width: 100%} .usuarios {text-align: center !important; width: 100%; border-bottom: 1px solid #ccc; padding: 2%} .centro-pequeno {text-align:center !important;} .logo-colaboradores {float: left !important;} .categoria-home {margin:0 !important;} .logo-parceria-home {margin:0 0 1em;} .cotacoes {padding: 4% 2%;} .boxes {width: 100% !important; border-bottom: 1px solid #ddd; padding: 20px 0 15px;} .cliente {padding: 1% !important; margin:15px 0 10px;} .ms15 {margin-top: 4% !important;} .coluna,colunas {width:100%;} .w50 {width: 100% !important;} .vid-480 {width:400px !important; height:200 !important;} .w39 {width:36% !important;} .accordion-toggle {padding:2% !important} .texto-rodape-claro {width:100% !important; float:left; padding: 3% 7% !important;} .texto-rodape {width:100% !important; float:left; padding: 3% 7% !important;} .esconde-8 {display: none !important;} /*#banner {display: none !important;}*/ } @media only screen and (max-width:640px) { .acelere {left:34%;} .logo-home {position: relative; width: 200px; margin-top: 30px} .logo-dupont-home {margin:3% 0;} .desempenho .gra-4 {width:100%; margin-bottom: 10px; border:1px solid #ddd; background:#f5f5f5 !important;} .desempenho .bg-cinza-claro {background: none;} .desempenho .gra-3 {width: 100%;} .cotacoes .gra-4 {width:100%; border-bottom: 1px solid #ccc;} footer .gra-4 {width:100%; padding-top:2%;padding-bottom:2%; padding-left:20% !important; padding-right:20% !important; } .ms15 {margin-top: 6% !important;} .cadastro-logado {width:100% !important;} .ms20 {margin-top:6% !important} .w30 {width:69% !important} .cadastre-se form {width:90% !important; float:left;} .logar label {width:18% !important;} .contato form {width:70% !important;} .ml3 {margin-left:0% !important;} .vid-480 {width:480px !important; height:200 !important;} .w33 {width:100% !important;} .w25 {width:100% !important;} /*.pd5 {padding-right:0 !important}*/ .titulo {height: 50px !important;} .w80 {width:100% !important;} .ps5 {padding-top:2% !important;} .w85 {width:100% !important;} .ms10-menor {margin-top:10% !important;} } @media only screen and (max-width:480px) { .acelere {left:27%;} .bdr-regras {width: 44px;height: 44px;border-radius: 33px;-moz-border-radius: 10px;-webkit-border-radius: 30px;-ms-border-radius: 10px;-o-border-radius: 10px;} footer .gra-4 {width:100%; padding-top:2%;padding-bottom:2%; padding-left:10% !important; padding-right:10% !important; } .ms15 {margin-top: 8% !important;} .esquerda-menor {float:left !important} .ml079 {width:100% !important} .cadastre-se form {width:100% !important; float:left;} .lista-horizontal-rodape li {display:block; padding:5px 0; border:none;} .esconder-pequeno {display:none;} .w30 {width:84.4% !important} .logar label {width:25% !important;} .contato form {width:100% !important;} .vid-480 {width:420px !important; height:200 !important;} .meio {padding: 5px !important;} .box-login {width: 100% !important; margin: 0 !important; left: 0 !important; top:0 !important;} } .progresso {display: none; position: fixed; text-align: center; font-size: 16px; font-weight: bold; background: rgba(0,0,0,0.5); border: 1px solid black; height: 100%; width: 100%; z-index: 1000; color: #fff;} .centralizar {-ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}