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

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


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

#base{
	margin: 0 auto;
	width: 1150px;
	border: 0px solid #fff;
}

		#base #header{
			width: 100%;
			border: 0px solid #fff;
		}

				#base #header #top{
					width: 100%;
					height: 117px;
					border: 0px solid #fff;
				}
						#base #header #top #left{
							width: 76px;
							height: 100%;
							border: 0px solid #0ff;
							background: url(imagenes/a0.jpg) top left no-repeat;
							float: left;
							overflow: visible;
							display: bloque;
						}

						#base #header #top #center{
							width: 337px;
							height: 100%;
							border: 0px solid #f0f;
							background: url(imagenes/a1.jpg) top left no-repeat;
							float: left;
							overflow: visible;
							display: bloque;
						}
						
						#base #header #top #right{
							width: 730px;
							height: 100%;
							border: 0px solid #ff0;
							background: url(imagenes/a2.jpg) top left no-repeat;
							float: left;
							overflow: visible;
							display: bloque;
						}			

								#base #header #top #right #audio{
									margin: 90px 0 0 330px;
									width: 300px;
									border: 0px solid #ff0;
								}			

				#base #header #mid1{
					width: 100%;
					height: 149px;
					border: 0px solid #fff;
				}

						#base #header #mid1 #left{
							width: 76px;
							height: 100%;
							border: 0px solid #0ff;
							background: url(imagenes/b0.jpg) top left no-repeat;
							float: left;
							overflow: visible;
							display: bloque;
						}

						#base #header #mid1 #center{
							width: 337px;
							height: 100%;
							border: 0px solid #f0f;
							background: url(imagenes/b1.jpg) top left no-repeat;
							float: left;
							overflow: visible;
							display: bloque;
						}
						
						#base #header #mid1 #right{
							width: 730px;
							height: 100%;
							border: 0px solid #ff0;
							background: url(imagenes/b2.png) top left no-repeat;
							float: left;
							overflow: visible;
							display: bloque;
						}
				
				#base #header #mid2{
					width: 100%;
					height: 48px;
					border: 0px solid #fff;
				}

						#base #header #mid2 #left{
							width: 76px;
							height: 100%;
							border: 0px solid #0ff;
							float: left;
							overflow: visible;
							display: bloque;
						}

						#base #header #mid2 #center{
							width: 337px;
							height: 100%;
							border: 0px solid #f0f;
							background: url(imagenes/c1.jpg) top left no-repeat;
							float: left;
							overflow: visible;
							display: bloque;
						}
						
						#base #header #mid2 #right{
							width: 730px;
							height: 100%;
							border: 0px solid #ff0;
							background: url(imagenes/c2.jpg) top left no-repeat;
							float: left;
							overflow: visible;
							display: bloque;
						}
				
				#base #header #bottom{
					width: 100%;
					height: 118px;
					border: 0px solid #fff;
				}

						#base #header #bottom #left{
							width: 76px;
							height: 100%;
							border: 0px solid #0ff;
							float: left;
							overflow: visible;
							display: bloque;
						}

						#base #header #bottom #center{
							width: 337px;
							height: 100%;
							border: 0px solid #f0f;
							background: url(imagenes/d1.jpg) top left no-repeat;
							float: left;
							overflow: visible;
							display: bloque;
						}
						
						#base #header #bottom #right{
							width: 730px;
							height: 100%;
							border:0px solid #ff0;
							background: url(imagenes/d2.jpg) top left no-repeat;
							float: left;
							overflow: visible;
							display: bloque;
						}

								#base #header #bottom #right #thumbs{
									width: 570px;
									height: 70px;
									margin: 10px 0 0 50px;
									padding: 0;
									border: 0px solid #ffffff;
								}

										#base #header #bottom #right #thumbs #thumb{
											width: 114px;
											height: 69px;
											margin: 0;
											padding: 0;
											background: url(../../datos/imagenes/thumb.png) top left no-repeat;
											border: 0px solid #ffffff;
											float: left;
										}

										#base #header #bottom #right #thumbs #thumb #pin{
											width: 98px;
											height: 55px;
											margin: 4px 0 0 4px;
											padding: 0;
										}
						
						
		#base #main{
			margin: 0 auto;
			width: 1000px;
			height: 525px;
			border: 0px solid #ff0;
		}
		

		
				#base #main #promocion{
					margin: 0 auto;
					width: 100%;
					height: 140px;
					border: 0px solid #ffffff;
				}

						#base #main #promocion #promo1{
							width: 381px;
							height: 140px;
							margin: 0;
							padding: 0;
							float: left;
							display: block;
							background:url(imagenes/promo1.jpg) top no-repeat;
						}

						#base #main #promocion #promo2{
							width: 222px;
							height: 140px;
							margin: 0;
							padding: 0;
							float: left;
							display: block;
							background:url(imagenes/promo2.jpg) top no-repeat;
						}

						#base #main #promocion #promo3{
							width: 223px;
							height: 140px;
							margin: 0;
							padding: 0;
							display: block;
							float: left;
							background:url(imagenes/promo3.jpg) top no-repeat;
						}

						#base #main #promocion #promo3:hover{
							background-position:0 -140px;
						}
								#base #main #promocion #promo3 #uno_link{
									width: 53px;
									height: 13px;
									margin: 112px 0 0 24px;
									padding: 0;
									display: block;
									float: left;
									border: 0px solid #ffffff;
								}

								#base #main #promocion #promo3 #dos_link{
									width: 53px;
									height: 13px;
									margin: 112px 0 0 4px;
									padding: 0;
									display: block;
									float: left;
									border: 0px solid #ffffff;
								}

								#base #main #promocion #promo3 #tres_link{
									width: 53px;
									height: 13px;
									margin: 112px 0 0 5px;
									padding: 0;
									display: block;
									float: left;
									border: 0px solid #ffffff;
								}
		
		
		
		
		
		#base #footer{
			clear: both;
			width: 1000px;
			margin: 10px auto;
			padding: 0;
		}

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

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

						#base #footer table tr td a:hover {
							color: #fff600;
						}

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


#base #header #mid2 #right #menu {
	margin: 7px 0 0 20px;
	padding: 0;
	height:33px;
	_line-height:1em;
	width: 615px;
	background:url(imagenes/menu.gif) top left no-repeat;
	border: 0px;
}


		#base #header #mid2 #right #menu ul {
			margin: 0 0 0 15px;
			_margin: 0 0 0 8px;
			padding: 0;
			border: 0px;
			float: left;
			}

					#base #header #mid2 #right #menu ul li {
						margin: 0;
						padding: 0;
						list-style: none;
						line-height: 33px;
						float: left;
						border: 0px;
						}

								#base #header #mid2 #right #menu ul li a#on, #base #header #mid2 #right #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;
								}

								#base #header #mid2 #right #menu ul li a#on, #base #header #mid2 #right #menu ul li a#opcion:hover{
									color: #FF9;
									background:url(imagenes/menu_on.png) top right repeat-x;
								}

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

/*
	----------------------------------------------------------
	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;
}



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