@charset "utf-8";
/**************************************************************************
RESET
***************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
/**************************************************************************
Generales
***************************************************************************/
body{
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
background-color:#000000;
background-image:url(../fondo.jpg);
background-position:
top center;
background-repeat:no-repeat;
}

a:link, a:visited, a:active{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

a:hover  {
color:#6c6c6c;
}

h1{
color: #ffffff;
font-size: 13px;
font-weight:bold;
text-decoration:none;
margin: 10px 0px 7px 0px;
}

#noticiasindex a{
font-size: 11px;
font-weight:bold;
}




.menupunt{
float:left;
margin:0px 15px 0px 15px;
}

.textcont{
color: #522e06;
font-size: 11px;
font-weight:bold;
}

.textcont h2{
font-size:24px;
font-weight:bold;
margin-bottom:10px;
}

.error{
color: #fd0202;
font-size: 10px;

}

/**************************************************************************
Estructurales
***************************************************************************/
#todo{
width:100%;
}

#lupa {
position:absolute;
top: 210px;
left:50%;
margin-left:418px;
}
#centro{
margin: 0px auto 0px auto;
width: 990px;
}

#cabecera{
height:180px;
}

#cuerpo{
height:700px;
}


#derecha{
margin-top:0px;
float:right;
width:590px;
height:590px;
background-image:url(../borde.png);
background-position:top center;
background-repeat:no-repeat;
padding:14px 0px 0px 16px;
}
#izquierda{
margin-top:0px;
float:left;
width:380px;
}

#tracklist{
background-image:url(../tabla1.png);
background-position:top center;
background-repeat:no-repeat;
margin-top:5px;
padding:15px 20px 0px 45px;
height:510px;
font-size:13px;
}



#list li{
padding-bottom:3px;
}

#down{
height:50px;
margin-left:-30px;
margin-top:20px;
}

#opciones{
height:40px;
margin-left:-30px;
margin-top:4px;
}

.colabo{
color:#FFA851;
}

#actual{
text-align:center;
}

#descrip{
float:right;
width:570px;
margin-top:10px;
padding:opx 10px 0px 10xp;
font-size:11px;
}

#logotipo{
float:left;
}

#info{
position:absolute;
top:300px;
left:50%;
padding:10px 10px 10px 10px;
width:300px;
height:400px;
display:none;
background-color:#666666;
color:#CCCCCC;
font-size:11px;
}

#mail{
position:absolute;
top:300px;
left:50%;
padding:10px 10px 10px 10px;
width:300px;
height:100px;
display:none;
background-color:#666666;
color:#CCCCCC;
font-size:11px;
}

#pie{
float:left;
font-size:11px;
color:#8a8a8a;
}