/*RESET O POVO*/
/* ==========================================================================
Usando como base o normalize.css v2.1.3 / Com alteracoes e inclusoes
========================================================================== */
/*==========NORMALIZE==========*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video {display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) {display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox  22. */ [hidden], template {display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling *    user zoom. */ html {font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body {margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a {background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus {outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover {outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 {font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] {border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong {font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn {font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark {background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre {white-space: pre-wrap; } /** * Set consistent quote types. */ q {quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small {font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup {top: -0.5em; } sub {bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img {border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) {overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure {margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend {border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea {font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input {line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select {text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` *    and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type *    `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] {cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome *    (include `-moz` to future-proof). */ input[type="search"] {-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea {overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table {border-collapse: collapse; border-spacing: 0; }
/*==========ZERA ESPA%uFFFD%u0192%u0192%u2021AMENTOS E NORMALIZA%uFFFD%u0192%u0192%u2021%uFFFD%u0192%u0192%u0192O DE FONT NO FIREFOX==========*/
* {margin:0; padding:0; list-style:none; vertical-align:baseline;font-weight: normal;font-style: normal;}
/*==========LINKS==========*/
a {text-decoration: none; color: #A5284E;}
a:hover {text-decoration: underline;}
/*==========CLASSE CLEARFIX==========*/
.center {margin: 0 auto;text-align: left;} /*Alinha ao centro*/
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/*start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/*==========1140px==========*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%} .container12, .container16 {margin:0 auto; padding:0; position:relative; width:1140px; } .row {margin-bottom:20px;} .column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 {display:inline; float:left; margin-left:10px; margin-right:10px; } .container12 .alpha, .container16 .alpha {margin-left:0;} .container12 .omega, .container16 .omega {margin-right:0;} .container12 .column1 {width:75px;} .container12 .column2 {width:170px;} .container12 .column3 {width:265px;} .container12 .column4 {width:360px;} .container12 .column5 {width:455px;} .container12 .column6 {width:550px;} .container12 .column7 {width:645px;} .container12 .column8 {width:740px;} .container12 .column9 {width:835px;} .container12 .column10 {width:930px;} .container12 .column11 {width:1025px;} .container12 .column12 {width:1120px;} .container12 .prefix1 {padding-left:95px;} .container12 .prefix2 {padding-left:190px;} .container12 .prefix3 {padding-left:285px;} .container12 .prefix4 {padding-left:380px;} .container12 .prefix5 {padding-left:475px;} .container12 .prefix6 {padding-left:570px;} .container12 .prefix7 {padding-left:665px;} .container12 .prefix8 {padding-left:760px;} .container12 .prefix9 {padding-left:855px;} .container12 .prefix10 {padding-left:950px;} .container12 .prefix11 {padding-left:1045px;} .container16 .column1 {width:51.25px;} .container16 .column2 {width:122.5px;} .container16 .column3 {width:193.75px;} .container16 .column4 {width:265px;} .container16 .column5 {width:336.25px;} .container16 .column6 {width:407.5px;} .container16 .column7 {width:478.75px;} .container16 .column8 {width:550px;} .container16 .column9 {width:621.25px;} .container16 .column10 {width:692.5px;} .container16 .column11 {width:763.75px;} .container16 .column12 {width:835px;} .container16 .column13 {width:906.25px;} .container16 .column14 {width:977.5px;} .container16 .column15 {width:1048.75px;} .container16 .column16 {width:1120px;} .container16 .prefix1 {padding-left:71.25px;} .container16 .prefix2 {padding-left:142.5px;} .container16 .prefix3 {padding-left:213.75px;} .container16 .prefix4 {padding-left:285px;} .container16 .prefix5 {padding-left:356.25px;} .container16 .prefix6 {padding-left:427.5px;} .container16 .prefix7 {padding-left:498.75px;} .container16 .prefix8 {padding-left:570px;} .container16 .prefix9 {padding-left:641.25px;} .container16 .prefix10 {padding-left:712.5px;} .container16 .prefix11 {padding-left:783.75px;} .container16 .prefix12 {padding-left:855px;} .container16 .prefix13 {padding-left:926.25px;} .container16 .prefix14 {padding-left:997.5px;} .container16 .prefix15 {padding-left:1068.75px;} @media only screen and (min-width: 960px) and (max-width: 1160px) {.container12, .container16 {width:960px;} .container12 .column1 {width:60px;} .container12 .column2 {width:140px;} .container12 .column3 {width:220px;} .container12 .column4 {width:300px;} .container12 .column5 {width:380px;} .container12 .column6 {width:460px;} .container12 .column7 {width:540px;} .container12 .column8 {width:620px;} .container12 .column9 {width:700px;} .container12 .column10 {width:780px;} .container12 .column11 {width:860px;} .container12 .column12 {width:940px;} .container12 .prefix1 {padding-left:80px;} .container12 .prefix2 {padding-left:160px;} .container12 .prefix3 {padding-left:240px;} .container12 .prefix4 {padding-left:320px;} .container12 .prefix5 {padding-left:400px;} .container12 .prefix6 {padding-left:480px;} .container12 .prefix7 {padding-left:560px;} .container12 .prefix8 {padding-left:640px;} .container12 .prefix9 {padding-left:720px;} .container12 .prefix10 {padding-left:800px;} .container12 .prefix11 {padding-left:880px;} .container16 .column1 {width:40px;} .container16 .column2 {width:100px;} .container16 .column3 {width:160px;} .container16 .column4 {width:220px;} .container16 .column5 {width:280px;} .container16 .column6 {width:340px;} .container16 .column7 {width:400px;} .container16 .column8 {width:460px;} .container16 .column9 {width:520px;} .container16 .column10 {width:580px;} .container16 .column11 {width:640px;} .container16 .column12 {width:700px;} .container16 .column13 {width:760px;} .container16 .column14 {width:820px;} .container16 .column15 {width:880px;} .container16 .column16 {width:940px;} .container16 .prefix1 {padding-left:60px;} .container16 .prefix2 {padding-left:120px;} .container16 .prefix3 {padding-left:180px;} .container16 .prefix4 {padding-left:240px;} .container16 .prefix5 {padding-left:300px;} .container16 .prefix6 {padding-left:360px;} .container16 .prefix7 {padding-left:420px;} .container16 .prefix8 {padding-left:480px;} .container16 .prefix9 {padding-left:540px;} .container16 .prefix10 {padding-left:600px;} .container16 .prefix11 {padding-left:660px;} .container16 .prefix12 {padding-left:720px;} .container16 .prefix13 {padding-left:780px;} .container16 .prefix14 {padding-left:840px;} .container16 .prefix15 {padding-left:900px;} } @media only screen and (min-width: 768px) and (max-width: 959px) {.container12, .container16 {width:768px;} .container12 .column1 {width:44px;} .container12 .column2 {width:108px;} .container12 .column3 {width:172px;} .container12 .column4 {width:236px;} .container12 .column5 {width:300px;} .container12 .column6 {width:364px;} .container12 .column7 {width:428px;} .container12 .column8 {width:492px;} .container12 .column9 {width:556px;} .container12 .column10 {width:620px;} .container12 .column11 {width:684px;} .container12 .column12 {width:748px;} .container12 .prefix1 {padding-left:64px;} .container12 .prefix2 {padding-left:128px;} .container12 .prefix3 {padding-left:192px;} .container12 .prefix4 {padding-left:256px;} .container12 .prefix5 {padding-left:320px;} .container12 .prefix6 {padding-left:384px;} .container12 .prefix7 {padding-left:448px;} .container12 .prefix8 {padding-left:512px;} .container12 .prefix9 {padding-left:576px;} .container12 .prefix10 {padding-left:640px;} .container12 .prefix11 {padding-left:704px;} .container16 .column1 {width:28px;} .container16 .column2 {width:76px;} .container16 .column3 {width:124px;} .container16 .column4 {width:172px;} .container16 .column5 {width:220px;} .container16 .column6 {width:268px;} .container16 .column7 {width:316px;} .container16 .column8 {width:364px;} .container16 .column9 {width:412px;} .container16 .column10 {width:460px;} .container16 .column11 {width:508px;} .container16 .column12 {width:556px;} .container16 .column13 {width:604px;} .container16 .column14 {width:652px;} .container16 .column15 {width:700px;} .container16 .column16 {width:748px;} .container16 .prefix1 {padding-left:48px;} .container16 .prefix2 {padding-left:96px;} .container16 .prefix3 {padding-left:144px;} .container16 .prefix4 {padding-left:192px;} .container16 .prefix5 {padding-left:240px;} .container16 .prefix6 {padding-left:288px;} .container16 .prefix7 {padding-left:336px;} .container16 .prefix8 {padding-left:384px;} .container16 .prefix9 {padding-left:432px;} .container16 .prefix10 {padding-left:480px;} .container16 .prefix11 {padding-left:528px;} .container16 .prefix12 {padding-left:576px;} .container16 .prefix13 {padding-left:624px;} .container16 .prefix14 {padding-left:672px;} .container16 .prefix15 {padding-left:720px;} } @media only screen and (max-width: 767px) {.container12, .container16 {width:300px;} .container12 .column1, .container16 .column1, .container12 .column2, .container16 .column2, .container12 .column3, .container16 .column3, .container12 .column4, .container16 .column4, .container12 .column5, .container16 .column5, .container12 .column6, .container16 .column6, .container12 .column7, .container16 .column7, .container12 .column8, .container16 .column8, .container12 .column9, .container16 .column9, .container12 .column10, .container16 .column10, .container12 .column11, .container16 .column11, .container12 .column12, .container16 .column12, .container16 .column13, .container16 .column14, .container16 .column15, .container16 .column16 {margin:0 0 20px 0; width:300px; } .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;} .row {margin:0;} } @media only screen and (min-width: 480px) and (max-width: 767px) {.container12, .container16 {width:420px;} .container12 .column1, .container16 .column1, .container12 .column2, .container16 .column2, .container12 .column3, .container16 .column3, .container12 .column4, .container16 .column4, .container12 .column5, .container16 .column5, .container12 .column6, .container16 .column6, .container12 .column7, .container16 .column7, .container12 .column8, .container16 .column8, .container12 .column9, .container16 .column9, .container12 .column10, .container16 .column10, .container12 .column11, .container16 .column11, .container12 .column12, .container16 .column12, .container16 .column13, .container16 .column14, .container16 .column15, .container16 .column16 {margin:0 0 20px 0; width:420px; } .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;} .row {margin:0;} } .clearfix:before, .clearfix:after, .row:before, .row:after, .container12:before, .container12:after, .container16:before, .container16:after {content:'.'; display:block; height:0; overflow:hidden; visibility:hidden; width:0; } /* http://sonspring.com/journal/clearing-floats */ .clear {clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; } .row:after, .clearfix:after, .container12:after, .container16:after {clear:both;} /* For IE7. Move this to separate file when you notice some problems */ .row, .clearfix {zoom: 1;} img, object, embed {max-width:100%;} img {height:auto;}
/*==========FONTES INSTITUCIONAIS==========*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
body {font-family: 'Open Sans', sans-serif;}
/*Menu Padrao O POVO*/
header.main-header {    z-index: 9}
.menu {background-color: #F4F4F4;position: relative;z-index: 2;}
.box-menu   {padding-left: 100px;padding-right: 100px;min-height: 60px;}
.logo, .logo h2 {    float: left;
  display: block;
  padding: 10px 0 0 0;
  font-size: 30px;
  font-weight: 200;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;}
.logo img {height: 50px;}
.box-itens {float: right;}
.menu ul {position: relative;left: 0;display: block;float: left;margin: 0 10px 0 0;}
.menu li {float: left;}    
.box-itens a {padding: 0 10px;display: inline-block;border-right: 1px solid #efefef;text-transform: uppercase;margin-top: 25px;}
.box-itens a:hover {opacity: 0.50;}
.box-itens li:last-child a {border: none}
.menu-mob {display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; margin-top: 15px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);}
/*inicio mediaquery 979*/
@media (max-width: 979px) {
  .box-menu {padding: 0 50px; }
  .menu-mob {display: block;}
  .box-itens {  -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; width: 0px; position: absolute; background-color: #ededed; right: 0; top: 75px; overflow: hidden; }
  .box-itens li {float: none;}
  .box-itens a {margin-top: 0; padding: 5px 0; text-align: center; display: block; border-bottom: 1px solid #FFF;} 
  .box-menu ul {width: 100%} 
}
/*fim mediaquery 979*/
/*inicio mediaquery 480*/
@media (max-width: 480px) {
  .box-menu {padding: 0}
}
/*fim mediaquery 480*/
.menu-mob span {display: block; width: 22px; height: 1px; border-radius: 1px; padding: 2px 6px 2px; margin-bottom: 2px }
/*Topo*/
.main {position: relative; width: 100%;height: 550px;background-size: cover; border-bottom: 5px solid;overflow: hidden;z-index: 1;margin-bottom: 50px;    background-position: center; }
@media (max-width: 739px) {
  .main {width: 100%;height: 200px;margin-bottom: 20px;}
}
.main .overlay {z-index:7}
@media (max-width: 1025px) {
  .main .overlay {display:none}
}
.main h1 {font-family: 'PT Serif', serif; font-weight: bolder; position: absolute; bottom: 60px; font-size: 60px; color: #fff;  left: 0; right: 0; text-align: center;     z-index: 7;padding:0 20px}
/*.main span {display: block;position: absolute;width: 48px;height: 28px;left: 0; right: 0;margin: 0 auto;bottom: 20px; background: url("https://especiais.opovo.com.br/images/imgs/template02/sprite.png");    background-position: -10px -13px;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;  }*/
.main:hover span {bottom: 10px;}
.main video {min-width: 100%; min-height: 100%; width: auto; height: auto; background: url('') no-repeat;    position: relative;
  z-index: 5;}
.main .videoless {    width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  background-size: cover;    background-position: center center;}
/*Barra cross-browser*/  
.crossbrowser-bar {background-color: #FDF2AB; border-top: 1px solid #0078C2; border-bottom: 1px solid #0078C2; height: 40px; position: relative; }
.crossbrowser-start, .crossbrowser-end {background-color: #0078C2; width: 40px; height: 38px; position: absolute; }
.crossbrowser-start:after {left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #FDF2AB; border-left-color: #0078C2; border-width: 10px; margin-top: -10px; }
.crossbrowser-end {right: 0; top: 0; }
.crossbrowser-bar span, .crossbrowser-bar a {color: #000; font-family: Arial; font-size: 14px; line-height: 38px; }
.crossbrowser-bar span {display: block; margin: 0 70px 0 100px; }
.crossbrowser-bar a {text-decoration: underline; }
.crossbrowser-close {position: absolute; left: -11px; top: 9px; height: 22px; width: 22px; background-color: transparent; background-image: url('https://imgs.opovo.com.br/imgs/template01/browser-close.png'); background-repeat: no-repeat; border: 0; outline: none; }
.crossbrowser-icon {display: block; float: left; width: 30px; height: 36px; background-image: url('https://imgs.opovo.com.br/imgs/template01/browser-sprite.png'); background-repeat: no-repeat; margin: 0px 0 0 60px; }
.crossbrowser-icon.safari { background-position: 0 0; } 
.crossbrowser-icon.opera { background-position: 0 -36px; } 
.crossbrowser-icon.firefox { background-position: 0 -72px; } 
.crossbrowser-icon.internet-explorer { background-position: 0 -108px; } 
.crossbrowser-icon.chrome { background-position: 0 -144px; }  
/*Super Banner*/
.sb {width: 728px;height: 90px;margin: 40px auto;background: #ededed;}
/*Article*/
article.theme {position: relative;z-index: 2; width: 740px;margin: 20px auto;margin-bottom: 40px;box-sizing: border-box;}
@media (max-width: 739px) {
  article.theme {width: 100%;padding: 0 20px;    margin-bottom: 0;}
  .sb {display: none;}
  article.theme {overflow: hidden;}
}
article.theme h1, .bg h1, .galery h1, .podcast h1, .map h1, .logos h1, .info h1, .instahash h1 {font-size: 50px;text-align: center;font-weight: bold;    line-height: 55px; margin-bottom: 10px;}
@media (max-width: 767px) {

  .main h1, article.theme h1, .galery h1, .podcast h1, .map h1, .logos h1, .info h1, .instahash h1 {font-size: 30px;line-height: 39px;padding: 0 10px;}
  .iframeBarra {display:none}
}
@media (max-width: 768px) {
  article.theme {overflow:hidden}
}
.theme figure {position: relative; width: 360px;}
.theme figure.center-img {width: 550px;margin: 0 auto;margin-bottom: 30px;float: none;}
.theme figure.left-img {float: left;margin-right: 30px;} 
.theme figure.right-img {float: right;margin-left: 30px;}
.theme figure.left-img figcaption, .theme figure.center-img figcaption {color: #AAAAAA;
  font-style: italic;
  font-size: 14px;
  width: 170px;
  position: absolute;
  left: -200px;
  bottom: 0;
  text-align: right;
  padding-right: 25px;} 
.theme figure.right-img figcaption {color: #AAAAAA;
  font-style: italic;
  font-size: 18px;
  padding-top: 10px;
  width: 170px;
  position: absolute;
  right: -200px;
  bottom: 0;
  text-align: right;
  padding-right: 25px;} 
.theme figure.left-img figcaption:before, .theme figure.center-img figcaption:before{content: ''; display: block;	background: url('../../../images/imgs/template02/sprite.png') no-repeat -9px -68px;
  width: 171px;height: 17px;position: absolute;top: -20px;right: 0}
.theme figure.right-img figcaption:before{content: ''; display: block;	background: url('../../../images/imgs/template02/sprite.png') no-repeat -9px -68px;
  width: 171px;height: 17px;position: absolute;top: -20px;right: 0}
@media (max-width: 1024px) {
  .theme figure.left-img figcaption, .theme figure.center-img figcaption, .theme figure.right-img figcaption {    margin: 0 auto;
    width: 100%;
    position: initial;text-align: left;}
  .theme figure.left-img figcaption:before, .theme figure.right-img figcaption:before, .theme figure.center-img figcaption:before {display: none;}
} 
@media (max-width: 1024px) {
  .theme figure, .theme figure.center-img {width: 100%;
    margin-bottom: 20px;}
}
@media (max-width: 480px) {
  .theme figure.left-img figcaption, .theme figure.center-img figcaption, .theme figure.right-img figcaption {padding-top: 10px;
    font-size: 16px;}
}
.theme p, .theme div { margin-bottom: 20px;
  font-family: 'PT Serif', serif;
  font-size: 19px;
  color: #333;
  line-height: 30px;}
@media (max-width: 739px) {
  .theme p, .theme {    font-size: 20px;line-height: 35px;}
}
.theme h2 {color: #B9B9B9;font-size: 30px;font-weight: bold;margin: 20px 0}
@media (max-width: 739px) {
  .theme h2 {margin-bottom: 20px}
}
.theme .desc, .info .desc {color: #444444;font-size: 26px;line-height: 40px;text-align: center;}
@media (max-width: 739px) {
  .theme .desc, .info .desc{    font-size: 20px;line-height: 30px;margin-bottom: 10px;}
}
.theme .autor {display: block;font-style: italic; font-size: 18px;color: #000;font-weight: bolder;text-align: center;}
.theme header, .info header {    border-bottom: 1px solid;
  padding-bottom: 0;
  margin-bottom: 20px;}
.info header {max-width:740px;padding:0 20px;margin:0 auto;border:0}
@media (max-width: 739px) {
  .theme header {padding-bottom: 20px;}
}
.theme .quote {width: 265px;float: left;margin-right: 30px;padding-bottom: 20px;border-bottom: 5px solid;    margin-bottom: 20px;}
@media (max-width: 739px) {
  .theme .quote {width: 100%; margin-bottom: 30px;box-sizing: border-box;}
}
.theme .quote .icon {display: block;width: 53px;height: 50px;background: url("../../../images/imgs/template02/sprite.png") no-repeat -10px -100px;;margin-bottom: 20px;}
.theme .quote p {font-size: 35px;font-weight: bold;line-height: 45px;color: #000;margin-bottom: 20px}
.theme .quote img {width: 55px;height: 55px;-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;border: 1px solid #ededed;float: left;margin-right: 20px}
.theme .quote div span {font-size: 16px;line-height: 20px;}
.theme .quote .autor-quote {display: block;font-weight: bolder;}
.theme .quote .desc-autor {color: #666666}
.theme .quote .desc-autor {color: #666666}
.theme .news-media {
  text-align: center;
}
.banners {max-width: 740px;margin: 0 auto}
.box-selos {border: 1px solid #EBEBEB;
  width: 340px;
  float: left;
  padding: 44px 0;}
.box-selos div {width: 300px;height: 60px;background: #ededed; margin: 0 auto; }
.br {width: 300px;height: 250px;background: #ededed;float: right;}
@media (max-width: 480px) {
  .box-selos {float: none;margin: 0 auto;margin-bottom: 20px;width: 100%;}
  .br{float: none;margin: 0 auto}
}
.box-selos div.selo1 {margin-bottom: 40px;}

/*t02*/
.theme.t02 * {color: #fff!important}
.theme.t02 header {border: 0}
/*t04*/
.theme.t04 p {text-align: center;}

/*separador*/
.separador {width: 100%;margin: 20px 0}
.separador img{width: 100%;}

/*Section BG*/
.bg {padding: 40px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
}
.bg1 {background: url('');}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}

/*Section Bg*/

.section-background {position: relative;
  width: 100%;margin: 40px 0;
}
.section-background .theme * {color:#fff}
.section-background .theme header {border-bottom-color:#fff!important}

/*galery*/
.galery .overlay {display:none}
.galery h1 {    margin: 20px 0;position: relative;z-index: 2}
.galery {position: relative;background:url(''); padding: 10px 0 0 0;margin: 20px 0;}
.galery ul {position: relative; font-size: 0;}
.galery ul:before {content: '';
  display: block;
  position: absolute;
  top: -4px;width: 100%;height: 4px;
}

.galery li {display: inline-block;width: 25%;}
.galery li a {color: #fff}
.galery li figure {margin: 0;    overflow: hidden;
  position: relative;}
.galery li figure img { width: 100%;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;}
.galery li figure a:hover img {
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);}
.galery li figure figcaption {bottom: -100px;-moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: absolute;
  left: 0;
  display: block;
  padding: 10px;
  font-size: 12px;
  color: #fff;
}
.galery li:hover figcaption {bottom: 30px;}
.galery a:before {
  content: '';
  z-index: 1;
  display: block;
  width: 100%;
  height: 80%;
  -webkit-box-shadow: inset 2px 65px 62px -4px rgba(0,0,0,0.36);
  -moz-box-shadow: inset 2px 65px 62px -4px rgba(0,0,0,0.36);
  box-shadow: inset 2px 65px 62px -35px rgba(0,0,0,0.36);
  position: absolute;
}
@media (max-width: 768px) { 
  .galery li {display: inline-block;width: 50%;}
}

/*Box de vídeos*/
.bg h1 {color: #fff;position: relative;z-index: 2}
.box-vid {position: relative;z-index: 2;max-width: 1120px;margin: 0 auto;box-sizing: border-box;    padding: 0 20px;}
.box-vid .single-vid {float: left; margin-bottom: 30px;   max-width: 30%;box-sizing: border-box;}
/*com um video*/
.box-vid.one-vid .single-vid {max-width: 100%;    width: 100%;}
/*com dois videos*/
.box-vid.two-vid .single-vid {max-width: 45%}
.box-vid .single-vid iframe{width: 100%;min-height: 200px;}
.box-vid .single-vid p{    color: #fff;
  font-size: 18px;
  line-height: 25px;
  margin-top: 20px;}

@media (min-width: 768px) {
  .box-vid .single-vid {margin-right: 5%;}
  .box-vid .single-vid:nth-child(3), .box-vid .single-vid:nth-child(6) {margin-right: 0}

}
@media (max-width: 767px) {
  .box-vid .single-vid {padding: 0 10px; float: left;margin-bottom: 20px;   max-width: 100%;box-sizing: border-box;}
  .bg h1 {font-size: 30px;
    line-height: 39px;padding: 0 20px}
  .box-vid .single-vid p{font-size: 18px;line-height: 20px;}
}

/*Portlet Flip*/  

.flip {background-color: #f9f9f9; margin: 40px auto;padding: 40px 40px; font-family: 'PT Serif', serif;
}
.flip .center {max-width: 740px;}
.flip div {float: left;}
.flip a .flip-desc {float: left;width: 69%;}
.flip p {color: #777777;font-size: 24px}
.flip .flip-img {float: right;width: 30%}
.flip a:hover p {text-decoration: underline;}
.flip h2 {font-size: 35px;font-weight: bold;}
@media (max-width: 767px) {
  .flip {padding: 20px 20px;margin: 20px auto}
  .flip p {font-size: 14px}
  .flip a .flip-desc {float: none;width: 100%;}
  .flip .flip-desc p {margin-bottom: 20px}
  .flip .flip-img {float: none;width: 100%;text-align: center;}  
}


/*Infografico*/
.info div.box-img {    position: relative;
  width: 1000px;
  margin: 40px auto;
  display: block;}
.circule {cursor: pointer; display: block;width: 30px;height: 30px;border: 2px solid #fff;-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);border-radius: 50%;position: absolute;}
.animated { 
  -webkit-animation-duration: 2s; 
  animation-duration: 2s; 
  -webkit-animation-fill-mode: both; 
  animation-fill-mode: both; 
  -webkit-animation-timing-function: ease-in-out; 
  animation-timing-function: ease-in-out; 

} 
.info div.box-img img {float:right;margin-bottom: 10px;}
@-webkit-keyframes pulse { 
  0% { -webkit-transform: scale(1); } 
  50% { -webkit-transform: scale(1.1); } 
  100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
  0% { transform: scale(1); } 
  50% { transform: scale(1.1); } 
  100% { transform: scale(1); } 
} 
.pulse { 
  -webkit-animation-name: pulse; 
  animation-name: pulse; 
}
.number01 {}
.desc-circules {position: absolute;z-index: 5;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 250px;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  border-radius: 10px;    -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;opacity: 0;
}
.desc-circules .legend-number {           margin: 5px auto;
  text-align: center;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  box-sizing: border-box;
  padding-top: 9px;
  position: absolute;
  top: -19px;
  left: -264px;
  right: 0;
  font-size: 24px;
}
.desc-circules img{    height: 165px;
  width: 100%;}
.desc-circules h2 {    font-size: 18px;
  margin: 5px 0;}
.desc-circules p {
  font-size: 13px;
  line-height: 16px;
  overflow: hidden;
}

/*Enquete*/

.box-enquete {border: 1px solid #B9B9C8;border-bottom: 4px solid; max-width: 740px;padding: 20px 40px;text-align: center;box-sizing: border-box;margin: 0 auto;}
.box-enquete h1 {font-size: 28px;color: #000;line-height: 32px;margin-bottom: 30px;}
.box-enquete .enjoy {display: block;max-width: 360px;height: 60px;box-sizing: border-box;padding: 10px 0;margin: 0 auto;color: #fff;font-size: 28px}
@media (max-width: 768px) {
  .box-enquete {margin: 20px}
  .box-enquete .enjoy {font-size: 18px;padding-top: 17px;}
  .box-enquete h1 {font-size: 20px;line-height: 24px}
}
.steep {max-width: 450px;padding: 20px;border: 1px solid #DEDEDe;box-sizing: border-box;font-size: 0}
.steep h2 {font-size: 26px;color: #000;line-height: 28px;margin-bottom: 20px}
.steep label {display: block;font-size: 24px;color: #999999;margin-bottom: 10px;}
.steep label:hover {background: #EEEEEE}
.steep label span{padding-left: 10px}
.steep div {margin-top: 20px}
.steep div a {display: block;font-size: 20px; text-align: center;padding: 10px 0;width: 50%;display: inline-block;background-color: #EEEEEE;color: #7F7F7F}
.steep div a:last-child{color: #fff} 
.steep div a:last-child:hover {opacity: 0.5}
@media (max-width: 375px) {
  .steep div a {font-size: 14px}
  .steep h2 {font-size: 20px}
}
.percent {display: block;width: 80%;border: 1px solid;height: 13px;padding: 1px}
.percent span.progress {display: block;height: 100%; width: 25%;float: left;}
.percent .leg-pro {    display: block;
  font-size: 20px;
  margin-left: 10px;
  color: #000;
  width: 50px;
  float: right;
  margin: -8px -64px 0 0;}

/*Top 5*/
.top5 header {border-bottom: 0}
.top5 div {margin-bottom: 20px;position: relative;}
.top5 div img {width: 320px;height: 320px; -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;}
.top5 div:nth-child(even) img  {float: left;margin-right: 50px;}
.top5 div:nth-child(even):before {
  content: '';
  display: block;
  width: 540px;
  height: 85px;
  background: url('../../../images/imgs/daserraaomar/bg-folhas.png');
  position: absolute;
  top: 110px;
  left: -100px;
  z-index: -1;
}
.top5 div.clearfix:before {visibility: visible; }
.top5 div:nth-child(odd):before {
  content: '';
  display: block;
  width: 540px;
  height: 85px;
  background: url('../../../images/imgs/daserraaomar/bg-folhas.png');
  position: absolute;
  top: 110px;
  right: -100px;
  z-index: -1;
}
.top5 div:nth-child(odd) img {float: right;margin-left: 50px;}
@media (max-width: 1025px) {
  .top5 div:nth-child(even):before, .top5 div:nth-child(odd):before {display: none;}
}

@media (max-width: 481px) {
  .top5 div:nth-child(even) img, .top5 div:nth-child(odd) img {
    float: none;
    margin-right: 0;
    margin: 0 auto;
    display: block;
    width: 250px;
    height: 250px;
  } 
  .top5 div h2, .top5 div p {text-align: center;}
}

/*Maps*/
.map {margin-bottom: 40px}
.map iframe {max-width: 100%;max-height: 400px}
@media (max-width: 569px) {
  .map iframe {max-height: 200px}
}

/*Logos*/
.logos {margin-bottom: 40px}
.logos ul {max-width: 1200px;margin: 0 auto;text-align: center;}
.logos ul li {display: inline-block;margin-right: 20px;}
.logos ul li:last-child {margin-right: 0px}
@media (max-width: 1025px) {
  .logos ul li {margin-bottom: 20px}
}
@media (max-width: 481px) {
  .logos ul li img {width: 150px;}
}

/*Quiz*/
.question, .result {    color: #fff;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  max-width: 1020px;box-sizing: border-box;}
.question h2, .result h2 {font-size: 30px;text-align: center;margin-bottom: 30px}
.question a {display: block;float: left;margin-right: 20px;width: 200px;padding: 20px;border-bottom: 3px solid #fff;min-height: 200px}
.question a:last-child {margin-right: 0;}
.question a span {display: block;margin: 0 auto; width: 70px;height: 70px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #fff;box-sizing: border-box;color: #666666;font-size: 30px;text-transform: uppercase;padding: 14px 26px;margin-bottom: 20px}
.question a:hover span {color: #fff}
.question a p {font-size: 20px;color: #fff;text-align: center;}

  
.quiz2017 {padding: 80px 0;}
.quiz2017 .question, .quiz2017 .result {margin-top: 46px;}
.quiz2017 .question li{display:inline-block;margin-right:42px;} 
.quiz2017 .question li:last-child {margin-right: 0;}
.quiz2017 .question li button {display: block;margin-right: 20px;width: 200px;padding: 20px;min-height: 200px;border: 0;background: none;cursor: pointer;border-bottom: 3px solid #fff;}
.quiz2017 .question li button span {display: block;margin: 0 auto; width: 70px;height: 70px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #fff;box-sizing: border-box;color: #666666;font-size: 30px;text-transform: uppercase;padding: 14px 26px;margin-bottom: 20px}
.quiz2017 .question button p {font-size: 20px;color: #fff;text-align: center;}
.quiz2017 .question li button:hover, .quiz2017 .question li button.ativo {border-bottom: 3px solid #F16521 !important;}
.quiz2017 .question li button:hover span, .quiz2017 .question li button.ativo span{color:#fff;background-color:#F16521;}


div#quiz{width:100%;margin-bottom:150px;} 
div#quiz h1{font-size: 50px;text-align: center;font-weight: bold;line-height: 55px;margin-bottom: 10px;color:#000;width: 760px;margin: 0 auto;margin: 150px auto 50px;}
div#quiz button.quizStarter{border-radius: 30px;width:150px;padding:10px;color:#fff;margin:50px auto;border:0;background:#f60;display: block;outline:none;} 
div#quiz button.quizStarter:hover{background-color:#f90;}
div#quiz .quizQuestion{box-sizing: border-box;width:100%;height:509px;background-size:100% 100%;padding: 100px 0;background-repeat:no-repeat;border-bottom:6px solid #0070BA;}
div#quiz .quizQuestion h2{font-size: 20px;text-align: center;font-weight: bold;line-height: 35px;margin-bottom: 10px;color:#777;width: 760px;margin: 0 auto;background: #eee;border-radius: 40px;padding: 10px 15px;} 
div#quiz .quizQuestion ul{width:740px;margin: 60px auto;}  
div#quiz .quizQuestion ul li{display: inline-block;width: 151px;margin-right: 41px;padding:40px 0 0;text-align:center;overflow:hidden;height: 176px;}  
div#quiz .quizQuestion ul li:last-child{margin-right: 0;}
div#quiz .quizQuestion ul li button{outline:none;width:70px;height:70px;text-align:center;line-height:70px;color:#fff;font-size:40px;font-weight:bold;background-color:#0070BA;border-radius:50px;border:0;margin-bottom: 10px;}
div#quiz .quizQuestion ul li button:hover{background-color:#0070B5;}
div#quiz .quizQuestion ul li h4{font-weight: bold;color: #777;font-size: 14px;text-align: center;background: #eee;padding:10px 15px;border-radius: 30px;}
div#quiz .quizQuestion ul.answerVoted button[data-vote="false"]{background-color:rgba(0,112,168, 0.2);color:rgba(119,119,119, 0.8);}
div#quiz .quizQuestion ul.answerVoted button[data-vote="false"] + h4{background-color:rgba(0,112,168, 0.2);color:rgba(119,119,119, 0.8);} 
  
div#quiz .quizQuestion ul li.voted button{background-color:#eee !important;color:#0070BA !important;}  
div#quiz .quizQuestion ul li.voted h4{background-color:#0070BA !important;color:#fff !important;}
div#quiz .quizQuestion ul.answerVoted button[data-vote="true"]{background-color:#00B085 !important;color:#fff;}
div#quiz .quizQuestion ul.answerVoted button[data-vote="true"] + h4{background-color:#00B085 !important;color:#fff;}
  
div#quiz  .quizResults {box-sizing: border-box;width:740px;height:auto;background-size:100% 100%;background-repeat:no-repeat;display:none;margin:0 auto;font-size: 28px;padding: 80px 0;overflow:hidden;display:none;}
div#quiz  .quizResults img{float: left;width: 300px;margin-right: 20px;}
div#quiz  .quizResults span{font-size:40px; color:#f60;}  
div#quiz  .quizResults .level{width:100%;text-align:center;font-size:40px;padding-bottom:50px;}
div#quiz  .quizResults a{display:block;color:#f60;}  

  
  
  
  
@media (max-width:1366px){
  div#quiz .quizQuestion{height:376px;padding: 60px 0;} 
  div#quiz .quizQuestion ul {margin: 50px auto;}  
  div#quiz .quizQuestion ul li {padding:0;} 
}  
  
  
@media (max-width:1024px){
  
  div#quiz .quizQuestion{height:300px;padding: 35px 0;}
  div#quiz .quizQuestion ul {margin: 50px auto;}  
  div#quiz .quizQuestion ul li {padding:0;} 
}
  
@media (max-width:768px){
  div#quiz .quizQuestion h2 {font-size: 17px;width: 100%;box-sizing: border-box;line-height: 21px;}  
  div#quiz .quizQuestion ul li h4 {font-size: 12px;}
  div#quiz .quizQuestion ul li button {width: 55px;height: 55px;font-size: 32px;line-height:55px;}
  div#quiz .quizResults .level {font-size: 29px;}
}  
  
@media (max-width: 767px) {
  .question, .result {width: 80%}
  .question a {    width: 100%;
    box-sizing: border-box;
    min-height: 100%;
    padding: 0px;
    margin-bottom: 20px;}
  .question a span {    float: left;
    width: 30px;
    height: 30px;
    padding: 1px 10px;
    font-size: 20px;
    margin-top: 14px;
    margin-right: 26px;}
  .question a p {font-size: 13px;text-align: left;}
  .question h2, .result h2 {
    font-size: 19px;
    text-align: center;
    margin-bottom: 30px;
    line-height: 22px;
  }
  
div#quiz {margin-bottom: 20px;}  
div#quiz h1 {width: 100%;padding: 0 20px;box-sizing: border-box;font-size: 35px;line-height: 50px !important;margin-top:20px;}
div#quiz .quizQuestion {width: 100%;height: auto;padding: 171px 0 10px;background-size: 150%;background-position: top center;}
div#quiz .quizQuestion h2 {background:none;font-size: 30px;width: 100%;padding: 0 20px;line-height: 45px !important;box-sizing: border-box;}
div#quiz .quizQuestion ul {width: 100%;margin: 10px auto;padding:0 20px;box-sizing: border-box;}
  div#quiz .quizQuestion ul.answerVoted button[data-vote="false"]{color: rgba(119,119,119, 0.4);}
div#quiz .quizQuestion ul.answerVoted button[data-vote="false"] + h4 {background: none;color: rgba(119,119,119, 0.4);} 
div#quiz .quizQuestion ul li {display: block;width: 100%;margin:28px 0;padding:0;text-align: left;height: 176px;height: 73px;}
div#quiz .quizQuestion ul li button {float: left;margin-right:20px;}  
div#quiz .quizQuestion ul li h4 {background:none;font-size: 18px;text-align: left;padding-top:10px;}  
div#quiz .quizQuestion ul li button {width: 60px;height: 62px;line-height: 60px;font-size: 35px;}  
div#quiz .quizResults {width: 100%;font-size: 25px;padding: 20px 20px;} 
div#quiz .quizQuestion ul li.voted h4{background:none !important;color:#0070BA !important;}
  div#quiz .quizQuestion ul.answerVoted button[data-vote="true"]{;color:#fff !important;}
div#quiz .quizQuestion ul.answerVoted button[data-vote="true"] + h4{background:none !important;color:#00B085 !important;}
div#quiz  .quizResults .level{font-size:19px;}  
  

}
@media (max-width:667px){
  div#quiz .quizQuestion {padding-top: 291px;}  
}
@media (max-width:480px){
  div#quiz .quizQuestion {padding-top: 204px;}
  div#quiz .quizResults img {width: 189px;}
  div#quiz .quizResults {font-size: 17px;}
}
@media (max-width:375px){
  div#quiz .quizQuestion {padding-top: 174px;}
  div#quiz .quizResults img {width: 140px;}
  div#quiz .quizResults span {font-size: 25px;}
}
@media (max-width:320px){
  div#quiz .quizQuestion {padding-top: 154px;}
  div#quiz .quizResults img {width: 140px;}
  div#quiz .quizResults span {font-size: 25px;}
}  
  
  
@media (min-width: 768px) and (max-width: 1023px){
  .question, .result {max-width: 520px}
}
.result {max-width: 800px}
.result img {width: 282px;height: 240px;float: left;margin-right: 20px}
.result p {color: #fff;font-size: 18px;line-height: 22px;}
.box-result div {    border-bottom: 2px solid #fff;
  padding-bottom: 30px;
  float: left;
  max-width: 430px;}
.box-result ul {    max-width: 145px;
  margin: 0 auto;
  margin-top: 30px;}
.box-result ul li {display: inline-block;}
.box-result ul li a {text-indent: -5000px; display: block;width: 44px;height: 44px;background: url("../../../images/imgs/template02/sprite.png");}
.box-result ul li a.facebook {background-position: -340px -13px;}
.box-result ul li a.gplus {background-position: -392px -12px;}
.box-result ul li a.twitter {background-position: -443px -11px;}


/*Podcast*/
.left-podcast, .right-podcast {
  max-width: 930px;
  margin: 0 auto;margin-bottom: 40px;

}
.podcast img {width: 206px;height: 204px;-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;border: 1px solid #ededed;position: relative;z-index: 2;float: left;}
.podcast .player {    width: 104px;
  height: 104px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #ededed;
  position: relative;
  z-index: 1;
  margin-left: -16px;
  float: left;
  background-image: url('../../../images/imgs/template02/sprite.png');
  background-position: -310px -158px;
  margin-right: 45px;

}
.podcast .player.playing  {background-position: -310px -58px;}
.right-podcast .player.playing {

  background-position: -395px -58px;
}
.podcast a:hover .player {opacity: .5}
.podcast .player span{        position: absolute;
  top: 77px;
  left: 38px;
  color: #fff;
  font-size: 14px;}
.podcast .aspas {
  display: block;
  width: 53px;
  height: 50px;
  background: url("../../../images/imgs/template02/sprite.png") no-repeat -10px -100px;
  float: left;
  margin-right: 20px
}
.desc-podcast p {    font-size: 28px;
  line-height: 30px;
  float: left;
  max-width: 510px;}
.desc-podcast .leg-podcast {display: block;font-size: 16px;color:#666666;margin-top: 10px;}
.desc-podcast .leg-podcast span {color: #000;padding-right: 10px}



/*BANNERS*/

/*TOP BANNER - MOBILE*/
.container-banner-top-banner {margin: 15px 0 20px;overflow: hidden;}
.titulo-publicidade {color: #ddd8d2;display: block;font-family: "Source Sans Pro",sans-serif;font-size: 11px;margin: 0 auto;width: 300px;}
.container-banner-top-banner .banner-top-banner {height: 50px;margin: 0 auto;width: 300px;background:#eee;}

/*SB - DESKTOP E TABLET ATE 768*/
.container-banner-sb {height: 110px;padding: 10px 0;position: relative;z-index: 9999;text-align: center;}
.container-banner-sb .titulo-publicidade{width: 728px;} 
.container-banner-sb .banner-sb{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;margin: 0 auto;min-height: 90px;overflow: hidden;width: 728px;z-index: 999999;}  

/*BOTTOM BANNER - MOBILE*/  
.bottomBanner {bottom: 0;left: 50%;margin-left: -160px;position: fixed;z-index: 999999999;width: 320px;height: 50px;background:#eee;}
.btnFechar::after {background: #999 none repeat scroll 0 0;border-radius: 50%;color: #fff;content: "x";display: block;font-size: 17px;font-weight: 400;height: 22px;line-height: 18px;margin-left: 5px;margin-top: 5px;position: absolute;text-align: center;text-indent: 0;top: 0;width: 22px;}
.bottomBanner .btnFechar {bottom: 30px;}
.btnFechar {cursor: pointer;display: block;height: 32px;margin: 5px;overflow: hidden;position: absolute;right: 0;text-indent: -500000px;width: 32px;z-index: 1;}





@media (min-width: 768px){
  .container-banner-top-banner, .bottomBanner{display:none !important;}

}  

@media (max-width: 768px) {
  .right-podcast {padding: 0 30px;}
  .desc-podcast p {font-size: 18px;    max-width: 400px;}
  .podcast img {margin-left: 10px}
  .container-banner-sb{display:none;}
}
@media (max-width: 768px) {
  .right-podcast {
    padding: 0 10px;}
}
@media (max-width: 480px) {

  .desc-podcast {    clear: both;
    padding: 0 10px;
    margin: 0 auto;
    width: 300px;}
  .podcast img {    width: 150px;
    height: 150px;    }
  .left-podcast img{margin-left: 17%;
    margin-bottom: 20px;}
  .right-podcast img {    margin-right: 15%;}
  .right-podcast .player {    margin-top: 10px;
    margin-right: -21px;}
}
.right-podcast .player {    float: right;
  margin-left: 0;
  margin-right: -20px;background-position: -395px -158px}
.right-podcast img {float: right;
  margin-bottom: 20px;
}
@media (max-width: 320px) {
  .podcast .player {    width: 72px;
    height: 72px;    background-position: -323px -71px;}
  .right-podcast .player {    background-position: -409px -71px;}
}
/*Footer*/
footer {background-color: #F4F4F4;padding-bottom: 20px}
footer .box-footer {padding-top: 20px; max-width: 1120px;margin: 0 auto;border-top: 10px solid;
  overflow: hidden;-webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;}
.expediente-wrap p {
  width: 265px;
  margin: 0 20px 20px 0; 
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
}
.expediente-wrap p strong {
  margin: 0 0 5px 0;
}
.expediente-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 25px;
  margin-top: 20px;
  border-bottom: 1px solid #000;
}
.expediente-wrap:last-of-type {
  margin-bottom: 0;
  border-bottom: 0
}
.expedient-container {width: 100%}
footer .exp {font-size: 22px; outline: none}
footer .logo-opovo {display: block; background: url('../../../images/imgs/template02/opovoonline.png') no-repeat; background-size: 100%; width: 146px; height: 20px;float: left; }

footer h3, footer p {font-size:16px;color: #000}
footer p span, footer h3 {font-weight: bolder;}
footer h3 {margin: 10px 0;text-transform: uppercase;}
footer h3:first-of-type {margin-top: 20px}
.footer-end {padding: 20px 0;margin-top: 20px}
.footer-end div { position: relative;   max-width: 1120px;
  margin: 0 auto;}
.footer-end div span {color: #fff;font-size: 16px;display: block;float: right;}
footer .down-footer {    display: block;
  float: right;
  width: 31px;
  height: 16px;
  background: url("../../../images/imgs/template02/sprite.png");
  background-position: -88px -13px;
  margin-right: 10px;}

@media (max-width: 768px) {

  footer .logo-opovo {float: none;margin-left: 20px}
  .footer-end div span {    display: block;
    float: none;
    border-top: 1px solid #fff;
    padding-top: 10px;
    margin: 0 20px;
    font-size: 11px;
    margin-top: 20px;text-align: center;}
}
footer .box-footer {padding: 20px}
footer .exp {font-size: 16px;}
footer p {font-size: 14px}
footer ul { display: none;   position: absolute;
  right: 19px;
  top: 0px; }
footer li {display: inline-block;margin-right: 10px}
footer li:last-child {margin-right: 0} 
footer li a {display: block;background: url("../../../images/imgs/template02/sprite.png");text-indent: -5000px}
footer li a.fot-twitter {width: 33px;height: 22px;background-position:-347px -276px; } 
footer li a.fot-face {width: 14px;height: 25px;background-position:-407px -275px; } 
footer li a.fot-inst {width: 23px;height: 23px;background-position:-455px -276px; } 
@media (max-width: 768px) {
  footer ul {display: block;}
}

/*Novas funcionalidades*/
@media (max-width: 1025px) {
  .main video, section.main:before {display:none}
}

@-webkit-keyframes logo {
  from {opacity: 0;}
  to {opacity: 1;}
}
@-moz-keyframes logo {0% {opacity: 0;}
  100% {opacity: 1;}}
section.main:before {
  animation-name:logo;
  animation-delay:1s; 
  animation-duration:5s;
  animation-fill-mode: forwards;

  -moz-animation-name:logo;
  -moz-animation-delay:1s; 
  -moz-animation-duration:5s;
  -moz-animation-fill-mode: forwards;

  -o-animation-name:logo;
  -o-animation-delay:1s; 
  -o-animation-duration:5s;
  -o-animation-fill-mode: forwards;

  -ms-animation-name:logo;
  -ms-animation-delay:1s; 
  -ms-animation-duration:5s;
  -ms-animation-fill-mode: forwards;}

.progress-bar span {width:0%; display: block;height: 5px; }


/*Cor padrão dos Especiais*/
.box-itens a,
article.theme h1,
.galery h1,
.podcast h1, .map h1,
footer .exp, .logos h1, .flip h2, .desc-circules h2 {color: #EB1F26}
.menu-mob span,
.galery li figure figcaption, 
.galery ul:before,
.box-enquete .enjoy,
.steep div a:last-child,
.percent span.progress,
.fancybox-skin,
.question a:hover span,
.podcast .player,
.footer-end, .progres-bar span, .desc-circules .legend-number {background-color: #EB1F26}
.main, 
.theme header,
.theme .quote,
.box-enquete, 
.question a:hover, 
.box-result div {border-bottom-color: #EB1F26; }
footer .box-footer {border-top-color: #EB1F26; }
footer .down-footer {
  background: url("../../../images/imgs/Perspectiva/seta-down.png");
  background-color: #EB1F26;
  background-position: -20px -13px;
  margin-right: 0;
}


/*menu 02*/
nav.menu2 {
  width: 100%;
  min-height: 65px;
  background-color: #005599;
  margin: 0 auto;
  position: relative;
  z-index: 999999;
}  

ul.box-top {
  font-size: 0;
  list-style: none;
  width: 100%;
}
.box-top li {
  display: inline-block;
  font-size: 22px;
  color: #FFF;
  min-height: 65px;
  width: 33.33%;
  line-height: 65px;

}
.box-top li:nth-child(1){text-align: left;}
.box-top li:nth-child(2){text-align: center;}
.box-top li:nth-child(3){text-align: right;}

.hamburguer {
  width: 26px;
  height: 15px;
  display: inline-block;
  position: relative;
  background: none;
  margin: 0 25px 2px 0;
}
.hamburguer:after, .hamburguer:before, .hamburguer span, .hamburguer label {
  content: ' ';
  display: block;
  width: 100%;
  height: 2px;
  background: #FFF;
  left: 0;
  position: absolute;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.hamburguer:before {
  top: 0;
}
.hamburguer:after {
  bottom: 0;
}
.hamburguer:focus {
  outline: none;
}
.hamburguer label {
  width: 100%;
  height: 25px;
  background: none;
  cursor: pointer;
  z-index: 1000;
}
.hamburguer span {
  top: 6.4px;
}
#change-hamburguer {
  display: none;
}
#change-hamburguer:checked ~ .hamburguer:before, #change-hamburguer:checked ~ .hamburguer:after {
  top: 10px;
  margin-top: -10%;
}
#change-hamburguer:checked ~ .hamburguer:before {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#change-hamburguer:checked ~ .hamburguer:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#change-hamburguer:checked ~ .hamburguer span {
  opacity: 0;
}

ul.main-menu {
  font-size: 0;
  list-style: none;
  width: 220px;
  display: none;
  position: absolute;
  z-index: 99;
  right: 0; top: 65px;
  text-overflow:ellipsis;
}
.main-menu li a {
  font-size: 22px;
  color: #FFF;
  background-color: #005599;
  text-decoration: none;
  text-align: center;
  width: 100%;
  padding: 10px 0 10px 0;
  display: inline-block; 
}
.main-menu li a:hover {
  text-decoration: underline;
}

img.logo-top {
  width: 165px;
  height: auto;
  margin-left: 25px;
}
img.logo-top.logo-mob {
  width: 23px;
  display:none
}

@media (max-width: 768px) {

  img.logo-top.logo-mob {display:block;margin-top: 18px;}
  img.logo-top.logo-desk {display: none;}
  .box-top li:nth-child(1) {width:20%}
  .box-top li:nth-child(2) {width:60%;padding-top: 22px;
    box-sizing: border-box;}
  .box-top li:nth-child(3) {width:20%;padding-top: 4px;}
  .box-top li {

    vertical-align: middle;
    padding-top: 10px;


  }
  .box-top h3{       line-height: 23px;
    font-size: 20px;}
}


.box-vid.two-vid .single-vid iframe, .box-vid .single-vid iframe  {height:200px}
.box-vid.one-vid .single-vid iframe {
  width: 100%;
  min-height: 440px;
  height: inherit;
}
@media (max-width: 768px) {
  .box-vid.one-vid .single-vid iframe {
    width: 100%;
    min-height: 160px;
    height: inherit;
  }
  .issuu-isrendered {display:none}
  .news-media iframe {
    max-width: 100%;
    height: auto;
  }
}

/*galeria instagram*/
/* 
*  Owl Carousel - Animate Plugin
*/
.instahash {margin-bottom:40px}
.owl-controls {
  display: none;
}
a.morephotos {
  display: block;
  width: 300px;
  height: 50px;
  margin: 40px auto;
  text-align: center;
  padding: 8px;
  background: #737171;
  box-sizing: border-box;
  color: #Fff;
  font-size: 23px;
}
.owl-carousel.owl-theme.owl-loaded {
  margin-top: 30px;
  border-top: 9px solid;

}
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
* 	Owl Carousel - Auto Height Plugin
*/
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
*  Core Owl Carousel CSS File
*/
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
* 	Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
* 	Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("https://especiais.opovo.com.br/static/css/template02/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
} 
/* Paginacao entre especiais | Novo Portlet 27-06-16  */
.nav-footer { overflow: hidden; clear: both; max-width: 1100px; margin: 0 auto; }
.nav-footer a { display: block; overflow: hidden; width: 50%; min-height: 117px; padding: 25px 0 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #444; outline: none; font-family: 'PT Serif', serif; position: relative; }
.nav-footer a span { color: #444; font-size: 22px; padding-bottom: 5px; padding-top: 10px; display: block; }
.nav-footer a h2 { color: #444; font-size: 22px; font-weight: 700; }
.nav-footer a.item-left { float: left; text-align: right; padding-right: 76px; }
.nav-footer a.item-right { float: right; padding-left: 76px; }
.nav-footer a.item-left::after { content: " "; display: block; width: 23px; height: 40px; background-image: url('../../../images/imgs/F290/setas-fortaleza290.png'); background-repeat: no-repeat; position: absolute; left: 0px; top: 55px; }
.nav-footer a.item-right::after { content: " "; display: block; width: 23px; height: 40px; background-image: url('../../../images/imgs/F290/setas-fortaleza290.png'); background-repeat: no-repeat; background-position: -39px 0; position: absolute; right: 0px; top: 55px; }
.nav-footer a.disabled { display: none }

@media (max-width: 1100px) { .nav-footer { padding: 0 20px; } }

@media (max-width: 380px) {
  .nav-footer { padding: 0 20px; }
  .nav-footer a.item-left { padding-right: 15px; }
  .nav-footer a.item-right { padding-left: 15px; }
  .nav-footer a span, .nav-footer a h2 { font-size: 20px; }
}
#barra-parceiros-2017 .container-barra li a.logo{padding:0;}
#barra-parceiros-2017.parceiro-interno {background-color: #fff !important;}
#barra-parceiros-2017.parceiro-interno .container-barra li a.logo-o-povo{background: url('https://www.opovo.com.br/images/imgs/portal/o-povo-online-azul.png') no-repeat !important; background-size: 100%!important;}
#barra-parceiros-2017.parceiro-interno .container-barra li a {color: #878787 !important;}
#btn-mobile span {background: #0079C1 !important;}