body{
background-color:#171717; margin:0 auto;}
h1{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:24px; color:#717171;}
h1:after
{
content: url(beep.wav)
}
h1:before
{
content: url(beep.wav)
}

h2{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#39c;}
#menusvol{ width:70px; position: absolute; top:145px; left:82px; background-color:#717171; background-image:url(imagenes/bottom-left.png); background-repeat:no-repeat; background-position:bottom left;}
#cabecera{width:950px; height:135px; background-image:url(imagenes/cabecera.png); background-repeat:no-repeat; margin:0px;}
#lineacabecera{width:945px; background-color:#000000; height:10px; margin:0px; }
#divcentrado{width:950px;}
#contenido{float:left; width:650px; height:auto; background-color:#FFFFFF; padding:0px;}
#cuadro{ width:125px; height:100px; margin:5px; float:left; background-color:#CCCCCC;}
#publicidad{ margin-bottom:10px; margin-top:10px; padding:5px;}
#tag{ background-color:#990000; margin-bottom:10px; margin-top:10px; padding:5px;}
#menu{float:left; width:300px; height:auto; margin-right:0px;background-image:url(imagenes/esqizq.gif); background-repeat:no-repeat;}
#menudegrada{float:left; width:300px; height:auto; margin-right:0px;}
#menudegradasup{float:left; width:300px; height:auto; margin-right:0px; background-image:url(imagenes/degradasup.png); background-position:top; background-repeat:no-repeat;}
#margen{margin:0px;}
#menuder{ margin-left:10px; margin-top:10px;}	
#comentarios{ margin:5px;}	
#Desctitulo {
	padding: 0;
width:700px; margin:10px; margin-top:50px; float:left; padding:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #669900;
	background-color:#333333;
}
.transparente
{
filter:alpha(opacity=30);
-moz-opacity:0.7;
-khtml-opacity: 0.6;
opacity: 0.6;
}
.Titulodestacados {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.descprogramadestacados {
color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.descprograma {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.tituloprograma {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003366;
	font-weight: bold;
}
.tituloprograma:first-letter {color:#ff0000;font-size:xx-large}
#programa h1{ color:#993366}
a.tituloprogramaverde {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#CC0099;
	font-weight: bold;
	text-decoration:none;
}
a.tituloprogramaazul {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#E04800;
	font-weight: bold;
	text-decoration:none;
}
a.tituloprogramamorado{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#400040;
	font-weight: bold;
	text-decoration:none;
}
.gratis{
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#669900;
	font-weight: bold;}
.evaluacion{
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#003366;
	font-weight: bold;}
	
a.descargarultimos{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#669900; font-weight:bold; text-decoration:none;}
a.descarga{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#669900; margin-left:10px;}
a.descargagratis{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; font-weight:bold; color:#669900;}
.nubes{ margin:10px; color:#CCCCCC;}
#menuder h1{ color:#FFFFFF;}
#menuder a.catmenu {
	color: #FFFFFF;
	font-size: 14px;
	font-weight:bolder;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#menuder .subcatmenu {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#menuder ul{ display:inline-block;}
#menuder li{ display:inline-block;color:#FFFFFF;}	 
.menucategorias{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#990000; border-bottom:1px dashed;}
.menucategorias p{ font-weight:bold; display:inline;}
.menucategorias a{ text-decoration:none; color:#717171;}
.menucategorias a:hover{ text-decoration:none; color:#669900;}
.menucategorias programa{ color:#39c; font-weight:bold;}
.valoracion{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#990000; display:inline; margin-right:10px;}

 .size9 {
  	color: #000;
  	font-size: 26px;
  }
  .size8 {
  	color: #111;
  	font-size: 24px;
  }
  .size7 {
  	color: #222;
  	font-size: 22px;
  }
  .size6 {
  	color: #333;
  	font-size: 20px;
  }
  .size5 {
  	color: #444;
  	font-size: 18px;
  }
  .size4 {
  	color: #555;
  	font-size: 16px;
  }
  .size3 {
  	color: #666;
  	font-size: 14px;
  }
  .size2 {
  	color: #777;
  	font-size: 12px;
  }
  .size1 {
  	color: #888;
  	font-size: 8px;
  }
  .size0 {
  	color: #999;
  	font-size: 6px;
  }
  #comunica{
  width:640px; border:1px solid; border-color:#669900; 
  }
  a.comunica{ font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#993300;
 font-weight:bold;
 text-decoration:none;}
 select.comunica{
 font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#669900;
 font-weight:bold;
 text-decoration:none;}
 #listadoprogramas{margin:5px; margin-top:30px; float:left; margin-right:0px;} 
 #secultimos{}
 
@font-face {
    font-family: "Frail&Bedazzled";
    src: url('fuentes/Frail&Bedazzled.ttf') format("truetype");
}
 #Titulocabecera{color:#39c;
	font-family:"Frail&Bedazzled",Geneva;
	font-weight: bold;
	font-size: 40px;width:700px;}
	
 #contsup{ width:950px; padding:0px; margin:0px;}
 #relacionados{width:650px; padding:0px; margin:0px;}
 
 
.Titulorelacionado {
	font-size: 24px;
	color: #003366;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Descripcionrelacionado {
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #993366;
}
.Enlacerelacionado {
	color: #669900;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Puntuacionrelacionado {
	color: #990000;
	font-size:12px;
}
#relacionadosmargen{ margin:10px;}
#cuadrorelacionados{width:300px; height:200px; float:left; border:1px dotted; margin:5px;}
#relacionadoscontent{ width:600px;background-color:#FFFFCC; margin:10px; float:left;}
#interes{width:600px; margin:10px; float:left;}
#informamigo{width:600px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#717171; font-size:12px;}
#informamigo .titulo{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; color:#003366;}
#listadodesc{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#CCCCCC; height:30px; font-weight:bold;border-bottom:1px dashed; border-bottom-color:#FFFFFF; margin-top:10px;}
#listadodesc #imglist{float:left;background-repeat:no-repeat;width:20px; height:30px;}
#listadodesc #titlist{margin-left:5px;}
#listadodesc a{ color:#CCCCCC; text-decoration:none;}
#descargadolist{ width:250px;height:10px; color:#FFFFFF;}
div.menusec{width:950px;}
div.menusec h1, div.menusec p, div.menusec li {float:left;}
div.menusec a {display:block; height:90px;  background:url('imagenes/menu.png');}
<!--div.menusec li a {width:100px;}-->


div.menusec li.m1 a {background-position:-0px 0;width:100px;}
div.menusec li.m2 a {background-position:-100px 0;width:100px;}
div.menusec li.m3 a {background-position:-201px 0;width:100px;}
div.menusec li.m4 a {background-position:-302px 0;width:100px;}
div.menusec li.m5 a {background-position:-403px 0;width:100px;}
div.menusec li.m6 a {background-position:-504px 0;width:100px;}
div.menusec li.m7 a {background-position:-605px 0;width:100px;}
div.menusec li.m8 a {background-position:-706px 0;width:100px;}
div.menusec li.m9 a {background-position:-807px 0;width:100px;}
div.menusec li.m10 a {background-position:-908px 0;width:50px;}


div.menusec li.m1-on a, div.menusec li.m1 a:hover  {background-position:-0px -90px;}
div.menusec li.m2-on a, div.menusec li.m2 a:hover {background-position:-100px -90px;}
div.menusec li.m3-on a, div.menusec li.m3 a:hover {background-position:-201px -90px;}
div.menusec li.m4-on a, div.menusec li.m4 a:hover {background-position:-302px -90px;}
div.menusec li.m5-on a, div.menusec li.m5 a:hover  {background-position:-403px -90px;}
div.menusec li.m6-on a, div.menusec li.m6 a:hover {background-position:-504px -90px;}
div.menusec li.m7-on a, div.menusec li.m7 a:hover  {background-position:-605px -90px;}
div.menusec li.m8-on a, div.menusec li.m8 a:hover {background-position:-706px -90px;}
div.menusec li.m9-on a, div.menusec li.m9 a:hover  {background-position:-807px -90px;}
div.menusec li.m10-on a, div.menusec li.m10 a:hover{background-position:-908px -90px;}

div.menusec ul {display:inline;}

a, a:hover, div.top li a:hover, div.left-panel a:hover {text-decoration:underline;}
div.top li a, div.left-panel a {text-decoration:none;}
a span, span.up span, span.down span {display:none;}
li {list-style-type:none;}

.progselec{height:30px; background-image:url(imagenes/destacalat.gif); color:#FFFFFF; font:Geneva, Arial, Helvetica, sans-serif; font-size:13px; padding-left:10px; width:auto;}
.progselec:hover{height:30px; background-image:url(imagenes/destacalatup.gif);}
.progselec:hover a{color:#FFFFFF; font-size:14px;}
.buscador{ width:950px; height:25px; background-color:#000000; color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; text-align:right; float:left; vertical-align:middle;}
.buscador form input{ background-color:#000000; color:#99CC00; display:inline; margin-left:5px; border:0px;vertical-align:middle;}
.progbut{ width:300px; float:left;}
.progbut h1{ color:#FFFFFF;}
.gradwhite {
  background-image: url(imagenes/grad_white.png);
}

.gradblack {
 background-image: url(imagenes/degrada.png);
}
.box {
background-position:bottom;
  float: left;
  height: 500px;
  margin: 0px;
  width: 300px;
  background-repeat:no-repeat;
}
.boxsup {
background-position:top;
  float: left;
  height: 500px;
  margin: 0px;
  width: 300px;
  background-repeat:no-repeat;
}
.verdedegrada { 
  background-color:#669900; 
}
.pie{background-image:url(imagenes/footer_bg.gif); height:88px; float:left; width:100%; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC;}
.pie a{ color:#FFFFFF; text-decoration:none;}
.legal{ width:500px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; text-align:left; float:left;}
.legal h1{ color:#993399; margin-left:10px;}
.legal li{ margin-top:5px;}
.post{ margin-left:10px;}