﻿/* CSS Jornal Diï¿½rio */
/* LAYOUT */
/*
        Desc: nova versï¿½o do site em XHTML e CSS	
        Data: 2007-01-12 Autor: Filipe Silva
        
*/

/*  =Valores por Defeito
===============================================================================*/
* {
    margin:0; padding:0;
}
a img {
    border:0;
}
body {
    background-color:#fef7ea;
    font-family: "Trebuchet MS";
    font-size:11px;
    font-weight:normal;
    color: #6c6b6b;
}
.clear {
    clear:both;
}
/*  =Layout
===============================================================================*/
#documentHolder {
    width: 1000px;
    margin:auto;
}
#headerBanner {
    text-align:left;
    margin:12px 0;
    padding-left:5px;
    height:90px;
    overflow:hidden;
}
#header, #documentBody {
    background-image:url(/css/img/fundoBody.gif);
    background-repeat:repeat-y;
}
#cabecalho {
    width:990px;
    margin:auto;
    height:103px;
    background-image:url(/css/img/fundoCabecalho.jpg);
    background-repeat:repeat-x;
    overflow:hidden;
}

#documentBody {
    padding: 0 5px 10px 5px;	
}
#footer {
    background-image:url(/css/img/fundoFooter.gif);
    background-position:top left;
    background-repeat:no-repeat;
    height:55px;
    overflow:hidden;
    background-color:#fef7ea;
}
/*  =Cabecalho
===============================================================================*/
#logotipoHolder, #tempoLinks {
    width:286px;
    float:left;
}
#dataHora {
    text-align:right;
    padding-right:10px;
    font-family: Arial;
    font-size: 11px;
    color: #a0abb5;
    text-decoration: none;
    margin-bottom: 8px;
}
#tempoLinks {
    width:418px !important;
    margin-left: 25px;
}
#tempoLinks ul {
    list-style:none;
}
#tempoLinks li, .tempoImg {
    float:left;
}
.tempoImg {
    margin-top:8px;
    margin-right: 3px;
}
#tempoDesc {
    clear:both;
}
.tempoDescricao {
    margin-left: 36px;
}
#tempoGrupos {
    height:26px;
    width:418px;
    overflow:hidden;
    background-image:url(/css/img/fundoTempoRight.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    margin-bottom: 2px;
}
#tempoGrupos ul {
    height:26px;
    /*width:418px;*/
    overflow:hidden;
    background-image:url(/css/img/fundoTempoLeft.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}
#tempoGrupos li {
    width: 139px;
    padding-top: 3px;
    text-align:center;
}
#tempoDesc li {
    width: 130px;
    padding-left: 9px;
}
.ilhas {
    font-family: Tahoma;
    font-size: 10px;
    color: #b8d2e8;
    text-decoration: none;
}
.tempo_cima {
    font-family: Arial, Helvetica, sans-serif, Tahoma;
    font-size: 10px;
    color: #C3C3C3;
    text-decoration: none;
}
.tempoDescricao {
    padding-top: 2px;
}
#contador {
    font-family: Tahoma;
    font-size: 14px;
    color: #b8d2e8;
    text-decoration: none;
}
#director {
    font-weight:bold;
    padding: 3px 0;
}
#dataHora p{
    margin-top: 5px;
}
#navMenu ul {
    list-style:none;
}
#navMenu li {
    float:left;
    padding: 5px 12px 0 10px;
    background-image:url(/css/img/menuRight.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    height:29px;
}
.menu {
    font-family: Arial;
    font-size: 11px;
    color: #d8e9f8;
    text-decoration: none;
}
.menu:hover {
    text-decoration:underline;
}
.rssMenu {
    background-image:url(/css/img/rss.gif);
    background-repeat:no-repeat;
    padding-left:19px;
    font-weight:bold;
    color: #fef7ea;
}
#searchForm {
    float:right;
    position:relative;
    top:-3px;
    /* correcï¿½ï¿½o para IE*/
    _top: 0px;
    padding-right: 8px;
}
#searchForm label{
    font-family: Arial;
    font-size: 11px;
    color: #d3dee7;
    text-decoration: none;
}
.pesquisar_box {
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    height: 18px;
    width: 163px;
    background-image: url(/img/pesquisa.jpg);
    background-position: center;
    border-color: #296AA0;
    border-style: none;
}
#pesBtn {
    position:relative;
    top: 6px;
    /* correcï¿½ï¿½o para IE*/
    _top: 5px;
}

/*  =DocumentBody
===============================================================================*/
#linksInteresse {
    float:right;
    width:330px;
}
#mainContent {
    padding-left:14px;
    padding-top: 15px;
    width: 632px;
    overflow: hidden;
}
/*  =Links de Interesse
===============================================================================*/
#linksDestaque {
    border-left: 1px dotted #a49497;
    border-bottom: 1px dotted #a49497;
    background-color: #fafafa;
    padding: 12px 9px 0px 16px;
    margin-bottom: 8px;
}

#expressoNoveImg {
    border-bottom:1px dotted #a49497;
    /*	padding-top: 15px;*/
    padding-bottom: 0px;
    margin-bottom: 15px;
    font-family: arial;
    font-size: 10px;
    max-height: 90px;
}

#expressoNoveImg a {
    color: #6a6a6a;
    text-decoration: none;
}

#expressoNoveImg a img {
    display: block;
    margin: 0px auto;
}

#expressoNoveImg a i {
    position: relative;
    bottom: 1.5em;
    float: right;
}

#videos {
    padding-bottom: 14px;
    border-bottom:1px dotted #a49497;
    margin-bottom: 11px;
}
#concursosMain {
    margin-bottom: 18px;
}
#pubDireita {
    margin-bottom: 11px;
    position: relative;
}
.pub {
    position: absolute;
    left: -1.2em;
    bottom: 0;
}
.bottomPub {
    bottom: 9.8em;
}
#anunciosMain {
    background-image:url(/css/img/fundo_anuncio.jpg);
    background-position: top left;
    background-repeat:repeat-y;
    width: 300px;
    height:358px;
    overflow:hidden;
    padding-right: 2px;
}
#anunciosMainTop {
    background-image:url(/css/img/cima_anuncios.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    height:7px;
    overflow:hidden;
}
#anunciosMainBody {
    background-image:url(/css/img/titulo_anuncios.jpg);
    position:top left;
    background-repeat:no-repeat;
    padding-top:34px;
}
#anunciosMainBottom {
    background-image:url(/css/img/baixo_anuncios.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    height:7px;
    overflow:hidden;
    margin-bottom: 15px;
}
#anuncios {
    margin-left: 8px;
    margin-right: 8px;
    height: 305px;
    overflow:auto;
    margin-top: 5px;

}
.anuncio {
    width:246px;
}
.anuncio h5 {
    color: #385ab3;
    font-family: "Trebuchet MS";
    font-size: 13px;
    font-weight:bold;

}
.anuncio p {
    font-family: "Trebuchet MS";
    font-size: 11px;
    color: #868684;
    margin-bottom: 10px;
}
#linksEmpresas {
    height:41px;
    overflow:hidden;
}
#imgEmpresas {
    margin-right:5px;
}
#linkPortais {
    background-image:url(/css/img/linkPortaisFundo.jpg);
    background-position:top left;
    background-repeat:repeat-x;
    margin-bottom: 20px;
}
#linkPortaisConteudo {
    width: 310px;
    background-image:url(/css/img/linkPortaisLeft.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    height:41px;
    overflow:hidden;
    padding: 22px 0 0 20px;
}
#universos {
    margin: 0 15px 0 20px;
}
#jogosSantaCasa {
    margin-bottom:20px;
}
#newLetter {
    width:29.2em;
    float:left;
    /*display:none;*/
}
#newLetter img.border {
    width: 29.2em;
}
#newsLetterBody {
    background-image:url(/css/img/fundo_nletter.jpg);
    background-position:bottom left;
    _background-position:0 10px;
    background-repeat:repeat-x;
    background-color:#ffffff;
    border-left:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
    padding-left: 6px;
    height:112px;
    overflow:hidden;
}
#newsForm {
    padding-top:5px;
}
#newsForm dl {
    list-style:none;
    float:right;
    width:18em;
}
#newsForm dd {
    padding-bottom:0.5em;
}
#newsForm label {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #434343;
    float:left;
    width: 100px;
}
#newsForm a {
    position:relative;
    top:0.3em;
    left:3px;
}
#newsForm a img {
    border-top: thin solid #EAEAEA; 
}
#newsForm #email {
    position:relative;
    bottom:3px;
}
#newsForm #carta {
    position:relative;
    left:1em;
}
#newLetter #newsletter_title
{
    position:relative;
    left:5em;
}
.boxs {
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    border: thin solid #eaeaea;
    background-color: #eaeaea;
    width:16.5em;
}
.shortBox {
    width:12.75em;
}
#pollHolder {
    width:160px;
    background-image:url(/img/fundoPoll2.jpg);
    background-position:bottom left;
    background-repeat:repeat-y;
}
#pollHolderCaption {
    background-image:url(/img/topoPoll.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    height:30px;

}
#pollHolderContent {
    background-image:url(/img/fundoPoll.jpg);
    background-position:bottom left;
    background-repeat:repeat-x;
    width: 151px;
    margin:auto;
    padding-left: 5px;

}
#pollHolderContent ul {
    width: 151px;
    margin:auto;
    list-style:none;
    background-image:url(/img/pollGraph.jpg);
    background-position:bottom right;
    background-repeat:no-repeat;
    margin-bottom:0;
    padding-bottom:8px;

}
#pollHolderContent label {
    margin-left:4px;
}
.rInput {
    position:relative;
    top: 3px;
    _top: 2px;
}
#pollHolderFooter {
    background-image:url(/img/pollFooter.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    height: 5px;
    overflow:hidden;
}
.pollBotao {
    border:0;
    background-color:#eaeaea;
    font-weight:bold;
    color:#404040;
    margin-left: 5px;
    margin-top: 20px;
    font-size: 11px;
    padding: 4px 5px 2px 5px;
}
.pollLink {
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#404040;
    text-decoration:none;
    margin-left: 15px;
}
.lastLi {
    margin-top: 8px;
}
.pollLink:hover {
    text-decoration:underline;
}
#sondagem {
    margin-left: 163px;
    margin-bottom: 15px;
}
.pergunta {
    font-family: "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    color: #434343;
    text-decoration: none;
}

/* =Rodapï¿½ do documento
===============================================================================*/
#footer {
    text-align:right;
    padding-right: 10px;
    padding-top: 5px;

}
#footer ul {
    list-style:none;
}
#footer li {
    float:right;
}
#footer p {
    clear:both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #7794b5;
    text-decoration: none;
    font-weight: normal;
}
.rodape:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #7794b5;
    text-decoration: none;
    font-weight: bold;
}
.rodape {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #7794b5;
    text-decoration: none;
    font-weight: bold;
}

/* =Popups
===============================================================================*/

#overDiv {

}

#overDiv table tr td {
    padding: 4px;   
}
#overDiv table tr td ul {
    margin-top: 8px;
    margin-left: 8px;
}
#overDiv table tr td ul li {
    margin-bottom: 8px;
    list-style:none;

}

#overDiv table tr td ul li a {
    color: #1f5786;
}
#overDiv table tr td ul li a:hover {
    color: #337fbb;
}
#popup-left {
    float: left;
    width: 210px;
    margin-left: 20px !important;
}

#popup-right {
    width: 180px;
    margin-left: 241px !important;
}

/* =Colunistas
===============================================================================*/
#colunistas {
    padding-bottom: 5px;	
    margin-bottom: 5px;
}

#colunistasTitulo {
    padding-left: 2px;
    padding-bottom: 2px;
}
#colunistasTitulo img {
    display: block;
}
#colunistasTitulo a img {
    position: relative;
    right: 0.6em;
}
#colunistasTitulo div.line {
    border: 0;
    border-top: 1px dotted #A49497;
    padding-bottom: 0.5em;
    margin-top: 0.5em;
    width: 25.6em;
    height: 0;
}
#colunistasListagem {
    list-style: none;
    float: left;
    width:27.25em;
}

#colunistasListagem li {
    margin-left: 2px;
    padding:5px 0px;
    overflow:hidden;
    border-top:1px solid black;
    border-bottom:1px solid black;
}
.colunistaNome,
.colunistaTitulo {
    font-family: "Trebuchet MS";
    font-size: 11px;
    padding-left: 6px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.colunistaNome a,
.colunistaTitulo a {
    text-decoration:none;
}
.colunistaImagem {
    width:97px;
    height:66px;
    float:left;
    overflow:hidden;
}
.colunistaImagem a img {
    position:relative;
    right:1px;
    width:120px;
}
.colunistaDescricao {
    background-color:#D4DEE7;
    width:200px;
    height:65px;
    float:right;
}
.colunistaNome, .colunistaNome a {
    color:#000;
    font-weight:bold;
}
.colunistaTitulo, .colunistaTitulo a {
    color: #0067B2;
}
.colunistaDia {
    color: #a4a4a4;
}
.colunistaActivo .colunistaDia {
    color: #000;
}
.colunistaActivo .colunistaNome {
    background: #d4dee7;
}
.colunistaActivo .colunistaNome a {
    color: #37648d;
    text-decoration: none;
}
/*
-------------------------------------------------------------------------------------*/
label {
    caption-side:left;
}
#novaHora { 
    margin-left: 15px; 
    position: absolute; 
    color: #2222ff; 
    margin-top: 75px; 
    font-size: 13px;
    font-weight: bold;
}
#outroContador {
    display: inline; margin-right: 10px;
    color: #fff !important;
}
.novaPub {
    display:block;
    margin-top:1.6em;
}
.header{
    background:url(/img/header/fundo.jpg) repeat-x;
    width:990px;
    height:113px;
    border:1px solid #bebbb4;
    margin-left: 4px;
    margin-top: 1em;
}
.tempo {
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px; color:#89898b;
}
.barra1{ height:77px; }
#titulo { margin-top:20px; float:left; }
.barra2 { height:15px; margin-left:12px;}
.barra3 { height:15px; font-weight:bold; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
.search { float:left; margin-top:16px; margin-right:0; }
.pesquisa {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:9px; font-weight:bold;  
    width:57px;	margin-bottom:16px;
    color:#89898b;
}
.rss { float:left; width:55px; margin-top:20px; margin-left:7px; }
.lista { border-right:solid 1px #d1d1d1;	padding-right:12px;	margin-right:12px; }
.pos { margin-top:6px; margin-left:12px;}
.letra { color:#6296ea; font-size: 11px;}
.flutua { float:left; }
#espaco{margin-left:32px;position:relative;left:2em;}
#listaTempo { list-style: none; margin-top: 10px;}
#listaTempo li { width: 142px; float:left;}
#listaTempo li img.icon { float: left; margin-top:3px; margin-right:5px}
#listaTempo li p { margin-left: 33px; font-size: 9px;}
#rssLink { display: block; padding-left: 15px; background: url(/img/header/rss.jpg) left center no-repeat; float: right;color:#41382f;}
#textfield { font-size: 9px; border: none; background: url(/img/header/fundoinput.jpg) top left no-repeat; height: 12px; float: left; width: 96px; padding: 1px 0px 0px 4px;}
#button { float: left; }
.horaCabecalho {background-color:#fff; width:45px; color:#392db5; height: 14px; display: block; float: right; padding: 1px 0px 0px 5px;position:relative;top:0.1em;right:1.3em;}
.pos a { text-decoration:none; color:#5b5b5b; font-weight: bold; font-size: 10px;}
#outroContador { color:#392db5 !important; font-weight: bold !important; font-size: 11px; margin-top: -2px !important;}
.barra2 span { font-weight: bold;}
#sombraCab { background: url(/img/header/barraBaixo.gif) top left no-repeat; height: 8px;}
#form1 { margin-top: 3px; margin-left: 1px;}

#outrosContent h2 { border-bottom: 1px dashed #0c0c0c; font-size: 14px; padding-bottom: 4px; margin-bottom: 10px; }
#listaOutros { list-style: none; margin-left: 35px; }
#listaOutros li {  margin-right: 30px; width: 261px; margin-bottom: 15px;}
#listaOutros li p { text-align: center; }
#listaOutros li a { text-decoration: none; color: #0c0c0c; }
#listaOutros li a:hover { text-decoration: underline; }
#listaOutros li img { border: 1px solid #0c0c0c; padding: 1px; }

#cronicaDirector
{
    display:inline-block;
    width:298px;
    font-family:"Trebuchet MS";
    padding-top:.5em;
    padding-bottom:1em;
}
#cronicaDirector span#name
{
    background-color:black;
    color:white;
    text-align:center;
    font-size:10px;
    display:block;
    cursor:pointer;
    clear:both;
    line-height:13px;
    padding-right:2.8em;
    border-top-left-radius:5px;
    border-top-rigth-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
}
#cronicaDirector a, #cronicaDirector a *
{
    float:left;
}
#cronicaDirector a
{
    text-decoration:none;
}
#cronicaDirector a img
{
    position:static;
}
#cronicaDirector a div
{
    width:200px;
    height:65px;
    border-right:1px solid #9D9FA2;
    border-bottom:1px solid #9D9FA2;
    background-color:#D4DEE7;
}
#cronicaDirector a div img
{
    margin-top:11px;
    position:relative;
}
#cronicaDirector a div span
{
    color:#808285;
    background-color:transparent;
    padding-left:.9em;
    text-align:justify;
    width:208px;
    height:25px;
    line-height:1.8em;
    overflow:hidden;
}
#classificados
{
    margin-bottom:1em;
    position:relative;
    right:.5em;
    bottom:.4em;
}
#agendaDesportiva span.radio
{
    position: relative;
    left: 8em;
    bottom: 1.7em;
    color: blue;
    font-size: 10px;
}
#blogs
{
    padding-top:.5em;
    padding-bottom:.5em;
    margin-bottom:.5em;
    border-bottom:1px dotted #A49497;
}
#blogs ul
{
    list-style:none;
    float:left;
}
#blogs ul li
{
    float:left;
}
.facebook
{
    background:url("/img/facebook.png") no-repeat scroll left center transparent;
    position:absolute;
    right:60px;
    top:46px;
    padding-left:15px;
}
#interviews {
    border-bottom:1px dotted #a49497;
    padding-bottom: 5px;	
    margin-bottom: 5px;
}
.estrela {
	background-image:url(../img/estrela.png);
	position:absolute;
	width:47px;
	height:46px;
	top:5px;
	left:285px;
}
