﻿@font-face {
  font-family: 'Open Sans';
  src: url('fontes/OpenSans-Light.ttf') format('truetype');
  font-weight:200;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fontes/OpenSans-LightItalic.ttf') format('truetype');
  font-weight:200;
  font-style:italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fontes/OpenSans-Regular.ttf') format('truetype');
  font-weight:300;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fontes/OpenSans-Italic.ttf') format('truetype');
  font-weight:300;
  font-style:italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fontes/OpenSans-Semibold.ttf') format('truetype');
  font-weight:400;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fontes/OpenSans-SemiboldItalic.ttf') format('truetype');
  font-weight:400;
  font-style:italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fontes/OpenSans-Bold.ttf') format('truetype');
  font-weight:500;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fontes/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight:500;
  font-style:italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fontes/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight:600;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fontes/OpenSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight:600;
  font-style:italic;
}

body {
    font-family: 'Open Sans';
}


/* MENU */
.linha-topo {
    background-color:#e5e5e5;
    font-size:11px;
    color:#7e7e7e;
    padding:8px 0 8px 0;
}

.linha-logo {
    padding:25px 0 25px 0;
}

.ferramentas-linha-logo a {
    font-size:9px;
    color:#7e7e7e;
    cursor:pointer;
}

.ferramentas-linha-logo a:hover {
    text-decoration:underline;
}

.ferramentas-linha-logo img {
    margin:auto
}

.ferramentas-linha-logo span {
    display:block;
    margin-top:5px;
}

.link-tv-webdiario-menu {
    color:#db9417;
}

.link-tv-webdiario-menu:hover {
    color:#db9417;
    text-decoration:none;
}

.link-tv-webdiario-menu img {
    float:left;
    margin-top:5px
}

.link-tv-webdiario-menu span{
    display:inline-block;
    font-size:14px;
    float:left;
    margin-top:5px
}

.link-voce-reporter-menu{
    color:#b864a3;
}

.link-voce-reporter-menu:hover {
    color:#b864a3;
    text-decoration:none;
}

.link-voce-reporter-menu img {
    float:right;
    margin-right:5px;
    margin-top:5px
}

.link-voce-reporter-menu span{
    display:inline-block;
    font-size:14px;
    float:right;
    margin-top:5px
}

.menu-principal {
    margin:0;
    padding:0;
    text-align:center;
}

.menu-principal li{
    padding:0 20px 0 20px;
    margin:0;
    display:inline-block;
    text-transform:uppercase;
    font-size:19px;
    border-right:1px solid #979797;
}

.menu-principal li:last-child{
    padding:0 0px 0 15px;
    border-right:none;
}

.menu-principal li a:hover{
    text-decoration:none;
}

.linha-submenu {
    background:#11578f;
    border-top:5px solid #e5e5e5;
    margin-top:5px;
    text-align:center;
    padding:5px 0 5px 0;
}

.linha-submenu a {
    color:white;
    font-size:12px;
    padding:0 13px 0 13px;
    border-right:1px solid white;
    text-transform:uppercase;
}

.linha-submenu a:last-child {
    border-right:none;
}

.linha-menu-mobile {
    background:#e5e5e5;
}

.menu-mobile {
    text-align:center;
    display:none;
}

.menu-mobile ul {
    margin:0;
    padding:0;
}

.menu-mobile ul li{
    margin:0;
    padding:0;
    list-style:none;
    margin-bottom:10px
}

/* RODAPE */
.linha-links-rodape {
    background:#11578f;
    padding:45px 0 45px 0;
}

.titulo-links-rodape {
    color:white;
    font-size:20px;
    margin-bottom:15px;
    display:inline-block;
}

.linha-links-rodape ul {
    margin:0;
    padding:0;
}

.linha-links-rodape ul li {
    margin:5px 0 0 0;
    padding:0;
    list-style:none;
}

.linha-links-rodape ul li a {
    margin:0;
    padding:0;
    list-style:none;
    color:white;
    font-size:12px;
}

.copyright {
    color:#464646;
    font-size:12px;
    margin-top:5px;
}

/* HOME */
.linha-home-topo {
    background:#e5e5e5;
}

.descricao-edicao-digital-home-topo {
    color:#848484;
    font-size:11px;
    padding:10px 0 10px 0px;
}

.box-newsletter-edicao-digital-home-top {
    border-left:1px solid #bbbbbb;
    border-right:1px solid #bbbbbb;
    margin:7px 0 7px 0;
}

.span-newsletter-edicao-digital-home-top {
    font-size:12px;
    text-transform:uppercase;
    color:#005297;
    border:1px solid #1f65a1;
    padding:5px 10px 5px 10px;
    margin:10px 20px 0 0;
    display:inline-block;
}

.box-input-newsletter-edicao-digital-home-top input {
    border:none;
    background:none;
    color:#9b9b9b;
    font-size:12px;
    border-bottom:1px solid #b1b1b1;
    width:70%;
    outline:none;
}

.btn-enviar-newsletter-edicao-digital-home-top {
    background:#005197;
    padding:5px 10px 5px 10px;
    color:white;
    margin:15px 0px 0 0;
    font-size:12px;
    display:inline-block;
    cursor:pointer;
}

.btn-enviar-newsletter-edicao-digital-home-top:hover {
    color:white;
    text-decoration:none;
}

.box-compartilhar-edicao-digital-home-top {
    color:#909090;
    font-size:12px;
    margin-top:15px;
}

.box-compartilhar-edicao-digital-home-top span {
    display:inline-block;
    padding-right:20px;
    float:left;
    margin-top:5px;
}

.box-compartilhar-edicao-digital-home-top div.seta {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 8px;
    border-color: transparent transparent transparent #7e7777;
    display:inline-block;
    margin-top:7px;
    margin-right:5px;
    float:left;
}

.box-compartilhar-edicao-digital-home-top a {
    float:left;
    margin-left:10px;
    margin-top:4px;
}

.box-compartilhar-edicao-digital-home-top a img {
    width:22px;
}

.linha-urgente {
    background:#e5e5e5;
}

.box-titulo-urgente {
    background:#e00000;
    color:white;
    font-size:14px;
    float:left;
    padding:10px 15px 10px 15px;
    margin:-5px 0px -5px 0px;
}

.box-descricao-urgente {
    float:left;
    color:#565252;
    font-size:14px;
    margin-left:10px;
    padding:5px 0 5px 0;
}

.titulo-editoria {
    border-bottom: 2px solid black;
    padding-bottom:10px;
    display:block;
    color:black;
}

.nome-categoria {
    font-size:20px;
    font-weight:400;
    text-transform:uppercase;
}

.chapeu-topo {
    font-weight:400;
    color:black;
    font-size:14px;
}

.titulo-noticia-principal {
    color:black;
    margin-top:10px;
    display:block;
    font-size:25px;
    font-weight:500;
}

.descricao-noticia-principal {
    color:black;
    margin-top:10px;
    display:block;
    font-size:14px;
} 

.box-noticia-topo .titulo-editoria {
    font-size:15px;
    margin-top:10px;
}

.box-noticia-topo .nome-categoria {
    font-size:15px;
}

.box-noticia-topo .chapeu-topo {
    font-size:10px;
    text-transform:uppercase;
    color:#8e8e8e;
}

.box-noticia-topo .titulo-noticia-principal {
    font-weight:400;
    color:#333333;
    font-size:18px;
}

.box-noticia-topo .descricao-noticia-principal {
    font-weight:300;
    color:#747474;
    font-size:14px;
}

.box-noticia-bloco .titulo-noticia-principal {
    font-weight:500;
    color:#333333;
    font-size:14px;
}

.box-noticia-bloco .chapeu-noticia {
    color:black;
    font-weight:400;
    font-size:14px;
    text-transform:uppercase;
    margin:10px 0 5px 0;
    display:block;
}

.link-bloco-lista .chapeu-link-bloco-lista {
    color:black;
    font-size:14px;
    font-weight:500;
}

.link-bloco-lista .titulo-link-bloco-lista {
    color:#333;
    font-size:14px;
    font-weight:400;
}

.lista-noticia .chapeu-topo {
    color:#8e8e8e;
}

.lista-noticia .descricao-noticia-principal {
    color:#747474;
}

.lista-noticia .item-lista-noticia {
    border-bottom:1px solid rgba(0,0,0,.1);
}


.lista-noticia .item-lista-noticia:last-child {
    border-bottom:none;
}

.mais-visto li {
    list-style:none;
    display:block;
}

.mais-visto li::after {
    clear:both;
}

.mais-visto li span{
    float:left;
    width:15%;
    color:#005297;
    font-size:35px;
    font-weight:400;
    font-style:italic;
    margin-top:5px;
}

.mais-visto li a{
    float:left;
    width:85%;
    color:black;
    font-size:12px;
    margin-top:15px;
}

.span-newsletter-titulo-barra {
    background:#005197;
    padding:5px 10px 5px 10px;
    color:white;
    font-size:12px;
    display:inline-block;
}

.span-newsletter-descricao-barra {
    font-size:14px;
    margin:5px 0 5px 0;
    display:block;
}

.box-input-newsletter-barra input {
    border:none;
    background:none;
    color:#9b9b9b;
    font-size:12px;
    border-bottom:1px solid #b1b1b1;
    outline:none;
    width:80%;
    margin-left:10px;
}

.box-input-newsletter-barra div {
    margin-bottom:10px;
}

.btn-quero-receber {
    display:block;
    text-align:center;
    background:#e0e0e0;
    color:#999999;
    font-size:14px;
    padding:5px 0 5px 0;
    cursor:pointer;
    border:10px solid #005297;
    margin-top:20px;
}

.btn-quero-receber:hover {
    color:#999999;
    text-decoration:none;
}

.item-galeria-topo .titulo-noticia-principal {
    font-size:16px;
}

.item-galeria-topo .descricao-noticia-principal {
    font-size:12px;
    margin-bottom:10px;
    color:#747474;
}

.item-galeria-topo {
    display:none;
}

.item-galeria-topo:first-child {
    display:block;
}

.item-galeria-topo:hover {
    text-decoration:none;
    cursor:pointer;
}

.seta-galeria-topo {
    margin-top:-120px;
}

.seta-galeria-topo div{
    cursor:pointer;
    transition:0.5s;
}

.pergunta-enquete {
    color:#707070;
    margin:20px 0 10px 0;
    display:block;
}

.botao-votar-enquete {
    background:#e99f00;
    padding:5px 10px 5px 10px;
    color:white;
    cursor:pointer;
    margin-top:10px;
    display:inline-block;
}

.botao-votar-enquete:hover {
    color:white;
    text-decoration:none;
}

.confira-resultado-enquete {
    display:block;
    margin-top:10px;
    cursor:pointer;
    font-size:14px;
    color:#707070;
}

.confira-resultado-enquete:hover {
    color:#707070;
}

/* Editoria */
.submenu-editoria {
    border-top:1px solid black;
    border-bottom:1px solid black;
    padding:10px 0 10px 0;
}

.submenu-editoria a {
    color:#626262;
    font-size:14px;
    padding:0 20px 0 20px;
    border-left:1px solid #626262;
}

.submenu-editoria a:first-child {
    border-left:none;
    padding:0 15px 0 0;
}

/* Noticia */
.data-noticia-interna img{
    float:left;
    margin:4px 5px;
}

.data-noticia-interna {
    font-size:14px;
    color:#747474;
}

.descricao-interna {
    color:#747474;
}

.por-interna {
    color:#747474;
    font-size:12px;
}

h2 {
    font-size:40px;
}

.img-principal-interna {
    margin:0 20px 0px 0;
}

.legenda-img-principal-interna {
    background:#e7e7e7;
    font-size:12px;
    padding:10px 20px 10px 20px;
    color:#747474;
}

#tabela-economia {
    color:#535353;
}

.span-edicao-digital {
    color:#0278b9;
    display:block;
    font-size:12px;
    margin-bottom:5px;
}

.titulo-edicao-digital {
    color:black;
    display:block;
    font-size:14px;
}

.html-iframe-edicao iframe {
    width:100%!important;
    height:800px;
}

/* TV */
.tv-editoria-img:before { 
    content: "";
    width:64px;
    height:64px;
    display:block;
    position:absolute;
    background: url("/Content/imagens/ico-youtube.png") no-repeat;
    margin-left:calc(50% - 40px);
    margin-top:15%;
    opacity:0.5;
    transition:0.2s
}

.tv-editoria-img:hover:before{ 
    opacity:1;
    background: url("/Content/imagens/ico-youtube-hover.png") no-repeat;
}

/* VOCE REPORTER */
.field-validation-error {
    color:red;
    font-style:italic;
    font-weight:200;
    font-size:14px
}

label {
    font-size:14px;
}

.desenvolvido-por span{
    color:#464646;
    font-size:12px;
    display:inline-block;
}

.desenvolvido-por img{
    margin-top:0px;
    margin-left:10px;
    display:inline-block;
}