/*
    The section below defines all classes apliable to
    textAreas and other content displaying components
    There are Four divisions
    - big
    - standard
    - small
    - smaller
    In each division you will find rules that applies
    to:
    <p>, <li>, 
    There are two additional classes to support specific
    needs.
    - mapa
    - page_title
*/
@import url(https://fonts.googleapis.com/css?family=Bad+Script);
body { width: 100%; margin: 0; font-size: 100%; outline: none; font-weight: 300; box-sizing: border-box; font-family: 'Raleway', sans-serif; color: #1b1b1b; font-size: 16px; }
*, *:before, *:after { box-sizing: inherit; }

.div_2                          { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-rule-style: solid; -moz-column-rule-style: solid; column-rule-style: solid; -webkit-column-rule-width: 1px; -moz-column-rule-width: 1px; column-rule-width: 1px; -webkit-column-rule-color: #c0c0c0; -moz-column-rule-color: #c0c0c0; column-rule-color: #c0c0c0; }
a                               { color: #616161; }
h1                              { font-size: 22px; font-weight: bold; text-align: left; margin: 0px 0px 0px 0px; color: #2020b0 }
h2                              { font-size: 20px; font-weight: bold; text-align: left; margin: 20px 0 15px 0; color: #2020b0 }
h3                              { font-size: 16px; font-weight: bold; text-align: left; margin: 0 0 8px 0; text-decoration: none}
h5                              { font-size: 16px; font-weight: bold; text-align: left; margin: 0 0 8px 0; text-decoration: none}
li                              { text-indent: 0px; text-align: left; clear: left }
ol                              { margin: 5px 5px 5px 10px; text-indent: 15px }
p                               { margin: 4px; padding:0;  text-indent: 15pt; text-align: left }
ul                              { margin: 5px 5px 5px 10px; text-indent: 15px }
.div_2                          { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-rule-style: solid; -moz-column-rule-style: solid; column-rule-style: solid; -webkit-column-rule-width: 1px; -moz-column-rule-width: 1px; column-rule-width: 1px; -webkit-column-rule-color: #c0c0c0; -moz-column-rule-color: #c0c0c0; column-rule-color: #c0c0c0; }

.banner_gigatron                { width: 166px; height: 220px; float: left; margin: 20px 0 0 25%; }
.center_content                 { text-align: center }
.center_content > h3            { text-align: center }
.center_content > p             { text-align: center }
.center_content > a             { text-align: center }

.img_gigatron                   { width: 340px; height: 340px; padding: 0px; background-color: white }
.painel_gigatron                { width: 340px; height: 340px; float: left; margin: 10px 0px 10px 0px; display: none; z-index: 900; }
.sombra_padrao                  { box-shadow: 0px 0px 0px #888888; }
 
.basic_shadow                   { -moz-box-shadow: 2px 1px 12px #000000; -webkit-box-shadow: 2px 1px 12px #000000; box-shadow: 2px 1px 12px #000000 }
.botao_contato                  { color: #ffffff; font-size: 9pt; background-color: #3366FF; margin: 0 0 3px 4px; text-align: center; border: 1px solid #3366FF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer }
.botao_padrao                   { width: auto; height: auto; float: left; padding: 4px 20px; background-color: #558ed5; color: white; font-size: 16px; cursor: pointer; border: 1px solid #3366FF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.botao_mais                     { color: #000000; font-size: 9px; width: 24px; height: 16px; padding: 0px; text-align: center; margin: 4px 0 0 -86px }
.botao_menos                    { color: #000000; font-size: 9px; width: 24px; height: 16px; padding: 0px; text-align: center; margin: 4px 0 0 -26px }
.back_text                      { margin-top: -24px; color: #989898; float: left; margin-left: 3px; display: block }
.back_text_frm                  { margin-top: -30px; color: #989898; float: left; margin-left: 3px; padding-left: 5px; display: block; font-size: 13px; }
.back_text_hidden               { display: none; }
.br_tips                        { width: 60%; height: auto; left: 20%; top: 20px; position: absolute; background-color: white; border: 1px solid #54bc3e; display: none } /* painel para dicas e mensagens */
.br_tips_title                  { color: #303030; width: 100%; height: auto; padding: 10px 0 10px 0; text-align: center; border-bottom: 1px solid rgba(238, 238, 238, 0.9); background-color: rgba(238, 238, 238, 0.6);  } /* header do painel de ajuda */
.br_tips_text                   { width: 95%; height: auto; min-height: 80px; padding: 20px; overflow: auto } /* texto do painel de ajuda */
.br_tips_text p                 { text-indent: 20px; } /* texto do painel de ajuda */
.br_tips_text li                { font-size: 11px; text-indent: 0px; clear: left } /* texto do painel de ajuda */
.br_tips_button                 { color: #3b5e9c; width: 100%; height: auto; padding: 10px 0 10px 0; text-align: center; cursor: pointer; text-decoration: underline; border-top: 1px solid rgba(238, 238, 238, 0.9); background-color: rgba(238, 238, 238, 0.6); margin: 15px 0 0 0 } /* bottom do painel de ajuda */
.bt_comprar                     { Height:34px; width: 120px; border: 0px; background-image: url('https://ssl6858.websiteseguro.com/w3st1/Documentos/1/url_1/imagens/bt_encomende_agora.jpg'); background-size: contain; }
.bt_menu_mobiles                { display: none; cursor: pointer }
.cb_escolha                     { color: #ffffff; background-color: #1e1e1e; padding: 2px 2px 2px 0; font-size: 10px; border: 1px solid #c0c0c0; min-width: 295px; }
.compare_form                   { margin-left: 5% }
.conteudo_padrao                { width: 100%; height: 100%; float: left; background-color: rgba(255,255,255, 0.7); padding: 15px 5% 15px 5%; border-bottom: 1px solid #c0c0c0 }
.div_font                       { color: #696969; font-size: 10px; padding: 2px 0 2px 4px }
.flag_dados_pagina              { color: #000000; font-size: 11px; padding: 4px; width: auto; height: auto; position: relative; float: left; border: 1px solid #a8a8a8; border-bottom: 0px; z-index: 900; cursor: pointer; display: block; }
.flag_editor                    { color: #000000; font-size: 11px; padding: 4px; width: auto; height: auto; position: relative; float: left; border: 1px solid #a8a8a8; border-bottom: 0px; z-index: 900; cursor: pointer; display: none; }
.flag_menu                      { color: #000000; font-size: 11px; padding: 4px; width: auto; height: auto; position: relative; float: right; border: 1px solid #a8a8a8; border-bottom: 0px; z-index: 900; cursor: pointer; display: block; }
.img_128                        { width: 64px; height: 64px }
.img_425                        { width: 280px; height: 171px; margin:  }
.img_seo                        { width: 210px; height: 64px }
.header_idiomas                 { width: auto; height:  auto; float: left }
.hb_menu_border                 { border: 0px solid gray; }
.hb_menu_div                    { background-color: transparent; }
.hb_menu_item                   { color: #FFFFFF; font-size: 12px; font-weight: normal; width: 200px; height: 25px; position: relative; background-color: #89B1E2; cursor: pointer; text-align: left; text-indent: 5px; border-bottom: 1px solid #c0c0c0; behavior: url(PIE.htc); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 2px 1px 12px #000000; -webkit-box-shadow: 2px 1px 12px #000000; box-shadow: 2px 1px 12px #000000; padding: 0px 0 0 0 }
.hb_menu_item_last              { color: #FFFFFF; font-size: 12px; font-weight: normal; width: 200px; height: 25px; position: relative; background-color: #89B1E2; cursor: pointer; text-align: left; text-indent: 5px; border-bottom: 0px solid #c0c0c0; behavior: url(PIE.htc); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 2px 1px 12px #000000; -webkit-box-shadow: 2px 1px 12px #000000; box-shadow: 2px 1px 12px #000000; padding: 0px 0 0 0 }
.hb_menu_item_over              { color: #FF9900; font-size: 12px; font-weight: bolder; width: 200px; height: 25px; position: relative; background-color: #89B1E2; cursor: pointer; text-align: left; text-indent: 5px; border-bottom: 1px solid #c0c0c0; behavior: url(PIE.htc); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 2px 1px 12px #000000; -webkit-box-shadow: 2px 1px 12px #000000; box-shadow: 2px 1px 12px #000000; padding: 0px 0 0 0 }
.hb_menu_item_over_last         { color: #FF9900; font-size: 12px; font-weight: bolder; width: 200px; height: 25px; position: relative; background-color: #89B1E2; cursor: pointer; text-align: left; text-indent: 5px; border-bottom: 0px solid #c0c0c0; behavior: url(PIE.htc); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 2px 1px 12px #000000; -webkit-box-shadow: 2px 1px 12px #000000; box-shadow: 2px 1px 12px #000000; padding: 0px 0 0 0 }
.idiomas_display                { display: none }
.link_enc                       { float: left; width: 92%; margin: 3px 0 0 0; }
.login_button                   { width: auto; height: auto; float: right; cursor: pointer; border: 0px; padding: 5px 10px; color: white; text-decoration: underline; font-size: 16px; background: transparent; margin-top: -5px; }
.login_manutencao               { display: none !important }
.login_info                     { float: right; margin-right: 1%; margin-top: -120px; }
.menu_principalsx               { height: auto; width:  100%; max-width:0150px; position: relative; float: left; z-index: 5; display: none; margin: -2px 0 0 -157px; border: 0px solid gray }
.margin_top_padrao              { margin-top: 20% }
.mrg_up_5                       { margin-top: 5px; }
.mrg_up_5                       { margin-top: 5px; }
.painel_central                 { display: block; }
.portfolio_div                  { width: 295px; height: auto; margin: 0 30px 30px -10px; float: left; }
.portfolio_img                  { width: 295px; height: 233px; float: left; }
.portfolio_dsc                  { width: 287px; height: 30px; float: left; text-align: left; padding: 4px 4px 4px 4px;  }
.pn_dados_pagina                { width: 100%; height: auto; float: left; display: none }
.pn_pesquisar                   { display: none; }
.pn_recursos                    { padding: 0px; margin: 0px; }
.pn_social                      { display: none; }
.r_ajuda                        { padding: 3px 0 15px 10px; width: 85% }
.r_contrato_rotulo              { padding: 3px; text-align: left; width: 98%; border-bottom: 0px solid #ffffff; background-color: #c0c0c0 }
.r_contrato_valor               { padding: 3px; text-align: left; width: 98%; border-bottom: 1px solid #c0c0c0; }
.r_recurso                      { padding: 2px; border: 1px solid #c0c0c0; border-bottom: 0px; background-color: #a8a8a8; min-width: 185px; min-height: 17px; }
.r_recurso_b                    { padding: 2px; border: 1px solid #c0c0c0; border-bottom: 0px; background-color: #336890; min-width: 185px; min-height: 17px; }
.r_recurso_g                    { padding: 2px; border: 1px solid #c0c0c0; border-bottom: 0px; background-color: #448538; min-width: 185px; min-height: 17px; }
.r_recurso_l                    { padding: 2px; border: 1px solid #c0c0c0; background-color: #a8a8a8; min-width: 185px; min-height: 17px; }
.r_recurso_lb                   { padding: 2px; border: 1px solid #c0c0c0; background-color: #336890; min-width: 185px; min-height: 17px; }
.r_recurso_lg                   { padding: 2px; border: 1px solid #c0c0c0; background-color: #448538; min-width: 185px; min-height: 17px; }
.rotulos                        { text-align: right; padding: 0 3px 0 0 }
.rt_combo                       { color: #696969; font-size: 12px; }
.t_recurso                      { color: #696969; font-size: 12px; Width: 27%; padding: 2px; min-width: 30px; text-align: center; border: 1px solid #c0c0c0; border-left: 0px;  border-bottom: 0px;  min-height: 18px; }
.t_recurso_l                    { Width: 27%; padding: 2px; min-width: 30px; text-align: center; border: 1px solid #c0c0c0; border-left: 0px; min-height: 18px; }
.text_box                       { color: #000000; font-size: 10pt; text-align: left; padding: 1px }
.text_boxes                     { width: 100%; height: 25px; float: left; text-align: left; border: 1px solid #c0c0c0; padding: 2px 1px; background: transparent; font-size: 15px; color: #1b1b1b;  }
.titulo_pagina                  { color: #616161; font-size: 14px; font-weight: bold; text-align: left; padding: 5px; }
.titulo_recursos                { color: #616161; font-size: 13px; font-weight: bold; Width: 100%; text-align: left; padding: 5px 0 3px 0px; }
.user_name                      { width: auto; height: auto; float: right; margin-right: 16px; margin-top: 4px; color: white }
.user_data                      { width: auto; height: auto; float: right; margin-right: 16px; margin-top: 0; margin-left: -4px; cursor: pointer; color: white }
.user_data img                  { width: 20px; height: 20px; }

/* tool tip ballons */
.tooltip                        { position: relative;  display: inline-block; border-bottom: 0px dotted red; }
.tooltip .tooltiptext           { font-size: 13px; visibility: hidden; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 5px; position: absolute; z-index: 1; bottom: -40%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 2s; }
.tooltip .tooltiptext::after    { content: ""; position: absolute; top: -39%; left: 50%; margin-left: -10px; border-width: 8px; border-style: solid; border-color: transparent transparent #555 transparent; }
.tooltip:hover .tooltiptext     { visibility: visible; opacity: 1; }

/* barra social */
.social_bar                     { float: left; width:  auto; height:  auto; background-color: rgba(000,000,000, 0.9); padding: 0 0 0 0; border-top: 0px solid #e0b325; border-bottom: 1px solid #e0b325; }
.social_idiomas_p               { float: left; width:  30px; height:  21px; margin: 5px 0 0 25px; cursor: pointer; background-image: url(/w3st1/Documentos/1/url_1/imagens/flag_brazil.png) }
.social_idiomas_e               { float: left; width:  30px; height:  21px; margin: 5px 0 0  5px; cursor: pointer; background-image: url(/w3st1/Documentos/1/url_1/imagens/flag_us.png) }
.social_youtube                 { float: left; width:  60px; height:  60px; margin: 2px 0 0  0px; background-image: url(/w3st1/Documentos/1/url_1/imagens/you_tube.png); background-size: contain }
.social_facebook                { float: left; width:  60px; height:  60px; margin: 2px 0 0  5px; background-image: url(/w3st1/Documentos/1/url_1/imagens/face_book.png); background-size: contain }
.social_google                  { float: left; width:  60px; height:  60px; margin: 2px 0 0  5px; background-image: url(/w3st1/Documentos/1/url_1/imagens/google_plus.png); background-size: contain }
.social_in                      { float: left; width:  60px; height:  60px; margin: 2px 0 0  5px; background-image: url(/w3st1/Documentos/1/url_1/imagens/linkedin.png); background-size: contain }
.social_twitter                 { float: left; width:  60px; height:  60px; margin: 2px 0 0  5px; background-image: url(/w3st1/Documentos/1/url_1/imagens/twitter.png); background-size: contain }

/* classes banners slidy */
.titulo_banner                  { font-size: 15px; color: #ffffff; padding: 0px 0 3px 0; margin: 5px  }
.paragrafo_banner               { font-size: 13px; color: #ffffff; padding: 0 0 5px 0; margin: 3px; }

/* classes organizadoras para divisões */
.div_100_10                     { width:100%; height: 10px; float: left }
.div_1c_100                     { width: 98%; height: auto; float: left; padding: 10px 1% 10px 1%; margin: 20px 0 0 0; }
.div_1c_100_bg                  { width:100%; height: auto; float: left; background-color: #B4B4B4; }
.div_1c_90                      { width:100%; height: auto; float: left; padding: 10px 1% 10px 1%; margin: 20px 0 0 2%; }
.div_1c_50                      { width:100%; height: auto; float: left; padding: 10px 1% 10px 1%; margin: 20px 0 0 0 }
.div_1c_60                      { width:100%; height: auto; float: left; padding: 10px 1% 10px 15%; margin: 20px 0 0 0 }
.div_2c_40                      { width:100%; height: auto; float: left; padding: 10px 1% 10px 15%; margin: 20px 0 0 0 }
.div_2c_45                      { width:100%; height: auto; float: left; padding: 10px 1% 10px 1%; margin: 20px 0 0 0 }
.div_2c_50                      { width:100%; height: auto; float: left; padding: 10px 1% 10px 1%; margin: 20px 0 0 0; }
.div_2c_60                      { width:100%; height: auto; float: left; padding: 10px 1% 10px 1%; margin: 0 auto; }
.div_3c_30                      { width:100%; height: auto; float: left; padding: 4% 2%; }
.div_3c_30 p                    { text-indent: 0 }
.div_3c_30c                     { width: 28%; height: auto; float: left; padding: 1% 1%; margin: 20px 0 0 2% }
.div_4c_20                      { width: 22%; height: auto; float: left; padding: 1% 1%; margin: 20px 0 0 0 }
.div_50                         { width: 50%; height: auto; float: left; }

/* mídias maiores */
@media screen and (min-width: 480px)         {
}
@media screen and (min-width: 768px)         {
}
@media screen and (min-width: 960px)         {

    .div_3c_30                  { width: 33%; padding: 3% 1% 3% 5%; height: auto; }
    .div_2c_40                  { width: 40%; padding: 1% 1%; }
    .div_1c_50                  { width: 50%; height: auto; float: left; padding: 10px 1% 10px 1%; margin: 20px 0 0 0 }
    .div_1c_60                  { width: 60%; padding: 1% inherit; }

    .login_info                 { float: right; margin-right: 1%; margin-top: -135px; }
    .login_manutencao           { width: auto; height: auto; float: right; cursor: pointer; border: 0px; padding: 5px 10px; color: white; text-decoration: underline; font-size: 16px; background: transparent; margin-top: -5px; display: block !important }
    .site_map_coluna            { width: 33%; float: left; }

}
@media screen and (min-width:1280px)         {
}