body {
background:#f0f0f0 url(../img/fon.gif) repeat;
color:#444;
font:0.8em "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
margin:20px 0;
padding:0;
overflow-x: hidden;
}

h1 {
background:url(../img/det_h1.gif) left 0 no-repeat;
font:bold italic 24px "Century Gothic", Georgia, "Times New Roman", Times, serif;
color:#00214E;
float:right;
margin:15px 30px 0 0;
padding:1px 0 0 50px;
}

h2 {
font:bold italic 16px "Century Gothic", Georgia, "Times New Roman", Times, serif;
}


h3 {
float:right;
background:url(../img/fnd.gif) top left no-repeat;
height:80px;
color:#00214E;
font:bold italic 16px "Century Gothic", Georgia, "Times New Roman", Times, serif;
text-align:center;
margin:0 0 0 20px;
padding:20px;
}

h3 a {
color:#00214E;
font:bold italic 16px "Century Gothic", Georgia, "Times New Roman", Times, serif;
text-decoration:none;
}

h3 img {
margin-left:8px;
vertical-align:bottom;
}

h4 {
font:bold italic 16px "Century Gothic", Georgia, "Times New Roman", Times, serif;
background:url(../img/barra_h4.png) right bottom no-repeat;
padding-bottom:3px;
text-align:right;
}

h6 {
font:bold italic 16px "Century Gothic", Georgia, "Times New Roman", Times, serif;
background:url(../img/barra_h5.png) left bottom no-repeat;
padding-bottom:3px;
text-align: left;
clear:left;
}

img {
border:0;
}

a {
font-weight:700;
color:red;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

.global {
width:980px;
border:4px solid #CCC;
background:#fff url(../img/global.gif) top left no-repeat;
margin:0 auto;
padding:60px 0 0 0;
}

.global #logo {
float:left;
clear:right;
width:200px;
height:100px;
z-index:1001;
}

.global #banner {
float:right;
width:470px;
height:72px;
border:2px solid #CCC;
margin:10px 150px 0 0;
font-size:9px;
font-weight:normal;
}

#cabecera .menu {
float:left;
width:838px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #CCC;
height:23px;
background:url(../img/fnd_menu.gif) repeat;
margin:15px 0 0 125px;
_margin-left:60px
}

#cabecera .menu ul,li {
list-style-type:none;
}

#cabecera .menu ul {
margin:0;
padding:0;
}

#cabecera .menu li {
float:left;
}

#cabecera .menu a {
text-decoration:none;
color:#fff;
display:block;
text-align:center;
border:none;
padding:5px 15px;
}

#cabecera .menu a#current {
color:#01224F;
background:#D0D0D0;
}

#cabecera .menu a:hover {
color:#BBC4D5;
}

#cabecera .menu .sincont {
color:#666;
}

.ContenedorCentral {
float:left;
width:840px;
font:normal 11px verdana;
margin-left:125px;
background:url(../img/people.gif) bottom no-repeat;
padding-bottom:20px;
_margin-left:60px;
}

.ContenedorCentral #tit {
background:url(../img/enterate.gif) left no-repeat;
color:#273947;
font:bold 10px verdana;
margin:14px 0 0;
padding:24px 0 5px 5px;
}

.ContenedorCentral #banners {
float:right;
width:220px;
}

.ContenedorCentral #banners img {
margin-top:20px;
}

.ContenedorCentral #Cajaizda {
width:280px;
float:left;
background:url(../img/track_30.jpg) top no-repeat;
margin-top:15px;
height:205px;
}
.ContenedorCentral #CajaizdaAlbum {
width:280px;
float:left;
background:url(../img/album_de_la_semana.jpg) top no-repeat;
margin-top:15px;
height:205px;
}
.ContenedorCentral #CajaizdaAlbum #contenidoCajaIzda {
margin-top:62px;
color:#444;
text-align:left;
font:normal 11px verdana;
}



.ContenedorCentral #Cajaizda #contenidoCajaIzda {
margin-top:62px;
color:#444;
text-align:left;
font:normal 11px verdana;
}

.ContenedorCentral #CajaDcha {
width:280px;
float:left;
background:url(../img/dance.jpg) top no-repeat;
height:205px;
margin:15px 0 0 30px;
}

.ContenedorCentral #CajaDchaImpacto {
width:280px;
float:left;
background:url(../img/impacto_trak.jpg) top no-repeat;
height:205px;
margin:15px 0 15px 30px;
}

.ContenedorCentral #CajaDchaImpacto #contenidoCajaDcha {
margin-top:62px;
color:#444;
text-align:left;
font:normal 11px verdana;
padding-right:5px;
}


.ContenedorCentral #CajaDcha #contenidoCajaDcha {
margin-top:62px;
color:#444;
text-align:left;
font:normal 11px verdana;
padding-right:5px;
}

.veurellista {
float:right;
font:bold 11px verdana;
color:#fff;
text-align:left;
background:url(../img/flecha.gif) right no-repeat;
padding-right:12px;
margin:4px 20px 0 0;
}

.veurellista a {
font:bold 11px verdana;
color:#FFF;
text-decoration:none;
padding-right:5px;
}

.veurellista a:hover {
font:bold 11px verdana;
color:#FFF;
text-decoration:underline;
}

.ContenedorCentral #impacto {
width:595px;
float:left;
background:url(../img/impacto.gif) top no-repeat;
margin-top:25px;
height:128px;
}

.ContenedorCentral #impacto #contenidoimpactoizda {
width:220px;
color:#444;
text-align:left;
font:normal 11px verdana;
float:left;
margin:37px 0 0 4px;
}

.ContenedorCentral #impacto #contenidoimpactoDcha {
width:220px;
color:#444;
text-align:left;
font:normal 11px verdana;
float:left;
margin:37px 0 0 145px;
}

#contenido {
width:580px;
text-align:justify;
margin-top:20px;
float:left;
}

.peu {
width:988px;
background-color:#BBC4D5;
font:normal 9px verdana;
text-align:center;
color:#FFF;
clear:both;
margin:0 auto 10px;
padding:3px 0;
}

.peu a {
color:#FFF;
text-decoration:underline;
}

.peu a:hover {
text-decoration:none;
color:#00214E;
}

.clr {
clear:both;
}

.str12 {
font:italic 11px verdana;
font-weight:700;
color:#032451;
}

.str14 {
font:italic 12px verdana;
font-weight:700;
color:#D00000;
}

.ContenedorCentral #Cajaizda img,.ContenedorCentral #CajaDcha img,.ContenedorCentral #impacto img {
float:left;
margin:0 12px 0 4px;
}
.ContenedorCentral #CajaizdaAlbum img,.ContenedorCentral #CajaDchaImpacto img,.ContenedorCentral #impacto img {
float:left;
margin:0 12px 0 4px;
}

.imglist {
border:2px solid #ccc;
float:left;
margin:0 20px 20px 0;
padding:2px;
}

#TICKER {
overflow:hidden;
width:520px;
}

.imgizq {
float:left;
margin:0 20px 20px 0;
}

#tablas td {
border:1px solid #CCC;
text-align:center;
padding:2px;
}

#tablas .cab {
color:#FFF;
font-weight:700;
background-color:#1E3240;
font-variant:small-caps;
}

#tablas a {
font-weight:400;
color:#00214E;
text-decoration:none;
}

#tablas a:hover {
color:red;
text-decoration:none;
}

.horas {
color:#00214E;
font-weight:700;
background:#EBEBEB;
}

.fondo {
background:url(../img/px_azul.gif) left top repeat-x;
}

.fnd_esp {
background:#BBC4D5;
}

.fnd_nor {
background:url(../img/px_amarillo.gif) left top repeat-x;
}

.fnd_gris {
background:url(../img/px_gris.gif) left top repeat-x;
}

.tb02 {
float:right;
display:block;
width:78px;
}

.ptab {
display:block;
clear:both;
}
<!---------------------------PORTADA--------------------------->


<!-------------------------- PROGRAMAS -------------------------->

.prog,ul {
float:left;
margin:0;
}

.prog ul li {
font:bold italic 14px "Century Gothic", Georgia, Verdana;
text-align:left;
color:#FFF;
width:261px;
margin:7px 0 7px 0;
padding:2px 0 10px 7px;
}

.prog a {
color:#FFF;
text-decoration:none;
display:block;
}

.prog ul li.programacion {
background:url(../img/prg_programacion.png) left top no-repeat;
display:block;
}

.prog ul li ul {
margin:10px 0 0 -40px;
}

.prog ul li ul li {
height:7px;
background-color:#EBEBEB;
border-bottom:1px solid #CCC;
text-align:left;
padding-left:10px;
width:227px;
margin:2px 0 0;
}

.prog ul li ul li a {
color:#444;
font:bold 0.8em "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
display:block;
}

#colum {
width:578px;
}

#colum .dcha {
background:url(../img/prg_fnd.gif) right top no-repeat;
float:right;
width:260px;
min-height:208px;
text-align: justify;
padding-top:25px;
padding-right:25px;
margin:-20px -20px 0 0;
}

h3 a:hover,.prog ul li ul li a:hover {
text-decoration:underline;
}

h3 b,.prog a:hover {
color:red;
}

.tb01,.tb03 {
width:100%;
margin:35px 0 0;
}

.prog ul li.programacion:hover,.prog ul li.progcurr {
background:url(../img/prg_programacion_on.png) left top no-repeat;
}

.prog ul li ul li:hover,.prog ul li ul li.actual {
background-color:#CCC;
}

.mapa_trakfm {width: 570px; height: 300px; border:2px solid #CCCCCC; margin:30px 0;}
.direccion { text-align:center; margin:10px auto; width:200px;}
.direccion img { display:block;}

<!---------------------------------------- TRAK ---------------------------------->
.sub_trak,ul { float:left; margin: 0 20px 20px 0; }

.sub_trak ul li { font:bold italic 12px "Century Gothic", Georgia, Verdana; text-align:left; color:#FFF; width:200px; margin:7px 0 7px 0; padding:2px 0 10px 7px;
}

.sub_trak a {
color:#FFF;
text-decoration:none;
display:block;
}

.sub_trak ul li.subtrakpr {
background:url(../img/prg_programacion.png) right top no-repeat;
display:block;
}

.sub_trak a:hover {
color:red;
}

.sub_trak ul li.subtrakpr:hover,.sub_trak ul li.subtrakcurr {
background:url(../img/prg_programacion_on1.png) right top no-repeat;
}

<!---------------------------------- TRAK MEDIA ----------------------------------->
#trakmedia ul {
margin-left:20px;
}

#trakmedia ul li {
	background:url(../img/trak_media.gif) left center no-repeat;
	padding:0 0 0 35px;
	margin:20px 40px;
}
#trak_dise {
clear:left;
}
#trak_dise ul {
margin-left:20px;
}

#trak_dise ul li {
	background:url(../img/punto.gif) left center no-repeat;
	padding:0 0 0 20px;
	margin:10px auto;
	font-weight:bold;
}


<!------------------------- CONTACTA ---------------------->

.espacio_contacta { border:1px solid #CCCCCC; padding:5px; background-color:#FFF; width:559px; float:left; clear:left;}

<!-------- ENTÉRATE ------------------>
table#diasmes { width:100%;}
table { width:100%; clear:both;}
table.calen td{font-size:10px; border-bottom:1px solid #EBEBEB; text-align:center; padding:0;}
table.calen .col{color:#00214E; font-weight:bold; background-color:gray; background:url(../img/px_azul.gif) left top repeat-x; }
select {font-size:9px;color:#870000;}

#calendet {background:url(../img/fecha_cal.gif) left top no-repeat; width:193px; float:left; margin:25px 0px; height:180px;}
#calendet .cont { padding: 0 13px;}
#calendet .fecha { font: bold italic 10px "Century Gothic", Arial; color:#FF0000;}
#calendet .titulo { font:bold 12px "Century Gothic", Arial; text-decoration:underline; text-align:center; margin:10px;}
#calendet .contcal { font-size:9px; text-align:justify;}
#calendet .contcal img { border:1px solid #CCC; margin:10px 3px 3px 0; float:left;}
#calendet .sigue {text-align:right; margin:7px 0; background:url(http://www.trakfm.com/img/flecha.gif) right 3px no-repeat; padding-right:15px;}
#calendet .sigue a { font:10px bold;}

.sub_ent ul { float:left; margin: 0 20px 20px -40px; }
.sub_ent ul li { font:bold italic 12px "Century Gothic", Georgia, Verdana; text-align:left; color:#FFF; width:200px; margin:7px 0 7px 0; padding:2px 0 10px 7px;
}

.sub_ent a {color:#FFF;text-decoration:none;display:block;}

.sub_ent ul li.subtrakpr {background:url(../img/prg_programacion.png) right top no-repeat;display:block;}

.sub_ent a:hover {color:red;}

.sub_ent ul li.subtrakpr:hover,.sub_ent ul li.subtrakcurr {background:url(../img/prg_programacion_on1.png) right top no-repeat;}
.pagina {clear:both; margin-top:50px;}

.minical { width:200px;}
.minical .col { background-color:#CCCCCC;}
.minical td{ width:27px;}
.numcal { height:15px;  background-color:#00214E;}
.numcal:hover { background-color:#FF0000;}
.numcal a{ color:#FFFFFF; display:block; vertical-align:middle; text-align:center; text-decoration: none;}
.sinnum { vertical-align:middle; text-align:center; height:15px;}

.fechacal b { color:#FF0000; clear:right;} 
.fechacal img { padding: 0 0 1px 7px;} 
.titulo {text-transform : uppercase; font-weight:bold;}
.cocal { margin:0 0 15px 54px; display:block;}
.cocal b { color:#888;}
.cocal a { text-decoration:none; color:#444; font-weight:normal;}
.cocal a:hover { text-decoration:none; color:#999;}

.imgloc {margin:0 0 0 -4px;}
.imgeven { margin: 0 0 -3px 0;}
.gris { color:#FF0000;}

#detevento { min-height:180px; margin:0 0 40px 0px; padding:40px 0px 40px 0px; line-height:20px; text-align:left;}
#detevento .deimg { float:left; margin:25px 10px 10px 0;padding:2px; border:2px solid #CCCCCC;}

#minic { text-decoration:none; font:9px; padding:5px; background-color:#F2F2F2; border:1px solid #FFF; color:#666; margin-top:-2px;}
#minic a { color:#FF0000; text-decoration:none; color:}
#minic a:hover { text-decoration:underline;}
.calsss { font:9px; font-size:9px; background-color:#F2F2F2; margin-bottom:-15px;}

.anterior {clear:both; text-align:right; margin:3px 0 0 0;}
.anterior a { text-decoration:none;}
.anterior a:hover { text-decoration:underline;}

.listanot { width:220px; overflow: auto; max-height:120px; margin-bottom:10px;
scrollbar-face-color:#EBEBEB;
scrollbar-highlight-color:#FFF;
scrollbar-3dlight-color:#FFF;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#FFF;
scrollbar-arrow-color:#00214E;
scrollbar-track-color:#FFF;
}

#historico { background:url(../img/historico.gif) left top no-repeat; width:588px; height:128px; margin:0; clear: left; padding-left:9px; padding-top:5px; }
#historico p { width:190px; text-align:justify; margin:25px 20px 0 0; float:left;}

#historico a{font-weight:normal; text-decoration:none; }
#historico a:hover{ text-decoration:none; background-color:#00214E; color:#FFFFFF;}

#historico .list_historico { overflow:auto; width:250px; height:118px;
scrollbar-face-color:#EBEBEB;
scrollbar-highlight-color:#FFF;
scrollbar-3dlight-color:#FFF;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#FFF;
scrollbar-arrow-color:#00214E;
scrollbar-track-color:#FFF;
}

#historico .list_historico a { display:block;}

#radio {
float:right;
width:470px;
margin:10px 150px 0 0;
font-size:9px;
font-weight:normal;
}

#radio img { margin:2px 5px; border:0; display:inline;}
#radio p { display:inline; vertical-align:top; font:bold italic 2.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

.tablaevent { font-size:10px; text-align:left;}
.tablaevent a { font-weight:normal; text-decoration:none;}
.tablaevent a.tituloevento { font-weight:bold;}
.tablaevent a.tituloevento:hover{ font-weight:bold;}
.tablaevent a:hover { font-weight: normal; color:#444444; text-decoration:underline;}
.tablaevent td { padding:3px;}
.tablaevent tr:hover { background-color:#EBEBEB; }
.tablaevent .titcalev { background-color:#D2D8E0; color:#00214E; font-weight:bold; padding:5px; font-size:12px;}

.ev01 { border-bottom:1px solid #CCCCCC; padding:3px 5px 15px 3px;}
.ev02 {border-bottom:1px solid #CCCCCC; padding:3px 3px 15px 3px;}
.ev03 {float:left; margin:0 8px 20px 0; border:1px solid #CCCCCC;}
.titinfoden { font-size:13px; font-weight:bold; margin:0 0 4px 0;}
a.titinfoden { font-size:13px; font-weight:bold; margin:0 0 4px 0;}
a.titinfoden:hover { text-decoration: underline; font-weight:bold; margin:0 0 4px 0; color:#444444;}

.eltiempo { border: none; margin:60px 0 0 0; _margin:-26px 0 0 200px; *margin:-26px 0 0 0px;}

.videos { width:100%; margin:-20px 0 20px 0; padding:0;}
.videos p { margin:0; padding:0; text-align:left; font:bold italic 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#1A3464; line-height:12px;}
.videos p.comentario { font-family: Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:normal; color:#333333;}
.videos ul { margin:0; padding:4px; background:#EBEBEB; width:190px;}
.videos ul li {background:url(../img/masnot.gif) left 4px no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0 0 0 12px; font-weight:normal; text-decoration:none; margin:4px 0 4px 0; list-style:none;}
.videos ul li a { color:#00214E; font-weight:normal; text-decoration:none;}
.videos ul li a:hover { text-decoration:underline; color:#444;}

.videos .lisVideos { width:220px; height:100px; overflow:auto;scrollbar-face-color:#EBEBEB;
scrollbar-highlight-color:#FFF;
scrollbar-3dlight-color:#FFF;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#FFF;
scrollbar-arrow-color:#00214E;
scrollbar-track-color:#FFF;
}