/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

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%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #0e2a54; color: #fff; text-shadow: none; }
::selection { background: #0e2a54; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
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, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* reset everything */
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, 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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
abbr, span.abbr{border-bottom: none;}
.clear{clear:both; height: 0;}
.hide{position: absolute; top: -9999px; left: -9999px; overflow: hidden;}

/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */

/*--------------------------------------------------------------------
    Imported from corpo.css
-----------------------------------------------------------------------*/

/*--------------------------------------------------------------------
COLOR LIST
#18a3e0 /// Vermelho
#404040 /// Texto
#18a3e0 /// Links
#343434 /// H2
#18a3e0 /// H3 / H4 /H5
-----------------------------------------------------------------------*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
    font-family: 'aauxB';
    src: url('/font/aauxpro-black.eot');
    src: url('/font/aauxpro-black.eot?#iefix') format('embedded-opentype'),
     url('/font/aauxpro-black.woff') format('woff'),
     url('/font/aauxpro-black.ttf') format('truetype'),
     url('/font/aauxpro-black.svg#SohoGothicProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aauxM';
    src: url('/font/aauxpro-medium.eot');
    src: url('/font/aauxpro-medium.eot?#iefix') format('embedded-opentype'),
     url('/font/aauxpro-medium.woff') format('woff'),
     url('/font/aauxpro-medium.ttf') format('truetype'),
     url('/font/aauxpro-medium.svg#SohoGothicProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----------------------------------------------------------------------*/
html, body{height:100%;/* HACK IE height: 100% */}
body{font: normal 13px/16px "Trebuchet MS", Helvetica, Arial, sans-serif; color: #3a3a3a; background: #f1f8f7 url(/images/body-bg.gif) repeat-x left top;}
a{color: #18a3e0; text-decoration: underline;}
a:hover, a:focus{color: #18a3e0; text-decoration: none;}

a[href^="http:"]{
  background: transparent url("/images/icon-linkexterno.gif") no-repeat right 3px;
  padding-right:10px;
}
a[href^="mailto:"]{
  background: transparent url("/images/icon-linkmail.gif") no-repeat right 3px;
  padding-right:13px;
}


h2{font-size: 18px; line-height: 19px; font-weight: normal; color: #343434; text-shadow: #d4d4d4 0px 1px 1px;}
h2 a{color: #343434; text-decoration: none;}
h2 a:hover{text-decoration: underline;}

h3{font-size: 18px; font-weight: normal; color: #18a3da; text-transform: uppercase; padding: 20px 0 10px 0;}
h3 a{color: #18a3da; text-decoration: none;}
h3.nospace{padding: 0 0 10px 0;}

h4{font-size: 15px; line-height: 17px; font-weight: normal; color: #18a3da; padding: 10px 0 5px 0;}
h4 a{color: #18a3da; text-decoration: none;}
h4 a:hover{color: #18a3da;}
h4.resumo{font-size:15px; line-height:18px;font-weight: normal;color: #343434; text-shadow: #D4D4D4 0px 1px 1px; margin-top:15px; margin-bottom:20px;}

h5{font-size: 11px; font-weight: bold; color: #b5b5b5; text-transform: uppercase;}
h5 a{color: #18a3e0; text-decoration: none;}
h5 a:hover{text-decoration: underline;}

h6{font-size: 12px; color: #878787;}
h6 a{color: #878787; text-decoration: none;}
h6 a:hover{text-decoration: underline;}

/*----------------------------------------------------------------------
  MENU GRUPO
------------------------------------------------------------------------*/
#allWrapper{
  display: block; position: relative; float: left; width: 100%; height: auto;
  background: #f1f8f7 url(/images/body-bg.gif) repeat-x left top;
}
#group{ position: relative; top:0;  z-index: 999; width: 100%; height: 50px; background: #fff url(/images/headerGrupo-bg.gif) repeat-x left bottom; display: none; }
#group ul{display: block; position: relative; width: 710px; height: 52px; margin: 0 auto; padding-left: 245px;}
#group ul li{display: block; position: relative; float: left; width: auto; height: 52px;}
#group ul li.space{margin-right: 40px;}

#group ul li a, #group ul li span {display: block; height: 52px; text-indent: -5555px; padding: 0;}
#group ul li:hover, #group ul li.on{background: #fff url(/images/headerGrupo-bg.gif) repeat-x left top; height:50px;}

#group ul li a.md01, #group ul li span.md01{width: 92px; background: url(/images/headerGrupo-botoes.png) no-repeat 0px 0px; }
#group ul li a.md02, #group ul li span.md02{width: 89px; background: url(/images/headerGrupo-botoes.png) no-repeat -92px 0;}
#group ul li a.md03, #group ul li span.md03{width: 99px; background: url(/images/headerGrupo-botoes.png) no-repeat -181px 0;}
#group ul li a.md04, #group ul li span.md04{width: 101px; background: url(/images/headerGrupo-botoes.png) no-repeat -280px 0;}
#group ul li a.md05, #group ul li span.md05{width: 88px; background: url(/images/headerGrupo-botoes.png) no-repeat -381px 0;}
#group ul li a.md06, #group ul li span.md06{width: 100px; background: url(/images/headerGrupo-botoes.png) no-repeat -469px 0;}
#group ul li a.md07, #group ul li span.md07{width: 84px; background: url(/images/headerGrupo-botoes.png) no-repeat -569px 0;}
#group ul li a.md08, #group ul li span.md08{width: 91px; background: url(/images/headerGrupo-botoes.png) no-repeat -653px 0;}


/*----------------------------------------------------------------------
  HEADER
------------------------------------------------------------------------*/









/* MENU */
#mainlevel-nav{position: absolute; width: 585px; height: 30px; left: 370px; top: 70px;}
#mainlevel-nav a {border-bottom: none; text-transform: uppercase; color: #15cbf3;}
/*#mainlevel-nav{display: block; position:relative; height:25px; width:800px;list-style-type: none; list-style-image: none;}*/
#mainlevel-nav li{float: left; list-style-type: none; list-style-image: none;}
#mainlevel-nav li.back{border-bottom:4px solid #19cbf5 !important; position:absolute; z-index:8; height:28px;}
#mainlevel-nav li + li + li + li + li + li + li{background-image: none;}

/*MENU IDIOMA*/
#idiomas{display: block; position: absolute; width: 45px; height: 14px; right: 23px; top: 78px;}
#idiomas li{display: block; position: relative; float: left; width: 22px; height: 14px; border-right: 1px solid #19cbf5;}
#idiomas li + li{border: none;}
#idiomas li a{display:block; position: relative; width: 22px; height: 14px; text-indent: -5555px; padding:0; margin: 0;background: transparent url(/images/idiomas-nav.png) no-repeat top left;}
#idiomas li + li a{background: transparent url(/images/idiomas-nav.png) no-repeat -22px 0px;}
#idiomas li a:hover{background: transparent url(/images/idiomas-nav.png) no-repeat 0px -14px;}
#idiomas li + li a:hover{background: transparent url(/images/idiomas-nav.png) no-repeat -22px -14px;}
#idiomas li.current a{background: transparent url(/images/idiomas-nav.png) no-repeat 0px -28px;}
#idiomas li + li.current a:hover{background: transparent url(/images/idiomas-nav.png) no-repeat -22px -28px;}



/*Breadcrumbs*/
ul.breadcrumbs{position: absolute; width: 650px; height: 16px; left: 305px; top: 140px;}
ul.breadcrumbs li{
  display: block; position: relative; float: left; font-weight: bold; text-transform: uppercase; font-size: 11px;
  background: transparent url(/images/breadcrumbs-bg.gif) no-repeat left 5px; color: #7ec3d1; padding-left: 10px; margin-right: 7px;
}
ul.breadcrumbs li.first{padding: 0; background: none;}
ul.breadcrumbs li a{text-decoration: none; color: #fff;}
ul.breadcrumbs li a:hover{text-decoration: underline; color: #7ec3d1;}

/*----------------------------------------------------------------------
  MAIN WRAPPER
------------------------------------------------------------------------*/
.main {display: block; width: 955px; margin:0 auto; padding-bottom:45px;}
.secondary{display: block; position: relative; float: left; width: 275px; height: auto; margin-right: 30px; padding: 0px 0 15px 15px;}
.secondary h2{display: block; position: relative; width: 270px; height: auto; margin: 0 0 7px 0; color:#fff; text-shadow: #069 0px 1px 1px;}
.nothome{margin-right:15px; padding-top:0; padding-left:5px;}
.content {float:right;}

.secondary ul.navSec{position: relative; float: left; width: 265px; height: auto; margin: -5px 0 25px 10px;}
.secondary ul.navSec li{display: block; width: 265px; height: 25px; margin-bottom: 2px;font-weight: no; text-transform: uppercase; font-size: 12px; line-height: 25px; color: #5e7992;text-shadow: #fff 0px 1px 1px;}
.secondary ul.navSec li a{display: block; width: 235px; height: 25px; padding: 0 20px 0 10px; color: #5e7992; text-decoration: none; background: transparent url(/images/navSec-bg.png) no-repeat left top;}
.secondary ul.navSec li a:hover{background-position: left center;}
.secondary ul.navSec li.on, .secondary ul.navSec li.on a{ color: #FFF; padding: 0 20px 0 8px; text-shadow: #800800 0px 1px 1px; background: transparent url(/images/navSec-bg.png) no-repeat left bottom;}

/*----------------------------------------------------------------------
  CONTENT
------------------------------------------------------------------------*/
.other{display: block; position: relative; width: 650px; height: auto; overflow: hidden;background: transparent url(/images/content-bg.png) no-repeat left -21px; padding: 20px 0 0 0; }
p{padding-bottom: 10px;}

/*----------------------------------------------------------------------
  CONTENTSEC
------------------------------------------------------------------------*/
.other .contentSec{
  display: block; position: relative; float: left; width: 610px; height: auto; padding: 0 19px 10px 19px;
  border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; background-color: #fff;
  background: #fff url(/images/content-bg.png) no-repeat right bottom;
}
.other .contentSec ul.links{display: block; position: relative; width: 610px; height: auto; overflow: hidden; margin-bottom: 20px;}
.other .contentSec ul.links li{
  display: block; position: relative; float: left; width: auto; height: 25px;
  font-size: 11px; line-height: 25px; padding: 0 10px 0 15px;
  background: transparent url(/images/links-bg.png) no-repeat left top; text-transform: uppercase;
}
.other .contentSec ul.links li a{
  display: block; position: relative; float: left; text-decoration: none;
  color: #979797; text-shadow: #fff 0px 1px 1px;
}
.other .contentSec ul.links li a:hover{color: #18a3da;}
.other .contentSec ul.links li.on{
  position: relative; color: #FFF; text-shadow: #108ab9 0px 1px 1px;
  background: transparent url(/images/links-bg.png) no-repeat left -25px;
}
.other .contentSec ul.links li span{
  display: block; position: absolute; width: 15px; height: 25px; right: -13px; top: 0px;
  background: transparent url(/images/links-bg.png) no-repeat left -50px; z-index: 50;
}
.other .contentSec ul.links li.on span{background: transparent url(/images/links-bg.png) no-repeat left -75px;}

/* BOTÕES DOWNLOAD + VOLTAR */
.other p.tutorialBts{margin-top: 50px;}
.other p.tutorialBts a{
  display: block; position: relative; height: 30px; text-shadow: #fff 0px 1px 1px;
  font-size: 11px; line-height: 30px; text-align: center; text-decoration: none; color: #84a2a2; text-transform: uppercase;
}
.other p.tutorialBts a.voltar{
  float: left; width: 75px; padding-left: 10px;
  background: transparent url(/images/tutoriais-bt.png) no-repeat right top;}
.other p.tutorialBts a.download{
  float: right; width: 110px; z-index: 0;
  background: transparent url(/images/tutoriais-bt.png) no-repeat left top;}
.other p.tutorialBts a.download span{
  display: block; position: absolute; left: 75px; top: -5px; width: 45px; height: 45px; z-index: 100;
  background: transparent url(/images/tutoriais-pdf.png) no-repeat left top; text-indent: -5555px;
}
.other p.tutorialBts a:hover{text-shadow: #118bbb 0px 1px 1px; color: #FFF;}
.other p.tutorialBts a.voltar:hover{background-position: right bottom;}
.other p.tutorialBts a.download:hover{background-position: left bottom;}

/* AVISO */
.other p.aviso{
  display: block; position: relative; float: left; width: 555px; min-height: 20px; padding: 10px 0 5px 35px;
  font-size: 10px; line-height: 12px; color: #909090; border-top: 1px solid #e8e8e8; margin-top: 30px;
  background: transparent url(/images/aviso-bg.gif) no-repeat left 10px;
}
/* BOTÕES BOTTOM */
.other p.bottom{
  display: block; position: relative; float: left; width: 642px; height: 12px; padding: 4px;
  background: transparent url(/images/navBottom-bg.png) no-repeat left top; overflow: hidden;
}
.other p.navbottom{height: 28px; padding-top: 26px;}

.other p.bottom a{
  display: block; position: relative; width: auto; height: 28px; text-transform: uppercase;
  font: 15px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #cac8c8;
  text-decoration: none; padding: 0 25px;
}
.other p.bottom a.lerPrev{float: left; color: #18A3DA; border-radius: 5px;/*background: transparent url(/images/maisnoticias-bg.png) no-repeat left 0px;*/-webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease;}
.other p.bottom a.lerNext{float: right; color: #18A3DA; border-radius: 5px;/*background: transparent url(/images/maisnoticias-bg.png) no-repeat right -56px;*/-webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease;}
.other p.bottom a.lerMais{float: right; background: transparent url(/images/maisnoticias-bg.png) no-repeat left -112px;}

.other p.bottom a.lerPrev:hover{box-shadow: inset 0 0 0 1px #18A3DA;}
.other p.bottom a.lerNext:hover{ box-shadow: inset 0 0 0 1px #18A3DA;}
.other p.bottom a.lerMais:hover{background-position: left -140px;}
.other p.middle{display: block; position: relative; float: left; width: 642px; height: 32px; padding: 4px; text-indent: -5555px; background: transparent url(/images/content-bg.png) no-repeat left top; overflow: hidden;}
.other ul li{padding: 0 0 10px 20px; background: transparent url(/images/arrow.png) no-repeat left 3px;}

/* RESUMO */
.resumo{font-size: 15px; line-height: 18px;}

/*------------------------------------------------------------------------
  BLOCO
------------------------------------------------------------------------*/
.secondary .bloco{display: block; position: relative; float: left; width: 250px; height: auto; margin: 0 0 15px 10px; padding: 20px 0 0 0; font: normal 11px/13px "Trebuchet MS", Helvetica, Arial, sans-serif; color: #9d9d9d; background: transparent url(/images/bloco-bg.png) no-repeat left top;}
.secondary .bloco h3{ font-size: 15px; line-height: 13px; font-weight: normal; color: #18a3da; text-shadow: #fff 0px 1px 1px; padding: 0 10px;}
.secondary .bloco p{padding: 5px 10px;}
.secondary .bloco ul{display: block; position: relative; float: left; width: 230px; padding: 5px 10px 10px 10px;background: #FFF url(/images/bloco-bg.png) no-repeat right bottom;}
.secondary .bloco ul li{display: block; position: relative;background: #FFF url(/images/bloco-bt.png) no-repeat right top; padding: 0 3px 0 0;}
.secondary .bloco ul li a{display: block; position: relative; float: left; width: auto; height: 30px; line-height: 30px;text-transform: uppercase; color: #FFF; text-shadow: #09719a 0px 1px 1px; text-decoration: none;background: #FFF url(/images/bloco-bt.png) no-repeat left top; padding: 0 27px 0 30px;}
.secondary .bloco ul li:hover{background: #FFF url(/images/bloco-bt.png) no-repeat right bottom;}
.secondary .bloco ul li:hover > a{background: #FFF url(/images/bloco-bt.png) no-repeat left bottom; text-shadow: #800800 0px 1px 1px;}

.left {float: left;}
.right{float: right;}

.secondary .texto{background: transparent url(/images/blocoTxt-bg.png) no-repeat right bottom; padding: 0 0 20px 0;}
.secondary .texto p{text-align: center; padding: 20px 10px 0 10px; font-size: 12px; line-height: 14px; color: #19538a; background: transparent url(/images/blocoTxt-bg.png) no-repeat left top; text-shadow: #fff 0px 1px 1px;}
.catg{margin:0 0 17px 5px;}

/*----------------------------------------------------------------------
  FOOTER
------------------------------------------------------------------------*/
footer{position: relative; width: 955px; height: auto; margin:0 auto;}
footer ul.botoes{width: 955px; height: 110px;}
footer ul.botoes li{position: relative; float: left;}
footer ul.botoes li a{display: block; width: 235px; height: 110px; margin-right: 5px;  padding: 0; text-decoration:none; color:#404041;}
footer ul.botoes li a.bt04{margin-right: 0;}
footer ul.botoes li a.bt01:hover{background-position: 0px -110px;}
footer ul.botoes li a.bt02:hover{background-position: -235px -110px;}
footer ul.botoes li a.bt03:hover{background-position: -470px -110px;}
footer ul.botoes li a.bt04:hover{background-position: -705px -110px;}
footer ul.botoes li a h3, footer ul.botoes li a:link h3, footer ul.botoes li a:visited h3 {font-family:"aauxM", Arial, Helvetica, sans-serif; font-size:22px; text-transform:none; color:#404041; letter-spacing:-1px; padding-left:15px; color:#404041;}
footer ul.botoes li a:hover h3 {color:#18A3DA;}
footer ul.botoes li a p, footer ul.botoes li a:link p, footer ul.botoes li a:visited p{padding-left:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#404041; }
footer ul.botoes li a:hover p {color:#18A3DA;}

footer .footerBottom{position: relative; float: left; width: 925px; height: 60px; margin-top: 15px; padding: 20px 15px;border-top: 1px solid #d2d7d9; font-size: 10px; color: #343434; background: transparent url(/images/footerBottom-bg.png) no-repeat center top;}
footer .footerBottom a{color: #18a3e0; text-decoration: none;}
footer .footerBottom a:hover, #footer .footerBottom a:focus{text-decoration: underline;}

/* FOOTER LEFT */
footer .footerBottom .copy {margin-top:5px;}
footer .footerBottom .copy strong{width:100px; font-size: 14px; height: 16px; padding-bottom: 1px;}

/* FOOTER RIGHT */
footer .footerBottom ul{display: block; position: relative; float: right;  height: 16px; margin-left: 100px;}
footer .footerBottom ul li{ float: right; margin-left: 10px; padding-left: 10px;}
footer .footerBottom ul li.last{margin-right: 0px; padding-right: 0px; background: none;}
footer .footerBottom ul li a{display: block; position: relative; color: #404041; font-weight: bold; font-size: 12px; line-height: 12px; padding-top: 2px;text-decoration: none; border-bottom: 1px solid #18a3e0;}
footer .footerBottom ul li a:hover,
footer .footerBottom ul li a:focus{color: #18a3e0; border-bottom: 1px solid transparent;}
footer .footerBottom .ajuda{font-size: 11px; display: block; position: absolute; top:37px; right:15px; width: auto; }

footer .footerBottom ul.redes{ float:right; height:auto; margin-right: 10px;}
footer .footerBottom ul.redes li{ position: relative; float: left; width: 35px; line-height: 35px; height: 35px; padding: 0; background:none; margin-left:0;}
footer .footerBottom ul.redes li a{display: block; position: relative; float: left; width: 35px; height: 35px; text-indent: -5555px; padding: 0; border-bottom:0;}
footer .footerBottom ul.redes li a.facebook{background: transparent url(/images/redes-bt.png) no-repeat left top; margin-right: 5px;}
footer .footerBottom ul.redes li a.twitter{background: transparent url(/images/redes-bt.png) no-repeat right top;}

footer .footerBottom ul.redes li a.facebook:hover{background-position: left bottom;}
footer .footerBottom ul.redes li a.twitter:hover{background-position: right bottom;}

footer .footerBottom ul.redes li.google-plus { padding-top: 4px; }

/*-------------------------------------------------------------------------
=ERROS
-------------------------------------------------------------------------*/
.contentErro{display: block; position: relative; float: left; width: 365px; height: auto; padding: 10px 450px 40px 140px;}
.contentErro h2{color: #edeeed; text-shadow: #006699 0px 1px 1px; padding-bottom: 15px;}
.contentErro p{padding-bottom: 10px;}
.contentErro ul{padding-bottom: 15px;}
.contentErro ul li{padding: 0 0 7px 15px; background: transparent url(/images/mapa-bg.png) no-repeat left 5px;}
.contentErro a{color: #404041; font-weight: bold; text-decoration: none; border-bottom: 1px solid #18a3e0;}
.contentErro a:hover{background-color: #18a3e0; border-bottom: none;}

.erro404 {background: transparent url(/images/erro404.png) no-repeat 570px 80px;}
.erro422 {background: transparent url(/images/erro422.png) no-repeat 570px 80px;}
.erro500 {background: transparent url(/images/erro500.png) no-repeat 570px 80px;}

/*-------------------------------------------------------------------------
=DEFINITION LIST
-------------------------------------------------------------------------*/
dl.lista dt{
  text-transform: uppercase; font-size: 13px; font-weight: bold;
  color: #336699; text-shadow: #ffffff 0px 1px 1px; border-top: 1px solid #e8e8e8;
  background: transparent url(/images/lista-bg.png) no-repeat center top;
}
dl.lista dt span{display: block; background: transparent url(/images/lista-icon.png) no-repeat 15px 15px; padding: 15px 10px 15px 45px;}
dl.lista dd{padding: 0 0 20px 0; color: #b1b1b1; font-size: 13px; line-height: 15px; color: #676767;}
dl.faq dd{padding: 0 10px 20px 45px;}

dl.lista dd.bg{background-color: #e7f3f3;}
dl.lista dt:hover span{color: #18a3da; cursor: pointer; background-position: 15px -103px;}
dl.lista dt.first{background-image: none; border: none;}
dl.lista dt.selected{background-color: #e7f3f3;}
dl.lista dt.selected span{color: #18a3da; background: transparent url(/images/lista-icon.png) no-repeat 15px -221px;}

/* LISTA TUTORIAIS */
.content ul.tutoriais li{display: block; position: relative; float: left; width: 590px; height: auto; padding: 10px 0 20px 0; overflow: inherit;
  background: transparent url(/images/lista-bg.png) no-repeat center top; border-top: 1px solid #e8e8e8;}
.content ul.tutoriais li.first{border: none;}
.content ul.tutoriais li:hover > h4{color: #18a3da;}
.content ul.tutoriais li h4{display: block; position: relative; float: left; width: 590px; color: #226694; text-transform: uppercase;}
.content ul.tutoriais li div{display: block; position: relative; float: left; width: 450px; margin: 5px 20px 0 0;}
.content ul.tutoriais li p{padding-bottom: 5px; font-size: 11px; line-height: 13px; color: #676767;}
.content ul.tutoriais li ul{display: block; position: relative; float: left; width: 120px;}
.content ul.tutoriais li ul li{display: block; position: relative; float: left; width: 110px; height: 30px; padding: 0; margin-bottom: 1px; z-index: 0; border: 0;}
.content ul.tutoriais li ul li a{display: block; position: relative; float: left; width: 110px; height: 30px; z-index: 0;font-size: 11px; line-height: 30px; text-align: center; text-decoration: none; color: #84a2a2; text-transform: uppercase; background: transparent url(/images/tutoriais-bt.png) no-repeat left top; text-shadow: #fff 0px 1px 1px;}
.content ul.tutoriais li a span{ display: block; position: absolute; left: 75px; top: -3px; width: 45px; height: 45px; z-index: 100; background: transparent url(/images/tutoriais-pdf.png) no-repeat left top; text-indent: -5555px;}
.content ul.tutoriais li ul li a:hover{background-position: left bottom; text-shadow: #118bbb 0px 1px 1px; color: #FFF;}
.tutoriais h4 a, .tutoriais h4 a:visited {text-decoration:none; color:#18A3DA;}
.tutoriais h4 a:hover {text-decoration:none; color:#D64B10;}
.tutoriais li a ,
.tutoriais li a:link p,
.tutoriais li a:visited p {text-decoration:none; color:inherit; color: #676767;}
.tutoriais li a:hover p{text-decoration:none; color:#D64B10; }
/* LISTA NIVEIS */
.content ul.niveis li{
  display: block; position: relative; width: 100%; padding: 1px 0 0 0; text-transform: uppercase;
  color: #336699; text-shadow: #ffffff 0px 1px 1px; border-top: 1px solid #e8e8e8; font-size: 13px; font-weight: bold;
  background: transparent url(/images/lista-bg.png) no-repeat;
}
.content ul.niveis li span{display: block; background: transparent url(/images/lista-icon.png) no-repeat 15px 15px; padding: 15px 10px 15px 45px;}
.content ul.niveis li span:hover{color: #18a3da; cursor: pointer; background-position: 15px -103px;}
.content ul.niveis li span.selected{color: #18a3da; background: #e7f3f3 url(/images/lista-icon.png) no-repeat 15px -221px;}
.content ul.niveis li dl.bg {background-color: #e7f3f3;}
.content ul.niveis li.first{background-image: none; border: none;}

ul.niveis li dl{display: block; position: relative; width: 610px; height: auto; overflow: hidden; padding-bottom: 20px;}
ul.niveis li dl dt{
  display: block; position: relative; float: left; clear: left; width: 150px; height: 20px;
  font-size: 13px; color: #7a9b99; text-transform: none; padding: 10px 10px 0 45px;
  background: transparent url(/images/icones-niveis.png) no-repeat;
}
ul.niveis li dl dd{
  display: block; position: relative; float: left; width: 390px; padding: 10px 15px 10px 0;
  font-size: 13px; line-height: 16px; text-transform: none; color: #676767;
}
ul.niveis li dl dt.niveis01{background-position: 7px 0;}
ul.niveis li dl dt.niveis02{background-position: 7px -30px;}
ul.niveis li dl dt.niveis03{background-position: 7px -60px;}
ul.niveis li dl dt.niveis04{background-position: 7px -90px;}
ul.niveis li dl dt.niveis05{background-position: 7px -120px;}
ul.niveis li dl dt.niveis06{background-position: 7px -150px;}
ul.niveis li dl dt.niveis07{background-position: 7px -180px;}
ul.niveis li dl dt.niveis08{background-position: 7px -210px;}
ul.niveis li dl dt.niveis09{background-position: 7px -240px;}
ul.niveis li dl dt.niveis10{background-position: 7px -270px;}

ul.niveis li dl dd a img{border: 3px solid #fff;}
ul.niveis li dl dd a:hover img{border: 3px solid #28a9db;}


/*-------------------------------------------------------------------------
=DEFINITION LIST
-------------------------------------------------------------------------*/
dl.mapa dt.linha{border-top: 1px solid #aaaaaa;}
dl.mapa dt{
  text-transform: uppercase; font-size: 13px; padding-top: 10px; font-weight: bold;
  text-shadow: #d4d4d4 0px 1px 1px; border-top: 1px solid #f3f3f3; margin-top: 10px;
}
dl.mapa dt a{text-decoration: none; color: #18a3da;}
dl.mapa dd{padding: 0 0 5px 0; color: #b1b1b1; font-size: 12px; line-height: 14px;}
dl.mapa dd a{color: #878787; text-decoration: none;}

/* HOME */
.home #wrapper .contentEsq{padding: 40px 0 15px 15px; margin-right: 50px;}
.home #wrapper .contentEsq h2{color: #FFF; text-shadow: #006699 0px 1px 1px; padding: 0 0 15px 0;}
.secondary h2 span{display: block; padding-bottom: 10px; font-size: 32px; line-height:19px; font-weight:normal; }
.secondary .lt{padding:20px 0;}
.secondary .front{ text-shadow: #e4eeed 0px 1px 1px; padding-bottom: 10px; font-size: 16pt;line-height: 18pt;color: #09C;  }
.home #wrapper .content{width: 610px; height: 410px; padding: 0; margin: 0; background: none; }

#contentFlash h4, #wrapper #contentFlash p,
#contentFlash ul, #wrapper #contentFlash a{color: #fff;}
#quiz{display: block; width: 610px; height: 410px; padding: 0; margin-bottom: 20px; background: none;}


#contentFlash #destaque{
  display: block; width: 530px; height: 350px; padding: 30px 40px;
  background: #f3f5f5 url(/images/destaque-bg.png) no-repeat left top;
}
#contentFlash #destaque h3{color: #1b71a7; font-size: 60px; line-height: 57px; font-weight: bold;}
#contentFlash #destaque p{display: block; position: absolute; left: 415px; top: 320px; width: 195px; line-height: 20px; padding: 0;}
#contentFlash #destaque p a{text-decoration: none; background: none;}
#contentFlash #destaque p a strong{display: block; font-size: 18px; color: #1b71a7;}
#contentFlash #destaque p a span{
  display: block; font-size: 15px; color: #213946; padding-left: 20px;
  background: transparent url(/images/arrow.png) no-repeat 1px 4px;
}
#contentFlash #destaque p a:hover span{text-decoration: underline;}

/*-------------------------------------------------------------------------
=FORM
-------------------------------------------------------------------------*/
.fieldset {display: block; position: relative; float: left; width: 610px; height: auto; overflow: hidden; margin-top: 20px;}
.fieldset h3{padding: 0 0 5px 0;}
.fieldset h3 span{
  display: block; position: absolute; right: -20px; top: 0; width: 25px; height: 35px; text-align: right;
  font-size: 36px; line-height: 36px; color: #ededed; text-shadow: #9d9d9d 0px 1px 1px; padding: 0;
}
.fieldset h3 span.last{color: #d1e7e7;}
.fieldset p{color: #9d9d9d; font-size: 11px; line-height: 13px;}

.convert {display: block; position: relative; float: left; width: 610px; height: auto; overflow: hidden;}
.convert p{display: block; position: relative; float: left; width: auto; color: #9d9d9d; font-size: 11px; line-height: 13px; padding: 0;}
.convert p input{width: 40px;}
.convert p input[type="radio"]{width: auto; margin-right: 7px; margin-left: 7px;}

.convert .both{
  display: block; position: relative; float: left; width: 268px; padding: 5px 10px;
  background: #f3f5f5 url(/images/calculadora-bg.gif) repeat-x bottom; overflow: hidden;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #fff;
}
.convert .both p.esq{display: block; position: relative; float: left; width: auto; line-height: 20px;}
.convert .both p.dta{display: block; position: relative; float: right; width: auto;}

.convert .both p.top{display: block; position: relative; width: 268px; padding: 0 0 5px 0;}
.convert .both p.top input{display: block; position: relative; float: left;}
.convert .both p.top label{
  display: block; position: relative; float: right; width: 80px; text-align: right;
  font-size: 17px; line-height: 20px; color: #18a3da; text-shadow: #FFF 0px 1px 1px;
  margin-right: 40px;
}
.convert .both p.bot{display: block; position: relative; width: 268px; padding: 5px 0 6px 0;}

.convert .convertLeft{display: block; position: relative; float: left; width: 290px; margin-right: 30px;}
.convert .convertRight{display: block; position: relative; float: left; width: 290px; overflow: inherit;}

.convert .nota{padding-top: 5px;}

#odd_dec2, #odd_dec{font-size: 17px; color: #333333;}

/* ESQUERDA */
.fieldLeft{display: block; position: relative; float: left; width: 290px; margin-right: 30px;}
.fieldLeft p a.toggleLink{text-decoration: none; font-weight: bold;}
.fieldLeft p a.toggleLink:hover{color: #db5413;}


.fieldLeft #aviso p{background-color: #e5efef; padding: 5px 10px 7px 10px; color: #18a3da; text-shadow: #FFF 0px 1px 1px;}

/* DIREITA */
.fieldRight{display: block; position: relative; float: left; width: 290px; overflow: hidden;}
.fieldRight p{
  display: block; position: relative; float: left; width: 268px; height: auto; overflow: hidden; padding: 5px 10px;
  background: #f3f5f5 url(/images/calculadora-bg.gif) repeat-x bottom;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #fff;
}
.fieldRight p.pSmall{width: 123px; min-height: 23px; float: left;}

/* CAMPOS */
.fieldRight p input{border: 1px solid #b8c6c7; width: 45px; height: 20px; text-align: right; padding: 0 5px; float: right;}
.fieldRight p select{border: 1px solid #b8c6c7; width: auto; height: 20px; text-align: right; padding: 0; float: right;}
.fieldRight p label{display: block; color: #637374; font-size: 11px; line-height: 13px; padding-top: 5px; text-shadow: #fff 0px 1px 1px; float: left; width: 150px;}
.fieldRight p label.comissao{width: 50px;}
.fieldRight p #freebet{border: none;}

/* CAMPOS Resultado */
.fieldRight p.aposta{
  width: 123px; font-size: 11px; color: #637374; text-shadow: #fff 0px 1px 1px;
  background: #f3f5f5 url(/images/calculadora-bg.gif) repeat-x bottom;
  text-align: center; padding: 10px;
}
.fieldRight p.aposta strong{font-size: 17px; line-height: 20px; color: #3a3a3c;}
.fieldRight p.aposta label{width: 100%; text-align: center; font-size: 17px; color: #333;}
.fieldRight p.aposta label.lucros_neg{color: #cc0000;}
.fieldRight p.aposta label.lucros{color: #339900;}

.fieldRight p.valor{
  width: 123px; height: 38px; font-size: 10px; color: #637374; text-shadow: #fff 0px 1px 1px;
  background: transparent url(/images/calculadora-copy.png) no-repeat left bottom;
  text-align: center; padding: 10px;
}
.fieldRight p.valor input{
  width: 123px; height: 24px; text-align: center; border: none; background-color: transparent;
  font-size: 21px; line-height: 22px; color: #18a3da; padding: 0; margin: 2px 0 0 0;
}

.fieldRight p.clip{width: 143px; height: 58px; padding: 0; margin: 0;}
.fieldRight p.valor a{
  display: block; position: relative; float: left; width: 133px; height: 38px;
  color: #637374; text-shadow: #fff 0px 1px 1px; margin: 0; padding: 10px 5px;
  background: transparent url(/images/calculadora-copy.png) no-repeat left bottom; text-decoration: none;
}
.fieldRight p.valor a span{
  display: block; position: absolute; left: 115px; top: 5px; width: 23px; height: 25px; text-indent: -5555px;
  background: transparent url(/images/calculadora-copy2.png) no-repeat left bottom;
}
.fieldRight p.valor a:hover{background-position: right bottom; color: #4e4f51;}
.fieldRight p.valor a:hover input{color: #fff; text-shadow: #0f8bbd 0px 1px 1px;}
.fieldRight p.valor a:hover span{background-position: right bottom;}

/*SLIDER*/
*.slider_fundo {
  color: #333; width: 268px; float: left; padding: 15px 10px 30px 10px;
  margin: 0; line-height: 0px; font-size: 0px; text-align: left;
  background: #f3f5f5 url(/images/calculadora-bg.gif) repeat-x bottom;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #fff;
}
*.slider_fundo *.carpe_slider_slit{
  width: 270px; height: 25px; margin: 3px 0 2px 0px; line-height: 0px; position: absolute;
  background: transparent url(/images/pista.png) no-repeat top left;
}
*.slider_fundo *.botao {
  position: relative; margin: 0;
  line-height: 0px; font-size: 0px; text-align: left;
}


*.slider_fundo span{
  display: block; position: absolute; top: 37px; width: 130px; height: 10px;
  font: 9px/9px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #a7a7a7;
  text-transform: uppercase;
}
*.slider_fundo span.slider-esq{left: 10px; text-align: left;}
*.slider_fundo span.slider-dta{right: 10px; text-align: right;}

/*-------------------------------------------------------------------------
=404
-------------------------------------------------------------------------*/
.page-not-found {
  background-color: transparent;
  padding: 0;
}

.page-not-found img {
  max-width: 100%;
}

/*-------------------------------------------------------------------------
=SLIDESHOW
-------------------------------------------------------------------------*/
#slideshow{
  display: block; position: relative; float: left; width: 610px; padding: 30px 0 10px 0; margin-top: 10px;
  font: 18px/21px "aauxM", "Trebuchet MS", Arial, Helvetica, sans-serif;
  background: #f5fcfd;
  background-image: linear-gradient(bottom, rgb(241,251,253) 23%, rgb(255,255,255) 62%, rgb(255,255,255) 81%);
  background-image: -o-linear-gradient(bottom, rgb(241,251,253) 23%, rgb(255,255,255) 62%, rgb(255,255,255) 81%);
  background-image: -moz-linear-gradient(bottom, rgb(241,251,253) 23%, rgb(255,255,255) 62%, rgb(255,255,255) 81%);
  background-image: -webkit-linear-gradient(bottom, rgb(241,251,253) 23%, rgb(255,255,255) 62%, rgb(255,255,255) 81%);
  background-image: -ms-linear-gradient(bottom, rgb(241,251,253) 23%, rgb(255,255,255) 62%, rgb(255,255,255) 81%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.23, rgb(241,251,253)), color-stop(0.62, rgb(255,255,255)), color-stop(0.81, rgb(255,255,255)));
  -moz-box-shadow: inset 0 0 5px #e7e7e7; -webkit-box-shadow: inset 0 0 5px #e7e7e7; box-shadow: inner 0 0 5px #e7e7e7;
  -moz-border-radius: 10px; border-radius: 10px;
}
#slideshow .sombraRodape{
  display: block; position: absolute; left: -20px; bottom: -14px; width: 650px; height: 30px;
  background: transparent url(/images/slideshow-bg.png) no-repeat center bottom;
}
#slideshow h3{
  position: relative; width: 470px; padding: 0px 70px 20px;
  font: 21px/23px "aauxB", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#slideshow .slideWrapper{display: block; position: relative; overflow: hidden;}
#slideshow ul#slide{display: block; position: relative; float: left;}
#slideshow ul#slide li{
  display: block; position: relative; float: left; width: 470px;
  padding: 0px 70px 30px; opacity:0;
  background-position: right bottom; background-repeat: no-repeat; background-image: none;
}
#slideshow ul#slide li.selected{display:block; opacity:1;}
#slideshow h4{ font: 20px/23px "aauxpro-medium", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; padding: 0 0 15px 0; }
#slideshow h4 span{
  display: block; position: absolute; top: 0px; left: 35px; width: 25px; height: 25px;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
  font: 15px/25px "aauxM", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF;
  text-align: center; background: #28a1d6;
}


#slideshow a.linkImg{padding: 0; background: none;}

#slideshow .nota{
  display: block; /*position: relative; float: left;*/ width: 470px; padding: 10px; font-size: 16px; line-height: 19px;
  background: #e6f3fa; border: 1px solid #b5c4c6; margin-top: 20px;
  overflow: hidden;
}

/* FOOTER */
#slideshow .slideFooter{
  display: block; position: relative; padding: 25px 70px 15px; overflow: hidden;
  background: transparent url(/images/slideshow/slideFooter-bg.png) no-repeat center top;
}

/* FOOTER= Navegação */
#slideshow .slideNav{display: block; position: relative; float: right; padding: 0;text-align: center;font: 14px/25px "aauxM", "Trebuchet MS", Arial, Helvetica, sans-serif;}
#slideshow .center{ margin: 0 auto; float: none; width: 155px; }



#slideshow .slideNav span{
  display: block; position: relative; float: left; padding: 0 3px 0 0;
  background: #FFF url(/images/slideshow/slideshow-bt.png) no-repeat right top;
}
#slideshow .slideNav span#slidePrev{margin-right: 5px;}
#slideshow .slideNav span span{
  display: block; position: relative; float: left; width: auto; height: 25px; line-height: 25px;
  text-decoration: none; color: #000;
  background: #FFF url(/images/slideshow/slideshow-bt.png) no-repeat left top; padding: 0 7px 0 10px;
}
#slideshow .slideNav span:hover{background: #FFF url(/images/slideshow/slideshow-bt.png) no-repeat right -25px; cursor: pointer;}
#slideshow .slideNav span:hover > span{background: #FFF url(/images/slideshow/slideshow-bt.png) no-repeat left -25px;}
#slideshow .slideNav span.disabled{background-position: right bottom; display:none;}
#slideshow .slideNav span.disabled span{background-position: left bottom;}
#slideshow .slideNav span.disabled:hover, #slideshow .slideNav span.disabled:hover > span{cursor: default;}

#slideshow .slidePag{position: relative; float: left; width: 300px; height: auto; margin: 0; padding: 2px 0; font: 14px/25px "aauxM", "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* FOOTER= Paginação */
#slideshow .slidePag li{position: relative; float: left; width: 25px; height: 25px; margin: 1px 1px 0 0; padding: 0; font: 13px/26px "aauxM", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-align: center; background: transparent url(/images/slideshow/slidePag-bg.png) no-repeat left top; text-shadow: #779ea4 0px 1px 1px;}
#slideshow .slidePag li.on{background: transparent url(/images/slideshow/slidePag-bg.png) no-repeat right top;}


/*-------------------------------------------------------------------------
=SLIDESHOW AUTOMATICO
-------------------------------------------------------------------------*/
.home #wrapper .content {margin-bottom: 40px;}
#slides{position: relative; width: 610px; min-height:410px; overflow: hidden; margin: 0 2px 10px 0; padding: 0; letter-spacing: -4px; font: 45px/38px "aauxB", "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #22699d!important;
}
#slides div{display: block; position: absolute; top: 0; left: 0; margin: 0; padding: 0!important; display: none;}
#slides div:first-child{display: block;}
#slides div img{display: block; position: absolute; top:0; left: 0;}
#slides div span{display: block; position: absolute; top:35px; left: 48px; width: 515px; font: 45px/38px "aauxB", "Trebuchet MS", Arial, Helvetica, sans-serif;}
#slides div a{color: inherit!important; text-decoration: none;}

#slides .btLink{display: block; position: absolute; left: 420px; top: 295px; width: 130px;padding: 0 0 0 20px; letter-spacing: 0px; font: 17px/16px "aauxB", "Trebuchet MS", Arial, Helvetica, sans-serif!important; color: #FFF;
  background: url(/images/btLink-bg.png) no-repeat left 1px;}


/*--------------------------------------------------------------------
    Imported from idioma-pt.css
-----------------------------------------------------------------------*/

/*------------------------------------------------------------------------
  PORTUGUÊS
------------------------------------------------------------------------*/

/* COLUNA ESQUERDA */
.contentEsq #academia a{background: transparent url(/images/destaque-academia.png) no-repeat center top;}
.contentEsq #picks a{background: transparent url(/images/destaque-picks.png) no-repeat left top;}
.nothome .faqs_nav {margin-left:5px; width:260px; height:200px; background:url(/images/original_seccao-faq.png) no-repeat 0 0;}
.nothome .faqs_nav a{width:260px; height:200px; display:block;}
.secondary h2.teste{margin-left:5px; background:url(/images/original_test-section.png) no-repeat 0 0; width:260px; height:200px; margin-bottom:8px;}
.nothome .teste a{width:260px; height:200px; display: block;}
.secondary .calculadora{margin-left:5px; background:url(/images/calculator-section.png) no-repeat 0 0; width:260px; height:200px; margin-bottom:8px;}
.secondary .como_funciona{margin-left:5px; background:url(/images/seccao-funciona.png) no-repeat 0 0; width:270px; height:200px; margin-bottom:22px;}
.secondary .niveix {margin-left:5px; background:url(/images/original_levels-section.png) no-repeat 0 0; width:270px; height:200px; margin-bottom:22px;}
.secondary .tuts {margin-left:5px; background:url(/images/original_tutorials-section.png) no-repeat 0 0; width:270px; height:200px; margin-bottom:22px;}

/* LINKS */
.contentMain .content ul.noticias li p.linkNoticia a{
  width: 64px; height: 14px; margin: 5px 0px 0px 380px;
  background: transparent url(/images/bloco-link.gif) no-repeat right top;
}
.contentMain .content p.linkNoticia a{
  width: 64px; margin: 5px 0px 0px 380px;
  background: transparent url(/images/bloco-link-voltar.gif) no-repeat right top;
}
.bloco p.link a{background: transparent url(/images/bloco-link.gif) no-repeat right top;}
ul.eventos p.link a{background: transparent url(/images/bloco-link.gif) no-repeat right top;}

p.navBottom a.lerPrev{float: left; background: transparent url(/images/maisnoticias-bg.png) no-repeat 0px 0px;}
p.navBottom a.lerNext{float: right; background: transparent url(/images/maisnoticias-bg.png) no-repeat -110px 0px;}
p.navBottom a.lerMais{float: right; background: transparent url(/images/maisnoticias-bg.png) no-repeat -220px 0px;}

/* REDES SOCIAIS */
.contentMain .contentDta p a.facebook{background: transparent url(/images/redes-sociais.png) no-repeat left top;}
.contentMain .contentDta p a.twitter{background: transparent url(/images/redes-sociais.png) no-repeat left bottom;}

/* FOOTER */
footer ul.botoes li a.bt01{background: transparent url(/images/footer-bt.png) no-repeat 0px 0px;}
footer ul.botoes li a.bt02{background: transparent url(/images/footer-bt.png) no-repeat -235px 0px;}
footer ul.botoes li a.bt03{background: transparent url(/images/footer-bt.png) no-repeat -470px 0px;}
footer ul.botoes li a.bt04{background: transparent url(/images/footer-bt.png) no-repeat -705px 0px;}

/* CONTACT FORM */

.chat{

  position: fixed;
  bottom: -206px;
  right: 50px;
  background: none repeat scroll 0% 0% #FFF;
  width: 280px;
  border-radius: 4px;
  overflow: hidden;
  z-index: 999;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(85, 85, 87, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(85, 85, 87, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(85, 85, 87, 0.5);
}

.chat .wrapper {
  padding: 10px;
}

.chat textarea, .chat input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #E4E4E4;
  color: #808080;
  width: 100%;
  padding: 8px;
  margin-bottom: 5px;
  font-size: .9em;
  border-radius: 3px;
  -moz-border-radius: 3px;
}

.chat textarea{
    resize: none;
    height: 70px;
}

.chat input.submit{
    border: medium none;
    background-color: #1295F2;
    width: 100%;
    color: white;
}

.chat h1{
    font-size: 14px;
    background-color: #5BA0D0;
    width: 265px;
    height: 30px;
    color: white;
    line-height: 33px;
    margin-top: 0px;
    font-weight: 400;
    padding-left: 15px;
    padding-bottom: 3px;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.chat-open{
    bottom: -4px;
}

.chat h1:hover{

    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 10px 10px rgba(255, 255, 255, 0.2) inset;
}

.chat input[type="submit"]{
    height: 34px;
}



/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/*
    Mister Chip - es version
*/

#masterVideo {
    background: url("/images/master-video.png") no-repeat scroll center bottom #0094BA;
    color: #FFFFFF;
    height: 145px;
    margin-top: 10px;
    padding: 5px;
    width: 280px;
}

/* SITEMAP */
.sitemap-content-esq{
  float: left;
  width: 270px;
}

.sitemap-content{
  width: 650px;
}

/* END SITEMAP */


/* botao abrir conta */
.abrir-conta-btn{
  display: inline-block;
  width: 183px;
  height: 46px;
  background: url('/images/abrir-conta/abrircontaMD.png') 0px 0px;
  vertical-align: top;
}
.abrir-conta-btn:hover{
  background-position: 0px -47px;
}

/* BEGIN LANG BOX */
.lang-box{width: 100%;transition: height 1s; background-color: #F2F2F2;}
.lang-box-open{height: 34px;}
.lang-box-closed{height: 0px;}
.lang-box div{
width: 955px;
height: 34px;
line-height: 34px;
margin: 0 auto;
transition: height 1s;
}
.lang-box-closed div{
height: 0px;
}
/* END LANG BOX */

/* FIXED SIDEBAR */
.fixedSidebar{
  position: fixed;
  margin-left: 960px;
  background: url(/images/sidebar/fundo.png) no-repeat center;
  width: 100px;
  height: 360px;
  text-align: center;
  padding-top: 25px;
}

.fixedSidebar li{
  list-style: none;
  padding: 0;
}

.fixedSidebar a{
  background: none;
  padding: 0;
}
/* END FIXED SIDEBAR */

/* POPUP */
#popup {
    position: absolute;
    left: 30%;
    top: 10%;
    width: 40%;
    height: auto;
    max-height: 80%;
    background-color: white;
    font-family: 'Roboto', sans-serif;
    overflow-y: scroll;
    z-index: 1000;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
}

#popup-title {
    position: relative;
    width: 85%;
    height: 20%;
    background-color: #007CAB;
    color: #FFFFFF !important;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 7.5%;
    padding-right: 7.5%;
    font-size: 20px;
    line-height: 125%;
    text-align: center;
}

#popup-content {

}

.popup-content-section {
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 7.5%;
    margin-right: 7.5%;
}

.popup-content-section span {
    height: 57px;
    padding-bottom: 20px !important;
    color: #FF6463;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.popup-content-section p {
    font-size: 13px;
    color: #4D4D4D;
    line-height: 150%;
    padding: 0;
}

#popup-buttons {
    text-align: center;
    margin-bottom: 5%;
}

#popup-buttons button {
    position: relative;
    width: 35%;
    height: auto;
    padding: 2%;
    margin-left: 2%;
    margin-right: 2%;
    border: 0px;
    background-color: #007CAB;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: white;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 900;
}

/* POPUP */
#cookies-banner {
    position: fixed;
    display: block;
    width: 100%;
    height: 28px;
    max-width: 100% !important;
	margin-left: 0 !important;
    padding-top: 8px;
    bottom: 0;
    background-color: white;
    opacity: 0.80 !important;
    z-index: 1000;
    text-align: center;
}

#text-cookies {
    position: relative;
    margin-right: 0 !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color:  #4A4A4A;
}

.know-more {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-decoration: underline;
    color: #1D6C98;
    cursor: pointer;
}

#close-cookies{
    position: fixed;
    bottom: 7.5px ;
    right: 15px;
    width: 20px !important;
    text-align: center;
    height: 20px;
	top: 96.5% !important;
    line-height: 20px;
    min-width: 0% !important;
    border-radius: 50%;
    background-color: #1D6C98;
}

#close-cookies p {
    color:  white !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;
}

#cookies-popup {
    display: none;
    position: fixed;
    width: 40%;
    height: 70%;
    top: 15% !important;
    left: 30%;
    background-color: white;
    z-index: 1001;
}

#overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 900;
}

#cookies-title {
    position: relative;
    width: 100%;
    height: 7.5%;
    color: #1D6C98;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    padding: 2.5%;
}

.arrow {
    position: relative;
	display: inline-block;
    width: 26px;
    height: 26px;
	right: 80%;
    fill: #1D6C98;
    padding: 0 !important;
    left: 7.5%;
}

.question {
	top: 10%;
	left: 90%;
	display: inline-block;
	width: 80%;
}

#cookies-title p {
    position: relative;
    color: #1D6C98;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

#cookies-content {
    position: relative;
    width: 100%;
    max-height: 70%;
    padding: 2.5%;
    overflow: scroll;
}

.cookies-question {
    position: relative;
    width: 100%;
    height: auto;
    cursor: pointer;
    overflow: scroll;
    margin-bottom: 0;
    margin-left: 10px;
}

.cookies-question h5 {
    color: #7F7D7D;
    font-size: 16px;
    padding-left: 0 !important;
}

.divider {
    display: block;
    width: 95%;
    margin-top: 0px;
    margin-bottom: 20px;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: #9A9898;
}

.cookies-answer {
    position: relative;
    display: none;
    width: 95%;
    height: auto;
    margin-bottom: 10px;
    color: #9A9898;
    font-size: 13px;
}

#cookies-footer {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
}

#cookies-footer button {
    position: relative;
    width: 25%;
    height: auto;
    padding: 2%;
    margin-left: 2%;
    margin-right: 2%;
    border: 0px;
    background-color: #1D6C98;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: white;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
}


/*============ TEMPORARY PAGE ============*/
.top-image-container {
	width: 100%;
	height: auto;
	margin: 0;
}

#top-image {
	width: 100%;
	height: auto;
}

#temporary-title {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
}

.temporary-information {
	position: relative;
	left: 25%;
	width: 50%;
	text-align: center;
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px;
}