/* 

NÃO ALTERAR ESTE ARQUIVO, ESTRUTURA BASE PARA TODO O PROJETO 
[lenz] - alexandre.lenz@ag2.com.br 
26/04/2012

*/

/* =----------------------------------------
reset
------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {line-height:1;}
::-moz-selection {background:#0daee3;color:#fff;text-shadow:none;}
::selection {background:#0daee3;color:#fff;text-shadow:none;}

/* Melhora a legibilidade quando houver eventos de focus e hover em todos os navegadores: */
a{text-decoration:none;}
a:hover, a:active , a:focus {outline:0;}
/* Melhora a legibilidade de textos pré-formatados em todos os navegadores: */
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
small {font-size:85%;}
/* Posiciona conteúdos de subscript e superscript sem afetarem o line-height: */
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
/* Listas */
ul, ol {list-style:none;margin:0;padding:0px;}
dd {margin: 0 0 0 40px;}
nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}

/* 1. Melhora qualidade da imagem quando escalada no IE7; 2. Remove a lacuna entre imagens e bordas nos containers de imanges: */
img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
figure {margin:0;}
form {margin:0;}
fieldset {border:0;margin:0;padding:0;}
/* Indica que a 'label' mudará o foco para o seu elemento de formulário associado */
label {cursor:pointer;}
button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;outline:none;}
button, input {line-height:normal;*overflow:visible;}
table button, table input {*overflow:auto;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance:button;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
textarea {overflow:auto;vertical-align:top;resize:vertical;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
td {vertical-align:top;}

/* Novo Clearfix - Contém os floats: */
.clearfix:before, .clearfix:after {content: "";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom: 1;}

/* Esconde para ambos leitores de tela e navegadores: */
.hidden {display:none!important;visibility:hidden;}
/* Esconde apenas visualmente, mantendo isso disponível para leitores de tela: */
.visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px!important;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
/* Extende <code>.visuallyhidden</code> para permitir que elementos sejam focalisáveis quando navegados por teclado: */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

/* Para image replacement */
.ir {display:block;border:0;text-indent:-9999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;}
/*floats*/
.fl{float:left !important}
.fr{float:right !important}

/* =----------------------------------------
estrutura
------------------------------------------*/
body {font-size:14px; font-family:regular; line-height:180%; color:#595959}
#canvasConteudo {width:1000px;; margin:auto;}
#header .headerContent {width:1000px;; margin:auto;}
#footer .footerContent {width:1000px;; margin:auto;}


/* =----------------------------------------
templates
------------------------------------------*/
.contentModulo {width:1000px; position:relative}
.modulo3c{width:750px!important; position:relative; float:left}

.template1 .contentWidget{width:1000px; position:relative}

.template2 .contentModulo{width:750px; position:relative; float:left}
.template2 .contentWidget{width:250px; position:relative; float:right}

.template3 .contentModulo{width:1000px; position:relative}
.template3 .contentWidget{width:250px; position:relative; float:right}

/* =----------------------------------------
widget
------------------------------------------*/
.widget {}
.widget1x1 {width:250px; height:290px;}
.widget2x1 {width:500px; height:290px;}
.widget1x2 {width:250px; min-height:580px;}
.widget_loja_online {width:230px; height:390px;padding-left: 20px;}
.widget_loja_online .jcarousel-wrapper{border-bottom: solid 3px #dbdbdb;margin-bottom: 20px;}

#loja-online-vertical .jcarousel{margin: 0 auto;}

/* =----------------------------------------
Cores
------------------------------------------*/
.azulE {color:#004b88}
.lnk-tp1.bAzulC:hover,
.bAzulE {background-color:#004b88}
.azulC {color:#00aee6}
.bAzulC {background-color:#00aee6}

.verdeE {color:#00652d}
.lnk-tp1.bVerdeC:hover,
.bVerdeE {background-color:#00652d}
.verdeC {color:#62bb46}
.bVerdeC {background-color:#62bb46}

.laranjaE {color:#f4791f}
.bLaranjaE {background-color:#f4791f}
.laranjaC {color:#ffdd00}
.lnk-tp1.bLaranjaE:hover,
.bLaranjaC {background-color:#ffdd00}

.branco {color:#FFF}
.cinza01 {color:#f6f6f6}
.bCinza01 {background-color:#f6f6f6}
.cinza02 {color:#dbdbdb}
.bCinza02 {background-color:#dbdbdb}
.cinza03 {color:#595959}
.bCinza03 {background-color:#595959}
.cinza04 {color:#222222}
.bCinza04 {background-color:#222222}

/* =----------------------------------------
Fontes
------------------------------------------*/
@font-face {
    font-family: 'bold';
    src: url('../fonts/thesansrio2016tt-bold-webfont.eot');
    src: url('../fonts/thesansrio2016tt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/thesansrio2016tt-bold-webfont.woff') format('woff'),
         url('../fonts/thesansrio2016tt-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'boldItalic';
    src: url('../fonts/thesansrio2016tt-bolditalic-webfont.eot');
    src: url('../fonts/thesansrio2016tt-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/thesansrio2016tt-bolditalic-webfont.woff') format('woff'),
         url('../fonts/thesansrio2016tt-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'italic';
    src: url('../fonts/thesansrio2016tt-lightitalic-webfont.eot');
    src: url('../fonts/thesansrio2016tt-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/thesansrio2016tt-lightitalic-webfont.woff') format('woff'),
         url('../fonts/thesansrio2016tt-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'regular';
    src: url('../fonts/thesansrio2016tt-regular-webfont.eot');
    src: url('../fonts/thesansrio2016tt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/thesansrio2016tt-regular-webfont.woff') format('woff'),
         url('../fonts/thesansrio2016tt-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
h1 {font-size:4.286em; font-family:'boldItalic'; line-height:100%} /* 60px */
h2 {font-size:2.571em; font-family:'boldItalic'; line-height:100%} /* 36px */
h3 {font-size:1.714em; font-family:'boldItalic'; line-height:100%} /* 24px */

/* =----------------------------------------
Links e botoes
------------------------------------------*/
a {color:#004b88}
a:hover {text-decoration:underline}
.lnk-tp1:hover , .lnk-tp1:hover span,
.btn , .btn span {text-decoration:none!important;}

.lnk-tp1 {display:inline-block;position:relative;padding:4px 10px;border-radius:5px;font-family:'bold';font-size:0.857em;line-height:1em;}
.lnk-tp2 {background:url(../img/blt-ls-links.png) 0 center no-repeat; padding-left:15px; font-size:0.857em; text-transform:uppercase}

.lsLinks li {line-height:100%; padding-top:10px;}
.lsLinks li:first-child {padding-top:0px;}
.lsLinks li a {background:url(../img/blt-ls-links.png) 0 center no-repeat; padding-left:10px; font-size:0.857em; text-transform:uppercase}
.lsLinks li a:hover {text-decoration:underline} 

.btExt,
.btInt {display:inline-block;cursor:pointer;}
.btExt span,
.btInt span {text-transform:uppercase; font-family:bold;display:inline-block;*zoom:1;*display:inline;vertical-align:middle;font-size:1.143em;line-height:1.5em;}

.btExt span.icone,
.btExt2 span.icone {background:url(../img/blt-links-seta.png) no-repeat;}
.btInt span.icone,
.btInt2 span.icone {background:url(../img/blt-links-mais.png) no-repeat;}

.btExt span.icone,
.btInt span.icone{display:inline-block;*zoom:1;*display:block;*float:left;*clear:both;width:29px;height:29px; visibility:visible!important;padding:0;margin-right:4px;text-indent:-9999px;}

.btExtHide span,
.btIntHide span {visibility:hidden}
.btExtHide:hover span,
.btIntHide:hover span {visibility:visible}

.btExt2:hover,
.btInt2:hover {text-decoration:none;}

.btExt2,
.btInt2 {display:inline-block;cursor:pointer;text-align:center;}
.btExt2 span,
.btInt2 span {text-transform:uppercase;font-family:bold;display:block;vertical-align:middle;font-size:1.143em;line-height:1.5em;}

.btExt2 span.icone,
.btInt2 span.icone{display:inline-block;*zoom:1;*display:block;*clear:both;width:29px;height:29px;text-align:left;padding:0;text-indent:-9999px;}

.verdeE .icone {background-position:-37px 0!important}
.laranjaE .icone {background-position:-74px 0!important}

.btn {display:inline-block;position:relative;border-radius:4px;background-image:url(../img/btn-bgrs.png);background-repeat:repeat-x;padding:0px 10px;}
.btn {text-transform:uppercase;font-size:0.929em;font-family:'regular';line-height:30px; *height:30px}

.btn .ico {display:block;float:left;width:13px;height:13px;background-image:url(../img/icon-sets.png);background-repeat:no-repeat;margin-right:5px;margin-top:7px;text-indent:-9999px;}
.btn .ico-tp1 {background-position:3px 2px;}
.btn .ico-tp2 {background-position:1px -15px;}
.btn .ico-tp3 {background-position:0px -36px;}
.btn .ico-tp4 {background-position:0px -57px;}
.btn .ico-tp5 {background-position:1px -79px;}
.btn .ico-tp6 {background-position:0px -98px;}
.btn .ico-tp7 {background-position:0px -117px;}
.btn .ico-tp8 {background-position:0px -138px;}

.btn-tp1 {color:#004b88;background-position:0px 0px;border:solid 1px #bcbcbc;height:28px;line-height:28px;}
.btn-tp1:hover {background-position:0px -30px;}
.btn-tp2 {color:#FFF;background-position:0px -60px;height:30px;line-height:30px;border:none;}
.btn-tp2:hover {background-position:0px -90px;}
.btn-tp3 {color:#FFF;background-position:0px -120px;height:30px;line-height:30px;border:none;}
.btn-tp3:hover {background-position:0px -150px;}

div.btn {position:relative;padding:0;}
div.btn input {background:none;border:none;text-transform:uppercase;font-family:'regular';color:#FFF;padding:7px 10px 5px 25px;}
div.btn .ico {position:absolute;top:0px;left:10px;}

/* Forms */
ul.forms li:before , ul.forms li:after {content: "";display:table;}
ul.forms li:after {clear:both;}
ul.forms li {zoom: 1;padding-bottom:20px;*padding-bottom:16px;font-family:'regular';}
ul.forms li div {float:left;margin-left:20px;}
ul.forms li div div {margin-left:0px;}
ul.forms li div:first-child {margin-left:0px;}
ul.forms li div.sp-10 {margin-left:10px !important;}
ul.forms li div.sp-40 {margin-left:40px !important;}
ul.forms li div.inf {line-height:30px;font-family:'italic';color:#222;}
ul.forms li label {color:#222;}

.form-list {overflow:hidden;padding-left:20px;}
.form-list li {float:left;margin-right:15px;padding-bottom:5px !important;padding-top:5px;}

.disabled {opacity:0.5;filter: alpha(opacity = 50);}

.form-date input,
div.form-text,
textarea {background:#f6f6f6;border-width:1px;border-style:solid;border-color:#c5c5c5 #eee #eee #c5c5c5;border-radius:3px;box-shadow:inset 1px 1px 2px #d1d1d1;position:relative;}
div.form-text input,
div.form-text textarea {border:none;background:none;color:#222;padding:5px 10px;height:18px;}
.form-date input {color:#222;padding:5px 10px;height:18px;float:left;margin-right:10px;}
.form-date a {display:block;background:url(../img/ico-date.png) no-repeat;width:31px;height:30px;float:left;text-indent:-9999px;}
.form-date .day,
.form-date .month {width:20px;}
.form-date .year {width:40px;}

.combo-box {background:#e4e4e4 url(../img/bgr-forms.png) 0px 0px repeat-x;border-radius:3px;height:30px;border:solid 1px #dbdbdb;position:relative;}
.combo-box select {position:absolute;height:30px;top:0px;left:0px;opacity:0;filter: alpha(opacity = 0);cursor:pointer;}
.combo-box span {display:block;line-height:30px;font-family:'regular';color:#004b88;padding:0 30px 0 10px;}
.combo-box em {display:block;background:url(../img/icon-sets.png) 0px -20px no-repeat;width:12px;height:8px;position:absolute;right:8px;top:12px;}

.form-radio,
.form-check {background:url(../img/bgr-forms.png) 0px -178px no-repeat;min-height:20px;}
.form-radio {background-position:0px -518px;}
.form-radio label,
.form-check label {font-family:'regular';display:block;padding-left:27px;line-height:20px;color:#222;white-space:nowrap;}
.form-radio input,
.form-check input {position:absolute;left:-9999px;}
.form-check.checked {background-position:0px -348px;}
.form-radio.checked {background-position:0px -688px;}

.text-combined .btn,
.text-combined .form-text {float:left;}
.text-combined .btn {margin-left:-5px;height:30px;}

.box-msg, div.box-msg {border: none;padding:20px;font-family:'regular';border-radius:5px;position:relative; float:none!important;}
.error, div.error {border-color:#ff0000 !important;background:#fff8cc !important;color:#ff0000;}

li.error {border-width:1px;border-style:solid;padding-top:20px;border-radius:5px;margin-bottom:20px;zoom:1 !important;overflow:hidden !important;}
.success {background:#e0f1da;color:#00652d;}


.mod-enquete .form-radio {width: 100%;}
.mod-enquete .form-radio label,
.mod-enquete .form-check label {white-space: normal;}
.mod-enquete ul.forms {margin: 0;}
.mod-enquete ul.forms li {padding: 0;min-height: 45px;height:auto !important;height: 45px;position: relative;list-style: none;}
.mod-enquete .frm-enq-pag {width: 665px} 
.mod-enquete ul.forms li div.percents-poll {clear: both;display: none;margin-left: 0;float: none;}
.mod-enquete .percents-poll span {display: block;}
.mod-enquete .percents-poll, 
.mod-enquete .percents-poll .prc span {background: url(../img/percents-poll.png) 0 -20px no-repeat;height: 11px;}
.mod-enquete .percents-poll.active {background-position: 0 0;}
.mod-enquete .percents-poll .prc {width: 170px;height: 10px;float: left;margin-left: 3px;overflow: hidden;position: relative;}
.mod-enquete .percents-poll .txt-prc {float: right;margin-top: -7px;font-family: "bold";color: #004b88;}
.mod-enquete .percents-poll .prc span {background-position: 0 -41px;height: 9px;width: 100%;position: absolute;right: 100%;top: 1px;}

.mod-enquete .frm-enq-pag.enq-act div:first-child {width: 488px;}
.mod-enquete .frm-enq-pag .percents-poll {width: 348px;}
.mod-enquete .frm-enq-pag .percents-poll, 
.mod-enquete .frm-enq-pag .percents-poll .prc span {background: url(../img/percents-poll-page.png) 0 -70px no-repeat;height: 19px;}
.mod-enquete .frm-enq-pag .percents-poll.active {background-position: 0 0;}
.mod-enquete .frm-enq-pag .percents-poll .prc {width: 304px;height: 18px;margin-left: 5px;}
.mod-enquete .frm-enq-pag .percents-poll .txt-prc {margin-top: -7px;}
.mod-enquete .frm-enq-pag .percents-poll .prc span {background-position: 0 -134px;height: 16px;right: 100%;top: 1px;}

.mod-enquete .btn-poll {clear: both;}
.mod-enquete .btn-poll input[type="submit"] {padding: 7px 25px 5px 25px;}
.mod-enquete .two-collum-poll.active {position: absolute;bottom: 0;left: 0;}
.mod-enquete label {line-height: 18px;margin-bottom: 5px;display: block;}
.mod-enquete ul.frm-enq-pag {margin-top: 29px;}
.mod-enquete .frm-enq-pag.enq-act label {margin: 20px 0 15px;}
.mod-enquete .frm-enq-pag.enq-act li:first-child label {margin-top: 0;}
.mod-enquete .title-pag-enquete .date {font-family:italic;margin-bottom: 15px;}
.mod-enquete .title-pag-enquete h2 {clear: both;}
.mod-enquete .fb-comments {margin-top: 46px;}