/* | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | */ /* */ /* */ /* © 2019 - Desenvolvido por: BS ONLINE INTERNET - WEB SOLUTIONS */ /* */ /* Proibida cópia ou alteração, total ou parcial, sem autorização expressa, */ /* sob pena de perda de garantia e quebra de contrato. */ /* */ /* Este documento deve ser manipulado somente por pessoal autorizado e */ /* qualificado por BS Online Internet - Web Solutions. */ /* */ /* Para mais informações acesse: bsonline.com.br */ /* */ /* */ /* | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | */ @charset "UTF-8"; @font-face { font-family: roboto; src: url("xtr/roboto-r.eot"); src: url("xtr/roboto-r.eot?#iefix") format("embedded-opentype"), url("xtr/roboto-r.ttf") format("truetype"); font-stretch: normal; font-weight: normal; font-style: normal; } @font-face { font-family: roboto; src: url("xtr/roboto-rb.eot"); src: url("xtr/roboto-rb.eot?#iefix") format("embedded-opentype"), url("xtr/roboto-rb.ttf") format("truetype"); font-stretch: normal; font-weight: bold; font-style: normal; } @font-face { font-family: roboto; src: url("xtr/roboto-ri.eot"); src: url("xtr/roboto-ri.eot?#iefix") format("embedded-opentype"), url("xtr/roboto-ri.ttf") format("truetype"); font-stretch: normal; font-weight: normal; font-style: italic; } @font-face { font-family: roboto; src: url("xtr/roboto-rbi.eot"); src: url("xtr/roboto-rbi.eot?#iefix") format("embedded-opentype"), url("xtr/roboto-rbi.ttf") format("truetype"); font-stretch: normal; font-weight: bold; font-style: italic; } @font-face { font-family: quando; src: url("xtr/quando.ttf") format("truetype"); font-stretch: normal; font-weight: normal; font-style: normal; } * { margin: 0; border: 0; padding: 0; } body { background: #FFF; line-height: 16px; font-family: roboto, sans-serif; font-size: 14px; color: #555; } h1 { margin: 10px; border-bottom: 2px solid #58B; padding: 4px 21px; text-align: center; line-height: 18px; font-weight: bold; font-style: italic; font-size: 21px; color: #58B; } h2 { margin: 5px 7px 7px 7px; border-bottom: 2px solid #58B; padding: 2px; text-align: center; line-height: 18px; font-style: italic; font-size: 16px; color: #58B; } input, select, button, textarea { outline: 0; background: #FFF; font-family: roboto,sans-serif; font-size: 14px; color: #676767; } input:disabled { background: #DDD; color: #AAA; } input[type="color"] { display: inline-block; width: 21px; height: 17px; border: 1px solid #646464; vertical-align: middle; background: #FFF; text-align: center; color: #F00; } input[type="file"]::file-selector-button { display: none; } a { text-decoration: none; color: #248; } a:hover { text-decoration: underline; color: #7AD; } img { vertical-align: middle; } .centraliza { text-align: center; } .limitador { overflow: hidden; width: 320px; margin: 0 auto; } .limpa { clear: both; display: block; font-size: 1px; } .txt_frm { margin: 5px; border: 2px solid #969A9F; border-radius: 10px; padding: 10px; background: #F8F8F8; background-image: linear-gradient(#EEE, #F3F7FA, #FDFDFD, #C6CED2); } .txt_err { display: block; margin: 5px; border: 1px solid #F00; padding: 10px; background: #FEE; text-align: center; color: #F00; } .txt_ok { display: block; margin: 5px; border: 1px solid #090; padding: 10px; background: #EFE; text-align: center; color: #090; } .frm_float_p { display: block; float: left; width: 150px; } .frm_float_m { display: block; float: left; width: 285px; } .frm_float_g { display: block; float: left; width: 285px; } .frm_ppp { width: 30px; } .frm_pp { width: 80px; } .frm_p { width: 130px; } .frm_m { width: 280px; } .frm_g { width: 280px; } .frm_input { overflow: hidden; display: block; /*width: 284px;*/ height: 23px; border: 1px solid #676767; border-radius: 6px; background: #FFF; } .frm_input input { display: block; width: 98%; margin: 0 auto; padding: 3px 1%; } .frm_textarea { overflow: hidden; display: block; /*width: 284px;*/ border: 1px solid #676767; border-radius: 7px; background: #FFF; } .frm_textarea textarea { display: block; width: 98%; margin: 0 auto; padding: 3px 1%; resize: vertical; } .frm_textarea .rest { display: block; padding: 2px 5px; background: #676767; text-align: right; font-size: 12px; color: #FFF; } .frm_textarea .rest input { width: 35px; background: transparent; text-align: right; font-size: 12px; color: #FFF; } .frm_select { overflow: hidden; display: inline-block; /*width: 284px;*/ height: 23px; border: 1px solid #676767; border-radius: 6px; background: #FFF; vertical-align: middle; text-align: right; } .frm_select select { display: block; width: 98%; margin: 0 auto; padding: 3px 1%; } .frm_clr_pick { overflow: hidden; display: block; width: 100px; height: 23px; border: 1px solid #676767; border-radius: 6px; background: #FFF; } .frm_clr_pick input[type="text"] { width: 55px; } .frm_clr_pick input[type="color"] { width: 27px; height: 27px; margin: -2px 2px 0 -2px; border: 0; } .frm_max_img { max-width: 284px; border: 1px solid #CCC; } .frm_button { overflow: hidden; display: block; width: 100px; height: 23px; border: 1px solid #1B2B42; border-radius: 7px; background: #39424C; } .frm_button:hover { background-color: #1B2B42; } .frm_button button { cursor: pointer; display: block; width: 95%; margin: 0 auto; padding: 3px 5px; background: transparent; line-height: 16px; font-weight: bold; color: #FFF; } .frm_button_red { overflow: hidden; display: block; width: 180px; height: 23px; margin: 0 auto; border: 1px solid #910; border-radius: 7px; background: #800; } .frm_button_red:hover { background-color: #910; } .frm_button_red button { cursor: pointer; display: block; width: 95%; margin: 0 auto; padding: 3px 5px; background: transparent; line-height: 16px; font-weight: bold; color: #FFF; } .send { overflow: hidden; display: none; width: 95%; height: 23px; padding: 2px 0 0 27px; background: #EEE url(img/ico_loading.gif) no-repeat 5px 3px; font-style: italic; font-size: 13px; color: #04A; } .send_red { overflow: hidden; display: none; width: 95%; height: 23px; padding: 2px 0 0 27px; background: #800 url(img/ico_loading_red.gif) no-repeat 50px 3px; font-style: italic; font-size: 13px; color: #FFF; } .popup { overflow: auto; display: block; position: fixed; width: 100%; height: 100%; background: transparent url(img/popup.png) repeat 0 0; } .popup_box { overflow: hidden; display: block; position: relative; width: 300px; min-height: 120px; margin: 10px auto; border: 5px solid #CCC; border-radius: 10px; background: #FFF; } .popup_x { display: block; position: absolute; width: 18px; height: 18px; right: 0; top: 0; text-align: center; } .popup_x a { display: block; border-radius: 0 0 0 10px; padding: 1px 0 5px 3px; background: #CCC; text-decoration: none; font-weight: bold; font-size: 11px; color: #C00; } .popup_f { display: block; position: absolute; width: 100%; bottom: -2px; background: #CCC; text-align: center; } .popup_f a { display: block; padding-top: 3px; text-decoration: none; font-size: 11px; color: #C00; } .popup_pg { overflow: hidden; display: block; margin-bottom: 20px; } .ajx_loading { display: block; text-align: center; margin: 0 auto; color: #05A; } .ajx_erro { display: block; text-align: center; margin: 0 auto; color: #C00; } .ajx_2col { overflow: hidden; float: left; width: 290px; margin: 0 0 10px 5px; } .ajx_txt { margin: 10px; line-height: 18px; text-align: justify; font-size: 14px; } .ajx_txt_t { margin: 10px 15px; line-height: 18px; text-align: justify; font-size: 14px; } .ajx_frm { border: 2px solid #969A9F; border-radius: 10px; padding: 10px 5px; background: #F8F8F8; background-image: linear-gradient(#EEE, #F3F7FA, #FDFDFD, #C6CED2); line-height: 18px; font-size: 14px; } .ajx_frm_input { overflow: hidden; display: block; width: 274px; height: 23px; border: 1px solid #676767; border-radius: 6px; background: #FFF; } .ajx_frm_input input { display: block; width: 98%; margin: 0 auto; padding: 3px 1%; } .ajx_frm_input_pwd { overflow: hidden; display: inline-block; width: 160px; height: 23px; border: 1px solid #676767; border-radius: 6px; background: #FFF; } .ajx_frm_input_pwd input { display: block; width: 98%; margin: 0 auto; padding: 3px 1%; } .ajx_frm_button_log { overflow: hidden; display: inline-block; width: 100px; height: 23px; margin: 0 0 0 8px; border: 1px solid #1B2B42; border-radius: 7px; background: #39424C; } .ajx_frm_button_log:hover { background-color: #1B2B42; } .ajx_frm_button_log button { cursor: pointer; display: block; width: 95%; margin: 0 auto; padding: 3px 5px; background: transparent; line-height: 18px; font-weight: bold; color: #FFF; } .ajx_frm_button { overflow: hidden; display: block; width: 100px; height: 23px; margin: 0 auto; border: 1px solid #1B2B42; border-radius: 7px; background: #39424C; } .ajx_frm_button:hover { background-color: #1B2B42; } .ajx_frm_button button { cursor: pointer; display: block; width: 95%; margin: 0 auto; padding: 3px 5px; background: transparent; line-height: 18px; font-weight: bold; color: #FFF; } .ajx_rodape { clear: both; margin: 10px; border: 1px solid #F3F3F3; border-radius: 6px; padding: 10px; background: #FAFAFA; line-height: 18px; text-align: center; font-size: 14px; } .home_dest_icons img { float: left; width: 58px; height: 58px; margin: 1px; border: 1px solid #B1B1B1; background: #FFF; } .home_box_chamadas { position: relative; overflow: hidden; width: 310px; height: 200px; margin: 5px auto; background: #F6F6F6; } .home_box_chamadas a { text-decoration: none; color: #1B2B42; } .home_box_chamadas img { float: left; width: 70px; height: 60px; margin: 5px; border: 1px solid #B1B1B1; background: #FFF; } .home_box_chamadas span { display: block; margin: 5px; line-height: 17px; font-size: 12px; } .home_box_chamadas i { position: absolute; display: block; bottom: 5px; right: 5px; font-size: 12px; color: #05A; } .home_oportunidades { position: relative; float: left; overflow: hidden; width: 152px; height: 270px; margin: 4px; } .home_oportunidades img { width: 150px; height: 80px; border: 1px solid #B1B1B1; } .home_oportunidades_txt { padding: 8px 5px; font-size: 12px; text-align: justify; } .home_oportunidades i { position: absolute; display: block; bottom: 5px; right: 5px; font-size: 12px; color: #05A; } .banner_box { overflow: hidden; position: relative; width: 310px; height: 220px; margin: 5px auto; border: 1px solid #B1B1B1; background: #FFF; color: #FFF; } .banner_box a { color: #FFF; } .banner_box_txt { z-index: 21; overflow: hidden; position: absolute; display: block; width: 310px; height: 46px; bottom: 0; background: transparent url(img/banner.png) repeat 0 0; } .banner_box_txt span { display: block; padding: 6px 10px; line-height: 17px; font-size: 12px; } .banner_box img { width: 310px; height: 220px; } .pag_btn { display: inline-block; margin: 5px; border: 1px solid #CCC; border-radius: 21px; background: #FFF; } .pag_btn img { display: block; height: 21px; margin: 10px; } #aviso { display: block; background: #F8F8F8; text-align: center; padding: 10px 5px; color: #900; } #topo { height: 320px; background: #FFF url(img/topo_bg.png) repeat-x center bottom; } #topo_limpo { margin: 15px 0; } #logo { width: 300px; height: 65px; margin: 5px auto; text-align: center; } #logo span { font-size: 24px; color: #1B2B42; } #logo a { text-decoration: none; color: #1B2B42; } #logo img { width: 65px; } #wo_box { overflow: hidden; width: 310px; height: 100px; margin: 10px auto; background: transparent url(img/wo_box.png) no-repeat 0 0; } #wo_box_login { overflow: hidden; width: 300px; height: 90px; margin: 5px; background: transparent url(img/wo_box_login.png) no-repeat 11px 20px;} #wo_box_login form { overflow: hidden; width: 230px; margin: 8px 0 0 65px; } #wo_box_login_manutencao { display: block; margin-top: 20px; font-size: 14px; color: #CEF; } #wo_box_login_usr { float: left; width: 220px; margin-top: 3px; border: 1px solid #1B2B42 !important; } #wo_box_login_usr input { padding: 3px 6px !important; color: #58B !important; } #wo_box_login_pwd_fk { float: left; width: 125px; margin-top: 3px; border: 1px solid #1B2B42 !important; } #wo_box_login_pwd_fk input { padding: 3px 6px !important; color: #58B !important; } #wo_box_login_pwd { display: none; width: 125px; margin: 3px; border: 1px solid #1B2B42 !important; } #wo_box_login_pwd input { color: #58B !important; } #wo_box_login_btn { float: left; width: 90px; margin-top: 3px; margin-left: 3px; background: #58B; } #wo_box_login_btn button { background: #58B; } #wo_box_login_btn #send_entrar { width: 90px; } #wo_box_login_senha { display: inline-block; margin: 1px 5px; font-size: 12px; color: #ADF; } #wo_box_logado { overflow: hidden; width: 300px; height: 90px; margin: 5px; } #wo_box_logado img { width: 50px; height: 50px; margin: 7px 0 8px 6px; } #wo_box_logado p { text-align: center; font-size: 14px; color: #FFF; } #wo_block { float: left; width: 210px; margin: 15px 10px 0 15px; color: #FC6 !important; } #wo_pg_block { margin: 150px 0; text-align: center; } #topo_icones { overflow: hidden; width: 320px; height: 110px; margin: 10px auto; text-align: center; } #topo_icones a { overflow: hidden; display: block; float: left; width: 100px; height: 67px; margin: 25px 0 0 5px; font-weight: bold; font-size: 13px; color: #58B; } #topo_icones a:hover { color: #7AD; } #topo_icones img { display: block; width: 40px; height: 40px; margin: 0 auto 5px auto; } #menu { overflow: hidden; margin: 0 0 5px 0; border-top: 3px solid #CCC; border-bottom: 3px solid #CCC; background: #DDD url(img/menu_bg.png) repeat-x 0 0; } #menu_320 { margin: 3px 15px; } #menu_320 a { display: block; overflow: hidden; height: 20px; padding: 5px 0 0 30px; background: transparent url(img/menu_320.png) no-repeat 0 0; color: #555; } #menu_320 a:hover { text-decoration: none; } #menu_itens { display: none; margin: 5px; list-style: none; } #menu_itens li { display: block; margin: 3px 10px; border-radius: 5px; padding: 5px 10px; background: #EEE; } #menu_itens li a { display: block; color: #1B2B42; } #menu_320 a:hover { text-decoration: none; color: #0646A2; } #extra_esq { width: 320px; margin: 0 auto; } #extra_dir { width: 320px; margin: 10px auto; } #rodape { overflow: hidden; margin-top: 5px; border-top: 5px solid #58B; padding: 40px 0; background: #1B2B42; } #rodape small { display: block; text-align: center; font-size: 11px; color: #FFF; } #rodape_menu { display: block; text-align: center; color: #CDF; } #rodape_menu a { color: #CDF; } #rodape_menu a:hover { color: #FFF; } #rodape_contratos { display: block; margin: 10px 0; text-align: center; font-size: 12px; color: #58B; } #rodape_contratos a { color: #58B; } #rodape_contratos a:hover { color: #69C; } #bsonline { display: block; width: 67px; height: 28px; margin: 10px auto 0 auto; } #manutencao { margin: 51px 5px 69px 5px; text-align: center; } #manutencao em { display: block; padding-top: 10px; font-size: 18px; font-weight: bold; font-style: normal; color: #248; } #e404 { margin: 51px 5px 69px 5px; text-align: center; } #e404 em { display: block; padding-top: 10px; font-size: 18px; font-weight: bold; font-style: normal; color: #248; } #e404 span { font-size: 16px; color: #248; } #login { margin: 51px 5px 69px 5px; text-align: center; } #login em { display: block; padding-top: 10px; font-size: 18px; font-weight: bold; font-style: normal; color: #248; } #home_box_destaques { overflow: hidden; width: 310px; margin: 5px auto; border-radius: 5px; background: #C7C7C7 url(img/home_box_bg.png) repeat-x 0 0; } #home_box_destaques a { text-decoration: none; color: #1B2B42; } #home_box_destaques img { width: 300px; height: 200px; margin: 4px; border: 1px solid #B1B1B1; background: #FFF; } #home_box_dest_txt { overflow: hidden; width: 300px; height: 165px; margin: 5px; font-size: 12px; } #home_box_dest_lnk { overflow: hidden; width: 300px; height: 25px; margin: 5px; background: #1B2B42; text-align: right; font-size: 12px; } #home_box_dest_lnk span { display: block; margin: 4px 8px; color: #58B; } #home_box_dest_lnk span { color: #FFF; } #home_destaques_seta { display: none; } #home_dest_icons { overflow: hidden; width: 310px; margin: 5px auto; } #nodest { display: block; margin: 80px 0; text-align: center; color: #888; } #home_box_vit_on { overflow: hidden; width: 310px; height: 300px; margin: 5px auto; border-radius: 10px; background: #C7C7C7 url(img/home_box_bg.png) repeat-x 0 0; } #home_box_vit_on a { text-decoration: none; color: #1B2B42; } #home_box_vit_on_dest { position: relative; overflow: hidden; height: 210px; margin: 5px; border: 1px solid #BBB; border-radius: 6px; } #home_box_vit_on_dest_tit { overflow: hidden; padding: 8px; background: #D6D6D6; white-space: nowrap; text-align: center; color: #1B2B42; } #home_box_vit_on_dest_txt { padding: 5px; color: #333; } #home_box_vit_on_dest_img { float: left; width: 150px; margin: 5px; } #home_box_vit_on_dest_rodape { position: absolute; left: 0; right: 0; bottom: 0; padding: 5px 10px; background: #DDD; text-align: right; color: #1B2B42; } #home_box_vit_on_tit { margin: 15px 10px 10px 10px; text-align: center; font-size: 1.2em; color: #1B2B42; } #home_box_vit_on_busca { overflow: hidden; height: 33px; margin: 5px; border: 1px solid #BBB; border-radius: 10px; white-space: nowrap; font-size: 0; } #home_box_vit_on_busca .vob_inp { overflow: hidden; display: inline-block; width: 210px; height: 33px; background: #FFF; } #home_box_vit_on_busca .vob_inp input { width: 200px; margin: 0 5px; padding: 8px 10px; } #home_box_vit_on_busca .vob_btn { overflow: hidden; display: inline-block; width: 90px; height: 33px; background: #1B2B42; } #home_box_vit_on_busca .vob_btn button { cursor: pointer; background: transparent; width: 90px; height: 33px; text-align: center; font-weight: bold; color: #FFF; } #home_box_busca { overflow: hidden; width: 310px; height: 220px; margin: 5px auto; border-radius: 5px; background: #C7C7C7 url(img/home_box_bg.png) repeat-x 0 0; } #home_box_busca_tit { margin-top: 5px; text-align: center; color: #1B2B42; } #home_box_busca_vitrine { overflow: hidden; height: 160px; margin: 5px; border: 1px solid #CCC; } #home_box_busca_vitrine img { float: left; width: 100px; margin: 5px; } #home_box_busca_mais { overflow: hidden; background: #1B2B42; text-align: right; color: #FFF; } #home_box_busca_mais a { display: block; margin: 5px 10px; color: #FFF; } #home_box_radio { overflow: hidden; width: 310px; height: 100px; margin: 5px auto; border-radius: 5px; background: #C7C7C7 url(img/home_box_bg.png) repeat-x 0 0; } #home_box_radio p { margin-top: 10px; text-align: center; line-height: 30px; color: #1B2B42; } #home_box_redes { overflow: hidden; margin: 5px auto 10px auto; text-align: center; } #home_box_redes p { margin-bottom: 5px; font: bold 15px arial,sans-serif; color: #1B2B42; } #home_box_redes span { display: block; padding: 5px 20px; } #home_box_redes img { width: 48px; height: 48px; } #home_oportunidades { overflow: hidden; width: 320px; margin: 0 auto; } #home_oportunidades a { text-decoration: none; color: #1B2B42; } #home_oportunidades_tit { margin: 5px; text-align: center; font: 18px arial,sans-serif; color: #1B2B42; } #wo_cod_ind { display: block; font-size: 12px; color: #777; } #pgs { overflow: hidden; margin: 10px 5px; } #contato { margin: 15px; padding-left: 70px; background: transparent url(img/contato.png) no-repeat left 40%; } #contratos { margin: 15px; padding-left: 70px; background: transparent url(img/contratos.png) no-repeat left 40%; } #ajx_restrito_img { width: 288px; height: 214px; margin: 18px auto; border: 1px solid #888; } #ajx_restrito_cadastro { margin: 45px 0 45px 0; text-align: center; } #ajx_restrito_cadastro a { display: block; width: 250px; margin: 0 auto; border: 1px solid #1B2B42; border-radius: 10px; padding: 9px 0 10px 0; } #ajx_restrito_cadastro a { background: #1B2B42; text-decoration: none; font-size: 18px; color: #FFF; } #ajx_restrito_cadastro a:hover { background: #58B; color: #FFF; } #ajx_frm_restrito_login { max-width: 288px; margin: 0 auto; } #ajx_frm_restrito_login_manutencao { display: block; margin: 30px 0; text-align: center; } #ajx_cadastro_manutencao { display: block; padding-top: 121px; text-align: center; } #ajx_frm_cad p { min-height: 280px; } #ajx_cod_ind { display: block; font-size: 12px; color: #777; } #ajx_frm_ret { display: block; margin: 0 0 15px 0; font-size: 13px; } #ajx_indique_img { width: 288px; height: 214px; margin: 10px auto 5px auto; border: 1px solid #888; } #ajx_indique_codigo { display: block; margin: 0 0 30px 0; text-align: center; color: #58B; } #ajx_indique_codigo img { width: 16px; margin-left: 5px; } #e404 { margin: 51px 5px 69px 5px; text-align: center; } #e404 em { display: block; padding-top: 10px; font-size: 18px; font-weight: bold; font-style: normal; color: #248; } #e404 span { font-size: 16px; color: #248; } #vitrines_busca { overflow: hidden; height: 33px; margin: 5px; border: 1px solid #BBB; border-radius: 10px; white-space: nowrap; font-size: 0; } #vitrines_busca .vb_inp { overflow: hidden; display: inline-block; width: 220px; height: 33px; background: #FFF; } #vitrines_busca .vb_inp input { width: 200px; margin: 0 5px; padding: 8px 10px; } #vitrines_busca .vb_btn { overflow: hidden; display: inline-block; width: 90px; height: 33px; background: #1B2B42; } #vitrines_busca .vb_btn button { cursor: pointer; background: transparent; width: 90px; height: 33px; text-align: center; font-weight: bold; color: #FFF; } #vitrines_lista { display: block; overflow: hidden; border: 1px solid #EEE; border-radius: 12px; background: #FAFAFA; } #vitrines_lista .vit_none { display: block; margin: 100px 0; text-align: center; font-style: normal; } #vitrines_lista .vit_info { position: relative; display: block; overflow: hidden; margin: 5px; padding: 5px 5px 33px 5px; border-radius: 5px; background: #EEE; } #vitrines_lista .vit_info a { text-decoration: none; color: #333; } #vitrines_lista .vit_info img { display: block; width: 100%; } #vitrines_lista .vit_info strong { display: block; width: 100%; text-align: center; padding: 5px; font-size: 1.2em; color: #248; } #vitrines_lista .vit_info span { position: absolute; display: block; bottom: 0; right: 0; left: 0; padding: 5px; text-align: right; background: #DDD; color: #137; } #vitrines_lista .vit_info span em { position: absolute; top: 5px; left: 3px; font-weight: bold; font-size: 2.1em; color: #D3D3D3; } #vitrines_lista .vit_info .vit_busc { color: #970; } #vitrines_lista .vit_nums { padding: 10px 0 5px 0; text-align: center; } #vitrines_lista .vit_pags { padding: 5px 0 10px 0; text-align: center; } #rede { display: block; clear: both; overflow: hidden; box-sizing: border-box !important; width: auto; margin: 10px auto; text-align: center; font-size: 0; } #rede_A { display: block; width: 35%; float: left; box-sizing: border-box !important; border: 2px solid #038; border-radius: 12px; background: #F0F3F8; } #rede_B { display: block; width: 35%; float: left; box-sizing: border-box !important; border: 2px solid #038; border-radius: 12px; background: #F0F3F8; } #rede_centro { display: block; width: 30%; float: left; } .rede_indi { display: block; margin: 10% 4% 0 4%; padding: 8px 0px; border: 2px solid #038; border-radius: 10px; background: #CCC; } .rede_indi_line { display: block; width: 2px; height: 21px; margin-left: 50%; background: #038; } .rede_indi span { display: block; padding: 0px; font-size: 14px; } .rede_posi { display: block; padding: 10px 15px; background: #038; } .rede_posi span { display: block; padding: 8px 5px; border-radius: 10px; background: #FFF; font-size: 14px; } .pos_indicador span { } .pos_voce span { color: #038; } .pos_voce span img { filter: sepia(100%) brightness(280%) hue-rotate(180deg); } .pos_ok span { color: #090; } .pos_ok span img { filter: sepia(100%) brightness(280%) hue-rotate(80deg); } .pos_ok { border-color: #ADA !important; background: #EFE !important; } .pos_vazio span { opacity: 0.21; } .rede_cart { display: block; margin: 15px 5px; font-weight: bold; color: #038; font-size: 14px; } .rede_slot { display: block; overflow: hidden; margin: 10px 5px; border: 2px solid #CCC; border-radius: 12px; background: #EEE; } .rede_slot span { display: block; padding: 15px 5px; font-size: 14px; } .rede_af_dir_ind { margin-top: 15px; font-size: 0.9rem; color: #038; } .rede_af_dir_ind b { display: inline-block; margin-bottom: 7px; } /* -------------------- VITRINE INI -------------------- */ #vit_body { background: #1B2B42; } #vit_topbar { display: block; overflow: hidden; height: 30px; background: #DDD; background-image: linear-gradient(#CCC, #FFF, #EEE); } #vit_logo_tns { width: 300px; height: 30px; margin: 4px auto; text-align: center; } #vit_logo_tns span { font-size: 16px; color: #1B2B42; } #vit_logo_tns a { text-decoration: none; color: #1B2B42; } #vit_logo_tns img { width: 21px; vertical-align: text-bottom; } #vit_botbar { display: block; overflow: hidden; height: 30px; background: #DDD; background-image: linear-gradient(#EEE, #FFF, #CCC); } #vit_botbar p { padding-top: 6px; text-align: center; font-size: 13px; } #vit_aviso { margin: 21px; text-align: center; font-size: 0.8em; color: #EEE; } #vit_aviso a { color: #CCC; } #vit_conteudo { position: relative; display: block; overflow: hidden; min-height: 21px; background: #F4F4F4; } #vit_indisponivel { display: block; margin: 21px 5px; padding: 51px 10px 69px 10px; border-radius: 10px; border: 1px solid #DDD; background: #F9F9F9; text-align: center; } #vit_indisponivel em { display: block; padding-top: 10px; font-size: 18px; font-weight: bold; font-style: normal; color: #248; } #vit_indisponivel span { font-size: 18px; color: #248; } #vit_404 { display: block; margin: 51px 5px; text-align: center; } /* VITRINE BASE */ #vit_geral .limitador { overflow: visible; } #vit_geral { box-sizing: border-box !important; overflow: hidden; background: #FFF; line-height: 16px; font-family: roboto, sans-serif; font-size: 16px; color: #333; } #vit_geral a { text-decoration: none; color: #777; } #vit_geral a:hover { text-decoration: underline; color: #BBB; } #vit_topo { background: #FFF; background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.0)); } #vit_topo { text-align: center; font-size: 0; line-height: 0; } #vit_topo .limitador { overflow: hidden; } #vit_topo .limitador a { display: inline-block; text-decoration: none; color: #333; } #vit_topo .limitador a:hover { text-decoration: none; color: #333; } #vit_topo_box { overflow: hidden; display: inline-block; margin: 50px auto 50px auto; } /* xxxxxxxxxxxxxxxxxxxx REVER BOX COM ESTILO xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* #vit_topo_box { border: 1px solid #000; border-radius: 20px; box-shadow: 0 0 21px 0 rgba(0,0,0,0.5); background: #FFF; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ #vit_topo_box p { display: block; margin: 5px 15px; font-family: roboto, sans-serif; font-size: 24px; line-height: normal; } #vit_topo_box img { width: 100%; min-width: 300px; max-width: 600px; } #vit_menu { position: relative; z-index: 21; min-height: 10px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } #vit_menu { box-shadow: 0 0 15px 0 #555; background: #333; background-image: linear-gradient(#111 0%, #333 45%, #111 100%); } #vit_menu ul { list-style: none; text-align: center; } #vit_menu ul li { display: inline-block; overflow: hidden; width: auto; border-radius: 0px; vertical-align: middle; } #vit_menu ul li { border: 1px solid #CCC; box-shadow: 0 0 15px 0 #555; background: #444; background-image: linear-gradient(#222 0%, #444 45%, #222 100%); } #vit_menu ul li:hover { border: 1px solid #FFF; box-shadow: 0 0 15px 0 #FFF; background: #777; background-image: linear-gradient(#555 0%, #777 45%, #555 100%); } #vit_menu ul li a { display: block; text-decoration: none; color: #DDD; } #vit_menu ul li a:hover { text-decoration: none; color: #FFF; } #vit_menu ul li a span { display: inline-block; padding: 10px 15px; font-family: roboto, sans-serif; font-size: 16px; } #vit_rodape { background: #FFF; background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.2)); } #vit_rodape { text-align: center; font-size: 0; line-height: 0; } #vit_rodape .limitador { overflow: hidden; } #vit_rodape_txt { display: block; margin: 33px; text-align: center; font-family: roboto, sans-serif; font-size: 12px; line-height: normal; color: #333; } #vit_rodape_redes { display: block; margin: 33px 5px; text-align: center; } #vit_rodape_redes img { display: inline-block; margin: 10px; } #vit_home_hdm { clear: both; text-align: center; } #vit_home_hdm .hdm_box { overflow: hidden; display: block; float: left; width: 50%; min-width: 320px; text-align: center; } #vit_home_hdm .hdm_box.n1 { float: none; margin: 0 auto; } #vit_home_hdm .hdm_box p { overflow: hidden; display: block; max-width: 620px; margin: 10px; text-align: left; background: #DDD; border-radius: 6px; color: #333; } #vit_home_hdm .hdm_box p img { display: block; width: 100%; } #vit_home_hdm .hdm_box p span { display: block; padding: 5px; } #vit_home_hdm .hdm_box p span b { display: block; padding: 6px 3px; } #vit_home_hdm .hdm_box p span span { display: block; padding: 6px 3px; } #vit_home_hdm .hdm_box p span a { display: block; float: right; width: 100px; padding: 6px 3px; border-radius: 6px; background: #CCC; text-align: center; font-weight: bold; } #vit_home_hdm .hdm_box p span i { display: block; padding: 6px 3px; font-weight: bold; font-style: normal; } #vit_home_hdp { clear: both; text-align: center; } #vit_home_hdp .hdp_box { overflow: hidden; display: inline-block; width: 24.5%; min-width: 154px; vertical-align: top; text-align: center; } #vit_home_hdp .hdp_box p { overflow: hidden; display: block; max-width: 320px; margin: 2px; text-align: left; background: #DDD; border-radius: 6px; color: #333; } #vit_home_hdp .hdp_box p img { display: block; width: 100%; } #vit_home_hdp .hdp_box p span { display: block; padding: 5px; } #vit_home_hdp .hdp_box p span b { display: block; padding: 6px 3px; } #vit_home_hdp .hdp_box p span span { display: block; padding: 6px 3px; } #vit_home_hdp .hdp_box p span a { display: block; float: right; width: 100px; padding: 6px 3px; border-radius: 6px; background: #CCC; text-align: center; font-weight: bold; } #vit_home_hdp .hdp_box p span i { display: block; padding: 6px 3px; font-weight: bold; font-style: normal; } /* -------------------- VITRINE END -------------------- */ /* ----- RESPONSIVE ADAPTIVE MOBILE FIRST (320px) ----- */ @media screen and (max-width: 319px){ #aviso { display: block; } } @media screen and (min-width: 320px){ #aviso { display: none; } } @media screen and (min-width: 640px){ h2 { margin: 5px 7px 10px 7px; padding: 2px; line-height: 21px; font-size: 18px; } .limitador { width: 640px; } .frm_float_m { width: 300px; } .frm_float_g { width: 600px; } .frm_m { width: 280px; } .frm_g { width: 590px; } .frm_input { /*width: 604px;*/ } .frm_textarea { /*width: 604px;*/ } .ajx_2col { margin: 0 2px 10px 6px; } .popup_box { width: 600px; } .home_box_chamadas { width: 625px; height: 105px; margin: 5px auto; } .home_box_chamadas img { width: 100px; height: 85px; margin: 10px; } .home_box_chamadas span { margin: 10px; font-size: 13px; } .home_oportunidades { width: 192px; height: 290px; margin: 9px; } .home_oportunidades img { width: 190px; height: 100px; } .home_oportunidades_txt { font-size: 13px; } .banner_box { width: 410px; height: 290px; margin: 10px auto; } .banner_box_txt { width: 410px; height: 60px; } .banner_box_txt span { padding: 10px 15px; line-height: 19px; font-size: 16px; } .banner_box img { width: 410px; height: 290px; } #topo { height: 220px; } #topo_limpo { margin: 20px 0; } #logo { width: 330px; height: 80px; } #logo span { font-size: 26px; } #logo img { width: 80px; } #wo_box { float: left; margin: 15px 5px; } #topo_icones { float: left; margin: 10px 0; } #extra_esq { width: 640px; } #extra_dir { width: 640px; } #menu_320 { display: none; } #menu_itens { display: block !important; text-align: center; } #menu_itens li { display: inline-block; margin: 0 1px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 5px 10px; background: transparent; } #home_box_destaques { width: 630px; border-radius: 10px; } #home_box_destaques img { float: left; margin: 9px; } #home_box_dest_txt { margin: 10px; } #home_box_dest_lnk { margin: 10px; } #home_destaques_seta { display: block; position: relative; width: 620px; height: 10px; margin: -5px auto; } #home_destaques_seta_img { display: block; position: absolute; left: 22px; } #home_dest_icons { width: 620px; margin: 5px auto; } #home_box_vit_on { width: 410px; height: 380px; } #home_box_vit_on_dest { height: 280px; margin: 5px; } #home_box_vit_on_dest_img { width: 180px;} #home_box_vit_on_busca .vob_inp { width: 310px; } #home_box_vit_on_busca .vob_inp input { width: 300px; } #home_box_busca { width: 410px; height: 290px; margin: 10px auto; border-radius: 10px; } /*#home_box_busca p { font-size: 21px; } #home_box_busca b { display: block; margin-bottom: -10px; } #home_box_busca input { width: 380px; margin-bottom: 15px; font-size: 14px; }*/ #home_box_busca_vitrine { height: 230px; } #home_box_busca_vitrine img { width: 150px; } #home_box_radio { width: 410px; height: 100px; margin: 10px auto; border-radius: 10px; } #home_box_radio b { font-size: 21px; } #home_box_redes { margin: 10px auto 20px auto; } #home_box_redes p { font-size: 21px; } #home_box_redes img { width: 48px; height: 48px; margin: 4px 8px; } #home_oportunidades { width: 635px; } #vitrines_busca { height: 33px; margin: 10px; border: 1px solid #BBB; border-radius: 12px; } #vitrines_busca .vb_inp { width: 520px; height: 33px; } #vitrines_busca .vb_inp input { width: 500px; margin: 0 5px; padding: 8px 10px; } #vitrines_busca .vb_btn { width: 100px; height: 33px; } #vitrines_busca .vb_btn button { width: 100px; height: 33px; } #vitrines_lista { border-radius: 14px; } #vitrines_lista .vit_none { margin: 200px 0; } #vitrines_lista .vit_info { padding-bottom: 30px; } #vitrines_lista .vit_info img {float: left; width: 210px; margin-right: 10px; } #vitrines_lista .vit_info strong { padding: 10px; } #vitrines_lista .vit_info span { padding: 5px 12px; } .rede_af_dir_ind { margin-top: 35px; font-size: 1rem; } .rede_af_dir_ind b { margin-bottom: 12px; } } @media screen and (min-width: 960px){ h1 { line-height: 21px; font-size: 24px; } .limitador { width: 960px; } .home_bloco_esq { float: left; overflow: hidden; width: 635px; } .home_bloco_dir { float: left; overflow: hidden; width: 315px; } .home_box_chamadas { width: 625px; height: 108px; margin: 6px auto; } .home_box_chamadas img { width: 100px; height: 85px; margin: 10px; } .home_box_chamadas span { margin: 10px; font-size: 13px; } .home_oportunidades { width: 152px; height: 270px; margin: 3px; } .home_oportunidades img { width: 150px; height: 80px; } .home_oportunidades_txt { font-size: 12px; } .banner_box { width: 310px; height: 220px; margin: 5px auto; } .banner_box_txt { width: 310px; height: 46px; } .banner_box_txt span { padding: 6px 10px; line-height: 17px; font-size: 12px; } .banner_box img { width: 310px; height: 230px; } #topo { height: 130px; } #topo_limpo { height: 130px; margin: 0; background: #FFF url(img/topo_bg.png) repeat-x center bottom; } #topo_limpo #logo { float: none; margin: 25px auto; } #logo { float: left; margin: 25px 0; } #logo span { color: #FFF; } #logo a { color: #FFF; } #wo_box { margin: 15px 0; } #topo_icones { margin: 10px 0; } #extra_esq { float: left; width: 640px; margin: 0; } #extra_dir { float: left; width: 320px; margin: 0; } #nodest { margin: 102px 0; } #home_box_vit_on { width: 310px; height: 300px; } #home_box_vit_on_dest { height: 210px; margin: 5px; } #home_box_vit_on_dest_img { width: 150px;} #home_box_vit_on_busca .vob_inp { width: 210px; } #home_box_vit_on_busca .vob_inp input { width: 200px; } #home_box_busca { width: 310px; height: 220px; margin: 5px auto; border-radius: 10px; } /*#home_box_busca p { font-size: 14px; } #home_box_busca b { display: inline; } #home_box_busca input { width: 280px; margin-bottom: 5px; font-size: 12px; }*/ #home_box_busca_vitrine { height: 160px; } #home_box_busca_vitrine img { width: 150px; } #home_box_radio { width: 310px; height: 100px; margin: 5px auto; border-radius: 10px; } #home_box_radio b { font-size: 14px; } #home_box_redes { margin: 10px auto; } #home_box_redes p { font-size: 15px; } #home_box_redes img { width: width: 48px; height: 48px; margin: 0; } #home_oportunidades { width: 950px; } } @media screen and (min-width: 1280px){ body { line-height: 18px; font-size: 16px; } h1 { line-height: 25px; font-size: 28px; } .limitador { width: 1280px; } .frm_float_p { width: 200px; } .frm_float_m { width: 400px; } .frm_float_g { width: 840px; } .frm_p { width: 180px; } .frm_m { width: 380px; } .frm_g { width: 790px; } .frm_input { /*width: 804px;*/ } .frm_textarea { /*width: 804px;*/ } .home_bloco_esq { width: 840px; } .home_bloco_dir { width: 420px; } .home_dest_icons img { width: 74px; height: 74px; margin: 3px; } .home_box_chamadas { width: 835px; height: 140px; margin: 11px auto; } .home_box_chamadas img { width: 140px; height: 120px; margin: 9px; } .home_box_chamadas span { margin: 12px; line-height: 19px; font-size: 16px; } .home_oportunidades { width: 192px; height: 330px; margin: 9px; } .home_oportunidades img { width: 190px; height: 100px; } .home_oportunidades_txt { font-size: 13px; } .banner_box { width: 410px; height: 290px; margin: 10px auto; } .banner_box_txt { width: 410px; height: 60px; } .banner_box_txt span { padding: 10px 15px; line-height: 19px; font-size: 16px; } .banner_box img { width: 410px; height: 290px; } #topo { height: 140px; } #topo_limpo { height: 140px; } #topo_limpo #logo { margin: 30px auto; } #logo { width: 400px; height: 90px; margin: 30px; } #logo span { font-size: 36px; } #logo img { width: 90px; } #wo_box { margin: 25px; } #topo_icones { width: 400px; margin: 20px; } #topo_icones a { height: 80px; margin: 18px 0 0 25px; font-size: 14px; } #topo_icones img { width: 50px; height: 50px; } #extra_esq { width: 840px; margin: 0; } #extra_dir { width: 440px; margin: 0; } #rodape { padding: 60px 0; } #rodape small { font-size: 12px; } #rodape_menu { font-size: 15px; } #rodape_contratos { margin: 20px 0; font-size: 14px; } #manutencao { margin: 80px 5px 100px 5px; } #manutencao em { font-size: 20px; } #e404 { margin: 80px 5px 100px 5px; } #e404 em { font-size: 20px; } #e404 span { font-size: 18px; } #login { margin: 80px 5px 100px 5px; } #login em { font-size: 20px; } #home_box_destaques { width: 835px; } #home_box_destaques img { width: 405px; height: 270px; } #home_box_dest_txt { width: 400px; height: 235px; line-height: 22px; font-size: 16px; } #home_box_dest_lnk { width: 400px; font-size: 14px; } #home_destaques_seta { width: 835px; } #home_destaques_seta img { left: 38px; } #home_dest_icons { width: 822px; margin: 5px auto; } #nodest { margin: 136px 0; } #home_box_vit_on { width: 410px; height: 380px; } #home_box_vit_on_dest { height: 280px; margin: 5px; } #home_box_vit_on_dest_img { width: 180px;} #home_box_vit_on_busca .vob_inp { width: 310px; } #home_box_vit_on_busca .vob_inp input { width: 300px; } #home_box_busca { width: 410px; height: 290px; } /*#home_box_busca p { font-size: 21px; } #home_box_busca b { display: block; margin-bottom: -10px; } #home_box_busca input { width: 380px; margin-bottom: 15px; font-size: 15px; }*/ #home_box_busca_vitrine { height: 230px; } #home_box_busca_vitrine img { width: 150px; } #home_box_radio { width: 410px; height: 100px; } #home_box_radio b { font-size: 21px; } #home_box_redes { margin: 13px auto; } #home_box_redes p { font-size: 21px; } #home_box_redes img { width: 48px; height: 48px; margin: 4px 8px; } #home_oportunidades { width: 1260px; } #home_oportunidades_tit { margin: 15px; font-size: 21px; } #vitrines_busca { height: 33px; margin: 10px; border: 1px solid #BBB; border-radius: 12px; } #vitrines_busca .vb_inp { width: 700px; height: 33px; } #vitrines_busca .vb_inp input { width: 680px; margin: 0 5px; padding: 8px 10px; } #vitrines_busca .vb_btn { width: 120px; height: 33px; } #vitrines_busca .vb_btn button { width: 120px; height: 33px; } #vitrines_lista { border-radius: 14px; } #vitrines_lista .vit_info { padding-bottom: 33px; } #vitrines_lista .vit_info img { width: 300px; margin-right: 10px; } #vitrines_lista .vit_info strong { padding: 15px; } #vitrines_lista .vit_info span { padding: 5px 21px; } } /* | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | */