@charset "utf-8";
body { font-family: Tahoma, Geneva, sans-serif; }
header { position: fixed; top: 0px; z-index: 3; height: 50px; width: 100%; background: rgba(255,255,255,0.7); color: #000; }
header ul { list-style: none; margin: 0px; padding: 0px; display: block; margin: 10px auto 0px auto; width: 480px; text-align: center }
header ul li { margin-left: 10px; margin-right: 10px; font-size: 10px; }
header ul li a { display: inline-block; height: 14px; padding-top: 25px; text-align: center; background-repeat: no-repeat; background-position: top center; color: #333; text-decoration: none }
/*header ul li a.conteudos { background-image: url(interface/tema1/gray_dark/list_16x14.png); }
header ul li a.thumbs { background-image: url(interface/tema1/gray_dark/miniaturas.png); }
header ul li a.email { background-image: url(interface/tema1/gray_dark/mail_16x12.png); }
header ul li a.partilhar { background-image: url(interface/tema1/gray_dark/share_16x16.png); }
header ul li a.imprimir { background-image: url(interface/tema1/gray_dark/print16.png); }
header ul li a.download { background-image: url(interface/tema1/gray_dark/download_12x16.png); }
header ul li a.opcoes { background-image: url(interface/tema1/gray_dark/cog_16x16.png); }
header ul li a.acerca { background-image: url(interface/tema1/gray_dark/user_12x16.png); }*/
header ul li a:hover { color: #ccc; }
header ul li a.disabled { opacity: 0.6; color: #666 !important; cursor: default }
footer { position: fixed; bottom: 0px; z-index: 3; height: 40px; width: 100%; background: rgba(255,255,255,0.7); color: #000; }
footer div { position: absolute; display: inline-block; right: 0px; top: 0px; }
footer ul { position: relative; list-style: none; margin: 0px; padding: 0px; display: block; margin: 10px auto 0px auto; width: 530px; overflow: hidden }
footer ul li { float: left; margin-left: 10px; margin-right: 10px; font-size: 10px; }
footer ul li a { display: inline-block; height: 14px; padding-top: 15px; text-align: center; background-repeat: no-repeat; background-position: top center; color: #333; text-decoration: none }
/*footer ul li a.help { background-image: url(interface/tema1/gray_dark/question_mark_6x12.png); }
footer ul li a.first { background-image: url(interface/tema1/gray_dark/first_8x8.png); }
footer ul li a.before { background-image: url(interface/tema1/gray_dark/arrow_left_8x8.png); }
footer ul li a.next { background-image: url(interface/tema1/gray_dark/arrow_right_8x8.png); }
footer ul li a.last { background-image: url(interface/tema1/gray_dark/last_8x8.png); }
footer ul li a.zoom { background-image: url(interface/tema1/gray_dark/fullscreen_alt_8x8.png); }
footer ul li a.notas { background-image: url(interface/tema1/gray_dark/pen_alt2_8x8.png); }*/
footer ul li a.audio { position: relative; top: -15px; left: 20px; }
/*footer ul li a.fullscreen { background-image: url(interface/tema1/gray_dark/fullscreen_alt_8x8.png); }*/
footer ul li a:hover { color: #ccc; }
aside { display: none; }
section { z-index: 1; }
.next-button { z-index: 2; display: block; height: 100% !important; width: 35px; position: absolute; top: 0px; right: 1%; cursor: pointer; }
.previous-button { z-index: 2; display: block; height: 100% !important; width: 35px; position: absolute; top: 0px; left: 1%; cursor: pointer; }
.next-button.mobile-button { height: 50px !important; bottom: -10px; right: 40%; top: initial; }
.previous-button.mobile-button { height: 50px !important; bottom: -10px; left: 40%; top: initial; }
.next-button { z-index: 2; background: url(img/depois2.png) 36px center no-repeat; background-size: contain; opacity: 1; background-position: center !important; }
.previous-button { z-index: 2; background: url(img/antes2.png) -5px center no-repeat; background-size: contain; opacity: 1; background-position: center !important; }
.next-button:hover { opacity: .8 }
.previous-button:hover { opacity: .8 }
.top-button { z-index: 2; position: absolute; top: 0px; height: 30px; width: 50px; background: url(img/baixo.png) no-repeat top center; left: 50%; margin-left: -25px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.bottom-button { z-index: 2; position: absolute; bottom: 0px; height: 30px; width: 50px; background: url(img/cima.png) no-repeat bottom center; left: 50%; margin-left: -25px; border-top-right-radius: 10px; border-top-left-radius: 10px; }
/**/
#progressContainer { position: absolute; left: 50%; top: 50%; font-size: 12px; margin-left: -135px }
#progressContainer span { display: inline-block; margin-bottom: 10px }
#progressbar { text-align: center; }
/**/
.zoom-in .page > img { cursor: move }
#pagina { background: transparent; color: #333; border: 1px #666 solid; outline: 0px; width: 30px; text-align: center; }
#ok { color: #fff; outline: 0px; width: 80px; text-align: center; cursor: pointer }
#simplemodal-overlay { background-color: #000; }
#simplemodal-container {background-color: #fff;/* border: 4px solid #ccc; */padding: 30px;color: #000;opacity: 1;border-radius: 30px;-webkit-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.63);-moz-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.63);box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.63);max-width: 800px; overflow: hidden; }
#simplemodal-container h1 { font-size: 14px }
#simplemodal-container p { font-size: 12px }
#simplemodal-container a.modalCloseImg { background: url(img/fechar.gif) right no-repeat; width: 100%; height: 20px; display: block; z-index: 3200; position: relative; cursor: pointer; }
#simplemodal-data { height: 95%; }
/**/
.msgAjuda ul { list-style: none; padding: 0px; margin: 0px; width: 620px; }
.msgAjuda ul li { list-style: none; float: left; padding: 2px; background-color: #9CC; border: 1px solid #ccc; -webkit-border-radius: 0 15px 15px 0; -moz-border-radius: 15px 0 15px 0; -ms-border-radius: 15px 0 15px 0; -o-border-radius: 15px 0 15px 0; border-radius: 15px 0 15px 0; color: #fff; cursor: pointer }
.msgAjuda ul li.active { background-color: #6595AB; }
.msgAjuda > div { clear: both; width: 620px; border: 1px solid #ccc; padding: 10px; min-height: 300px; overflow: hidden }
.msgAjuda div div { display: none; font-size: 12px; position: absolute; width: 600px; }
.msgAjuda div div img { margin-bottom: 10px; margin-left: auto; margin-right: auto }
.msgAjuda div div:first-child { display: block; }
.msgAjuda a { display: inline-block; padding: 5px; background-color: #9CC; margin-top: 20px; float: right; text-decoration: none; color: #fff }
/**/
.right .tabs { width: 70px; height: 470px; right: -70px; top: 0; position: absolute; z-index: 10; display: none; }
.right .tabs > div { width: 100%; height: 100%; position: relative; overflow: hidden }
.right .tabs a { width: 80px; height: 140px; display: block; position: absolute; right: 20px; }
.right .tabs a:hover, .tabs a.on { right: 0px; }
.left .tabs { width: 70px; /*height: 100%; left: -49px;*/height: 470px; left: -4%; top: 0; position: absolute; z-index: 10; display: none; }
.magazine-mobilee.left .tabs { left: -8.67%; }
.left .tabs > div { width: 100%; height: 100%; position: relative; overflow: hidden }
.left .tabs a { width: 80px; height: 140px; display: block; position: absolute; left: 20px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
.left .tabs a:hover, .tabs a.on { left: -10px;/*left: 0;*/ }
.magazine-mobilee.left .tabs a:hover { left: 0; }
/**/
.magazine .videoverlay { width: 100%; height: 100%; z-index: 50; top: 0; left: 0; position: absolute; box-sizing: border-box; padding: 20px; display: none; background: #fff; }
.magazine .videoverlay .overlay { display: block; z-index: 51; position: absolute; left: 0; top: 0; box-sizing: border-box; padding: 20px; width: 100%; height: 100%; text-align: center; line-height: 100%; color: white; cursor: pointer; }
.magazine .videoverlay .overlay > span { display: block; position: relative; width: 100%; height: 100%; background: #414660; opacity: 0.87; padding: 20px; box-sizing: border-box; }
.magazine .videoverlay .overlay > span > span { display: inline-block; position: relative; top: 50% }
.magazine .page .videoverlay, .magazine .page .videoverlay > .overlay, .magazine .page .videoverlay > .overlay span { padding: 0; }
/**/
.magazine .topButtons { width: 100%; height: 30px; top: -30px; position: relative; z-index: 100; display: none; }
.magazine .topButtons > div { width: 100%; height: 30px; bottom: 0; position: relative; }
.magazine .topButtons .open { margin-right: auto; }
.magazine .topButtons .cover { margin-left: 50%; width: 50%; }
.magazine-mobilee .topButtons .cover { margin-left: 0%; width: 100%; }
.magazine .topButtons .back { width: 50%; }
.magazine-mobilee .topButtons .back { width: 100%; }
.magazine .topButtons a { font-family: 'claire_hand_bold', sans-serif; position: relative; cursor: pointer; color: #464444; display: inline-block;  /*text-shadow: 1px 1px 0 #fff;*/ line-height: 22px; text-decoration: none; }
.magazine .topButtons .voltar { margin-right: auto; background: #91A0ED; width: 30px; height: 30px; text-align: center; line-height: 30px; color: white; border-radius: 7px; position: absolute; bottom: 7px; }
.magazine .topButtons .caderno { margin-right: 10px; background: url(sep/meu-caderno-textless.png) no-repeat top right; width: 159px; height: 45px; text-align: center; color: white; position: absolute; right: 60px; bottom: 0; display: block; line-height: 45px; }
.magazine .topButtons .caderno > span { display: none; position: absolute; top: 45px; width: 100%; background: #A687DC; color: #fff; overflow: hidden; padding-bottom: 15px; padding-top: 15px; text-align: left; }
.magazine .topButtons .caderno:hover > span { display: block }
.magazine .topButtons .caderno a { color: #fff; }
.magazine .topButtons .caderno a.notas { display: block; color: #fff; padding: 10px 20px; }
.magazine .topButtons .caderno a.exercicios { display: block; color: #fff; padding: 10px 20px; }
.magazine .topButtons .fechar { background: #91A0ED; width: 30px; height: 30px; text-align: center; line-height: 30px; color: white; border-radius: 7px; position: absolute; bottom: 7px; right: 0; }
.magazine .topButtons .ajuda { background: #0abfa3; width: 30px; height: 30px; text-align: center; line-height: 30px; color: white; border-radius: 16px; position: absolute; bottom: 7px; right: 34px; }
.magazine .topButtons .cover .fechar { display: none; background: #91A0ED; width: 30px; height: 30px; text-align: center; line-height: 30px; color: white; border-radius: 7px; }
/**/
.magazine .bottomButtons { width: 50%; height: 45px; top: -55px; position: absolute; z-index: 101; display: none; left: 25%; }
.magazine .bottomButtons > div { width: 99.5%; height: 45px; margin-right: auto;/* padding-top: 10px */ }
.magazine .bottomButtons .open { margin-right: auto; }
.magazine .bottomButtons .cover { display: none }
.magazine .bottomButtons .back { display: none }
.magazine .bottomButtons .open > div:nth-child(1) { width: 50%; float: left; text-align: left; left: -20px; position: relative; }
.magazine .bottomButtons .open > div:nth-child(2) { width: 50%; float: right; text-align: right; right: -20px; position: relative; }
.magazine .bottomButtons a { font-family: milho_cozido, sans-serif; cursor: pointer; color: #ffffff; display: inline-block; /* text-shadow: 1px 1px 0 #fff; */ line-height: 22px; text-decoration: none; height: 45px; width: 45px; line-height: 40px; border-radius: 30px; }
.magazine .bottomButtons a:link { }
.magazine .bottomButtons a:hover { background: rgba(0,0,0,0.5) url(img/ouvir.png) 8px center no-repeat; }
.cover .bottomButtons, .back .bottomButtons { display: none !important }
/**/
.magazine .infoComplementar { width: 1px; height: 100%; top: 0; right: -1px; position: absolute; z-index: 1000; display: none; }
.magazine .infoComplementar > div { position: absolute; top: 50%; width: 167px; height: 164px; transform: translate(-30%, -50%); -ms-transform: translate(-30%, -50%); -webkit-transform: translate(-30%, -50%); }
/**/
.magazine .overflowHandler .handler { display: block; position: absolute; height: 45px; list-style: none; width: 78%; text-align: center; background: #fff; padding: 30px 0 0 0; margin: 0; top: 805px; }
.magazine .overflowHandler .handler li { display: inline-block; margin: 0 40px; width: 42px; height: 17px; top: 805px; overflow: hidden; text-indent: -100px; padding: 0; }
.magazine .overflowHandler .handler li.up { background: url(img/scroll_up.png) no-repeat center center; cursor: pointer }
.magazine .overflowHandler .handler li.down { background: url(img/scroll_down.png) no-repeat center center; cursor: pointer }
.magazine .overflowHandler .handler li.up.off { background: url(img/scroll_up_off.png) no-repeat center center; }
.magazine .overflowHandler .handler li.down.off { background: url(img/scroll_down_off.png) no-repeat center center; c
}
/**/
/*.magazine iframe { display: none}*/
.vid_trigger { background: url(img/loading.gif) top center no-repeat; }
.vid_trigger > .play { display: block; position: absolute; top: 50%; left: 50%; z-index: 2; width: 70px; height: 70px; margin-left: -35px; margin-top: -25px; background-size: 100%; }
/**/
.addthis_toolbox { vertical-align: bottom }
.addthis_toolbox .addthis_button_facebook_like { position: relative; top: 3px }
.addthis_toolbox .addthis_button_google_plusone { position: relative; top: -1px }
/**/
.region { font-size: 17pt; letter-spacing: -0.5px; }
.region .keyword { display: inline-block; text-decoration: underline; }
/**/
.firefox .jqimessage { font-weight: normal }
/**/
.regions article { width: 100%; padding: 0px 0 0px 0; overflow: hidden; z-index: 1; position: relative; }
.regions article:first-child { margin-top: 40px; }
.regions article > ul li { margin-bottom: 40px }
.even .regions article > ul { margin: 0; padding: 0; width: 32px; list-style-type: none; float: left; padding-top: 100px; }
.even .regions article > div { width: 580px;  margin-left: 50px; float: left; }
.even .regions article.forum > div { width: 585px; margin-left: 70px; }
.odd .regions article > ul { margin: 0; padding: 0; width: 32px; list-style-type: none; float: right; padding-top: 100px; }
.odd .regions article > div { width: 580px; float: right; margin-right: 50px; }
.regions .nota > div { max-height: 850px; overflow: hidden }
.regions article h1 { font-size: 16px; font-weight: bold; color: #3C3C3E; margin-bottom: 25px; }
.regions article h2 { margin: 0; font-weight: normal; color: #3C3C3E; margin-bottom: 20px; text-align: center; margin-bottom: 40px; }
.regions article h2.forum-title { margin: 0; font-weight: normal; color: #3C3C3E; margin-bottom: 20px; text-align: center; font-size: 40px; }
/*.regions article h3 { margin: 0; font-weight: normal; color: #3C3C3E; margin-bottom: 20px; text-align: center; margin-bottom: 20px; font-size: 40px }*/
.regions article h2 { }
.regions article p { height: auto !important }
.regions article p audio { width: 570px; }
/*.regions article > div img { border: 5px solid #fff; outline: 1px solid #ccc; }
.regions article > div a img { border: 0px solid #fff; outline: 1px solid #666; }*/
.regions article a { font-weight: bold; color: #DE7900; cursor: pointer; }
.regions article a[href] { font-weight:normal; color: inherit;}
.regions article >div ul, .regions article >div ul { margin: 20px 0 20px 0 }
.regions article >div li { background: url(img/seta.gif) left 3px no-repeat; padding: 0px 0 5px 20px; list-style-type: none }
.regions article >div.popup { display: none }
.even .regions { padding: 20px 0 20px 20px }
.odd .regions { padding: 20px 20px 20px 0 }
.even .filete { position: absolute; height: 90%; width: 34px; background: #E8EEED; top: 40px; left: 19px; z-index: 0; }
.odd .filete { position: absolute; height: 90%; width: 34px; background: #E8EEED; top: 40px; right: 19px; z-index: 0; }
.even .pageN { position: absolute; width: 34px; bottom: 20px; left: 19px; z-index: 0; text-align: center }
.odd .pageN { position: absolute; width: 34px; bottom: 20px; right: 19px; z-index: 0; text-align: center }
/**/
.iframe_ajuda article {display: table;width: 100%;height: 100%;max-height: 100%;}
.iframe_ajuda article h1 { height: 40px; margin: 0; padding: 0; text-align: center; font-weight: 100; }
.iframe_ajuda article h2 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.iframe_ajuda article h2:first-child { margin-top:0}
.iframe_ajuda article .tr { display: table-row; }
.iframe_ajuda article .menu {height: 45px;}
.iframe_ajuda article .textos {overflow: auto;max-height: 100%;/*padding: 0 20px 0 0;*/}
.iframe_ajuda article .close {height: 47px;}
.iframe_ajuda article .td {overflow: auto;}
.iframe_ajuda article .td p {margin: 0;font-size: 15px;}
.iframe_ajuda article ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.iframe_ajuda article ul li {display: inline-block;margin: 0 20px; position: relative; }
.iframe_ajuda article ul li a {padding: 5px 10px 5px 5px;display: block;float: left;border-radius: 10px;color: black;text-decoration: none;line-height: 21px;}
.iframe_ajuda article ul li a.selected, .iframe_ajuda article ul li a:hover {
    background: #d7f3e7;
}
.iframe_ajuda article ul li a.text:before {content: " ";display: inline-block;margin-right:5px;width: 21px;height: 21px;float: left;background: url(img/ajuda_texto.png) center center no-repeat;}
.iframe_ajuda article ul li a.audio:before {content: " ";display: inline-block;margin-right:5px;width: 21px;height: 21px;float: left;background: url(img/ajuda_audio.png) center center no-repeat;}
.iframe_ajuda article ul li a.video:before {content: " ";display: inline-block;margin-right:5px;width: 21px;height: 21px;float: left;background: url(img/ajuda_video.png) center center no-repeat;}
.iframe_ajuda #texto {
    overflow: auto;
}
.iframe_ajuda #audio {/* display: none; */ }
.iframe_ajuda #video { }
.iframe_ajuda article p.fechar { margin: 0; padding: 0; text-align: center; }
.iframe_ajuda article p.fechar span {background: #8C9AC7;color: #fff;padding: 10px 20px;display: inline-block;border-radius: 10px;text-transform: uppercase;font-family: milho_cozido;cursor: pointer;}
/**/
.gestao { text-align:  center}
.gestao .TXT {     color: #333; display:  inline-block; padding: 5px 5px 5px 30px; background: #ffb73a url(img/novo-texto.gif) 5px no-repeat; margin: 0 5px 0 5px; border-radius: 10px}
.gestao .FOT {     color: #333;display:  inline-block; padding: 5px 5px 5px  30px; background: #ffb73a url(img/nova-foto.gif) 5px no-repeat; margin: 0 5px 0 5px; border-radius: 10px}
/*
#user-data { font-family: Arial; }
#user-data fieldset { border-width: 0 0 0 1px; border-style: dashed; -webkit-padding-start: 0px; -webkit-margin-start: 15px; margin-bottom: 20px; }
#user-data fieldset legend { font-size: large; text-decoration: underline; }
#user-data > fieldset > legend { font-weight: bold; }
#user-data fieldset ul { list-style-type: none; padding: 0 15px; margin: 0px; }
#user-data fieldset ul li span { font-weight: bold; }
#user-data > hr { margin: 30px 0; }
#user-data .content-split { text-align: center; } 
#user-data > h2 { text-align: center; } 
#user-data fieldset ul li.user-data-livro { text-decoration: underline; }

@media only screen and (orientation: portrait) and (max-width:768px) {
    body:before {
        content: "Por favor rode o seu dispositivo para a disposição horizontal.";
        font-size: 25px;
        color: #FFF;
        text-align: center;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background: url(img/rotate-device.png) center center no-repeat black;
        background-size: 100px auto;
        box-sizing: content-box;
        padding-top: 26%;
        z-index: 1000;
    }  
}*/