@charset "utf-8";

/* ESTILOS GENERALES: Enlaces, body, tipo de letra general */
/* CSS Document */


/* ----------------  Estilos generales --------------------- */

body{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/background.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;	
}

form{
	padding:0px;
	margin:0px;
}

table{
	border:0px;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
}
:link, :visited {
	text-decoration:none;
	outline:none;
}
a {
	color:#333;
	outline:none;
	text-decoration:none;
	outline:none;	
}
a:hover {
	text-decoration:underline;
	outline:none;	
}
ul, ol {
	list-style-image:none;
	list-style-type:none;
}
label, select, input[type="checkbox"], input[type="radio"], input[type="button"], input[type="submit"] {
	cursor:pointer;
	outline:none;	
}
textarea, input {
	padding:0px;
	outline:none;	
}

a img{
	border:0px;
	outline:none;
}
/* ----------------  Estilos DIV´s del HOME --------------------- */

#contenedor{/*Contiene toda la información*/
	margin:0 auto;
	height:auto;
	width:957px;
	}
#logos{/*Contiene los logos de la camara FM y la Camara de comercio*/
	float:left;
	width:100%;
	height:auto;
	padding-bottom: 10px;
	}	
#logo_camara_fm{
	float:left;
	padding-left:25px;
	padding-top:15px;
	}	
#logo_camara_de_comercio{
	float:left;
	padding-left:25px;
	padding-top:30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #666;
	}		
#logo_camara_de_comercio .texto_cdc{
	padding-bottom:10px
	}	
#menuSuperior{/*Contiene el menu de pestañas de la parte superior o encabezado*/
	width:auto;
	float:right;
	height:auto;
	padding-top:0px;
	padding-right: 60px;
	}	

#menuSuperior ul{
	float:left;	
	}	
#menuSuperior ul li{
	float:left;	
	}	
#menuppal_buscador{/*Contiene el menu ppal y el buscador*/
	width:100%;
	float:left;
	height: 24px;
	background-image: url(../images/menu.gif);
	background-position: 0px 0px;
	padding: 3px 0px 5px 0px;
	background-repeat: no-repeat;
	}

#menuPpal{/*Contiene el menu principal*/
	width:auto;
	height:auto;
	float:left;
	padding-left: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}	
#menuPpal ul li{
	float:left;
	line-height: 22px;
	height: 22px;
	padding: 0px 0px;
	}	
#menuPpal ul li a{
	color:#FFF;
	height:22px;
	line-height:22px;
	float:left;
	padding:0 5px;
	}		
		
#menuPpal ul li a:hover{
	background-color:#FFF;
	text-decoration:none;
	color: #0073B2;
	}		
	
#buscadorDer{/*Contiene el buscador que se encuentra al lamdo del menu superior*/
	float:right;
	width:auto;
	height:auto;
	padding-right: 10px;
	}
#buscador_fondo{
	background-image:url(../images/buscador.gif);
	background-repeat:no-repeat;
	height:21px;
	width:164px;
	padding-left: 20px;
	padding-top: 0px;
	}	
#campo_buscador{
	height:16px;
	padding:0px;
	margin:0px;
	border:0px;
	width:110px;
	background-color: transparent;
	float: left;
	margin-top: 3px;
	}
.boton_buscar{
	color:#009EE0;
	float:left;
	padding-left: 10px;
	background-image: url(../images/fondo_boton_buscar.jpg);
	padding: 0;
	margin: 0;
	font-size: 11px;
	border: 0px;
	height: 21px;
	background-color: #FFF;
	width: 40px;
	}	
.busqueda_avanzada{
	float:right;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	}	
.busqueda_avanzada a{	
	color:#FFF;
}
.busqueda_avanzada a:hover{
	text-decoration:underline;
}

#contenido{/*En este DIV se desarrollan los contenidos*/
	padding-top:5px;
	width:950px;
	float:left;
	padding-left: 4px;
	padding-right: 3px;
	height: auto;
	}	
#cuerpo{/*Contiene la información qe se muestra dentro del contenido al lado izquierdo*/
	float:left;
	width:620px;
	padding-right:20px;
	height: auto;
	}	
#derecha{/*Contiene la información qe se muestra dentro del contenido al lado derecho*/
	float:left;
	width:310px;
	height:auto;
	overflow: hidden;
	}
#noticias{/*Contiene los destacados que se encuentran justo abajo del contenido casi finalizando la pagina*/
	padding-top:10px;
	width:950px;
	float:left;
	height:auto;
	padding-left: 4px;
	padding-right: 3px;
	}	
#pata{/*Contiene lo créditos*/
	float:left;
	width:957px;
	padding-top:25px;
	padding-bottom:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	}
#pata a{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;	
}	
#contenedor_banners{/*contenedor de banners*/
	width:100%;
	height:auto;
	}
#contenedor_albunes{/*contenedor de albunes*/
	width:610px;
	height:277px;
	background-image: none;
	margin-top: 0px;
	background-repeat: no-repeat;
	float: left;
	border-right: 0px solid #ff0000;
	padding-top: 20px;
	}	
#boton_radio_vivo{/*boton para abrir el radio en vivo*/
	width:100%;
	width:auto;

	}
#boton_radio_vivo a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;	
	float:left;
	background-image:url(../images/lanzar_radio_inactivo.gif);
	background-repeat:no-repeat;
	height:30px;
	width:250px;
	padding-left:60px;
	padding-top:15px;
	}	
#boton_radio_vivo a:hover{
	float:left;
	background-image:url(../images/lanzar_radio_activo.gif);
	background-repeat:no-repeat;
	text-decoration:none
	}	
	
.der_contenedor{/*top 5*/
	width:100%;
	float:left;
	height:auto;
	padding-top: 5px;
	}	
	
.der_boton{
	float:left;
	width:24px;
	height:auto;
	}
.der_contenido{
	float:left;
	width:286px;
	height:auto;
	padding-top: 15px;
	left: -4px;
	}	
.der_contenido .tabla_top thead tr td{
	border-bottom:3px #E2007A solid;
	color:#E2007A;
	font-size:14px;
	font-weight:bold;
	padding-left:5px;	
	}
	
.der_contenido .tabla_top{
	height: 155px;
}
.tabla_top tbody tr td{
	color:#666666;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	border-bottom:#666666 1px solid;
	}	
.tabla_top tbody tr.last td{
	border-bottom:0px;
	}		
.tabla_top tbody tr td a{
	color:#666666;
	text-decoration:none;
}
.tabla_top tbody tr td a:hover{
	text-decoration: underline;
}

.tabla_top tbody tr td.artista{
	padding:3px 3px 3px 5px;
	width:100px;
	}
.tabla_top tbody tr td.song{
	padding:3px 3px 3px 5px;
	}

.tabla_top tbody tr td.calificacion{
	padding:0px;
	vertical-align:middle;
	width:61px;
	text-align:center;
	}
.tabla_top tbody tr td.calificacion img{
	padding:0px 1px 0px 0px;
	float: left;
	
	}	
.tabla_encuesta thead tr td{
	color:#4D4D4D;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom: 3px;
	padding-left: 10px;
	}	
.tabla_encuesta tbody tr td{
	color:#666666;
	font-size:10px;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align:middle;
	padding:2px 5px 2px 5px;
	border-bottom:#666666 1px solid;
	}
.tabla_encuesta tbody tr.last td{	
	border-bottom:0px;
}	
.tabla_encuesta tbody tr td input{
	margin:0px 0px 0px 10px;
    text-align:center;
    float:right;
    height:auto;
    width: 20px;
    padding:0px;
    outline: none;
	}	
.tabla_encuesta tbody tr td{
    width: 90%;
	}		
.tabla_encuesta tbody tr td.opcion{
	width:10px;
	} 	
.boton_votar_contenedor	{
	float:right;
	width:100%;
	}
#boton_votar{
	font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#79C23D;
    background-image: url(../images/votar.gif);
    background-position:center right;
    border:0px;
    margin:0px;
    padding:0px 10px 0px 0px;
    float: right;
    background-repeat: no-repeat;
    background-color: transparent;
	cursor:hand;
	}	
.encuestas_historico_boton{
	float:right;
	width:100%;
	text-align:right;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 0px;
	}	
.encuestas_historico_boton a{
	font-size:10px;
	}
.encuestas_historico_boton a:hover{
	text-decoration:underline;
	}	

.destacado_tablas{
	width:100%;
	}
.destacado_tablas .destacado_pestagna{
	width:25px;	
	}	
.destacado_tablas .destacado_borde{
	width:32px;
	background-color: transparent;
	}	
.destacado_tablas .contenido_destacado{
	background-color:#ECECEC;
	border-left: 40px solid #ECECEC;
	}	
.titulo_destacado{
	color:#E2007A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left: 20px;
	}
.destacado_texto{
	color:#666666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 20px;
	}
.destacado_link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:12px;
	font-weight:bold;
	float: right;	
	background-image:url(../images/flecha_rosada.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:10px;
	}
.destacado_link a{
	color:#E2007A;
	}
.destacado_link a:hover{
	text-decoration:underline;
	}	

.resaltado_pata{
	font-weight: bold;
	color: #666666 !important;
}