/* reticula 960.gs */ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px} .container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px} /* base reset */ *{margin: 0; padding: 0; font-size: 100%; } input, textarea, select{outline: 0;} body{line-height: 1;} ol, ul{list-style: none;} table{border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 1em;} fieldset, a img{ border: 0; } .clearfix:after, div:after, ul:after, form li:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden; } .clearfix, div, ul, form li{ *zoom: 1 } .invisible{ position: absolute; left: -99999em; text-indent: -99999em; line-height: 0; margin: 0; padding: 0;} html[dir=rtl] .invisible{ right: -99999em; text-indent: 0;} .invisible *{ line-height: 0; height: 0; } .oculto{ display: none; } .capitalized{text-transform: capitalize;} .js-enabled .ocultojs{ display: none; } /* GENERALES --------------------------------- */ /*---------------------------------- TIPOGRAFIA, COLOR Y RESETEO ----------------------------------*/ body{text-align: center; font-family: arial, sans-serif; color: #333; background: #282829 url(../img/bgBody.png) repeat fixed; font-size: .75em;} /* 12px */ p, pre, address, li, dt, dd, th, td, caption, legend{ margin-bottom: 1.0833em; } /* 13px */ p{line-height: 1.1666;} address, dl, ul, ol, table{ margin-bottom: 1.0833em; } li, dt, li ul, li ol{ margin-bottom: 0; } blockquote, q{font-style: italic;} address{font-style: normal;} input, select, textarea{font-family: arial, sans-serif; } pre, code, samp, tt, kbd{font-family: consolas, courier, monospace; color: #333;} abbr, acronym{border: none;} a{ color: #f00; /*font-weight: bold;*/ } a:hover, a:focus{ color: #427cd9;} /*---------------------------------- REUTILIZABLES ----------------------------------*/ /* alineacion y posicionamiento */ .left{float: left;} .right{float: right;} .clear{clear: both;} .a-left{text-align: left;} .a-right{text-align: right;} .a-center{text-align: center;} /* 26/04/2010 - Registro premium imagen dcha */ .grid_8 .right img{margin-left: 10px; } /* iconos sprites */ /* redes */ .facebook{padding-left: 22px; background: url(../img/sprite-icons.gif) 0 0 no-repeat;} .delicious{padding-left: 22px; background: url(../img/sprite-icons.gif) 0 -20px no-repeat;} .tumblr{padding-left: 22px; background: url(../img/sprite-icons.gif) 0 -40px no-repeat;} .meneame{padding-left: 22px; background: url(../img/sprite-icons.gif) 0 -60px no-repeat;} .twitter{padding-left: 22px; background: url(../img/sprite-icons.gif) 0 -120px no-repeat;} /* valoraciones */ .megusta{padding-left: 22px; background: url(../img/sprite-icons.gif) 0 -80px no-repeat;} .nomegusta{padding-left: 22px; background: url(../img/sprite-icons.gif) 0 -100px no-repeat;} /* iconos redes 32 x 32 */ .facebook-32{padding: 16px 0 16px 40px; background: url(../img/facebook.gif) 0 8px no-repeat;} .twitter-32{padding: 16px 0 16px 40px; background: url(../img/twitter.gif) 0 8px no-repeat;} .youtube-32{padding: 16px 0 16px 40px; background: url(../img/youtube.gif) 0 8px no-repeat;} /* mensajes error */ div.error{border: 1px solid #D00044; background: #F7E1E0 url(../img/bullet_error.gif) 0 0 no-repeat; padding: 10px 10px 0 30px; margin-bottom: 20px;} div.error p{color: #D00044; margin-bottom: 10px;} /* botones */ .boton{display: block; float: left; /* clear: both; */ border: 1px solid #d5d5d5; border-left: 0; border-right: 0; margin-left: 1px; display: inline;} .boton a, .boton span{font-weight: bold; color: #000; background-color: #e9e9e9; border: 1px solid #d5d5d5; border-top: 0; border-bottom: 0; margin-left: -1px; margin-right: -1px; line-height: 24px; display: block; float: left; padding: 0 32px 0 7px; text-decoration: none; position: relative; background-position: 96% 50%; background-repeat: no-repeat;} .boton .spotify{background-image: url(../img/spotify.gif); } .boton .grooveshark{background-image: url(../img/grooveshark.png);} .boton a:hover{color: #f00; /* background-color: #f0f0f0; -webkit-transition: background-color .25s linear, color .25s linear; */ } /* .descargas .boton{float: left; margin-right: 10px; display: inline;} */ /* ELEMENTOS HTML ----------------------------- */ /*---------------------------------- ENCABEZADOS ----------------------------------*/ h2, h3, h4, h5, h6{color: #000; font-weight: bold;} h2{font-size: 1.8333em; font-family: "Microsoft Sans Serif", sans-serif; font-weight: normal;} /* Microsoft Sans Serif 22px */ h3{font-size: 1.1666em; margin-bottom: .5714em; line-height: 1.1428;} /* Arial bold 14px/16 */ h4{font-size: 1.0833em; margin-bottom: .6153em; line-height: 1.2307;} h5{font-size: 1em; margin-bottom: .6666em; line-height: 1.3333;} h6{font-size: .9166em; margin-bottom: .7272em; line-height: 1.4545;} /* titulos */ .titulo{padding-bottom: 3px; padding-top: 2px; border-bottom: 1px solid #f00; margin-bottom: 16px;} .titulo h2{float: left;} .titulo h2 a{text-decoration: none;} /*---------------------------------- FORMULARIOS ----------------------------------*/ /* comunes */ .form-01 .campo, .form-02 .campo, .form-03 .campo{padding-bottom: 10px;} .form-01 .campo input, .form-01 .campo textarea, .form-02 .campo input, .form-02 .campo textarea{float: left;} .form-01 .error, .form-02 .error, .form-03 .error{display: block; float: left; color: #f30; padding: 3px 0 2px 5px;} /* .form-01 labels a la izquierda del campo alineados a la izquierda */ .form-01 .campo div, .form-02 .campo div{display: block; width: 100px; float: left; padding: 3px 5px 2px 0;} .form-01 .accion, .form-02 .accion{padding-left: 100px;} /* .form-02 labels a la izquierda del campo alineados a la derecha */ .form-02 .campo div{text-align: right;} /* .form-03 labels sobre el campo */ .form-03 .campo div{padding-bottom: 5px;} .form-03 .error{display: inline; float: none;} /*---------------------------------- TABLAS ----------------------------------*/ /* .datos Requiere cellspacing 0 para el amigo Explorer uso: o
*/ .datos{width: 100%; border-spacing: 0; } .datos .nowrap{white-space: nowrap;} .datos td, .datos th{vertical-align: top; padding: 7px 10px; } .datos .numero{text-align: right;} .datos tbody th, .datos thead th{font-weight: bold;} .datos thead th{background: #444 url(../img/bgTheadTh.gif) bottom left repeat-x; color: #ccc; border-top: 1px solid #fff;} .datos thead th:hover{background-color: #555353; border-top: 1px solid #fd7f04; color: #fff;} .datos tbody tr td, .datos tbody tr th{background: #fff; } .datos tbody tr.alt td, .datos tbody tr.alt th{ background: #F6F3F2; } .datos tbody tr.hover td{background: #ffc;} .js-enabled #artistas thead th{cursor: pointer;} /* separacion celdas requiere cellspacing 1 para IE */ .celdas{border-spacing: 1px;} /* separacion filas */ .filas{border-spacing: 0;} .filas td, .filas th{border-top: 1px solid #fff;} /*---------------------------------- FORMATO TEXTO (Contenido publicable y detalle de cualquier cosa) ----------------------------------*/ /* p.right a, p.a-right a{font-weight: bold;} */ .articulo h2, .articulo h3, .articulo h4, .articulo h5, .articulo h6{margin-bottom: 3px;} .articulo h3{font-size: 1.5em;} .articulo h4{font-size: 1.3333em;} .articulo h5{font-size: 1.1666em;} .articulo h6{font-size: 1em;} .articulo ul, .articulo ol{padding-left: 30px;} .articulo ul.descargas{padding-left: 0;} .articulo ul li{list-style: disc;} .articulo ul li ul li{list-style: circle;} .articulo ol li{list-style: decimal;} .articulo ol li ul li{list-style: circle;} /* noticias extendidas */ .articulo .imagen{float: left; } .articulo .imagen img{display: block; /*width: 150px; height: 150px;*/ border: 1px solid #a09c9c; margin-right: 10px; margin-bottom: 1px;} .articulo .imagen a{position: relative; display: block;} .articulo .imagen a span.zoom{position: absolute; bottom: 5px; right: 15px; } .articulo .imagen a span.zoom img{border: 0; margin: 0;} /* ultimo video .articulo #video{padding-bottom: 16px; text-align: center; width: 620px;} .articulo #video object{margin: 0 auto; display: block;} */ /* LAYOUT ------------------------------------- */ /*---------------------------------- ESTRUCTURA ----------------------------------*/ .wrapper1{background: url(../img/bgTop.jpg) top center no-repeat;} .wrapper2{background: url(../img/bgBottom.jpg) bottom center no-repeat; /* padding-bottom: 110px; */} #contenedor{text-align: left; padding: 30px 0;} #contenido{background: #fff url(../img/gradCuerpoTop.jpg) 0 0 repeat-x;} #contenido .interior{ background: url(../img/bgCuerpo.gif) 0 0 repeat-y; padding-top: 30px; padding-bottom: 14px; min-height: 500px; height: 500px;} #contenido #pie .interior, #contenido #tonos .interior{height: auto; min-height: 0;} html>body #contenido .interior{height: auto;} /* filas y columnas */ .primera-fila{padding-bottom: 37px;} .bloque{margin-bottom: 20px;} /*---------------------------------- CABECERA ----------------------------------*/ #cabecera{ padding: 0 0 20px; } #cabecera .logo{float: left; padding-top: 56px; } #cabecera .logo img{display: block; } #cabecera .superbanner{width: 780px; text-align: center; float: right;} #cabecera .superbanner object, #cabecera .superbanner img{margin: 0 auto;} /*---------------------------------- REDES ----------------------------------*/ #redes{padding: 30px 0; background: url(../img/bgCuerpo.gif) repeat-y; clear: both;} #redes ul{white-space: nowrap; letter-spacing: 45px; padding: 0 20px; text-align: center; margin-bottom: 0;} #redes li{display: inline-block; *display: inline; *margin: 0 10px 0 20px; *zoom: 1; letter-spacing: normal; white-space: normal; text-align: left; /* padding-bottom: 15px; */} #redes li a{font-weight: bold; font-size: 22px; text-decoration: none; /* padding-left: 55px; padding-bottom: 3px; */ padding: 10px 0 16px 55px; display: block; *display:inline; *zoom:1; } #redes li div{padding-left: 57px; padding-bottom: 3px;} [class^="ft"]{background: url(../img/redes.png) no-repeat;} .ft-twitter, .ft-twitter a{color: #0099c7;} .ft-facebook, .ft-facebook a{color: #3b5896;} .ft-twitter{margin-left: -8px;} .ft-facebook{background-position: 0 -98px; margin-left: -15px;} .ft-youtube, .ft-youtube a{color: #da0000;} .ft-youtube{background-position: 0 -200px;} .ft-spotify, .ft-spotify a{color: #7dab00;} .ft-spotify{background-position: 0 -300px;} .ft-muzu{background-image: none;} #redes li.ft-muzu{padding-bottom: 0;} #redes li.ft-muzu a{padding: 0; display: inline; vertical-align: baseline;} #redes li.ft-muzu img{margin-bottom: -10px; position: relative;} /*---------------------------------- PIE ----------------------------------*/ #pie{background: url(../img/bgFooter.png) no-repeat; height: 62px; } #pie .interior{padding: 0 15px;} #pie p, #pie li, #pie li a{color: #8e8888; } #pie .secciones{margin-bottom: 0; padding: 20px 0; } #pie .secciones li{float: left; margin-right: 8px; margin-bottom: 0; padding-left: 15px; background: url(../img/sep-li-pie.gif) 0 0 no-repeat; line-height: 16px;} #pie .secciones li a{color: #f2f3f4; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0, .7);} #pie li a:hover{color: #a9a9aa;} #pie .secciones li.logo, #pie .secciones li.primero, #pie .secciones li.first-child, .secciones li:first-child{background: none; margin-left: 0; padding-left: 0;} #pie .secciones li.logo img{display: block; vertical-align: baseline;} #pie .secciones .last-child{background: none; float: right;} #pie .legal{ margin-bottom: 0; margin-top: 12px; float: left;} #pie .legal a{font-weight: normal; color: #d6cdcd;} #pie .legal li{float: left; display: inline; padding-left: 9px; background: url(../img/sepLiPie.gif) 0 2px no-repeat; margin-bottom: 0; font-size: 11px; margin-right: 8px;} #pie .legal li:first-child, #pie .legal li.first-child{background: none; padding-left: 0;} #pie .legal li.copyright{float: right;} .cpositivo{text-align: center; padding: 10px 0; } .cpositivo img{margin-left: 83px;} /* COMPONENTES ------------------------------------ */ /*---------------------------------- MENUS ----------------------------------*/ /* MENU-PPAL */ #menu-ppal{height: 64px; background: url(../img/bgMenuPpal.png) bottom left repeat-x; position: relative;} #menu-ppal .interior{background: url(../img/crMenuPpal.png) top right no-repeat;} #menu-ppal ul{margin-bottom: 0; padding-bottom: 31px; background: url(../img/clMenuPpal.png) no-repeat; } #menu-ppal li{ float: left; background: url(../img/sepItemMenuPpal.png) center right no-repeat; padding-right: 7px;} #menu-ppal li li{padding-right: 0;} /* #menu-ppal li:first-child, #menu-ppal li.first-child{margin-left: 10px; display: inline; } */ #menu-ppal li a{text-decoration: none; color: #fff; display: block; padding: 11px 16px 10px; text-align: center; } * html #menu-ppal li a{width: 45px; white-space: nowrap;} #menu-ppal li a:hover{text-decoration: underline;} #menu-ppal li li a{color: #484646; padding: 10px 13px 7px;} #menu-ppal li li a:hover{color: #f00; } #menu-ppal li li a.activo{color: #f00; font-weight: bold !important; } #menu-ppal li ul{position: absolute; left: 0; padding-bottom: 0; width: 960px; background: none;} #menu-ppal li.activo{background: url(../img/clMenuActivo_home.png) repeat-x; padding-right: 0; margin-left: -6px; border: 1px solid #312f2f; border-top: 0; border-bottom: 0;} #menu-ppal li.first-child{border-left: 0;} #menu-ppal li.activo li{border: 0;} #menu-ppal li.activo li, #menu-ppal li.first-child{margin-left: 0; } #menu-ppal li.activo a{font-weight: bold;} #menu-ppal li.activo li a{font-weight: normal;} #menu-ppal li.masmusica{background: none;} #menu-ppal li.masmusica.activo{background: url(../img/clMenuActivo_masmusica.png) repeat-x;} #menu-ppal li.spotify{float: right; background: none; padding-right: 15px;} #menu-ppal li.spotify a{font-weight: bold; color: #8acb29; padding-left: 0; padding-right: 0;} #menu-ppal li li, #menu-ppal li.activo li{background: none;} #menu-ppal li li a, #menu-ppal li.activo li a{background-image: none;} /* MENU-LOCAL */ #menu-local .header{padding-bottom: 20px;} #menu-local h1{ font-size: 25px; letter-spacing: -1px; font-family: "Helvetica Neue Condensed Black", "Arial", "Microsoft Sans Serif", sans-serif; font-weight: bold; float: left; padding-right: 12px; line-height: normal;} #menu-local .compartir{float: left; padding-top: 6px;} #menu-local .compartir div{float: left; padding-right: 7px;} #menu-local .tw-share{width: 57px; overflow: hidden;} /* #menu-local ul{text-align: center; } #menu-local li{display: inline; padding: 0 5px; } #menu-local li a{text-decoration: none; color: #605d5d; text-align: center; background: url(../img/clMenuLocal.png) 0 0 no-repeat; padding: 4px 0; font-weight: bold;} #menu-local li a:hover, #menu-local li.activo a{color: #fff; background-image: url(../img/clMenuLocalActivo_home.png); } #menu-local li a span{padding: 4px 15px; background: url(../img/crMenuLocal.png) top right no-repeat; } #menu-local li a:hover span, #menu-local li.activo a span{background-image: url(../img/crMenuLocalActivo_home.png);} */ #menu-local .navigation{border-bottom: 3px solid #f00;} #menu-local ul{margin-bottom: 0;} #menu-local li{float: left; margin-right: 1px;} #menu-local a{color: #333; text-decoration: none; background: #f0edeb; display: block; padding: 8px 15px 7px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #menu-local a:hover{background: #e1dedc;} #menu-local li.activo a{background: #f00; color: #fff; font-weight: bold;} /* esquinas redondeadas para versiones de IE anteriores a la 9 */ .ie-lt9 #menu-local a{position: relative;} .ie-lt9 #menu-local span{position: absolute; background-image: url(../img/corners.png); background-repeat: no-repeat; width: 5px; height: 5px; z-index: 2; top: 0; *top: 2px;} .ie-lt9 #menu-local .cl{left: 0;} .ie-lt9 #menu-local .cr{background-position: 0 -95px; right: 0;} /*---------------------------------- BUSCADOR ----------------------------------*/ #buscador{position: relative;} #buscador .titulo{background: url(../img/icoLupa.gif) top right no-repeat;} #buscador input.text{width: 220px; font-size: 1.3333em; height: 20px; padding: 5px 0 4px; color: #bebcba; background: none; border: none; float: left;} #buscador input.image{padding-left: 5px; padding-top: 5px; vertical-align: top;} .js-enabled #buscador input.image{visibility: hidden;} #buscador .wrapper{background: url(../img/bgInputBuscador.gif) 0 0 no-repeat; padding-left: 29px;} #buscador .cargando{float: left; padding-top: 4px; padding-left: 5px;} /* resultados ajax */ .resultados{position: absolute; top: 90px; left: 0; width: 306px; margin-left: -3px; margin-right: -3px; } .destacado-01 .resultados .wrapper-1{padding-top: 13px; background: transparent url(../img/ctResultados.png) 0 0 no-repeat;} .destacado-01 .resultados .wrapper-2{background: transparent url(../img/cbResultados.png) bottom left no-repeat; padding: 0 0 9px;} .destacado-01 .resultados .wrapper-3{background: transparent url(../img/bgResultados.png) 0 0 repeat-y; padding: 5px 4px 12px; } .resultados ul{margin-bottom: 0;} .resultados a{color: #dcd9d7;} .resultados a:hover{color: #fff;} .resultados li{/*background: url(../img/sepLiResultados.png) bottom left repeat-x; */color: #dcd9d7; display: block; padding: 8px 10px 9px; border-bottom: 1px solid #1f1e1e; border-top: 1px solid #4c4949;} .resultados ul{/*border-top: 1px solid #1f1e1e; */border-bottom: 1px solid #4c4949;} .resultados li a{font-weight: bold; text-decoration: none; } .resultados li span{font-weight: normal;} .resultados li span.autocompleter-queried{color: #ffde02; font-weight: bold;} .resultados li a:hover, .resultados li.activo a, .resultados li.autocompleter-selected{color: #fff; background: url(../img/bgResultadoActivo.png) 0 0 repeat-x;} .resultados p.a-right{padding-right: 10px; margin: 10px 0 -5px; font-size: 10px; color: #dcd9d7;} .resultados p.a-right a{font-weight: normal; color: #f00;} .resultados p.a-right a:hover{color: #427cd9;} /* ::-moz-selection{background: #ffce49; color: #333;} ::selection{background: #ffce49; color: #333;} */ /*---------------------------------- PAGINACION ----------------------------------*/ .paginacion{clear: both; /* text-align: center; */ padding: 20px 0;} .paginacion p{display: inline; padding-right: 2px;} .paginacion p strong{color: #fff; padding: 3px 7px; border: 1px solid #f00; background: #f00; position: relative;} .paginacion ul{text-align: center; display: inline;} .paginacion li{display: inline; padding: 0 2px; } .paginacion li strong{color: #fff; padding: 3px 7px; border: 1px solid #f00; background: #f00; position: relative;} .paginacion li a{text-decoration: none; padding: 3px 7px; border: 1px solid #f00; font-weight: bold; position: relative;} .paginacion li a:hover{color: #fff; background: #427cd9; border-color: #427cd9;} /*---------------------------------- PAGINACION ARTISTAS ----------------------------------*/ #indice{padding: 1em 0 2em; margin-bottom: 0;} #indice li{font: normal 1.75em "Microsoft Sans Serif", arial, sans-serif; float: left; text-transform: uppercase; margin-right: 4px; color: #dddddd;} #indice li a{display: block; text-decoration: none; color: #312f2f; padding: 0 2px;} #indice li a:hover{background: #312f2f; color: #fff;} #indice li.activo a, #indice li.activo a:hover{background: #f00; color: #fff;} /*---------------------------------- PLAYER VIDEO elastic videos: http://webdesignerwall.com/demo/elastic-videos/ ----------------------------------*/ body.home #video, body.p-videos #video{width: 100%;} .p-videos #video{margin-bottom: 10px;} #video{position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; width: 480px; float: left;} #video iframe, #video object, #video embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #player-video .thumbnails{float: right; padding-right: 20px;} #player-video .thumbnails ul{margin-bottom: 0; } #player-video .thumbnails li{float: left; clear: both; padding-bottom: 7px; width: 92px;} #player-video .thumbnails li a{display: block; float: left; clear: both; text-decoration: none; position: relative;} #player-video .thumbnails li a img{display: block; width: 90px; height: 72px; border: 1px solid #f00; } #player-video .thumbnails li a img.play{position: absolute; width: auto; height: auto; left: 35px; top: 25px; border: none;} #player-video .thumbnails li a:hover img{border-color: #427cd9;} #player-video .thumbnails li span{font-size: .9166em; font-weight: bold; color: #000; display: block; clear: both; padding-top: 3px;} /*---------------------------------- BLOQUES DESTACADOS ----------------------------------*/ /* .destacado-01: fondo gris oscuro con banda color seccion. Titulo dentro del fondo */ .destacado-01 .wrapper-1{background: #484646 url(../img/bgDestacadoTop_01_home.gif) 0 0 no-repeat;} .destacado-01 .wrapper-2{background: transparent url(../img/bgDestacadoBottom_01.gif) bottom left no-repeat; padding: 11px 10px 9px;} /* .destacado-01: fondo gris claro con degradado y borde. Titulo fuera del fondo */ .destacado-02{border: 1px solid #d2cfce;} .destacado-02 .wrapper-1{background: #f0edeb; padding: 8px 9px;} /* .destacado-03: fondo gris plano (iconos de redes en pag contacto) */ .destacado-03{padding: 10px; text-align: center; background: #edeef0; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .destacado-03 ul{margin-bottom: 0;} .destacado-03 li{display: inline; margin-bottom: 0; line-height: 32px; padding-right: 30px;} /* !TWITTER STREAM ---------------------- */ #twitter-stream .header{background: url(../img/bgTwitterStream.png) no-repeat; padding: 2px 0 8px 58px; margin-bottom: 10px;} #twitter-stream .header h2{font-size: 14px; font-weight: normal; padding-bottom: 4px;} #twitter-stream .header h2 span{font-weight: bold;} #twitter-stream .ts-list li{margin-bottom: 10px;} #twitter-stream .ts-text{padding-bottom: 2px;} #twitter-stream .ts-link{padding-left: 5px; font-size: 11px; text-transform: lowercase;} /*---------------------------------- BLOQUES ESPECIFICOS ----------------------------------*/ /* newsletter */ .newsletter .titulo{background: url(../img/icoNewsletter.gif) top right no-repeat; padding-top: 5px;} /* conciertos en columna dcha */ .conciertos li:first-child, .conciertos li.first-child{border-top: none; padding-top: 0;} .conciertos li.last-child{border-bottom: none;} .conciertos li{padding-top: 6px; padding-bottom: 7px; border-bottom: 1px solid #e0dddc; border-top: 1px solid #faf6f5; min-height: 0; } .conciertos .fecha{width: 40px; float: left; background: #fff; text-align: center; font-size: 1.8em; color: #000; border: 1px solid #cac8c6; padding-bottom: 2px; border-top: 0; margin-right: 10px; display: inline; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .conciertos .fecha span{display: block; font-size: .5555em; text-transform: uppercase; color: #fff; background: #f00; padding: 3px 0; margin: 0 -1px 2px;} .conciertos .datos{width: 225px; float: left;} .conciertos p{color: #000; margin-bottom: 3px; font-size: .9166em;} .conciertos .artista{font-size: 1.25em; margin-bottom: .3333em;} .conciertos .artista a{color: #000; text-decoration: none;} .conciertos .artista a:hover{color: #f00} .conciertos p.a-right{font-size: 1em;} /* conciertos en pag conciertos */ #principal .conciertos li{margin-right: 30px; display: inline; min-height: 50px; height: 50px; float: left; clear: left; border: 0;} #principal .conciertos .fecha{margin-top: 2px; width: 50px; font-size: 2.2em; } :first-child+html #principal .conciertos li{clear: none;} * html #principal .conciertos li{clear: none;} html>body #principal .conciertos li{height: auto;} #principal .conciertos li.par{margin-right: 0; clear: none;} /* THUMBNAILS */ .thumbnails li a{position: relative; display: block; text-decoration: none;} .thumbnails li a img{display: block; border: 1px solid #f00;} .thumbnaiis li a:hover img{border-color: #427cd9;} .thumbnails li a img.play{position: absolute; width: auto !important; height: auto !important; border: none;} .thumbnails li a span{display: block; float: left; clear: both; padding-top: 4px; font-weight: bold; color: #000;} /* videos (varios videos en miniatura) */ .videos ul{padding-top: 13px;} .videos li{float: left; display: inline; margin-left: 5px; width: 90px;} .videos li.first-child, .videos li:first-child{margin-left: 0;} .videos li a img{border: 1px solid #f00; display: block; width: 88px; height: 70px;} .videos li a img.play{width: auto; height: auto; position: absolute; top: 25px; left: 35px; border: none;} .videos li a:hover img{border-color: #427cd9;} .videos li a span{font-size: .9166em; font-weight: normal; color: #fff;} .videos p.a-right{margin-bottom: 0;} .videos p.a-right a{color: #f00;} .videos p.a-right a:hover{color: #427cd9;} /* promo-video (un solo video destacado) */ .promo-video ul{padding-top: 13px; padding-left: 44px;} .promo-video li{width: 190px;} .promo-video li a img{border: 1px solid #f00;} .promo-video li a img.play{top: 41px; left: 85px;} .promo-video li a span{color: #fff; font-size: .9166em;} /* .masvideos .masvideos ul{padding-left: 15px; } .masvideos .thumbnails li{float: left; margin: 0 10px 20px 0; display: inline; width: 190px; min-height: 175px; height: 175px; } html>body .masvideos .thumbnails li{height: auto;} .masvideos .thumbnails li a img{width: 190px; height: 143px;} .masvideos .thumbnails li a img.play{top: 60px; left: 84px;}*/ .masvideos .thumbnails li{float: left; width: 280px; margin: 0 10px 20px 0; display: inline; min-height: 100px; height: 100px;} html>body .masvideos .thumbnails li{height: auto;} .masvideos .thumbnails li a img{width: 120px; height: 90px; float: left; margin-right: 10px;} .masvideos .thumbnails li a:hover img.play{border: none;} .masvideos .thumbnails li a img.play{top: 32px; left: 50px;} .masvideos .thumbnails li a:hover img{border: 1px solid #427cd9;} .masvideos .thumbnails li a span{clear: none; display: inline; float: none; font-weight: normal; color: #f00; text-decoration: underline;} .masvideos .thumbnails li a:hover span{color: #427cd9;} /* adsense */ .adsense{padding-top: 30px;} .adsense-728x90{text-align: center; padding-top: 18px;} .adsense-468x60{text-align: center; padding: 10px 0;} /* .item (noticias): imagen 90 x 90, titulo enlazado, fecha, extracto */ .item{padding-bottom: 20px;} .item .imagen{float: left; } .item .imagen img{/* width: 90px; height: 90px; */ display: block; margin-right: 10px; border: 1px solid #a5a1a1; } .item .texto .fecha{font-size: .9166em; margin-bottom: .4545em;} .item p{margin-bottom: 0;} .texto .fecha{font-size: .9166em; margin-bottom: 1.1818em;} /* evitamos que IE no rodee a la imagen quitando el hasLayout a la capa texto min-height con valor auto no valida */ .txt-descargas{padding-top: 10px;} /* .item .texto, .articulo .texto{height: auto; min-height: auto;} */ .item .texto ul.descargas{padding-top: 10px;} /* esto no deberia ser asi... */ .texto ul.descargas li{float: left; margin-right: 10px; display: inline;} /* .lanzamientos .item .texto{float: left; width: 515px;} */ /* LANZAMIENTOS */ .lanzamientos ul{margin-bottom: 0;} .lanzamientos .item{clear: both; padding-bottom: 20px; border-bottom: 1px dotted #ccc; margin-bottom: 20px; overflow: hidden;} .lanzamientos .imagen{float: left; } .lanzamientos .texto{overflow: hidden;} .lanzamientos .imagen img{border: none; } .lanzamientos li.item a{color: #333; text-decoration: none;} .lanzamientos li.item a:hover{color: #f00;} .lanzamientos .contenido{margin-bottom: 45px;} .lanzamientos .item p{margin-bottom: 1.0833em;} .lanzamientos .item .texto ul.descargas{padding-top: 0; margin-bottom: 10px;} /* esto no deberia ocurrir (elementos mal anidados) */ .descargas p{clear: both;} /* cuadricula home */ .home .lanzamientos .item, .home-estilo .lanzamientos .item{clear: none; padding-bottom: 0; margin-bottom: 0; border-bottom: 0;} .home .lanzamientos .imagen, .home-estilo .lanzamientos .imagen{float: none; padding-bottom: 5px;} .home .lanzamientos p.a-right, .home-estilo .lanzamientos p.a-right{position: relative; top: -40px;} .home div.lanzamientos li.last-child, .home-estilo div.lanzamientos li.last-child{margin-right: 0;} .home div.lanzamientos li:nth-child(4n), .home-estilo div.lanzamientos li:nth-child(4n){margin-right: 0;} .home .lanzamientos li.item, .home-estilo .lanzamientos li.item{float: left; margin-right: 20px; width: 140px; min-height: 230px;} /* .lanzamientos .texto{width: auto;} */ /* web-oficial */ .web-oficial p{font-size: 1.3333em; font-weight: bold;} /* .social redes y valoracion */ .social{padding: 10px 0; background: url(../img/dottedLineGris.gif) 0 0 repeat-x; clear: both; } .social p, .social ul, .social li, .social dt, .social dd, .social dl{margin-bottom: 0;} .social p{float: left; padding-right: 14px; line-height: 16px;} .articulo .redes ul{padding-left: 0;} .articulo .redes li{float: left; list-style: none; font-size: .9166em; padding-right: 10px;} .redes li a{color: #333; text-decoration: none; line-height: 16px; display: block;} .redes li a:hover{color: #f00;} .valoracion dl{float: left;} .valoracion dt{float: left; padding-right: 3px;} .valoracion dt a{display: block; line-height: 16px;} .valoracion dd{float: left; line-height: 16px; padding-right: 10px;} /* .robapaginas */ .robapaginas img{width: 300px; height: 250px;} /* tabla tonos */ #contenido #tonos .interior{background: none; padding-top: 16px;} #contenido #tonos h2{padding-bottom: 3px; border-bottom: 3px solid #f00;} #contenido #tonos table{width: 100%; border-spacing: 1px;} #tonos td, #tonos th{vertical-align: top; padding: 5px 10px;} #tonos thead th{font-weight: bold; background: #444 url(../img/bgTheadTh.gif) bottom left repeat-x; color: #ccc; border-top: 1px solid #fff;} #tonos tbody tr td, #tonos tbody tr th{background: #fff; } #tonos tbody tr.alt td, #tonos tbody tr.alt th{ background: #F6F3F2; } #tonos tbody tr.hover td{background: #ffc;} #tonos .a_center{text-align: center;} #tonos .legal p{font-size: 11px;} /* modales */ #mbDescription{display: none;} /*#mbCenter{border: 10px solid rgba(0,0,0, 0.3) !important;}*/ /* fotos */ .fotos .galeria{padding-left: 10px;} .fotos .galeria li{float: left; margin: 8px; display: inline; } .fotos .galeria li a{display: block; border: 1px solid #f00;} .fotos .galeria li a img{margin: 1px;} .fotos .galeria li a:hover{border: 1px solid #427cd9;} /* player_emid */ .player_emid{text-align: center;} /* tabla registro newsletter (contenido externo) */ table.main td{padding: 3px 5px 3px 0; vertical-align: top;} /* ENCUESTAS */ #encuesta{padding-top: 20px;} #encuesta p{margin-bottom: 10px;} #encuesta .label, #encuesta .campos, #encuesta ul, #encuesta .accion{margin-left: 20px;} #encuesta .campos:after{content: ""; display: block; clear: both; visibility: hidden;} #encuesta .campos{height: 1%; min-height: 0;} :first-child+html>body #encuesta .campos input[type=radio]{display: block; width: 12px; height: 12px; float: left; margin-right: 4px;} #encuesta .campos .opcion{display: block; float: left; margin-right: 10px; display: inline;} #encuesta .opcion label{cursor: pointer;} #encuesta .info{width: 330px; margin-top: -5px; font-size: 11px;} * html #encuesta .info{width: 400px;} #encuesta .indicadores{display: block; height: 5px; border-top: 1px solid #ccc; margin-bottom: 3px;} #encuesta .indicadores .left, #encuesta .indicadores .right{display: block; width: 3px; height: 5px; background: #ccc; } #encuesta .campos li{margin-bottom: 5px;} #encuesta .text input, #encuesta textarea{border: 1px solid #9c9c9c; padding: 2px 5px;} #encuesta .accion{padding-top: 10px;} #encuesta .accion input{font-weight: bold; font-size: 16px; cursor: pointer; width: 100px; padding: 5px 10px; display: block; float: left;} /* 6/09/2010 */ #encuesta label{vertical-align: middle;} #encuesta label input[type="checkbox"], #encuesta label .checkbox, #encuesta label .radio{display: block; margin-right: 4px; float: left;} #encuesta li{margin-bottom: 5px; list-style: disc;} #encuesta .campos li{list-style: none;} /* !FICHA ARTISTA: lanzamientos ---------------------- */ .fa-imagen{padding-right: 20px; float: left;} .fa-texto{overflow: hidden;} .fa-texto .descargas li{float: left; margin-right: 10px; margin-bottom: 10px;} /* !PROMOS SPOTIFY ---------------------- */ .promo-spotify .contenido{margin-bottom: 45px; } .promo-spotify input.text, .promo-spotify select, .promo-spotify textarea{color: #333; font-family: Arial, sans-serif; } .promo-spotify input.text{height: 27px; line-height: 27px; padding-left: 5px; padding-right: 5px; border: 1px solid #ccc;} .promo-spotify form .col1{width: 225px; float: left; margin-right: 25px;} .promo-spotify form .col2{width: auto; overflow: hidden;} .promo-spotify form .col1 input.text{width: 215px;} .promo-spotify form .col2 input.text{width: 355px;} .promo-spotify form .col2 textarea{ width: 360px; padding: 5px 0 5px 5px; resize: none; border: 1px solid #ccc;} .promo-spotify form .campo div{padding-top: 5px; margin-bottom: 15px;} .formulario p.error{ color: #DA3023; background: #ffe8e8; border: .0833em solid #da3023; padding: 5px;} .formulario p.ok{color: #536E21; background: #F8FDE4; border: .0833em solid #D5F698; padding: 5px; } /* !ventanas emergentes (instrucciones spotify) ---------------------- */ div.emergente{position: absolute; left: -9999px; height: 0;} div.emergente button.link{background: none; border: 0; color: #f00; text-decoration: underline; font-weight: bold; font-family: Arial, sans-serif; cursor: pointer;} /* !HTML PERSONALIZADO EN FICHA ARTISTA ---------------------- */ #evanescence{margin-top: -26px; position: relative;} #evanescence .bannertop{margin-bottom: 20px;} #evanescence .titulo{border-bottom: 0;} #evanescence .clear{padding-top: 15px;} #evanescence form{padding-bottom: 20px;} #evanescence form .clear{padding-top: 0;} #evanescence .destacado{font-size: 16px; line-height: 22px;} #ayuda-link-spotify{width: 350px; padding: 10px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.5);} #ayuda-link-spotify p.leyenda{margin-bottom: 0; padding-right: 12px; text-align: right; clear: both;} .no-boxshadow #ayuda-link-spotify{border: 5px solid #ccc;}