#contenedor{ width:100em; background:url(../img/fndo_contenedor_player.gif) repeat-x left 31em; position:relative; margin:5% auto}

.banner{ width:1000px; height:62px; background:#060d36; margin-top:3px;}

/**** Cabecera ****************/

#cabecera{ background:#21234e url(../img/fnd-player-2009.jpg) no-repeat left top; margin:0; padding:0; height:66px;}

/**** logo****************/

#cabecera h1{ margin:1em 0 0 0; padding:0 0 0.8em 0; background:url(../img/logotipop.gif) no-repeat left top; width:11.7em; height:3.5em;}
#cabecera h1 a{ width:11.7em; height:3.5em; display:block;}

/**** texto derecha ****************/

#cabecera .endirecto{ right:1.8em; top:1.4em; width:400px;}
#cabecera .endirecto .escucha { padding-top:0.5em; padding-bottom:0.1em; color:#FFFFFF; float:right; font:bold 1.2em Tahoma; width:160px; margin:0; }
#cabecera .endirecto h2  { padding-top:0; line-height:1.6em; color:#e1e1e7; font:1.7em Arial, Helvetica, sans-serif;  }
#cabecera .endirecto h2 .nombre {color:#e1e1e7;}

#cabecera .activo .escucha { background: url(../img/ico_altavoz_activo.gif) no-repeat left 0.3em;}
#cabecera .silenciado a{ background: url(../img/ico_altavoz_silenciado.gif) no-repeat 0.2em 0.2em; width:164px;}
#cabecera .inactivo a { background: url(../img/ico_altavoz_noactivo.gif) no-repeat left 0.3em;}


/**** estructura ****************/

#contenido{ margin:0; padding:0; width:auto; background:url(../img/fndo_col_player.jpg) repeat-y left top;}
#contenido #col_izq{ width:36.4em; float:left; display:inline; margin:0 1.5em 0 1em; padding:1.4em 0 0 0;}
#contenido #col_izq .escuchar{ padding:0 0 10px 0;}
#contenido #col_izq .escuchar a{ color:#3B4D9D; text-decoration:underline;}
#contenido #col_der{ width:38.6em; float:left; display:inline; margin:0 0 0 1.1em; padding:0;}

/**** generales ****************/
#contenido p{ color:#333;}
#contenido h3 { font-size:1em; margin:0; padding:0;}
#contenido h3 a { color:#3b4d9d; font:bold 1.3em Arial, Helvetica, sans-serif;}

/**** columna player ****************/

#player_div{ border:1px solid #6a6f8e;}
#player_div .botones_player{ background:url(../img/fndo_topplayer.jpg) repeat-x left top; height:2.3em; padding:0.8em 0 0 1em; border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff;}
#player_div .botones_player ul{ margin:0; padding:0;}
#player_div .botones_player ul li{ background:url(../img/separador3.gif) repeat-y right top; display:inline; float:left;}
#player_div .botones_player ul .ultimo{ background:none;}
#player_div .botones_player ul li .webcam{ background:url(../img/ico_webcam.gif) repeat-y left top; display:inline; float:left;}
#player_div .botones_player ul li .grados{ background:url(../img/ico_360.gif) repeat-y left top; display:inline; float:left; margin-left:1em;}
#player_div .botones_player ul li a { padding:0 1em 0.2em 2em; font:1.2em Arial, Helvetica, sans-serif; color:#202574;}

/**** columna derecha ****************/

#col_der ul { margin:0; padding:0.5em 0 0 0; }
#col_der ul li { padding:0.9em 1.5em 3.2em 0; margin:0; background:url(../img/fndo_lista_player.jpg) repeat-x left bottom;}
#col_der ul li img{ float:left; margin:0 1em 0 0;}
#contenido ul li .contenido { display:table; height:1%;}
#col_der ul li p{ margin:0.2em 0 0; padding:0;}
#col_der ul .ultimo { background:none;}
#contenido .programa{ border:1px solid #d2d2d2; margin:2em 0 0 0; padding:1em; background:#fff}
#contenido .programa img{ float:left; margin:0 1em 0 0;}
#contenido .programa .contenido { display:table; height:1%;}
#contenido .programa p{ margin:0.2em 0 0; padding:0; }
#contenido .programa .fndo_programa_down{ background: #fff url(../img/fndo_programa_down.jpg) repeat-x left bottom; height:5px; display:block; padding:0; margin:0; position:absolute; left:0; bottom:0;  width:36.2em;}

/**** webcam y 360 ****************/

#fondo{position:absolute; left:0px; right:0px; top:0px; bottom:0px; background:#000;z-index:2;filter:alpha(opacity=60);opacity:0.6; }
*html #fondo{width:100%; height:375px;}

#web_cam{position:absolute; width:260px; z-index:10; padding:7px 7px 7px 7px; border:1px solid #424242; background:#000; left:256px; top:83px;}
#web_cam .cerrar{float:right; display:inline; margin:0 0 7px 0;}
#estudio{position:absolute; width:400px; z-index:10; padding:7px 7px 7px 7px; border:1px solid #424242; background:#000; left:190px; top:83px;}
#estudio .cerrar{float:right; display:inline; margin:0 0 7px 0;}

#pie{ border-top:1px solid #cdcdcd; width:97.7em; margin:4em 1em 0; padding:1em 0.2em;}
#pie span{ float:left; display:inline; width:60%; font:bold 1.1em Arial, Helvetica, sans-serif; color:#666;}
#pie span a{ color:#999; font-weight:normal; background:url(../img/separador.gif) no-repeat left 0.2em; padding:0 0.4em 0 0.7em; text-decoration:underline;}
#pie .der{ text-align:right; color:#999; width:40%;}
#pie .der .ultimo{ background:url(../img/guion.gif) no-repeat left 0.6em; }
#pie span.prisa { background: url(../img/logo_prisa.gif) no-repeat 80px center; padding: 10px 25px 10px 0; width: 145px;}
#pie span.prisa a { text-decoration: none; padding: 0; display: block;}