/* GERAIS */ /* CLEAR */ .clear { clear:both;} span.clear { display:block; height:0; overflow:hidden;} .clearfix:after { clear: both; display: block; height: 0; font-size: 0; visibility: hidden; content: " ";} * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* FLOAT */ .left { float:left;} .right { float:right;} /* DISPLAY */ .none { display:none;} .block { display:block;} html, body { height:100%; } /* ie6 hack for height:100% */ adress, article, aside, details, footer, header, hgroup, nav, sidebar, summary { display:block;} /* html 5 */ a {text-decoration:none; color:#6d6d6d; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -webkit-touch-callout:none; /* tira o context-menu após longos taps */ } ul, ol, fieldset, legend, input, th, td { padding:0;} p {line-height:21px; -webkit-text-size-adjust: none; font-size:13px; color:#636466; font-weight: normal; padding:0; margin:0;} body, p, ul, ol, form, fieldset, input, select, textarea, h1, h2, h3, h4, h5, h6, blockquote, pre, dl, dd { margin:0; padding:0; -webkit-appearance: none; font-family: 'Roboto', sans-serif;} ul, ol { list-style:none;} /* you choose */ th, h1,h2,h3,h4,h5,h6 { font-weight:normal;} table, caption { text-align:left;} img, fieldset, iframe { border:none;} label { float:left; line-height: 22px; font-size:13px; } input, select, textarea { border:1px solid #bfbfbf; color:#737373; background: #fff; border-radius: 4px; padding:8px; outline:none; font-size:12px; } /* please, define something for chrome and safari */ input, select {} textarea {height: auto; min-height: 158px; max-height: 300px; padding:8px; line-height: 18px; } input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus { border-color: #111A1F!important; box-shadow: 0px 0px 15px #dddddd; } q:before, q:after { content:none; } table { border-spacing:0; border-collapse:collapse;} .holder {display: none} @font-face { font-family: 'socialfont'; src: url(socialico.eot); src: url(socialico.eot#iefix) format('embedded-opentype'), url(socialico.ttf) format('truetype'); } @font-face { font-family: 'socialfontplus'; src: url(socialico_plus.eot); src: url(socialico_plus.eot#iefix) format('embedded-opentype'), url(socialico_plus.ttf) format('truetype'); } .socialicon { font-family: 'socialfont'; font-weight: normal; font-style: normal; transform:translateZ(0); } .socialiconplus { font-family: 'socialfontplus'; font-weight: normal; font-style: normal; transform:translateZ(0); } /* estruture */ body { font-family: 'Roboto', sans-serif; font-size: 13px; color:#707070; -webkit-text-size-adjust: none; background-color: #111a1f; min-width: 990px; } .displaynone {display:none!important;} .nopadding {padding:0!important;} .nomargin {margin:0!important;} .cent { width: 990px; margin: 0 auto; } .corpo { background-color: #fff; } .sempainel { display: none; } .noscript { display: block; width: 100%; text-align: center; padding: 15px; background-color:#900000; color:#fff; text-shadow: 0px 1px 0px #640000; box-shadow: inset 0px -2px 14px -2px #4f0000;} h2 {font-weight: 700; font-size:14px; color:#858685; padding: 20px 0 20px 0px;} h3 {font-weight: 400; font-size:13px; color:#858685; padding: 2px 0 5px 0;} h4 {font-weight: 400; font-size:13px; color:#858685; padding: 2px 0 20px 0; border-bottom: 1px solid #feeabb; width:auto; display: block; margin: 0 0 20px 0;} ul.submenu { display:none; position: absolute; background: #fff; width: 160px; padding: 2px 4px 2px 4px; border-radius: 6px; z-index: 200; display: none; box-shadow: 0px 2px 30px -8px #000; } ul.submenu li { float:left; width: 100%; border-right:none!important; margin:0!important; padding:0!important; border-bottom:1px #c9c9cb solid; } ul.submenu li:last-child { border-bottom:none; } ul.submenu li a { display: block; padding: 10px 10px 10px 10px; border-radius: 30px; font-family: 'Roboto', sans-serif!important; text-transform: none!important; font-size:12px; margin: 3px 0 3px 0; color:#6f6f71!important;} ul.submenu li a:hover { opacity: 0.8 } ul.submenu li a:active { opacity: 0.5 } ul.submenu li a i {display: block; width: 30px; height: 30px; float:left; margin: -7px 10px 0 0;} /* UPLOAD BUTTOM */ a.file_input { display: block; overflow: hidden; padding: 9px 10px 10px 10px; font-weight: bold; color:#fff; text-align: center; text-shadow: 0px 1px 0px #1e3b16; border-radius: 4px; box-shadow: inset 0px -2px 0px 0px #1e3b16; position: relative; background: rgb(78,160,58); background: -moz-linear-gradient(top, rgba(78,160,58,1) 0%, rgba(70,142,52,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,160,58,1)), color-stop(100%,rgba(70,142,52,1))); background: -webkit-linear-gradient(top, rgba(78,160,58,1) 0%,rgba(70,142,52,1) 100%); background: -o-linear-gradient(top, rgba(78,160,58,1) 0%,rgba(70,142,52,1) 100%); background: -ms-linear-gradient(top, rgba(78,160,58,1) 0%,rgba(70,142,52,1) 100%); background: linear-gradient(to bottom, rgba(78,160,58,1) 0%,rgba(70,142,52,1) 100%); line-height: 17px; } a.file_input:hover { opacity:0.85 } a.file_input:active { background: rgb(50,99,36); text-shadow: 0px -1px 0px #1e3b16; box-shadow: inset 0px 2px 0px 0px #1e3b16; background: -moz-linear-gradient(top, rgba(50,99,36,1) 0%, rgba(68,137,50,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,99,36,1)), color-stop(100%,rgba(68,137,50,1))); background: -webkit-linear-gradient(top, rgba(50,99,36,1) 0%,rgba(68,137,50,1) 100%); background: -o-linear-gradient(top, rgba(50,99,36,1) 0%,rgba(68,137,50,1) 100%); background: -ms-linear-gradient(top, rgba(50,99,36,1) 0%,rgba(68,137,50,1) 100%); background: linear-gradient(to bottom, rgba(50,99,36,1) 0%,rgba(68,137,50,1) 100%); opacity: 1; } a.file_input input { position: absolute; width: 100%!important; left: 0px; top:0px; opacity: 0; display: table; } div.head { position: relative; width:100%; left: 0px; padding:6px 0 6px 0; background-color: #111a1f; z-index: 60; } div.head .cent { position: relative; } a.logo_kawek { width:47px; height: 47px; display: block; float:left; margin: 1px 0 0 -2px; background-position: -2px -678px; } span.setaback { opacity:0; visibility:hidden; position: absolute; left: 20px; top:18px; width: 0px; height: 0px; border-color: transparent #003f66 transparent transparent ; border-width:6px; border-style: solid; border-radius: 4px; display: block; } div.head ul.nav_principal { display:inline-block; padding: 15px 0 14px 30px; } div.head ul.nav_principal li { display: inline-block; margin: 0 28px 0 0; padding: 0 28px 2px 0; border-right:1px rgba(255,255,255,0.1) solid; position: relative;} div.head ul.nav_principal li:last-child { margin:0; border:none; } div.head ul.nav_principal li a.navitem { color:#fff; text-transform: uppercase; font-family: 'Dosis', sans-serif; font-weight: 300; font-size: 14px; } div.head ul.nav_principal li a.act { background: none!important; color:#fdb813; } .ifb { background-position: -476px -353px!important; } .itw { background-position: -510px -353px!important; } .iem { background-position: -546px -353px!important; } div.head ul.nav_principal ul.submenu { left:0px; top:44px!important; } a.login_bt { font-family: 'Dosis', sans-serif; font-size:14px; font-weight: 300; color:#ffffff; display: block; position:absolute; right:20px; top:12px; border: 1px solid #fff; width: auto; padding: 8px 20px 9px 20px; text-transform: uppercase; border-radius: 5px; z-index: 90;} a.login_bt:hover { opacity: 0.9; } a.login_bt:active, .head a.act { border-color:#fdb813; color:#fdb813; } div.loginpop { width: 226px; z-index: 90; background: #fff url(../img/bg_login.gif) repeat-x left bottom; border-radius: 6px; position: absolute; right: 21px; top: 55px; padding: 20px; box-shadow: 0px 2px 30px -8px #000;} div.loghiden {display: none;} .loginoverlay {width: 100%; height: 100%; position: fixed; z-index: 89; background: #000; left: 0; top:0; opacity: 0.3; display:block;} .log_input { width: 204px; height: 34px; border:1px solid #bfbfbf; box-shadow: inset 0px 1px 1px 0px #e1e1e1; color:#747474; background: #fff; border-radius: 6px; padding:0 10px 0 10px; margin: 0 0 10px 0;} .log_input:focus {border:1px solid #fdb813; box-shadow: 0px 0px 15px #f8b80b; } .bt_acessar {width:95px; float: right; cursor: pointer;} .bt_recsenha {width:95px; float: right; cursor: pointer;} .bt_esqsenha {font-size:11px; padding: 10px 0 10px 0; margin: 0px 0 0 0; display: block; float:left; } .bt_esqsenha:hover {color:#000;} #recuperarsenha {display: none;} .log_resposta { font-size:11px; display: block; margin: 10px 0 15px 0; float:left; color:red; padding: 2px 4px 2px 4px; text-align: center; width:217px;} .bt_novaconta { float:left; background-color: #fff; margin: 20px 0 3px 0; width:190px;} div.corpo {width: 100%; float:left; padding: 40px 0 0 0;} /* FOOTER */ div.cta_foot { width: 100%; float: left; margin: 10px 0 0 0; } div.cta_foot div.cent { padding: 20px 0 20px 0; position: relative; } div.cent i.scissor {width: 36px; height: 20px; background-position: -259px -112px!important; display: block; position: absolute; left: 140px; top:-11px; } div.cta_foot ul.topicos { padding: 0px; float: left; } ul.topicos li { float: left; width: 289px; margin:0 20px 0 0; padding: 0 20px 0 0px;} ul.topicos li:last-child { margin:0; border:none; padding: 0; } ul.topicos a { font-family: 'Dosis', sans-serif; font-size:16px; font-weight: 400; color:#fff; text-transform: uppercase; } ul.topicos a:hover { color:#FBB62B; } ul.topicos a:hover span { color:#fff; } ul.topicos span { font-size:12px; font-family: 'Roboto', sans-serif; color:#A1A1A1; text-transform: none; display:block; padding:1px 0 0 0; font-weight:normal; line-height: 15px; } ul.topicos a i { display:inline-block; width: 65px; height: 65px; float:left; margin: 2px 10px 0 0 } ul.topicos .li_facebook i { background-position: -193px -2px!important; } ul.topicos .li_pro i { background-position: -68px -3px!important; } ul.topicos .li_suporte i { background-position: -2px -2px!important; } ul.topicos .li_templates i { background-position: -130px -3px!important; } ul.topicos .li_bugs i { background-position: -259px -2px!important; } div.foot { width: 100%; float:left; margin: 30px 0 20px 0; } div.foot div.cent { border-top:1px dashed #41484c; padding: 23px 0 30px 0; position: relative; } a.flag { width:30px; height: 30px; display: block; position: relative; float: left;} a.flag:hover {opacity: 0.8} ul.idioma { left: 0px; top:-120px; } a.flag:active, div.foot div.cent a.act {opacity: 0.5} .br {background-position: -16px -114px!important; } .es {background-position: -50px -114px!important; } .en {background-position: -85px -114px!important; } p.texto_legal { float: left; width: 500px; padding: 0 0 0 0px; font-size:11px; color:#848688;} p.texto_legal a {color:#fff;} p.texto_legal a:hover, p.texto_legal a:active { text-decoration: underline;} a.madein {display:block; width: 85px; height: 43px; background-position: -127px -116px!important; float: right;} span.ilust_foot { display:block; position: absolute; right:80px; top: -20px; width: 222px; height: 168px; background-position: -360px -173px!important; z-index: 80;} /* PÁGINA INICIA */ .uihome { background-image: url(../img/ui_home.png); background-repeat: no-repeat; } .p1 h1, .p2 h1, .p3 h1, .p4 h1, .p1 p, .p2 p, .p3 p, .p4 p { white-space: pre-line; } .p1 { position: relative; background-color: #004066; background-image: url(../img/background_home_p1.png); background-position: center top; background-repeat: no-repeat; padding:60px 0 100px 0!important; } .p1 .homefx { height: 12px; width: 100%; background-image: url(../img/homefx.png); display: block; position: absolute; bottom:0px; } .p1 h1 { text-align: center; font-size: 42px; display: block; font-weight: 300; margin-bottom: 42px; font-family: 'Dosis', sans-serif; text-transform: uppercase; color:#fff; } .p1 .slider { width: 715px; margin-left: -40px; margin-top: -11px; display: inline-block; float:left; } .p1 .slider .slide1 { background-color: #f0f0f0; border-radius: 5px; width: 100%; height: 397px; box-shadow: 0px 40px 100px rgba(0,0,0,0.2); } .p1 .slider .slide1 img { border-radius: 4px 4px 1px 1px; } .p1 .col { display: block; width: auto; margin: 0 0 0 715px } .p1 .col p.chamada { line-height: 25px; color:#fff; font-size: 17px; font-weight: 400; font-family: 'Dosis', sans-serif; text-transform: uppercase; } .p1 .col p { color:#fff; font-size: 13px; font-weight: 400; margin-top: -19px; margin-bottom: 10px; } .p1 .col span.uihome { display: inline-block; width: 52px; height: 52px; margin-left: -66px; margin-right: 11px; } .p1 .col span.ico1 { background-position: -8px -9px } .p1 .col span.ico2 { background-position: -8px -63px } .p1 .col span.ico3 { background-position: -8px -115px } .p1 .col h2 { font-size: 19px; padding: 8px 0 0 0; vertical-align: top; text-transform: uppercase; color:#fdb813; font-weight: 600; font-family: 'Dosis', sans-serif; display: inline-block; } .p1 .col a.bt_geral { display: block; margin: 20px 0 0 0; } .p2 { background-color: #fff; background-position: center 20px; background-image: url(../img/background_home_p2.png); background-repeat: no-repeat; padding: 100px 0 0 0!important; box-shadow:inset 0px 10px 20px #fff; } .p2 h1 { display: block; font-weight: 300; font-size: 42px; margin-bottom: 30px; font-family: 'Dosis', sans-serif; text-transform: uppercase; color:#00253b; text-align: left; } .p2 p.chamada { line-height: 27px; color:#555555; font-size: 18px; font-weight: 400; font-family: 'Dosis', sans-serif; text-transform: uppercase; } .p2 div.icones { width: auto; display: block } .p2 div.icones a { display: inline-block; width: 61px; height: 61px; margin-right: 6px; } .p2 div.icones a.ico1 { background-position: -70px -9px; } .p2 div.icones a.ico2 { background-position: -135px -9px; } .p2 div.icones a.ico3 { background-position: -201px -9px; } .p2 div.icones a.ico4 { background-position: -266px -9px; } .iconestexto { display: inline-block; color: #ff8a00; vertical-align: top; padding: 9px 0 0 10px; } .viewer { width: 1037px; margin-left: -30px; overflow: hidden; padding: 45px 0 35px 0; } .templates { width: 100%; background-color: rgba(224,224,224,0.8); } .templates ul { width: 1000px; } .templates ul li .bticon_prouser { left: 217px!important; top:-19px!important; } .templates ul li a span.visualizar { opacity: 0; position: absolute; display: block; width: 24px; height: 24px; background-color: #fff; border-radius: 50px; left: 50%; margin-left: -12px; top:80px; z-index: 20; background-position: -222px -145px } .templates ul li a span.nome { opacity: 0; z-index: 20; position: absolute; display: block; width: auto; padding: 4px 14px; background-color: #fff; border-radius: 50px; text-transform: uppercase; left: 50%; top:127px; font-family: 'Dosis', sans-serif; color:#000; font-size: 15px; margin-left: -100px; font-weight: 300; } .p2 h3 { color:#b0b0b0; font-size: 14px; font-family: 'Dosis', sans-serif; margin-top: 40px; text-transform: uppercase; font-weight: 300; } .p2 .bt_geral { width: 260px; margin: 15px 0 40px 0; } .templates ul li { position: relative; display: inline-block; width: 255px; float: left; margin-right: 5px; height: 144px; } .templates ul li a.temp { border-radius: 0 0 1px 1px; background-color: #f17b03; display: block; height: 100%; width: 100%; position: relative; } .templates ul li a.temp img { width: 255px; height: 144px; border-radius: 0 0 1px 1px; } .templates ul li a.temp span.browser { position: absolute; top:-15px; width: 100%; background-color: #d3d3d3; border-radius: 4px 4px 0 0; display: block; } .templates ul li a.temp span.browser i { display: inline-block; margin-right: 6px; width: 4px; height: 4px; border-radius: 100px; background-color: red; margin-top: 7px; vertical-align: top; } .templates ul li a span.browser i.b1 { background-color: #e7081e; margin-left: 10px; } .templates ul li a span.browser i.b2 { background-color: #ffbe08 } .templates ul li a span.browser i.b3 { background-color: #10ce2d } .p3 { background: #ca2525 url(../img/background_home_p3.jpg) center -100px no-repeat; padding: 100px 0!important; } .p3 .cent { padding-left: 130px; width: 860px; } .p3 h2 { display: block; font-weight: 400; font-size: 18px; font-family: 'Dosis', sans-serif; text-transform: uppercase; color:#fff; text-align: left; padding: 0px; } .p3 h1 { display: block; font-weight: 300; font-size: 62px; margin-bottom: 10px; font-family: 'Dosis', sans-serif; text-transform: uppercase; color:#fff; text-align: left; padding: 0px; } .p3 h1 span { color:#000; font-weight: 400; } .p3 p.chamada { margin: 0 0 30px 0; line-height: 27px; color:#fff; font-size: 18px; font-weight: 400; font-family: 'Dosis', sans-serif; text-transform: uppercase; } .features { display: block; } .features li { display: inline-block; line-height: 19px; margin-bottom: 30px; width: 280px; vertical-align: top; color:#fff; } .features li i { margin-top: -7px; display: inline-block; width: 56px; height: 56px; float: left; margin-right: 10px; } .features li i.icone_1 { background-position: -73px -86px; } .features li i.icone_2 { background-position: -138px -86px; } .features li i.icone_3 { background-position: -204px -86px; } .features li i.icone_4 { background-position: -73px -164px; } .features li i.icone_5 { background-position: -138px -164px; } .features li i.icone_6 { background-position: -204px -164px; } .p3 .bt_geral { display: inline-table; margin-top: 30px; margin-right: 15px; width: 220px; } .p3 .juridico { font-size: 11px; color:#fff; margin-top: 30px; } .p4 { padding: 90px 0 100px 0!important; background: #fff url(../img/background_galeria.jpg) no-repeat center top; } .p4 h1 { display: block; font-weight: 300; font-size: 52px; margin-bottom: 10px; font-family: 'Dosis', sans-serif; text-transform: uppercase; color:#111a1f; text-align: center; padding: 0px; } .p4 p.chamada { margin: 0 0 30px 0; line-height: 25px; color:#111a1f; font-size: 19px; font-weight: 400; font-family: 'Dosis', sans-serif; text-transform: uppercase; text-align: center; display: block; } .p4 .moreitens { margin: 20px auto 0 auto!important; } .p4 .gallery { margin: 50px auto 0 auto!important; } /* GALERIA UL */ .topo { display: block; height: auto; width: auto; padding: 10px 17px; z-index: 80; color:#111a1f; background-color: #fff; position: fixed; border:1px solid #111a1f; bottom: 20px; right: 20px; font-size: 11px; border-radius: 50px; visibility: hidden; opacity: 0; } .topo .setaup { display: inline-block; width: 1px; height: 3px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 3px; margin: 0 10px 2px 0; box-shadow: 0px 1px 0px #b87e00 } .topo:hover {opacity: 0.7!important} .topo:active { opacity: 1!important; border-top: solid 1px #b87e00; border-bottom: none; } .filtros { width: auto; background:#E0E0E0; border-radius: 4px; padding: 10px; height: 31px; margin: 0px 0px 20px 0px; position: relative; } .filtros h3 { color:#000; text-transform: lowercase; display: block; padding: 9px 15px 0 0; text-align: right; font-size: 11px;} .filtros ul.filxs { display: inline-table; } .filtros ul li.title { width: 70px; height: 30px; margin: 0; float: left; } .filtros ul li { vertical-align: top; display: inline-block; margin: 0 10px 0 0px; position: relative; } .filtros ul li a.ic { display: block; margin: 0px; width: 30px; border:1px solid #000; height: 30px; border-radius: 50px; } ul.subcat { display: none; top:35px; width: 350px; padding:0 0 0 10px } ul.subcat li { width: 165px; margin: 0 10px 0 0!important; } ul.subcat li:nth-last-child(2) { border:none; } ul.subcat li a { padding: 8px 10px 8px 10px; font-size: 11px; } .filtros ul li a.iconmapa { background-position: -405px -354px; } .filtros ul li a.iconcat { background-position: -430px -354px; } .filtros ul li a.iconempresa { background-position: -354px -354px; } .filtros ul li a.iconpro { height: 22px; vertical-align: top; font-size: 12px; line-height: 13px; padding: 8px 0 0 0; text-align: center; background-color: #000; color:#fff; font-family: 'Dosis', sans-serif; } .filtros ul li a.iconhot { background-position: -354px -380px!important; } .galeria .moreitens { width: 60%!important; float:none!important; margin: 5px auto 0px auto!important; display: table; } label.search { float: right; } label.search input { box-shadow: none!important; border:none!important; height: 15px; border-radius: 40px; width: 262px; padding-left: 20px; color:#000; } label.searchbt { position: absolute; top:12px; right: 17px; z-index: 40; float: none; } label.searchbt input { height: 28px; width: 29px; border-radius: 40px; background-color:#fff; border: none!important; box-shadow: none; background-position: -381px -356px; cursor: pointer; } ul.subuser li.zero { display: block; width: 100%; text-align: center; font-size: 11px; padding: 20px 0!important; } .filtros ul li a.ic:hover, .filtros ul li a.actbt { border-color:#fdb813; background-color:#fdb813; color:#000; } .filtros label input:focus { box-shadow: 0px 0px 10px 0px #fff!important; border:1px solid #fff;} .subregiao { position: absolute; left:0px; top:35px; z-index: 100; background: #fff; padding:10px; border-radius: 6px; z-index: 200; display: none; box-shadow: 0px 2px 30px -8px #000; } .subregiao label { clear: both; margin: 0 0 10px 0 } .subregiao label select { width:200px; } .subregiao .bt_geral { width: 164px!important; margin: 3px 0 5px 0!important; float:none!important; display: table; } .subuser { display: none; top:43px; right: 121px; width: 350px; padding:0 0 0 10px; } ul.subuser li { width: 260px; padding:0px 0px 10px 0px; border:none; } ul.subuser li a { padding: 5px 10px 0px 5px; margin: 0px 0; height: 45px; } ul.subuser li a img { width: 40px; height: 40px; display: table; float: left; margin:0px 10px 0 0; } ul.subuser li a h1 { font-size: 12px; font-weight: bold; margin: 0px!important; text-align: left; padding:5px 0 0 0; } ul.subuser li a span { font-size:11px; } .galeria .bt_geral { width: 100px; float: right; margin: 0px 0 0 0px; } /* HOME GALERIA */ ul.gallery_home li.pro a, .galeria ul.gallery_home li.pro a:hover { border-color: #111a1f!important; background-color: #111a1f; color:#fff; } ul.gallery_home li.pro span.trabalhos i.trabalhos { background-position: -278px -222px!important;} ul.gallery_home li.pro span.views i.views { background-position: -278px -241px!important;} ul.gallery_home li.pro a span, ul.gallery_home li.pro a small, ul.gallery_home li.pro a h2 { color:#fff!important; } ul.gallery_home li.pro ul.jobs { display:block; position: absolute; top:79px; overflow: hidden; z-index: 100; height: 0px; border-radius: 0px 0px 4px 4px; background: #111a1f; border:0px; width: 100%; padding:0px 0 0 0; box-shadow: 0px 1px 3px -1px #000; opacity: 0; visibility: hidden; } ul.gallery_home li.pro ul.jobs h3 { font-size: 10px; font-weight: normal; text-transform: lowercase; color:#fff; padding: 6px 0px 7px 10px; } ul.gallery_home li.pro ul.jobs li { margin: 0 0px 0 8px; } ul.gallery_home li.pro ul.jobs li a { margin: 0px; border:1px solid #111a1f; width: 36px; background-color: #111a1f; height: 36px; padding:0px; border-radius: 4px; background-color: #111a1f; } ul.gallery_home li.pro ul.jobs li a:hover {border-color:#111a1f!important;} ul.gallery_home li.pro ul.jobs li a img {width: 36px; height: 36px; border-radius: 4px;} .homegallery h1 { height: 38px; width: 202px; background-position: -300px -96px; display:block; text-align: center; font-size:17px; font-weight: bold; font-family: 'Dosis', sans-serif; padding: 8px 0 0 2px; color:#b55a10; margin: 20px auto 15px auto } .homegallery hr { width: 370px; display: inline-block; float: left; margin:17px 0 0 0; border:1px solid #fed471; border-bottom: none; } .homegallery hr.last { float: right; } ul.gallery_home {} ul.gallery_home li { display: inline-block; margin: 0 6px 20px 7px; position: relative;} ul.gallery_home li span.award { display: block; width: 20px; height: 25px; background-position: -64px -679px; position: absolute; right: 2px; top:-1px; } ul.gallery_home li a { display: block; width: 300px; height: 66px; background-color: transparent; border:#111a1f 1px solid; padding:6px; border-radius: 4px; color:#464646; font-size: 12px } ul.gallery_home li a:hover, ul.gallery li a:active { border-color:#fdb813!important; } ul.gallery_home li a img { width: 65px; height: 65px; border-radius: 4px; float:left; margin: 0 10px 0 0; } ul.gallery_home li a h2 { display: block; font-size:14px; color:#111a1f; font-weight: normal; padding: 4px 0 0 0; height: 16px; } ul.gallery_home li a small { font-size:11px; color:#464646; clear: right; display: block; padding: 4px 0 10px 0; height: 13px; } ul.gallery_home li a small.empresa { color:#8a0b22 } ul.gallery_home li a span { color:#464646; width: auto; display: inline-block; font-size:10px; padding: 0 10px 0 0; } ul.gallery_home li a span i { display: inline-block; float: left; width: 16px; height: 14px; margin:0px 4px 0 0; } span.stars, i.stars { color:#ffc812; background-position: -226px -115px; margin-top: -1px!important;} span.trabalhos, i.trabalhos { background-position: -226px -133px;} span.views, i.views { background-position: -226px -152px;} /* HOME GALERIA */ ul.gallery li.zero { width: auto; display: block; text-align: center; padding: 80px 0; font-size: 15px; } .galeria_cent { display: block; margin: 0 auto; } .explorecorpo { width: 100%; overflow: auto; } /* PRO */ ul.gallery li.pro a, .galeria ul.gallery li.pro a:hover { border-color: #111a1f!important; background-color: #111a1f; color:#fff; } ul.gallery li.pro span.trabalhos i.trabalhos { background-position: -278px -222px!important;} ul.gallery li.pro span.views i.views { background-position: -278px -241px!important;} ul.gallery li.pro hr { border-color:#484848!important; } ul.gallery li.pro a h2 { color:#fab52a; } ul.gallery li.pro a span { color:#c8c8c8 } ul.gallery li.pro a span { color:#ffffff } .homegallery h1 { height: 38px; width: 202px; background-position: -300px -96px; display:block; text-align: center; font-size:17px; font-weight: bold; font-family: 'Dosis', sans-serif; padding: 8px 0 0 2px; color:#b55a10; margin: 20px auto 15px auto } .homegallery hr { width: 370px; display: inline-block; float: left; margin:17px 0 0 0; border:1px solid #fed471; border-bottom: none; } .homegallery hr.last { float: right; } ul.gallery {} ul.gallery li { vertical-align: top; position: relative; } .js ul.gallery li { opacity: 0; visibility: hidden; } ul.gallery li span.award { display: block; width: 20px; z-index: 30; height: 25px; background-position: -64px -679px; position: absolute; right: 2px; top:6px; } ul.gallery li .bticon_prouser { background: #fab52a!important; color:#000!important; bottom: 41px; right: 8px; top:auto; left: auto; } ul.gallery li a { display: block; height: auto; width: auto; background-color: #EDEDED; border:#bebebe 0px solid; padding:0px 0 11px 0; border-radius: 5px 5px 4px 4px; color:#464646; font-size: 12px; } ul.gallery li a.block:hover, ul.gallery li a.block:active { border-color:#fdb813!important; opacity: 0.8; } ul.gallery li a img { width: 100%; height: auto; border-radius: 4px 4px 0 0; margin: 0 0px 0 0; } ul.gallery li a h2 { display: block; font-size:14px; color:#fab52a; font-weight: normal; padding: 8px 8px 0px 8px; height: auto; } ul.gallery li a small { padding: 0px 8px; font-size:11px; color:#858585; clear: right; display: block; } ul.gallery li a small.empresa { color:#B03D51 } ul.gallery li a span { color:#464646; width: auto; font-size: 10px; display: inline-block; padding: 0 0px 0 8px; } ul.gallery li a span i { display: inline-block; float: left; width: 16px; height: 14px; margin:0px 4px 0 0; } span.user { color:#464646; font-size: 11px!important; margin-top: -1px!important; padding: 0!important;} ul.gallery li a hr { display: block; border:none; border-top:1px solid #dedede; margin: 8px 0 7px 0; } span.views, i.views { background-position: -226px -152px;} ul.gallery li a img.profile { width: 30px; height: 30px; margin: 1px 8px 0 7px; border-radius: 50px; float: left; } a.moreitens { width: 80%; display: block; margin: 8px auto 22px auto; } ul.gallery li .bt_mark { display: block; opacity: 0; visibility: hidden; width: 17px; background-color: yellow; height: 17px; border-radius: 80px; position: absolute; top: 15px; left: 15px; z-index: 100; background-position: -262px -151px; background-color: #d41717!important; border:none!important; } /* x.galeriafull ul.gallery { margin: 15px 0 0 50px 0; padding: 0; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-column-count: 6; -webkit-column-count: 6; column-count: 6; } x.galeriafull ul.gallery li { display: inline-block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 17px; } */ .galeriafull ul.gallery { margin: 15px 0 0 50px 0; padding: 0; } .galeriafull ul.gallery li { display: inline-block; width: 251px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 8px 16px 8px; } .cabgal { padding-top: 70px!important; background: #fff url(../img/background_galeria.jpg) no-repeat center top; } .cabgal h1 { display: block; font-weight: 300; font-size: 52px; margin-bottom: 20px; font-family: 'Dosis', sans-serif; text-transform: uppercase; color:#111a1f; text-align: center; padding: 0px; } .cabgal .nav_pagina { margin: 0 auto 40px auto; display: table; } .cabgal .nav_pagina li { display: inline-block; margin: 0 6px; } .cabgal .nav_pagina li a { width: 110px; } /* PAGINA */ .textual { background-color: #f0f0f0 } .textual .cab_pagina { padding-left: 0px!important; } .textual .corpo_pagina { border-radius: 5px!important; } .cab_pagina {margin:0; border-radius: 4px 4px 0 0; z-index: 15; background: #f0f0f0; padding: 13px 24px 16px 24px;} .cab_pagina h1 { font-family: 'Dosis', sans-serif; text-transform: uppercase; font-size:25px; font-weight: 300; color:#084165; display: inline-block; } .cab_pagina .bt_geral { display: inline-table; margin-left: 10px; vertical-align: top; } .cab_pagina h3 { font-family: 'Dosis', sans-serif; text-transform: uppercase; font-size:14px; font-weight: 300; color:#bbbbbb; padding: 8px 0 0 10px; display: inline-block; } .corpo_pagina { margin: 0px 0 0 0; z-index: 5; border-radius: 0px 0px 5px 5px; padding: 20px 23px 27px 26px; background: #fff; margin-bottom: 30px; } .formapgtos { display: block; } .formapgtos h3 { font-size: 17px; font-weight: bold; color:#084165; padding: 0; } .formapgtos p { font-size: 13px; color:#084165; } .formapgtos a { font-size: 14px; color:#000; margin: 2px 0 20px 0; display: table; } .formapgtos a span { color:#9a0000; display: inline-block; margin: 0 0 0 10px; } .galeriafull { background: none!important; padding: 0 0 60px 0!important; } .corpo_nohead { border-radius: 10px; } .corpo_adicional {background: #cecece; background: -moz-linear-gradient(top, #cecece 0%, #e2e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(100%,#e2e1e1)); background: -webkit-linear-gradient(top, #cecece 0%,#e2e1e1 100%); background: -o-linear-gradient(top, #cecece 0%,#e2e1e1 100%); background: -ms-linear-gradient(top, #cecece 0%,#e2e1e1 100%); background: linear-gradient(to bottom, #cecece 0%,#e2e1e1 100%); margin: 20px 0 0 0; box-shadow: 0px 2px 5px -3px #000; border-radius: 6px; padding: 26px 24px 24px 24px} .corpo_adicional h3 {font-weight: normal; font-size:24px; font-family: 'Dosis', sans-serif; text-transform: uppercase; color:#7e7e7e; text-shadow: 0px 2px 0px #e1e1e1; font-weight: 600; padding: 0 0 15px 10px;} /*MENSAGEM*/ .naolidasbar { width: auto; background: #e1e1e1; padding: 20px 20px 20px 20px; margin: 6px 0 20px 0; border-radius: 4px; color:#858685; font-size: 12px; } .naolidasbar span { display: inline-table; } .bt_receber { width: auto; padding: 0 0px 0 0; color:#858685; float: right; } .bt_receber:hover {color:#000;} .bt_receber i.check { background-position: -480px -400px!important; width: 16px; height: 16px; margin: 0px 0 -5px 10px; display: inline-block; } .bt_receber i.act {background-position: -496px -400px!important;} .listamsgs { width: 370px; float: left; border-right: 1px solid #e4e4e4; padding: 0 10px 0 0; height: 438px; overflow-y: hidden; } .kawekicon {background-position: -14px -231px!important; width: 33px; height: 39px; display: block; margin: 30px auto 0 auto; } .msgs { } .msgs li {padding:0 10px 8px 0;} .msgs li:last-child {padding:0 10px 0 0;} .msgs li a {margin: 0; display: block; background: #e1e1e1; border-radius: 4px; border:3px #e0dfdf solid; padding: 6px 9px 9px 9px; } .msgs li a:hover {background:#e4e4e4 } .msgs li a small {font-size:11px; float: left; color:#999999; } .msgs li a small.data { padding: 0 0 0 0px } .msgs li a small.data:before { content:'•'; padding: 0 6px; } .msgs li a span { display: table; color:#383838; font-weight: 700; font-size:13px; clear: both; padding: 6px 0 0 0; } .msgs li a.visualizando { background: #f5eed7; border-color:#f5eed7 } .msgs li a.visualizando:hover {background:#fcf5dd } .msgs li a.naolido { background: #fff; border-color:#fdb813 } .msgs li a.naolido:hover {border-color:#ffcb51 } .msgs li a.naolido small.rem:before {content:'✪'; color:#fdb813; padding: 0 6px 0 0; } .visualizacao { margin:0 0 0 400px; position: relative; padding: 0px 0 0 0; min-height: 438px; } .visualizacao h1 { width: 100%; text-align: center; padding: 200px 0 0 0; display: block; font-size: 13px; color:#bfbfbf; font-weight: bold; text-shadow: 0px 1px 0px #efefef; text-transform: lowercase; } .mensagem { border-radius:2px; border-top:2px solid #bbbbbb; box-shadow: 0px 2px 5px -3px #000; margin: 0 0 5px 0; padding:0; min-height:450px;background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 61%, rgba(249,249,249,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(61%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 61%,rgba(249,249,249,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 61%,rgba(249,249,249,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 61%,rgba(249,249,249,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 61%,rgba(249,249,249,1) 100%); } .msghead {} .msghead li { border-bottom:1px solid #bbbbbb; padding: 10px 0 10px 20px;} .msghead li p { display: inline-block; padding: 0 50px 0 0; color:#413e34; } .msghead li p a { color:#413e34; text-decoration: none; } .msghead li p a:hover { text-decoration: underline; color:#3c5d9b; } .msghead li p.data { padding:0 20px 0 0; float:right; color:#a85941; } .mensagem p.texto {padding: 20px 20px 20px 20px; white-space: pre-line; color:#413e34;} div.acoes { border-radius: 4px; background: #e0dfdf; padding: 9px 20px 10px 20px; margin:10px 0 0 0; } .bt_naolida { width: 80px; } .bt_exc_msg { width: 80px; float: right; } /* Migalhas */ div.migalhasbox { background-color: #fff; padding: 0!important; } div.migalhas { width: 100%; padding: 0px 0 0px 0; } ul.migalhas { width: auto; padding: 2px 0 0 10px;} ul.migalhas li {padding:0px; display: inline-block; float:left;} ul.migalhas li:first-child { background-position: -360px -119px!important; display: block; width: 50px; height: 38px; } ul.migalhas li a { padding: 10px 0px 0px 0px; font-size:11px; color:#989899; display: block; } ul.migalhas li a:hover, ul.migalhas li a:active {color:#d49b13;} ul.migalhas li:last-child a:after { content:'';} ul.migalhas li a:after { content: '.'; padding: 0 5px; } a.suportetec {font-weight: bold; color:#111a1f; font-size:11px; display: block; float: right; padding: 10px 13px 6px 0;} a.suportetec:hover, a.suportetec:active {color:#707070;} a.suportetec i {margin: 0 0 0 12px; vertical-align: middle; } /* upload */ .sharebox { z-index: 40; position: absolute; top: 200px; opacity: 0; visibility: hidden; right: 0px; width: 170px; background-color: #00273D; border-radius: 6px; padding: 15px 20px 20px 20px; } .sharebox h3 { text-transform: uppercase; font-family: 'Dosis', sans-serif; font-size: 22px; color:#fdb813; font-weight: 300; } .sharebox p { color:#fff; font-size: 14px; } .sharebox a.share { display: inline-block; width: 40px; height: 40px; margin: 10px 0 0 0; } .sharebox a.gplus { background-position: -262px -10px; } .sharebox a.tw { background-position: -311px -10px; } .sharebox a.fb { background-position: -360px -10px; } .sharebox a.tw { margin-left: 6px; margin-right: 6px; } .sharebox .bt_geral { margin-top: 10px; } .cta_up { background: #e0dfdf; border-radius: 4px; padding:7px; margin-top: 5px; } .cta_up li { display: inline-block; margin: 0 7px 0 0; } .cta_up li:last-child { margin:0; } .cta_up li a { display:block; width: 262px; padding: 14px 20px; border-radius: 4px; font-weight: 700; color:#fff; } .up_img { box-shadow: inset 0px -2px 0px 0px #9a5d00; text-shadow: 0px -1px 1px #9a5d00; background: rgb(238,134,40); background: -moz-linear-gradient(top, rgba(238,134,40,1) 0%, rgba(235,115,7,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,134,40,1)), color-stop(100%,rgba(235,115,7,1))); background: -webkit-linear-gradient(top, rgba(238,134,40,1) 0%,rgba(235,115,7,1) 100%); background: -o-linear-gradient(top, rgba(238,134,40,1) 0%,rgba(235,115,7,1) 100%); background: -ms-linear-gradient(top, rgba(238,134,40,1) 0%,rgba(235,115,7,1) 100%); background: linear-gradient(to bottom, rgba(238,134,40,1) 0%,rgba(235,115,7,1) 100%);} .up_img:active { box-shadow: inset 0px 2px 0px 0px #9a5d00; text-shadow: 0px -1px 1px #9a5d00; background: rgb(224,104,0); background: -moz-linear-gradient(top, rgba(224,104,0,1) 13%, rgba(238,134,40,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,rgba(224,104,0,1)), color-stop(100%,rgba(238,134,40,1))); background: -webkit-linear-gradient(top, rgba(224,104,0,1) 13%,rgba(238,134,40,1) 100%); background: -o-linear-gradient(top, rgba(224,104,0,1) 13%,rgba(238,134,40,1) 100%); background: -ms-linear-gradient(top, rgba(224,104,0,1) 13%,rgba(238,134,40,1) 100%); background: linear-gradient(to bottom, rgba(224,104,0,1) 13%,rgba(238,134,40,1) 100%); opacity: 1; } .up_video { box-shadow: inset 0px -2px 0px 0px #356e90; text-shadow: 0px -1px 1px #356e90; background: rgb(101,171,212); background: -moz-linear-gradient(top, rgba(101,171,212,1) 0%, rgba(76,157,205,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,171,212,1)), color-stop(100%,rgba(76,157,205,1))); background: -webkit-linear-gradient(top, rgba(101,171,212,1) 0%,rgba(76,157,205,1) 100%); background: -o-linear-gradient(top, rgba(101,171,212,1) 0%,rgba(76,157,205,1) 100%); background: -ms-linear-gradient(top, rgba(101,171,212,1) 0%,rgba(76,157,205,1) 100%); background: linear-gradient(to bottom, rgba(101,171,212,1) 0%,rgba(76,157,205,1) 100%); } .up_video:active { box-shadow: inset 0px 2px 0px 0px #356e90; text-shadow: 0px -1px 1px #356e90; background: rgb(68,139,181); background: -moz-linear-gradient(top, rgba(68,139,181,1) 16%, rgba(101,171,212,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,rgba(68,139,181,1)), color-stop(100%,rgba(101,171,212,1))); background: -webkit-linear-gradient(top, rgba(68,139,181,1) 16%,rgba(101,171,212,1) 100%); background: -o-linear-gradient(top, rgba(68,139,181,1) 16%,rgba(101,171,212,1) 100%); background: -ms-linear-gradient(top, rgba(68,139,181,1) 16%,rgba(101,171,212,1) 100%); background: linear-gradient(to bottom, rgba(68,139,181,1) 16%,rgba(101,171,212,1) 100%); opacity: 1; } .up_som { box-shadow: inset 0px -2px 0px 0px #911f1a; text-shadow: 0px -1px 1px #911f1a; background: rgb(217,76,69); background: -moz-linear-gradient(top, rgba(217,76,69,1) 0%, rgba(211,47,39,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,76,69,1)), color-stop(100%,rgba(211,47,39,1))); background: -webkit-linear-gradient(top, rgba(217,76,69,1) 0%,rgba(211,47,39,1) 100%); background: -o-linear-gradient(top, rgba(217,76,69,1) 0%,rgba(211,47,39,1) 100%); background: -ms-linear-gradient(top, rgba(217,76,69,1) 0%,rgba(211,47,39,1) 100%); background: linear-gradient(to bottom, rgba(217,76,69,1) 0%,rgba(211,47,39,1) 100%); } .up_som:active { box-shadow: inset 0px 2px 0px 0px #911f1a; text-shadow: 0px -1px 1px #911f1a; background: rgb(186,40,35); background: -moz-linear-gradient(top, rgba(186,40,35,1) 7%, rgba(217,76,69,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgba(186,40,35,1)), color-stop(100%,rgba(217,76,69,1))); background: -webkit-linear-gradient(top, rgba(186,40,35,1) 7%,rgba(217,76,69,1) 100%); background: -o-linear-gradient(top, rgba(186,40,35,1) 7%,rgba(217,76,69,1) 100%); background: -ms-linear-gradient(top, rgba(186,40,35,1) 7%,rgba(217,76,69,1) 100%); background: linear-gradient(to bottom, rgba(186,40,35,1) 7%,rgba(217,76,69,1) 100%); opacity: 1; } .up_img:hover, .up_video:hover, .up_som:hover {opacity: 0.9} .cta_up li a i {width:38px; height: 38px; display: inline-table; float:right; margin: -12px 0 0 0;} i.upimg {background-position: -17px -174px!important} i.upvideo {background-position: -56px -173px!important} i.upsom {background-position: -99px -175px!important; width: 26px!important;} ul.upload_rail { background: #fff url(../img/bg_upload_rail.gif); padding: 20px 11px 8px 11px; border: 1px dashed #c1c1c1; border-radius: 4px; float: left; width: 918px; } ul.upload_rail li { position: relative; display: inline-block; margin: 0 7px 13px 7px; box-shadow: 1px 1px 8px -1px #8e8e8e; float: left; border-radius: 4px; } ul.upload_rail li a.excluir { display: none; background-position: -489px -108px!important; top:5px; left:5px; position: absolute; width:19px; height: 19px; } .touch ul.upload_rail li a.excluir { display: block!important; } ul.upload_rail li:hover a.excluir {display:block;} ul.upload_rail li:hover { box-shadow: 0px 2px 15px -2px #000!important;} ul.upload_rail li a.excluir:hover {opacity: 0.8} ul.upload_rail li a.item { height:86px; padding:2px 2px 0 2px; border-radius: 2px 2px 0 0; display: block; cursor:move; } ul.upload_rail li a.item img { width:84px; height: 84px; border-radius: 2px; } ul.upload_rail li a.legenda { padding:3px 0 5px 0; font-weight: bold; color:#fff; text-shadow: 0px 1px #000; text-align: center; border-radius: 0 0 2px 2px; display: block; font-size:11px; } ul.upload_rail li a.legenda:hover { opacity: 0.9 } .img { background: #cb5f00; } .som {background: #911f1a; } .flash {background: #911f1a; } .video {background: #356e90; } ul.upload_rail h3 { width: auto; background: red; margin: 0 10px 15px 10px; background: #fff; padding: 20px; border:solid 1px #ccc; box-shadow: 0px 2px 8px -3px #000; border-radius: 6px; font-weight: bold; font-size:13px; text-align: center; } /* divisor */ h2.second { margin: 30px 0 0px 0; padding:0; clear: both; width: 100%; display: inline-block; border-bottom: 1px solid #e8e8e8; } p.linkprojeto { margin: 15px 0 5px 0; padding: 7px 10px 9px 10px; color:#a60808; display: block; border:1px solid #cfcfcf; border-radius: 5px; } p.linkprojeto a { color:#a60808; font-weight: bold; } /* formulario */ div.informacoes_job {} div.informacoes_job .cola { width:450px; display: inline-table; } div.informacoes_job .colb { width:450px; margin: 20px 0 0 0px; float: right; } form.formeditalbum { } form.formeditalbum label { margin: 30px 0 0 0; } form.formeditalbum label input { width:430px; } form.formeditalbum label textarea { width:430px; max-width: 430px; height: 158px; } a.inputfile {position: relative; background-position: -46px -211px!important; float:left; border:2px dashed #e0dfdf; border-radius: 4px; display: block; width: 120px; height: 120px; } a.inputfile input {width:118px; opacity: 0; height: 118px; padding:0; position: absolute; left: 0; top:0;} a.inputfile:hover {border-color:#69a15b} a.inputfile:blur {border-color:#69a15b} div.capaa {float:left; padding: 0 20px 0 0px; } div.capab {float:left; padding: 0 0px 20px 0px; width:300px; } div.capab img.atual {width: 122px; float: left; height: 122px; border-radius: 4px; box-shadow: 0 2px 5px -2px #000;} div.capab p {float:left; display: block; width: 142px; clear: right; padding: 0 0 0 20px; word-wrap: break-word; line-height: 16px;} div.colb .files {clear: both!important;} div.colb .upload_loader {margin:4px 0 10px 0!important;} div.capab a.novorecorte {display: inline-table; margin: 15px 0 0 20px; font-weight: bold; font-size:11px; text-transform: uppercase; width: 120px; background: #fff; color:#000; border:1px solid #000; border-radius: 4px; padding: 7px 15px 6px 0;} i.novorec {background-position: -522px -105px!important; width: 22px; height: 22px; display: block; float:left; margin: -2px 8px -2px 2px;} div.capab a.novorecorte:active { box-shadow: inset 0px 1px 3px 0px #7b7b7b; } div.actions {width: 100%; float: left; margin:0px 0 0 0;} a.bt_invisible { float:left; margin: 20px 0 0 0; display: block; padding: 14px 20px; width: 410px; border-radius: 4px; font-weight: bold; color:#fff; border-width: 1px; border-style: solid; color:#000000; border-color: #000000 } i.visible { background-position: -490px -152px!important; width: 19px; height: 16px; display: block; float:right; margin: 0px 8px 0px 2px; } i.invisible {background-position: -534px -152px!important; width: 19px; height: 16px; display: block; float:right; margin: 0px 8px 0px 2px; } a.bt_invisible:active { } a.bt_invisible:hover {opacity:0.9;} a.bt_excluiralbum { float:left; margin: 10px 0 0 0; display: block; padding: 14px 20px; width: 410px; border-radius: 4px; font-weight: bold; border-width: 1px; border-style: solid; } i.excluirbt {background-position: -489px -134px!important; width: 19px; height: 16px; display: block; float:right; margin: 2px 8px 0px 2px;} .bt_savealbumedit { clear: both; margin: 10px 0 0 0; display: table; } .bt_savealbumedit input {width: auto!important} #popcrop, #popsom, #popimg, #popvideo, #poplegenda {display:none} .formpopupload { } .formpopupload label { display: inline-table; padding: 0 20px 0 0; } .formpopupload label input { float:none; display: block; width:246px; } .formpopupload label.st {padding:10px 0 20px 0!important} .formpopupload h3 { font-size: 14px; font-weight: 700; color:#000; padding:0; } .formpopupload p { padding:1px 0 1px 0; } .upvideo label input, .upsom label input { width:540px; } .upimg a.file_input { width:542px; margin:10px 0 0 0; } /* ALBUM LISTA */ ul.albuns_list { background: #fff url(../img/bg_upload_rail.gif);border-radius:4px; padding: 20px 9px 0px 9px; border:1px dashed #c1c1c1; } ul.albuns_list li { margin-top: 5px; position:relative; display: inline-block; margin: 0px 10px 19px 10px; width: 284px; } ul.albuns_list li a.albumitem { display: block; border:1px solid #111A1F; padding: 5px; border-radius: 4px; background: #fff; height: 95px; word-wrap: break-word; } ul.albuns_list h3 { width: auto; background: red; margin: 0 10px 20px 10px; background: #fff; padding: 20px; border:solid 1px #ccc; box-shadow: 0px 2px 8px -3px #000; border-radius: 6px; font-weight: bold; font-size:13px; text-align: center; } a.albumitem img { cursor: move; width:95px!important; height:95px; display: block; margin: 0 10px 0 0; float: left; } a.albumitem span { display: block; float:left; width: 160px; padding: 3px 0 6px 0; font-size:14px; font-weight: bold; color:#24282b; } a.albumitem span.tick_trabalhos { width:auto; background-position: -228px -133px!important; float: left; padding:0 0 0 18px; font-size:10px; font-weight: normal; margin: 0 15px 0 0; color:#8e8e8e; } a.albumitem span.tick_views { background-position: -226px -152px!important; width:auto; float: left; padding:0 0 0 20px; font-size:10px; font-weight: normal; color:#8e8e8e; } ul.albuns_list a.excluir {display: block; position: absolute; left:111px; bottom: 5px; color:red; padding: 3px 10px 2px 0px; font-size:11px; } ul.albuns_list a.excluir:hover {color:#7d0000; } i.excluir {display:block; width:19px; height:19px; background-position: -490px -108px!important; float:left; margin: 0px 4px 0 0; } span.mover {display: block; position: absolute; left:6px; top: 6px; background-position: -227px -191px!important; background-color: rgba(0,0,0,0.5); width:95px!important; height:95px!important; float:none; padding: 0!important; cursor: move; } a.albumitem:hover { border-color:#fdb714!important; } #popalbumadd {display:none} .upalbumadd label input {width: 539px;} /* CADASTRO GERAL */ div.cadastrocont { } div.cadastro_area { width:460px; } div.cadastro_form {width:460px;} #popcadastro {display:none;} .popcadastro label { font-weight: bold; padding: 0 0 12px 0; position: relative} .popcadastro label .tip { position: absolute; right: 2px; top:0px; } .popcadastro label.nopadding .tip { right: 2px; } .popcadastro label.nome input { width: 438px!important; height: 27px; font:16px!important; } .popcadastro label input { width: 201px!important; } .popcadastro label select { width: 219px!important; } .popcadastro label.sec {padding-left: 20px;} .popcadastro fieldset { padding:10px 18px 6px 18px; background: #E5E5E5; border-radius: 4px; margin:0px 0 10px 0; position: relative; display:block; clear: both; } .popcadastro fieldset input {width: 314px!important; padding-left: 100px!important; font-weight: bold; color:#004066; text-transform: lowercase; } .popcadastro fieldset label.nomeuser .tip { } .popcadastro fieldset .tag { font-size:14px; font-weight: bold; display: block; position: absolute; left:34px; top:40px; z-index: 90; } .popcadastro fieldset .retorno { font-size: 11px; width: 57px; background: #cfb376; font-weight: bold; display: none; position: absolute; left: 360px; top: 36px; padding: 5px 10px 6px 10px; color: #fff; text-align: center; border-radius: 4px; z-index: 90 } .popcadastro fieldset .valido { display:block!important; background: green; } .popcadastro fieldset .invalido { display:block!important; background: red; } .popcadastro .juridico b, .popcadastro .juridico a {color:#fdb813; } .popcadastro .juridico {display:table; width: 100%; } .passofinal { display: none; width: 460px; text-align: center; float:right; } .passofinal h2 { width: 100%; padding: 0px 0 10px 0; font-size:20px; color:#248f1f; font-family: 'Dosis', sans-serif; text-transform: uppercase; text-align: center; } .passofinal hr {width: 50%; border:1px solid #e9e9e9;} .passofinal p { width: 100%; padding: 15px 0 15px 0; text-align: center; color:#474747 } .passofinal p.bold { font-weight: bold; font-size:13px; } .passofinal img { padding: 0 0 15px 5px; } .passofinal .bt_geral { margin:10px 0 20px 23%; width: 50%; } .passofinal .lastp {padding: 15px 0 35px 0 ;} /* TEMPLATES */ ul.tema_list {} ul.tema_list li { position:relative; display: inline-block; margin: 10px 10px 12px 9px; } ul.tema_list li.zero { width: auto; display: block; text-align: center; padding: 80px 0; font-size: 15px; } /* TEMA D PRO */ ul.tema_list li.pro a.temaitem { border-color:#000; } ul.tema_list li.pro a.bticon_prouser {top:-3px;} ul.tema_list li a.temaitem { width:199px; height: 287px; border:1px solid #111a1f; border-radius: 4px; background: #fff; display: block; padding: 6px 6px 20px 6px; position: relative;} ul.tema_list li a.temaitem img { width: 200px; height: 200px; border-radius: 2px; } ul.tema_list li a.temaitem span.title { font-weight: bold; color:#000; font-size:14px; display: block; clear: both; padding: 8px 11px 0 15px;} ul.tema_list li a.temaitem span.status { font-size:12px; display: block; clear: both; padding: 2px 11px 0 15px;} ul.tema_list li a.temaitem span.status span { color:#b47070; font-size: 10px; font-family:Tahoma; font-weight: normal; text-decoration:line-through; } .preco {color:#409d14; font-weight: bold;} .ativo {color:#5fa716; border-color:#5fa716!important} .pronto {color:#45c20a; } .aguardando {color:#bb9e52; border-color:#bb9e52!important} span.btfk { color:#68B629; display: block; padding:5px 18px 5px 18px; border-radius: 4px; text-transform: uppercase; font-weight: 400; font-family: 'Dosis', sans-serif; text-align: center; border:1px solid #68B629; font-size: 13px; width:144px; margin:9px 0 0 8px } p.descricao {display:none;} ul.tema_list li a.temaitem:hover { border-color:#fdb813; } a.bt_act_template { width:auto; height: auto; display: block; position: absolute; left: 15px; top:14px; z-index: 90; font-size:12px; color:#000; padding: 7px 0 5px 0px; } .no-touch a.bt_act_template, .no-touch .tema_list span.ovlayer { visibility: hidden; opacity: 0 } a.desc { top: 42px; } a.bt_act_template:hover { opacity: 0.6;} ul.tema_list li a.temaitem:active span.btfk { opacity: 0.3; } span.bt_aguardando, ul.tema_list li a.temaitem:active span.bt_aguardando { border-color: #f1c70d; color:#f1c70d; } span.bt_ativo, ul.tema_list li a.temaitem:active span.bt_ativo { border-color: #111A1F; background-color: #111A1F; color:#fff; } a.bt_exemplos:hover {background:rgba(0,0,0,0.3);} span.ovlayer { width: 200px; display: block; height: 202px; position: absolute; z-index: 20; left: 5px; top:5px; background: rgba(255,255,255,0.6); border-radius: 2px 2px 0 0; } i.olho {display: block; margin: -5px 10px 0 0; width: 24px; height: 24px; background-position: -441px -130px!important; float: left; } i.desc {display: block; margin: -4px 10px 0 0; width: 24px; height: 24px; background-position: -441px -102px!important; float: left; } span.boxdesc { display: block; width: 155px; padding: 20px 20px; background: rgba(0,0,0,0.93); border-radius: 4px; position: absolute; left: 216px; z-index: 100; color:#fff; white-space: pre-line; line-height: 20px;} span.boxdesc span {font-family: 'Dosis', sans-serif; text-transform: uppercase; font-size:22px;} /* Minha Conta */ /* mensagem transf */ .transfarquivos { width: auto; display: block; background-color: #ffe587; color:#000; text-shadow:0px 1px 0px #f1efc8 ; border-radius: 6px; box-shadow: 0px 1px 0px #b4b4b4; margin: 10px 0 0 0; padding: 16px; } .transfarquivos img { margin: -1px 10px 0 0; display: table; float:left; } .transfarquivos a { color: #144c98} .transf { margin-top:20px; } .popup_removerconta { display: none; } div.prodiv { width: 910px; height: 121px; background: url(../img/banner_pro_act_pt.png) left top; margin: -54px 0 0 0; padding: 80px 0 0 30px; } div.prodiv h1 { font-weight: bold; font-family: 'Dosis', sans-serif; text-transform: uppercase; font-size:24px; color:#000; } div.prodiv p { font-size: 13px; padding: 2px 0 0px 0;} /* BANNER */ .bt_pro { display: block; height: 196px; width: 940px; background: url(../img/banner_pro_pt.png); padding:0; margin:-19px 0 0 0; } .bt_template { display: block; height: 196px; width: 940px; background: url(../img/banner_template_pt.png); padding:0; margin:-19px 0 0 0; } .bt_templatenovos { display: block; height: 196px; width: 940px; background: url(../img/banner_templates_templates.png); padding:0; margin:-19px 0 0 0; } /* BANNER */ .bt_renovar {margin: 10px 100px 0px 100px;} .vermelho { color:red; } .bt_pro span.a { font-family: 'Dosis', sans-serif; font-size: 24px; padding: 50px 0 0 35px; font-weight: bold; color:#fff; display: block; width: 400px } .bt_pro span.b {font-family: 'Dosis', sans-serif; font-size: 17px; padding: 0px 0 0 35px; font-weight: bold; color:#000000; display: block; width: 400px} .bt_pro:hover { opacity: 0.8 } .barra { width: 920px; padding: 10px; background: #e2e2e3; height: 53px; margin:20px 0 0 0; border-radius: 6px; } .barra img { border-radius: 4px; float:left; margin: 0 10px 0 0; box-shadow: 0px 1px 1px 0px #000; } .barra span { display:block; text-shadow: 0px 1px 0px #fff; width: auto; float:left; padding: 8px 40px 0 10px;} .barra span b {color:#000;} .barra .btalterar { color:#c10202; text-shadow: 0px 1px 0px #fff; font-weight: bold; padding: 6px 0 0 0; display: block; } .barra .btalterar:hover { color:red; } .barra p {float:left; white-space: normal; padding: 8px 40px 0 0; text-shadow: 0px 1px 0px #fff;} .textual .form { margin-bottom: 12px } .form {display:block; height: 828px; margin: 15px 0 0 0;} .form_minhaconta {padding: 0; margin: 0;} .form_minhaconta label { padding: 0 20px 15px 0; position: relative; } .form_minhaconta label .tip { position: absolute; right: 20px; top:0; } .form_minhaconta label.nopadding .tip { right: 2px; } .form_minhaconta input { width: 281px; } .form_minhaconta select { width: 299px!important; } .form_minhaconta label.uf {padding: 0 6px 0 0;} .form_minhaconta label.uf select { width: 80px!important; } .form_minhaconta label.cidade select { width: 213px!important; } .form_minhaconta label.usernames { position: relative; } .form_minhaconta label.usernames input { padding-left: 85px; width: 204px; } .form_minhaconta label.usernames span.mark {color:#004066; font-weight: bold; display: block; left: 10px; top:27px; position: absolute;} .form_minhaconta h3 { display: block; clear: both; font-size:18px; font-weight: bold; color:#004066; line-height: 12px; padding: 13px 0 4px 10px; } .form_minhaconta p { display: block; clear: both; color:#606060; font-size:12px; padding:0 0 18px 10px; } .form_minhaconta .btsubmit { clear: both; float: left; margin:15px 0 15px 0; } .form_minhaconta .btsubmit input { width: 170px; } .bt_excluirconta {display: block; float: right; margin: 15px 4px 15px 0; width: 140px;} /* CONTA PRO POP */ .contapropop {display:none; position: relative;} .contapropop .bt_plano { position:relative; text-shadow: 0px 1px 1px rgba(0,0,0,0.6); width:268px; display: inline-table; border-radius: 10px 10px 6px 6px; text-align: center; padding: 0 0 20px 0; color:#fff; border-bottom: 3px solid #000; box-shadow: 0px 2px 10px -4px #000; } .bt_plano:hover {opacity: 0.9} .bt_plano:active { border-bottom-width: 0px; margin-top:3px!important; opacity: 1} .bt_plano_active { box-shadow: 0px 0px 20px 0px #158415!important; border-bottom-width: 0px!important; margin-top:3px!important; opacity: 1} .bt_plano span.title { text-shadow: 0px 1px 1px rgba(0,0,0,0.6); font-size:22px; font-family: 'Dosis', sans-serif; font-weight: 600; text-transform:uppercase; width:100%; display: block; padding: 10px 0 10px 0; margin: 0 0 20px 0; border-radius: 6px 6px 0 0; } .bt_plano b { clear: both; font-size: 16px; display: block;} .contapropop .bt_tri { margin:0 20px 0 0; } .bt_tri { background:#236dc1 ; border-color:#123864!important; } .bt_tri span { background:#2e8ffd ;} .bt_anual { background:#199547 ; border-color:#0f5a2b!important; } .bt_anual span { background:#21c65f ;} ._plano { width:25px!important; height: 25px; display: none; position: absolute; right:-5px; top:-5px; z-index: 80; background: url(../img/ui_general.png) -319px -112px #2cb009!important; padding:0!important; box-shadow: 1px 3px 10px -2px #000; border-radius: 60px!important;} /* POP PERFIL */ #popperfil {display: none;} /* BOX AJUDA GERAL */ div.ajuda {} div.pagamento p { text-align: center; } div.pagamento { display: none; } div.ajuda h3 { font-size:11px; color:#878787; padding:0 0 0 0; margin: 0 0 -5px 0; text-transform: uppercase; } div.ajuda h1 { font-family: 'Dosis', sans-serif; text-transform: uppercase; font-weight: 300; font-size:28px; color:#FBB62B; margin: 0px 0 10px 0;} div.ajuda p { color:#3d3d3d; font-size: 13px; white-space: pre-line; } div.ajuda h4 { color:#000; font-weight: bold; border-bottom: 1px solid #ccc; margin: 15px 0 5px 0; padding: 0 0 4px 0; } div.ajuda div.animacao {width: 100%; background: #dcdcdc; margin:10px 0 0px 0; padding:4px 0; text-align: center; border-radius: 4px; } div.ajuda div.animacao img { display: block; margin: 0 auto; border:1px solid #ccc; border-radius: 4px; } div.ajuda a.fb, div.pagamento a.fb { width: 245px; font-size: 12px; margin: 0px 20px 0 0; color:#095285; display: inline-block; } div.ajuda a.email, div.pagamento a.email { width: 190px; font-size: 12px; color:#666666; display: inline-block; } div.ajuda a.email:hover, div.pagamento a.email:hover {color:#FBB62B;} div.ajuda a span, div.pagamento a span { font-size: 10px; } div.ajuda a.fb i.fb, div.pagamento a.fb i.fb { width:36px; height: 36px; margin: 0 10px 0 0; background-position: -408px -11px!important; display: block; float: left; } div.ajuda hr, div.pagamento hr {border:1px dashed #8d8d8d; border-bottom: none; margin: 25px 0 25px 0;} .p_erro { display: block; position: relative; } .p_erro p { white-space: pre-line; display: block; } .p_erro p.w { width: 390px; } .p_erro p.b { float:right; padding: 190px 0 0 0; text-align: left; width: 500px} .p_erro .fig { width:580px; height: 211px; background-position: -0px -452px; position: absolute; right: -17px; top:-10px; } .p_erro a.fb { margin: 20px 0 0 0!important; } .p_erro .bt_geral { margin: 21px 0 0 0; } .propage { background: transparent!important; } .contapro { background: #fff url(../img/background_contapro.jpg) repeat-x center 0px; padding-top: 582px!important } .contapro p.juridico { display: block; padding: 5px 0 15px 0; font-size: 11px; } .propage .toppro { width: 236px; background-position: -0px -0px; height: 377px; margin-top:-80px; padding: 130px 680px 0 56px; } .propage .toppro h1 { font-family: 'Dosis',sans-serif; font-weight: bold; font-size: 26px; color:#fff; text-transform: uppercase;} .propage .cola { padding: 20px 0 0 0; display: block; width: 440px; position: relative; margin: 0 60px 0 0;} .propage .cola p { font-size: 13px; color:#333; white-space: pre-line; margin: 0 0 0 0px } .propage .cola p img { padding: 6px 0 1px 0; } .propage .cola h2 { color:#111A1F; font-weight: 300; display: block; padding:8px 60px 8px 0px; position: absolute; left: 0px; top:-50px; border-radius: 40px; font-family: 'Dosis', sans-serif; font-weight: 300; font-size: 25px; text-transform: uppercase; } .propage .colb { padding: 15px 0 0 0; display: inline-block; width: 430px; float: right; margin: 0 0 0 0px; padding: 0;} .propage .colb h2 { color:#717171; font-family: 'Dosis', sans-serif; font-size: 22px; font-weight: 300; margin: 0 0 13px 0; } .propage .colb ul { } .propage .colb ul li { display: inline-block; width: 100%; margin: 0 0 25px 0; } .propage .colb ul li strong { display: block; color:#000; padding: 0 0 5px 0; } .propage .colb ul li i { width: 44px; height: 44px; display: table; float: left; margin: 3px 15px 0 0; } li.item1 i { background-position: -11px -521px; } li.item2 i { background-position: -63px -521px; } li.item3 i { background-position: -111px -521px; } li.item4 i { background-position: -302px -520px; } li.item5 i { background-position: -160px -521px; } li.item6 i { background-position: -207px -521px; } li.item7 i { background-position: -255px -521px; } .depoimentos_pro { position: relative; margin: 20px 0 0 0; float: left; border-top:1px dotted #ccc; padding: 15px 0 30px 0; } .depoimentos_pro h2 { text-align: center; font-family: 'Dosis',sans-serif; font-weight: 300; font-size: 22px; color:#3c3c3c; text-transform: uppercase;} .depo_nav { display: block; position: absolute; right: 0px; top:37px; z-index: 10; } .depo_nav a { color:#ccc; background-color: #ccc; border-radius: 100px; width: 8px; height: 8px; overflow: hidden; margin: 0 2px; display: inline-block; } .depo_nav a.activeSlide { color:#ba0000; background-color: #ba0000 } .depoimentos_lista img { display: table; margin: 20px auto 10px auto; width: 60px; height: 60px; border-radius: 60px; } .depoimentos_lista { display: block; width: 940px; } .depoimentos_lista li { display: block; width: 100%; background: transparent!important; } .depoimentos_lista li p { line-height: 27px; font-weight: 300; font-size: 16px; text-align: center; } .depoimentos_lista li span.nome { font-size: 16px; font-family: 'Dosis',sans-serif; font-weight: 300; text-transform: uppercase; display: table; margin: 0px auto!important; color:#000; } .depoimentos_lista li a { font-weight: bold; display: table; margin: 0 auto!important; clear: both; color:#000; } .depoimentos_lista li a:hover { color: #097cb1 } div.assinaturas { width: 100%; position: relative; padding: 20px 0 6px 0; clear: both; } .promo_text { width: 100%; text-align: center; padding: 20px 0 0 0; color:#000; } .promo_text_garantia { display: block; border-top:1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; width: 100%; text-align: center; padding: 15px 0 15px 0; margin: 40px 0 0 0; color:#0a9720; } div.assinaturas span.tagpromo { width: 142px; height: 40px; background-position: -771px -516px; display: block; position: absolute; right: -40px; top:-10px; z-index: 30px; font-family: 'Dosis', sans-serif; font-size: 13px; color:#fff; text-shadow: 0px 1px 0px #680207; font-weight: bold; text-transform: uppercase; padding: 20px 0 0 20px; text-align: left; } div.assinaturas hr { border:none; border-bottom: none; border-top: 1px dotted #ccc; width: 302px; display: inline-block; } div.assinaturas h1 { display: inline-block; width: auto; margin: 0 20px 0 20px; background-color:#111A1F; border-radius: 50px; padding: 10px 34px 12px 34px; font-family: 'Dosis', sans-serif; font-size: 20px; color:#fff; text-transform: uppercase; font-weight: 300; } div.assinaturas a { display: inline-block; width: 448px; text-align: center; position: relative; padding:0 0 20px 0; border-radius: 5px; margin-top:40px; } div.assinaturas a span.title { width: 100%; padding: 20px 0; border-radius: 5px 5px 0 0; font-family: 'Dosis', sans-serif; color:#fff; display: block; text-align: center; text-transform: uppercase; font-size: 22px; font-weight: 300; border-bottom-width: 3px; border-bottom-style:dashed; } div.assinaturas a span.preco { font-size: 40px; font-weight: bold; color:#fff; display: block; clear: both; padding: 20px 0 0 0; } div.assinaturas a small { color:#fff; } .assi_01 { margin: 0 40px 0 0; background-color: #3edaa9; box-shadow: 0px 4px 0px #0a8e64; text-shadow: 0px 1px 0px #0a8e64; opacity: 1 } .assi_01 span.title { background-color: #16ba86; border-bottom-color: #3edaa9; } .assi_01:hover {opacity:0.8} .assi_01:active { opacity: 1; box-shadow: 0px 1px 0px #0a8e64; top:3px; } .assi_02 { background-color: #00b8cc; box-shadow: 0px 4px 0px #0d8a95; text-shadow: 0px 1px 0px #057681; } .assi_02 span.title { background-color: #029eaf; border-bottom-color: #00b8cc; } .assi_02:hover {opacity:0.8} .assi_02:active { opacity: 1; box-shadow: 0px 1px 0px #0d8a95; top:3px; } .assi_promo { background-color: #F3CB2B; box-shadow: 0px 4px 0px #D6A710; text-shadow: 0px 1px 0px #D6A710; } .assi_promo span.title { background-color: #D6A710; border-bottom-color: #F3CB2B; } .assi_promo:active { opacity: 1; box-shadow: 0px 1px 0px #0a8e64; top:3px; } .propage .pagamentos {} .propage .pagamentos .cola, .propage .pagamentos .colb { width: 430px; display: inline-table; float: none; } .propage .pagamentos h4 { border:none; font-size: 12px; margin:0 0 6px 0; padding: 0;} .propage .pagamentos ul li { display: inline-table; margin:0; width: auto; margin: 0 4px 0 0; } .propage .pagamentos ul li a.pagtos { display: block; width: 31px; height: 22px; opacity: 0.8; cursor: default; } .pagamentos ul li a.pagtos:hover { opacity: 1; } .pagamentos a.master { background-position: -99px -2px; } .pagamentos a.amex { background-position: -3px -2px; } .pagamentos a.pagseg { background-position: -35px -2px; } .pagamentos a.visa { background-position: -67px -2px; } .pagamentos a.itau { background-position: -131px -2px; } .pagamentos a.hyper { background-position: -163px -2px; } .pagamentos a.elo { background-position: -195px -2px; } .pagamentos a.diner { background-position: -227px -2px; } .pagamentos a.bradesco { background-position: -259px -2px; } .pagamentos a.boleto { background-position: -291px -2px; } .pagamentos a.bb { background-position: -323px -2px; } .termoslegais, .interna {} .termoslegais p, .interna p { padding: 0 0 20px 0; font-size: 12px; } .termoslegais ul, .interna ul {} .termoslegais ul li, .interna ul li { margin: 0 0 20px 0; font-size: 12px;} .termoslegais h1, .interna h1 { font-size: 12px; font-weight: bold; color:#000; margin: 0px 0px 20px 0; } .interna h2 { font-size: 18px; font-weight: bold; color:#000; margin: 0px 0px 20px 0; padding: 0; } .interna .bt_geral { display: table; } .interna a { color:#000; } /* exemplos */ .exemplobar .cent { width: 454px} .voltar_nav { width: 23px; float: left; padding:0px 30px 0px 30px;} .voltar_nav a { font-size: 12px; font-weight: bold; color:#f6ead1; text-shadow: 0px 1px 1px #8b6c15; text-transform: uppercase; margin: 13px 0 0 0; display: block; } .voltar_nav a:hover, .voltar_nav a:active { color:#fff; } .exemplobar .painel_nav { width: 250px; border-right: 0px; } .globalbar { height: 64px; position: relative; width: 100%; } .exemplobar { position: absolute; width: 100%; } .iframeexemplo { margin: 0; padding: 0; border:none; float: left;} .exemplobar .painel_nav ul { width: 227px; z-index: 10; } .exemplobar ul i { cursor: pointer; font-style: normal; font-size: 10px; font-weight: bold; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 1.5/1), only screen and ( min-device-pixel-ratio: 1.5) { .homebottom { background: url(../img/bg_homebottom_retina.jpg) 0 0 center top!important; background-size: 990px auto; } .ui, .ico { background-image: url(../img/ui_general_retina.png)!important; background-size: 580px auto; } .hometop { background: url(../img/bg_hometop_retina.jpg); background-position: center top!important; background-size: 842px auto; } .p2 { background-color: #fff; background-position:center -59px; background-image: url(../img/background_home_p2.png); background-size: 1082px auto; background-repeat: no-repeat; padding: 100px 0 0 0!important; box-shadow:inset 0px 10px 20px #fff; } .boneco_float { background-position: -83px -479px; } } /* MENSAGENS (MKT) */ .mensagemmkt { margin-top: 20px; } .corpo_msg { width: 100%; margin: 0 auto; background-color: #fff; } .head_msg { display: block; } .titulomsg { display: block; text-align: left; text-transform: uppercase; font-family: 'Dosis', sans-serif; font-size: 30px; line-height: 38px; font-weight: 300; } .chamadagrande { display: block; text-align: left; text-transform: uppercase; font-family: 'Dosis', sans-serif; font-size: 33px; line-height: 43px; font-weight: 300; text-align: center; } .chamadafinal { display: block; text-align: center; text-transform: uppercase; font-family: 'Dosis', sans-serif; font-size: 13px; font-weight: 400; } .chamadainicial, .subtitulomsg { display: block; text-align: center; text-transform: uppercase; font-family: 'Dosis', sans-serif; font-size: 17px; font-weight: 400; line-height: 28px; } .cont_msg { height: 326px; text-align: right; } .cont_msg h3 { padding: 41px 0 0 0; text-align: right; } .cont_msg p { text-align: right; } .cont_msg .bt_geral { display: inline-table; width: 130px; margin: 15px 0 0 0; } .cont_msg small.juridico { font-size: 10px; display: block; margin: 15px 0 0 0; } .socialmensagem { text-align: center; padding: 20px 0 10px 0; background-color: #192635; } .socialmensagem p { color:#fff; } .facebookbox_msg { display: table; width: 100%; background: url('../../msgs/img/facebook_bg.jpg') repeat-x center top; } .fbox { border:1px solid #000; overflow: hidden; width: 490px; border-radius: 2px; padding: 5px; margin: 15px 20px 20px 20px; } .icons_socialmsg li { display: inline-block; padding: 15px 0 0 0; } .icons_socialmsg li a { display: block; color:#fff; font-size: 75px; font-weight: normal; } .icons_socialmsg li a.fb:hover { color:#405D9B; } .icons_socialmsg li a.pi:hover { color:#DD2825; } .icons_socialmsg li a.tw:hover { color:#55ACEE; } .icons_socialmsg li a.gm:hover { color:#EF4244; } .paddingextra { padding: 20px 48px!important; } .paddingextra2 { padding: 0px 20px 0 20px!important; } .paddingextra3 { padding: 10px 48px!important; } .font13 { font-size: 13px!important; line-height: 21px; } .bitgbt { padding:14px 30px!important; font-size: 15px!important; } .font15, .font17 { font-size: 17px!important; } .font19 { font-size: 19px!important; } .borderbox { border-style: solid; border-width: 1px; border-radius: 4px; margin: 20px 20px 10px 20px; padding: 10px 20px; } .vermelhoforte { color: #e61f3c; } .branco { color: #fff; } .preto { color: #000; } .celeste { color: #33b5f0; } .turquesa { color: #00becf; } .azulescuro { color: #192635; } .amarelo { color: #fbb62b; } .laranjaescuro { color:#E27000; } .rosapink { color:#d70d69; }