/*
==============================================
slideDown
==============================================
*/

.slideDown {
    visibility: visible !important;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    50% {
        transform: translateY(8%);
    }
    65% {
        transform: translateY(-4%);
    }
    80% {
        transform: translateY(4%);
    }
    95% {
        transform: translateY(-2%);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        -webkit-transform: translateY(8%);
    }
    65% {
        -webkit-transform: translateY(-4%);
    }
    80% {
        -webkit-transform: translateY(4%);
    }
    95% {
        -webkit-transform: translateY(-2%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}


/*
==============================================
slideUp
==============================================
*/

.slideUp {
    visibility: visible !important;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
    }
    50% {
        transform: translateY(-8%);
    }
    65% {
        transform: translateY(4%);
    }
    80% {
        transform: translateY(-4%);
    }
    95% {
        transform: translateY(2%);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
    }
    50% {
        -webkit-transform: translateY(-8%);
    }
    65% {
        -webkit-transform: translateY(4%);
    }
    80% {
        -webkit-transform: translateY(-4%);
    }
    95% {
        -webkit-transform: translateY(2%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

body {
    overflow-x: hidden;
}


/************************************************************
* CLASSES GERAIS
*************************************************************/

.banner {
    margin-bottom: 15px;
    text-align: center;
}

.banner-bottom {
    clear: both;
}


.banner img {
    margin: 0 auto;
}

.banner.banner-lateral {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
}

.banner.banner-conteudo {
    margin: 0;
    background: none;
    border: none;
}

.link {
    cursor: pointer;
}

.glbComentarios-formulario-texto-inicial {
    height: 28px !important;
}

.social .facebook {
    float: left;
    margin-right: 30px;
}

.social .twitter {
    float: left;
}

.social .googleplus {
    float: left;
}

.divisoria-padrao {
    width: 100%;
    height: 0;
    padding: 0;
    padding-top: 20px;
    margin: 0;
    margin-bottom: 20px;
    clear: both;
    border: none;
    border-bottom: 1px solid #ebebeb;
}

.divisoria-padrao.divisoria-destaques {
    margin-bottom: 10px;
}

.divisoria-padrao-sem-borda {
    width: 100%;
    height: 0;
    padding: 0;
    padding-top: 20px;
    margin: 0;
    margin-bottom: 20px;
    clear: both;
    border: none;
}

.divisoria-padrao-sem-quebra {
    width: 100%;
    height: 0;
    padding: 0;
    padding-top: 20px;
    margin: 0;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid #ebebeb;
}

.botao-mais {
    display: block;
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    background: #ff7a04;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.botao-mais:hover {
    color: #fff;
    text-decoration: none;
}

.titulos {
    padding-bottom: 7px;
    padding-left: 3px;
    margin: 0;
    margin-bottom: 20px;
    font-style: italic;
    font-weight: bold;
    color: #228e7d;
    border-bottom: 1px dotted #8b8b8b;
}

.titulos.titulo-subhome {
    font-size: 20px;
}

.titulos.titulo-boxes {
    font-size: 26px;
}

.box-carousel {
    height: 0;
}

.box-carousel.aberto a {
    display: block;
}

.box-carousel.fechado {
    height: 0;
}

.box-carousel.fechado a {
    display: none;
}


/************************************************************
* NAV PRODUTOS
*************************************************************/

.produtos-nav .item-produto {
    padding-left: 35px;
}

.produtos-nav .item-produto.ico-acucar {
    background: url('../../img/produtos/ico-acucar.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-algodao {
    background: url('../../img/produtos/ico-algodao.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-arroz {
    background: url('../../img/produtos/ico-arroz.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-aves {
    background: url('../../img/produtos/ico-aves.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-biodiesel {
    background: url('../../img/produtos/ico-biodiesel.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-boi {
    background: url('../../img/produtos/ico-boi.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-cacau {
    background: url('../../img/produtos/ico-cacau.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-cafe {
    background: url('../../img/produtos/ico-cafe.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-cana {
    background: url('../../img/produtos/ico-cana.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-etanol {
    background: url('../../img/produtos/ico-etanol.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-feijao {
    background: url('../../img/produtos/ico-feijao.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-frutas {
    background: url('../../img/produtos/ico-frutas.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-hortalicas {
    background: url('../../img/produtos/ico-hortalicas.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-laranja {
    background: url('../../img/produtos/ico-laranja.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-leite {
    background: url('../../img/produtos/ico-leite.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-milho {
    background: url('../../img/produtos/ico-milho.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-ovinos {
    background: url('../../img/produtos/ico-ovinos.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-peixe {
    background: url('../../img/produtos/ico-peixe.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-soja {
    background: url('../../img/produtos/ico-soja.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-suinos {
    background: url('../../img/produtos/ico-suinos.png') left center no-repeat;
}

.produtos-nav .item-produto.ico-trigo {
    background: url('../../img/produtos/ico-trigo.png') left center no-repeat;
}

.produtos-nav .item-produto:hover {
    text-decoration: none;
}

.produtos-nav .box-mais-produtos {
    position: absolute;
    top: 30px;
    right: 22px;
    z-index: 100;
    display: block;
    width: 160px;
}

.produtos-nav .box-mais-produtos.aberto {
    background: #f2f2f2;
    border-top: 3px solid #228e7d;
}

.produtos-nav .box-mais-produtos .list-unstyled {
    margin: 0;
}

.produtos-nav .box-mais-produtos .item-produto {
    padding: 10px 0 10px 45px;
    font-size: 16px;
    font-weight: 200;
    color: #444444;
    background-position: 12px center;
    border-bottom: 1px dashed #8b8b8b;
}

.produtos-nav .box-mais-produtos .item-produto.ultimo {
    border-bottom: none;
}


/************************************************************
* BOX DE MATERIAS
*************************************************************/

.materias {
    padding: 0 20px;
}

.materias .materia-destaque-hd {
    display: none;
    padding-left: 0;
}

.materias .materia .box-img {
    float: left;
    width: 38%;
    margin-right: 10px;
}

.materias .materia.materia-super-destaque .box-img {
    display: none;
}

.materias .materia.materia-super-destaque .titulo {
    line-height: 24px;
}

.materias .materia.materia-super-destaque .titulo a {
    font-size: 24px;
}

.materias .materia .titulo {
    margin: 0;
    line-height: 25px;
}

.materias .materia .titulo a {
    font-size: 20px;
    font-weight: bold;
    color: #1a1a1a;
}

.materias .materia .titulo-destaque-secundario-triplo {
    font-size: 26px;
    font-weight: bold;
    line-height: 33px;
}

.materias .divisoria-padrao {
    padding-top: 10px;
}


/************************************************************
* BOX VIDA NA FAZENDA
*************************************************************/

.box-vida-na-fazenda .nav-editoriais {
    height: 319px;
    max-width: 273px;
}

.box-vida-na-fazenda .nav-editoriais .list-unstyled {
    margin: 0;
}

.box-vida-na-fazenda .nav-editoriais .header {
    position: relative;
    padding: 5px 10px;
    background: #01aa9f;
    -webkit-box-shadow: -1px 1px 4px rgba(1, 119, 111, 0.75);
    -moz-box-shadow: -1px 1px 4px rgba(1, 119, 111, 0.75);
    box-shadow: -1px 1px 4px rgba(1, 119, 111, 0.75);
}

.box-vida-na-fazenda .nav-editoriais .header .titulo {
    margin: 0;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    line-height: auto;
    color: #fff;
}

.box-vida-na-fazenda .nav-editoriais .header .botao-voltar {
    position: absolute;
    top: 10px;
    right: 11px;
    z-index: 1;
    display: none;
    width: 27px;
    height: 20px;
    text-indent: -99999px;
    background: url('../../img/btn-vnf-voltar.png') no-repeat;
    border: none;
}

.box-vida-na-fazenda .nav-editoriais .itens {
    height: 212px;
    padding: 0 5px;
}

.box-vida-na-fazenda .conteudo {
    display: none;
}


/************************************************************
* BOX PRODUTOS
*************************************************************/

.box-produtos {
    position: relative;
}

.box-produtos .header {
    padding: 2px 10px;
    margin-bottom: 10px;
    background: #dfdfdf;
}

.box-produtos .header .titulo {
    font-size: 21px;
    font-style: italic;
    font-weight: bold;
    line-height: auto;
    color: #000;
}

.box-produtos .header .titulo .arrow-bottom {
    display: block;
    float: right;
    width: 18px;
    height: 11px;
    margin-top: 5px;
    background: url('../../img/produtos-arrow-bottom.png') no-repeat;
}

.box-produtos .wrap-produtos {
    position: absolute;
    top: 45px;
    left: 0;
    display: none;
    width: 100%;
    background: #228e7d;
}

.box-produtos .wrap-produtos .arrow-holder {
    display: none;
}

.box-produtos .wrap-produtos .produtos-nav {
    width: 100%;
}

.box-produtos .wrap-produtos .produtos-nav .item-produto {
    float: left;
    height: 67px;
    padding: 0;
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a {
    display: block;
    height: 100%;
    padding: 48px 17px 0 17px;
    font-size: 11px;
    font-weight: lighter;
    color: #fff;
    background-position: center 5px;
    background-repeat: no-repeat;
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-acucar {
    background-image: url('../../img/produtos/ico-white-acucar.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-algodao {
    background-image: url('../../img/produtos/ico-white-algodao.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-arroz {
    background-image: url('../../img/produtos/ico-white-arroz.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-aves {
    background-image: url('../../img/produtos/ico-white-aves.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-biodiesel {
    background-image: url('../../img/produtos/ico-white-biodiesel.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-boi {
    background-image: url('../../img/produtos/ico-white-boi.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-cacau {
    background-image: url('../../img/produtos/ico-white-cacau.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-cafe {
    background-image: url('../../img/produtos/ico-white-cafe.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-cana {
    background-image: url('../../img/produtos/ico-white-cana.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-etanol {
    background-image: url('../../img/produtos/ico-white-etanol.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-feijao {
    background-image: url('../../img/produtos/ico-white-feijao.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-frutas {
    background-image: url('../../img/produtos/ico-white-frutas.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-hortalicas {
    background-image: url('../../img/produtos/ico-white-hortalicas.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-laranja {
    background-image: url('../../img/produtos/ico-white-laranja.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-leite {
    background-image: url('../../img/produtos/ico-white-leite.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-milho {
    background-image: url('../../img/produtos/ico-white-milho.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-ovinos {
    background-image: url('../../img/produtos/ico-white-ovinos.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-peixe {
    background-image: url('../../img/produtos/ico-white-peixe.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-soja {
    background-image: url('../../img/produtos/ico-white-soja.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-suinos {
    background-image: url('../../img/produtos/ico-white-suinos.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a.ico-trigo {
    background-image: url('../../img/produtos/ico-white-trigo.png');
}

.box-produtos .wrap-produtos .produtos-nav .item-produto a:hover,
.box-produtos .wrap-produtos .produtos-nav .item-produto a.active {
    text-decoration: none;
    background-color: #01aa9f;
}

.box-produtos .materias {
    padding: 0 10px;
    overflow: hidden;
}

.box-produtos .footer {
    margin-top: 5px;
}

.box-produtos .footer .link {
    display: block;
    padding: 5px 0;
    font-style: italic;
    font-weight: bold;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    background: #dfdfdf;
}


/************************************************************
* BOX AGENDA - EVENTOS
*************************************************************/

.box-agenda {
    /*.header {
    background: @verde_padrao;
    padding: 2px 10px;
    
    .titulo {
      font-style: italic;
      color: #fff;
      font-size: 27px;
      line-height: 20px;
    }
  }*/
}

.box-agenda.inline .ui-widget-content {
    background: #eeeeee url(../../img/datepicker/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    border: 1px solid #dddddd;
}

.box-agenda.inline .ui-datepicker-prev,
.box-agenda.inline .ui-datepicker-next {
    display: none;
}

.box-agenda .materias-agenda {
    padding-top: 2px;
}

.box-agenda .materias-agenda .materia .data {
    float: left;
    width: 50px;
    padding-left: 5px;
    margin-right: 5px;
}

.box-agenda .materias-agenda .materia .data .dia {
    display: block;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 35px;
    font-weight: normal;
    color: #228e7d;
}

.box-agenda .materias-agenda .materia .data .mes {
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #228e7d;
    text-transform: uppercase;
}

.box-agenda .materias-agenda .materia .titulo {
    padding-top: 11px;
    margin-top: 5px;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 25px;
    line-height: 21px;
    color: #353535;
}

.box-agenda .materias-agenda .materia .titulo a {
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #353535;
}

.box-agenda .materias-agenda .materia .descricao,
.box-agenda .materias-agenda .materia .tempo-atualizacao {
    display: none;
}

.box-agenda .materias-agenda .divisoria-padrao {
    padding-top: 10px;
    margin-bottom: 10px;
}

.box-agenda .link {
    display: block;
    width: 100%;
    padding: 5px 0;
    margin-top: 20px;
    clear: both;
    font-style: italic;
    font-weight: bold;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    background: #dfdfdf;
}


/************************************************************
* BOX SELOS
*************************************************************/

.box-top-destaques .item {
    padding: 15px 0;
    overflow: hidden;
    border-bottom: 1px solid #d4d4d4;
}

.box-top-destaques .item:last-child {
    border-bottom: none;
}

.box-top-destaques .item .numero {
    display: block;
    float: left;
    width: 10%;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 25px;
    color: #228e7d;
    text-align: center;
}

.box-top-destaques .item a {
    display: block;
    float: left;
    width: 90%;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #228e7d;
    color: #353535;
}


/************************************************************
* BOX SELOS
*************************************************************/

.box-selos {
    text-align: center;
}

.box-selos .item-selo {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.box-selos .item-selo:last-child {
    margin-bottom: 0;
}

.box-selos .ultimo {
    text-align: right;
}


/************************************************************
* SECOES DO SITE
*************************************************************/

.secoes {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
}

.secoes .header {
    padding: 2px 10px;
    background: #228e7d;
}

.secoes .header .titulo {
    margin: 10px 0;
    font-size: 30px;
    font-style: italic;
    font-weight: bold;
    line-height: auto;
    color: #fff;
}


/************************************************************
* BOX LEIA MAIS
*************************************************************/

.box-lei-mais .conteudo .materia .chamada {
    margin: 0;
    line-height: 22px;
}

.box-lei-mais .conteudo .materia .chamada a {
    display: block;
    padding: 15px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #1a1a1a;
}

.box-lei-mais .conteudo .divisoria-padrao {
    padding-top: 5px;
    margin-bottom: 5px;
}


/************************************************************
* BOX MATERIAS RELACIONADAS
*************************************************************/

.box-materias-relacionadas {
    width: 100%;
    height: 250px;
    padding: 20px 0;
    overflow: hidden;
    border-top: 1px dotted #8b8b8b;
    border-bottom: 1px dotted #8b8b8b;
}

.box-materias-relacionadas .materia {
    display: inline-block;
    width: 30%;
    margin-right: 2.9%;
    visibility: hidden;
}

.box-materias-relacionadas .materia .titulo {
    line-height: 18px;
}

.box-materias-relacionadas .materia .titulo a {
    font-size: 15px;
}

.box-materias-relacionadas-sidebar {
    border: 1px solid #cfcece;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
}

.box-materias-relacionadas-sidebar .panel-heading {
    padding: 0;
}

.box-materias-relacionadas-sidebar .materias {
    padding: 0;
}

.box-materias-relacionadas-sidebar .materias .conteudo {
    overflow: hidden;
}

.box-materias-relacionadas-sidebar .materias .materia {
    padding: 10px 15px;
}

.box-materias-relacionadas-sidebar .materias .materia .box-img {
    width: 43%;
}

.box-materias-relacionadas-sidebar .materias .materia .titulo {
    line-height: 22px;
}

.box-materias-relacionadas-sidebar .materias .materia .titulo a {
    font-size: 19px;
    color: #1a1a1a;
}

.box-materias-relacionadas-sidebar .materias .divisoria-padrao {
    padding: 0;
    margin: 0;
}

.box-materias-relacionadas-sidebar .materias.ativo .botao-abrir-box {
    display: none;
}

.box-materias-relacionadas-sidebar .materias.ativo .titulo-box {
    padding: 5px 15px;
    margin: 0;
    font-size: 25px;
    color: #228e7d;
    border-bottom: 1px solid #ebebeb;
    border-left: 3px solid #228e7d;
}

.box-materias-relacionadas-sidebar .materias.inativo .conteudo {
    height: 0;
}

.box-materias-relacionadas-sidebar .materias.inativo .botao-abrir-box {
    display: block;
    float: right;
    width: 37px;
    height: 36px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #228e7d;
    border: none;
}

.box-materias-relacionadas-sidebar .materias.inativo .titulo-box {
    padding: 5px 15px;
    margin: 0;
    font-style: italic;
    font-weight: bold;
    color: #fff;
    background: #228e7d;
    border-bottom: 1px solid #ebebeb;
    border-left: 3px solid #1a6c5f;
}


/************************************************************
* BOX OUTRAS GALERIAS
*************************************************************/

.box-outras-galerias {
    width: 100%;
}

.box-outras-galerias.materias {
    padding: 0;
}

.box-outras-galerias .header {
    margin-bottom: 20px;
}

.box-outras-galerias .header .titulo {
    padding-bottom: 7px;
    margin: 0;
    font-size: 32px;
    font-style: italic;
    font-weight: bold;
    color: #01aa9f;
    border-bottom: 1px dotted #959595;
}

.box-outras-galerias .materia {
    float: left;
    width: 30%;
    margin-right: 2.9%;
}

.box-outras-galerias .materia .titulo {
    line-height: 20px;
}

.box-outras-galerias .materia .titulo a {
    font-size: 16px;
}


/************************************************************
* MATERIAS PLANTÃO
*************************************************************/

.materias-plantao .divisoria-padrao {
    border-bottom: 1px dotted #8b8b8b;
}

.materias-plantao .materia .box-img {
    float: right;
    width: 28%;
    margin-left: 15px;
}

.materias-plantao .materia .box-imgs {
    margin-bottom: 15px;
    overflow: visible;
}

.materias-plantao .materia .box-imgs a {
    display: block;
    float: left;
    width: 22%;
    margin: 0;
    margin-right: 3.5%;
}

.materias-plantao .materia .box-imgs a:nth-child(4) {
    margin-right: 0;
}

.materias-plantao .materia .titulo {
    margin: 0;
    margin-bottom: 5px;
    line-height: 35px;
}

.materias-plantao .materia .titulo a {
    font-size: 28px;
    font-weight: bold;
    color: #1a1a1a;
}

.materias-plantao .materia .sub-titulo {
    margin: 0;
    margin-bottom: 5px;
    line-height: 20px;
}

.materias-plantao .materia .sub-titulo a {
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #5e5e5e;
}

.materias-plantao .materia .data {
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #01aa9f;
}

.materias-plantao .materia.materia-destaque .box-img {
    float: left;
    width: 50%;
    margin: 0;
    margin-right: 15px;
}

.materias-plantao .materia.materia-destaque .titulo {
    margin: 0;
    line-height: 36px;
}

.materias-plantao .materia.materia-destaque .titulo a {
    font-size: 32px;
}

.materias-plantao .materia.materia-sub-destaque .box-img {
    float: left;
    width: 55%;
    padding-bottom: 20px;
    margin: 0;
    margin-right: 15px;
}

.materias-plantao .materia.materia-sub-destaque .titulo {
    line-height: 26px;
}

.materias-plantao .materia.materia-sub-destaque .titulo a {
    font-size: 22px;
    font-weight: bold;
}


/************************************************************
* PAGINAÇAO
*************************************************************/

.paginacao {
    padding: 20px 0;
    margin: 20px 0;
    text-align: center;
    border-top: 1px dotted #939393;
    border-bottom: 1px dotted #939393;
}

.paginacao .content {
    display: block;
    width: 402px;
    margin: 0 auto;
    overflow: hidden;
}

.paginacao .content .nav-itens {
    float: left;
}

.paginacao .content .nav-itens.botao-nav {
    display: block;
    margin-top: 4px;
    font-size: 28px;
    color: #228e7d;
    outline: none;
}

.paginacao .content .nav-itens.botao-nav.botao-nav-anterior {
    margin-right: 15px;
    line-height: 46px;
}

.paginacao .content .nav-itens.botao-nav.botao-nav-proxima {
    margin-left: 15px;
}

.paginacao .content .nav-itens.botao-nav.inactive {
    color: #bcd6d1;
}

.paginacao .content .nav-itens.botao-nav.inactive:hover {
    text-decoration: none;
}

.paginacao .content .nav-itens.paginas {
    margin-top: 5px;
    font-size: 32px;
    color: #228e7d;
}

.paginacao .content .nav-itens.paginas input {
    width: 45px;
    height: 43px;
    margin-right: 5px;
    font-size: 32px;
    font-size: 28px;
    color: #fff;
    text-align: center;
    background-color: #01a99f;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset -2px -4px 0 rgba(0, 0, 0, 0.46);
    -moz-box-shadow: inset -2px -4px 0 rgba(0, 0, 0, 0.46);
    box-shadow: inset -2px -4px 0 rgba(0, 0, 0, 0.46);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}


/************************************************************
* SUB HOME : NA FAZENDA
*************************************************************/

.nav-na-fazenda {
    position: relative;
    width: 99.99%;
    height: 45px;
    margin-bottom: 20px;
    background: #228e7d;
    -webkit-box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.2);
}

.nav-na-fazenda .nav-item {
    float: left;
}

.nav-na-fazenda .nav-item .item {
    display: block;
    height: 45px;
    padding: 0 15px;
    font-size: 19px;
    line-height: 47px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.44);
    text-transform: uppercase;
}

.nav-na-fazenda .nav-item .item:hover {
    text-decoration: none;
    background: #01aa9f;
}

.nav-na-fazenda .nav-item .sub-nav {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 10;
    display: none;
    width: 100%;
    height: 33px;
    background: #f2f2f2;
    -webkit-box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.14);
    box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.14);
}

.nav-na-fazenda .nav-item .sub-nav .sub-item {
    float: left;
}

.nav-na-fazenda .nav-item .sub-nav .sub-item a {
    display: block;
    height: 33px;
    padding: 0 15px;
    font-size: 17px;
    line-height: 31px;
    color: #4e4e4e;
}

.nav-na-fazenda .nav-item .sub-nav .sub-item a:hover {
    text-decoration: none;
    background: #dddddd;
}


/************************************************************
* FORMULARIO - GR RESPONDE
*************************************************************/

.box-gr-responde {
    padding: 18px;
    overflow: hidden;
    background: #f2f2f2;
    border: 2px solid #d2d2d2;
}

.box-gr-responde .titulos {
    margin-bottom: 20px;
}

.box-gr-responde .campos {
    padding: 7px;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #868686;
    background: #fff;
    border: 1px solid #dddddd;
    border-bottom: 2px solid #b1b1b1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.box-gr-responde .campos.campo-texto {
    width: 49%;
}

.box-gr-responde .campos.campo-texto:first-child {
    margin-right: 1.3%;
}

.box-gr-responde .box-campos {
    margin-bottom: 20px;
}

.box-gr-responde textarea {
    width: 100%;
    height: 100px;
    resize: none;
}

.box-gr-responde .campo-checkbox {
    display: block;
    float: left;
}

.box-gr-responde .link-termo {
    display: block;
    float: left;
    width: 350px;
    margin-top: -5px;
    margin-left: 16px;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    color: #393939;
}

.box-gr-responde .botao-enviar {
    display: block;
    float: right;
    width: 84px;
    height: 38px;
    font-size: 16px;
    color: #9c9c9c;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e1e1e1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #e1e1e1, 100%);
    background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
    background-repeat: repeat-x;
    border: 1px solid #dddddd;
    border-bottom: 2px solid #b1b1b1;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe1e1e1', GradientType=0);
}


/************************************************************
* BLOGS
*************************************************************/

.blog-header {
    margin-bottom: 25px;
}

.blog-header .blog-banner {
    margin-bottom: 10px;
}

.blog-header .titulos.titulo-boxes {
    border-bottom: 1px solid #dfdfdf;
}

.blog-header .blog-autor .box-img {
    float: left;
    width: 92px;
    height: 100px;
    margin-right: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.blog-header .blog-autor .titulo {
    padding-top: 5px;
    margin: 0;
    margin-bottom: 10px;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    color: #34bbb2;
}

.blog-header .blog-autor .descricao {
    margin: 0;
    font-size: 15px;
    line-height: 18px;
    color: #1a1a1a;
}

.blogs .blog {
    padding: 0 10px;
}

.blogs .blog .box-img {
    float: left;
    width: 48%;
    height: 190px;
    margin-right: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.blogs .blog .titulo {
    padding-top: 20px;
    margin: 0;
    margin-bottom: 10px;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    color: #34bbb2;
}

.blogs .blog .titulo-materia {
    margin: 0;
    line-height: 18px;
}

.blogs .blog .titulo-materia a {
    font-size: 15px;
    color: #1a1a1a;
}

.blogs .divisoria-padrao {
    border-bottom: 1px dotted #8e8e8e;
}


/************************************************************
* BOX TAGS
*************************************************************/

.box-tags .conteudo {
    padding: 15px 10px;
    overflow: hidden;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e1e1e1));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e1e1e1, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #e1e1e1 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe1e1e1', GradientType=0);
}

.box-tags .tag {
    float: left;
    width: 50%;
    margin-bottom: 5px;
}

.box-tags .tag a {
    display: block;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    color: #000;
}


/************************************************************
* ENQUETE
*************************************************************/

.enquete .titulo-enquete {
    margin: 0;
    font-size: 22px;
    line-height: 30px;
    color: #2d2d2d;
}

.enquete .box-redes-sociais {
    width: 100%;
    height: 22px;
    margin: 15px 0;
}

.enquete .box-img {
    width: 100%;
    margin-bottom: 20px;
}

.enquete .box-opcoes .opcao {
    margin-bottom: 20px;
    overflow: hidden;
}

.enquete .box-opcoes .opcao .campo-opcao {
    display: block;
    float: left;
}

.enquete .box-opcoes .opcao .texto {
    display: block;
    padding-left: 30px;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 20px;
    color: #1a1a1a;
}

.enquete .box-opcoes .opcao .box-img-opcao {
    float: left;
    width: 30%;
    margin-right: 10px;
}

.enquete .box-opcoes .opcao.opcao-foto .texto {
    padding-left: 38%;
}

.enquete .box-opcoes .opcao.resultado .texto {
    padding-left: 0;
}

.enquete .box-opcoes .opcao.resultado .outer-resultado {
    float: left;
    width: 40%;
    height: 25px;
    margin-top: 10px;
    border: 1px solid #cbcbcb;
}

.enquete .box-opcoes .opcao.resultado .outer-resultado .bg-resultado {
    height: 100%;
    background: #228e7d;
}

.enquete .box-opcoes .opcao.resultado .valor {
    display: block;
    float: left;
    margin-left: 15px;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
    color: #228e7d;
}

.enquete .box-botoes {
    padding: 10px 0;
    text-align: center;
}

.enquete .box-botoes .botao {
    padding: 0 10px;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    background-color: #01a99f;
    border: 1px solid #bcbaba;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.enquete .box-botoes .botao:first-child {
    margin-right: 5px;
}

.enquete .box-nav {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.enquete .box-nav .botao-nav {
    margin-top: 4px;
    font-size: 18px;
    font-weight: bold;
    color: #228e7d;
    text-transform: uppercase;
}

.enquete .box-nav .botao-nav.inactive {
    color: #67ccc5;
}

.enquete .box-nav .botao-nav.inactive:hover {
    text-decoration: none;
}

.enquete .box-nav .divisor {
    padding: 0 10px;
    font-size: 18px;
    color: #67ccc5;
}


/************************************************************
* MODAIS
*************************************************************/

.modal .outer-modal {
    position: absolute;
    background: #fff;
}

.modal .outer-modal.modal-newsletter {
    top: 200px;
    left: 50%;
    width: 340px;
    margin-left: -170px;
}

.modal .outer-modal.modal-cadastro {
    top: 50%;
    left: 50%;
    width: 340px;
    height: 140px;
    margin-top: -70px;
    margin-left: -170px;
}

.modal .outer-modal.modal-termo-privacidade {
    top: 50%;
    left: 50%;
    width: 450px;
    height: 550px;
    margin-top: -275px;
    margin-left: -225px;
}

.modal .outer-modal.modal-termo-privacidade .content {
    height: 500px;
    overflow: auto;
}

.modal .outer-modal .wrap-modal {
    position: relative;
    width: 100%;
}

.modal .outer-modal .wrap-modal .close-modal {
    position: absolute;
    top: 2px;
    right: 2px;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 16px;
    color: #01aa9f;
    text-align: center;
    background: #fff;
    border: none;
}

.modal .outer-modal .wrap-modal .title {
    padding: 5px 10px;
    margin: 0;
    font-size: 27px;
    font-style: italic;
    line-height: 30px;
    color: #FFFFFF;
    background: #01aa9f;
    -webkit-box-shadow: 0 -1px 4px rgba(1, 119, 111, 0.75);
    -moz-box-shadow: 0 -1px 4px rgba(1, 119, 111, 0.75);
    box-shadow: 0 -1px 4px rgba(1, 119, 111, 0.75);
}

.modal .outer-modal .wrap-modal .content {
    padding: 20px 25px;
}

.modal .outer-modal .wrap-modal .resultado {
    margin-top: 22px;
    font-size: 20px;
    color: 333;
    text-align: center;
}

.modal .outer-modal .wrap-modal .sub-titulo {
    margin: 0;
    margin-bottom: 10px;
    font-size: 20px;
    color: 333;
}

.modal .outer-modal .wrap-modal .texto {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
    color: 333;
}

.modal .outer-modal .campos {
    padding: 7px;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #868686;
    background: #fff;
    border: 1px solid #dddddd;
    border-bottom: 2px solid #b1b1b1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.modal .outer-modal .campos.campo-texto {
    display: block;
    width: 100%;
}

.modal .outer-modal .box-campos {
    margin-bottom: 20px;
}

.modal .outer-modal .box-campos.box-campos-botao {
    margin: 0;
    text-align: center;
}

.modal .outer-modal .botao-enviar {
    display: block;
    width: 84px;
    height: 38px;
    margin: 0 auto;
    font-size: 16px;
    color: #9c9c9c;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e1e1e1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #e1e1e1, 100%);
    background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
    background-repeat: repeat-x;
    border: 1px solid #dddddd;
    border-bottom: 2px solid #b1b1b1;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe1e1e1', GradientType=0);
}


/************************************************************
* BOX CLIMA TEMPO
*************************************************************/

.clima-tempo {
    width: 100%;
    height: 209px;
    max-width: 300px;
    padding: 13px;
    background: url('../../img/clima-tempo/bg-clima-tempo.jpg') repeat-x;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
}

.clima-tempo .header {
    padding-bottom: 2px;
    border-bottom: 1px solid #b2d8d2;
}

.clima-tempo .header .campo-cidade {
    width: 200px;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    line-height: 32px;
    color: #fff;
    background: none;
    border: none;
    outline: none;
}

.clima-tempo .header .botao-trocar-cidade {
    position: relative;
    display: block;
    float: right;
    width: 62px;
    padding: 0;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #fff;
    text-align: left;
    background: none;
    border: none;
}

.clima-tempo .header .botao-trocar-cidade .texto {
    display: block;
    float: left;
    width: 42px;
    font-size: 12px;
    text-transform: uppercase;
}

.clima-tempo .header .botao-trocar-cidade .seta {
    display: block;
    float: right;
    width: 18px;
    font-size: 32px;
    font-weight: 100;
    line-height: 27px;
    text-align: right;
}

.clima-tempo .hoje {
    position: relative;
    height: 77px;
    border-bottom: 1px solid #b2d8d2;
}

.clima-tempo .hoje .titulo {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.clima-tempo .hoje .temperaturas {
    position: absolute;
    top: 25px;
    font-size: 40px;
    line-height: 42px;
    color: #fff;
}

.clima-tempo .hoje .temperaturas.ico {
    left: 0;
    width: 43px;
    height: 46px;
    background-size: 90%;
}

.clima-tempo .hoje .temperaturas.temperatura-maxima {
    left: 58px;
    padding-right: 30px;
    background: url('../../img/clima-tempo/bg-max.gif') right 6px no-repeat;
}

.clima-tempo .hoje .temperaturas.temperatura-minima {
    left: 148px;
    padding-right: 30px;
    background: url('../../img/clima-tempo/bg-min.gif') right 6px no-repeat;
}

.clima-tempo .hoje .temperaturas.probabilidade-chuva {
    top: 22px;
    right: 2px;
    padding-right: 25px;
    font-size: 24px;
    line-height: 58px;
    background: url('../../img/clima-tempo/ico-prob-chuva.png') right 6px no-repeat;
}

.clima-tempo .ico {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}

.clima-tempo .ico.ico-sol {
    background-image: url('../../img/clima-tempo/icones_metereologia/ensolarado.png');
}

.clima-tempo .ico.ico-chuva-com-granizo {
    background-image: url('../../img/clima-tempo/icones_metereologia/chuva_com_granizo.png');
}

.clima-tempo .ico.ico-chuva-com-neve {
    background-image: url('../../img/clima-tempo/icones_metereologia/chuva_com_neve.png');
}

.clima-tempo .ico.ico-chuva-com-raio {
    background-image: url('../../img/clima-tempo/icones_metereologia/chuva_com_raio.png');
}

.clima-tempo .ico.ico-chuva {
    background-image: url('../../img/clima-tempo/icones_metereologia/chuva.png');
}

.clima-tempo .ico.ico-chuvoso {
    background-image: url('../../img/clima-tempo/icones_metereologia/chuvoso.png');
}

.clima-tempo .ico.ico-furacao-ciclone {
    background-image: url('../../img/clima-tempo/icones_metereologia/furacao_ciclone.png');
}

.clima-tempo .ico.ico-geada {
    background-image: url('../../img/clima-tempo/icones_metereologia/geada.png');
}

.clima-tempo .ico.ico-granizo {
    background-image: url('../../img/clima-tempo/icones_metereologia/granizo.png');
}

.clima-tempo .ico.ico-neblina {
    background-image: url('../../img/clima-tempo/icones_metereologia/neblina.png');
}

.clima-tempo .ico.ico-nevasca-noite {
    background-image: url('../../img/clima-tempo/icones_metereologia/nevasca_noite.png');
}

.clima-tempo .ico.ico-nevasca {
    background-image: url('../../img/clima-tempo/icones_metereologia/nevasca.png');
}

.clima-tempo .ico.ico-noite {
    background-image: url('../../img/clima-tempo/icones_metereologia/noite.png');
}

.clima-tempo .ico.ico-nublado-com-chuva {
    background-image: url('../../img/clima-tempo/icones_metereologia/nublado_com_chuva.png');
}

.clima-tempo .ico.ico-nublado-com-neve {
    background-image: url('../../img/clima-tempo/icones_metereologia/nublado_com_neve.png');
}

.clima-tempo .ico.ico-nublado-com-raio {
    background-image: url('../../img/clima-tempo/icones_metereologia/nublado_com_raio.png');
}

.clima-tempo .ico.ico-nublado-noite {
    background-image: url('../../img/clima-tempo/icones_metereologia/nublado_noite.png');
}

.clima-tempo .ico.ico-nublado {
    background-image: url('../../img/clima-tempo/icones_metereologia/nublado.png');
}

.clima-tempo .ico.ico-nuvens {
    background-image: url('../../img/clima-tempo/icones_metereologia/nuvens.png');
}

.clima-tempo .ico.ico-raio {
    background-image: url('../../img/clima-tempo/icones_metereologia/raio.png');
}

.clima-tempo .ico.ico-umidade-ar {
    background-image: url('../../img/clima-tempo/icones_metereologia/umidade_ar.png');
}

.clima-tempo .footer {
    padding-top: 10px;
}

.clima-tempo .footer .box-dia {
    position: relative;
    float: left;
    width: 25%;
    border-right: 1px solid #b2d8d2;
}

.clima-tempo .footer .box-dia .titulo {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.clima-tempo .footer .box-dia .ico {
    width: 31px;
    height: 26px;
    margin-top: 12px;
    margin-left: 3px;
    background-size: 65%;
}

.clima-tempo .footer .box-dia .temperaturas {
    position: absolute;
    left: 41px;
    font-size: 15px;
    color: #fff;
}

.clima-tempo .footer .box-dia .temperaturas.temperatura-maxima {
    top: 20px;
}

.clima-tempo .footer .box-dia .temperaturas.temperatura-minima {
    top: 35px;
}

.clima-tempo .footer .box-dia:last-child {
    border-right: none;
}


/* Conteúdo responsivo - Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width: 767px) {
    {
        /************************************************************
      * BOX DE MATERIAS
      *************************************************************/
        /************************************************************
      * BOX PRODUTOS
      *************************************************************/
    }
    .materias .materia .titulo {
        line-height: 25px;
    }
    .materias .materia .titulo a {
        font-size: 20px;
    }
    .box-produtos .wrap-produtos .produtos-nav .item-produto {
        width: 25%;
    }
    .box-produtos .wrap-produtos .produtos-nav .item-produto a {
        text-align: center;
    }
    .box-produtos .wrap-produtos .touchcarousel-container {
        width: 100% !important;
    }
    .box-produtos .wrap-produtos .touchcarousel {
        height: inherit !important;
    }
}

.datepicker-mobile .ui-datepicker-inline {
    width: 48%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
}

.datepicker-mobile .ui-datepicker-inline .ui-datepicker-header {
    background: none repeat scroll 0 0 #228E7D;
}

.datepicker-mobile .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title {
    margin: 0 2.3em;
    font-size: 16px;
    font-style: italic;
    line-height: 1.8em;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}


/*** HEADER **********************************************************************************/

#main-header {
    margin-bottom: 15px;
}

#main-header .header,
#main-header .menu-secundario {
    display: none;
}

#main-header .menu-mobile {
    height: 58px;
    padding-top: 10px;
    background: #228e7d;
}

#main-header .menu-mobile.container {
    padding-right: 0;
    padding-left: 0;
}

#main-header .menu-mobile .botao-menu {
    display: block;
    width: 24px;
    height: 20px;
    margin-top: 3px;
    margin-top: 9px;
    margin-left: 10px;
    text-indent: -99999px;
    background: url('../../img/ico-menu-mobile.png') no-repeat;
}

#main-header .menu-mobile .botao-busca {
    display: block;
    float: right;
    width: 24px;
    height: 24px;
    margin-top: 7px;
    margin-right: 13px;
    text-indent: -99999px;
    background: url('../../img/ico-busca-mobile.png') no-repeat;
}

#main-header .menu-mobile .box-logo {
    text-align: center;
}

#main-header .menu-mobile .box-logo .logo {
    width: 156px;
    height: 36px;
    margin: 0 auto;
    background: url('../../img/logo-gr-mobile.png') no-repeat;
}

#main-header .menu-mobile .boxes {
    position: relative;
    z-index: 99999;
    width: 100%;
    margin-top: 8px;
    background-color: rgba(34, 142, 125, 0.98);
}

#main-header .menu-mobile .nav-mobile {
    display: none;
    padding: 20px 0;
}

#main-header .menu-mobile .nav-mobile a {
    display: block;
    padding-left: 7px;
    color: #fff;
}

#main-header .menu-mobile .nav-mobile a:hover,
#main-header .menu-mobile .nav-mobile a.active {
    color: #135047;
    text-decoration: none;
}

#main-header .menu-mobile .nav-mobile .item a {
    font-size: 24px;
    line-height: 35px;
    text-transform: uppercase;
    border-bottom: 1px solid #afcac5;
}

#main-header .menu-mobile .nav-mobile .item:last-child {
    margin-bottom: 20px;
}

#main-header .menu-mobile .nav-mobile .item-secundario a {
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 28px;
}

#main-header .menu-mobile .busca-mobile {
    position: relative;
    display: none;
    padding: 7px 4px 4px;
}

#main-header .menu-mobile .busca-mobile input {
    width: 100%;
    padding: 1px 55px 4px 10px;
    font-size: 21px;
    font-style: italic;
    font-weight: bold;
    line-height: 25px;
    color: #999292;
    background: #dfdfdf;
    border: none;
}

#main-header .menu-mobile .busca-mobile button {
    position: absolute;
    top: 7px;
    right: 4px;
    width: 47px;
    height: 35px;
    font-size: 21px;
    font-style: italic;
    font-weight: bold;
    color: #dfdfdf;
    text-align: center;
    background: #999292;
    border: none;
}

#main-header .assine-ja {
    display: block;
    width: 87px;
    height: 34px;
    padding-top: 3px;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    color: #b7eb6c;
    text-align: center;
    text-transform: uppercase;
    background: #1f7567;
}

#main-header .assine-ja:hover {
    text-decoration: none;
}

#main-header .header {
    position: relative;
    margin-top: 12px;
}

#main-header .header .box-assine-ja {
    position: absolute;
    right: 10px;
    bottom: -36px;
    width: 87px;
}

#main-header .logo {
    display: block;
    width: 373px;
    height: 87px;
    text-indent: -99999px;
    background: url('../../img/logo-gr.png') no-repeat;
}

#main-header .fr-busca {
    position: relative;
}

#main-header .fr-busca .btn-buscar {
    position: absolute;
    top: 7px;
    right: 0;
    display: block;
    width: 30px;
    height: 29px;
    font-size: 16px;
    color: #aeaeae;
    background: none;
    border: none;
    border-left: 1px solid #d6d6d6;
}

#main-header .fr-busca .campo-buscar {
    width: 100%;
    height: 32px;
    padding: 0 40px 0 8px;
    margin-top: 5px;
    font-size: 17px;
    font-style: italic;
    color: #228e7d;
    background: #f3f3f3;
    border: 1px solid rgba(0, 0, 0, 0.17);
    outline: none;
    -webkit-box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.2);
}

#main-header .box-social {
    margin-top: 16px;
}

#main-header .box-social .botao-social {
    display: block;
    float: left;
    height: 25px;
    margin-right: 3px;
    text-indent: -99999px;
    background-image: url('../../img/sprite-social.png');
    background-repeat: no-repeat;
}

#main-header .box-social .botao-social:last-child {
    margin-right: 0;
}

#main-header .box-social .botao-social.botao-google {
    width: 24px;
    background-position: 0 0;
}

#main-header .box-social .botao-social.botao-twitter {
    width: 33px;
    background-position: -27px 0;
}

#main-header .box-social .botao-social.botao-facebook {
    width: 29px;
    background-position: -60px 0;
}

#main-header .box-social .botao-social.botao-feed {
    width: 21px;
    background-position: -90px 0;
}

#main-header .box-social .botao-newsletter {
    display: block;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
}

#main-header .box-mais-conteudo .lnk-mais-conteudo {
    display: block;
    padding-right: 15px;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #5e5e5e;
}

#main-header .box-mais-conteudo .wrap-mais-conteudo {
    position: relative;
}

#main-header .box-mais-conteudo .wrap-mais-conteudo .botao-mais {
    margin-top: 5px;
    border: none;
}

#main-header .box-mais-conteudo .wrap-mais-conteudo .mais-conteudo {
    position: absolute;
    top: 16px;
    left: 7px;
    z-index: 100;
    display: block;
    width: 135px;
    background: #f2f2f2;
    border-left: 2px solid #ff7b06;
}

#main-header .box-mais-conteudo .wrap-mais-conteudo .mais-conteudo .item {
    padding: 10px 5px;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #444;
    border-bottom: 1px dotted #8b8b8b;
}

#main-header .box-mais-conteudo .wrap-mais-conteudo .mais-conteudo .item.ultimo {
    border: none;
}

#main-header #fixed-nav {
    position: fixed;
    top: -2px;
    z-index: 999999;
    width: 100%;
}

#main-header #fixed-nav.menu-principal {
    display: none;
}

#main-header .menu-principal {
    height: 34px;
    margin-top: 2px;
    background: #228e7d;
}

#main-header .menu-principal .main-nav {
    position: relative;
    width: 100%;
    margin-top: -6px;
}

#main-header .menu-principal .main-nav .logo,
#main-header .menu-principal .main-nav .assine-ja,
#main-header .menu-principal .main-nav .box-social {
    display: none;
}

#main-header .menu-principal .main-nav .principios-editoriais {
    display: block;
    float: right;
    width: 55px;
    margin-right: 120px;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    color: #fff;
    text-transform: uppercase;
}

#main-header .menu-principal .main-nav .principios-editoriais:hover {
    text-decoration: none;
}

#main-header .menu-principal .main-nav .item-nav {
    float: left;
    height: 34px;
    margin-right: 32px;
}

#main-header .menu-principal .main-nav .item-nav .lnk-nav {
    position: relative;
    z-index: 1001;
    display: block;
    height: 100%;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

#main-header .menu-principal .main-nav .item-nav .lnk-nav:hover,
#main-header .menu-principal .main-nav .item-nav .lnk-nav.active {
    color: #b7eb6c;
    text-decoration: none;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu {
    position: absolute;
    top: 31px;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    height: 265px;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.36);
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.36);
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .box-sub-categorias {
    float: left;
    width: 48%;
    border-right: 1px solid #228e7d;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .box-sub-categorias .sub-categorias .sub-categoria {
    float: left;
    width: 48%;
    font-size: 16px;
    color: #1fcdc8;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .box-sub-categorias .sub-categorias .sub-categoria.divisor {
    margin: 0 15px;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .box-sub-categorias .sub-categorias .sub-categoria a {
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #000000;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .box-sub-categorias .sub-categorias .sub-categoria:nth-child(odd) {
    margin-right: 4%;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .ultimas-noticias {
    float: left;
    width: 52%;
    padding-left: 20px;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .ultimas-noticias .noticia {
    float: left;
    width: 45%;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .ultimas-noticias .noticia:nth-child(odd) {
    margin-right: 10%;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .ultimas-noticias .noticia .imagem {
    float: left;
    width: 45%;
    margin-right: 10px;
    margin-bottom: 10px;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .ultimas-noticias .noticia .box-conteudo {
    height: 100%;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .ultimas-noticias .noticia .box-conteudo a {
    font-size: 15px;
    line-height: 21px;
    color: #1a1a1a;
}

#main-header .menu-principal .main-nav .item-nav .sub-menu .ultimas-noticias .noticia .box-conteudo a:hover {
    text-decoration: none;
}

#main-header .menu-secundario {
    height: 28px;
    background: #f2f2f2;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.14);
}

#main-header .menu-secundario .container {
    position: relative;
}

#main-header .menu-secundario .sub-nav {
    margin-top: -6px;
}

#main-header .menu-secundario .sub-nav .item-nav {
    float: left;
    margin-right: 35px;
}

#main-header .menu-secundario .sub-nav .item-nav.item-chamada {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #444444;
    text-transform: uppercase;
}

#main-header .menu-secundario .sub-nav .item-nav.item-chamada .divisor {
    padding: 0 5px;
}

#main-header .menu-secundario .sub-nav .item-nav .lnk-nav {
    display: block;
    font-size: 16px;
    font-weight: 200;
    color: #444444;
    text-transform: lowercase;
}

#main-header .menu-secundario .sub-nav .item-nav .lnk-nav:hover {
    text-decoration: none;
}

#main-header .menu-secundario .botao-mais {
    position: absolute;
    top: 7px;
    right: 15px;
    background: #228e7d;
    border: none;
}


/* smartphones */

@media only screen and (max-width: 767px) {
    #fixed-nav {
        display: none !important;
    }
}


/* todos os dispositivos */

@media only screen and (min-width: 768px) {
    #main-header .menu-principal.fixed-header {
        height: 39px;
        background: url('../../img/bg-fixed-header.jpg') repeat-x;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.67);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.67);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.67);
    }
    #main-header .menu-principal.fixed-header .main-nav .principios-editoriais {
        line-height: 16px;
    }
    #main-header .menu-principal.fixed-header .main-nav .assine-ja {
        position: absolute;
        top: -3px;
        right: 0;
        display: block;
        height: 38px;
        line-height: 30px;
    }
    #main-header .menu-principal.fixed-header .main-nav .logo {
        display: block;
        float: left;
        width: 138px;
        height: 32px;
        margin-right: 25px;
        text-indent: -99999px;
        background: url('../../img/logo-gr-fixed.png') no-repeat;
    }
    #main-header .menu-principal.fixed-header .main-nav .item-nav {
        margin-right: 7px;
        line-height: 30px;
    }
    #main-header .menu-principal.fixed-header .main-nav .item-nav .lnk-nav {
        font-size: 11px;
    }
    #main-header .menu-principal.fixed-header .main-nav .item-nav .sub-menu {
        top: 35px;
    }
    #main-header .menu-principal .main-nav .item-nav {
        margin-right: 12px;
    }
    #main-header .menu-principal .main-nav .item-nav .lnk-nav {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1024px) {
    #main-header .menu-principal.fixed-header .main-nav .item-nav {
        margin-right: 18px;
    }
    #main-header .menu-principal.fixed-header .main-nav .item-nav .lnk-nav {
        font-size: 15px;
    }
    #main-header .menu-principal .main-nav .item-nav {
        margin-right: 32px;
    }
    #main-header .menu-principal .main-nav .item-nav .lnk-nav {
        font-size: 17px;
    }
}


/*** FOOTER **********************************************************************************/

#main-footer {
    margin-top: 20px;
}

#main-footer .footer-grupo {
    height: 50px;
    padding-top: 13px;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    background: url('../../img/bg-footer-mobile.jpg') repeat-x;
}

#main-footer .footer-grupo .copyright {
    float: right;
    padding-top: 3px;
    color: #fff;
}

#main-footer .footer-grupo .links-footer {
    display: block;
    float: left;
}

#main-footer .footer-grupo .links-footer.editora-globo {
    width: 102px;
    height: 25px;
    padding: 0;
    text-indent: -99999px;
    background: url('../../img/logo-globo-mobile.png') no-repeat;
}


/* todos os dispositivos */

@media only screen and (min-width: 768px) {
    {
        /*** FOOTER **********************************************************************************/
    }
    #main-footer .footer-content {
        padding: 33px 0;
        background-image: -webkit-gradient(linear, left 0%, left 100%, from(#228e7d), to(#35976f));
        background-image: -webkit-linear-gradient(top, #228e7d, 0%, #35976f, 100%);
        background-image: -moz-linear-gradient(top, #228e7d 0%, #35976f 100%);
        background-image: linear-gradient(to bottom, #228e7d 0%, #35976f 100%);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff228e7d', endColorstr='#ff35976f', GradientType=0);
    }
    #main-footer .footer-content .logo {
        display: block;
        width: 228px;
        height: 53px;
        margin-bottom: 40px;
        text-indent: -9999px;
        background: url('../../img/logo-gr-footer.png') no-repeat;
    }
    #main-footer .footer-content .link-principal {
        display: block;
        padding-left: 5px;
        margin-bottom: 15px;
        font-size: 16px;
        color: #fff;
    }
    #main-footer .footer-content .link-conteudo {
        display: block;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 25px;
        color: #cce5ca;
    }
    #main-footer .footer-content .titulo-outros-sites {
        padding-left: 5px;
        margin-top: 48px;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 30px;
        color: #fff;
    }
    #main-footer .footer-content select {
        width: 100%;
    }
    #main-footer .footer-content .titulo-editorias {
        margin-top: 0;
        font-size: 21px;
        color: #fff;
        text-transform: uppercase;
    }
    #main-footer .footer-content .col-01 {
        padding-left: 20px;
        margin-left: 20px;
        border-left: 1px solid #cce5ca;
    }
    #main-footer .footer-content .col-02 {
        margin-right: 20px;
    }
    #main-footer .footer-grupo {
        height: 50px;
        background: #ffffff;
    }
    #main-footer .footer-grupo .divisor,
    #main-footer .footer-grupo .copyright {
        display: block;
        padding-top: 14px;
        color: #000;
    }
    #main-footer .footer-grupo .divisor {
        float: left;
        margin: 0 15px;
    }
    #main-footer .footer-grupo .links-footer {
        padding-top: 14px;
        color: #000;
    }
    #main-footer .footer-grupo .links-footer.editora-globo {
        width: 204px;
        height: 45px;
        margin-right: 20px;
        background: url('../../img/editora_globo_fundo_claro.png') no-repeat;
    }
}


/*** INTERNA MATERIA **********************************************************************************/

.materia-interna .box-info-materia .tag {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #01aa9f;
    text-transform: uppercase;
}

.materia-interna .box-info-materia .data {
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    color: #5e5e5e;
}

.materia-interna .titulo-materia {
    font-size: 19px;
    font-weight: bold;
    color: #2d2d2d;
}

.materia-interna .sub-titulo {
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 18px;
    color: #686868;
}

.materia-interna .autor {
    font-size: 12px;
    line-height: 26px;
    color: #242424;
    text-transform: uppercase;
}

.materia-interna .autor a {
    color: #242424;
}

.materia-interna .box-redes-sociais {
    width: 100%;
    height: 22px;
    margin: 15px 0;
}

.materia-interna .box-materia .box-media {
    width: 100%;
    margin-bottom: 20px;
}

.materia-interna .box-materia .box-media .legenda {
    padding: 5px 0;
    color: #797979;
    border-bottom: 1px solid #c6c6c6;
}

.materia-interna .box-materia .texto p {
    margin-bottom: 20px;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 25px;
    color: #1a1a1a;
}

.materia-interna .box-materia .texto cite {
    display: block;
    margin: 5px 0 25px 0;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    line-height: 40px;
    color: #228e7d;
}

.materia-interna .box-materia .texto .box-lei-mais {
    margin-bottom: 20px;
}

.materia-interna.materia-interna-blog .titulo-materia {
    font-size: 25px;
    line-height: 27px;
}

.materia-interna.materia-interna-blog .sub-titulo {
    font-size: 14px;
    line-height: 20px;
}

.materia-interna.materia-interna-blog .autor {
    font-size: 14px;
    line-height: 26px;
}

.materia-interna .box-config-materia {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #979797;
}

.materia-interna .box-config-materia .box-tamanho-texto {
    float: right;
    width: 105px;
}

.materia-interna .box-config-materia .box-tamanho-texto .itens {
    display: block;
    float: left;
}

.materia-interna .box-config-materia .box-tamanho-texto .titulo-tamanho {
    width: 45px;
    margin-right: 10px;
    font-size: 11px;
    font-weight: lighter;
    line-height: 11px;
    color: #969696;
    text-transform: uppercase;
}

.materia-interna .box-config-materia .box-tamanho-texto .botao-altera-tamanho {
    width: 22px;
    height: 22px;
    font-size: 11px;
    font-weight: lighter;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #969696;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.materia-interna .box-config-materia .box-tamanho-texto .botao-altera-tamanho.botao-aumenta-tamanho {
    margin-right: 5px;
}

.materia-interna .box-config-materia .box-tamanho-texto .botao-altera-tamanho:hover {
    text-decoration: none;
}


/* todos os dispositivos */

@media only screen and (min-width: 768px) {
    .materia-interna .box-info-materia .tag {
        float: left;
        margin-right: 5px;
        margin-bottom: 0;
        font-size: 18px;
    }
    .materia-interna .box-info-materia .data {
        display: block;
        float: left;
        margin-top: 9px;
        margin-bottom: 0;
    }
    .materia-interna .titulo-materia {
        margin: 10px 0;
        font-size: 36px;
        line-height: 42px;
    }
    .materia-interna .box-materia .box-media.box-media-lateral {
        float: left;
        width: 300px;
        margin: 0 20px 20px 0;
    }
}


/* DESKTOP */

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .materia-interna .box-hidden-lg {
        display: none;
    }
    .materia-interna .box-info-materia .tag {
        margin-top: 3px;
    }
    .materia-interna .box-materia .texto .box-lei-mais {
        float: left;
        width: 300px;
        margin: 0 20px 20px 0;
    }
}


/* LARGE DEVICES */

@media only screen and (min-width: 1280px) {
    .materia-interna .box-info-materia .tag {
        margin-top: 3px;
    }
    .materia-interna .box-materia .texto {
        /*p {margin-left: 81px}*/
    }
    .materia-interna .box-materia .texto .box-lei-mais {
        float: left;
        width: 300px;
        margin: 20px 20px 20px 0;
    }
}


/* TABLETS [portrait + landscape] */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .materia-interna .box-hidden-lg {
        display: none;
    }
    .materia-interna .box-info-materia .tag {
        font-size: 18px;
    }
    .materia-interna .box-info-materia .data {
        font-size: 13px;
    }
    .materia-interna .titulo-materia {
        font-size: 36px;
        line-height: 36px;
    }
    .materia-interna .sub-titulo {
        font-size: 14px;
        line-height: 24px;
    }
}


/*** INTERNA MATERIA **********************************************************************************/

.galeria-interna .box-info-materia .tag {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #01aa9f;
    text-transform: uppercase;
}

.galeria-interna .box-info-materia .data {
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    line-height: 26px;
    color: #5e5e5e;
}

.galeria-interna .titulo-materia {
    margin: 0;
    font-size: 19px;
    font-weight: bold;
    color: #2d2d2d;
}

.galeria-interna .sub-titulo {
    margin-top: 5px;
    margin-bottom: 0;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #686868;
}

.galeria-interna .box-redes-sociais {
    width: 100%;
    height: 22px;
    margin-top: 5px;
    margin-bottom: 0;
}


/* todos os dispositivos */

@media only screen and (min-width: 768px) {
    .galeria-interna .box-info-materia .tag {
        display: none;
    }
    .galeria-interna .box-info-materia .data {
        display: block;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
    }
    .galeria-interna .titulo-materia {
        margin: 0;
        font-size: 25px;
        font-weight: bold;
        line-height: 27px;
        text-align: center;
    }
    .galeria-interna .sub-titulo {
        margin-top: 5px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        text-align: center;
    }
}

.guia-boas-praticas .divisoria-padrao-sem-borda {
    height: 20px;
    padding: 0 !important;
    margin: 0 !important;
}

.guia-boas-praticas .content {
    display: none;
}

.guia-boas-praticas .destaques .item-destaque {
    position: relative;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.guia-boas-praticas .destaques .item-destaque .texto-chamada {
    position: absolute;
    bottom: 1px;
    width: 100%;
    min-height: 25px;
    padding: 15px;
}

.guia-boas-praticas .destaques .item-destaque .texto-chamada h2 {
    padding: 0;
    margin: 0;
    font-weight: 200;
}

.guia-boas-praticas .destaques .item-destaque .texto-chamada h2 a {
    color: #ffffff;
}

.guia-boas-praticas .header img {
    float: left;
    width: 100%;
}

.guia-boas-praticas .paginador {
    padding-left: 42.5%;
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}

.guia-boas-praticas .paginador span {
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

.guia-boas-praticas .paginador span.seta {
    width: 12px;
    height: 22px;
    margin-top: 3px;
    text-indent: 10000px;
}

.guia-boas-praticas .paginador span.seta-esquerda {
    margin-right: 10px;
    background: url('../../img/guia-boas-praticas-paginador-seta-esquerda.png');
}

.guia-boas-praticas .paginador span.seta-direita {
    margin-left: 10px;
    background: url('../../img/guia-boas-praticas-paginador-seta-direita.png');
}

.guia-boas-praticas .paginador .pag {
    background: url('../../img/guia-boas-praticas-bkg-outras-pag.png');
}

.guia-boas-praticas .paginador .pag,
.guia-boas-praticas .paginador .pag-atual {
    padding: 5px 11px;
    margin-left: 5px;
}

.guia-boas-praticas .paginador .pag-atual {
    background: url('../../img/guia-boas-praticas-bkg-pag-atual.png');
}

@media only screen and (max-width: 767px) {
    .guia-boas-praticas .destaques .item-destaque {
        /*.box-img {
              float: left;
              width: 38%;
              margin-right: 10px;
            }*/
    }
    .guia-boas-praticas .destaques .item-destaque h2 {
        font-size: 17px;
    }
    .guia-boas-praticas .destaques .item-destaque h2 a {
        color: #000000;
    }
    .guia-boas-praticas .footer a {
        display: block;
        padding: 5px 0;
        font-style: italic;
        font-weight: bold;
        color: #000;
        text-align: center;
        text-transform: uppercase;
        background: #dfdfdf;
    }
    .guia-boas-praticas .footer a:hover {
        color: #228e7d;
    }
}

@media only screen and (min-width: 1280px) {
    .guia-boas-praticas .destaques .item-destaque h2 {
        font-size: 23px;
    }
}

@media only screen and (max-width: 1279px) {
    .guia-boas-praticas .destaques .item-destaque h2 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1023px) {
    .guia-boas-praticas .destaques .item-destaque h2 {
        font-size: 16px;
    }
}

.header-senar {
    padding-top: 15px;
    margin-bottom: 0;
    background: #ffffff;
}

.header-senar #main-header {
    margin-bottom: 0 !important;
}

.footer-senar #main-footer .footer-grupo {
    padding-top: 0 !important;
}

.senar {
    padding-top: 10px;
    background: #ffffff;
}

.senar .header-div {
    position: relative;
}

.senar .header-div .o-que-e {
    position: absolute;
    top: 125px;
    left: 180px;
    z-index: 100;
    display: none;
    width: 534px;
    height: 244px;
    background: url(../../img/senar/senar-oque-e.png);
}

.senar .header-div .header {
    padding-left: 9%;
}

.senar .header-div h3 {
    position: absolute;
    bottom: -15px;
    left: 120px;
    font-size: 13px;
    font-weight: bold;
    line-height: 34px;
}

.senar .header-div h4 {
    position: absolute;
    right: 103px;
    bottom: -15px;
    font-size: 13px;
    font-weight: bold;
    line-height: 34px;
    color: #ffffff;
}

.senar .content {
    display: block;
}

.senar .content .border {
    position: absolute;
    bottom: 0;
    width: 95%;
    border-bottom: dotted 2px #8b8b8b;
}

.senar .content .destaques article {
    margin-bottom: 15px;
}

.senar .content .destaques h3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 34px;
}

.senar .content .destaques h3 a {
    color: #2d2d2d;
}

.senar .content .destaques h4 {
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 21px;
}

.senar .content .destaques h4 a {
    color: #5e5e5e;
}

.senar .content .destaques .btn-conheca {
    display: block;
    width: 88px;
    height: 26px;
    text-indent: 10000px;
    cursor: pointer;
    background: url(../../img/senar/bt-conheca.png);
}

.senar .content .destaques .btn-conheca a {
    display: block;
    overflow: hidden;
}

.senar .content .destaque-principal {
    padding-bottom: 20px;
}

.senar .content .destaque-principal .btn-conheca {
    float: left;
}

.senar .content .destaque-principal h3 {
    margin-top: 0;
}

.senar .content .destaque-principal .border {
    width: 97%;
}

.senar .content .destaque-principal .description {
    float: left;
}

.senar .content .destaque-principal .box-img-destaque {
    float: left;
    min-height: 275px;
}

.senar .content .destaque-principal aside {
    margin-right: 20px;
}

.senar .content .destaque-principal article {
    display: block;
    margin-bottom: 0;
    overflow: hidden;
}

.senar .content .videos {
    padding-bottom: 20px;
}

.senar .content .videos .img-responsive {
    height: 225px;
}

.senar .content .videos .box-img-destaque {
    min-height: 225px;
}

.senar .content .videos .mascara {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.senar .content .videos .mascara a {
    display: block;
    width: 100%;
    height: 100%;
}

.senar .content .videos header {
    padding: 9px 10px;
}

.senar .content .videos article {
    position: relative;
}

.senar .content .videos h3 {
    margin: 0;
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
}

.senar .content .videos .conteudo .player {
    position: absolute;
    top: 35%;
    left: 40%;
    display: block;
    width: 44px;
    height: 44px;
    text-indent: 10000px;
    cursor: pointer;
    background: url(../../img/senar/player-senar.png);
}

.senar .content .videos .conteudo .player a {
    display: block;
    width: 100%;
    height: 100%;
}

.senar .content .videos .conteudo h3 {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 22px;
    color: #ffffff;
}

.senar .content .videos .conteudo h4 {
    position: absolute;
    top: 35px;
    left: 10px;
    color: #ffffff;
}

.menu-principal .main-nav .item-nav .sub-menu-senar {
    height: 320px !important;
}

.menu-principal .main-nav .item-nav .sub-menu-senar .topo {
    margin-bottom: 25px;
}

.menu-principal .main-nav .item-nav .sub-menu-senar .topo h2.descricao {
    float: left;
    width: 360px;
    margin: 0;
    margin-left: 20px;
    font-size: 17px;
    font-weight: 300;
    line-height: 20px;
    color: #595959;
}

.menu-principal .main-nav .item-nav .sub-menu-senar h4.sub-titulo {
    float: right;
    width: 100px;
    margin-right: 43px;
    font-size: 12px;
    line-height: 14px;
    color: #999999;
}

.menu-principal .main-nav .item-nav .sub-menu-senar .ultimas-noticias {
    width: 100% !important;
}

.menu-principal .main-nav .item-nav .sub-menu-senar .ultimas-noticias .noticia {
    width: 20%!important;
}

.menu-principal .main-nav .item-nav .sub-menu-senar .ultimas-noticias .noticia:nth-child(odd) {
    margin-right: 0!important;
}

.menu-principal .main-nav .item-nav .sub-menu-senar .ultimas-noticias .noticia .imagem {
    float: left;
    width: 80%!important;
    margin-right: 10px;
    margin-bottom: 10px;
}

.menu-principal .main-nav .item-nav .sub-menu-senar .ultimas-noticias .noticia .box-conteudo {
    width: 80% !important;
    height: 100%!important;
    clear: both !important;
}

.menu-principal .main-nav .item-nav .sub-menu-senar .ultimas-noticias .noticia .box-conteudo a {
    width: 80% !important;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 22px !important;
}

.menu-principal .main-nav .item-nav .sub-menu-senar .ultimas-noticias .noticia .box-conteudo a:hover {
    text-decoration: none;
}

.menu-principal .main-nav .item-nav .sub-menu-senar .logo-senar {
    display: block;
    float: left;
    width: 290px;
    height: 67px;
    overflow: hidden;
    background: url(../../img/senar/logo-menu.png);
}

.box-senar .header {
    display: block !important;
    overflow: hidden !important;
    background: #0892af !important;
}

.box-senar h1.titulo {
    float: left;
    width: 60%;
    margin-top: 10px;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 30px !important;
    font-style: italic !important;
    font-weight: bold !important;
    color: #ffffff !important;
}

.box-senar h2.sub-titulo {
    float: right;
    width: 238px;
    font-size: 13px;
    line-height: 14px;
    color: #ffffff;
}

.box-senar .materias-senar {
    padding: 15px;
    padding-right: 0;
    overflow: hidden;
}

.box-senar .materias-senar article {
    float: left;
    width: 25%;
    padding-right: 20px;
}

.box-senar .materias-senar h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    font-weight: 300;
    line-height: normal;
}

.box-senar .materias-senar h3 a {
    color: #228e7d;
}

.box-senar .materias-senar h4 {
    margin-top: 0;
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 20px;
}

.box-senar .materias-senar h4 a {
    color: #5e5e5e;
}

.box-senar .materias-senar .btn-conheca {
    display: block;
    width: 88px;
    height: 26px;
    text-indent: 10000px;
    cursor: pointer;
    background: url(../../img/senar/bt-conheca.png);
}

.box-senar .materias-senar .btn-conheca a {
    display: block;
    overflow: hidden;
}

.box-senar-lateral {
    position: relative;
    height: 478px;
    overflow: hidden;
}

.box-senar-lateral .materias-senar {
    position: absolute;
    width: 1224px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;
    overflow: hidden;
}

.box-senar-lateral .materias-senar article {
    position: relative;
    float: left;
    width: 25%;
    padding-right: 0;
}

.box-senar-lateral .materias-senar article h3 {
    width: 100%;
    padding-right: 3%;
    padding-left: 3%;
    font-size: 20px !important;
}

.box-senar-lateral .materias-senar article h4 {
    width: 100%;
    padding-right: 3%;
    padding-left: 3%;
}

.box-senar-lateral .materias-senar h2.sub-titulo {
    float: right;
    width: 153px;
    margin-top: 0;
    margin-right: 10px;
    font-size: 8px!important;
    line-height: 14px! important;
    letter-spacing: 0.06em;
    color: #5e5e5e !important;
    text-align: right;
}

.box-senar-lateral .materias-senar .btn-conheca {
    float: left;
    margin-left: 3%;
}

.box-senar-lateral footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .content .destaques-5-5-4 {
        display: inline-flex;
    }
}

@media only screen and (max-width: 1023px) {
    .box-senar .materias-senar h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1279px) {
    .box-senar-lateral .materias-senar {
        width: 1040px;
    }
}

@media only screen and (max-width: 767px) {
    .destaques {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}


/* todos os dispositivos */

@media only screen and (min-width: 768px) {
    {
        /************************************************************
      * CLASSES GERAIS
      *************************************************************/
        /*** HEADER **********************************************************************************/
        /************************************************************
      * BOX DE MATERIAS
      *************************************************************/
        /************************************************************
      * BOX TEMAS MATERIAS
      *************************************************************/
        /************************************************************
      * BOX VIDA NA FAZENDA
      *************************************************************/
        /************************************************************
      * BOX AGENDA
      *************************************************************/
        /************************************************************
      * BOX PRODUTOS
      *************************************************************/
        /************************************************************
      * BLOGS
      *************************************************************/
        /************************************************************
      * ENQUETE
      *************************************************************/
    }
    .banner {
        padding-bottom: 20px;
        margin-bottom: 25px;
        background: url('../../img/banner-separador.jpg') center bottom no-repeat;
    }
    .titulos.titulo-subhome {
        font-size: 32px;
        line-height: 26px;
    }
    .titulos.titulo-boxes {
        font-size: 26px;
    }
    #main-header .header,
    #main-header .menu-secundario {
        display: block;
    }
    #main-header .header .box-assine-ja {
        position: absolute;
        right: 10px;
    }
    .materias .materia {
        overflow: hidden;
    }
    .materias .materia .box-img.box-img-destaque {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .materias .materia .box-img.box-img-destaque img {
        width: 100%;
    }
    .materias .materia .sub-titulo {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .materias .materia .sub-titulo a {
        font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
        font-size: 14px;
        color: #5e5e5e;
    }
    .materias .materia.materia-destaque .titulo {
        line-height: 35px;
    }
    .materias .materia.materia-destaque .titulo a {
        font-size: 36px;
        font-weight: bold;
    }
    .materias .materia.materia-super-destaque .box-img {
        display: none;
    }
    .materias .materia.materia-super-destaque .titulo {
        line-height: 42px;
    }
    .materias .materia.materia-super-destaque .titulo a {
        font-size: 42px;
    }
    .materias .materia.materia-sub-destaque .titulo {
        line-height: 21px;
    }
    .materias .materia.materia-sub-destaque .titulo a {
        font-size: 22px;
    }
    .materias .materia.materia-sub-destaque .box-img {
        display: none;
    }
    .box-temas-materias {
        padding: 0;
        display: block;
        height: 350px;
        margin-bottom: 30px;
        width: 100%;
    }
    .box-temas-materias .temas {
        float: left;
        width: 49%;
        height: 350px;
    }
    .box-temas-materias .temas:first-child {
        margin-right: 2%;
    }
    .box-temas-materias .temas .materia-tema {
        position: relative;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .box-temas-materias .temas .materia-tema.tema-destaque {
        height: 100%;
    }
    .box-temas-materias .temas .materia-tema.tema-destaque .link-tema {
        font-size: 21px;
    }
    .box-temas-materias .temas .materia-tema.outros-temas {
        height: 49%;
    }
    .box-temas-materias .temas .materia-tema.outros-temas:first-child {
        margin-bottom: 2%;
    }
    .box-temas-materias .temas .materia-tema .link-tema {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        padding: 8px 10px 8px 40px;
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.5);
        background-position: 11px 13px;
        background-repeat: no-repeat;
    }
    .box-temas-materias .temas .materia-tema .link-tema:hover {
        text-decoration: none;
    }
    .box-temas-materias .temas .materia-tema .link-tema.ico-video {
        background-image: url('../../img/ico-tema-video.png');
        background-position: 11px 15px;
    }
    .box-temas-materias .temas .materia-tema .link-tema.ico-lapis {
        background-image: url('../../img/ico-tema-lapis.png');
    }
    .box-temas-materias .temas .materia-tema .link-tema.ico-camera {
        background-image: url('../../img/ico-tema-camera.png');
    }
    .box-vida-na-fazenda.completo {
        position: relative;
    }
    .box-vida-na-fazenda.completo .scroll-pane {
        height: 240px;
    }
    .box-vida-na-fazenda.completo .ico-topo {
        position: absolute;
        top: -4px;
        left: 18px;
        display: block;
        width: 2px;
        height: 4px;
        background: url('../../img/ico-vnf-top.png') no-repeat;
    }
    .box-vida-na-fazenda.completo .nav-editoriais {
        position: absolute;
        top: -6px;
        left: 20px;
        width: 273px;
        height: 285px;
        padding-bottom: 7px;
        background: url('../../img/bg-vnf-bottom.png') 3px bottom no-repeat;
    }
    .box-vida-na-fazenda.completo .nav-editoriais .wrap-menu-vnf {
        position: relative;
        width: 262px;
        height: 240px;
        margin-left: 6px;
        background: #228e7d;
    }
    .box-vida-na-fazenda.completo .conteudo {
        display: block;
        height: 273px;
        padding-top: 15px;
        padding-left: 285px;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
    }
    .box-vida-na-fazenda.completo .conteudo .materia {
        float: left;
        width: 47%;
    }
    .box-vida-na-fazenda.completo .conteudo .materia .box-img {
        width: 42%;
    }
    .box-vida-na-fazenda.completo .conteudo .materia .titulo {
        line-height: 26px;
    }
    .box-vida-na-fazenda.completo .conteudo .materia .titulo a {
        font-size: 22px;
    }
    .box-vida-na-fazenda.completo .conteudo .materia .sub-titulo {
        line-height: 15px;
    }
    .box-vida-na-fazenda.completo .conteudo .materia .sub-titulo a {
        font-size: 13px;
    }
    .box-vida-na-fazenda.completo .conteudo .materia:nth-child(odd) {
        margin-right: 6%;
    }
    .box-agenda.sombra {
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
    }
    .box-agenda .materias-agenda .materia .data {
        padding-left: 9px;
    }
    .box-agenda.eventos .materias-agenda {
        padding-top: 2px;
    }
    .box-agenda.eventos .materias-agenda .materia .data {
        width: 60px;
        margin-right: 0;
        border-right: 1px solid #228e7d;
    }
    .box-agenda.eventos .materias-agenda .materia .data .dia {
        font-size: 35px;
    }
    .box-agenda.eventos .materias-agenda .materia .titulo {
        padding-left: 70px;
        line-height: 32px;
    }
    .box-agenda.eventos .materias-agenda .materia .titulo a {
        margin-top: 0;
        margin-bottom: 12px;
        font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 27px;
        font-weight: bold;
        color: #1a1a1a;
    }
    .box-agenda.eventos .materias-agenda .materia .descricao {
        display: block;
        padding-left: 70px;
        margin-bottom: 15px;
        font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
        font-size: 15px;
        line-height: 17px;
        color: #5e5e5e;
    }
    .box-agenda.eventos .materias-agenda .materia .tempo-atualizacao {
        display: block;
        padding-left: 70px;
        font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
        font-size: 13px;
        color: #01aa9f;
    }
    .box-produtos {
        padding: 1px;
        background: #fff;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
    }
    .box-produtos .header {
        margin-bottom: 1px;
    }
    .box-produtos .wrap-produtos {
        position: relative;
        top: 0;
        display: block !important;
        height: 67px;
    }
    .box-produtos .wrap-produtos .arrow-holder {
        display: block;
        text-align: center;
    }
    .box-produtos .wrap-produtos .arrow-holder .arrow-icon {
        position: relative;
        top: 0;
        display: block;
        width: 0;
        height: 0;
        margin: 20px auto 0;
        text-indent: -99999px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    .box-produtos .wrap-produtos .arrow-holder .arrow-icon.left {
        border-right: 10px solid #fff;
    }
    .box-produtos .wrap-produtos .arrow-holder .arrow-icon.right {
        border-left: 10px solid #fff;
    }
    .box-produtos .wrap-produtos .arrow-holder.disabled {
        display: none;
    }
    .box-produtos .wrap-produtos .produtos-nav {
        height: 100%;
        padding: 0 45px;
        overflow: hidden;
    }
    .box-produtos .materias {
        padding: 15px 10px;
        overflow: hidden;
    }
    .box-produtos .materias .materia {
        float: left;
        width: 32%;
    }
    .box-produtos .materias .materia .box-img {
        width: 40%;
    }
    .box-produtos .materias .materia .titulo {
        padding-right: 10px;
        line-height: 22px;
    }
    .box-produtos .materias .materia .titulo a {
        font-size: 18px;
    }
    .blog-header {
        padding-bottom: 26px;
        background: url('../../img/banner-separador.jpg') center bottom no-repeat;
    }
    .blogs .blog .box-img {
        width: 140px;
        height: 140px;
    }
    .blogs .blog .titulo {
        padding-top: 5px;
        font-size: 30px;
    }
    .blogs .blog .titulo-materia {
        line-height: 32px;
    }
    .blogs .blog .titulo-materia a {
        font-size: 26px;
        color: #1a1a1a;
    }
    .enquete .box-nav-enquete {
        padding: 20px 0;
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
    }
    .enquete .box-botoes {
        text-align: left;
    }
    .enquete .box-nav {
        padding: 9px 0;
        text-align: right;
        border: none;
    }
}


/* LARGE DEVICES */

@media only screen and (min-width: 1280px) {
    {
        /************************************************************
      * BOX MATERIAS RELACIONADAS
      *************************************************************/
        /************************************************************
      * BOX OUTRAS GALERIAS
      *************************************************************/
        /************************************************************
      * MATERIAS PLANTÃO
      *************************************************************/
        /************************************************************
      * BOX DE MATERIAS
      *************************************************************/
    }
    .sidebar-na-fazenda {
        margin-top: -65px;
    }
    .divisoria-padrao.divisoria-materias-aprovadas {
        padding-top: 5px;
        margin-bottom: 5px;
    }
    .box-materias-relacionadas .materia {
        width: 23%;
        margin-right: 2%;
    }
    .box-materias-relacionadas .materia:last-child {
        margin-right: 0;
    }
    .box-outras-galerias .materia {
        width: 23%;
        margin-right: 2%;
    }
    .box-outras-galerias .materia:last-child {
        margin-right: 0;
    }
    .materias-plantao .materia .box-imgs a {
        width: 18%;
        margin-right: 2.5%;
    }
    .materias-plantao .materia .box-imgs a:nth-child(4) {
        margin-right: 2.5%;
    }
    .materias-plantao .materia .box-imgs a:nth-child(5) {
        margin-right: 0;
    }
    .materias .materia-destaque-hd {
        display: block;
    }
    .materias .materia-destaque-hd .titulo,
    .materias .materia-destaque-hd .sub-titulo {
        display: none;
    }
    .materias .materia .titulo {
        line-height: 25px;
    }
    .materias .materia .titulo a {
        font-size: 26px;
    }
    .materias .materia.materia-super-destaque .box-img {
        display: none;
    }
    .materias .materia.materia-super-destaque .titulo {
        line-height: 42px;
    }
    .materias .materia.materia-super-destaque .titulo a {
        font-size: 42px;
    }
    #main-header .menu-principal.fixed-header .item-nav {
        margin-right: 40px;
    }
    #main-header .menu-principal.fixed-header .item-nav .lnk-nav {
        font-size: 17px;
    }
    #main-header .menu-principal .main-nav .item-nav {
        margin-right: 40px;
    }
    #main-header .menu-principal .main-nav .item-nav .lnk-nav {
        font-size: 17px;
    }
}


/* DESKTOP */

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    {
        /************************************************************
      * BOX DE MATERIAS
      *************************************************************/
        /************************************************************
      * MATERIAS PLANTÃO
      *************************************************************/
        /************************************************************
      * BOX CLIMA TEMPO
      *************************************************************/
    }
    .sidebar-na-fazenda {
        margin-top: -65px;
    }
    .divisoria-padrao.divisoria-materias-aprovadas {
        padding-top: 5px;
        margin-bottom: 5px;
    }
    .materias .divisoria-padrao-sem-quebra {
        padding: 5px 0 0;
        margin: 0 0 5px;
    }
    .materias .materia-destaque-hd {
        display: block;
    }
    .materias .materia-destaque-hd .titulo,
    .materias .materia-destaque-hd .sub-titulo {
        display: none;
    }
    .materias .materia.materia-destaque .titulo {
        line-height: 30px;
    }
    .materias .materia.materia-destaque .titulo a {
        font-size: 28px;
    }
    .materias .materia.materia-sub-destaque .titulo {
        line-height: 19px;
    }
    .materias .materia.materia-sub-destaque .titulo a {
        font-size: 18px;
    }
    .materias .materia.outras-materias .sub-titulo {
        line-height: 15px;
    }
    .materias .materia.outras-materias .sub-titulo a {
        font-size: 12px;
    }
    .materias .materia.materia-super-destaque .titulo {
        line-height: 42px;
    }
    .materias .materia.materia-super-destaque .titulo a {
        font-size: 42px;
    }
    .materias-plantao .materia .box-imgs a {
        width: 18%;
        margin-right: 2.5%;
    }
    .materias-plantao .materia .box-imgs a:nth-child(4) {
        margin-right: 2.5%;
    }
    .materias-plantao .materia .box-imgs a:nth-child(5) {
        margin-right: 0;
    }
    .clima-tempo .header .campo-cidade {
        width: 165px;
    }
    .clima-tempo .hoje .temperaturas {
        font-size: 35px;
    }
    .clima-tempo .hoje .temperaturas.temperatura-maxima {
        left: 50px;
    }
    .clima-tempo .hoje .temperaturas.temperatura-minima {
        left: 120px;
    }
    .clima-tempo .hoje .temperaturas.probabilidade-chuva {
        right: 0;
        padding-right: 25px;
        font-size: 22px;
        line-height: 60px;
    }
    .clima-tempo .footer .box-dia .ico {
        margin-left: 0;
    }
    .clima-tempo .footer .box-dia .ico.ico-chuva {
        margin-left: 3px;
    }
    .clima-tempo .footer .box-dia .temperaturas {
        left: 36px;
    }
}


/* TABLETS [portrait + landscape] */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    {
        /*** HEADER **********************************************************************************/
        /************************************************************
      * BOX AGENDA
      *************************************************************/
        /************************************************************
      * BOX TEMAS MATERIAS
      *************************************************************/
        /************************************************************
      * BOX DE MATERIAS
      *************************************************************/
        /************************************************************
      * BOX CLIMA TEMPO
      *************************************************************/
    }
    #main-header .header .box-assine-ja {
        position: absolute;
        right: 10px;
    }
    #main-header .menu-secundario .sub-nav .item-nav {
        margin-right: 10px;
    }
    .box-agenda.inline .divisoria-padrao {
        display: none;
    }
    .box-agenda.inline .conteudo {
        position: relative;
    }
    .box-agenda.inline .conteudo .box-datepicker {
        float: left;
        width: 50%;
    }
    .box-agenda.inline .conteudo .materias-agenda {
        float: left;
        width: 50%;
    }
    .box-agenda.inline .conteudo .materias-agenda .materia {
        height: 78px;
        padding-right: 5px;
        padding-bottom: 0;
        padding-left: 5px;
        overflow: hidden;
    }
    .box-agenda.inline .conteudo .materias-agenda .materia .data {
        padding-top: 7px;
        padding-left: 5px;
    }
    .box-agenda.inline .conteudo .materias-agenda .materia .mes {
        display: block;
        text-align: center;
    }
    .box-agenda.inline .conteudo .materias-agenda .materia .titulo {
        line-height: 20px;
    }
    .box-agenda.inline .conteudo .link {
        position: absolute;
        bottom: 0;
        width: 50%;
    }
    .box-agenda.eventos .materias-agenda .materia .titulo {
        font-size: 20px;
        line-height: 28px;
    }
    .box-temas-materias .temas .materia-tema.outros-temas:first-child {
        margin-bottom: 3%;
    }
    .box-temas-materias .temas .materia-tema .link-tema {
        font-size: 18px;
        background-position: 11px 13px;
    }
    .materias .materias-destaque-tablet {
        padding: 0;
    }
    .materias .materia.materia-destaque .titulo {
        line-height: 24px;
    }
    .materias .materia.materia-destaque .titulo a {
        font-size: 24px;
    }
    .materias .materia.materia-super-destaque .box-img {
        display: none;
    }
    .materias .materia.materia-super-destaque .titulo {
        line-height: 36px;
    }
    .materias .materia.materia-super-destaque .titulo a {
        font-size: 36px;
    }
    .materias.outras-materias .materia .titulo {
        line-height: 26px;
    }
    .materias.outras-materias .materia .sub-titulo {
        line-height: 22px;
    }
    .materias.outras-materias .divisoria-padrao {
        padding-top: 20px;
        margin-bottom: 20px;
    }
    .clima-tempo .header .campo-cidade {
        width: 165px;
    }
    .clima-tempo .hoje .temperaturas {
        font-size: 35px;
    }
    .clima-tempo .hoje .temperaturas.temperatura-maxima {
        left: 50px;
    }
    .clima-tempo .hoje .temperaturas.temperatura-minima {
        left: 120px;
    }
    .clima-tempo .hoje .temperaturas.probabilidade-chuva {
        right: 0;
        padding-right: 25px;
        font-size: 22px;
        line-height: 60px;
    }
    .clima-tempo .footer .box-dia .ico {
        margin-left: 0;
    }
    .clima-tempo .footer .box-dia .ico.ico-chuva {
        margin-left: 3px;
    }
    .clima-tempo .footer .box-dia .temperaturas {
        left: 36px;
    }
}


/*! jQuery UI - v1.10.3 - 2013-11-04
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.datepicker.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */


/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

.ui-helper-reset {
    padding: 0;
    margin: 0;
    font-size: 100%;
    line-height: 1.3;
    text-decoration: none;
    list-style: none;
    border: 0;
    outline: 0;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    display: table;
    border-collapse: collapse;
    content: "";
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/


/* Overlays */

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    display: block;
    font-size: 0.1px;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    top: -5px;
    left: 0;
    width: 100%;
    height: 7px;
    cursor: n-resize;
}

.ui-resizable-s {
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 7px;
    cursor: s-resize;
}

.ui-resizable-e {
    top: 0;
    right: -5px;
    width: 7px;
    height: 100%;
    cursor: e-resize;
}

.ui-resizable-w {
    top: 0;
    left: -5px;
    width: 7px;
    height: 100%;
    cursor: w-resize;
}

.ui-resizable-se {
    right: 1px;
    bottom: 1px;
    width: 12px;
    height: 12px;
    cursor: se-resize;
}

.ui-resizable-sw {
    bottom: -5px;
    left: -5px;
    width: 9px;
    height: 9px;
    cursor: sw-resize;
}

.ui-resizable-nw {
    top: -5px;
    left: -5px;
    width: 9px;
    height: 9px;
    cursor: nw-resize;
}

.ui-resizable-ne {
    top: -5px;
    right: -5px;
    width: 9px;
    height: 9px;
    cursor: ne-resize;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-datepicker {
    display: none;
    width: 100% !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 13px;
    width: 15px;
    height: 8px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 10px;
    background: url('../../img/ico-nav-agenda-left.png') no-repeat;
}

.ui-datepicker .ui-datepicker-next {
    right: 10px;
    background: url('../../img/ico-nav-agenda-right.png') no-repeat;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    font-size: 16px;
    font-style: italic;
    line-height: 1.8em;
    color: #393939;
    text-align: center;
    text-transform: uppercase;
}

.ui-datepicker .ui-datepicker-title select {
    margin: 1px 0;
    font-size: 1em;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    margin: 0 0 .4em;
    font-size: .9em;
    border-collapse: collapse;
}

.ui-datepicker thead {
    display: none;
}

.ui-datepicker th {
    padding: .7em .3em;
    font-weight: bold;
    text-align: center;
    border: 0;
}

.ui-datepicker td {
    padding: 1px;
    border: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    width: 27px;
    padding: .2em;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    padding: 0 .2em;
    margin: .7em 0 0 0;
    background-image: none;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    width: auto;
    padding: .2em .6em .3em .6em;
    margin: .5em .2em .4em;
    overflow: visible;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}


/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 48%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.34);
}

.ui-datepicker-multi-2 .ui-datepicker-group.ui-datepicker-group-first {
    margin-right: 2%;
}

.ui-datepicker-multi-2 .ui-datepicker-group .ui-datepicker-header {
    background: #228e7d;
}

.ui-datepicker-multi-2 .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title {
    color: #fff;
}

.ui-datepicker-multi-2 .ui-datepicker-group .ui-state-active {
    color: #fff;
    background: #228e7d;
}

.ui-datepicker-multi-2 .ui-datepicker-group .ui-state-active.ui-state-highlight {
    color: #fff;
    background: #01AA9F;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    width: 100%;
    clear: both;
    font-size: 0;
}


/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 10px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    right: auto;
    left: 10px;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    right: auto;
    left: 1px;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}


/* Component containers
----------------------------------*/

.ui-widget {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    font-weight: bold;
    color: #ffffff;
    border-bottom: 1px solid #d4d4d4;
}

.ui-widget-header a {
    color: #ffffff;
}


/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    font-family: "Arvo", Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: normal;
    color: #278e7b;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
}

.ui-state-default:hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    color: #fff;
    background: #01aa9f;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color: #01aa9f;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}


/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #fff;
    background: #01aa9f;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    color: #ffffff;
    background: #b81900 url(../../img/datepicker/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    border: 1px solid #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    font-weight: normal;
    opacity: .7;
    filter: alpha(opacity=70);
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: .35;
    filter: alpha(opacity=35);
}

.ui-state-disabled .ui-icon {
    filter: alpha(opacity=35);
    /* For IE8 - See #6059 */
}


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    /*background-image: url(../../img/datepicker/ui-icons_222222_256x240.png);*/
}

.ui-widget-header .ui-icon {
    background-image: url(../../img/datepicker/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(../../img/datepicker/ui-icons_ef8c08_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../../img/datepicker/ui-icons_ef8c08_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(../../img/datepicker/ui-icons_ef8c08_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(../../img/datepicker/ui-icons_228ef1_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../../img/datepicker/ui-icons_ffd27a_256x240.png);
}


/* positioning */

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}


/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/


/* Corner radius */


/* Overlays */

.ui-widget-overlay {
    background: #666666 url(../../img/datepicker/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .5;
    filter: alpha(opacity=50);
}

.ui-widget-shadow {
    padding: 5px;
    margin: -5px 0 0 -5px;
    background: #000000 url(../../img/datepicker/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    border-radius: 5px;
    opacity: .2;
    filter: alpha(opacity=20);
}

.materias-plantao .box-agenda .ui-datepicker td span {
    color: #4B4B4B !important;
}

div.sexy {
    width: 100%;
    height: 21px;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    border: 0;
    outline: none;
}

div.sexy input {
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    margin: 0 0 0 0;
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    vertical-align: middle;
    background: #78b9a8;
    border: none;
    outline: none;
}

div.sexy div.icon {
    top: 0;
    right: 0;
    width: 23px;
    height: 35px;
    cursor: pointer;
    background: transparent url('../../img/ico-arrow-combo.png') center no-repeat;
    border: 0;
}

div.sexy div.list-wrapper {
    top: 37px;
    bottom: auto;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #78b9a8;
}

div.sexy div.list-wrapper-up {
    top: auto;
    bottom: 21px;
}

div.sexy ul {
    height: 200px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

div.sexy li {
    padding: 0;
    padding-left: 5px;
    margin: 0;
    font-size: 14px;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}


/*
div.sexy li.active {
    background-color: rgb(16, 16, 16);
}*/


/*for IE*/

div.sexy a,
div.sexy a:visited,
div.sexy a:active {
    display: block;
    width: 100%;
    height: 34px;
    margin: 0;
    font: normal 14px tahoma, arial, helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

div.sexy input.empty {
    color: gray;
}

a.to-highlight:hover {
    background-color: #dfe8f6;
}


/**
  sexy-combo 2.1.3 : http://code.google.com/p/sexy-combo/
  
  This is the base structure, a skin css file is also needed
*/


/*wrapper of all elements*/

div.combo {
    position: relative;
    top: 0;
    left: 0;
}


/*text input*/

.combo input {
    position: absolute;
}


/*icon*/

.combo div.icon {
    position: absolute;
}


/*list wrapper*/

.combo div.list-wrapper {
    position: absolute;
    z-index: 99999;
    height: 200px;
    max-height: 200px;
    overflow: hidden;
}


/*"drop-up" list wrapper*/


/*dropdown list*/


/*dropdown list item*/

.combo li {
    height: 20px;
}


/*active (hovered) list item*/

.combo .visible {
    display: block;
}

.combo .invisible {
    display: none;
}


/*used when emptyText config opt is set. Applied to text input*/


/* Common styles of menus */

.dl-menuwrapper {
    position: relative;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    -moz-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
    margin-right: 100px;
}

.dl-menuwrapper button {
    position: relative;
    width: 48px;
    height: 45px;
    overflow: hidden;
    text-indent: -900em;
    cursor: pointer;
    background: #ccc;
    border: none;
    outline: none;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    position: relative;
    display: block;
    padding: 0 10px 0 25px;
    font-size: 22px;
    font-weight: lighter;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase;
    background-color: #228e7d;
    border-bottom: 1px dotted #000;
    outline: none;
}

.dl-menuwrapper li a .arrow-nav {
    display: block;
    float: right;
    width: 9px;
    height: 11px;
    margin-top: 18px;
    background: url('../../img/ico-seta-dir.png') no-repeat;
}

.dl-menuwrapper li a .arrow-active {
    position: absolute;
    top: 0;
    right: -7px;
    display: none;
    width: 7px;
    height: 55px;
    background: url('../../img/arrow-vida-na-fazenda.jpg') center no-repeat;
    background-size: 100%;
}

.dl-menuwrapper li a.ultimo {
    border-bottom: none;
}

.dl-menuwrapper li a:hover {
    text-decoration: none;
    background: #01aa9f;
}

.dl-menuwrapper li a:hover .arrow-active {
    display: none;
}

.dl-menuwrapper li a.active .arrow-active {
    display: block;
}

.dl-menuwrapper li.dl-back a {
    position: absolute;
    top: -28px;
    right: 0;
    z-index: 1;
    display: none;
    width: 27px;
    height: 20px;
    text-indent: -99999px;
    background: url('../../img/btn-vnf-voltar.png') no-repeat;
    border: none;
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
    position: absolute;
    width: 100%;
    margin: 5px 0 0 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}


/* Hide the inner submenus */

.dl-menuwrapper li .dl-submenu {
    display: none;
}


/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}


/* Dynamically added submenu outside of the menu context */

.dl-menuwrapper > .dl-submenu {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    margin: 0;
}


/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    -moz-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    -moz-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    -moz-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    -moz-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    -moz-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(0deg);
    }
}

@-webkit-keyframes MenuAnimOut2 {
    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
}

@-webkit-keyframes MenuAnimOut3 {
    100% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
    }
}

@-webkit-keyframes MenuAnimOut4 {
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
    }
}

@-webkit-keyframes MenuAnimOut5 {
    100% {
        opacity: 0;
        -webkit-transform: translateY(40%);
    }
}

@-moz-keyframes MenuAnimOut1 {
    50% {
        -moz-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-372.5px) rotateY(15deg);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-500px) rotateY(0deg);
    }
}

@-moz-keyframes MenuAnimOut2 {
    100% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
}

@-moz-keyframes MenuAnimOut3 {
    100% {
        opacity: 0;
        -moz-transform: translateZ(300px);
    }
}

@-moz-keyframes MenuAnimOut4 {
    100% {
        opacity: 0;
        -moz-transform: translateZ(-300px);
    }
}

@-moz-keyframes MenuAnimOut5 {
    100% {
        opacity: 0;
        -moz-transform: translateY(40%);
    }
}

@keyframes MenuAnimOut1 {
    50% {
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        opacity: .5;
        transform: translateZ(-372.5px) rotateY(15deg);
    }
    100% {
        opacity: 0;
        transform: translateZ(-500px) rotateY(0deg);
    }
}

@keyframes MenuAnimOut2 {
    100% {
        opacity: 0;
        transform: translateX(-100%);
    }
}

@keyframes MenuAnimOut3 {
    100% {
        opacity: 0;
        transform: translateZ(300px);
    }
}

@keyframes MenuAnimOut4 {
    100% {
        opacity: 0;
        transform: translateZ(-300px);
    }
}

@keyframes MenuAnimOut5 {
    100% {
        opacity: 0;
        transform: translateY(40%);
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    -moz-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    -moz-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    -moz-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    -moz-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    -moz-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(0deg);
    }
    20% {
        opacity: 0.5;
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) rotateY(0deg);
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes MenuAnimIn1 {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-500px) rotateY(0deg);
    }
    20% {
        opacity: 0.5;
        -moz-transform: translateZ(-250px) rotateY(30deg);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) rotateY(0deg);
    }
}

@-moz-keyframes MenuAnimIn2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-moz-keyframes MenuAnimIn3 {
    0% {
        opacity: 0;
        -moz-transform: translateZ(300px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
}

@-moz-keyframes MenuAnimIn4 {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-300px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
}

@-moz-keyframes MenuAnimIn5 {
    0% {
        opacity: 0;
        -moz-transform: translateY(40%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes MenuAnimIn1 {
    0% {
        opacity: 0;
        transform: translateZ(-500px) rotateY(0deg);
    }
    20% {
        opacity: 0.5;
        transform: translateZ(-250px) rotateY(30deg);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) rotateY(0deg);
    }
}

@keyframes MenuAnimIn2 {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes MenuAnimIn3 {
    0% {
        opacity: 0;
        transform: translateZ(300px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes MenuAnimIn4 {
    0% {
        opacity: 0;
        transform: translateZ(-300px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes MenuAnimIn5 {
    0% {
        opacity: 0;
        transform: translateY(40%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    -moz-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    -moz-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    -moz-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    -moz-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-200px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
}

@-moz-keyframes SubMenuAnimIn1 {
    0% {
        opacity: 0;
        -moz-transform: translateX(50%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-moz-keyframes SubMenuAnimIn2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-moz-keyframes SubMenuAnimIn3 {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-300px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
}

@-moz-keyframes SubMenuAnimIn4 {
    0% {
        opacity: 0;
        -moz-transform: translateZ(300px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
}

@-moz-keyframes SubMenuAnimIn5 {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-200px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        opacity: 0;
        transform: translateX(50%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        opacity: 0;
        transform: translateZ(-300px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        opacity: 0;
        transform: translateZ(300px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        opacity: 0;
        transform: translateZ(-200px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    -moz-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    -moz-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    -moz-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    -moz-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(50%);
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-200px);
    }
}

@-moz-keyframes SubMenuAnimOut1 {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(50%);
    }
}

@-moz-keyframes SubMenuAnimOut2 {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
}

@-moz-keyframes SubMenuAnimOut3 {
    0% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-300px);
    }
}

@-moz-keyframes SubMenuAnimOut4 {
    0% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(300px);
    }
}

@-moz-keyframes SubMenuAnimOut5 {
    0% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-200px);
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(50%);
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        transform: translateZ(-300px);
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        transform: translateZ(300px);
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        transform: translateZ(-200px);
    }
}


/* No JS Fallback */

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: '';
}


/* Colors for demos */

.demo-2 .dl-menuwrapper ul {
    background-color: #228e7d;
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
    position: relative;
    overflow: hidden;
}

.jspPane {
    position: absolute;
    left: 6px;
    width: 262px !important;
    background: transparent;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    left: 6px;
    height: 100%;
    height: 13px;
    background: transparent;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    position: relative;
    width: 15px;
    background: transparent;
}

.jspDrag {
    position: relative;
    top: 0;
    left: 2px;
    width: 11px;
    cursor: pointer;
    background: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    display: block;
    padding: 0;
    margin: 0;
    text-indent: -20000px;
    cursor: pointer;
    background: #50506d;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    float: left;
    width: 16px;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    float: left;
    height: 100%;
    background: #eeeef4;
}


/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner {
    margin: 0 -3px 0 0;
}