/* Theme Name: Radio Mitsubishi Theme URI: Description: The default theme for Radio Mitsubishi Version: 1.0 Author: Pedro Rogerio Author URI: http://www.pinceladasdaweb.com.br/blog/ */ /* +----------------------------------------------------------------+ Reset CSS by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ +----------------------------------------------------------------+ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;} body {line-height: 1;} ol, ul {list-style: none;} /* +----------------------------------------------------------------+ Extras +----------------------------------------------------------------+ */ .clear {clear:both; overflow:hidden; font-size:0; visibility:hidden} .oculta{display:none} .alignleft {float:left} .alignright {float:right} strong {font-weight:700} /* +----------------------------------------------------------------+ Definicoes Gerais +----------------------------------------------------------------+ */ body {background:#000 url(img/background_body.jpg) no-repeat fixed center 0; font:62.5% Arial, Helvetica, sans-serif; text-align:center} /* +----------------------------------------------------------------+ Publicidade +----------------------------------------------------------------+ */ #publicidade {height:35px; overflow:hidden} /* +----------------------------------------------------------------+ Background Topo +----------------------------------------------------------------+ */ #wraper {background:url(img/bg_header.jpg) repeat-x left top; padding-top:12px} /* +----------------------------------------------------------------+ Header +----------------------------------------------------------------+ */ #header {margin:0 auto; text-align:left; width:930px} #header #superbanner {clear:both; margin:0 auto; width:728px;} #header a {cursor:pointer; text-decoration:none} #header #site_mitsubishi {float:right; height:17px; overflow:hidden; position:relative; top:-10px; width:129px} #header #site_mitsubishi span {background:url(img/bt_site_mitsubishi_motors.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #header h1 {background:url(img/logo_mitsubishi.png) no-repeat; display:block; float:left; height:127px; margin:31px 0 0 68px; width:227px} #header h1 span {display:none} #header h2 {background:url(img/bt_radio_aovivo.png) no-repeat; clear:right; display:block; float:right; height:146px; margin:0 60px 22px 0; overflow:hidden; width:192px} #header h2 span {display:none} #header h1 a, #header h2 a {cursor:pointer; display:block; height:100%; width:100%} #nav {background:url(img/bg_nav.gif) repeat-x left bottom; clear:both; height:27px; text-align: left} #nav ul {display:block; margin:0 auto; width:764px} #nav ul li {display:block; float:left} #nav ul li a {cursor:pointer; color:#000; text-decoration:none} #nav ul li.bt_home {height:27px; overflow:hidden; position:relative; width:86px} #nav ul li.bt_home span {background:url(img/bt_home.gif) no-repeat left top; height:100%; position:absolute; width:100%} #home #nav ul li.bt_home span {background:url(img/bt_home_selected.gif) no-repeat left top;} #nav ul li.bt_sobre {height:27px; overflow:hidden; position:relative; width:128px} #nav ul li.bt_sobre span {background:url(img/bt_sobre_radio.gif) no-repeat left top; height:100%; position:absolute; width:100%} #pg_sobre #nav ul li.bt_sobre span {background:url(img/bt_sobre_radio_selected.gif) no-repeat left top;} #nav ul li.bt_blog {height:27px; overflow:hidden; position:relative; width:136px} #nav ul li.bt_blog span {background:url(img/bt_blog_colunistas.gif) no-repeat left top; height:100%; position:absolute; width:100%} #pg_blogs #nav ul li.bt_blog span {background:url(img/bt_blog_colunistas_selected.gif) no-repeat left top;} #nav ul li.bt_mural {height:27px; overflow:hidden; position:relative; width:73px} #nav ul li.bt_mural span {background:url(img/bt_mural.gif) no-repeat left top; height:100%; position:absolute; width:100%} #pg_mural #nav ul li.bt_mural span {background:url(img/bt_mural_selected.gif) no-repeat left top;} #nav ul li.bt_noticias {height:27px; overflow:hidden; position:relative; width:85px} #nav ul li.bt_noticias span {background:url(img/bt_noticias.gif) no-repeat left top; height:100%; position:absolute; width:100%} #pg_noticias #nav ul li.bt_noticias span {background:url(img/bt_noticias_selected.gif) no-repeat left top;} #nav ul li.bt_podcasts {height:27px; overflow:hidden; position:relative; width:92px} #nav ul li.bt_podcasts span {background:url(img/bt_podcasts.gif) no-repeat left top; height:100%; position:absolute; width:100%} #pg_podcasts #nav ul li.bt_podcasts span {background:url(img/bt_podcasts_selected.gif) no-repeat left top; } #nav ul li.bt_programacao {height:27px; overflow:hidden; position:relative; width:127px} #nav ul li.bt_programacao span {background:url(img/bt_programacao.gif) no-repeat left top; height:100%; position:absolute; width:100%} #pg_programacao #nav ul li.bt_programacao span {background:url(img/bt_programacao_selected.gif) no-repeat left top;} #nav ul li.bt_fale {height:27px; overflow:hidden; position:relative; width:122px} #nav ul li.bt_fale span {background:url(img/bt_fale.gif) no-repeat left top; height:100%; position:absolute; width:100%} #pg_fale #nav ul li.bt_fale span {background:url(img/bt_fale_selected.gif) no-repeat left top;} #pg_cadastro #nav ul li.bt_fale span {background:url(img/bt_fale_selected.gif) no-repeat left top;} /* +----------------------------------------------------------------+ Content - Definicoes Gerais +----------------------------------------------------------------+ */ #home #content {margin:0 auto; padding-top:44px; text-align:left; width:930px} #pg_blogs #content {margin:0 auto; padding-top:44px; text-align:left; width:930px} #pg_sobre #content {margin:0 auto; padding-top:44px; text-align:left; width:930px} #pg_cadastro #content {margin:0 auto; padding-top:44px; text-align:left; width:930px} #pg_fale #content {margin:0 auto; padding-top:44px; text-align:left; width:930px} #pg_promocao #content {margin:0 auto; padding-top:44px; text-align:left; width:930px} #pg_promocao_alice #content {margin:0 auto; padding-top:44px; text-align:left; width:930px} #pg_podcasts #content {margin:0 auto; padding-top:44px; text-align:left; width:930px} #pg_mural #content {margin:0 auto; padding-top:44px; text-align:left; width:930px} #pg_noticias #content {margin:0 auto; padding-top:44px; text-align:left; width:930px} #pg_programacao #content {margin:0 auto; padding-top:44px; text-align:left; width:930px} /* +----------------------------------------------------------------+ Content +----------------------------------------------------------------+ */ #home #content #coverflow {height:303px; margin:0 auto; width:830px;} #home #content #coverflow img {margin-left:36px} #home #blogs {float:left; padding-left:68px; width:582px} #home #blogs .date {background:url(img/bg_date_blog.png) no-repeat left top; color:#fff; float:left; clear:left; height:80px; padding:27px 0 0 40px; width:66px} #home #blogs .date span {display:block; text-align:center; width:32px} #home #blogs .date span.day {border-bottom:1px solid #fff; font-size:2.2em} #home #blogs .date span.mounth {font-size:1.2em; padding-top:3px; text-transform:uppercase} #home #blogs .post {border-bottom:1px solid #999; display:inline; float:left; margin:0 0 18px 0; width:554px} #home #blogs .post h2 {float:left; height:17px; margin-bottom:10px; overflow:hidden; position:relative; width:164px} #home #blogs .post h2 span {background:url(img/ttl_blogs_home.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home #blogs .entry {clear:left; float:left; width:554px} #home #blogs .entry, #home #blogs .entry a {color:#fff} #home #blogs .entry a {text-decoration:none} #home #blogs .entry h3 {float:left; font-size:1.4em; font-weight:bold; padding-bottom:10px} #home #blogs .content_post {/*background:url(img/bg_colunistas_home.png) no-repeat left top;*/ border-top:1px solid #999; clear:both; font-size:1.2em; padding-top:5px} #home #blogs .content_post p {margin-bottom:10px} #home #blogs .entry #avatar {display:inline; float:left; height:41px; margin:-22px 0pt 0pt 35px; position:relative; width:41px} #home #blogs .postmeta {clear:both} #home #blogs .postmeta ul li {border-right:1px solid #fff; display:inline; float:left; font-size:1.1em; margin:0 10px 16px 0; padding-right:5px} #home #blogs .postmeta ul li.comments {border-right:none} #home #blogs .postmeta ul li.more {border-right:none; clear:left; display:block; float:left; height:17px; overflow:hidden; position:relative; width:74px} #home #blogs .postmeta ul li.more span {background:url(img/bt_outros_posts.gif) no-repeat 0 0; height:100%; position:absolute; width:100%} #home #blogs #colunistas {/*background:url(img/bg_colunistas_home2.png) no-repeat left 19px;*/ clear:both; color:#fff; overflow:hidden} #home #blogs #colunistas h2 {height:12px; margin-bottom:16px; overflow:hidden; position:relative; width:88px} #home #blogs #colunistas h2 span {background:url(img/ttl_colunistas_home.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home #blogs #colunistas .thumbs {float:left; height:62px; height:auto !important; min-height:62px; margin:0 35px 16px 0; width:238px} #home #blogs #colunistas .thumbs img {float:left; margin:0 11px 0 0} #home #blogs #colunistas .thumbs img.avatar_author {height:56px; width:56px} #home #blogs #colunistas h3 {font-size:1.4em; font-weight:bold} #home #blogs #colunistas h4 {font-size:1.2em; font-weight:normal; padding-bottom:3px} /* #pg_blogs #blogs {float:left; padding-left:68px; width:582px} #pg_blogs #blogs .date {background:url(img/bg_date_blog.png) no-repeat left top; color:#fff; float:left; clear:left; height:80px; padding:27px 0 0 40px; width:66px} #pg_blogs #blogs .date span {display:block; text-align:center; width:32px} #pg_blogs #blogs .date span.day {border-bottom:1px solid #fff; font-size:2.2em} #pg_blogs #blogs .date span.mounth {font-size:1.2em; padding-top:3px; text-transform:uppercase} #pg_blogs #blogs .post {display:inline; float:left; margin:0 0 18px 0; width:554px} #pg_blogs #blogs .post h2 {color:#fff; float:left; font-size:2em; font-weight:bold; margin-bottom:10px;} #pg_blogs #blogs .entry {clear:left; float:left; width:554px} #pg_blogs #blogs .entry, #pg_blogs #blogs .entry a {color:#fff} #pg_blogs #blogs .entry a {text-decoration:none} #pg_blogs #blogs .entry h3 {float:left; font-size:1.4em; font-weight:bold; padding-bottom:10px} #pg_blogs #blogs .content_post {border-top:1px solid #999; clear:both; font-size:1.2em; padding-top:5px} #pg_blogs #blogs .content_post p {margin-bottom:10px} #pg_blogs #blogs .entry #avatar {display:inline; float:left; height:41px; margin:-22px 0pt 0pt 35px; position:relative; width:41px} #pg_blogs #blogs .postmeta {clear:both} #pg_blogs #blogs .postmeta ul {display:block; width:400px} #pg_blogs #blogs .postmeta ul li {border-right:1px solid #fff; display:inline; float:left; font-size:1.1em; margin:0 10px 16px 0; padding-right:5px} #pg_blogs #blogs .postmeta ul li.comments {border-right:none} #pg_blogs #blogs .postmeta ul li.more {border-right:none; display:block; float:left; height:17px; overflow:hidden; position:relative; width:74px} #pg_blogs #blogs .postmeta ul li.more span {background:url(img/bt_outros_posts.gif) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_blogs #blogs .postmeta ul li.next {border-right:none; display:block; float:left; height:17px; overflow:hidden; position:relative; width:80px} #pg_blogs #blogs .postmeta ul li.next span {background:url(img/bt_proximo_post.gif) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_blogs #blogs #colunistas {clear:both; color:#fff} #pg_blogs #blogs #colunistas h2 {height:17px; margin-bottom:16px; overflow:hidden; position:relative; width:164px} #pg_blogs #blogs #colunistas h2 span {background:url(img/ttl_blogs_home.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_blogs #blogs #colunistas .thumbs {float:left; height:62px; height:auto !important; min-height:62px; margin-bottom:16px; width:194px} #pg_blogs #blogs #colunistas .thumbs img {float:left; margin:0 11px 0 0} #pg_blogs #blogs #colunistas .thumbs img.avatar_author {height:56px; width:56px} #pg_blogs #blogs #colunistas h3 {font-size:2em; font-weight:bold} #pg_blogs #blogs #colunistas h4 {font-size:1.4em; font-weight:normal; padding-bottom:3px} */ #pg_blogs #blogs {float:left; padding-left:68px; width:582px} #pg_blogs #blogs h2 {height:17px; margin-bottom:20px; overflow:hidden; position:relative; width:164px} #pg_blogs #blogs h2 span {background:url(img/ttl_blogs_home.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_blogs #blogs h3 {color:#fff; float:left; font-size:2em; font-weight:bold} #pg_blogs #blogs h4 {clear:left; color:#fff; float:left; font-size:1.4em; font-weight:bold; width:580px} #pg_blogs #blogs #avatar_autor {margin-left:40px} #pg_blogs #blogs hr {background-color:#999; color:#999; clear:both} #pg_blogs #blogs .posts {border-bottom:1px solid #660000; color:#fff; margin-bottom:20px; overflow:hidden; padding-bottom:10px} #pg_blogs #blogs .posts .date {background:url(img/bg_date_blog.png) no-repeat left top; color:#fff; float:left; clear:left; height:80px; padding:27px 0 0 40px; width:66px} #pg_blogs #blogs .posts .date span {display:block; text-align:center; width:32px} #pg_blogs #blogs .posts .date span.day {border-bottom:1px solid #fff; font-size:2.2em} #pg_blogs #blogs .posts .date span.mounth {font-size:1.2em; padding-top:3px; text-transform:uppercase} #pg_blogs #blogs .posts h3 {font-size:1.3em; width:475px} #pg_blogs #blogs .posts h3 a {color:#fff; text-decoration:none} #pg_blogs #blogs .posts p {font-size:1.2em; margin-bottom:10px} #pg_blogs #blogs .posts p object {display:block; margin:0 auto} #pg_blogs #blogs .posts .postmeta {clear:both} #pg_blogs #blogs .posts .postmeta ul {display:block; width:400px} #pg_blogs #blogs .posts .postmeta ul li {border-right:1px solid #fff; display:inline; float:left; font-size:1.1em; margin:0 10px 16px 0; padding-right:5px} #pg_blogs #blogs .posts .postmeta ul li a{color:#fff; text-decoration:none} #pg_blogs #blogs .posts .postmeta ul li.comments {border-right:none} #pg_blogs #blogs .posts .postmeta ul li.more {border-right:none; display:block; float:left; height:17px; overflow:hidden; position:relative; width:74px} #pg_blogs #blogs .posts .postmeta ul li.more span {background:url(img/bt_outros_posts.gif) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_blogs #blogs .posts .postmeta ul li.next {border-right:none; display:block; float:left; height:17px; overflow:hidden; position:relative; width:80px} #pg_blogs #blogs .posts .postmeta ul li.next span {background:url(img/bt_proximo_post.gif) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_blogs #blogs #pagenav {clear:both; margin:0 auto 100px auto; text-align:center; width:370px} #pg_blogs #blogs #pagenav a {background:url(img/bg_paginacao.gif) no-repeat center center; color:#fff; padding:10px; text-decoration:none} #pg_blogs #blogs #pagenav a.selected {background-image:url(img/bg_paginacao_selected.gif)} #pg_blogs #blogs #pagenav .alignleft a, #pg_blogs #blogs #pagenav .alignright a {background-image:none; padding:0} #pg_blogs #blogs #comments h3 {font-size:1.4em; margin-bottom:5px} #pg_blogs #blogs #comments ol {clear:both; display:block} #pg_blogs #blogs #comments ol li {color:#fff; clear:both; display:block; margin-bottom:10px; overflow:auto; padding-bottom:10px} #pg_blogs #blogs #comments ol li .contador {float:left; font-size:2.1em; text-align:center; width:36px} #pg_blogs #blogs #comments ol li .text {float:left; width:530px} #pg_blogs #blogs #comments ol li .text h4 {float:left} #pg_blogs #blogs #comments ol li .text span {float:right} #pg_blogs #blogs #comments ol li .text p {clear:both} #pg_blogs #blogs #commentform {color:#fff; margin:0 auto; padding-top:22px; width:500px} #pg_blogs #blogs #commentform label {display:block; float:left; padding-right:12px; text-align:right; width:46px} #pg_blogs #blogs #commentform input {background-color:#333; border:0; color:#fff; float:left; margin-bottom:6px; width:338px } #pg_blogs #blogs #commentform span {display:block; float:left; padding-left:3px} #pg_blogs #blogs #commentform label.label_email, #pg_blogs #blogs #commentform label.label_site, #pg_blogs #blogs #commentform label.label_mensagem {clear:left} #pg_blogs #blogs #commentform textarea {background-color:#333; border:0; color:#fff; height:100px; float:left; margin-bottom:10px; overflow:auto; width:338px} #pg_blogs #blogs #commentform #send {display:inline; clear:both; height:auto; margin-left:56px; width:auto} #pg_blogs #blogs #commentform #feedback {background:url(img/ajax-loader.gif) no-repeat left; margin:0 0 0 10px; float:left; padding-left:18px; display:none} #pg_blogs #blogs #commentform #feedback span{font-size:12px; font-weight:bold} /* +----------------------------------------------------------------+ Sobre +----------------------------------------------------------------+ */ #pg_sobre #about {display:inline; float:left; margin-left:68px; width:552px} #pg_sobre #quem h2 {height:19px; margin-bottom:20px; overflow:hidden; position:relative; width:260px} #pg_sobre #quem h2 span {background:url(img/ttl_o_que_mitsubish.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_sobre #quem {border-bottom:1px solid #999; color:#fff; font-size:1.2em; margin-bottom:30px; padding-bottom:36px} #pg_sobre #quem .logos {clear:right; float:right; width:140px} #pg_sobre #quem .logos img {display:block; margin:0 auto 20px auto} #pg_sobre #quem p {margin-bottom:10px} #pg_sobre #como_funciona {color:#fff; } #pg_sobre #como_funciona h2 {height:15px; margin-bottom:20px; overflow:hidden; position:relative; width:157px} #pg_sobre #como_funciona h2 span {background:url(img/ttl_como_funciona.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_sobre #como_funciona p {font-size:1.2em; margin-bottom:10px} /* +----------------------------------------------------------------+ Podcasts +----------------------------------------------------------------+ */ #pg_podcasts #list {display:inline; float:left; margin-left:68px; width:552px} #pg_podcasts #list h2 {height:15px; margin:0 0 10px 15px; overflow:hidden; position:relative; width:94px} #pg_podcasts #list h2 span {background:url(img/ttl_podcasts.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_podcasts #list .thumbs {margin-bottom:10px; overflow:auto} #pg_podcasts #list .date {background:url(img/bg_date_blog.png) no-repeat left top; color:#fff; float:left; clear:left; height:80px; padding:27px 0 0 40px; width:66px} #pg_podcasts #list .date span {display:block; text-align:center; width:32px} #pg_podcasts #list .date span.day {border-bottom:1px solid #fff; font-size:2.2em} #pg_podcasts #list .date span.mounth {font-size:1.2em; padding-top:3px; text-transform:uppercase} #pg_podcasts #list .thumbs h4 {border-bottom:1px solid #999; color:#fff; font-size:1.4em; font-weight:bold; margin:0 0 6px 110px; padding:20px 0 5px 0} #pg_podcasts #list .thumbs p {margin-left:110px} #pg_podcasts #list .thumbs p a {background:url(img/bt_play_podcast.gif) no-repeat right center; color:#fff; padding:6px 30px 6px 0; text-decoration:none} #pg_podcasts #list #pagenav {clear:both; margin:0 auto 100px auto; text-align:center; width:370px} #pg_podcasts #list #pagenav a {background:url(img/bg_paginacao.gif) no-repeat center center; color:#fff; padding:10px; text-decoration:none} #pg_podcasts #list #pagenav a.selected {background-image:url(img/bg_paginacao_selected.gif)} #pg_podcasts #list #pagenav .alignleft a, #pg_podcasts #list #pagenav .alignright a {background-image:none; padding:0} /* +----------------------------------------------------------------+ Mural +----------------------------------------------------------------+ */ #pg_mural #list {color:#fff; display:inline; float:left; margin-left:68px; width:552px} #pg_mural #list h2 {height:16px; margin-bottom:10px; overflow:hidden; position:relative; width:63px} #pg_mural #list h2 span {background:url(img/ttl_mural_interno.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_mural #list p {font-size:1.2em} #pg_mural #list hr {background-color:#999; color:#999; margin-bottom:25px} #pg_mural #tema_destaque h3 {background:url(img/ttl_tema_destaque.png) no-repeat 0 0; height:12px; width:138px} #pg_mural #tema_destaque h3 span { display:none} #pg_mural #tema_destaque p {font-size:1.4em; font-weight:700} #pg_mural #tema_destaque a {clear:right; color:#c00; float:right; font-size:1.2em; font-weight:bold; padding:5px 0} #pg_mural #temas_passados {clear:both; padding-top:40px} #pg_mural #temas_passados h3 {height:15px; overflow:hidden; position:relative; width:125px} #pg_mural #temas_passados h3 span {background:url(img/ttl_temas_passados.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_mural #temas_passados .thumbs {clear:both; margin-bottom:30px; overflow:auto} #pg_mural #temas_passados .date {float:left; color:#c00; font-size:1.2em; font-weight:bold; padding:5px 0} #pg_mural #temas_passados a {clear:right; color:#c00; float:right; font-size:1.2em; font-weight:bold; padding:5px 0} #pg_mural .titulo_mural {border-bottom:1px solid #600; margin-bottom:15px;} #pg_mural .titulo_mural h3 {font-size:1.6em; font-weight:bold; padding-bottom:8px} #pg_mural .value {margin-bottom:20px} #pg_mural .value h3 {font-size:1.4em; font-weight:bold; padding-bottom:3px} #pg_mural .value p {font-size:1.2em; font-weight:bold; padding-bottom:4px} #pg_mural .value .clear {background-color:#600; height:1px; margin-bottom:4px; visibility:visible; width:100%} #pg_mural .value .author {font-size:1.4em; font-weight:bold;} #pg_mural .value .email {font-size:1.2em; font-style:italic} #pg_mural .value .email a {color:#fff; text-decoration:none} #pg_mural .value .date {color:#c00; font-size:1.2em; font-weight:bold} #pg_mural #list #pagenav {clear:both; margin:0 auto 100px auto; text-align:center; width:370px} #pg_mural #list #pagenav a {background:url(img/bg_paginacao.gif) no-repeat center center; color:#fff; padding:10px; text-decoration:none} #pg_mural #list #pagenav a.selected {background-image:url(img/bg_paginacao_selected.gif)} #pg_mural #list #pagenav .alignleft a, #pg_mural #list #pagenav .alignright a {background-image:none; padding:0} /* +----------------------------------------------------------------+ Noticias +----------------------------------------------------------------+ */ #pg_noticias #ultima_noticia {color:#fff; float:left; padding-left:68px; width:582px} #pg_noticias #ultima_noticia h2 {height:19px; margin-bottom:20px; overflow:hidden; position:relative; width:81px} #pg_noticias #ultima_noticia h2 span {background:url(img/ttl_noticias.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_noticias #ultima_noticia img {float:left; height:150px; margin:0 17px 20px 0; width:204px} #pg_noticias #ultima_noticia ul {display:block; float:left; padding-bottom:10px; width:350px} #pg_noticias #ultima_noticia ul li {display:inline; float:left; font-size:1.2em} #pg_noticias #ultima_noticia ul li.category {border-left:1px solid #fff; margin-left:5px; padding-left:5px; text-decoration:underline} #pg_noticias #ultima_noticia h3 {font-size:1.8em; font-weight:bold; margin-bottom:12px} #pg_noticias #ultima_noticia p {font-size:1.2em; margin-bottom:12px} #pg_noticias #mais_noticias {margin-bottom:20px; padding-top:20px} #pg_noticias #mais_noticias h2 {height:16px; margin-bottom:15px; overflow:hidden; position:relative; width:105px} #pg_noticias #mais_noticias h2 span {background:url(img/ttl_mais_destaques_interno.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_noticias #dias {background:url(img/bg_dias.gif) repeat-x left bottom; height:20px; width:552px} #pg_noticias #dias ul {display:block; padding-bottom:0; float:left; width:374px} #pg_noticias #dias ul li {display:inline; float:left} #pg_noticias #dias ul li a {display:block; float:left; height:18px} #pg_noticias #dias ul li a.segunda {background:url(img/aba_segunda.gif) no-repeat left bottom; width:65px} #pg_noticias #dias ul li a.terca {background:url(img/aba_terca.gif) no-repeat left bottom; width:47px} #pg_noticias #dias ul li a.quarta {background:url(img/aba_quarta.gif) no-repeat left bottom; width:51px} #pg_noticias #dias ul li a.quinta {background:url(img/aba_quinta.gif) no-repeat left bottom; width:50px} #pg_noticias #dias ul li a.sexta {background:url(img/aba_sexta.gif) no-repeat left bottom; width:45px} #pg_noticias #dias ul li a.sabado {background:url(img/aba_sabado.gif) no-repeat left bottom; width:54px} #pg_noticias #dias ul li a.domingo {background:url(img/aba_domingo.gif) no-repeat left bottom; width:62px} #pg_noticias #dias ul li a.active {background-position:left top} #pg_noticias #dias ul li span {display:none} #pg_noticias #content_semana {margin-bottom:10px} #pg_noticias #content_semana p.time {font-weight:bold} #pg_noticias #content_semana p {margin-bottom:0} #pg_noticias #content_semana .thumbs { border-top:#990000 1px solid; padding:5px 10px; width:532px} #pg_noticias #content_semana .alterna {background-color:#000000} #pg_noticias #pagenav {clear:both; margin:0 auto; text-align:center; width:370px} #pg_noticias #pagenav .alignleft img, #pg_noticias #pagenav .alignright img {height:auto; width:auto} #pg_noticias #pagenav a {background:url(img/bg_paginacao.gif) no-repeat center center; color:#fff; padding:10px; text-decoration:none} #pg_noticias #pagenav a.selected {background-image:url(img/bg_paginacao_selected.gif)} #pg_noticias #pagenav .alignleft a, #pg_noticias #pagenav .alignright a {background-image:none; padding:0} /* +----------------------------------------------------------------+ Programacao +----------------------------------------------------------------+ */ #pg_programacao #programacao {color:#fff; display:inline; float:left; margin-left:68px; width:552px} #pg_programacao #programacao h2 {height:24px; margin-bottom:10px; overflow:hidden; position:relative; width:139px} #pg_programacao #programacao h2 span {background:url(img/ttl_programacao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_programacao #programacao h3 {height:13px; margin-bottom:14px; overflow:hidden; position:relative; width:103px} #pg_programacao #programacao h3 span {background:url(img/ttl_dia_semana.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_programacao #dias {background:url(img/bg_dias.gif) repeat-x left bottom; height:20px; width:552px} #pg_programacao #dias ul {display:block; padding-bottom:0; float:left; width:374px} #pg_programacao #dias ul li {display:inline; float:left} #pg_programacao #dias ul li a {display:block; float:left; height:18px} #pg_programacao #dias ul li a.segunda {background:url(img/aba_segunda.gif) no-repeat left bottom; width:65px} #pg_programacao #dias ul li a.terca {background:url(img/aba_terca.gif) no-repeat left bottom; width:47px} #pg_programacao #dias ul li a.quarta {background:url(img/aba_quarta.gif) no-repeat left bottom; width:51px} #pg_programacao #dias ul li a.quinta {background:url(img/aba_quinta.gif) no-repeat left bottom; width:50px} #pg_programacao #dias ul li a.sexta {background:url(img/aba_sexta.gif) no-repeat left bottom; width:45px} #pg_programacao #dias ul li a.sabado {background:url(img/aba_sabado.gif) no-repeat left bottom; width:54px} #pg_programacao #dias ul li a.domingo {background:url(img/aba_domingo.gif) no-repeat left bottom; width:62px} #pg_programacao #dias ul li a.active {background-position:left top} #pg_programacao #dias ul li span {display:none} #pg_programacao #content_semana p.time {font-weight:bold} #pg_programacao #content_semana p {margin-bottom:0} #pg_programacao #content_semana .thumbs { border-top:#990000 1px solid; padding:5px 10px; width:532px} #pg_programacao #content_semana .alterna {background-color:#000000} /* +----------------------------------------------------------------+ Fale Conosco +----------------------------------------------------------------+ */ #pg_fale #fale {display:inline; float:left; margin-left:68px; width:552px} #pg_fale #fale h2 {height:16px; margin-bottom:20px; overflow:hidden; position:relative; width:128px} #pg_fale #fale h2 span {background:url(img/ttl_fale_conosco.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_fale #fale p {color:#fff; font-size:1.2em} #pg_fale #fale p strong {color:#f30} #pg_fale #message {color:#fff; margin:0 auto; padding-top:45px; width:400px} #pg_fale #message label {display:block; float:left; font-size:1.2em; padding-right:18px; text-align:right; width:62px} #pg_fale #message input, #pg_fale #message select {float:left; background-color:#333; border:0; color:#fff; margin-bottom:10px; width:286px} #pg_fale #message #mensagem {background-color:#333; border:0; color:#fff; height:90px; margin-bottom:20px; overflow:auto; width:286px} #pg_fale #message #enviar {height:auto; margin-left:77px; width:auto} #pg_fale #message #feedback {background:url(img/ajax-loader.gif) no-repeat left; margin:0 0 0 10px; float:left; padding-left:18px; display:none} #pg_fale #message #feedback span{font-size:12px; font-weight:bold} #pg_fale #sidebar #halfbanner {margin:5px 0;} /* +----------------------------------------------------------------+ Promocao +----------------------------------------------------------------+ */ #pg_promocao #fale {display:inline; float:left; margin-left:68px; width:692px} #pg_promocao #fale h2 {height:16px; margin-bottom:20px; overflow:hidden; position:relative; width:228px; color: #ffffff; font-size: 14px;font-weight: normal} #pg_promocao #fale h2 span {background:url(img/ttl-promocao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_promocao #fale p {color:#fff; font-size:1.2em} #pg_promocao #fale p strong {color:#f30} #pg_promocao #message {color:#fff; margin:0 auto; padding-top:45px; width:400px} .label {display:block; float:left; font-size:1.2em; padding-right:18px; text-align:right; width:62px} #pg_promocao #message input, #pg_fale #message select {float:left; background-color:#333; border:0; color:#fff; margin-bottom:10px; width:286px} #pg_promocao #message #mensagem {background-color:#333; border:0; color:#fff; height:90px; margin-bottom:20px; overflow:auto; width:286px} #pg_promocao #message #enviar {height:auto; margin-left:77px; width:auto} #pg_promocao #message #feedback {background:url(img/ajax-loader.gif) no-repeat left; margin:0 0 0 10px; float:left; padding-left:18px; display:none} #pg_promocao #message #feedback span{font-size:12px; font-weight:bold} #pg_promocao #sidebar #halfbanner {margin:5px 0;} .error {color:#830b07;width:500px; font-size:1.2em; font-weight:bold;float:left;margin-bottom:5px; padding-left:20px;} /* +----------------------------------------------------------------+ Promocao +----------------------------------------------------------------+ */ #pg_promocao_alice #fale {display:inline; float:left; margin-left:68px; width:692px} #pg_promocao_alice #fale h2 {height:16px; margin-bottom:20px; overflow:hidden; position:relative; width:228px; color: #ffffff; font-size: 14px;font-weight: normal} #pg_promocao_alice #fale h2 span { height:100%; position:absolute; width:100%} #pg_promocao_alice #fale p {color:#fff; font-size:1.2em} #pg_promocao_alice #fale p strong {color:#f30} #pg_promocao_alice #message {color:#fff; margin:0 auto; padding-top:45px; width:400px} .label {display:block; float:left; font-size:1.2em; padding-right:18px; text-align:right; width:62px} #pg_promocao_alice #message input, #pg_fale #message select {float:left; background-color:#333; border:0; color:#fff; margin-bottom:10px; width:286px} #pg_promocao_alice #message #mensagem {background-color:#333; border:0; color:#fff; height:90px; margin-bottom:20px; overflow:auto; width:286px} #pg_promocao_alice #message #enviar {height:auto; margin-left:77px; width:auto} #pg_promocao_alice #message #feedback {background:url(img/ajax-loader.gif) no-repeat left; margin:0 0 0 10px; float:left; padding-left:18px; display:none} #pg_promocao_alice #message #feedback span{font-size:12px; font-weight:bold} #pg_promocao_alice #sidebar #halfbanner {margin:5px 0;} .error {color:#830b07;width:500px; font-size:1.2em; font-weight:bold;float:left;margin-bottom:5px; padding-left:20px;} /* +----------------------------------------------------------------+ Cadastro +----------------------------------------------------------------+ */ #pg_cadastro #sign {color:#fff; margin-left:68px; width:780px} #pg_cadastro #sign h2#ttl_cadastro {height:15px; margin-bottom:20px; overflow:hidden; position:relative; width:92px} #pg_cadastro #sign h2#ttl_cadastro span {background:url(img/ttl_cadastro.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_cadastro #sign p {font-size:1.2em} #pg_cadastro #signup .first {height:110px; height:auto !important; margin:0 auto; min-height:110px; padding-top:40px; width:540px} #pg_cadastro #signup .first label {display:block; float:left; font-size:1.2em; line-height:1.9em; padding:0 18px 0 30px; text-align:right; width:66px} #pg_cadastro #signup .first input {float:left; border:0; color:#fff; background-color:#333; margin-bottom:10px; width:148px} #pg_cadastro #signup .first #sexo {background-color:#333; border:0; color:#fff; float:left; width:148px} #pg_cadastro #signup .first #nascimento, #pg_cadastro #signup .first #mes {margin-right:10px; width:33px} #pg_cadastro #signup .first #ano {width:60px} #pg_cadastro #signup .first #estado {background-color:#333; border:0; color:#fff; float:left; width:148px} #pg_cadastro #signup .first #cep {margin-right:10px; width:98px} #pg_cadastro #signup .first #cep_digitos {width:40px} #pg_cadastro #signup .first {margin-bottom:50px} #pg_cadastro #signup h2#ttl_sobre_carro {height:; overflow:hidden; position:relative; width:} #pg_cadastro #signup h2#ttl_sobre_carro span {background:url(img/ttl_sobre_carrro.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_cadastro #signup hr {background-color:#333; color:#333; display:block; height:1px} #pg_cadastro #signup .last {margin:0 auto; width:540px} #pg_cadastro #signup .last label {display:block; float:left; font-size:1.2em; line-height:1.9em; padding:0 18px 0 30px; text-align:right; width:66px} #pg_cadastro #signup .last #marca, #pg_cadastro #signup .last #modelo {background-color:#333; border:0; color:#fff; float:left; width:148px} #pg_cadastro #signup .last p {display:inline; float:left; margin-left:80px; width:310px} #pg_cadastro #signup .last ul {float:left} #pg_cadastro #signup .last ul li {float:left; display:inline} #pg_cadastro #signup .last .clear {margin-bottom:10px} #pg_cadastro #signup #enviar {margin:20px 0 0 180px; float:left} #pg_cadastro #signup #feedback {background:url(img/ajax-loader.gif) no-repeat left; margin:20px 0 0 10px; float:left; padding-left:18px; display:none} #pg_cadastro #signup #feedback span{font-size:12px; font-weight:bold} /* +----------------------------------------------------------------+ Sidebar - Definicoes Gerais +----------------------------------------------------------------+ */ #sidebar {color:#fff; float:right; padding-right:48px; width:210px} /* +----------------------------------------------------------------+ Sidebar +----------------------------------------------------------------+ */ #home #sidebar {/*background:url(img/bg_destaques_home.png) no-repeat left 23px;*/ padding-right:70px} #home #sidebar h2 {height:15px; overflow:hidden; position:relative; width:124px} #home #sidebar h2 span {background:url(img/ttl_emdestaque_home.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home #sidebar #destaque {float:left; height:66px; margin:22px 5px 5px 0; width:100px} #home #sidebar p {font-size:1.2em; padding-top:20px} #home #sidebar .more {clear:both; display:block; padding-top:14px; margin-bottom:20px} #home #sidebar hr {background-color:#999; color:#999; display:block; margin-bottom:25px} #home #sidebar #halfbanner {margin:5px 0;} /*#home #mural {background:url(img/bg_destaques_home.png) no-repeat left 23px;}*/ #home #mural h2 {height:15px; margin:0 0 12px 0; overflow:hidden; position:relative; width:63px} #home #mural h2 span {background:url(img/ttl_mural.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #home #mural h3 {font-size:1.3em; font-weight:bold; margin-bottom:20px} #home #mural h4 {font-size:1.3em; font-weight:bold} #home #mural p {font-size:1.2em; padding-top:0} #pg_blogs #sidebar h2 {height:15px; margin-bottom:21px; overflow:hidden; position:relative; width:110px} #pg_blogs #sidebar h2 span {background:url(img/ttl_colunistas_big.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_blogs #sidebar .thumbs {margin-bottom:15px} #pg_blogs #sidebar .avatar {float:left; height:56px; margin-right:10px; width:56px} #pg_blogs #sidebar .thumbs h3 {font-size:1.4em; font-weight:bold; padding-bottom:3px} #pg_blogs #sidebar .thumbs h4 {font-size:1.0em; margin-bottom:3px; font-weight:normal} #pg_blogs #sidebar #halfbanner {margin:5px 0;} #pg_sobre #sidebar, #pg_fale #sidebar {color:#fff} #pg_sobre #sidebar h2, #pg_fale #sidebar h2 {height:25px; margin-bottom:10px; overflow:hidden; position:relative; width:207px; width:207px} #pg_sobre #sidebar h2 span, #pg_fale #sidebar h2 span {background:url(img/ttl_programacao_dia.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_sobre #sidebar h4, #pg_fale #sidebar h4 {font-size:1.2em; font-weight:bold} #pg_sobre #sidebar h4 span, #pg_fale #sidebar h4 span {font-weight:normal} #pg_sobre #sidebar p, #pg_fale #sidebar p {font-size:1.2em; margin-bottom:16px} #pg_sobre #sidebar #halfbanner {margin:5px 0;} #pg_podcasts #sidebar {color:#fff} #pg_podcasts #sidebar h2 {height:25px; margin-bottom:10px; overflow:hidden; position:relative; width:207px; width:139px} #pg_podcasts #sidebar h2 span {background:url(img/ttl_programacao.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_podcasts #sidebar h4 {font-size:1.2em; font-weight:bold} #pg_podcasts #sidebar h4 span {font-weight:normal} #pg_podcasts #sidebar p {font-size:1.2em; margin-bottom:16px} #pg_podcasts #sidebar hr {background-color:#333; color:#333; margin:30px 0} #pg_podcasts #mural h2 {height:15px; margin:0 0 12px 0; overflow:hidden; position:relative; width:63px} #pg_podcasts #mural h2 span {background:url(img/ttl_mural.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_podcasts #mural h3 {font-size:1.4em; font-weight:bold; margin-bottom:20px} #pg_podcasts #mural h4 {font-size:1.4em; font-weight:bold} #pg_podcasts #mural p {font-size:1.2em; padding-top:0} #pg_podcasts #sidebar #halfbanner {margin:5px 0;} #pg_mural #sidebar {color:#fff} #pg_mural #sidebar h2 {height:23px; margin-bottom:10px; overflow:hidden; position:relative; width:207px} #pg_mural #sidebar h2 span {background:url(img/ttl_comente.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_mural #sidebar p {font-size:1.2em; margin-bottom:20px} #pg_mural #sidebar p strong {display:block} #pg_mural #sidebar label {display:block; font-size:1.2em; margin-bottom:4px} #pg_mural #sidebar input {background-color:#333; border:0; color:#fff; margin-bottom:16px; width:188px} #pg_mural #sidebar select {background-color:#333; border:0; color:#fff; margin-bottom:16px; width:188px} #pg_mural #sidebar textarea {background-color:#333; border:0; color:#fff; height:90px; margin-bottom:16px; overflow:auto; width:188px} #pg_mural #sidebar #send {height:auto; width:auto} #pg_mural #sidebar #feedback {background:url(img/ajax-loader.gif) no-repeat left; margin:5px 0 0 0; float:left; padding-left:18px; display:none} #pg_mural #sidebar #feedback span{font-size:12px; font-weight:bold} #pg_mural #sidebar #halfbanner {margin:5px 0;} #pg_noticias #sidebar h2 {height:15px; overflow:hidden; position:relative; width:124px} #pg_noticias #sidebar h2 span {background:url(img/ttl_emdestaque_home.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_noticias #sidebar #destaque {float:left; height:66px; margin:22px 5px 5px 0; width:100px} #pg_noticias #sidebar p {font-size:1.2em; padding-top:20px} #pg_noticias #sidebar .more {clear:both; display:block; padding-top:14px; margin-bottom:20px} #pg_noticias #sidebar #halfbanner {margin:5px 0;} #pg_noticias #sidebar hr {background-color:#999; color:#999; display:block; margin-bottom:25px} #pg_noticias #mural h2 {height:15px; margin:0 0 12px 0; overflow:hidden; position:relative; width:63px} #pg_noticias #mural h2 span {background:url(img/ttl_mural.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_noticias #mural h3 {font-size:1.4em; font-weight:bold; margin-bottom:20px} #pg_noticias #mural h4 {font-size:1.4em; font-weight:bold} #pg_noticias #mural p {font-size:1.2em; padding-top:0} #pg_programacao #sidebar h2 {height:15px; overflow:hidden; position:relative; width:124px} #pg_programacao #sidebar h2 span {background:url(img/ttl_emdestaque_home.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_programacao #sidebar #destaque {float:left; height:66px; margin:22px 5px 5px 0; width:100px} #pg_programacao #sidebar p {font-size:1.2em; padding-top:20px} #pg_programacao #sidebar .more {clear:both; display:block; padding-top:14px; margin-bottom:20px} #pg_programacao #sidebar #halfbanner {margin:5px 0;} #pg_programacao #sidebar hr {background-color:#999; color:#999; display:block; margin-bottom:25px} #pg_programacao #mural h2 {height:15px; margin:0 0 12px 0; overflow:hidden; position:relative; width:63px} #pg_programacao #mural h2 span {background:url(img/ttl_mural.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%} #pg_programacao #mural h3 {font-size:1.4em; font-weight:bold; margin-bottom:20px} #pg_programacao #mural h4 {font-size:1.4em; font-weight:bold} #pg_programacao #mural p {font-size:1.2em; padding-top:0} /* +----------------------------------------------------------------+ Footer +----------------------------------------------------------------+ */ #footer {border-top:1px solid #999; clear:both; margin:20px auto 0 auto; text-align:center; width:804px} #footer img {margin-top:32px} #footer img#logo4 {margin-top:46px} #footer .alignleft {margin-top:30px} #footer .alignleft_2 {float:left; margin-left:65px; margin-top:29px} #mit_galeria_interna #dv_centro{ width: 750px; margin: 0px auto; color: white; display: table; } #mit_galeria_interna #dv_centro #slideshow div { background-color: #ebebeb; display: table; } #mit_galeria_interna #dv_centro a{ color: white; } #mit_galeria_interna #galeria-titulo{ width: 750px; margin: 0px auto; color: white; } #mit_galeria_interna #galeria-titulo h2{color:#white; height: 20px; width: } #mit_galeria_interna .jcarousel-prev-horizontal {background:url(/css/img/icon_seta_left_bf.gif) no-repeat 0 0; width:33px; height:33px} #mit_galeria_interna .jcarousel-next-horizontal {background:url(/css/img/icon_seta_right_bf.gif) no-repeat 0 0; width:33px; height:33px} #mit_galeria_interna.jcarousel-item a:hover img {border-color:#white} #mit_galeria_interna .jcarousel-item a:hover {color:#white} #mit_galeria_interna h3 {width: 693px; color:#676666; font-size: 15px; line-height: 18px; height: 20px; padding: 0px 0px 0px 0px; clear: both; } #mit_galeria_internaa h2 { height: 20px; padding: 0px 0px 0px 0px;} #mit_galeria_interna a, #mit_galeria_interna .status {font-family: arial;} #mit_galeria_interna table {font-family: arial; padding: 0px 0px 0px 0px; margin: 0px;float: left;} #mit_galeria_interna .slideshow{clear: both;}