/* @override http://localhost:8888/bm/wp-content/themes/bm/style.css http://www.benditamusica.com.ar/wp-content/themes/bm/style.css */ /* Theme Name: Bendita Musica V3 Theme URL: http://www.benditamsica.com.ar Description: Wordpress 2.8 modificado para Noelia Cristo Author: Author Buda Author URI: http://www.twitter.com/budaloco Version: 1.0 This theme is released under Creative Commons Attribution 2.5 License. */ /***** RESET *****/ /***** Global Settings *****/ html, body {border:0;margin:0;padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; background:#000 url(img/bg-body.jpg) no-repeat top center; font-size:12px;} /***** Common Formatting *****/ h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;} p, ul, ol {margin:0;padding:0;} ul, ol {list-style:none;padding:0; margin:0;} blockquote {margin:0;padding:0;} small {font-size:0.85em;} img {border:0;} sup {position:relative;bottom:0.3em;vertical-align:baseline;} sub {position:relative;bottom:-0.2em;vertical-align:baseline;} acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;} /***** Forms *****/ form {margin:0;padding:0;display:inline;} input, select, textarea {font:1em arial, helvetica, sans-serif;} textarea {line-height:1.25;} label {cursor:pointer;} /***** Tables *****/ table {border:0;margin:0;padding:0;} table tr td {padding:2px;} /***** Global Classes *****/ .clear { clear:both;} .float-left { float:left; } .float-right { float:right; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } .img-left { float:left;margin:10px; } .img-right { float:right;margin:10px; } .nopadding { padding:0; } .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none;list-style-image:none; } .hide { display:none; } .padding-20 {padding:10px 20px 20px 20px; float:left;} .padding-10 {padding:10px 10px 0 10px; float:left;} .destacado {font-size:130%; line-height:140%;} /***** GENERAL RULES *****/ p {color:#FFFFFF; margin:0 0 12px 0;} h1 {margin:0 0 20px;} .epigrafe {background:#000; font-size:9px; color: #FF0066; padding:4px;} /***** FORMS *****/ .form {float:left; margin:15px 0 0 0; text-align:left; width:460px;} .form fieldset {background:#3F3F3F url(img/bg-forms-logo.gif) no-repeat 340px 10px ;; border:1px solid #1F1F1F; margin:0 0 10px 0; width:440px;} .form legend {display:none;} .form#registro h1 {clear:both; background:url(img/h1-registro.gif); width:137px; height:59px; margin:0 0 15px 0; } .form#login h1 {clear:both; background:url(img/h1-iniciar-sesion.gif); width:129px; height:61px; margin:0 0 15px 0; } .form h2 {font-size:27px; color:#0099CC; font-weight:bold; letter-spacing:-2px;margin:10px 0 8px 0;} .form h3 {font-size:20px; color:#fff;letter-spacing:-1px;margin:0 0 8px 0;} .form p {color: #FFFFFF; font-size:12px;} .form label {font-size:11px; color:#FFFFFF; margin:0 0 3px 0;} .campo {background:#5F5F5F url(img/bg-campo.jpg) repeat-x bottom left; border:0.5px solid #333; padding:6px; color:#FFFFCC; font-weight:bold; font-size:14px; margin:3px 0 3px 0;} .campo:focus {border:1px solid #999; background:#5F5F5F;} /***** FORMS ERRORS *****/ .form-error {float:left; width:460px; margin-bottom:10px;} .form-error ul {padding:10px 0 0 0; margin:0;background:#fff; list-style-type:none; border:2px solid #000; clear:both;} .form-error li {padding:4px 20px 4px 25px; margin:0 0 5px 0; list-style-image:none; font-size:11px; border-bottom:1px solid #cccccc; color:#000;} .warning {background:url(img/icon-alert.gif) no-repeat 5px center;} .error {background:url(img/icon-error.gif) no-repeat 5px center;} .listo {background:url(img/notice.png) no-repeat 5px center;} /*.listo {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(img/notice.png) 10px 50% no-repeat;}*/ /* comments */ .comment-box { float: left; clear: both;} .comments-textarea {background:#5F5F5F url(img/bg-campo.jpg) repeat-x bottom left; border:0.5px solid #333; padding:6px; color:#FFFFCC; font-weight:bold; font-size:14px; margin:3px 0 3px 0; width: 370px;} .comments-inputs {background:#5F5F5F url(img/bg-campo.jpg) repeat-x bottom left; border:0.5px solid #333; padding:6px; color:#FFFFCC; font-weight:bold; font-size:14px; margin:3px 0 3px 0; width: 150px;} .comments-inputs:focus {border:1px solid #999; background:#5F5F5F;} .comments-link { color: #09c; background: #262626 url(img/comment.png) no-repeat 2px 3px; text-decoration: none; font-size: 10px; margin-top: 10px; float: left; clear: both; margin-bottom: 5px; border: 1px outset #666; display: block; padding: 4px 4px 4px 20px;} .comments-link:hover { color: #fff; background: #09c url(img/comment.png) no-repeat 2px 3px; text-decoration: none; font-size: 10px; margin-top: 10px; float: left; clear: both; margin-bottom: 5px; border: 1px inset #00afe9; display: block; padding: 4px 4px 4px 20px;} #comments { width: 380px; margin: 0; padding: 0; float: left;} #comments .odd { background-color: #4c4c4c; float: left; clear: both; margin-bottom: 10px;} #comments .even { background-color: #181818; float: left; clear: both; margin-bottom: 10px;} #comments .author_highlight { background-color: #af0057; float: left; clear: both; margin-bottom: 10px;} .comment-text img.avatar { float: left; border: 1px inset #666; margin: 5px 10px 10px;} #comments li { margin: 0; width: 380px; padding: 0;} #comments li { margin: 0; width: 380px; padding: 0; color: #fdff00;} #comments .odd p.comment-meta { background-color: #282828; margin: 0 0 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 12px; clear: both; font-size: 9px; color: #fdff55; border-bottom: 1px solid #666;} #comments .even p.comment-meta { background-color: #000; margin: 0 0 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 12px; clear: both; font-size: 9px; color: #fdff55; border-bottom: 1px solid #333;} #comments .author_highlight p.comment-meta { background-color: #720039; margin: 0 0 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 12px; clear: both; font-size: 9px; color: #fff; border-bottom: 1px solid #da2980;} #comments .comment-text p { font-size: 11px; padding-left: 10px; padding-right: 10px; line-height: 150%; color: #b3b3b3;} #comments .author_highlight .comment-text p { font-size: 11px; padding-left: 10px; padding-right: 10px; line-height: 150%; color: #fff;} /***** LINKS *****/ /* blanco */ .link1 {color:#FFFFFF;} .link1:hover {text-decoration:none;} /* azul */ .link2 {color:#0099CC; text-decoration:none;} .link2 a {color:#0099CC; text-decoration:none;} .link2 a:hover { color:#00C2FF; text-decoration:underline;} .link2:hover { color:#00C2FF; text-decoration:underline;} /* magenta */ .link3 {color:#FF0066; text-decoration:none;} .link3:hover { color:#FF99FF; text-decoration:none;} /***** STRUCTURE *****/ .contenedor {width:900px; margin:0 auto; } .footer-main {float:left; width:900px; background:#000 url(img/footer.jpg) no-repeat bottom right; padding:0 0 128px 0;} .footer-main-2cols {float:left; width:900px; background:#000 url(img/footer2.jpg) no-repeat bottom right; padding:0 0 128px 0;} .centro {float:left; width:900px; background:#000 url(img/bg-contenedor.gif) repeat-y; text-align:left;} .centro-2cols {float:left; width:900px; background:#000 url(img/bg-contenedor2.gif) repeat-y; text-align:left;} /***** MENU *****/ .col-1 {float:left; background:#1F1F1F url(img/bg-col-1.jpg) repeat-y top right;} #w-180 {width:180px;} .col-1 h1 {background:url(img/logo-bm.gif) no-repeat right bottom; width:150px; height:180px;} .col-1 h1 a {display:block; width:130px; height:160px; text-indent:-5000px;} .menu {float:left; width:180px;} .menu ol {list-style-type:none; margin:0; padding:0;} .menu li {list-style-image:none; } .menu a {text-decoration:none; color:#FFFFFF; display:block; padding:5px 0 5px 20px;border-bottom:1px solid #464646; width:160px; height:20px;} .menu a:hover {background:#FF0066;border-bottom:1px solid #000; color:#000000;} /***** flashtop *****/ #flashtop {float:left; width:900px; clear:both;} /***** USER MENU *****/ #userbar {float:right; width:880px; padding:7px 20px 3px 0; background:#000; text-align:right; font-size:11px; background:url(img/bg-user-bar.gif) repeat-x top left; color:#fff; height:21px;} /***** COL 2 *****/ .col-2 {float:left;} #w-240 {width:240px;} #w-500 {width:500px;} .full {width:460px; padding:0 10px 10px 10px;} .small {width:220px; padding:0 10px 10px 10px;} .mini {width:200px; padding:0 10px 10px 10px;} /* Prox programa - Homepage */ .box-nextshow {float:left; background:#DB2033; } .box-nextshow h1 {clear:both; background:url(img/h1-prox-prog.gif); width:197px; height:59px; } .box-nextshow h1 a { width: 197px; height: 59px; display: block; text-indent: -5000px;} .box-nextshow h2 {clear:both; background:url(img/h2-se-viene.gif); width:240px; height:22px;} .box-nextshow h2 a {clear:both; background:url(img/h2-se-viene.gif); width:240px; height:22px; display: block; text-indent: -5000px;} .se-viene {background:#000000; padding:10px; font-size:9px;} .estasemana { padding-left: 20px; padding-right: 20px; padding-top: 20px;} .estasemana p { font-size: 140%; line-height: 110%; text-shadow: #000 1px 1px 2px;} .estasemana p a { color: #fdff00; text-decoration: none;} .estasemana p a:hover { text-decoration: underline;} /* Prox programa - Seccion */ .box-nextshow-full {float:left;} .box-nextshow-full h1 {clear:both; background:url(img/h1-seviene.gif); width:197px; height:59px; } .nextshow-video-full {float:left; text-align:center; width:500px;} .nextshow-desc-full {float:left; text-align:center; width:400px; padding:10px 50px 15px 50px; } .nextshow-desc-full p {font-size:30px; line-height:110%; letter-spacing:-1px; text-align:left; color:#FFFFFF;} #nota-al-pie {float:left; padding:10px 20px 15px 20px;} #nota-al-pie p{font-size:11px; color:#FFFFFF;} /* Agenda Sidebar */ .postlists { width: 200px;} .postlists li { border-bottom: 1px dotted #666; padding-bottom: 4px; margin-bottom: 4px;} .postlists li a { font-size: 11px; text-decoration: none; color: #0099c3;} .postlists li a:hover { color: #00C2FF; text-decoration: none;} .box-agenda {float:left; width: 100%;} .box-agenda-item { clear: both; border-bottom: 1px solid #5e5e5e; float: left; margin-bottom: 10px; padding-bottom: 5px;} .box-agenda h2 a {font-size: 20px; color:#0099CC; text-decoration: none;} .box-agenda h2 a:hover {font-size: 20px; color: #00bfff; text-decoration: underline;} .box-agenda h3 {font-size: 15px; color: #999; text-decoration: none;} .box-agenda h4 {font-size: 15px; color: #707070; text-decoration: none;} .box-agenda .more-link {font-size: 10px; color:#0099CC; text-decoration: none;} .box-agenda .more-link:hover {font-size: 10px; color: #00C2FF; text-decoration: none;} .event {float:left; margin:0 0 10px 0; border-bottom:1px dashed #4F4F4F;} .event a {color:#fff; text-decoration:none;} .event a:hover {text-decoration:underline;} .event-col1 {float:left; width:90px;} .event-col2 {float:right; width:360px;} .pic-size-1 {margin:0 10px 10px 0; border:1px solid #999999; background:#000;} .event .evento-ficha { padding: 15px 10px 10px 70px; border: 1px solid #4d4d4d; margin-bottom: 10px; background: #3e3e3e url(img/calendario.gif) no-repeat left center; margin-left: 0;} .event h2 {font-size:25px; font-weight:bold; color:#0099CC; margin-bottom: 10px;} .event h3 {color:#fff; font-weight:bold; font-size:14px; text-transform:uppercase; letter-spacing:-1px; margin: 0 0 5px -2px; padding-left: 10px;} .event h4 { margin-bottom: 10px; color: #ccc; font-size: 120%; padding-left: 10px;} .event p {color:#CCCCCC; font-size:11px; line-height:12px;} .event p strong { color: #fff;} .extra-info {float:left; clear:both; border-top:1px solid #4F4F4F; padding:10px 0 3px 15px; } .extra-info p {margin:0; color:#FFFF99;} /* Agenda seccion */ .box-agenda-full {float:left; width:480px; padding:0 10px 0 10px;} .box-agenda h1, .box-agenda-full h1 { background:url(img/h1-agendabm.gif) no-repeat; height:54px; width:111px; margin:0 0 12px 0} .box-agenda-full h3 {font-size:19px; color:#fff;letter-spacing:-1px;margin:0 0 8px 0; font-weight:normal; line-height:100%;} .box-agenda-full h3 strong {color:#FF0066;} .box-agenda-full p{font-size:12px; margin:0 0 10px 0; line-height:140%; color:#CCCCCC;} .box-agenda-full .extra-info {float:left; clear:both; border-top:1px solid #4F4F4F; padding:10px 0 3px 15px; } .box-agenda-full .extra-info p {margin:0; color:#FFFF99; font-size:11px;} /* Notas - Home */ .notas {float:left; padding:10px 0 5px 0; border-bottom:1px dashed #4F4F4F;} .notas img { margin-bottom: 10px; border: 1px solid #666;} .notas-full .wp-caption { background-color: #b3b3b3; text-align: center; padding-top: 5px; color: #000; border: 1px solid #000; margin-bottom: 10px;} .notas-full .wp-caption img { border: 1px solid #e6e6e6;} .notas-full p.wp-caption-text { color: #333; font-size: 9px; padding-top: 5px;} h1#archivos { float: none; width: 104px; height: 27px; background: url(img/h1-archivos.gif) no-repeat 0 0;} .lista-notas-item { border-bottom: 1px dotted #666; clear: both; margin-bottom: 10px; float: left;} .lista-notas h3 a {font-size: 15px; font-weight: normal; color:#0099CC; font-style: normal; text-decoration: none; margin: 0; padding: 0;} .lista-notas h3 a:hover { font-weight: normal;margin:5px 0 10px 0; text-decoration: underline; font-style: normal; color: #00bfff;} .notas small {color:#99CCFF;} .lista-notas h3 a:hover {} .lista-notas p { font-size: 90%; line-height: 120%; color: #808080;} .notas h2 {font-size: 16px; font-weight: normal; color:#FFFFFF; margin: 10px 0; font-style: normal;} .notas h2 a {font-size: 16px; line-height: 110%; color:#0099CC; font-weight: normal;margin:5px 0 10px 0; text-decoration: none; font-style: normal;} .notas h2 a:hover {font-size: 16px; line-height: 110%; font-weight: normal;margin:5px 0 10px 0; text-decoration: underline; font-style: normal; color: #00bfff;} .notas p {color:#999999; margin:0 10px 6px 0; font-size: 80%; line-height: 140%;} .notas-nav { border: 1px inset #505050; padding: 5px; color: #666!important; margin-top: 20px; margin-bottom: 20px; text-align: center; font-size: 10px; background-color: #262626;} .notas-nav a { text-decoration: none!important; font-size: 10px; font-weight: normal!important; font-style: normal!important; color: #fff!important;} .notas-nav a:hover { text-decoration: none!important; font-size: 10px; font-weight: normal!important; font-style: normal!important; color: #ff007f!important;} .notas .more-link {font-size: 10px; color:#0099CC; text-decoration: none;} .notas .more-link:hover {font-size: 10px; color: #00C2FF; text-decoration: none;} /* Notas - seccion */ .editar-link { margin: 10px; clear: both;} .editar-link .post-edit-link { color: #000!important; text-decoration: none!important; display: block; padding: 5px 5px 5px 28px; width: 60px; font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: #fff url(img/page_white_edit.png) no-repeat 5px 3px; border: 1px solid #666;} .editar-link .post-edit-link:hover { text-decoration: none!important; color: #000!important; display: block; background-color: #ff7a00; border: 1px solid #000;} .editar-link .post-edit-link:active { text-decoration: none!important; color: #000!important; display: block; background-color: #9f4c00; border: 1px solid #000;} .editar-link .comment-edit-link { color: #000!important; text-decoration: none !important; display: block; padding: 5px 5px 5px 28px; width: 60px; font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: #fff url(img/page_white_edit.png) no-repeat 5px 3px; border: 1px solid #666;} .editar-link .comment-edit-link:hover { text-decoration: none; color: #000; display: block; background-color: #ff7a00; border: 1px solid #000;} .editar-link .comment-edit-link:active { text-decoration: none!important; color: #000!important; display: block; background-color: #9f4c00; border: 1px solid #000;} .box-notas-full {float:left; padding:10px 0 0 0; width:460px; font-size:12px; margin:0 0 10px 0; line-height:140%; color:#CCCCCC;} .box-notas-full h1 {background:url(img/h1-notas.gif) no-repeat; width:82px; height:30px; margin:0 0 10px 0; } .box-notas-full h1#otras-notas {background:url(img/h1-otras-notas.gif) no-repeat; width:108px; height:23px; margin:0 0 10px 0; } .box-notas-full h1#sec_acusticos {background:url(img/h1-acusticos.gif) no-repeat; width:145px; height:35px; margin:0 0 10px 0;} .box-notas-full h1#sec_clinicas {background:url(img/h1-clinicas.gif) no-repeat; width:116px; height:34px; margin:0 0 10px 0;} .box-notas-full h1#sec_bm {background:url(img/h1-bm.gif) no-repeat; width:42px; height:28px; margin:0 0 10px 0;} .box-notas-full h2 {font-size:27px; line-height:110%; color:#0099CC; font-weight:bold; letter-spacing:-1px;margin:5px 0 10px 0; } .box-notas-full h3 {font-size:20px; line-height:120%; color:#fff;letter-spacing:-1px; margin: 0 0 5px;} .box-notas-full h3 strong {color:#FF0066;} .box-notas-full h4 { color:#FFFFCC; letter-spacing: 0;margin: 0 0 15px; font: 16px/120% "Lucida Grande", Lucida, Verdana, sans-serif;} .box-notas-full ul {margin:0; padding:0; list-style-type:none;} .box-notas-full li {margin: 0 0 2px 10px; background: url(img/bullet.gif) no-repeat 0 4px; padding-left: 10px; font-size: 80%;} .box-notas-full small {color:#99CCFF;} .box-notas-full strong {color:#FFFFFF;} .box-notas-full p a, .box-notas-full h4 a {color:#FF0066; text-decoration:none;} .box-notas-full p a:hover, .box-notas-full h4 a:hover { color:#FF99FF; text-decoration:none;} .notas-full {float:left; margin-left: 20px;} .notas-full p { line-height: 150%; color: #b3b3b3; margin-bottom: 10px; margin-top: 0;} .image-gallery {float:left; padding:15px 0 10px 0;} /* Comentarios - nota */ .need-register {border-top:1px dashed #666; border-bottom:1px dashed #666; padding:10px 0 10px 0; margin:0 0 15px 0; clear:both;} .box-footer { text-align:center; clear: both; padding: 20px 15px 10px;} .box-footer p {font-size: 9px; color:#999999; line-height: 11px;} .box-footer a {color:#fff;} .box-footer a:hover {text-decoration:none;} .box-footer-2cols { padding:15px 15px 10px 15px; float:left; width:470px;} .box-footer-2cols p {font-size:9px; color:#999999; text-align:center;} .box-footer-2cols a {color:#fff;} .box-footer-2cols a:hover {text-decoration:none;} /* Notas - Listado */ .lista-notas {width:480px; float:left;} .nota {float:left; width:480px;} .nota-nivel-2-row-1 {background:url(img/bg-lista-nota_1.gif) repeat-y top left; float:left; width:480px;} .nota-nivel-2-row-2 {background:url(img/bg-lista-nota_2.gif) repeat-y top left; float:left; width:480px; margin-bottom:20px;} #nivel-1 {background-color:#1F1F1F; padding:10px; margin:0 0 12px 0; clear:both;width:460px; background:url(img/bg-lista-nota-destacada.gif) repeat top left; border-bottom:1px solid #666666;} #nivel-2 { width:200px; padding:6px 20px 6px 20px;} #nivel-2 h2 {font-size:18px; letter-spacing:normal;} #nivel-2 p {font-size:11px; line-height:110%;} /* Notas - otras notas */ .otras-notas {float:left; width:480px;} .otras-notas ol {list-style-type:none; list-style-position:outside; margin:0 0 0 20px; padding:0 0 0 0;} .otras-notas li {list-style-image:none; background:url(img/bullet.gif) no-repeat left 5px; padding:0 0 0 10px; color:#FFFFFF; margin:0 0 10px 0; line-height:90%;} /* Bandas - Seccion*/ .box-bandas-full {float:left; padding:0 10px 0 10px; width:480px; } .box-bandas-full h1 {background:url(img/h1-featureband.gif) no-repeat; width:135px; height:65px; margin:0 0 10px 0; } .box-bandas h1 {background:url(img/h1-featureband.gif) no-repeat; width:135px; height:65px; margin:0 0 10px 0; } .box-bandas-full h1#clasificados {background:url(img/h1-clasificados.gif) no-repeat; width:166px; height:23px; margin:0 0 10px 0; } .box-notas-full h1#contacto {background: url(img/h1-contacto.gif) no-repeat; width: 137px; height: 54px; margin:0 0 10px 0; } .box-bandas-full h2 {font-size:33px; color:#0099CC; font-weight:bold;margin:5px 0 10px 0; letter-spacing: -1px;} .band-info {float:left; margin:0 0 20px 0; padding:10px 20px 10px 20px; float:left; background: #FF0066 url(img/bandas-esquina.png) no-repeat right top; width: 420px;} .band-info .wp-caption { border: 1px solid #ff7db1; text-align: center; margin-bottom: 10px; padding-top: 5px; background-color: #99003d;} .band-info .wp-caption img { border: 1px solid #830034;} .band-info .wp-caption-text { font-size: 10px; padding-top: 5px;} .box-bandas-full h3 {font-size:20px; color:#fff;letter-spacing:-1px;margin:0 0 8px 0;} .box-bandas-full h3 strong {color:#FF0066;} .box-bandas-full h4 {font-size:17px; color:#FFFFCC; letter-spacing:-1px;margin:0 0 10px 0; line-height:120%;} /* Bandas - info rapida */ .box-bandas-full .band-info p { line-height: 18px;} .box-bandas-full .band-info strong {color: #FFFFFF;} .box-bandas-full .band-info p a {color:#FFFF99; text-decoration:underline;} .box-bandas-full .band-info p a:hover {color:#FFFF00;} .box-bandas-full .band-info h2 {color:#FFFFFF;} /* Bandas - contenidos*/ .box-bandas-full small {color:#999999;} .box-bandas-full p strong {color:#FFFFFF;} .box-bandas-full p a {color:#FF0066; text-decoration:none;} .box-notas-full p a:hover { color:#FF99FF; text-decoration:none;} /* Bandas - orden alfabetico*/ .indice-alfabetico {float:left; clear:both;} .indice-alfabetico ul {margin:0; padding:0;} .indice-alfabetico li {list-style-type:none; display:inline; border:none; background:none;} /* listados - numero de paginas*/ .resultados-numeros {float:right; clear:both; margin:0 0 15px 0; width:460px; padding:0 20px 0 0;text-align:center;} .resultados-numeros .boton {width:10px; float:left;} .resultados-numeros .botonselected {width:10px; float:left;} /* Listados generales */ .listados {float:left; width:480px;} .indice-alfabetico {background-color:#1F1F1F; padding:10px; margin:0 0 12px 0; clear:both;width:460px; background:#1B1B1B; border-bottom:1px solid #666666;} .listados h1#lista-bandas {background:url(img/h1-featureband.gif) no-repeat; width:135px; height:65px; margin:0 0 10px 0; } .listados h1#clasificados {background:url(img/h1-clasificados.gif) no-repeat; width:166px; height:23px; margin:0 0 10px 0; } .box-clasificados-full h1 { background: url(img/h1-clasificados.gif) no-repeat; height: 23px; width: 166px; margin:0 0 12px 0} .box-clasificados-full { width: 480px; padding-right: 10px; padding-left: 10px;} .aviso {float:left; margin:0 0 20px 0; padding:10px 20px 10px 20px; float:left; background: #f8c500 url(img/ad-bottom2.gif) no-repeat right bottom;} .aviso h3 { font: bold 220% "Courier New", Courier, mono; letter-spacing: -1px; margin-bottom: 10px;} .aviso p { color: #000; font: 120%/150% "Courier New", Courier, mono;} .box-agenda-full .extra-info p {margin:0; color:#FFFF99; font-size:11px;} .listados h2 {font-size:25px; font-weight:bold; color:#0099CC; margin:0 0 10px 0; letter-spacing:-1px;} .listados h3 {font-size:20px; color:#fff;letter-spacing:-1px;margin:0 0 8px 0;} .listados h3 strong {color:#FF0066;} .listados h2 strong {color:#FFFFFF;} .listados ul {list-style-type:none; padding:0; margin:10px 0 20px 0; width:480px;} .listados#bandas .indice-alfabetico .boton {width:10px; float:left;} .result-info {text-align:center; border-bottom:1px solid #666666; border-top:1px solid #666666; padding:10px;;} /* Listados bandas */ .lista-bandas li {color:#FFFFFF; font-size:16px; padding:3px 0 6px 30px; border-bottom:1px dashed #464646; background:url(img/bullet.gif) no-repeat 16px 8px;} /* Listados clasificados */ .lista-ads li {color:#FFFFFF; font-size:11px; padding:10px 15px 6px 16px; margin:0 0 0px 0; border:1px solid #464646; background:#1B1B1B url(img/bullet.gif) no-repeat 5px 13px; text-transform:lowercase; width:200px; height:110px; float:left;} .lista-ads {float:left; margin:0 0 10px 0;} /* SECCION USUARIOS */ .box-users-full {float:left; padding:0 10px 0 10px; width:480px; } .box-users-full h1 {background:url(img/h1-users.gif) no-repeat; width:128px; height:54px; margin:0 0 10px 0; } .box-users-full h2 {font-size:33px; color:#0099CC; font-weight:bold; letter-spacing:-2px;margin:5px 0 5px 0; } /***** COL 3 *****/ .col-3 {float:left;} #w-260 {width:260px;} .box-featureband {float:left;} .box-featureband h1 {background:url(img/h1-featureband.gif) no-repeat top left; width:132px; height:65px; margin:0 0 10px 0; } .box-featureband h2 { margin-bottom: 10px;} .box-featureband h2 a { color:#0099CC; font-weight: normal; text-decoration: none; font-style: normal; font-size: 27px;} .box-featureband h2 a:hover { text-decoration: underline; color: #00bfff;} .box-featureband p {font-size:17px;} .box-featureband img { margin-bottom: 10px; border: 1px solid #b3b3b3; border-bottom-width: 1px;} .pic-size-3 {float:left; border:1px solid #999999; margin:0 5px 10px 0;} .box-notas-full .pic-size-3 {float:left; border-bottom:5px solid #999999;border-left:1px solid #999999;border-right:1px solid #999999;border-top:1px solid #999999; margin:0 10px 5px 0;} .box-otherbands {float:left; clear:both; background:#212121 url(img/bg-otherbands.gif) repeat-y; margin:10px 0 0 0;} .box-otherbands h1 {background:#333333 url(img/h1-otherbands.gif) no-repeat left top; width:260px; height:33px; margin: 0; border-right: 1px solid #666;} .other-band {float:left; clear:both; padding:10px; width:240px; border-right: 1px solid #666;} .other-band .thumbnail { width: 90px; margin-bottom: 5px; margin-right: 10px; float: left; border: 1px solid #4c4c4c;} .pic-size-2 {margin:0 10px 5px 0; border:1px solid #999999;} .other-band h2 {font-size:18px; letter-spacing:-1px; margin-bottom: 5px;} .other-band h2 a { color:#0099CC; font-weight: normal; text-decoration: none; font-style: normal; font-size: 18px;} .other-band h2 a:hover { text-decoration: underline; color: #00bfff;} .other-band p {font-size: 10px; color: #7f7f7f; line-height: 14px;} .view-more {float:left; background-repeat: repeat-x;} .view-more-color1 {background: #000000 repeat-x left top; border-left: 1px solid #666;} .view-more-color2 {background:#2F2C2C url(img/bg-view-more2.gif) left top repeat-y} .view-more-color3 {background:#2F2C2C url(img/bg-view-more3.gif) left top repeat-y} .view-more p {padding:5px 0 5px 25px; background:url(img/bullet.gif) no-repeat 10px center; font-size:9px;} /***** COL 4 *****/ .col-4 {float:right;} #w-220 {width:220px;} .box-notas {float:left;} .box-notas h1 {background:url(img/h1-notas.gif) no-repeat top left; width:82px; height:30px; margin:0 0 10px 0;} .box-specials {float:left;} .box-specials h1 {background:url(img/h1-especiales.gif) top left no-repeat; width:160px; height:27px;} .box-ads {float:left;} .box-ads h1 {background:url(img/h1-clasificados.gif) no-repeat top left; width:166px; height:23px;} .ad {width:190px; background:#FFCC00 url(img/ad-bottom.gif) no-repeat bottom left; height: 170px; margin-bottom: 20px;} .ad-top { width: 190px; height: 25px; background: #FFCC00 url(img/ad-top.gif) no-repeat;} .ad p { color: #666; font-family: "Courier New", Courier, mono; letter-spacing: 0; font-weight: bold;} .ad ul {} .ad li { padding-left: 20px; background: url(img/arrow.gif) no-repeat 4px -3px; border-bottom: 1px dashed #4c4c4c; padding-bottom: 4px;} .ad li a { text-decoration: none; color: #000; font-weight: bold; font-family: "Courier New", Courier, mono;} .ad li a:hover { color: #f00;} /***** PAGINADOR *****/ .paginador {float:left; width:460px; clear:both; text-align:center; padding:0 0px 0 0 ;} .paginador ul {list-style-type:none; list-style-position:outside;text-align:center; margin:0; padding:0;} .paginador li {list-style-image:none; float:right; background:none; border:none;} .paginador .boton {width:50px;} /***** VISUAL AID *****/ .boton {display:block; height:20px; padding:4px 6px 4px 6px; margin:0 2px 10px 0; color:#FFFFFF; background:#1F1F1F; text-decoration:none; text-align:center; font-weight:bold; border-left:1px solid #000000;border-bottom:1px solid #000000; border-top:1px solid #666666;border-right:1px solid #666666; } .botonselected {display:block; height:20px; padding:4px 6px 4px 6px; margin:0 2px 10px 0; color:#000000; background:#FF0066; text-decoration:none; text-align:center; font-weight:bold; border-left:1px solid #000000;border-bottom:1px solid #000000; border-top:1px solid #666666;border-right:1px solid #666666; } .boton:hover {background:#FF0066; color:#000000;border-right:1px solid #000000;border-top:1px solid #000000; border-bottom:1px solid #666666;border-left:1px solid #666666;} /***** TABLAS *****/ .tablas {float:left; clear:both;} .tablas table {margin:0 0 10px 0; padding:0;} .tablas td {background:#fff;; padding:5px; font-size:11px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;} .tablas th {background:#000; color:#fff;} /* aqui agrego yo algunas cositas, despues darle forma por favor y acomodarlo de la forma correcta*/ .boton2 {display:block; height:30px; padding:4px 6px 4px 6px; margin:0 2px 10px 0; color:#FFFFFF; background:#1F1F1F; text-decoration:none; text-align:center; font-weight:bold; border-left:1px solid #000000;border-bottom:1px solid #000000; border-top:1px solid #666666;border-right:1px solid #666666; } .nota-archivo { float: left; border-bottom: 1px dotted #666; padding-bottom: 4px; margin-bottom: 10px; width: 220px; padding-right: 10px; padding-left: 10px;} .nota-archivo h2 { margin: 0 0 5px;} .nota-archivo h2 a { color: #0099CC; text-decoration: none;} .nota-archivo h2 a:hover { color: #00bfff; text-decoration: underline;} .nota-archivo p { color: #999; margin-bottom: 0;} .archivo-destacado { font-size: 170%; width: 460px; background-color: #484848; padding-top: 20px; margin-bottom: 20px;} .archivo-destacado p { color: #fff;}