/* base font */
html { font-size:62.5%; font-family: Tahoma; }
body { margin:0; font-size:100%; } /*Estandar*/
* html body { font-size:100%; } /*IE6*/
*:first-child+html body { font-size:100%; } /*IE7*/




a{ color:#2D3335; text-decoration:none;}
a:hover{ text-decoration:none;}

a:link, a:visited, a:active { color: #990000;} a:hover { color: #2D3335; } h1 {margin: 0 0 0px 0;}




/* Resets de textos */
h1, h2, h3, h4, h5, h6, p, pre, blockquote { margin: 0; font-size:1em; }
ul, ol, dl, dt, dd { padding:0; margin:0; list-style-type:none; }


/* Reset de tablas */
table { border-collapse: collapse; width:100%; font-size: 1em;}
td { vertical-align: top;}
caption, th { text-align: left; }

/* Enlaces */
a { text-decoration: none; outline:none;}
a:hover { text-decoration: underline; }
a img { border: none; }

/* Formularios */
form { margin:0; }
fieldset { margin:0; padding:0; border: none; }
legend { padding:0; }
input, textarea, select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; }

.creditos ul{padding-top: 5px; padding-left: 10px;}
.creditos.llorens ul{padding-left: 176px;}
.creditos li{color: #fff; font-size: 11px; float: left; display:inline; margin: 0 5px 2px 0; }

.salto{clear: both; width: 300px;}


/*
	Clases genericas
************************************/

/* estirar */
.estirar:after {content:".";display:block;	height:0;clear:both;visibility:hidden;}
.estirar { display:inline-block; }
/* Hide from IE Mac \*/
.estirar { display:block; }
* html .estirar { height:1px; }
/* End hide from IE Mac */

/* Columnas */
.izq, .col_i { float: left; display:inline; }
.drcha, .col_d { float: right; display:inline; }
.col_d span{float: right; display:inline; }
.mod-txt{ display:table;height:1%;}
.mod-img{ float:left; display:inline;}

/* ---------------------------------------------------------------------------------- */
body{ background:#fff url('../img/fondo.jpg') no-repeat center 0; }
#contenedor{ width:995px; margin:0 auto 2em auto;}
h1{ position:relative; text-indent:-9999px; overflow:hidden; height:293px;}
/*h1 a.logopais{ position:absolute; left:322px; top:156px; width:130px; height:25px; text-indent:-999px; overflow:hidden;}
h1 a.logobabelia{ position:absolute; left:222px; top:156px; width:92px; height:25px; text-indent:-999px; overflow:hidden;}*/
ul{ margin-bottom:.5em;}
li{ float:left; position:relative;  height:1%;border-right: 1px #fff solid; }
li a{ display:block; position:absolute; left:0; top:0; z-index:25; width:160px; height:160px; background:#000; text-indent:-9999px; overflow:hidden; opacity: 0; filter: alpha(opacity=0);}
li img{ display:block;}
.suple{ float:right;}
#contenedor p.f_naranja{ float:left; color:#fff; background:#FE6F00 url('flecha.gif') no-repeat right center;; font-style:italic; font-variant:normal; font-weight:normal; line-height:1em; font-size:2.2em; font-family:Georgia, Times New Roman, Times, serif; padding-left:12px; padding-right:20px; padding-top:3px; padding-bottom:3px}
#contenedor p.creditos{color: #989898; font-size: 10px; font-weight: bold; width: 241px; float: right; text-align: right; padding-top:2px;}
#contenedor p.creditos span{color: #767676;}




#pie{ clear:both; width:995px; margin:0 auto 1em auto;font:1.2em/1em Arial, Helvetica, sans-serif; color:#2D3335; font-family: Tahoma; padding-bottom: 4em; }
#pie img{float: left; display: inline; display: block;}

.pie_i{float: left; display: inline; width: 200px; margin-bottom: 3em; }
.pie_d{float: right; display: inline;  width: 700px; margin-top:5em;}
.pie_i a{display: block; padding-top: 68px; padding-left: 8px; color: #4C4C4A;}
#pie .pie_d img{display: inline; position: relative; left: 30px;}






.content_player{ position:absolute; z-index:300; left:50%; top:50px; margin:0 0 0 -250px; width:500px; display: none;}
.caratulas{margin-top: 12px;}

#player{ width: 500px;}
#player .cerrar{ float:right; margin-bottom:6px; background:#0D1212 url('f-cerrar.gif') no-repeat right center;  color:#FFF; font-style:normal; font-variant:normal; font-weight:bold; line-height:10px; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding-left:12px; padding-right:29px; padding-top:8px; padding-bottom:7px}
#player .int{ clear:both; background:#FFF; padding:9px; }
#player .video{ margin-bottom:12px; width:480px; height:360px;}
#player h2 { font:bold 2em/1.2em Arial, Helvetica, sans-serif; color:#000; margin-bottom:7px;}
#player p { font:1.3em/1.2em Arial, Helvetica, sans-serif; color:#364A4C; margin-bottom:14px;} 
#player p.autor { color:#fff; text-transform:uppercase;}
.enlace{color: #000; font-size: 11px;}
body.con_player{ height:auto; overflow:hidden;}

.sombra{z-index:250; display:none; background:#000; position:absolute; left:0; top:0; height:991px; width:100%; opacity: 0.90; filter: alpha(opacity=90);}

.titulo{position: absolute; left: 0; bottom: 0; background: url('px-trans.png') 0 0; width: 150px; color: #fff; padding: 5px; display: none}


#player_container{position: absolute; top: 0; left: 199px; z-index:300; width: 387px; height: 39px; background: url('f_player_audio.jpg') repeat-x 0 0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:0}
#player_container #player_controls{float: left; display: inline; width: 184px;}
#player_container li{float: left; display: inline;}
#player_container #player_play{background: url('play-stop.jpg') no-repeat 0 0; display: block; overflow: hidden; text-indent: -9999px; width: 27px; height: 27px}
#player_container #player_pause{background: url('play-stop.jpg') no-repeat 0 -27px; display: block; overflow: hidden; text-indent: -9999px; width: 27px; height: 27px}
#player_container #player_pause:hover, #player_container #player_play:hover{cursor: pointer;}
#player_container #player_stop span{background: url('btn_inicio.jpg') no-repeat 0 0; display: block; overflow: hidden; text-indent: -9999px; width: 21px; height: 21px; margin-left:8px; margin-right:0; margin-top:3px; margin-bottom:0}
#player_container #player_progress{ border: 1px #fff solid; height:7px;left:122px;position:absolute; z-index:280;top:17px;width:122px;}
#player_container #player_progress_load_bar{background: url('f_barra.gif') repeat-x 0 0; height: 7px; width: 115px }
#player_container #player_progress_play_bar{background-color: #eee; height: 7px;}
#player_container #player_progress_load_bar:hover{cursor: pointer;}
#player_container #player_volume_min, #player_container #player_volume_max{display: none;}
#player_container #player_playlist_message #song_title{position: absolute; top: 0; left: 10px; display: none; z-index:280;}
#player_container #player_playlist_message #play_time{position: absolute; top: 15px; left: 80px; z-index:280;}
#player_container #player_playlist_message #total_time{position: absolute; top: 15px; left: 259px; z-index:280;}

.marquesina{ background:#288e00; padding: 0.8em 0; }
.marquesina p{ width:995px; margin:0 auto; }
.subtitulo{color: #fff; font-size: 14px; cursor: pointer;}
.rojo{color: #CC0000; font-size: 10px;}
.remast{font-size: 11px;}

.play{background: url('icono-play.gif') no-repeat 0 0; display: block; overflow: hidden; text-indent:-9999px; width: 100px; height: 60px; position: absolute; top: -55px; left: 55px}

.videos{background: url('2px.gif') repeat-x 0 bottom; padding-bottom: 17px; width: 966px; margin-bottom: 25px}
.audios {font-size: 11px; color: #666666; background: url('../img/separata.gif') no-repeat 0 bottom; padding-bottom: 50px}
.audios li{margin-bottom: 1px; position: relative;}
.audios li a{display:inline; position:absolute; top: 0; left: 0; width: 79px; height: 79px; z-index: 200; background: transparent; opacity: 1; filter: alpha(opacity=100); }


.audios ul li { width:79px; height:79px;}
.audios ul li img { display:block;}
.audios ul li a {display:block; overflow:hidden; position:absolute; text-indent:0;}
.audios ul li a:hover { border: 6px #990000 solid; width:67px; height:67px;  }
.audios ul li a:hover img { position:relative; top:-6px; left:-6px;}
.audios ul li.marcado a { border: 6px #288e00 solid; width:67px; height:67px; }
.audios ul li.marcado img {  position:relative; top:-6px; left:-6px;}

.audios ol li{float: left; display: inline; width: 156px; padding-right: 10px;}
.audios ol li a{text-indent: 0; overflow:visible; position: static; color: #666; height:;}

.audios #col-izq-index{float: left; display: inline; width: 700px; margin-top:2em; }
.audios #col-izq{float: left; display: inline; width: 220px; margin-top:2em; }
.audios #col-der{float: left; display: inline; margin-left:1em; margin-top:2em; width: 750px;}
.audios #col-der h2{font-family: Arial Narrow; font-size: 3em; font-weight: bold; margin-bottom:0.5em; }
.audios #col-der h3{color: #c7610c; font-family: Tahoma; font-size: 1.5em; padding-top: 3px; margin-bottom:0.5em;}
.audios #col-der h4{font-size: 14px; font-weight: bold; margin-bottom: 8px; padding-top: 15px;}
.audios  .cont_i{float: left; display: inline; width: 44.5em;}
.audios  .cont_icertamen{float: left; display: inline; width: 60em;}
.audios  .cont_d{float: right; display: inline; width: 250px;}
.player_audio{clear: both;}

.audios ol li .aif{background: url('ico_aif.gif') no-repeat right 4px; padding-left:0; padding-right:15px; padding-top:2px; padding-bottom:2px}

.aclaracion{padding: 4px 0 10px 0;}