@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: "LocalArialNarrow";
    src: local("Arial Narrow");
}

html,
body {
    height: 100%;
    background: none repeat scroll 0 0 #FFFFFF;
    /*color: #52524A;*/
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 24px;
    display: block;
    position: relative;
}

.wrapper {
    min-height: 760px;
    width: 1024px;
    margin: 0 auto;
    position: relative;
    overflow: visible;
}

.header {
    display: block;
    z-index: 10;
    background: transparent url(../../images/2016/menu-logo.png) right 0 no-repeat scroll;
    width: 280px;
    height: 536px;
    position: absolute;
    top: 0;
    right: 0;
}

.container {
}

.l-container {
    float: left;
    width: 744px;
    display: block;
    height: 100%;
    background: #FFFFFF url(../../images/2016/content-wrapper-bkg.png) 0 0 repeat-y scroll;
    position: relative;
}

.r-container {
    float: right;
    width: 275px;
    min-height: 300px;
    display: block;
    height: 100%;
    position: relative;
    padding-top: 536px;
    padding-left: 5px;
}

.green-bkg {
    background: #EFF4CF;
}

.edition {
    color: #00712B;
    position: absolute;
    top: 5px;
    right: 15px;
}

.maincontent {
    background: transparent url(../../images/2016/content-bkg.png) bottom right no-repeat scroll;
    min-height: 940px;
    height: 100%;
    width: 744px;
    display: block;
    position: relative;
    padding: 0 0 180px;
}

.footer {
    background: transparent url(../../images/2016/footer.png) bottom right no-repeat scroll;
    width: 1024px;
    height: 134px;
    bottom: 0;
    position: absolute;
    z-index: 10;
}

.sponsors {
    display: block;
    z-index: 10;
    background: transparent url(../../images/2016/footer-sponsors.png) right 0 no-repeat scroll;
    width: 280px;
    height: 80px;
    position: absolute;
    bottom: 76px;
    right: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Gadget, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 0 #FFF;
    line-height: normal;
    margin: 0 0 1.15em;
}

h1 {
    font-size: 32px;
    color: #d23c0c;
}

h2 {
    font-size: 24px;
    color: #d23c0c;
}

h3 {
    font-size: 19px;
    color: #d23c0c;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 13px;
}

h6 {
    font-size: 11px;
}

div {
    overflow: hidden;
}

.caps {
    text-transform: uppercase;
}

em, .em {
    font-style: italic;
}

img.img {
    border-top: 1px solid #BFDBD6;
    border-bottom: 1px solid #FFFFFF;
}

u, .u {
    text-decoration: underline;
}

ul.simplelist, ol.simplelist {
    padding-left: 40px;
    position: static;
    display: block;
    margin: 16px 0;
}

ul.simplelist li, ol.simplelist li {
    display: list-item;
}

ul.bullets {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
}

ol.decimal {
    list-style-image: none;
    list-style-position: inside;
    list-style-type: decimal;
}

ol.alpha {
    list-style-image: none;
    list-style-position: inside;
    list-style-type: lower-alpha;
}

p {
    margin-bottom: 16px;
}

strong, .strong {
    font-weight: 700;
}

.bold {
    font-weight: bold;
}

small, .small {
    font-size: 84.6%;
}

a {
    color: #FF542E;
    outline: 0 none;
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: underline;
}

.u1, .u2, .u3 {
    padding: 20px;
}

.u1 {
    background-color: #D3EBDB;
}

.u2 {
    background-color: #CEEBEA;
}

.u3 {
    background-color: #FFF;
}

.u4 {
    padding: 20px 20px 50px;
}

.u5 {
    padding: 20px 20px 50px;
}

.inl10 {
    padding-left: 10px !important;
}

.inl15 {
    padding-left: 15px !important;
}

.inr15 {
    padding-right: 15px !important;
}

.inl20 {
    padding-left: 20px !important;
}

.in10 {
    padding-left: 10px;
    padding-right: 10px;
}

.in15 {
    padding-left: 15px;
    padding-right: 15px;
}

.in30 {
    padding-left: 30px;
    padding-right: 30px;
}

.out10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.out15 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.out16 {
    margin-bottom: 16px;
    margin-top: 16px;
}

.out30 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.out60 {
    margin-bottom: 60px;
    margin-top: 60px;
}

.top60 {
    margin-top: 60px;
}

.top180 {
    margin-top: 180px;
}

.top264 {
    margin-top: 264px;
}

.top30 {
    margin-top: 30px;
}

.top15 {
    margin-top: 15px;
}

.bottom30 {
    margin-bottom: 30px;
}

.bottom20 {
    margin-bottom: 20px;
}

.bottom15 {
    margin-bottom: 15px;
}

.bottom0 {
    margin-bottom: 0px;
}

.bottom4 {
    margin-bottom: 4px;
}

.section {
    display: block;
    clear: both;
}

hr:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0 !important;
    line-height: 0;
    font-size: xx-large;
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

.line, hr {
    *zoom: 1;
}

hr {
    width: 100%;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #BFDBD6;
    height: 0;
}

.line:after {
    clear: both;
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
    display: block;
    font-size: xx-large;
    height: 0 !important;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.inset {
    background: none repeat scroll 0 0 #FEFEFE;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 0 0 0 1px #C6C3C3 inset;
    margin: 15px 0;
    padding: 15px 0;
}

.unit:after {
    content: " ";
    display: block;
    position: absolute;
}

.unit {
    float: left;
}

.size1of1 {
    float: none;
}

.size1of2 {
    width: 50%;
}

body.ie7 .size1of2 {
    width: 49.99%;
}

.size1of3 {
    width: 33.33333%;
}

body.ie7 .size1of3 {
    width: 33.3%;
}

.size2of3 {
    width: 66.66666%;
}

body.ie7 .size2of3 {
    width: 66.6%;
}

.size1of4 {
    width: 25%;
}

body.ie7 .size1of4 {
    width: 24.99%;
}

.size3of4 {
    width: 75%;
}

body.ie7 .size3of4 {
    width: 74.99%;
}

.size1of5 {
    width: 20%;
}

.size2of5 {
    width: 40%;
}

.size3of5 {
    width: 60%;
}

.size4of5 {
    width: 80%;
}

.size1of6 {
    width: 16.666666%;
}

body.ie7 .size1of6 {
    width: 16.6%;
}

.size5of6 {
    width: 83.3335%;
}

body.ie7 .size5of6 {
    width: 83.3%;
}

.shadow {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.iframe_contacts {
    background-color: #FFF;
    padding: 10px 0;
    width: 100%;
}

.hidden {
    display: none !important;
    height: 0 !important;
    line-height: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
}

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    visibility: hidden;
    overflow: hidden;
}

/* theme */
.theme {
    margin: 16px;
    padding: 30px 30px 14px;
    /*background-color:#FDFDFD;*/
    border: 1px solid #00712B;
}

.form_block .theme,
.info .theme,
.sugestoes .theme {
    margin: 16px;
    padding: 30px 30px 14px;
    /*background-color:#FDFDFD;*/
}

.docs .theme,
.webgrafia .theme,
.oque .theme,
.como .theme,
.links .theme {
    margin: 0 0 16px;
    padding: 0;
    /*background-color:#FDFDFD;*/
    border: none;
}

.info .theme-item,
.sugestoes .theme-item {
    margin-bottom: 16px;
}

.docs .theme-item,
.webgrafia .theme-item,
.oque .theme-item,
.como .theme-item,
.links .theme-item {
    padding: 10px 30px 14px;
    border: 1px solid #00712B;
}

.webgrafia .theme h3 {
    background-color: #00712B;
    padding: 6px 15px;
    text-shadow: none;
    color: #FFF;
}

.docs .theme h4,
.oque .theme h4,
.webgrafia .theme h4,
.como .theme h4,
.links .theme h4 {
    background-color: #00712B;
    padding: 6px 15px;
    text-shadow: none;
    color: #FFF;
    font-weight: normal;
}

.info .theme-item p {
    margin-bottom: 0;
}

.info .theme-item a span,
.sugestoes .theme-item a span {
    font-size: 84.6%;
}

.webgrafia .theme-item a span {
    font-size: 100%;
    font-weight: bold;
    /*color:#52524A;*/
}

.webgrafia .theme-item a:hover span {
    /*color:#FF542E;*/
}

.source {
    font-size: 84.6%;
    text-align: right;
    display: block;
}

/* table */
table {
    border: 1px solid #FFF;
    /*border-collapse: collapse;*/
    border-spacing: 0;
}

table {
    width: 100%;
}

td, th {
    text-align: left;
}

tr th, tr td {
    color: #3F3F38;
}

.simple {
    font-size: 80%;
}

table.simple {
    background: none repeat scroll 0 0 #EEEEEE;
}

.simple tr:first-child {
    border-top: 1px solid #C4E3CC;
}

.simple tr {
    border-bottom: 1px solid #C4E3CC;
    box-shadow: 0 1px 1px #FFFFFF;
}

.simple tr.noboxshadow {
    box-shadow: none;
}

.simple th {
    background: none repeat scroll 0 0 #A3D283;
    font-weight: 600;
}

.simple th, .simple td {
    padding: 1em;
    vertical-align: middle;
}

.simple th.center, .simple td.center {
    text-align: center;
    vertical-align: middle;
}

.simple td, .simple th {
    border-right: 1px solid #C4E3CC;
    box-shadow: 1px 0 1px #FFFFFF;
}

.simple td:first-child, .simple th:first-child {
    border-left: 1px solid #C4E3CC;
}

.simple span.true {
    background: url(../../images/icon/v.png) no-repeat scroll 50% 50% transparent;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px;
}

.simple span.false {
    background: url(../../images/icon/x.png) no-repeat scroll 50% 50% transparent;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px;
}

.simple span.file {
    background: url(../../images/icon/work.png) no-repeat scroll 50% 50% transparent;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px;
}

.simple span.file2 {
    background: url(../../images/icon/work16x16.png) no-repeat scroll 50% 50% transparent;
    display: block;
    height: 16px;
    margin: 0 auto;
    width: 16px;
}

.simple span.upload {
    background: url(../../images/icon/upload16x16.png) no-repeat scroll 50% 50% transparent;
    display: block;
    height: 16px;
    margin: 0 auto;
    width: 16px;
}

.simple span.view {
    background: url(../../images/icon/view16x16.png) no-repeat scroll 50% 50% transparent;
    display: block;
    height: 16px;
    margin: 0 auto;
    width: 16px;
}

.simple span.file2, .simple span.upload, .simple span.view {
    opacity: 0.6;
}

.simple a:hover span.file2, .simple a:hover span.upload, .simple span.view:hover {
    opacity: 1;
}

.simple span.center {
    text-align: center;
    display: block;
}

.simple .totals {
    text-align: center;
    font-weight: bold;
}

.simple .center {
    display: table-cell;
}

.w12 {
    width: 12%;
}
.w18 {
    width: 18%;
}
.w35 {
    width: 35%;
}

/* --- diversos ---*/
.legenda {
    font-size: 80%;
    border: 1px solid #DDDDDD;
}

.legenda p {
    margin-bottom: 0;
}

.white-bg {
    background-color: #FDFDFD;
}

.facebook {
    line-height: 16px;
    background: transparent url(../../images/icon/social-facebook-box-blue-icon16x16.png) 0 0 no-repeat scroll;
    padding-left: 20px;
}

.aside {
    display: block;
}

.rightline {
    border-right: 1px solid #EEEEEE;
    position: relative;
}

.leftline {
    border-left: 1px solid #EEEEEE;
    position: relative;
}

.aside .rightline {
    border-color: #DDDDDD;
}

.aside .leftline {
    border-color: #DDDDDD;
}

.rightline:before {
    background: none repeat scroll 0 0 #FFFFFF;
    content: " ";
    height: 100%;
    position: absolute;
    right: 0;
    width: 1px;
}

.leftline:before {
    background: none repeat scroll 0 0 #FFFFFF;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    width: 1px;
}

/* --- menu dos graus de dificuldade do quiz --- */
.quiz .size1of4 {
    width: 24%;
}

.quiz .size3of4 {
    width: 76%;
}

.quiz ul.simplelist {
    padding-left: 0px;
}

.quiz_level a {
    text-shadow: 1px 1px 0 #A9A9A9;
    font-family: Helvetica, Arial, sans-serif;
    background: #ABD39E none;
    border-bottom: 1px solid #A9A9A9;
    color: #FFF;
    padding: 2px 10px 2px 25px;
    display: block;
    margin-bottom: 4px;
}

.quiz_level a:hover {
    text-decoration: none;
    text-shadow: none;
}

.quiz_level .active {
    background: #ABD39E url(../../images/arrow.png) 0 0 no-repeat scroll;
    text-shadow: none;
}

.quiz_level .active span {
    background: transparent url(../../images/bulb.png) right top no-repeat scroll;
    display: block;
}

.simple span.work {
    background: url(../../images/icon/upload.png) no-repeat scroll 50% 50% transparent;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px;
}

/* --- reportagens --- */

.report-block {
    margin: 30px 0 0 0;
}

.report-block .report-item {
    margin: 0 0 30px 0;
    border-bottom: 1px dotted #00712B;
}

.report-block h1 {
    /*color:#B9B9B9;*/
    margin-bottom: 5px;
}

.report-block .tags {
    margin-bottom: 20px;
}

.report-block h6.escalao {
    color: #00712B;
    border-bottom: 1px solid #00712B;
    font-weight: normal;
    font-size: 12px;
    text-align: right;
}

.report-block h6.school {
    color: #888888;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
}

.report-block h4.title {
    margin-bottom: 4px;
    /*color:#00A779;*/
}

.report-block h6.school span {
    font-weight: normal;
}

.report-block .link {
    font-size: 14px;
    margin-bottom: 0px;
}

.thumb {
    float: left;
    /*margin-right: 10px;*/
    width: 140px;
    /*height: 140px;*/
    overflow: hidden;
    padding: 10px;
}

.thumb img {
    width: 120px;
    -moz-box-shadow: 0 1px 2px #ccc;
    -ms-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
}

.description {
    float: left;
    width: 638px;
    /*padding-bottom:15px;*/
}

.fp .description {
    width: 224px;
    /*padding-bottom:15px;*/
}

/* --- videos --- */

.video-block {
    margin: 30px 0 0 0;
}

.video-block .video-wrap {
    margin: 0 0 10px 0;
}

.video-block .video-item {
    overflow: hidden;
    margin: 0 1px 2px;
    display: block;
    padding: 6px;
    color: #666;
    font-size: 11px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: background-color .18s;
    -ms-transition: background-color .18s;
    -o-transition: background-color .18s;
    -webkit-transition: background-color .18s;
    transition: background-color .18s;
    color: #333;
    background: #fff;
    -moz-box-shadow: 0 1px 2px #ccc;
    -ms-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    border-bottom: 2px solid #ccc;
}

.video-block .video-item:hover {
    color: #1C62B9;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 -1px 0 #fff;
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 -1px 0 #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 -1px 0 #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 -1px 0 #fff;
    background-image: -moz-linear-gradient(top, #fff 0, #f0f0f0 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #f0f0f0 100%);
    background-image: -o-linear-gradient(top, #fff 0, #f0f0f0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f0f0f0));
    background-image: -webkit-linear-gradient(top, #fff 0, #f0f0f0 100%);
    background-image: linear-gradient(to bottom, #fff 0, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#f0f0f0);
    border-bottom-color: #aaa;
}

#ie .video-block .video-item {
    border-bottom: 2px solid #ccc;
}

#ie .video-block .video-item:hover {
    border-bottom-color: #aaa;
}

.video-block .video-item:hover a {
    color: #1C62B9;
}

.video-block h3 a {
    color: #333;
}

.video-block h3 a:visited {
    color: #3e1fa0 !important;
}

.video-block h3 {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 5px;
}

.video-block a {
    color: #333333;
    cursor: pointer;
    text-decoration: none;
}

.video-block .thumb-wrap {
    display: block;
    float: left;
    position: relative;
}

.video-thumb {
    border: medium none;
    padding: 0;
    vertical-align: middle;
    position: relative;
    height: 162px;
    width: 288px;
    background: none repeat scroll 0 0 #000000;
    display: inline-block;
    overflow: hidden;
}

.fp .video-thumb {
    width: 370px;
}

.thumb-clip {
    bottom: 0;
    left: 0;
    position: absolute;
    _position: static;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    word-break: normal;
}

.thumb-clip img {
    display: inline-block;
    vertical-align: middle;
}

.thumb-clip-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.video-thumb img {
    outline: medium none;
    width: 288px;
}

.video-thumb.vimeo .thumb-clip {
    bottom: -27px;
    top: -27px;
}

.video-thumb.youtube img {
    height: 162px;
}

.video-thumb.vimeo img {
    height: 216px;
}

.video-item-content {
    width: 332px;
    display: block;
    float: left;
    overflow: hidden;
    padding: 10px;
    vertical-align: middle;
}

.fp .video-item-content {
    width: 330px;
}

.video-overview {
    display: block;
    font-size: 16px;
    margin-bottom: 3px;
    overflow: hidden;
}

.video-title {
    float: left;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    height: 18px;
    line-height: 18px;
    text-overflow: ellipsis;
    word-wrap: normal;
}

.video-details {
    color: #999999;
    display: block;
    font-size: 11px;
    margin: 3px 0;
}

.video-details span {
    padding-right: 8px;
}

.video-item-description {
    max-height: 6.4em;
    display: block;
    line-height: 1.2;
    margin-top: 10px;
    overflow: hidden;
}

.lightblue {
    background-color: #CEEBEA;
    border: 1px solid #DDDDDD;
}

.lightgreen {
    background-color: #F2F6DA;
    border: 1px solid #E3E9B9;
}

.factbox {
    color: #3F3F38;
    font-size: 13px;
    margin: 6px 30px 15px;
    padding: 10px 15px;
}

.learnmore {
    color: #FF542E;
    display: inline-block;
    font-weight: bold;
    position: relative;
    text-decoration: none !important;
}

.learnmore:hover {
    color: #D43E00;
}

.learnmore:after {
    content: "→";
    height: 100%;
    margin-left: 8px;
    padding-left: 2px;
    top: 35%;
    width: 17px;
}

.highlight {
    background-color: #F2F6DA;
    padding: 2px;
    margin-bottom: 1px;
}

.actions-block a {
    display: inline-block;
    vertical-align: bottom;
}

input[type="checkbox"].select-checkbox {
    margin: 2px 4px;
}

.switch-block {
    display: block;
    float: right;
    width: 300px;
    text-align: right;
}

.frame-block {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #a0a64d;
}

.center {
    display: block;
    text-align: center;
}

.book_ref img {
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    display: block;
}

.book_ref:hover img, .book_ref:focus img {
    opacity: 0.8;
}