/*  
##############################################
				Gernerales
##############################################
*/
*{
 margin:0px;
 padding:0px;
 }

a img, form{border:0px}
.both{clear:both;}

/*  
##############################################
			Generales Contenido
##############################################
*/
#info h3{font:bold 21px arial;}
#info h3{font:bold 17px arial;}
#info p{
	padding:5px 0px;
	font:normal 13px arial;
}
#info	.listahadware{
	margin-bottom:15px;
	list-style-type: none;
	font:normal 11px  arial, helvetica, sans-serif;
		}
#info	.listahadware li{
	margin-left:20px;
	list-style-type: none;
	 line-height:14px;
	}
/*  
##############################################
				Marquetado
##############################################
*/

body{
	background:#000 url(images/rptFondoCubo.gif) repeat 0px 0px;
}

#pag{
	width:878px;
	height:576px;
	background:#000 url(images/fondoSitio.jpg) no-repeat 0px 0px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-288px;
	margin-left:-439px;
}

#cabecera{
	padding-top:10px;
	width:845px;
	height:129px;
}
	#cabecera h1 a{
		display:block;
		margin-top:20px;
		margin-left:30px;
		width:296px;
		height:98px;
		background:#fff url(images/logo.gif) no-repeat 0px 0px;
			text-indent: -5000px;
			overflow:hidden;
	}
	
#contenido{
	margin:auto;
	width:844px;
	height:423px;	
}

#cleft{
	width:372px;
	float:left;
}

#menu ol{list-style:none}
#menu ol li{
	background-color:#ffdb00;
	padding:2px 0px;
	}
#menu ol li a{
	margin:auto;
	display:block;
	background-repeat:no-repeat;
	background-position:10px 0px;
	width:344px;
	padding:1px 0px;
		text-indent: -5000px;
		overflow:hidden;	
}
#menu ol .m1 a{background-image:url(images/menu/inicio.gif);}
	#menu ol .m1 a:hover{background:#000 url(images/menu/inicio_h.gif) no-repeat 10px 0px;}
#menu ol .m2 a{background-image:url(images/menu/noticias.gif);}
	#menu ol .m2 a:hover{background:#000 url(images/menu/noticias_h.gif) no-repeat 10px 0px;}
#menu ol .m3 a{background-image:url(images/menu/servicios.gif);}
	#menu ol .m3 a:hover{background:#000 url(images/menu/servicios_h.gif) no-repeat 10px 0px;}
#menu ol .m4 a{background-image:url(images/menu/experiencia.gif);}
	#menu ol .m4 a:hover{background:#000 url(images/menu/experiencia_h.gif) no-repeat 10px 0px;}
#menu ol .m5 a{background-image:url(images/menu/estudio.gif);}
	#menu ol .m5 a:hover{background:#000 url(images/menu/estudio_h.gif) no-repeat 10px 0px;}	
#menu ol .m6 a{background-image:url(images/menu/contacto.gif);}
	#menu ol .m6 a:hover{background:#000 url(images/menu/contacto_h.gif) no-repeat 10px 0px;}	


#info{
	background-color:#fff;
	height:240px;
	padding:5px 6px;
}

#scroll{
	overflow:auto;
	height:240px;
	}

.desmp3{
	font:normal 11px verdana, arial, helvetica, sans-serif;
	list-style-type: none;
	}
	.desmp3 li{
		list-style-type: none;
		float:left;	
		margin:5px 3px;				
		}
	.desmp3 li a{
		display:block;
		width:108px;
		height:134px;
		text-decoration:none;
		font:normal 11px verdana, arial, helvetica, sans-serif;	
		color:#5F5F5F;				
		}
	.desmp3 li a:hover{background-color:#fff}/* IE hack  para que funcione el hover */
	.desmp3 li a img{
		padding:3px;
		border:2px solid #adadad;
		background-color:#fff
		}
		.desmp3 li a:hover img{background-color:#D2D2D2}
	.desmp3 li a span{
		display:block;
		text-align:center;
		font-weight:bold
		}			
		.desmp3 li a:hover span{text-decoration:underline}
		
		
			#reproductores{
				font:normal 11px verdana, arial, helvetica, sans-serif;
				list-style-type: none;
				padding:3px 0px 0px 2px;
				background-color:#fff;
				}
				#reproductores li{
					list-style-type: none;
					width:290px;
					height:120px;
					padding:10px 10px 10px 15px;
					background:#fff url(images/fondo_reproductor.gif) no-repeat 0% 0%;
					}
					#reproductores li img{float:left;margin-top:0px;margin-right:4px}
					#reproductores li .fecha{display:block;font:normal 10px verdana, arial, helvetica, sans-serif;text-align:right;padding-right:5px}
					#reproductores li .artista{display:block;margin-top:7px}
					#reproductores li .tema{display:block}
					#reproductores li .categoria{display:block}
					#reproductores li .produccion{display:block}