
/**** Modifica las generales ****************/

#contenido { background:url(../img/fndo_columnas.gif) repeat-y 67.7em top;}
#contenido ul li .mod_txt{ display:table; height:1%;}


/**** Columna izquierda ****************/

#col_izq{ display:inline; float:left; margin-right:0.9em; width:66.7em; background:url(../img/fndo_columnas_colizq.gif) repeat-y left top;}
#col_izq .promo{background: url("../img/fndo_promo.jpg") repeat-x scroll left bottom transparent; padding:0 0 10px 0; width:66.8em;}
#col_izq .promo h2{ display:inline; float:left; font-size:1em; margin:0.9em 0 0 1.1em; padding:0; border:none;}
#col_izq .promo h2 a{display:block; padding:0; margin:0;}
#col_izq .promo ul{ margin:0; padding:2em 0 0 0; float:left; width:37.5em; }
#col_izq .promo ul li{padding:0 1.1em; margin:0 0 1em 1.5em; background:url(../img/bolo.gif) no-repeat left 0.5em;}
#col_izq .promo ul li a{ font:bold 1.4em Arial, Helvetica, sans-serif; color:#fff;}
#col_izq .promo ul li p{ color:#fff; margin:0.2em 0 0 0;}

/**** Columna izquierda interior****************/

#col_izq .col_int{ float:left; display:inline;}
#col_izq .izq{ margin-right:1.2em; width:31.5em; padding:0;}
#col_izq .der{ width:34em; margin:0; padding:0;}
#col_izq h2{ border:1px solid #aaabbc; font-size:1em; background:url(../img/cama1.jpg) repeat-x left top; padding:0.4em 0 0.5em; margin:0; }
#col_izq h2 a{font:bold 1.3em Arial, Helvetica, sans-serif; color:#333; background:url(../img/bolog_rojo.gif) no-repeat 0.6em center; display:block; margin:0; padding:0 0.6em 0 2em;}
#col_izq ul li .foto .play{left:4px; position:absolute; top:59px;}

/**** Columna izquierda interior izquierda****************/

#col_izq .izq h2{ text-indent:-9000px; height:86px; background:url(../img/titulo1_colizq.jpg) no-repeat left top; padding:0; margin:0; border:none;}
#col_izq .izq form{ margin:0; padding:0;}
#col_izq .izq .menuescuchando{ background:#fff url(../img/fndo_menucolizq.jpg) no-repeat left top; margin:0; padding:2em 0.8em 1em; border-right:1px solid #acacbd; border-left:1px solid #acacbd;}
#col_izq .izq .menuescuchando li{ display:inline; float:left; font:1.2em Arial, Helvetica, sans-serif; color:#000; width:8.2em; padding-bottom:0.6em;}
#col_izq .izq .menuescuchando li input{ vertical-align:middle; padding:0; margin:0 0.2em 0 0;}

#col_izq .izq h3{ font:1.4em Arial, Helvetica, sans-serif; color:#333; padding:0.8em 0 0.4em 0.8em; margin:0; background:#fff; border-right:1px solid #acacbd; border-left:1px solid #acacbd;}
#col_izq .izq h3 span{ font-weight:bold;}
#col_izq .izq h4{ margin:0; padding:0.6em 0.9em; font:bold 1.2em Arial, Helvetica, sans-serif; color:#fff; background:#acacbd;}
#col_izq .izq h4 strong{ font-size:14px;}
#col_izq .izq h4 span{ font-size:11px; font-weight:normal; padding-top:0.3em; display:block;}

#col_izq .izq .musica_escuchando{ background:#fff; margin:0; padding:0;}
#col_izq .izq .musica_escuchando li{margin:0; padding:0;  border-bottom:1px solid #c3c4c9;  position:relative; background: #d3d4d4 url(../img/1x1blanco.gif) repeat-x left bottom; float:left;}
#col_izq .izq .musica_escuchando li .hora { display:inline; float:left; width:3.2em; padding-left:0.7em; margin:0.7em 0 0 0; font-size:1.1em;}
#col_izq .izq .musica_escuchando li .mod_contenido { display:inline; float:left; background: #fff url(../img/fndo_contenido.jpg) repeat-x left bottom; width:24.2em; padding:0.7em 1.5em 1.5em;}


#col_izq .izq .musica_escuchando li .mod_contenido .mod_txt{ display:inline; float:left; width:15em; padding:0; margin:0;}
#col_izq .izq .musica_escuchando li .mod_contenido .mod_txt h5{ margin:0.3em 0 0 0; padding:0; font:1em Arial, Helvetica, sans-serif; color:#b50027; text-transform:uppercase;}
#col_izq .izq .musica_escuchando li .mod_contenido .mod_txt h5 .titulo{ text-transform:none; margin:0.1em 0 3.5em 0; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#545454;}

/**** ESTRELLAS VOTACION ****************/

.votos_estrellas{ position:absolute; right:0; bottom:1.5em; width:16.5em;}
.votos_estrellas .votos .txt{ display:inline; float:left; font:1.1em Arial, Helvetica, sans-serif; color:#666;}
.votos_estrellas .votos .estrellas{ display:inline; float:left; position:relative; width:65px; background: url(../img/ico_voto.gif) repeat scroll 0% 50%; height:16px; margin-left:0.5em;}
.votos_estrellas .resultado .estrellas{ background:none; width:77px;}

.votos_estrellas .voto1 { width:13px; z-index:14;}
.votos_estrellas .voto2 { width:26px; z-index:13;} 
.votos_estrellas .voto3 { width:39px; z-index:12;} 
.votos_estrellas .voto4 { width:52px; z-index:11;} 
.votos_estrellas .voto5 { width:65px; z-index:10;} 
.votos_estrellas a { display:block; height:12px; position:absolute; width:12px; }
.votos_estrellas a:hover { background: url(../img/ico_voto_ok.gif) repeat scroll left top; }

/**** NAVEGACION ****************/

#col_izq .navegacion{  margin:0; padding:2.9em 0 1.4em; background:#fff; border-bottom:4px solid #acacbd;}
#col_izq .navegacion ul{ float:right; margin:0; padding:0;}
#col_izq .navegacion ul li{ color:#666;}
#col_izq .navegacion ul .boton{ display:block; height:21px; margin:0pt; padding:0pt; text-indent:-9000px; width:76px;}
#col_izq .navegacion ul .anterior{ background:transparent url(../img/btn_anterior_txt.gif) no-repeat scroll left top; margin-right:1em;}
#col_izq .navegacion ul .siguiente{ background:transparent url(../img/btn_siguiente_txt.gif) no-repeat scroll left top; margin-left:1em;}
#col_izq .navegacion ul li span {color:#202574;}
#col_izq .navegacion ul li a {display:block; height:21px; overflow:hidden;}

/**** Columna izquierda interior derecha****************/

#col_izq .final_columna{ padding:1em 0; border-bottom:4px solid #acacbd;}


/**** lomasvisto****************/
/**** Generales****************/

#col_izq .lomas{ background:#eaeaee;}
#col_izq .lomas ul{margin:0 0 0.7em;  padding:0; background:url(../img/fndo_lomas.jpg) repeat-x left top; }


/**** listado****************/

#col_izq .lomas ul li { background:#fff url(../img/fndo_listadolomas.jpg) repeat-x left bottom; list-style-type:none; margin:0 0.9em; padding:1.2em 0.7em 1em; position:relative; border-right:1px solid #fff; border-left:1px solid #fff; }
#col_izq .lomas ul li h3 { font:1em Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; margin:0; padding:0;}
#col_izq .lomas ul li h3 .titulo { font-size:1.2em; color:#545454; font-weight:bold; color:#545454; margin:0.2em 0 0; text-transform:none; }
#col_izq .lomas ul li p { margin:0.2em 0 0; padding:0; }
#col_izq .lomas ul li .link{ margin:0.4em 0 0 0;}

/**** principal****************/

#col_izq .lomas ul .principal { background:url(../img/fndo_principal_listadolomas.jpg) repeat-x left bottom; padding:1.2em 0 1.6em; border:none;}
#col_izq .lomas ul .principal h3{ color:#333333; font:1.1em Arial, Helvetica, sans-serif; margin:0.9em 0 0; padding:0; text-transform:uppercase; margin:0; padding:0.7em 0.7em 0.4em;}
#col_izq .lomas ul .principal h3 span{ color:#000000; font:bold 1.37em Arial, Helvetica, sans-serif; display:inline; text-transform:none;}
#col_izq .lomas ul .principal p{ color:#333; padding:0 0.7em;}
#col_izq .lomas ul .principal .player { margin:0; padding:0; }
#col_izq .lomas ul .principal img { float:none; margin:0pt; }

/**** efemerides****************/

#col_izq .mod{ border:1px solid #d0d0d0; margin-top:1px; background:#fff;}

/**** principal****************/

#col_izq .efemerides .principal{ margin:0;  padding:0 0.9em 0; }
#col_izq .efemerides .principal h3{ margin:0;  padding:0.8em 0; font:bold 1.4em Arial, Helvetica, sans-serif; color:#333; background:#fff;}
#col_izq .efemerides span{ margin:0;  padding:0; color:#b50027;}

#col_izq .efemerides .principal h4{ font:bold 1.4em Arial, Helvetica, sans-serif; color:#444466; margin:0.7em 0 0 0; padding:0;}
#col_izq .efemerides h4 a{ color:#444466;}
#col_izq .efemerides .principal h4 span{ font-size:0.86em;}
#col_izq .efemerides .principal .text{ font-size:1.3em; color:#333; padding:0; margin:0.6em 0;}
#col_izq .efemerides .principal .mod_conten{ padding:1.2em 1.2em 0.9em 1.2em; background:#eceef0;}
#col_izq .efemerides .principal .link{ padding-bottom:0.6em; padding-top:0; margin:0;}

/**** listado****************/

#col_izq .efemerides ul{ margin:0;  padding:0.9em 2em;}
#col_izq .efemerides ul li{ padding:1.2em 0 0.8em; margin:0; background:url(../img/puntos_hor.gif) repeat-x left bottom;}
#col_izq .efemerides ul li h4{ font:bold 1.2em Arial, Helvetica, sans-serif; color:#444466; margin:0; padding:0;}
#col_izq .efemerides .linkaudio{ margin:0;}
#col_izq .efemerides p{ margin:0.3em 0 0.8em; padding:0; text-align:justify;}
#col_izq .efemerides .link{ padding-bottom:0; padding-top:0; margin:0;}
#col_izq .efemerides ul li h4 span{ font-size:0.95em;}
#col_izq .efemerides ul .ultimo{ background:none; padding-bottom:0;}
#col_izq .efemerides .final_columna{ background:#efeff2 url(../img/sombra_vermas.jpg) repeat-x left top;}


/**** Columna inferior ****************/

#col_izq #col_inf { clear:both; padding-top:2em; background:#fff; border-bottom:1px solid #d0d0d0; }
#col_izq #col_inf .mod{ background: url(../img/fndo_colinf.gif) repeat-y 0.9em top; padding-bottom:1em; border-bottom:10px solid #fff;}
#col_izq #col_inf .principal{ float:left; display:inline; margin-right:1em; width:31.8em; border:0;  background:none;}
#col_izq #col_inf ul{ float:left; display:inline; border:0; margin:0; padding:2.8em 0 0 0; width:30.1em;}
#col_izq #col_inf ul li{ float:left; }


/**** Columna derecha ****************/

#col_der{ display:inline; float:right; width:29.9em; background:url(../img/lineasup_cloder.gif) repeat-x left top; position:relative; margin:0; padding:0;}

#col_der .destacado{ padding:0; border:0; background:url(../img/cama2.jpg) repeat-x left bottom; margin:2px 0 0;  color:#202574; font-size:1em; height:1%;}
#col_der .destacado span{ font:bold 1.1em Arial, Helvetica, sans-serif; padding:0.6em 0 0.8em 3em; display:block;}

#col_der .express span{ background:url(../img/ico_alerta.gif) no-repeat 1em 0.6em; }

#col_der .btn_altavoz{ width:113px; padding:0.1em 0pt 0.2em 1.9em; position:absolute; right:1em; top:0.6em; display:block; z-index:1; margin:0;}
#col_der .btn_altavoz a{ font:0.9em Arial, Helvetica, sans-serif; color:#eceef0;}
#col_der .on{ background:url(../img/btn_estasescuchando.jpg) no-repeat left top; }
#col_der .on a{ padding-left:1.6em;}
#col_der .off{ background:url(../img/btn_escucha.jpg) no-repeat left top;}
#col_der .off a{ padding-left:2em;}

#col_der .lista_express{ background:#f3f3f5; padding:1em 1.4em 0.5em;}
#col_der .lista_express li{ padding:0 0 1em 1.2em; margin:0; border:0; background:transparent url(../img/bolo_gris.gif) no-repeat left 0.5em; font:1.3em Arial, Helvetica, sans-serif; color:#202574;}
#col_der .lista_express li a{color:#202574;}




#col_der h2 { margin:0; padding:0; background:url(../img/lineasup_cloder.gif) repeat-x left top; font-size:1em; height:1%; }

#col_der h2 span { padding:0.4em 0 0.4em 2.3em; display:block;background:url(../img/bolo_azul.gif) no-repeat 1em 0.6em; font:bold 1.2em Arial, Helvetica, sans-serif; color:#000; }

#col_der ul { margin:0; padding:0.9em; background:url(../img/lineainfh2_cloder.gif) repeat-x left top; }
#col_der ul li { border:1px solid #cdcdcd; background:#fff; margin-bottom:0.6em; padding:0.7em;}
#col_der ul li h3 { font-size:1em; margin:0; padding:0;}
#col_der ul li h3 a { color:#202574; font:bold 1.2em Arial, Helvetica, sans-serif;}
#col_der ul li p{ margin:0.2em 0 0; padding:0; }

#col_der ul .principal { padding-bottom:1.5em; height:1%;}
#col_der ul .principal h3 a { color:#202574;}
#col_der ul .principal img{ margin:0 0 0.4em 0; padding:0;}

/*** Modulo actualidad en portada ***/

#col_izq .mod-actualidad h2 {background:none}
#col_izq .mod-actualidad {background:#fff}
#contenido #col_izq .der.mod-actualidad h2{border:1px solid #d0d0d0; background:none;padding:0}
#contenido #col_izq .der.mod-actualidad h2 a{background: url(../img/bolo_rojo.gif) no-repeat 0.6em 0.6em; color:#333333; display:block; font:bold 1.5em Arial,Helvetica,sans-serif; margin:0; padding:3px 10px 3px 20px;}

#col_izq .der.mod-actualidad ul{padding:0 0 0 14px;margin:10px 0}
#col_izq .der.efemerides ul {margin:10px 0}
#col_izq .der.mod-actualidad ul li {background:url(../img/linea_puntos.gif) repeat-x scroll left bottom;padding:0 9px 10px}

#col_izq .der ul li h3 {font-size:14px;font-family:Arial,Helvetica,sans-serif}

#sec-actualidad #col_izq .der.mod-actualidad ul li h3 {font-size:1.6em}
