/**** CSS de etiquetas  *****************************************************************/

body{
	margin: 0;
	font-family:tahoma,arial,verdana,sans-serif;
	font-size:62.5%;
	background: #000000;
}


/**** CSS --- principal  *************************************************************** 	behavior: url(incluye/iepngfix.htc); */

#contenedor{
	width: 1258px;
	display: overflow;
	height: 770px;
	margin: 0 auto;
	padding: 0;
	background: url(imagenes/fondo.jpg) top no-repeat;
	border: 0px solid #ffffff;
}

		#contenedor #center{
			width: 1004px;
			margin: 0 auto;
			padding: 0;
			border: 0px solid #ffffff;
		}

				#contenedor #center #header{
					width: 1000px;
					height: 347px;
					margin: 0;
					padding: 0;
					border: 0px solid #ffffff;
				}

						#contenedor #center #header #left{
							width: 490px;
							height: 347px;
							margin: 0;
							padding: 0;
							border: 0px solid #00ffff;
						}

								#contenedor #center #header #left #imagenes{
									margin: 94px 0 0 0;
									padding: 0;
								}

								#contenedor #center #header #left #audio{
									margin: 20px 0 0 0;
									padding: 0;
								}

						#contenedor #center #header #right{
							width: 500px;
							height: 347px;
							margin: 0;
							padding: 0;
							border: 0px solid #0000ff;
							float: right;
						}

				#contenedor #center #menu{
					width: 1000px;
					height: 45px;
					margin: 0;
					padding: 0;
					border: 1px solid #000000;
					background:url(imagenes/menu_back.gif) center center no-repeat;
					display: block;
				}

				#contenedor #center #main{
					width: 1004px;
					margin: 0;
					padding: 0;
					border: 0px solid #ffffff;
				}

				#contenedor #center #bottom{
					width: 1000px;
					height: 132px;
					margin: 0;
					padding: 0;
					border: 0px solid #ffffff;
				}

						#contenedor #center #bottom #promo1{
							width: 398px;
							height: 132px;
							margin: 0;
							padding: 0;
							float: left;
							display: block;
							background:url(imagenes/promo1.jpg) top no-repeat;
						}

						#contenedor #center #bottom #promo2{
							width: 222px;
							height: 132px;
							margin: 0;
							padding: 0;
							float: left;
							display: block;
							background:url(imagenes/promo2.jpg) top no-repeat;
						}

						#contenedor #center #bottom #promo3{
							width: 224px;
							height: 132px;
							margin: 0;
							padding: 0;
							display: block;
							float: left;
							background:url(imagenes/promo3.jpg) top no-repeat;
						}

						#contenedor #center #bottom #promo3:hover{
							background-position:0 -132px;
						}
								#contenedor #center #bottom #promo3 #uno_link{
									width: 53px;
									height: 13px;
									margin: 99px 0 0 24px;
									padding: 0;
									display: block;
									float: left;
								}

								#contenedor #center #bottom #promo3 #dos_link{
									width: 53px;
									height: 13px;
									margin: 99px 0 0 4px;
									padding: 0;
									display: block;
									float: left;
								}

								#contenedor #center #bottom #promo3 #tres_link{
									width: 53px;
									height: 13px;
									margin: 99px 0 0 5px;
									padding: 0;
									display: block;
									float: left;
								}


				#contenedor #center #footer{
					width: 1000px;
					margin: 15px auto 0 auto;
					padding: 0;
				}

						#contenedor #center #footer table tr td{
							line-height:1.3em;
							font-size: 9px;
							font-family:arial,verdana,sans-serif;	
							color: #666;
						}

								#contenedor #center #footer table tr td a {
									color: #ccc;
									text-decoration: none;
								}

								#contenedor #center #footer table tr td a:hover {
									color: #f28020;
								}

		
		
.ventana {
	position: absolute;
	width: 901px;
	height: 549px;
	border: 0px;
	padding: 0;
	z-index: 1;
}		
		
		
		
		
		
		
		
		
		


/**** CSS del menú dinámico  ************************************************************/


#contenedor #center #menu #menu_box{
	margin: 6px 0 0 65px;
	padding: 0;
	_line-height:1em;
}


		#contenedor #center #menu ul {
			margin: 0 0 0 15px;
			_margin: 0 0 0 8px;
			padding: 0;
			border: 0px;
			float: left;
			}

					#contenedor #center #menu ul li {
						margin: 0;
						padding: 0;
						list-style: none;
						line-height: 33px;
						float: left;
						border: 0px;
						}

								#contenedor #center #menu ul li a#on, #contenedor #center #menu ul li a#opcion {
									display: block;
									height:33px;
									_width: 0px;
									color: #CCC;
									font-weight: bold;
									font-size: 13px;
									padding: 0 9px;
									text-decoration: none;
								}

								#contenedor #center #menu ul li a#on, #contenedor #center #menu ul li a#opcion:hover{
									color: #FF9;
								}

/****************************************************************************************/

/*
	----------------------------------------------------------
	Enlaces dinamicos de facebook, myspace, grammy y cuadra
	----------------------------------------------------------
*/

a#facebook{
	margin: 0 5px 0 0;
	padding: 0;
	width: 87px;
	height: 26px;
	display: block;
	float: right;
	background:url(imagenes/facebook.png) top no-repeat;
}

a#myspace{
	margin: 0 5px 0 0;
	padding: 0;
	width: 87px;
	height: 26px;
	display: block;
	float: right;
	background:url(imagenes/myspace.png) top no-repeat;
}

a#grammy{
	margin: 0 5px 0 0;
	padding: 0;
	width: 180px;
	height: 26px;
	display: block;
	float: right;
	background:url(imagenes/grammy.png) top no-repeat;
}

a#cuadra{
	margin: 0;
	padding: 0;
	width: 102px;
	height: 26px;
	display: block;
	float: right;
	background:url(imagenes/cuadra.png) top no-repeat;
}


a#facebook:hover,
a#myspace:hover,
a#cuadra:hover,
a#grammy:hover{
	background-position:0 -26px;
}

/*
	----------------------------------------------------------
	----------------------------------------------------------
*/