@charset "iso-8859-1";

/* CSS Document */
/*--------------------------------------------------
########### CSS RESET
--------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, 
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}

td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: middle;}

body {line-height: 1;}
:focus {outline: 0;}
ol, ul {list-style: none;margin: 0;
	padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input, textarea {margin: 0;padding: 0;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #fff;height: 1px;}
/*--------------------------------------------------
########### HTML Tags
--------------------------------------------------*/

body{
	background-image:url(img/bgtop.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:100%;	
}
html{
	background-image: url(img/bg.jpg);
}
h1{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	margin-bottom:16px;
	color: #bf0f0a;}
	
h2{
	font-size: 17px;
	font-weight:bold;
	color: #fff;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
h3{
	font-size: 17px;
	font-weight:bold;
	color: #333;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
h4{
	font-size: 14px;
	font-weight:bold;
	color: #fff;
	margin-bottom:10px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

h5{
	font-size: 16px;
	font-weight:bold;
	color: #214784;
	margin-bottom:10px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
h6{
	font-size: 18px;
	font-weight:bold;
	color: #d0030b;
	margin-bottom:10px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}


a{
	color: #cc100b;
	text-decoration:underline;
	font-weight: bold;
}
a:Link{
text-decoration:none;
}
a:Hover{text-decoration:underline}
p{
	font:normal 13px/18px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#333;
}
p span{color:#333;}

.destaque{
	font:bold 13px/18px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#333;
}
.destaquecolor{
	font:bold 13px/18px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#cc100b;
}

/*--------------------------------------------------
########### estructura
--------------------------------------------------*/
#wrapper{
	width:960px;
margin:0 auto;
	overflow:hidden;

}
#head{
	width:960px;
	height:190px;
	float:left;
}
#head_logo{
	width:540px;
	padding-top:15px;
	float:left;
}
#head_envivo{
	width:330px;
	margin-top:33px;
	padding-top:55px;
	padding-bottom:12px;
	float:left;
	background-image: url(img/estasescuchando.png);
	background-repeat: no-repeat;
}
#head_redes{
	width:90px;
	padding-top:15px;
	float:left;
}
#usuarios{
	width:960px;
	height:42px;
	text-align:right;
	float:left;
}

#content{
	width:908px;
	background-color:#FFF;
	float:left;
	padding-top: 20px;
	padding-right: 25px;
	padding-left: 25px;
	border:solid 1px #ccc;
}
#content_lista{
	width:910px;
	float:left;
	margin-bottom:30px;
}
#content_left{
	width:400px;
	float:left;
}
#content_right{
	width:490px;
	float:right;
}
#banners{
	width:960px;	
	padding-top: 15px;
	/*padding:10px 0px 0px 0px;*/
	/*border-top:solid 1px #ddd;*/
	float:left;
	/*background-color:#FF0000;*/
}
#banners01{
	width:184px;
	text-align:center;
	margin-right:4px;
	margin-left:4px;
	float:left;
}
#footer{
	width:100%;
	padding-top:90px;
	height:50px;
	text-align:center;
	float:left;
	background-image: url(img/footer-bg.png);
	background-repeat: no-repeat;
}



/*--------------------------------------------------
########### Navegacion
--------------------------------------------------*/

#menu{
	width:960px;
	height:39px;
	float:left;
}
.nav{}
.nav{float:left;}
.nav ul{}
.nav ul li{display:inline;list-style: none;}
.nav ul li a{display:block;float:left;margin:0px;}

.nav ul li a.home{background:url("img/bot01.png") no-repeat left top;width:72px;height:39px;}
.nav ul li a.quienessomos{background:url("img/bot02.png") no-repeat left top;width:137px;height:39px;}
.nav ul li a.programacion{background:url("img/bot03.png") no-repeat left top;width:142px;height:39px;}
.nav ul li a.ranking{background:url("img/bot04.png") no-repeat left top;width:93px;height:39px;}
.nav ul li a.publicidad{background:url("img/bot05.png") no-repeat left top;width:107px;height:39px;}
.nav ul li a.clientes{background:url("img/bot06.png") no-repeat left top;width:89px;height:39px;}
.nav ul li a.pedidos{background:url("img/bot07.png") no-repeat left top;width:86px;height:39px;}
.nav ul li a.mediciones{background:url("img/bot08.png") no-repeat left top;width:112px;height:39px;}
.nav ul li a.contacto{background:url("img/bot09.png") no-repeat left top;width:115px;height:39px;}


.nav ul li a.home:hover{background:url("img/bot01.png") no-repeat left -39px;}
.nav ul li a.quienessomos:hover{background:url("img/bot02.png") no-repeat left -39px;}
.nav ul li a.programacion:hover{background:url("img/bot03.png") no-repeat left -39px;}
.nav ul li a.ranking:hover{background:url("img/bot04.png") no-repeat left -39px;}
.nav ul li a.publicidad:hover{background:url("img/bot05.png") no-repeat left -39px;}
.nav ul li a.clientes:hover{background:url("img/bot06.png") no-repeat left -39px;}
.nav ul li a.pedidos:hover{background:url("img/bot07.png") no-repeat left -39px;}
.nav ul li a.mediciones:hover{background:url("img/bot08.png") no-repeat left -39px;}
.nav ul li a.contacto:hover{background:url("img/bot09.png") no-repeat left -39px;}


.homeactive{background:url("img/bot01.png") no-repeat left bottom;width:72px;height:39px;display:block;float:left;margin:0px;}
.quienessomosactive{background:url("img/bot02.png") no-repeat left bottom;width:137px;height:39px;display:block;float:left;margin:0px;}
.programacionactive{background:url("img/bot03.png") no-repeat left bottom;width:142px;height:39px;display:block;float:left;margin:0px;}
.rankingactive{background:url("img/bot04.png") no-repeat left bottom;width:93px;height:39px;display:block;float:left;margin:0px;}
.publicidadactive{background:url("img/bot05.png") no-repeat left bottom;width:107px;height:39px;display:block;float:left;margin:0px;}
.clientesactive{background:url("img/bot06.png") no-repeat left bottom;width:89px;height:39px;display:block;float:left;margin:0px;}
.pedidosactive{background:url("img/bot07.png") no-repeat left bottom;width:86px;height:39px;display:block;float:left;margin:0px;}
.medicionesactive{background:url("img/bot08.png") no-repeat left bottom;width:112px;height:39px;display:block;float:left;margin:0px;}
.contactoactive{background:url("img/bot09.png") no-repeat left bottom;width:115px;height:39px;display:block;float:left;margin:0px;}

/*--------------------------------------------------
########### head
--------------------------------------------------*/
#envivo_foto{
	width:80px;
	float:left;
}
#envivo_txt{
	width:250px;
	float:right;
}
.txtblanco{
	font-size: 13px;
	font-weight:bold;
	color: #fff;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	line-height: 17px;
}

.txtamarillo{
	font-size: 13px;
	font-weight:bold;
	color: #ffd800;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
.form{
	font:normal 13px/18px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#ccc;
	padding:2px;
	border:solid 1px #000;
	background-color:#666;
}
/*--------------------------------------------------
########### contenido
--------------------------------------------------*/

#content_left01{
	width:600px;
	float:left;
}
#content_right01{
	width:290px;
	float:right;
}
#lista_left{
	width:600px;
	float:left;
}
#lista_left_line{
	width:600px;
	border-bottom: dotted 1px #666;
	padding-bottom:10px;
	margin-bottom:10px;
	float:left;
}
#lista_right{
	width:290px;
	float:left;
}

#programa_foto{
	width:120px;
	float:left;
}
#programa_txt{
	width:450px;
	float: right;
}
/*--------------------------------------------------
########### ranking
--------------------------------------------------*/

#rankingposicion{
	width:30px;
	padding-top:7px;
	float:left;
}
#rankingflecha{
	width:30px;
	padding-top:2px;
	float:left;
}
#rankingtema{
	width:350px;
	padding-top:5px;
	float:left;
}
#rankingvideo{
	width:160px;
	float:left;
	background-image: url(img/video_ico.png);
	background-repeat: no-repeat;
	padding-left: 28px;
	padding-top:4px;
	background-position: top left;
	padding-bottom: 8px;
}

#lista_2{
	width:600px;
	padding-bottom:5px;
	margin-bottom:5px;
	float:left;
	border-bottom: dotted 1px #666;
}
.destaqueazul{
	font-size: 15px;
	font-weight:bold;
	color: #214784;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
/*--------------------------------------------------
########### contenido HOME
--------------------------------------------------*/

#videohome{
	width:400px;
	float:left;
}
#boxlista{
	width:400px;
	float:left;
}
#boxlista2{
	width:490px;
	float:left;
}
#boxface{
	width:235px;
	float:left;
}
#boxtwit{
	width:235px;
	float:right;
}

#rankingflechas{
	width:30px;
	padding-top:5px;
	height:20px;
	float:left;
}
#rankingtxt{
	width:360px;
	padding-top:5px;
	float:left;
}
#titulo01{
	width:358px;
	padding-top:12px;
	height:30px;
	padding-left:42px;
	margin-bottom:8px;
	float:left;
	background-image: url(img/titulo01.png);
	background-repeat: no-repeat;
}
#titulo02{
	width:358px;
	padding-top:12px;
	height:30px;
	padding-left:42px;
	margin-bottom:8px;
	float:left;
	background-image: url(img/titulo02.png);
	background-repeat: no-repeat;
}
#titulo03{
	width:448px;
	float:left;
	padding-top:12px;
	height:30px;
	padding-left:42px;
	margin-bottom:8px;
	background-image: url(img/titulo03.png);
	background-repeat: no-repeat;
}
#titulo04{
	width:558px;
	float:left;
	padding-top:12px;
	height:30px;
	padding-left:42px;
	margin-bottom:8px;
	background-image: url(img/titulo04.png);
	background-repeat: no-repeat;
}
#titulo05{
	width:248px;
	float:left;
	padding-top:12px;
	height:30px;
	padding-left:42px;
	margin-bottom:8px;
	background-image: url(img/titulo05.png);
	background-repeat: no-repeat;
}
.ranking{
	font:normal 13px/18px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
}
.ranking:Link{
	font:normal 13px/18px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#333; text-decoration:none;
}
.ranking:Active{
	font:normal 13px/18px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#333; text-decoration:none;
}
.ranking:Visited{
	font:normal 13px/18px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#333; text-decoration:none;
}
.ranking:Hover{
	font:normal 13px/18px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#004790; text-decoration:none;
}

/*--------------------------------------------------
########### formulario
--------------------------------------------------*/
#form_txt{
	width:150px;
	padding-bottom:5px;
	text-align:right;
	float:left;
}
#form_casilla{
	width:430px;
	padding-bottom:5px;
	float: right;
}

.form2{
	border:solid 1px #333;
	background-color:#222;
	font:normal 12px/17px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:3px;
	background-image: url(img/bgform.jpg);
}
#bot_enviar{
	width:110px;
	height:29px;
	margin-top:10px;
	float:left;
	background-image: url(img/bot_enviar.jpg);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_enviar:Link{
	float:left;
	background-image: url(img/bot_enviar.jpg);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_enviar:Hover{
	float:left;
	background-image: url(img/bot_enviar.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	text-decoration:none
}

#bot_borrar{
	width:110px;
	height:29px;
	margin-top:10px;
	margin-left:12px;
	float:left;
	background-image: url(img/bot_borrar.jpg);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_borrar:Link{
	float:left;
	background-image: url(img/bot_borrar.jpg);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_borrar:Hover{
	float:left;
	background-image: url(img/bot_borrar.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	text-decoration:none
}
/*--------------------------------------------------
########### clientes
--------------------------------------------------*/
#boxcliente{
	width:145px;
	padding-left:5px;
	padding-bottom:15px;
	float:left;
	text-align:center;
}
/*--------------------------------------------------
########### botones
--------------------------------------------------*/


#bot_twitter{
	width:34px;
	height:32px;
	float:left;
	background-image: url(img/bot_twitter.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_twitter:Link{
	width:34px;
	background-image: url(img/bot_twitter.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_twitter:Hover{
	width:34px;
	background-image: url(img/bot_twitter.png);
	background-repeat: no-repeat;
	background-position:bottom;
	text-decoration:none
}
#bot_face{
	width:34px;
	height:32px;
	margin-right:8px;
	float:left;
	background-image: url(img/bot_face.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_face:Link{
	width:34px;
	float:left;
	background-image: url(img/bot_face.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_face:Hover{
	width:34px;
	float:left;
	background-image: url(img/bot_face.png);
	background-repeat: no-repeat;
	background-position:bottom;
	text-decoration:none
}

#bot_ingresar{
	width:86px;
	height:24px;
	float:left;
	background-image: url(img/bot_ingresar.jpg);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_ingresar:Link{
	width:86px;
	float:left;
	background-image: url(img/bot_ingresar.jpg);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_ingresar:Hover{
	width:86px;
	float:left;
	background-image: url(img/bot_ingresar.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	text-decoration:none
}
#bot_registro{
	width:110px;
	height:42px;
	float:left;
	background-image: url(img/bot_registro.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_registro:Link{
	width:110px;
	float:left;
	background-image: url(img/bot_registro.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_registro:Hover{
	width:110px;
	float:left;
	background-image: url(img/bot_registro.png);
	background-repeat: no-repeat;
	background-position:bottom;
	text-decoration:none
}

#bot_micuenta{
	width:110px;
	height:42px;
	float:left;
	background-image: url(img/bot_micuenta.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_micuenta:Link{
	width:110px;
	float:left;
	background-image: url(img/bot_micuenta.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_micuenta:Hover{
	width:110px;
	float:left;
	background-image: url(img/bot_micuenta.png);
	background-repeat: no-repeat;
	background-position:bottom;
	text-decoration:none
}


#bot_envivo{
	width:206px;
	height:38px;
	float:right;
	background-image: url(img/envivo.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_envivo:Link{
	width:206px;
	float:right;
	background-image: url(img/envivo.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_envivo:Hover{
	width:206px;
	float: right;
	background-image: url(img/envivo.png);
	background-repeat: no-repeat;
	background-position:bottom;
	text-decoration:none
}

#bot_concursos{
	width:131px;
	height:38px;
	float:right;
	background-image: url(img/concursos.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_concursos:Link{
	width:131px;
	float:right;
	background-image: url(img/concursos.png);
	background-repeat: no-repeat;
	text-decoration:none
}
#bot_concursos:Hover{
	width:131px;
	float: right;
	background-image: url(img/concursos.png);
	background-repeat: no-repeat;
	background-position:bottom;
	text-decoration:none
}

/*--------------------------------------------------
########### footer
--------------------------------------------------*/

.txtfooter{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align:center;
	line-height: 24px;
}
.txtfooter2{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align:center;
}
.txtfooter2:Link{
	color: #fff;
	text-decoration: none;
}
.txtfooter2:Active{
	color: #fff;
	text-decoration: none;
}
.txtfooter2:Visited{
	color: #fff;
	text-decoration: none;
}
.txtfooter2:Hover{
	color: #ccc;
	text-decoration: underline;
}