a{color:#132E4E;font-weight:bold;text-decoration:none;}
a:hover{text-decoration:underline;}


body{
  background:#EAEAEA;
  font-family:Helvetica, Arial, sans-serif;
  font-size:13px;
  color:#333333;
  margin:0;
  padding:0;
}


#contenedor{
	width:990px;
	margin:0 auto;
	background: url(../img/sombra.png) repeat;
}

	#encabezado{
		height:193px;
		background: url(../img/top.png) no-repeat;
		width:990px;
		position:relative;
	}
		
		#encabezado h2 a{
			display:block;
			width:300px;
			height:100px;
			background: url(../img/logo.jpg);
			text-indent:-90000px;
			font-size:0;
			padding:0;
			margin:0;
			overflow:hidden;
			position:absolute;
			top:40px;
			left:40px;
		}
		
		
	/***buscador***/
		.buscador{
			position:absolute;
			top:45px;
			left:385px;
			width:184px;
			height:26px;
			overflow:hidden;
		}
		
			.buscador .b{
				background:none;
				border:none;
				color:#333;
				font-family:Helvetica, Arial, sans-serif;
				font-size:13px;
				position:absolute;
				top:0;
				left:0;
				height:26px;
				width:145px;
				padding:0 0 0 10px;
			}
			
			.buscador .s{
				background:none;
				border:none;
				font-size:0;
				padding:0;
				text-indent:-90000px;
				position:absolute;
				top:0;
				right:0;
				height:26px;
				width:31px;
				cursor:pointer;
			}
	
	/*el tiempo*/
		.tiempo{
			position:absolute;
			top:80px;
			right:426px;
			width:234px;
			height:60px;
			font-size:11px;
			line-height:130%;
			text-align:right;
		}
		
			.tiempo span{display:block;}
			
			.tiempo a{color:#132E4E;font-weight:bold;text-decoration:none;}
			.tiempo a:hover{text-decoration:underline;}
	
		.radiofm{
			padding:0;
			overflow:hidden;
			font-size:0;
			display:block;
			width:124px;
			height:84px;
			background: url(../img/logofm.jpg);
			top:47px;
			right:43px;
			position:absolute;
		}
		.radioam{
			padding:0;
			overflow:hidden;
			font-size:0;
			display:block;
			width:167px;
			height:84px;
			background: url(../img/logolt39.jpg);
			top:47px;
			right:210px;
			position:absolute;
		}
		
/***
menu principal
***/
#menu{
	height:40px;
	width:960px;
	position:absolute;
	bottom:0;
	left:15px;
}

	#menu ul{
		display:block;
		height:40px;
		width:930px;
		padding:0 0 0 12px;
	}
	
		#menu ul li{
			display:inline-block;
			float:left;
			height:40px;
			padding:0 15px;
		}
		
		#menu ul li a{
			color:#FFF;
			height:40px;
			line-height:40px;
			float:left;
			display:inline-block;
		}
		
		#menu ul li a:hover{text-decoration:none;color:#2D63A8;}
		
		a.rss{
			display:block;
			width:30px;
			height:26px;
			text-indent:-90000px;
			font-size:0;
			padding:0;
			overflow:hidden;
			background:url(../img/sprite.png) 0 -81px;
			position:absolute;
			top:7px;
			right:10px;
		}
/***
fin menu principal
***/


/*contenido principal*/
#principal{
	width:960px;
	margin:0 auto;
	background:#FFF;
	min-height:600px;
}

	#contenido{padding:0 10px 20px;}
	
		.wrapper{
			float:left;
			width:620px;
			margin: 1px 0 0 0;
		}
	
	
/***columnas***/
.columna-1{
	width:380px;
	float:left;
	display:inline;
	margin-right:20px;
	margin-top:-1px;
}

.columna-2{
	width:220px;
	float:left;
	display:inline;
	margin-top:-1px;
}

.barra{
	float:right;
	display:inline;
	width:300px;
}

/*front page*/
.nota-principal{padding-top:21px;}

	.nota-principal img{margin-bottom:6px;}
	
	.seccion{
		color:#FF6600;
		font-weight:bold;
		float:left;
		width:70%;
	}
	
		.seccion span{font-weight:normal;color:#333;font-size:12px;}
		
	.comment{
		float:right;
		width:30%;
		text-align:right;
	}
	
		.comment b{float:right;padding-left:5px;}
		
		.comment .sprite{
			float:right;
			width:12px;
			height:12px;
			background:url(../img/sprite.png) -33px -82px;
			margin-top:3px;
		}
		
		.nota-principal h2 a{
			display:block;
			font-weight:bold;
			font-size:24px;
			line-height:120%;
			margin-top:3px;
			margin-bottom:10px;
			clear:both;
		}
		
		.nota-principal h2 a:hover{text-decoration:none;color:#FF6600;}

		.bajada{line-height:130%;}

/*bloques notas secundarias*/
.bloque-nota{
	padding-bottom:20px;
	border-top:1px solid #E5E5E5;
	padding-top:18px;
}

	.bloque-nota img{margin-bottom:2px;float:left;margin-right:10px;}
	
	.bloque-nota h2 a{
			display:block;
			font-weight:bold;
			font-size:18px;
			line-height:120%;
			margin-top:3px;
			margin-bottom:10px;
			clear:both;
		}
		
		.bloque-nota h2 a:hover{text-decoration:none;color:#FF6600;}

/***publicidades****/
.publicidad{
	clear:both;
	position:relative;
}
.publicidad img, .publicidad object{
margin: 10px 0;
display:block;
}

	.publicidad DIV{
		margin:10px auto;
		width:468px;
		position:relative;
		top:11px;
		background:red;
			border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	}

/*elementos sidebar*/
.block{
	border-bottom:1px solid #E5E5E5;
	padding-bottom:10px;
	margin-bottom:10px;
}

span.radio-online{
	display:block;
	width:300px;
	height:73px;
	background: url(../img/sprite.png) 0 -107px;
	margin:7px 0 0 0;
	position:relative;
}

	a.fm{
		position:absolute;
		top:13px;
		left:139px;
		width:82px;
		height:60px;
		display:block;
	}
	
	a.am{
		position:absolute;
		top:13px;
		right:0px;
		width:79px;
		height:60px;
		display:block;
	}

.programacion{
	display:block;
	width:300px;
	height:69px;
	background:url(../img/sprite.png) 0 -181px;
	padding:0;
	margin:0;
	overflow:hidden;
	font-size:0;
	text-indent:-90000px;
}



.informaciondepago {
	display:block;
	width:300px;
	height:67px;
	background:url(../images/btn_informaciondepago.jpg);
	padding:0;
	margin:0;
	overflow:hidden;
	font-size:0;
	text-indent:-90000px;
}
.educacionales {
	display:block;
	width:300px;
	height:67px;
	background:url(../images/btn_educacionales.jpg);
	padding:0;
	margin:0;
	overflow:hidden;
	font-size:0;
	text-indent:-90000px;
}


/***mas comentadas***/
.popular{}

	.block h3{
		display:block;
		color:#FFF;
		background:url(../img/title.gif) repeat-x;
		height:29px;
		line-height:29px;
		border:1px solid #102540;
		border-bottom:0 none;
		padding-left:10px;
		margin: 0 0 10px 0;
	}
	
	.block ul{display:block;padding-left:10px;padding-top:5px;}
	
	.block ul li{
		display:inline-block;
		background: url(../img/li.gif) no-repeat left center;
		padding-left:10px;
		margin-bottom:12px;
	}
	
	.block ul li a{
		display:inline-block;
		color:#666;
		font-size:13px;
		font-family:Verdana, Geneva, sans-serif;
		line-height:120%;
		text-decoration:none;
	}
	
	.block ul li a:hover{color:#000;}

/*pie d epagina*/
#footer{
	width:990px;
	margin:0 auto;
	background:url(../img/pie.png) top no-repeat;
	position:relative;
	top:-20px;
}

	.infooter{
		width:960px;
		margin:0 auto;
		position:relative;
		padding-top:37px;
		padding-bottom:30px;
	}
	
	a.logopie{
		display:inline-block;
		width:104px;
		height:46px;
		float:left;
		padding:0;
		margin:0 35px;
		background:url(../img/logos.gif);
		font-size:0;
		overflow:hidden;
	}
	
	a.logopie2{
		display:inline-block;
		width:73px;
		height:46px;
		float:left;
		padding:0;
		margin:0;
		background:url(../img/logos.gif) -139px 0;
		font-size:0;
		overflow:hidden;
	}
	
	.sloganpie{
		position:absolute;
		top:51px;
		left:291px;
		font-size:13px;
	}
	
	.linkspie{
		float:right;
		padding-top:14px;
		text-align: right;
		line-height: 130%;
	}
	
		.linkspie a{padding:0 14px;}

.clear{clear:both;display:block;}

/*16/08: interior*/
.interior{}

.interior .wrapper{
	padding:23px 0 0 0;
}

		.interior h2 {
			display:block;
			font-weight:bold;
			font-size:28px;
			line-height:120%;
			margin-top:5px;
			margin-bottom:10px;
			clear:both;
			color:#173356;
		}
		
		.interior .seccion{float:none;}
		
		.interior .bajada{padding-bottom:20px;}
		
		.nota-texto{line-height:130%;}
	
	.block2{
		border-bottom:1px solid #E5E5E5;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	
/*bloque de fotos*/
	
	#foto{}
	
		#foto h3{
			display:block;
			height:15px;
			line-height:15px;
			text-transform:uppercase;
			font-weight:bold;
			font-size:11px;
			padding:0 0 0 31px;
			color:#122846;
			background: url(../img/titles.gif) no-repeat;
			margin: 0 0 9px 10px;
		}
		
		#foto a.img{
			padding:0;
			margin:0;
			display:block;
			width:220px;
			height:137px;
			overflow:hidden;
		}
		
		
		.pie{
			background:#EAEAEA;
			line-height:130%;
			font-size:12px;
			padding:7px 10px 9px 10px;
		}
		
		a.gal{
			display:block;
			height:15px;
			line-height:15px;
			text-transform:uppercase;
			font-weight:bold;
			font-size:11px;
			padding:0 0 0 31px;
			color:#122846;
			background: url(../img/titles.gif) no-repeat;
			margin: 10px 10px 0 0;
			float:right;
		}

/*audio*/
.audioplayer{
	min-height:40px;
	padding: 10px 10px 10px 60px;
	background:url(../img/fondoaudio.png) no-repeat;
}
.separadoraudio{
	height: 2px;
	background:url(../img/separadoraudio.png) repeat-x;
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
}

/*video*/
#video h3{
	display:block;
	height:15px;
	line-height:15px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	padding:0 0 0 42px;
	color:#122846;
	background: url(../img/titles.gif) no-repeat 0 -21px;
	margin: 0 0 9px 10px;
}

.reproductor{
	width:220px;
	height:155px;
}

/*compartir*/
#compartir{border-bottom:0 none;}

#compartir h3{
	display:block;
	height:20px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	padding:0 0 0 32px;
	color:#122846;
	background: url(../img/titles.gif) no-repeat 0 -42px;
	margin: 0 0 9px 10px;
}

#compartir a{
	display:inline-block;
	float:left;
	width:28px;
	height:28px;
	overflow:hidden;
	font-size:0;
	text-indent:-90000px;
	padding:0;
	margin:0 10px 0 0;
}

	#compartir a.fb{background:url(../img/sprite.png) -120px -79px;margin-left:20px;}
	#compartir a.tw{background:url(../img/sprite.png) -158px -79px;}
	#compartir a.t{background:url(../img/sprite.png) -196px -79px;}
	#compartir a.su{background:url(../img/sprite.png) -234px -79px;}
	#compartir a.del{background:url(../img/sprite.png) -272px -79px;}
	
/*comentarios*/
#comentarios{
	border-top:1px solid #E5E5E5;
	padding:10px 0 0 0;
	margin:17px 0 0 0;
}

	#comentarios h3.title{
		display:block;
		height:14px;
		line-height:14px;
		font-weight:bold;
		font-size:14px;
		padding:0 0 0 25px;
		color:#122846;
		background: url(../img/titles.gif) no-repeat 0 -67px;
		margin: 0 0 9px 10px;
	}
	
	ul.comments{}
	
	ul.comments li{
		display:block;
		padding:10px;
		position:relative;
		background: #EAEAEA url(../img/li-c.gif) repeat-x top;
		border:1px solid #E0E0E0;
		margin-bottom:1px;
		width:355px;
		float:left;
	}
	
		ul.comments li img{float:left;margin:0 10px 0 0;}
		
		ul.comments .name{
			color:#006699;
			font-size:14px;
			float:left;
		}
		
		ul.comments .name span{
			font-size:10px;
			color:#666;
		}
		
		ul.comments .date{
			float:right;
			color:#333;
			font-size:11px;
		}
		
		ul.comments .txt{
			float:left;
			width:278px;
			line-height:140%;
			padding-top:5px;
			font-size:12px;
		}
		
/*dejar un comentario*/
.leave{
	clear:both;
	border-top:1px solid #E5E5E5;
	padding:10px 0 0 0;
	margin:17px 0 0 0;
	position:relative;
	width:380px;
	overflow:hidden;
}

	.leave .txt{
		width:260px;
		height:17px;
		border:0 none;
		background:url(../img/inputs.png) 0 0;
		padding:6px 5px 4px 5px;
		line-height:100%;
		color:#333;
		font-size:12px;
		font-family:Tahoma, Geneva, sans-serif;
		margin:0 0 9px 0;
	}
	
	.leave textarea{
		width:350px;
		height:86px;
		border:0 none;
		background:url(../img/inputs.png) 0 -72px;
		padding:6px 5px 4px 5px;
		line-height:100%;
		color:#333;
		font-size:12px;
		font-family:Tahoma, Geneva, sans-serif;
		overflow:auto;
	}
	
	.leave .bt{
		/*position:absolute;
		bottom:0;
		right:0;*/
		font-size:0;
		text-indent:-90000px;
		width:59px;
		height:26px;
		background:url(../img/inputs.png) 0 -35px;
		border:0 none;
		cursor:pointer;
		margin: 10px 0;
	}
	
	
/********PROGRAMAS**********/
.programa_lista a{
	font-size: 18px; 
	display:block;
}
.programa_lista a:hover{
	text-decoration: none;
}
.programa_lista img{
	width: 300px;
}
.programa_lista {
	float:left;
	margin: 10px 10px 10px 0;
	width: 300px;
	height: 130px;
}
.horarios-interior {
	width: 200px;
	padding: 10px;
	background: #eee;
	border: 1px solid #ccc;
	margin: 0 0px 10px 10px;
	float:right;
}
.horarios-interior .title{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin: 0  0 10px;
	padding-bottom: 5px;
	color:#173356;
}
.encabezadoprograma {
	margin: 20px 0 0 0;
}
.archive_title {
	font-size: 18px;
	color: #132E4E;
	margin: 20px 0 10px 10px;
	}
.disclamer-comment {
	padding: 10px;
	border: 1px solid #ccc;
	background: #efefef;
	font-size: 11px;
	line-height: 120%;
	margin: 10px 0;
}

.servicioinformativo .item{
	padding: 5px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	display:block;
}
.servicioinformativo .item.active{
	border: 1px solid #ccc;
	background: #efefef;
}
.servicioinformativo .text{
	display:none;
	padding: 10px;
}
.servicioinformativo .actualizacion{
	text-align:right;
	font-size: 11px;
	color: #666;
}
.servicioinformativo .actualizacion span{
	color:#122846;
	font-weight: bold;
}

#pie-gabiton{
	width: 30px;
	height: 30px;
	display:block;
	text-indent: -3000px;
	float:right;
	background:url(../images/pie-gabiton.png) no-repeat;
	margin: 0 0 0 10px;
	position:relative;
}
#pie-gabiton span{
	display:block;
	left: -70px;
	top: -60px;
	width: 99px;
	height: 60px;
	background:url(../images/globogabiton.png) no-repeat;
	position:absolute;
	display:none;
}

#tabfm, #tabam {
display: block;
float: left;
width: 231px;
height: 61px;
background:url(../images/progrmaciontabs.png) no-repeat;
margin: 0 10px 0 0;
text-indent: -3000px;
overflow: hidden;
}
#tabam {
background-position: -233px 0;
}
#tabam.off {
background-position: -233px -62px;
}
#tabfm.off {
background-position: 0px -62px;
}

.tabs {
	height: 60px;
	border-bottom: 1px solid #D0D0D0;
	}
#logoservicioinfromativo{
display: block;
float: right;
width: 62px;
height: 21px;
background:url(../images/servicioinformativo.jpg) no-repeat;
margin: 3px 5px 0 0;
text-indent: -3000px;
overflow: hidden;
}

li.btn-a a{
	display: block;
	color: #fff;
	background: url("../img/top.png") no-repeat scroll -22px -153px transparent;
	padding: 5px 10px;
	text-decoration: none;
	}
li.right a{float: right;}
li.left a{float: left;}