/* ---- General ---- */

body,td,th {
	color: #CCCCCC;
}
body {
	background-color: #000;
	background: url(../Images/bg.png);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	}
a:hover {
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
	}

#content {
width: 990px;
margin:0 auto 0 auto;
}

/* ---- Portada ---- */
#portada {
	margin-top: 80px;
}

#idioma {
}
#idioma a {
filter: alpha(opacity=60);
-moz-opacity: .6;
opacity: .6;
}
#idioma a:hover {
filter: alpha(opacity=100);
-moz-opacity: .99;
opacity: .99;
}

/* ---- Portada por idioma ---- */
#arriba {
	margin: 10px;
	width: 960px;
	height: 100px;
}

#young {
margin-left: 20px;
}

#arriba-derecha {
	width: 750px;
	height: 80px;
	display: block;
	float: right;
	}
#idiomablog {
	margin-top: 5px;
	width: 750px;
	display: block;
	float: right;
}

#navigation {
	margin-top: 40px;
	width: 750px;
	display: block;
	float: right;
}

#medio {
	margin: 10px;
	width: 960px;
	height: 360px;
	padding: 10px;
	background: url(../Images/transparent.png) repeat;
	}

#animacion {
	width: 680px;
	height: 380px;
	display:block;
	float: left;
	}

#texto {
	width: 250px;
	height: 380px;
	padding: 10px;
	display: block;
	float: right;
	}
	
	
#abajo {
	margin: 10px;
	width: 980px;
	height: 15px;
}

/* ---- Contacta ---- */
#contact {
	margin: 10px;
	width: 960px;
	height: 450px;
	padding: 20px;
	background: url(../Images/transparent.png) repeat;
}

#form input {
	background: #303030;
	border: 2px solid #505050;
	color: #ccc;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#form textarea {
	background: #303030;
	border: 2px solid #505050;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
	font-weight: bold;
	scrollbar-3dlight-color:#303030; 
	scrollbar-arrow-color:#505050; 
	scrollbar-base-color:#303030; 
	scrollbar-darkshadow-color:#303030; 
	scrollbar-face-color:#303030; 
	scrollbar-highlight-color:#505050; 
	scrollbar-shadow-color:#303030;
	}

#antispam {
	margin-left: 110px;
	}
	
/* ---- Gracias ---- */

#gracias {
	margin: 10px;
	width: 960px;
	height: 150px;
	padding: 40px;
	background: url(../Images/transparent.png) repeat;
}

/* ---- Calendario ---- */

#calendario {
	margin: 10px;
	width: 960px;
	height: 715px;
	padding: 10px;
	background: url(../Images/transparent.png) repeat;
	}
#calendariowrap {
	margin-left: 30px;
	}
	
/* ---- Calendario inglés ---- */

#dates {
	margin: 10px;
	width: 960px;
	height: 540px;
	padding: 10px;
	background: url(../Images/transparent.png) repeat;
	}
#dateswrap {
	margin-left: 30px;
	}
	
	
/* ---- Efecto de próximos lanzamientos ---- */
		a, img {
			border:none;
		}
		.center {text-align:center;}
		#wrap {
			width:890px;
			margin:0 auto 0 auto;
		}
		
		/* ---- styling the list ---- */
		
		#work {
			float:left;
			list-style:none;
			margin:0;
			padding:0;
		}
		#work li {
			float:left;
			display:block;
			width:150px;
			margin:10px;
			display:inline;
			padding:3px; 
			background:#4f4f4f;
			border:1px solid #4f4f4f; 
			height:150px;
		}
		#work li a {
			border:none;
		}
		#work p {
			margin-bottom:0;
		}
		
		
		/* ---- show-hide elements ---- */
		
		#work li .show{
			display:block;
			width:130px;
			height:130px;
		}
		#work li .hide {
			color:#7c7c7c;
			font-size: 12px;
			text-align: left;
			height: 0;
			overflow: hidden;
			background: url(../Images/lanzamientos/hidden.png);
		}
		#work li:hover .hide, #work li.over .hide {
			cursor: default;
			height: 130px;
			padding:10px;
			width:130px;
		}
		#work li:hover .show, #work li.over .show {
			height: 0;
			overflow: hidden;
		}
		
		#work li a {
			color:#7c7c7c;
		}
		
/* ---- GRUPOS ---- */

#contenido {
	margin: 10px;
	width: 960px;
	height: auto;
	padding: 10px;
	background: url(../Images/transparent.png) repeat;
	}

#cabecera {
	width: 770px;
	height: 180px;
	display:block;
	float: left;
	}

#menu {
	width: 170px;
	height: 180px;
	padding: 5px;
	display: block;
	float: right;
	}

#rellenowrap {
	margin: 0 auto 0 auto;
}

#relleno {
	width: 910px;
	height: auto;
	display: block;
	padding: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#logos img {
}

#logos a img {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
	color:inherit;
}

#logos a img:hover {
	padding:0px;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9;
	color:inherit;
	padding:0px;
}

#sectiontitle {
	padding-left: 80px;
}

#sectiontitle2 {
	padding-left: 150px;
}

#enlaces img {
	color:inherit;
	padding:0px;
	border: solid 3px #4f4f4f;
}

#enlaces a img {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
	color:inherit;
	padding:0px;
}

#enlaces a img:hover {
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9;
	color:inherit;
	padding:0px;
}

/* ---- Discografía ---- */
#fondo {
	margin: 0px;
	padding-top: 40px;
	padding-left: 20px;
	padding-bottom: 20px;
	background: url(../Images/transparent.png) repeat;
}

#cursor {
	cursor: default;
	}
	
/* ---- Premios ---- */
#premios {
	margin: 10px;
	width: 960px;
	height: 350px;
	padding: 10px;
	background: url(../Images/transparent.png) repeat;
	}
	
/* ---- Letras ---- */

#fondoletras {
	margin: 0px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background: url(../Images/transparent.png) repeat;
}

#letras-contenido {
	margin: 10px;
	width: 880px;
	height: auto;
	padding: 20px;
	}
	
#disco {
	margin: 10px;
	width: 310px;
	height: 230px;
	padding: 10px;
	display: block;
	float: left;
	}

#letras {
	margin: 10px;
	width: 400px;
	height: 230px;
	padding: 10px;
	display: block;
	float: right;
	}