@charset "UTF-8";

/* El Pais esta donde estas tu
   Hoja de estilos principal
   Kike Valdenebro
   2009.11.01
*/

/* NORMALIZACION */

* {outline: none}
html {width:100%; height:100%}
body {position:relative; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#ffffff; margin:0; padding:0; background:#000000; width:100%; height:100%} /* Tipo base: Arial 1em = 12px */

/* ESTRUCTURA GENERAL */

#subbody {width:100%; position: relative}
#subbody.pag-home {height: 100%}
body.pag-home {overflow-y: hidden; overflow-x: visible}
#deco {position:absolute; z-index:10; top:0; left:0; width:100%; height:100%; overflow: hidden}
#general {position:relative; z-index:20; width:1003px; margin:0 auto 0 auto}
.pag-home #general {height: 100%; position: relative}
.pag-home #pie {width: 855px; position: absolute; bottom: 20px}

/* ESTILOS GENERALES */

a {color:#018ed7; text-decoration:none}
a:hover {text-decoration:underline}
p {padding:0 0 10px 0; margin:0}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; padding:0; margin:0}
img {border:none; margin:0; padding:0}
ul, ol, dl {margin:0; list-style-type:none; padding:0 0 10px 0}
.hide {display:none!important}
.invisible {visibility:hidden!important}
.clear {display:block; clear:both; height:0px; margin-top:-2px; font-size:1px}
.left {float:left!important}
.right {float:right!important}
.arrow-01 {background:url(gfx/ico-arrow-01.gif) right 4px no-repeat; display:inline-block; padding:0 10px 5px 0; margin:5px 0 0 0;}
/* Informacion de estrellas */
.info-stars {width:78px; height:14px; background:url(gfx/info-estrellas.gif) -79px 0 no-repeat; text-indent:-1000px; display:block}
.star05 {background:url(gfx/info-estrellas.gif) -64px -14px no-repeat;}
.star10 {background:url(gfx/info-estrellas.gif) -64px 0 no-repeat;}
.star15 {background:url(gfx/info-estrellas.gif) -48px -14px no-repeat;}
.star20 {background:url(gfx/info-estrellas.gif) -48px 0 no-repeat;}
.star25 {background:url(gfx/info-estrellas.gif) -32px -14px no-repeat;}
.star30 {background:url(gfx/info-estrellas.gif) -32px 0 no-repeat;}
.star35 {background:url(gfx/info-estrellas.gif) -16px -14px no-repeat;}
.star40 {background:url(gfx/info-estrellas.gif) -16px 0 no-repeat;}
.star45 {background:url(gfx/info-estrellas.gif) 0 -14px no-repeat;}
.star50 {background:url(gfx/info-estrellas.gif) 0 0 no-repeat;}

/* Ajustes */
.no-padding {padding: 0!important}

/* Estrellas accion */
.ul-estrellas { position:relative}
.ul-estrellas li {height:14px; width:14px; display:block; margin-right:2px; position:absolute; left:0; top:0}
.ul-estrellas li a {display:block; height:100%; width:100%}
.ul-estrellas li.worst {left:0}
.ul-estrellas li.bad {left:15px}
.ul-estrellas li.fair {left:30px}
.ul-estrellas li.good {left:44px}
.ul-estrellas li.best {left:59px}
.ul-estrellas li.star-ent {width:14px; height:14px; background:url(gfx/info-estrellas02.gif) 0px 0 no-repeat; display:block; margin-right:1px}
.ul-estrellas li.star-med {width:14px; height:14px; background:url(gfx/info-estrellas02.gif) -64px -14px no-repeat; display:block; margin-right:1px}
.ul-estrellas li.star-vac {width:14px; height:14px; background:url(gfx/info-estrellas02.gif) -80px 0 no-repeat; display:block; margin-right:1px}
.ul-estrellas li.votando-ent {width:14px; height:14px; background:url(gfx/info-estrellas.gif) 0px 0 no-repeat; display:block; margin-right:1px}
.ul-estrellas li.votando-vac {width:14px; height:14px; background:url(gfx/info-estrellas.gif) -80px 0 no-repeat; display:block; margin-right:1px}

/* Listados */
ul.ul01 {margin:0; padding:0} 
ul.ul01 li {margin:0; padding:0 0 10px 19px; background:url(gfx/blt-01.gif) 0 3px no-repeat} 

/* Titulares */
.titular02 {font-size:2.08em; padding:0 0 10px 0; color:#ffffff; letter-spacing:-2px; font-style:normal}
.titular03 {color:#ffffff; display:block; font-family:Georgia,"Times New Roman",Times,serif; font-size:34px; font-style:italic; letter-spacing:-2px; padding-bottom:25px}
.ganador {color:#ffffff; display:block; font-family:Georgia,"Times New Roman",Times,serif; font-size:25px; font-style:italic!important; letter-spacing:-1px; padding-bottom:25px; line-height: .9em}

/* Paginacion */
.paginacion {float:right; clear:both; margin-top:-10px; padding-bottom:15px}
.pag-bot {padding-top:15px; margin:0; padding-bottom:0}
.paginacion p {padding:0}
.paginacion a {display:inline-block; margin:0 0 0 0; padding:0 6px 0 2px; background:url(gfx/bgd-sep-paginacion.gif) right 3px no-repeat}
.paginacion a.nobackground {background: none}
.paginacion a.activo {color:#474747; cursor: default}
.paginacion a.activo:hover {text-decoration: none}
.paginacion .siguiente {background:url(gfx/ico-arrow-01.gif) right 4px no-repeat; padding-right:6px; padding-left:8px}
.paginacion .anterior {background:url(gfx/ico-arrow-02.gif) left 4px no-repeat; padding-right:6px; padding-left:8px}
.paginacion .dblsiguiente {background:url(gfx/ico-dblarrow-01.gif) right 4px no-repeat; width: 0px; position: relative; left: -2px}
.paginacion .dblanterior {background:url(gfx/ico-dblarrow-02.gif) right 4px no-repeat; width: 7px}
.paginacion .disabled {cursor: default; color: #474747; background: none}
.paginacion .dblsiguiente.disabled {background:url(gfx/ico-dblarrow-01-disabled.gif) right 4px no-repeat; width: 0px}
.paginacion .dblanterior.disabled {background:url(gfx/ico-dblarrow-02-disabled.gif) right 4px no-repeat; width: 7px}
.paginacion .disabled:hover {text-decoration: none}
.paginacion .dblanterior:hover, .paginacion .dblsiguiente:hover {text-decoration: none}

/* Contenido */

/* Mainnav */
#mainnav {float:right;}
#mainnav ul {margin:0; padding:30px 72px 0 0;}
#mainnav ul li {margin:0; padding: 1px 9px 2px 6px; background:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.33em; font-style:normal; list-style-type:none; color:#ffffff; border-left:1px solid #ffffff}
#mainnav ul li a {color:#ffffff; display:block; padding:1px; margin:0;}
#mainnav ul li.activo a {background:#018ed7; cursor:default; text-decoration:none; color: #ffffff!important}
#mainnav ul li.first {border:none;}
/* Logo */
#logo {position: absolute; top: 10px; right: 80px}
/* Login */
#login {visibility: hidden; position:relative; float:right; top:0; right:72px; z-index:1; height:auto; overflow:visible; font-family:Arial, Helvetica, sans-serif; font-size:1.16em; font-style:normal; padding-top:6px}
#login a {color:#ffffff}
#login .activo {color:#ffffff; background:#018ed7; padding:0 3px 0 3px}
#login .sep {text-indent:-10000px; border-left:1px solid #434343; display:inline-block; position:relative; top:-5px; margin-left:3px; margin-right:3px; height:20px}
#login .user {display:inline-block}

#content {}
#content .colleft {float:left; padding-bottom:35px; width:396px}
#content .colright {float:right; padding-bottom:35px; width:396px}

#content .mod {width:373px; padding:11px; margin:0 0 20px 0; background:url(gfx/bgd-mod.png) 0 0 repeat; overflow:hidden}
#content .mod .tabs-ul {margin:0; padding:0 0 20px 0; height:25px}
#content .mod .tabs-ul li {margin:0 8px 0px 0; padding:2px; font-size:1.5em; font-style:normal; list-style-type:none; background:none; float:left;}
#content .mod .tabs-ul li a {outline:none}
#content .mod .tabs-ul li.activo {background:#018ed7; color:#ffffff;} 
#content .mod .tabs-ul li.activo a {color:#ffffff; text-decoration:none; cursor:default} 

#content .mod .video-cont {width:380px;}
#content .mod .video-cont .video {width:122px; height:180px; float:left; padding:1px; margin-right:2px; margin-bottom:2px; background:url(gfx/bgd-mod.png) 0 0 repeat}
#content .mod .video-cont .video .cont-img {}
#content .mod .video-cont .video .cont-text {padding:4px}
#content .mod .video-cont .video .cont-text .fecha {padding:0}
#content .mod .video-cont .video .cont-text .nombre {font-size:0.9em; padding-bottom:0}
#content .mod .video-cont .video .cont-text .titulo {font-size:1.16em; padding-bottom:0}

#content .mod .letra-cont {}
#content .mod .letra-cont .letra {width:371px; padding:1px; margin-right:2px; margin-bottom:2px; background:url(gfx/bgd-mod.png) 0 0 repeat}
#content .mod .letra-cont .letra .cont-text {padding:4px}
#content .mod .letra-cont .letra .cont-text .fecha {padding:0; float:left}
#content .mod .letra-cont .letra .cont-text .info-stars {float:right}
#content .mod .letra-cont .letra .cont-text .nombre {font-size:0.9em; padding-bottom:0}
#content .mod .letra-cont .letra .cont-text .titulo {font-size:1.16em; padding-bottom:0}
#content .mod .letra-cont .letra p {padding-bottom:0px}

#content .modrounded {margin-top: 5px; position: relative}
#content .modrounded .top {width:410px; height:16px; background:url(gfx/bgd-mod-top-410.png) 0 0 no-repeat; font-size: 1px}
#content .modrounded .med {width:360px; background:url(gfx/bgd-mod-med-410.png) 0 0 repeat-y; padding:3px 25px 0px 25px; margin:0}
#content .modrounded .med .call-letras {width:168px; height:32px; text-indent:-1000px; display:block; background:url(gfx/callto-letras.gif) 0 0 no-repeat; margin:3px 0 0 -3px; padding:0 0 6px 0; position: relative; z-index: 200}
#content .modrounded .med .call-videos {width:168px; height:32px; text-indent:-1000px; display:block; background:url(gfx/callto-video.gif) 0 0 no-repeat; margin:3px 0 0 -3px; padding:0 0 6px 0; position: relative; z-index: 200}
#content .modrounded .med p.grande {font-size:2.08em; font-style:normal; padding:0 0 5px 0; color:#ffffff; line-height: 23px}
#content .modrounded .med p {font-style:normal; padding:0 0 5px 0; color:#ffffff}
#content .modrounded .bot {width:410px; height:16px; background:url(gfx/bgd-mod-bot-410.png) 0 0 no-repeat; font-size: 1px}
#content .modrounded.winner .top {background:url(gfx/bgd-mod-top-410_.png) 0 0 no-repeat; font-size: 1px}
#content .modrounded.winner .med {padding-bottom: 15px; background:url(gfx/bgd-mod-med-410_.png) 0 0 repeat-y}
#content .modrounded.winner .bot {background:url(gfx/bgd-mod-bot-410_.png) 0 0 no-repeat; font-size: 1px}
/*.colright .modrounded .med p {margin-bottom: 5.5px}*/
#content .modrounded .avion {width: 308px; height: 79px; background: url(gfx/avion.png) no-repeat scroll 0 0; position: absolute; top: 73px; right: -27px}
#content .modrounded .macbook {width: 187px; height: 121px; background: url(gfx/macbook.png) no-repeat scroll 0 0; position: absolute; top: 50px; right: -23px}
#content .modrounded.winner .avion {top: 108px}
#content .modrounded.winner .macbook {top: 65px}
#content .modrounded.winner.link .avion {top: 123px}
#content .modrounded.winner.link .macbook {top: 80px}

#pie {padding-left:72px; padding-right:72px; padding-bottom:15px; color:#ffffff}
#pie .logo {float:right; display:block; margin:-20px 0 0 0; opacity: .6; filter: alpha(opacity=60)}
.pag-home #pie a.device {visibility: hidden}


/* Formularios */
.formulario {width:500px; padding:20px 0 30px 0}
.formulario fieldset {border:none; padding:0 0 20px 0; margin:0}
.formulario fieldset legend {}
.formulario label {}
.formulario select {border:1px solid #000000; padding:1px 1px 1px 3px; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666666}
.formulario input.text {border:1px solid #000000; padding:2px 3px 3px 3px; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666666}
.formulario input.file {border:1px solid #000000; padding:2px 3px 3px 3px; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666666}
.formulario input.checkbox,
.formulario input.radio {margin-right:5px; position:relative; top:2px}
.formulario textarea {border:1px solid #000000; padding:3px; height:110px; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666666}
/* Catalogo de tamanos para elementos */
.formulario label.long1 {display:inline-block; width:25px; text-align:right}
.formulario label.long2 {display:inline-block; width:54px; text-align:right}
.formulario label.long3 {display:inline-block; width:112px; text-align:right}
.formulario label.long4 {display:inline-block; width:228px; text-align:right}
.formulario label.long5 {display:inline-block; width:336px; text-align:right}
.formulario span.long1 {display:inline-block; width:25px; text-align:right}
.formulario span.long2 {display:inline-block; width:54px; text-align:right}
.formulario span.long3 {display:inline-block; width:112px; text-align:right}
.formulario span.long4 {display:inline-block; width:228px; text-align:right}
.formulario span.long5 {display:inline-block; width:336px; text-align:right}
.formulario input.long1 {width:17px}
.formulario input.long2 {width:46px}
.formulario input.long3 {width:104px}
.formulario input.long4 {width:220px}
.formulario input.long5 {width:332px}
.formulario input.file.long5 {width:340px}
.formulario select.long1 {width:43px}  /* Especial (no coincide en ancho con long1) */
.formulario select.long2 {width:54px}
.formulario select.long3 {width:112px}
.formulario select.long4 {width:228px}
.formulario select.long5 {width:336px}
.formulario textarea.long3 {width:104px}
.formulario textarea.long4 {width:220px}
.formulario textarea.long5 {width:332px}
.formulario .form-error {padding:0 0 20px 0; color:#CC0000}
/* Esquema normal: Etiquetas a la izquierda de las cajas */
.formulario .fila {display:block; height:100%; padding:0; margin:0 0 4px 0; clear:both}
.formulario .fila .col1 {display:block; float:left; text-align:right; width:150px; margin-right:10px; padding-top:4px}
.formulario .fila .col2 {display:block; float:left; text-align:left; width:340px;  margin:0}
.formulario .fila .col2 .float {display:block; float:left}
.formulario .fila .col2 label.float {display:block; float:left; width:90%; padding-top:4px}
/* Botones genericos */
.botones {position:relative; display:block; float:right; width:auto; height:100%; clear:both; margin:0; padding:15px 0 10px 0}
.botones input.boton {cursor:pointer; display:block; float:left; height:31px; padding:0px 10px 0px 10px; background:#ffffff; border-left:none; border-right:none; border-top:1px solid #000000; border-bottom:1px solid #000000; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:1.83em; font-style:normal; overflow:visible}
.botones .btn-left {display:block; float:left; width:6px; height:31px; background:url(gfx/btn_left.gif) 0 0 no-repeat}
.botones .btn-right {display:block; float:left; width:6px; height:31px; background:url(gfx/btn_right.gif) 0 0 no-repeat}
.botones-izq {float:none; padding-bottom:0}
/* Animacin progreso */
.botones .progreso {position: absolute; top: 22px; left: 9px}

/* ESTILOS PARA POP-UPS */

body.pop {width:auto; height:auto; min-width:0; min-height:0; overflow:hidden; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#000000}
#pop-subbody {position:relative; width:520px; padding:126px 96px 10px 152px}
#pop-subbody a {color:#00aeff}
#pop-subbody .a-cerrar {position:absolute; top:9px; right:9px; width:26px; height:25px; background:url(gfx/btn_pop_cerrar.png) 0 0 no-repeat; text-indent:-100000px; outline:none}
#pop-subbody .a-cerrar.blanco {background:url(gfx/btn_pop_cerrar_blanco.png)}
#pop-subbody h1 {display:none}
#pop-subbody .grande {font-size:1.66em; font-style:normal}
#pop-subbody ul {list-style-type:disc; list-style-position:outside; padding:0 0 10px 12px}
#pop-subbody ul li {padding-bottom:5px}
#pop-subbody ul.ul-link01 {list-style-type:none; padding:10px 0 10px 0}
#pop-subbody ul.ul-link01 li {font-size:1.2em; padding:0 0 5px 16px; background:url(_gfx/blt-link01.gif) 0 5px no-repeat}


/* ESTILOS ESPECIFICOS POR SECCION Y PAGINA */
.pag-acceso #pop-subbody {background:url(gfx/tit_pop_acceso.gif) 0 0 no-repeat}
.pag-subevideo01 #pop-subbody {background:url(gfx/tit_pop_subevideo.gif) 0 0 no-repeat}
.pag-subevideo02 #pop-subbody {background:url(gfx/tit_pop_subevideo.gif) 0 0 no-repeat}
.pag-valoravideo01 #pop-subbody {background:url(gfx/tit_pop_valoravideo.gif) 0 0 no-repeat}
.pag-valoravideo02 #pop-subbody {background:url(gfx/tit_pop_valoravideo.gif) 0 0 no-repeat}
.pag-subeletra01 #pop-subbody {background:url(gfx/tit_pop_subeletra.gif) 0 0 no-repeat}
.pag-valoraletra01 #pop-subbody {background:url(gfx/tit_pop_valoraletra.gif) 0 0 no-repeat}
.pag-macbook #pop-subbody {width:480px; height:397px; background:url(gfx/bgd-macbook.jpg) 0 0 no-repeat}
.pag-puertorico #pop-subbody {width:480px; height:397px; background:url(gfx/bgd-puertorico.jpg) 0 0 no-repeat}

.pag-version {background:url(gfx/bgd-version.jpg) center 0 no-repeat;}
.pag-version #content {padding:157px 81px 0 82px}
.pag-version #content p.exterior {font-size: 1.33em; width: 610px; margin-left: 32px}
.pag-version a.ver-todos {float: right; background: url(gfx/ico-arrow-01.gif) no-repeat scroll right 5px; padding-right: 7px; font-size: 1.17em; margin: 5px -10px 0 0}
.pag-version #content .colleft {padding-bottom:60px!important}
.pag-version #content .mod {background: #101010; width: 387px; margin-top: 20px; margin-bottom: 5px}
.pag-version #content .mod .letra-cont .letra {width: 385px!important}

.pag-version #content .mod .video-cont .video {width:385px; height:100%; clear:both; float:none; padding:1px; margin-right:2px; margin-bottom:2px; background:url(gfx/bgd-mod.png) 0 0 repeat}
.pag-version #content .mod .video-cont .video .cont-img {float:left; margin-right:6px; width:90px; height:50px; overflow:hidden}
.pag-version #content .mod .video-cont .video .cont-img img {margin:-15px 0 0 -15px}
.pag-version #content .mod .video-cont .video .cont-text {padding:4px 4px 19px; float:left; width:280px}
.pag-version #content .mod .video-cont .video .cont-text .fecha {float:left}
.pag-version #content .mod .video-cont .video .cont-text .info-stars {float:right}

.pag-letras {background:url(gfx/bgd-letras.jpg) center 0 no-repeat;}
.pag-letras a.volver {display: block; margin-bottom: 5px}
.pag-letras #content {padding:136px 72px 0 71px}
.pag-letras #content .colright {float:right; padding-bottom:35px; width:445px}
.pag-letras #content .colright .mod {width:423px; padding:11px; margin:0; background:url(gfx/bgd-mod.png) 0 0 repeat; overflow:hidden}
.pag-letras #content .colright .mod .letra {width:423px}
.pag-letras #content .colleft .letramusica {padding:11px; margin:0; background:url(gfx/bgd-mod.png) 0 0 repeat}
.pag-letras #content .colleft .letramusica .cont-text {padding-bottom:5px}
.pag-letras #content .colleft .letramusica .cont-text .fecha {padding-bottom:0; float:left}
.pag-letras #content .colleft .letramusica .cont-text .nombre {font-size:1.16em; padding:0; margin-top:-6px}
.pag-letras #content .colleft .letramusica .cont-text .left { padding-right:5px; font-style:normal}
.pag-letras #content .colleft .letramusica .cont-text .ul-estrellas {float:left; padding-right:70px;}
.pag-letras #content .colleft .letramusica .cont-text .titulo {font-size:2.083em; padding:0 0 15px 0;}
.pag-letras #content .colleft .letramusica .letra-user p {line-height:1.4em}

.pag-campana #mainnav ul li {border-left:1px solid #d2b69a}
.pag-campana #mainnav ul li.first {border:none}
.pag-campana #content {padding:108px 0px 30px 0px}
.pag-campana #content .campana {width:861px; padding:12px 0 0 69px; float: left}
.pag-campana #content .campana .left {width: 527px}
.pag-campana #content .campana .campana-video {width:521px; height:310px; padding: 3px; float:left; margin-bottom:15px; background: url(gfx/bgd-mod-blanco-video.png) no-repeat scroll 0 0}
.pag-campana #content .campana .botonera {float:left; padding:0; margin-top: -6px}
.pag-campana #content .campana .botonera a {float: left; border:1px solid #ffffff; background: #ffffff; display:block; width:58px; height:52px; margin:0 10px 8px 0; padding:0px 10px 3px 10px; text-align:left; color:898080}
.pag-campana #content .campana .botonera a.activo {border:1px solid #018ed7; background:#018ed7; color:#ffffff}
.pag-campana #content .campana .botonera a:hover {border:1px solid #018ed7; background:#018ed7; text-decoration:none; color:#ffffff}
.pag-campana #content .campana .botonera a .numero {font-size:2.91em; font-weight:bold;}
.pag-campana #content .campana .botonera a .small {font-size:1em; display:block; margin-top:-6px}
.pag-campana #content .campana .campana-texto {width:528px}
.pag-campana #content .campana .campana-texto .titular01 {font-size:2.91em; padding:0 0 10px 0; color:#ffffff; letter-spacing:-2px; font-style:normal}
.pag-campana #content .campana .campana-texto p {padding-bottom: 20px; width: 515px}
.pag-campana #content .campana .campana-texto .titular01 span {color:#018ed7}
.pag-campana #content .campana .derecha {float: left; margin-left: 17px}
.pag-campana #content .campana .derecha .top {width: 315px; height: 5px; background: url(gfx/bgd-mod-blanco-315-top.png) no-repeat scroll 0 0; font-size: 1px}
.pag-campana #content .campana .derecha .bot {width: 315px; height: 5px; background: url(gfx/bgd-mod-blanco-315-bot.png) no-repeat scroll 0 0; font-size: 1px}
.pag-campana #content .campana .derecha .med {color: #000000; width: 268px; background: #ffffff; padding: 14px 24px 14px 23px}
.pag-campana #content .campana .derecha .titular {font-size: 2.75em; letter-spacing: -2px; line-height: 1.1em; margin-bottom: 3px}
.pag-campana #content .campana .derecha .titular span {color: #018ed7}
.pag-campana #content .campana .derecha p {font-size: 1.25em}
.pag-campana a.a2a_dd {position: relative; top: -6px}
.pag-campana #titular {width: 427px; height: 116px; background: url(gfx/titular-quesignifica.png); position: relative; top: -10px; left: 40px}

.pag-videos {background:url(gfx/bgd-videos.jpg) center 0 no-repeat;}
.pag-videos a.volver {display: block; margin-bottom: 5px}
.pag-videos #content {padding:136px 72px 0 71px}
.pag-videos #content .colleft {width:525px; padding-bottom:35px}
.pag-videos #content .colleft .mod {width:503px; padding:11px; background:url(gfx/bgd-mod.png) 0 0 repeat; overflow:hidden} 
.pag-videos #content .colleft .mod .letra-cont {width:525px;}
.pag-videos #content .colleft .mod .letra-cont .letra {width:500px; padding:1px; margin-right:2px; margin-bottom:2px; background:url(gfx/bgd-mod.png) 0 0 repeat}
.pag-videos #content .colleft .mod .player-text {padding:4px; width:495px}
.pag-videos #content .colleft .mod .player-text .fecha {padding-bottom:0; font-size:0.9em; float:left}
.pag-videos #content .colleft .mod .player-text .left {padding-right:5px; font-style:normal}
.pag-videos #content .colleft .mod .player-text .ul-estrellas {float:left; padding-right:70px;}
.pag-videos #content .colleft .mod .player-text .nombre {font-size:1.16em; padding:0; margin-top:-6px}
.pag-videos #content .colleft .mod .player-text .titulo {font-size:2.083em; padding:0;}
.pag-videos #content .colleft .mod p {padding-bottom:5px}

/* Replicamos para video ganador */
.pag-version #content .colleft .mod {width:387px; padding:11px; overflow:hidden; margin-top: 35px} 
.pag-version #content .colleft .mod .letra-cont {width:525px;}
.pag-version #content .colleft .mod .letra-cont .letra {width:500px; padding:1px; margin-right:2px; margin-bottom:2px; background:url(gfx/bgd-mod.png) 0 0 repeat}
.pag-version #content .colleft .mod .player-text {padding:4px}
.pag-version #content .colleft .mod .player-text .fecha {padding-bottom:0; font-size:0.9em; float:left}
.pag-version #content .colleft .mod .player-text .left {padding-right:5px; font-style:normal}
.pag-version #content .colleft .mod .player-text .ul-estrellas {float:left; padding-right:70px;}
.pag-version #content .colleft .mod .player-text .nombre {font-size:1.16em; padding:0; margin-top:-6px}
.pag-version #content .colleft .mod .player-text .titulo {font-size:2.083em; padding:0;}
.pag-version #content .colleft .mod p {padding-bottom:5px}
.pag-version #content .colright .mod {margin-top: 35px} 
.pag-version #content .colright .letramusica {padding:11px; margin:0; background:url(gfx/bgd-mod.png) 0 0 repeat}
.pag-version #content .colright .letramusica .cont-text {padding-bottom:5px}
.pag-version #content .colright .letramusica .cont-text .fecha {padding-bottom:0; float:left}
.pag-version #content .colright .letramusica .cont-text .nombre {font-size:1.16em; padding:0; margin-top:-6px}
.pag-version #content .colright .letramusica .cont-text .left { padding-right:5px; font-style:normal}
.pag-version #content .colright .letramusica .cont-text .ul-estrellas {float:left; padding-right:70px;}
.pag-version #content .colright .letramusica .cont-text .titulo {font-size:2.083em; padding:0 0 15px 0;}
.pag-version #content .colright .letramusica .letra-user p {line-height:1.4em}

.pag-videos #content .colleft .modrounded {padding-bottom:20px}
.pag-videos #content .colleft .modrounded .top {width:526px; height:16px; background:url(gfx/bgd-mod-top-526.png) 0 0 no-repeat; font-size: 1px}
.pag-videos #content .colleft .modrounded .med {width:476px; background:url(gfx/bgd-mod-med-526.png) 0 0 repeat-y; padding:8px 25px 0px 25px; margin:0}
.pag-videos #content .colleft .modrounded .med .call-letras {width:245px; height:46px; text-indent:-1000px; display:block; background:url(gfx/callto-letras.gif) 0 0 no-repeat; margin:0; padding:0 0 15px 0 }
.pag-videos #content .colleft .modrounded .med .call-videos {width:245px; height:46px; text-indent:-1000px; display:block; background:url(gfx/callto-video.gif) 0 0 no-repeat; margin:0; padding:0 0 15px 0 }
.pag-videos #content .colleft .modrounded .med p { font-size:1.6em; font-style:normal; padding:0 0 5px 0}
.pag-videos #content .colleft .modrounded .bot {width:526px; height:16px; background:url(gfx/bgd-mod-bot-526.png) 0 0 no-repeat; font-size: 1px}

.pag-videos #content .colright {float:right; padding-bottom:35px; width:316px}
.pag-videos #content .colright .mod {width:294px; padding:11px; margin:0; background:url(gfx/bgd-mod.png) 0 0 repeat; overflow:hidden}
.pag-videos #content .colright .mod .video-cont {width:300px;}
.pag-videos #content .colright .mod .video-cont .video {width:292px; height:100%; clear:both; float:none; padding:1px; margin-right:2px; margin-bottom:2px; background:url(gfx/bgd-mod.png) 0 0 repeat}
.pag-videos #content .colright .mod .video-cont .video .cont-img {float:left; margin-right:6px; width:90px; height:50px; overflow:hidden}
.pag-videos #content .colright .mod .video-cont .video .cont-img img {margin:-15px 0 0 -15px}
.pag-videos #content .colright .mod .video-cont .video .cont-text {padding:4px; float:left; width:185px}
.pag-videos #content .colright .mod .video-cont .video .cont-text .fecha {float:left}
.pag-videos #content .colright .mod .video-cont .video .cont-text .info-stars {float:right}

.pag-calle13 {background:url(gfx/bgd-calle.jpg) center 0 no-repeat;}
.pag-calle13 #content {padding:143px 72px 0 71px}
.pag-calle13 #content .colleft {width:455px}
.pag-calle13 #content .colleft .mod {width:433px; padding:0 11px 11px 11px; margin:0; background:none; overflow:hidden}
.pag-calle13 #content .colleft .mod .intro {font-size:1.33em; padding-bottom:15px}
.pag-calle13 #content .colleft .mod .disco {position:relative; margin-bottom:15px; overflow:hidden; height:100%}
.pag-calle13 #content .colleft .mod .disco .col1 {}
.pag-calle13 #content .colleft .mod .disco .col2 {position:absolute; bottom:0; right:0px; width:243px; font-style:normal; z-index:1}
.pag-calle13 #content .colleft .mod .disco .col2 .titulo {font-size:1.6em}
.pag-calle13 #content .colleft .mod .sep {border-top:1px solid #1c1c1c; height:1px; font-size:1px; margin:10px 0 20px 0; padding:0}
.pag-calle13 #content .colright {float:right; padding-bottom:35px; width:372px}
.pag-calle13 #content .colright .mod {width:350px; padding:11px; margin:0; background:url(gfx/bgd-mod.png) 0 0 repeat; overflow:hidden}
.pag-calle13 #content .colright .galeria {padding-bottom:15px}
.pag-calle13 #content .colright .galeria .imagen {float:left; margin:1px;}
.pag-calle13 #content .colright .galeria .imagen img {display:block}

.pb0 {padding-bottom:0!important}

.pag-calle13 #content {padding:143px 72px 35px 71px}
.pag-calle13 #content .colright .enlaces {}
.pag-calle13 #content .colright .enlaces .enlace {padding-bottom:10px}
.pag-calle13 #content .colright .enlaces .enlace .titulo {font-size:1.5em; padding-bottom:4px}
.pag-calle13 #content .colright .enlaces .enlace a { display:block; padding-bottom:3px}

.pag-calle13premios {background:url(gfx/bgd-calle.jpg) center 0 no-repeat;}
.pag-calle13premios #content {padding:143px 72px 0 71px}
.pag-calle13premios #content .colleft {width:600px}
.pag-calle13premios #content .colleft .mod {width:600px; padding:0 0 11px 0; margin:0; background:none; overflow:hidden}
.pag-calle13premios #content .colleft .mod .intro {font-size:1.33em; padding-bottom:30px}

.pag-calle13entrevista {background:url(gfx/bgd-calle.jpg) center 0 no-repeat;}
.pag-calle13entrevista #content {padding:143px 72px 0 71px}
.pag-calle13entrevista #content .colleft {width:600px}
.pag-calle13entrevista #content .colleft .mod {width:600px; padding:0 0 11px 0; margin:0; background:none; overflow:hidden}
.pag-calle13entrevista #content .colleft .mod .intro {font-size:1.33em; padding-bottom:30px}

.pag-dondequedamos {}
.pag-dondequedamos #content {position: relative; padding-top: 100px}
.pag-dondequedamos #content .izquierda {width: 456px; margin: 10px 0 50px 80px; float: left}
.pag-dondequedamos #content .izquierda .modulo .top {height: 5px; background: url(gfx/bgd-mod-blanco-456-top.png) no-repeat scroll 0 0; font-size: 1px}
.pag-dondequedamos #content .izquierda .modulo .med {padding: 14px 24px; background: #ffffff; color: #000000}
.pag-dondequedamos #content .izquierda .modulo .bot {height: 5px; background: url(gfx/bgd-mod-blanco-456-bot.png) no-repeat scroll 0 0; font-size: 1px}
.pag-dondequedamos #content .izquierda p {font-size: 1.25em}
.pag-dondequedamos a.facebook {display: block; width: 162px; height: 86px; text-indent: -10000px; background: url(gfx/bgd-mod-facebook.png) no-repeat scroll 0 0; position: absolute; bottom: 214px; left: 550px; cursor: pointer; z-index: 1000}
.pag-dondequedamos #titular {width: 513px; height: 116px; background: url(gfx/titular-dondequedamos.png); position: relative; top: -10px; left: 40px}

.pag-novedades #content .izquierda {width: 456px; margin: 10px 0 50px 80px; float: left; overflow: hidden; position: relative}
.pag-novedades #content .izquierda .modulo {margin-bottom: 10px; height: 100%; position: relative}
.pag-novedades #content .izquierda .modulo .top {height: 5px; background: url(gfx/bgd-mod-blanco-456-top.png) no-repeat scroll 0 0; font-size: 1px}
.pag-novedades #content .izquierda .modulo .med {padding: 14px 24px; background: #ffffff; color: #000000; position: relative}
.pag-novedades #content .izquierda .modulo .med img {margin: -16px 0 10px -21px}
.pag-novedades #content .izquierda .modulo .med .fecha {color: #575656; font-size: 1.25em; margin-bottom: 5px}
.pag-novedades #content .izquierda .modulo .med .titular {font-size: 2.08em; line-height: 1em; margin-bottom: 5px; letter-spacing: -.5px}
.pag-novedades #content .izquierda .modulo .med .sep {border-top: 1px solid #e5e5e5; margin-top: 5px; padding-top: 10px}
.pag-novedades #content .izquierda .modulo .med a.vermas {font-size: 1.25em; float: right; height: 100%; position: relative}
.pag-novedades #content .izquierda .modulo .bot {height: 5px; background: url(gfx/bgd-mod-blanco-456-bot.png) no-repeat scroll 0 0; font-size: 1px}
.pag-novedades #content .izquierda p {font-size: 1.25em}
.pag-novedades #content a.facebook {display: block; width: 389px; height: 85px; text-indent: -10000px; background: url(gfx/bgd-mod-facebook.png) no-repeat scroll 0 0; position: absolute; bottom: 110px; left: 550px}
.pag-novedades #titular {width: 551px; height: 85px; background: url(gfx/titular-novedades.png); position: relative; top: -30px; left: 40px; margin-top: 131px}

.sec-home #content {height:540px}
.sec-home .mod-home { position:absolute; top:370px; right:81px}

/* PAGINAS BLANCAS */

body.blanco {color:#000000; background:#FFFFFF}
body.blanco #login a {color:#7f7f7f}
body.blanco #login .sep {border-left:1px solid #c6c6c6}
body.blanco #login .user {color:#404040}
body.blanco #mainnav ul li {color:#000000; border-left:1px solid #b2b2b2}
body.blanco #mainnav ul li.first {border:none;}
body.blanco #mainnav ul li a {color:#000000}

.sec-blanco {background:none}
.sec-blanco #content {padding:49px 0 80px 71px}
.sec-blanco #content div.mensaje {font-size:1.25em; height:130px; padding-top:20px; width: 500px}
.sec-blanco #content .formulario {padding-left:209px; padding-top:30px}
.sec-blanco #content h1 {display:block; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:34px; color:#000000; letter-spacing:-2px}
.sec-blanco #content h2 {display:block; font-size:16px; color:#000000; padding-top: 10px}

/**/

.mod.especial {margin-top: 20px!important; font-size: 16px}
.mod.especial p {width: 250px}

/**/

/* Flash clicable */
a#fullscreen {display: block; position: absolute; top: 0; left: 0; z-index: 15}
#titular {visibility: hidden}
a.fill {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0}
.zi10 {position: relative; z-index: 10}
#portatil-elpais {position: relative; right: -35px}
.separador {border-bottom: 1px solid #e5e5e5; margin-bottom: 12px; padding-top: 8px}
.pag-campana #content .campana .derecha .med {color: #000000; width: 287px; background: #ffffff; padding: 14px 14px 4px 14px}
a.ir-a-elpais {display: block; margin-top: -42px; position: relative}
.pag-campana #titular {height: 130px!important}
#deco {position: absolute; top: -50px}