/* AUTOR DA CRIAÇÃO: Diego Rodrigues Moreira - diegurm@gmail.com ÚLTIMA ALTERAÇÃO: 13 de Julho de 2011 */ /*==== MENU TOPO ============================================================================================================================================================*/ #div-busca button{color: #333; background:url(../images/btn_busca.png) no-repeat left top;}/*MUDA IMAGEM*/ #div-busca button:hover{color: #333; background:url(../images/btn_busca.png) no-repeat left bottom;}/*MUDA IMAGEM*/ #widget-twitter img{ border-radius:5px; padding:5px; } #div-home .noticia img{-webkitborder-radius:5px; -mozborder-radius:5px; border-radius:5px;} /* borda do hover das imagens */ #div-home .noticia a.borda_foto, a.borda_foto img {overflow:hidden; float:left; } #div-home .noticia a.borda_foto:hover { display:inline-block; border:3px solid #BE231E;} #div-home .noticia a.borda_foto:hover img { margin: -3px; } #div-home .noticia h6.chapeu, h6.chapeu a {color: #BE231E; font-size:13px;} #div-home .noticia h6.chapeu_foto {display: inline; padding: 0 4px; background-color: #BE231E; font-size:13px; height: 22px; letter-spacing: -1px} /*=== NOTICIAS EM DESTAQUE ====*/ #div-home .noticia.destaque {float: left; width: 320px;} #div-home .noticia.destaque img{width: 320px; height: 225px; display:block;} #div-home .noticia.destaque h3 {clear:both; padding-top:3px; font-size: 20px; font-weight:normal!important;} #div-home .noticia.destaque a{ color:#BE231E;} #div-home .noticia.destaque a:hover{ color:#BE231E;} /* chamada tv */ #div-home .noticia.destaque {padding: 6px;} #div-home .noticia.destaque ul.chamadas li { display: none; } #div-home .noticia.destaque ul.chamadas li.ativo { display: block; } #div-home .noticia.destaque ul.chamadas h3 { overflow: hidden; height: 50px; padding-top: 8px; margin-bottom: 30px; margin-top:5px;} #div-home .noticia.destaque ul.estrelas { position:absolute; } #div-home .noticia.destaque ul.controle { position:relative; float:right; height:19px; margin-top:-28px; padding-right:8px;} #div-home .noticia.destaque ul.controle li {cursor:pointer; float:left; margin-left:5px; padding:0; padding-top: 4px; display:block; width:17px; height:17px; border:1px solid #c8c8c8; background-color: #fff; font-size: 100%; text-align:center; text-decoration:none;} #div-home .noticia.destaque ul.controle li.ativo { color:#fff !important; } /* varia com a sessão */ #div-home .noticia.destaque { background-color: #EEE; -mozborder-radius: 5px; -webkitborder-radius: 5px; border-radius: 5px; } #div-home .noticia.destaque ul.controle li { color: #000; } #div-home .noticia.destaque ul.controle li:hover { background-color: #e5eef4; } #div-home .noticia.destaque ul.controle li.ativo { background-color: #BE231E; } /*=== borda do hover das imagens ===*/ #div-home .noticias .destaque h6.chapeu_foto {display: inline; padding: 0 4px; background-color: #BE231E; font-size:13px; float: left; position: relative; height: 22px; top: -22px; margin-bottom: -22px; letter-spacing: -1px;} /*=== NOTICIAS EM MANCHETE ====*/ #div-home .noticia.manchete{color:#BE231E; float:right; width:383px;} #div-home .noticia.manchete h2{margin: 0; padding: 0; font-style:18px; font-weight:normal!important; color: #BE231E;} #div-home .noticia.manchete ul li{ list-style-position:outside; list-style-type:square; margin-left:15px; font-weight:normal; } blockquote { border-left: 0px solid #c0c0; background: #eeeeee url(../images/bgblockquoteht8ch6.gif) repeat-x; background-position: bottom; padding: 15px; margin: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; padding-top: 5px; margin-bottom: 10px; line-height: 100%; font: normal .9em verdana, helvetica, sans-serif; color: #666666; } #div-home .noticia.manchete .destaques li {padding: 0 0 0 0; margin-right: 5px;float:left; width:375px; margin-bottom:5px; } #div-home .noticia.manchete .destaques li .thumb img { display: block; } #div-home .noticia.manchete .destaques li div {width: 220px; float: left; margin-left: 7px;} #div-home .noticia.manchete .destaques li p {line-height: 1.2em;} #div-home .noticia.manchete .destaques p {margin: 0; padding: 0; font-size: 15px;} /* manchete relacionada */ #div-home .noticia.manchete ul.relacionadas{ margin:0; padding-bottom:5px; float:left; width:350px; margin-right:10px; padding-top:5px; margin-bottom:3px;} #div-home .noticia.manchete ul.relacionadas li {padding: 0 0 0 0; margin-right: 5px;float:left; width:350px; margin-bottom:5px;} #div-home .noticia.manchete a.relacionadas{ font-weight:normal!important; font-size:15px; color:#666;} #div-home .noticia.manchete a.relacionadas:hover{ color:#666;} /*=== MAIS NOTICIAS ====*/ #div-home .noticia.vermais {width:490px; display:block; margin-top:5px; margin-bottom:5px; border:none; zoom:1; clear:both;} #div-home .noticia.vermais ul.mais li { width: 150px; margin-right: 10px; float: left; height:225px; } #div-home .noticia.vermais ul.mais li.last { margin-right: 0px;} #div-home .noticia.vermais h6.chapeu_foto { display: inline; padding: 0 4px; background-color: #BE231E; font-size:13px; height: 22px; letter-spacing: -1px} #div-home .noticia.vermais h2{margin: 0; padding: 0; font-style:18px; font-weight:normal!important; color: #BE231E;} /*=== ENTRETENIMENTO =======================================================================================================================================================*/ #blocoDestaques { position: relative;} #blocoDestaques ul, #blocoDestaques ul li { list-style: none;} #blocoDestaques, #blocoDestaques ul, #blocoDestaques ul li, #blocoDestaques ul li img { margin: 0px padding: 0px;;} #blocoDestaques.eventos ul li img { width: 480px; height: 200px;} #blocoDestaques.vcnafoto ul li img { width: 210px; height:auto; max-height:250px; border-radius:0; clear:both;} #blocoDestaques ul li { position: relative;} #blocoDestaques a.faixa { width: 100px; height: 100px; position: absolute; top: -5px; left: -5px; z-index: 100; background: transparent url('../images/faixa.png') 0 0 no-repeat;} #blocoDestaques div.paginas { position: relative; top: 5px; float:right; padding-right:5px;} #blocoDestaques div.paginas a { height: 20px; width: 20px; display: block; float: left; margin-left: 2px; color: white; font-size: 10px; font-family: Verdana, Arial, sans-serif; text-decoration: none; text-align: center; line-height: 20px; outline: none; background: black;} #blocoDestaques div.paginas a:hover, #blocoDestaques div.paginas a.activeSlide { background: #C9168E; font-weight: bold;} #blocoDestaques ul li p, #blocoDestaques ul li div.fundo { display: none; } /* borda do hover das imagens */ #div-home .entretenimento a.borda_foto, a.borda_foto img {overflow:hidden; float:left; } #div-home .entretenimento a.borda_foto:hover { display:inline-block; border:3px solid #c9168e; -mozborder-radius: 5px; -webkitborder-radius: 5px; border-radius: 5px} #div-home .entretenimento a.borda_foto:hover img { margin: -3px; } #div-home .entretenimento h6.chapeu, h6.chapeu a {color: #c9168e; font-size:13px;} #div-home .entretenimento h6.chapeu_foto {display: inline; padding: 0 4px; background-color: #BE231E; font-size:13px; height: 22px; letter-spacing: -1px} /*=== MAIS EVENTOS ====*/ #div-home .entretenimento.vermais {width:490px; display:block; margin-top:5px; margin-bottom:5px; border:none; zoom:1; clear:both;} #div-home .entretenimento.vermais ul.mais li { width: 150px; margin-right: 10px; float: left; height:225px; } #div-home .entretenimento.vermais ul.mais li.last { margin-right: 0px;} #div-home .entretenimento.vermais h6.chapeu_foto { display: inline; padding: 0 4px; background-color: #c9168e; font-size:13px; height: 22px; letter-spacing: -1px} #div-home .entretenimento.vermais h3{margin: 0; padding: 0; font-style:18px; color: #c9168e;} #div-home .entretenimento.vermais h2{margin-bottom:10px; padding-bottom:0; line-height:32px} #div-home .entretenimento.vermais h2{color:#c9168e;font-size:22px; font-family:'Droid Sans',arial,sans-serif!important;font-weight:normal!important; letter-spacing:-2px;} /*=== GUIA COMERCIAL =======================================================================================================================================================*/ #div-home .guiacomercial {float: left; width: 420px;} #div-home .guiacomercial img{display:block; border:1px solid #c8c8c8;} /* borda do hover das imagens */ #div-home .guiacomercial a.borda_foto, a.borda_foto img { overflow:hidden; float:left; } #div-home .guiacomercial a.borda_foto:hover { display:inline-block; border:3px solid #00609D;} #div-home .guiacomercial a.borda_foto:hover img { margin: -3px; } #div-home .guiacomercial h6.chapeu, h6.chapeu a {color: #00609D; font-size:14px;} #div-home .guiacomercial h6.chapeu_foto a{ font-size:13px} #div-home .guiacomercial h6.chapeu_foto a:hover{ font-size:13px} #div-home .guiacomercial h6.chapeu_foto { display: inline; padding: 0 4px; background-color: #00609D; font-size:13px; float: left; position: relative; height: 22px; top: -22px; margin-bottom: -22px; letter-spacing: -1px; }