/* Theme Name: Café com noticias 2010 Theme URI: http://www.cafecomnoticias.com.br/ Description: Tema desenvolvido por Zoup Web Agency Version: 2.9 Author: ZWA ad Author URI: http://www.zwa.com.br Tags: blue, custom header, fixed width, two columns, widgets */ /********************************************************************************************* CONFIGURAÇÕES PADRÃO (RESET) *********************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: Tahoma, Geneva, sans-serif; font-size:14px; text-align:left; vertical-align: baseline; } html body { background: #FFF url(images/bg_topo.jpg) repeat-x center top; text-align: center;} /********************************************************************************************* Name: zoupframework.css Desenvolvido por: Zoup Web Agência Data de Criação: 01/02/2008 Última Atualização: 05/08/2008 Copyright: zoup.com.br *********************************************************************************************/ /* LAYOUT ***************/ .layout-centro {position:relative; text-align: left; margin: 0 auto;} .layout-779 {width:779px;margin-left:-389.5px;} .layout-970 {width:970px;margin-left:-485px;} .layout-960 {width:960px;} .layout-950 {width:950px;margin-left:-475px;} .layout-938 {width:938px; margin-left:-469px;} .layout-920 {width:920px; margin-left:-460px;} /* OBJ DEFINIÇÃO ******************/ .left {float:left;} .right {float:right;} .clearThis {clear:both;} .small {font-size:.625em;} .large {font-size:1em;} .soft {color:#D3D3D3;} .hide {display:none;} .img-replace {position:relative;display:block;text-indent:-9000px;overflow:hidden;} a.link-text{width:auto; text-decoration:underline;} a.link-text:hover{background-color:#84C125;text-decoration:none;} h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #d9ac03; } h2.titulo-principal { font-size: 2em; color:#5c1a07; } h2 { font-size: 1.3em; color:#5c1a07; } h3.sub-titulo{ font-size: 1.5em; margin-bottom: 10px; color:#5c1a07; } p,a { color: #797877; } ul { list-style: none; } cite { font-style: normal; } cite strong { font-weight: normal; } .label-publicidade { text-align: right; font-size: 0.7em; color: #666; display: block; width: 100%; clear: both; } .img-border { border: 4px solid #999; margin: 0 10px 10px 0; } .img-reduzida img{ width: 100%; height: 100%; } .img-reduzida { background: #CCC; width: 160px; margin-right: 15px; } /* /* Cabeçalho ***************/ #cabecalho{ height:248px; } #cabecalho .banner-topo img { width:551px; height:66px; position:absolute; top:60px; right:0; } /* Logotipo */ #cabecalho h1{ position: absolute; left: 7px; top: 34px; display: block; z-index: 9999999999;} #cabecalho h1 a{ text-decoration: none; width: 286px; height: 93px; display: block; } #cabecalho h1 a img { border: none; display: block; } /* Barra superior */ #cabecalho #barra { height: 42px; } #cabecalho #barra ul.menu-texto { padding-top: 11px; display: inline-block; } #cabecalho #barra ul.menu-texto li{ float: left; display: block;} #cabecalho #barra ul.menu-texto li a{ display: block; font-size: 0.9em; color: #b9a58a; text-decoration: none; margin-right: 16px; } #cabecalho #barra ul.menu-texto li a:hover { text-decoration: underline; } #cabecalho #barra ul.menu-icones { display: inline-block; margin-top: 6px; } #cabecalho #barra ul.menu-icones li{ float: left; margin-right: 5px; } #cabecalho #barra ul.menu-icones li a { width: 27px; height: 27px; display: block; } #cabecalho #barra ul.menu-icones li a img { border: none; } #cabecalho #barra form#searchform { display: block; height: 27px; margin: 6px 5px 0 0; padding:0;} #cabecalho #barra form input#s { color: #6f5934; font-size: 0.9em; display: block; background: #BFAC8E; border:none; width: 190px; height: 23px; margin:0; float: left; padding: 2px; } /* hack para IE */ #cabecalho #barra form input#s { *padding-top: 6px; *height: 19px; } #cabecalho #barra form input#searchsubmit { font-family: Tahoma, Geneva, sans-serif; display: block; font-size: 0.9em; background: #BE9C17; width: 30px; height: 27px; float: left; color: #5c382d; border: none; margin-left: 2px; } #cabecalho #barra a.radioweb { text-decoration: none; font-size: 1em; color:#BCAD8C; display: block; height: 26px; padding-left: 34px; background: url(images/ico_radio.png) no-repeat 0 3px; padding-top: 11px; } #cabecalho #barra a.radioweb:hover { text-decoration: underline; } /* Menu */ #cabecalho #menu-topo { display: inline-block; height: 30px; width: 960px; padding-top: 121px; } #cabecalho #menu-topo ul { list-style: none; width: 960px; } #cabecalho #menu-topo ul li{ height: 30px; float: left; padding-right: 13px; background: url(images/seta_menu.png) no-repeat right bottom;} #cabecalho #menu-topo ul li.last{ background: transparent; padding-right: 0; } #cabecalho #menu-topo ul li.last a{ padding: 5px 11px; } #cabecalho #menu-topo ul li a { word-spacing: -2px; color: #361d15; font-weight: lighter; font-size: 0.90em; text-decoration: none; display: block; padding: 5px 8px; } #cabecalho #menu-topo ul li a:hover { background: #FFDD61; } /* Widget plantao */ #cabecalho #plantao { height: 54px; width: 960px; background: url(images/bg_plantao.jpg) repeat-x top left; display: inline-block; } #cabecalho #plantao ul { width: 960px; padding-top: 3px; } #cabecalho #plantao ul li.img-plantao { background: url(images/plantao.jpg) no-repeat top left; width: 14px; display: block; } #cabecalho #plantao ul li.news { width: 932px; display: block; overflow: hidden; height: 33px; padding-top: 16px; } #cabecalho #plantao ul li.news marquee{ width: 100%; height: 20px; display: block; } #cabecalho #plantao ul li.news marquee a { text-decoration: none; color: #000; display: block; float: left; } #cabecalho #plantao ul li.news marquee a:hover { text-decoration: underline; } #cabecalho #plantao ul li.news marquee h4 { font-size: 1em; font-weight: bold; color: #5c1a07; display: block; float: left; } #cabecalho #plantao ul li.news marquee a p { font-size: 0.9em; color: #000; } #cabecalho #plantao ul li.news marquee h4, #cabecalho #plantao ul li.news marquee a p{ margin: 0 5px; width: auto;} #cabecalho #plantao ul li.img-plantao, #cabecalho #plantao ul li.news{ height: 49px; float: left; } /* /* Conteúdo ***************/ /* formatacao padrao das secoes */ #secao-1, #secao-2, #secao-3, #secao-4, #secao-5{ display: block; padding:0; overflow: hidden; } #secao-1 { height: 263px; margin-top: 15px; } #secao-2 { height: 123px; margin-top: 19px; } #secao-3 { height: auto; margin-top: 15px; display: inline-block; } #secao-4 { height: 104px; margin-top: 15px; } #secao-5 { height: auto; margin-top: 0; } /* DESTAQUES PRINCIPAIS */ #secao-1 #s-1-destaque-1, #secao-1 #s-1-destaque-2, #secao-1 #s-1-publicidade{ height: 263px; float: left; } #secao-1 #s-1-destaque-1 { width: 447px; overflow: hidden; } #secao-1 #s-1-destaque-2 { width: 215px; text-align: center; background: #FFF; } #secao-1 #s-1-publicidade { width: 298px; overflow: hidden; } #secao-1 #s-1-publicidade img{ width: 298px; height: 248px; } #secao-1 #s-1-destaque-2 ul, #secao-1 #s-1-destaque-2 ul li, #secao-1 #s-1-destaque-2 ul li a {display: block; overflow: hidden; margin:0; padding:0; } #secao-1 #s-1-destaque-2 ul { height: 220px; padding: 6px 16px; text-align: left; } #secao-1 #s-1-destaque-2 ul li { height: 70px; padding: 0; margin: 0; margin-bottom: 6px; } #secao-1 #s-1-destaque-2 ul li h4, #secao-1 #s-1-destaque-2 ul li a { font-weight: bold; } #secao-1 #s-1-destaque-2 ul li a { text-decoration: none; padding: 0; color: #4a1504; font-size: 0.85em; } #secao-1 #s-1-destaque-2 ul li a:hover { text-decoration: underline; background: transparent url(none); } #secao-1 #s-1-destaque-2 ul li h4 { font-size: 0.7em; display: block; padding-bottom: 5px; } #secao-1 #s-1-destaque-2 span { display: block; height: 31px; text-align: center; } #secao-1 #s-1-destaque-2 span a { padding: 7px 5px; display: inline-block; font-size: 0.8em; margin-right: 5px; color: #4a1504; } #secao-1 #s-1-destaque-2 span a:hover { background: #FFDD61; } /* MENU SERVICOS */ #secao-2 ul, #secao-2 ul li, #secao-2 ul li a {display: block; overflow: hidden; margin:0; padding:0; } #secao-2 ul { width: 960px; overflow: hidden; height: 123px; background:#FFF; } #secao-2 ul li { float: left; width: auto; height: 123px; } #secao-2 ul li a { width: 120px; height: 41px; padding-top: 90px; color: #9d8f8f; word-spacing: -1px; font-size:0.9em; text-decoration: none; text-align: center; } #secao-2 ul li a:hover { text-decoration: underline; } #secao-2 ul li a strong { font-weight: bold; font-size: 1em; } #secao-2 ul li a#segvia { background: url(images/ico_cifrao.png) no-repeat center top; } #secao-2 ul li a#curriculos { background: url(images/ico_curriculo.png) no-repeat center top; } #secao-2 ul li a#classificados { background: url(images/ico_classificados.png) no-repeat center top; } #secao-2 ul li a#links { background: url(images/ico_links.png) no-repeat center top; } #secao-2 ul li a#guia { background: url(images/ico_guiaservicos.png) no-repeat center top; } #secao-2 ul li a#passeio { background: url(images/ico_passeiovirtual.png) no-repeat center top; } #secao-2 ul li a#aeroporto { background: url(images/ico_aeroporto.png) no-repeat center top; } #secao-2 ul li a#previsao { background: url(images/ico_previsao.png) no-repeat center top; } #secao-2 ul li a#rotary { background: url(images/ico_rotaryclub.png) no-repeat center top; } #secao-2 ul li a#segvia:hover { background: url(images/ico_cifrao_hover.png) no-repeat center top; } #secao-2 ul li a#curriculos:hover { background: url(images/ico_curriculo_hover.png) no-repeat center top; } #secao-2 ul li a#classificados:hover { background: url(images/ico_classificados_hover.png) no-repeat center top; } #secao-2 ul li a#links:hover { background: url(images/ico_links_hover.png) no-repeat center top; } #secao-2 ul li a#guia:hover { background: url(images/ico_guiaservicos_hover.png) no-repeat center top; } #secao-2 ul li a#passeio:hover { background: url(images/ico_passeiovirtual_hover.png) no-repeat center top; } #secao-2 ul li a#aeroporto:hover { background: url(images/ico_aeroporto_hover.png) no-repeat center top; } #secao-2 ul li a#previsao:hover { background: url(images/ico_previsao_hover.png) no-repeat center top; } #secao-2 ul li a#rotary:hover { background: url(images/ico_rotaryclub_hover.png) no-repeat center top; } /* AJUSTES */ #secao-2 ul li a#aeroporto { width: 105px; } #secao-2 ul li a#curriculos { width: 125px; } #secao-2 ul li a#links { width: 130px; } /* DESTAQUES SECUNDARIOS */ #secao-3 ul, #secao-3 ul li, #secao-3 ul li a {display: block; overflow: hidden; margin:0; padding:0; } #secao-3 ul { height: auto; width: 960px; display: inline-block; } #secao-3 ul li { width: 205px; height: auto; float: left; margin-right: 20px; } #secao-3 ul li.principal { margin:0; background: #DFC24C; width: 285px; } #secao-3 ul li.principal img { width:281px; height:148px; padding: 2px 2px 0 2px; } #secao-3 ul li.principal a { text-decoration: none; padding: 0 19px 14px 19px; color: #FFF; font-size: 1em; line-height: 1.2em; font-weight: bold; } #secao-3 ul li.principal a:hover { text-decoration: underline; background: none; } #secao-3 ul li.principal h4 { font-size: 1em; display: block; padding:6px 19px 3px 19px; color: #978402; text-transform: uppercase; } #secao-3 ul li a { text-decoration: none; padding: 0; font-size: 1em; } #secao-3 ul li a:hover { text-decoration: underline; background: none; } #secao-3 ul li h4 { font-size: 1.0em; display: block; padding:3px 0 3px 0; font-weight: bold; line-height: 2em; } #secao-3 ul li img{ width:205px; height:148px; padding: 0; margin: 0;} /* PUBLICIDADE */ #secao-4 #s-4-publicidade-1, #secao-4 #s-4-publicidade-2 { height: 104px; overflow: hidden; } #secao-4 #s-4-publicidade-1 { margin-right: 11px; width: 727px; } #secao-4 #s-4-publicidade-1 img{ width: 727px; } #secao-4 #s-4-publicidade-2 { width: 222px; height: 104px; overflow: hidden; } #secao-4 #s-4-publicidade-2 a img { width: 222px; height: 89px; border: none; } /* Publicidade E VIDEOS */ #secao-5 { overflow: visible; } #secao-5 ul, #secao-5 ul li, #secao-5 ul li a {display: block; margin:0; padding:0; } #secao-5 ul { height: 277px; width: 960px; } #secao-5 ul li { height: 277px; float: left; margin-right: 26px; } #secao-5 ul li h4 { font-size: 1.5em; display: block; padding:0 0 8px 0; font-weight: bold; } #secao-5 ul li img{ width:205px; height:148px; padding: 0; margin: 0;} #secao-5 ul li.videos { width: 634px; } #secao-5 ul li.videos ul, #secao-5 ul li.videos ul li, #secao-5 ul li.videos ul li a {display: block; margin:0; padding:0; } #secao-5 ul li.videos ul { width: 236px; height: 240px; padding: 6px 16px; text-align: left; overflow: hidden; } #secao-5 ul li.videos ul li { height: auto; padding: 0; margin: 0; margin-bottom: 14px; width: inherit; } #secao-5 ul li.videos ul li h5, #secao-5 ul li.videos ul h5, #secao-5 ul li.videos ul li a { font-weight: bold; } #secao-5 ul li.videos ul li a { text-decoration: none; padding: 0; color: #4a1504; font-size: 0.85em; } #secao-5 ul li.videos ul li a:hover { text-decoration: underline; background: transparent url(none); } #secao-5 ul li.videos ul h5 { font-size: 0.7em; display: block; padding-bottom: 5px; } #secao-5 ul li.videos span { border-bottom: 1px #d9ac03 solid; width: 634px; display: block; height: 25px; overflow: hidden; margin-bottom: 8px; } #secao-5 ul li.videos span h4 { display: block; text-transform: uppercase; float: left; } #secao-5 ul li.videos span a { color: #d9ac03; display: inline; font-size: 0.9em; float: right; padding-top: 6px; text-decoration: none; margin:0; } #secao-5 ul li.videos span a:hover { color:#630 ; } #secao-5 ul li.banner{ width: 300px; height: 270px; margin-top: 7px; margin-right: 0; overflow: hidden; } #secao-5 ul li.banner img { width: 300px; height: 248px; } /* conteudo interno ***************/ #conteudo { display: inline-block; margin-top: 15px; } #col-1, #col-2 { display: inline-block; overflow: hidden; } #col-1 { width: 730px;} #col-1 img { max-width:690px; } #col-1 p { color: #3f2714; font-size: 0.9em; margin: 5px 0; } #col-1 p a { color: #930; } #col-1 a { text-decoration: none; } #col-1 a:hover { text-decoration: underline; } #col-1 p small a{ color: #930; font-size: 0.7em; text-decoration: none; } #col-1 img { border: none; } #col-1 ul.lista-categoria{ list-style: none; width: 680px; display: inline-block; border: 1px solid #b9a58a; padding: 15px; } #col-1 ul.lista-categoria h3 { margin-bottom: 10px; color: #5c1a07; } #col-1 ul.lista-categoria li{ float: left; margin-right:16px; width:207px; display: block; padding: 0; background: none; border-right: 1px solid #b9a58a; padding-right: 10px; } #col-1 ul.lista-categoria li img { width: 100%; height: 100%; } #col-1 ul.lista-categoria li.last { margin-right:0; border: none; padding-right:0; } #col-1 ul{ margin: 5px 0; } #col-1 ul li{ margin-bottom: 4px; background: url(images/bg_list.gif) no-repeat top left; padding-left: 20px; } #col-1 ul li a { font-size: 1em; color: #3f2714; text-decoration: none; } #col-1 ul li a:hover { text-decoration: underline; } #col-1 ol{ margin: 5px 0; list-style: decimal;} #col-1 ol li{ margin-bottom: 4px; background: url(images/bg_list.gif) no-repeat top left; padding-left: 20px; } #col-1 ol li a { font-size: 1em; color: #3f2714; text-decoration: none; } #col-1 ol li a:hover { text-decoration: underline; } #col-1 select { min-width: 160px; margin-right: 10px; font-size: 1em; height: auto; border: none; float: left; padding:0; border-top: #FFF 2px solid; background: #FFC; } #col-1 .submit { float: left; } #col-1 .submit a{ width: 80px; background: #FFF; padding: 2px 5px; color: #333; border:#b9a58a 1px solid; text-align: center; font-size: 0.9em; } #col-2 { width: 210px; height: auto; } #col-2 img{ width: 100%; height: 100%; } #col-2 h2 { background: #b9a58a; padding: 4px 4px; color: #FFF; } #col-2 ul{ list-style: none; display: inline-block; padding: 10px; border: 1px #b9a58a solid; border-top: none; } #col-2 ul li{ border-bottom: 1px #5c1a07 dotted; padding: 0; width: 100%; margin-bottom: 5px; padding-bottom: 5px; } #col-2 ul li a { text-decoration: none; } #col-2 ul li a:hover { color: #333; } #comments { font-size: 1.8em; } #respond h2{ font-size: 1.6em; } #col-1 div.comment-author cite{ font-size: 1.4em; color: #5c1a07; } #col-1 div.comment-body p { font-size: 1.2em; } #col-1 ol.commentlist { margin: 20px 0; list-style: decimal-leading-zero; } #col-1 ol.commentlist li { margin-bottom: 10px; margin-bottom: 5px; background: #f5f2e4; padding: 10px; } /* /* Rodapé ***************/ #rodape, #cabecalho { display: block; } #rodape { height: 172px; margin-top: 33px; width: 100%; background: url(images/bg_rodape.png) repeat-x; } #footer-logo, #footer-zwa, #footer-telefone, #footer-cms, #footer-copyright { position: absolute; display: block; } #footer-logo { background:url(images/marca-cs.png) no-repeat; width:165px; height:39px; top: 23px; left: 6px; z-index: 100;} #footer-zwa { background: url(images/zwa.png) no-repeat; width:105px; height:50px; right: 11px; top: 26px; z-index: 101;} #footer-telefone { color: #ffcb05; font-size: 1.25em; top: 18px; width: 100%; text-align:center; } #footer-cms { color: #fff; font-size: 0.9em; width: 960px; text-align: center; top: 45px; } #footer-cms a { text-decoration: none; color: #FFF; } #footer-cms a:hover { text-decoration: underline; } #footer-copyright { color: #fbe8c0; font-size: 0.85em; top: 100px; width: 930px; left: 17px; text-align: justify; line-height: 1.20em; } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignleft{ float:left; margin:0 8px;} .alignright{ float:right; margin:0 8px;} img.alignleft{ border:4px solid #FFF;} img.alignright{ border:4px solid #FFF;} /* End captions */ /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */