@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

* {margin: 0;padding: 0;border: none;outline: none;font-weight: 300;box-sizing: border-box;font-size: 100%;font-family: 'Open Sans', sans-serif; }
html{height: 100%;}
body {background-color: #f7f7f7;height: 100%;color: #323232}
a {text-decoration: none;color: #323232
}
ul {list-style: none}
img {max-width: 100%;}

.container {float: left;width: 100%;padding: 2% 4%;position: relative;}
.limite {margin:0 auto;width:100%;max-width:1240px;padding: 1% 4%;clear: both;position: relative}
.limite02 {margin:0 auto;width:100%;max-width:1180px;padding: 0.3% 4%;clear: both;position: relative}
.limite03 {margin:0 auto;width:100%;max-width:1024px;padding: 0% 0%;clear: both;position: relative}


.img-sombra:after{ /*
    content: " ";
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 29%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 29%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 29%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    right: 0px;
    z-index: 1; */
}
.escurecedor:after{
    content: " ";
    background: -moz-linear-gradient(top, rgba(0,0,0,0.55) 100%, rgba(0,0,0,0.55) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0.55,0) 100%,rgba(0,0,0,0.55) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.55) 100%,rgba(0,0,0,0.55) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    right: 0px;
    z-index: 1;
}

.mobileOn{display: block}
.mobileOff {display: none}

header{position: relative;float: left;width: 100%;border-top: 3px solid #f2b500;border-bottom: 1px solid #bbb; background-color: #ffffff;}
section{float: left;width: 100%;position: relative;}

.topo{float: left;width: 100%}

.btn {font-size: 1.2em;cursor: pointer}
.btn-menu {float: right; line-height: 55px; color: #ffffff; font-size: 1.5em;display: block;}

.topo {float: left;width: 100%;background-color: #122f58;color: #ffffff}
.data-topo {float: left;text-align: left; text-transform: uppercase;font-size: 1em;padding: 16px 0;font-weight: bold}
.linguagem {float: right;text-align: right;padding: 22px 10px 0 0;}
.linguagem img{/*width: 33%*/}
.sociais-topo {float: right;text-align: right}
.sociais-topo i {font-size: 2em;    line-height: 60px;}

.fachada {float: left;width: 100%}
.logo-topo {float: left; background: url("../images/logo.png") left center/100% no-repeat; font-size: 0;  width: 40%; height: 60px;position: relative;z-index: 3}
.banner-topo {float: left;width: 100%}

.menu-principal{display:none;position: absolute;width: 100%;background-color: #e8e8e8;padding:4%; z-index : 4;margin-top: 0;height: 100%}
.menu-principal a {float: left;width: 100%}
.menu-principal li{float: left;width: 100%;text-align: left;line-height: 30px;font-size: 1em;font-weight: 700;margin-bottom: 10px;border-bottom: 1px solid #ababab;padding-bottom: 10px}


.destaque-esq{padding: 0;float: right;width: 100%;background-color: #ffffff;border-top: 0px solid #dadada;border-bottom: 1px solid #dadada;border-left: 0px solid #dadada;border-right: 0px solid #dadada;border-radius: 0;margin-bottom: 20px}
.destaque-esq figure{float: left;width: 100%;position: relative;overflow: hidden; height: 200px; margin-top: 10px;}
article{float: left;padding: 20px 0 0 0;letter-spacing: -.32px; background-color: #ffffff}
article h3{color: #333; font-weight: 700;  float: left; width: 100%;font-size: 0.95em;}
article h1{ color: #052C62;font-weight: 700;float: left;width: 100%;font-size: 1.5em;letter-spacing: -.52px; margin-top: 8px;}
article h2{color: #333; float: left; width: 100%; letter-spacing: -.32px;margin-top: 8px;font-size: 0.9em}
.capa-info {float: left;padding: 0 5%}

.destaque-dir{float: left;width: 100%;position: relative}
.destaque-dir figure{float: left;width: 100%;position: relative;overflow: hidden; height: 200px; margin-top: 10px;}

.cabecalho2{float: left;width: 100%;margin: 20px 0}
.cabecalho2 h1{float: left; width: 100%;text-align: left; font-size: 1.5em; letter-spacing: -.5px; color: #436580; font-weight: 700;}
.cabecalho2 h2{float: left;width: 100%; text-align:  center;font-size: 0.9em; color: #436580;text-align:left;}
.cabecalho2 b{position: relative; display: inline-block; width: 100%; height: 1px; background: #ccc; margin: 5px 0 ;float:left;}
.cabecalho2 b:after{position: relative;top: -16px;content: "";display: inline-block; width: 30%; margin: 0 0 0 0; height: 2px;  background: #ffc107;}

.banner-meio {float: left;width: 100%;padding: 10px 0}
.destaque{float: left;width: 100%}
.capa01 {float: left;width: 100%}
.capa01 h1 {float: left;width: 100%;font-size: 1.5em;font-weight: 700; padding: 10px 0}
.capae01 h3 {float: left;width: 100%}
.capa01 h2 {float: left;width: 100%;padding: 10px 0;}
.capa01 figure{float: left;width: 100%}
.linha {float: left;width: 100%;margin: 10px 0}
.capa02 {float: left;width: 100%;margin-top: 10px;padding-top: 10px;border-top: 1px solid #c3c3c3;}
.capa02 h1 {float: left; width: 66%; margin-left: 4%;font-size: 1.1em; font-weight: 700;}
.capa02 h3 {float: left;width: 100%;display: none}
.capa02 h2 {float: left;width: 100%;padding: 10px 0;}
.capa02 figure{float: left;width: 30%}

.capa03 {float: left;width: 100%;margin-top: 10px;padding-top: 10px;border-top: 1px solid #c3c3c3;}
.capa03 h1 {float: left; width: 66%; margin-left: 4%;font-size: 1.1em; font-weight: 700;}
.capa03 h3 {float: left;width: 100%;display: none}
.capa03 h2 {float: left;width: 100%;padding: 10px 0;}
.capa03 figure{float: left;width: 30%}

.aside {float: left;width: 100%}
.banner03{float: left;width: 100%;padding: 10px;text-align: center; margin: 20px 0;}

.box-info{float: left;padding: 20px 5%;letter-spacing: -.32px;background-color: #ffffff}
.box-info h3{color: #333; font-weight: 700;  float: left; width: 100%;font-size: 0.95em;}
.box-info h1{ color: #052C62;font-weight: 700;float: left;width: 100%;font-size: 1.3em;letter-spacing: -.72px; margin-top: 8px;}
.box-info h2{color: #333; float: left; width: 100%; letter-spacing: -.32px;margin-top: 8px;font-size: 0.9em}
.box-ultimas{float: left;width: 100%;margin-bottom: 20px;border-bottom: 1px solid #dadada}
.box-ultimas figure{float: left;width: 100%;position: relative;overflow: hidden; height: 200px; }
.box-data {float: left;width: 100%;background-color: #ffffff;padding: 2% 5%}

footer{float: left;width: 100%; background-color: #052c62; padding: 20px 0;border-top: 2px solid #edb300}
.box-footer{float: left; width: 100%;text-align: center;}
.box-footer h1{color: #ffffff;text-transform: uppercase;font-size: 0.8em; font-weight: bold;}
.foo li{display: inline;color: #ffffff;text-transform: uppercase;font-size: 0.8em;padding-right: 6px; margin-right: 3px; border-right: 1px solid;}
.foo2 li{color: #ffffff;text-transform: uppercase;font-size: 0.8em;}
.box-footer ul{    padding: 10px 0 40px 0;}

.leitura-sociais{float: left;width: 100%;padding: 10px 0;text-align: center;font-size: 1.8em}

.botao-mais {
    float: left;
    width: 70%;
    margin-left: 15%;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 20px;
    background-color: #052c62;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #f2b509;
    font-weight: 700;
}

.video-mostra02 {height:230px;}

@media screen and (min-width: 768px) {
    .mobileOn{display: none}
    .mobileOff {display: block}

    .data-topo {font-size: 0.9em;    padding: 8px 0;}
    .data-topo span {float: left;margin-right: 10px}
    .sociais-topo {color: #ffffff;margin-right: 20px}
    .sociais-topo a {color: #ffffff;margin-left: 10px}
    .sociais-topo i {line-height: 30px}
    .linguagem {padding: 8px 10px 0 0}
    .logo-topo {width: 30%;}
    .banner-topo {float: right; width: 65%;}
    .fachada {padding: 10px 0;}
    .menu-princ{ background-color: #052c62;border-top: 2px solid #edb300;border-bottom: 2px solid #edb300}
    .menu-topo {float: left;}
    .menu-topo li{float: left;color: #ffffff;display: inline;text-transform: uppercase;padding-right: 7px; margin-right: 7px; border-right: 1px solid rgba(255,255,255,0.3);}
    .busca-topo{display: none}

    .destaque-esq{float: right;    margin-left: 0%; width: 45%;background-color: #ffffff;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;border-left: 1px solid #dadada;border-right: 1px solid #dadada;border-radius: 3px;margin-bottom: 20px;min-height: 369px;}
    article{float: left;padding: 20px 0 0 0;letter-spacing: -.32px;}
    article h3{color: #ffffff; font-weight: 700;  float: left; width: 100%;font-size: 1em;}
    .tit-capa{ color: #052C62;font-weight: 700;float: left;width: 100%;font-size: 1.4em;letter-spacing: 0px; margin-top: 30px;}
    .subtit-capa{color: #333; float: left; width: 100%; letter-spacing: -.32px;margin-top: 15px;font-size: 0.9em;}

    .destaque-dir{float: left;width: 54%;position: relative;margin-right: 1%}
    .destaque-dir figure{float: left;width: 100%;position: relative;overflow: hidden; height: 280px; margin-top: 0px;}

    .abs{position: absolute;z-index: 2;width: 100%;bottom: 10px;    text-shadow: 1px 1px #000;}
    .destaque02{margin-bottom: 8px;height:280px;overflow: hidden;float: left;width: 100%; background-color: #ffffff; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-radius: 3px;position: relative;padding: 0}
    .destaque02 h1{color: #ffffff;font-size: 1.3em;letter-spacing: normal;line-height: 25px}
    .destaque02 h2{display: none}
    .destaque02 h3{display: block}

    .destaque03{height:186px;overflow: hidden;float: left;width: 100%; background-color: #ffffff; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-radius: 3px;margin-bottom: 0;position: relative;padding: 0}
    .destaque03 h1{color: #484848;font-size: 1.5em;letter-spacing: normal;line-height: initial}
    .destaque03 h2{display: none}
    .destaque03 h3{display: block;color: #484848;margin-top: 25px}

    .banner-meio{width: 48%;margin-right: 4%}
    .capa01 {width: 33%;margin-right: 2%}
    .capa01 h1 {font-size: 1em}
    .capa01 h3 {float: left;font-size: 0.8em}
    .capa02 {width: 33%;margin-right: 2%;border-top: 0;margin-top: 0;padding-top: 0}
    .capa02 h1 {font-size: 0.9em}
    .aside {width: 30%}
    .linha {margin: 0 0 15px 0}

    .cabecalho2 {margin: 0 0 20px 0}

    .blog {width: 67%;margin-right: 3%;float: left}
    .capa03 h1 {font-size: 0.9em}

.video-mostra02 {height:260px;}

}

@media screen and (min-width: 1024px) {
    .mobileOn{display: none}
    .mobileOff {display: block}

    .data-topo {font-size: 0.9em;    padding: 2px 0;}
    .data-topo span {float: left;margin-right: 10px}
    .sociais-topo {color: #ffffff;margin-right: 20px}
    .sociais-topo a {color: #ffffff;margin-left: 10px}
    .sociais-topo i {line-height: 20px;font-size: 1.4em}
    .linguagem {padding: 1px 10px 0 0}
    .logo-topo {width: 30%;margin: 8px 0;}
    .banner-topo {float: right; width: 65%;}
    .banner-topo img {float: right}
    .fachada {padding: 0;}
    .menu-princ{ background-color: #052c62;border-top: 2px solid #edb300;border-bottom: 2px solid #edb300}
    .menu-topo {float: left;}
    .menu-topo li{float: left;color: #ffffff;display: inline;text-transform: uppercase;padding:2px 7px 2px 2px; margin-right: 7px; border-right: 1px solid rgba(255,255,255,0.3);transform: color ease}
    .menu-topo li:hover {color: #ffc107}
    .busca-topo{display: none}

    .destaque-esq{float: right;    margin-left: 0%; width: 45%;background-color: #ffffff;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;border-left: 1px solid #dadada;border-right: 1px solid #dadada;border-radius: 3px;margin-bottom: 20px;min-height: 369px;}
    article{float: left;padding: 20px 0 0 0;letter-spacing: -.32px;}
    article h3{color: #ffffff; font-weight: 700;  float: left; width: 100%;font-size: 1em;}
    .tit-capa{ color: #052C62;font-weight: 700;float: left;width: 100%;font-size: 1.5em;letter-spacing: 0px; margin-top: 30px;}
    .subtit-capa{color: #333; float: left; width: 100%; letter-spacing: -.32px;margin-top: 15px;font-size: 0.9em;}

    .destaque-dir{float: left;width: 54%;position: relative;margin-right: 1%}
    .destaque-dir figure{float: left;width: 100%;position: relative;overflow: hidden; height: 280px; margin-top: 0px;}

    .abs{position: absolute;z-index: 2;width: 100%;bottom: 10px;    text-shadow: 1px 1px #000;}
    .destaque02{margin-bottom: 8px;height:280px;overflow: hidden;float: left;width: 100%; background-color: #ffffff; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-radius: 3px;position: relative;padding: 0}
    .destaque02 h1{color: #ffffff;font-size: 1.3em;letter-spacing: normal;line-height: 25px}
    .destaque02 h2{display: none}
    .destaque02 h3{display: block}

    .destaque03{height:168px;overflow: hidden;float: left;width: 100%; background-color: #ffffff; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-radius: 3px;margin-bottom: 0;position: relative;padding: 0}
    .destaque03 h1{color: #484848;font-size: 1.5em;letter-spacing: normal;line-height: initial}
    .destaque03 h2{display: none}
    .destaque03 h3{display: block;color: #484848;    margin-top: 20px;}

    .banner-meio{width: 48%;margin-right: 4%}
    .capa01 {width: 33%;margin-right: 2%}
    .capa01 h1 {font-size: 1.5em;}
    .capa01 h3 {float: left;font-size: 0.8em}
    .capa02 {width: 33%;margin-right: 2%;border-top: 0;margin-top: 0;padding-top: 0}
    .capa02 h1 {font-size: 0.9em}
    .aside {width: 30%}
    .linha {margin: 0 0 11px 0}


    .hover-img {
        cursor: pointer;
        opacity: 1;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    .hover-img:hover {
        opacity: .8;
    }

    .capa03 {margin-top: 0;padding-top: 0;border-top: 0}

    .destaque-esq figure {    height: 209px;}

    .banner03 {margin: 20px 0 0 0}

    .cabecalho2 {margin: 0 0 20px 0}

    .blog {width: 67%;margin-right: 3%;float: left}
    .capa03 h1 {font-size: 0.9em}

    .destaque {border: 1px solid #f1f1f1;background-color: #fff; padding: 10px;}
    .box-info {float: right; padding: 10px 2%; letter-spacing: -.32px; background-color: transparent;width: 55%;}
    .box-ultimas {border-bottom: 0}
    .box-ultimas figure { float: left;width: 45%; position: relative;overflow: hidden; height: 200px;}
    .box-data {float: right;width: 55%;background-color: transparent;padding: 1% 2%;    font-size: 0.8em;}

    .busca-topo {display: block;float: right;width: 30%;position: relative}
    .busca-topo input {float: right; width: 100%; border-radius: 3px;padding: 2px}
    .busca-topo button {position: absolute;right: 5px; background-color: transparent;    font-size: 1.1em;}
.video-mostra02 {height:430px;}
}

@media screen and (min-width: 1280px) {

    .limite {margin:0 auto;width:100%;max-width:1240px;padding: 0.5% 4%;clear: both;position: relative}

    .mobileOn{display: none}
    .mobileOff {display: block}

    .data-topo {font-size: 0.9em;    padding: 2px 0;}
    .data-topo span {float: left;margin-right: 10px}
    .sociais-topo {color: #ffffff;margin-right: 20px}
    .sociais-topo a {color: #ffffff;margin-left: 10px}
    .sociais-topo i {line-height: 20px;font-size: 1.4em}
    .linguagem {padding: 1px 10px 0 0}
    .logo-topo {width: 30%;margin: 15px 0;}
    .banner-topo {float: right; width: 65%;}
    .fachada {padding: 0;}
    .menu-princ{ background-color: #052c62;border-top: 2px solid #edb300;border-bottom: 2px solid #edb300}
    .menu-topo {float: left;}
    .menu-topo li{float: left;color: #ffffff;display: inline;text-transform: uppercase;padding-right: 7px; margin-right: 7px; border-right: 1px solid rgba(255,255,255,0.3);}


    .destaque-esq{float: right;    margin-left: 0%; width: 45%;background-color: #ffffff;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;border-left: 1px solid #dadada;border-right: 1px solid #dadada;border-radius: 3px;margin-bottom: 20px;min-height: 369px;}
    article{float: left;padding: 20px 0 0 0;letter-spacing: -.32px;}
    article h3{color: #ffffff; font-weight: 700;  float: left; width: 100%;font-size: 1em;}
    .tit-capa{ color: #052C62;font-weight: 700;float: left;width: 100%;font-size: 1.6em;letter-spacing: 0px; margin-top: 30px;}
    .subtit-capa{color: #333; float: left; width: 100%; letter-spacing: -.32px;margin-top: 15px;font-size: 1em;}

    .destaque-dir{float: left;width: 54%;position: relative;margin-right: 1%}
    .destaque-dir figure{float: left;width: 100%;position: relative;overflow: hidden; height: 280px; margin-top: 0px;}

    .destaque-esq figure { height: 221px; }

    .abs{position: absolute;z-index: 2;width: 100%;bottom: 10px;    text-shadow: 1px 1px #000;}
    .destaque02{margin-bottom: 8px;height:280px;overflow: hidden;float: left;width: 100%; background-color: #ffffff; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-radius: 3px;position: relative;padding: 0}
    .destaque02 h1{color: #ffffff;font-size: 1.3em;letter-spacing: normal;line-height: 25px}
    .destaque02 h2{display: none}
    .destaque02 h3{display: block}

    .destaque03{    height: 187px;;overflow: hidden;float: left;width: 100%; background-color: #ffffff; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-radius: 3px;margin-bottom: 0;position: relative;padding: 0}
    .destaque03 h1{color: #484848;font-size: 1.5em;letter-spacing: normal;line-height: initial}
    .destaque03 h2{display: none}
    .destaque03 h3{display: block;color: #484848;    margin-top: 30px;}

    .banner-meio{width: 48%;margin-right: 4%}
    .capa01 {width: 33%;margin-right: 2%}
    .capa01 h1 {font-size: 1.5em;}
    .capa01 h3 {float: left;font-size: 0.8em}
    .capa02 {width: 33%;margin-right: 2%;border-top: 0;margin-top: 0;padding-top: 0}
    .capa02 h1 {font-size: 1em}
    .aside {width: 30%}
    .linha {margin: 0 0 7px 0}

    .banner03 {margin: 20px 0 0 0}

    .cabecalho2 {margin: 0 0 20px 0}

    .blog {width: 67%;margin-right: 3%;float: left}
    .capa03 h1 {font-size: 0.9em;}

    .destaque {border-bottom: 1px solid #f1f1f1;background-color: #fff; padding: 10px;}
    .box-info {float: right; padding: 10px 2%; letter-spacing: -.32px; background-color: transparent;width: 55%;}
    .box-ultimas {border-bottom: 0}
    .box-ultimas figure { float: left;width: 45%; position: relative;overflow: hidden; height: 200px;}
    .box-data {float: right;width: 55%;background-color: transparent;padding: 1% 2%;    font-size: 0.8em;}

.video-mostra02 {height:430px;}
}