@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------------- */
/*   General :: Layout
/* ----------------------------------------------------------- */
html,body {
	margin:0;
	padding:0;
	font-family: "Trebuchet MS";
	background-image:url(../images/fondo_yayo.jpg);
	background-repeat:no-repeat;
		background-color:#8b8b8b;
	
}



#container {
	position:relative;
	text-align:left;	
	width:772px;
	height:577px;
	/*height:767px;	*/
	margin-left:62px;
	overflow:hidden;
}


#content-wrapper {
     width:772px;
	 height:577px;
	text-align:left;
	padding:0px;
	margin:0px;
	margin-top:0px;
}



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

/*CONTENT*/



#content-main{
float:left;
width:636px;
_width:634px;
height:555px;
margin:0px;
padding:0px;
background-image:url(../images/sombra.png);
background-position: right;
background-repeat:repeat-y;
}

#content{
float:left;
width:500px;
height:553px;
margin:0px;
padding:0px;
color:#000000;
background-color:#FFFFFF;
}

#sombrabajo{
margin:0px;
padding:0px;
float:left;
width:631px;
height:5px;
background-image:url(../images/sombrabajo.png);
background-repeat:no-repeat;
}




/* ----------------------------------------------------------- */
/*   HEADER
/* ----------------------------------------------------------- */
#logo {
    float:left;
    width:134px;
	height:143px;
	padding-left: 0px;
	
}

/* ----------------------------------------------------------- */
/*   NAVIGATION /
/* ----------------------------------------------------------- */


#idiomas{
width:772px;
*width:766px;
padding:0px;
margin:0px;
padding-top:4px;
height:15px;
float:right;
text-align:right;
margin-right:8px;
}

#idiomas a{
display:inline-block;
padding: 0px;
margin:0px;
height:20px;
text-decoration:none;
font-family:"Trebuchet MS";
font-size:10px;
color:#ffffff;
margin-left:5px;
}


#idiomas a.nolinkIdioma{
padding:0px;
margin:0px;
height:20px;
color:#666666;
margin-left:5px;
}


#idiomas a:hover{
padding: 0px;
margin:0px;
height:20px;
padding: 0;
color:#666666;
margin-left:5px;
}





/* ----------------------------------------------------------- */
/*   NAVIGATION / Sidebar
/* ----------------------------------------------------------- */

#barra_lateral {
margin-top:0px;
clear:both;
float:left;
width:131px;
background-color:#FFFFFF;
height:553px;
}

#menu{
margin:0px;
padding:0px;
margin-top:8px;
clear:both;
float:left;
width:130px;
height:532px;
border-right-style:solid;
border-right-width:1px;
border-right-color:#666666;
}


#barra_lateral ul{
margin:0px;
padding:0px;
list-style-type:none;
margin-left:15px;
*margin-left:10px;
margin-top:10px;
*margin-top:0px;
font-size:13px;
}



#barra_lateral li{
margin:0px;
padding:0px;
margin-top:8px;
*margin-top:5px;
}

#barra_lateral a{
margin:0px;
padding:0px;
/*color:#78b2d2;*/
color:#666;
text-decoration:none;
font-weight:bold;
}

#barra_lateral a.noLink{
margin:0px;
padding:0px;
color:#333;
/*color:#24678f;*/
text-decoration:none;
}

#barra_lateral a:hover.noLink{
margin:0px;
padding:0px;
color:#333;
text-decoration:none;
}


#barra_lateral a:hover{
margin:0px;
padding:0px;
color:#333;
text-decoration:none;
}



/*NEWSLETTER*/
#newsletter{
float:left;
width:130px;
margin:0px;
padding:0px;
margin-top:8px;
*margin-top:2px;
font-size:14px;
height:24px;
*height:30px;
font-weight:bold;
}

		


#newsletter form{
margin:0px;
padding:0px;
height:24px;
*height:33px;
margin-left:15px;
*margin-left:10px;
margin-top:12px;
}

#newsletter input.text{
margin:0px;
padding:0px;
margin-left:2px;
width:75px;
height:14px;
border-color:#666666;
border-width:1px;
border-style:solid;
color:#666666;
font-size:11px;
margin-top:1px;

}


#newsletter input.ok{
padding:0px;
margin:0px;
margin-left:5px;
padding-top:1px;
}


/*DATOS*/
#datos{
margin-top:330px;
*margin-top:320px;
_margin-top:290px;
margin-left:15px;
*margin-left:10px;
color:#666666;
font-size:9px;
}


#pie{
float:left;
width:637px;
margin-left:192px;
_margin-left:95px;
}



#pie a{
margin:0px;
padding:0px;
float:left;
font-size:9px;
color:#666666;
text-decoration:none;
float:left;
margin-left:24px;
}

#pie a:hover{
margin:0px;
padding:0px;
float:left;
font-size:9px;
color:#FFFFFF;
text-decoration:none;
margin-left:24px;
}

#pie img{
float:left;
margin:0px;
padding:0px;
margin-left:405px;
}

#respuesta{
font-family: "Trebuchet MS";
font-size:10px;
padding-top:20px;
padding-left:20px;
color:#666666;
}


#datos a, #datos a:link, #datos a:active{
margin:0px;
padding:0px;
color:#666666;
text-decoration:none;
}

#datos a:hover{
margin:0px;
padding:0px;
color:#000;
text-decoration:none;
}

#datos a:visited{
margin:0px;
padding:0px;
color:#666666;
text-decoration:none;
}

/*PASAFOTOS HOME*/

#pasafotos{
	background:#202834 url(loading.gif) no-repeat 50% 50%;
height:235px;
width:440px;
margin-left:30px;
margin-top:36px;
}

#pasafotos1{
	clear:both;
	float:left;	
	background:#202834 url(loading.gif) no-repeat 50% 50%;
height:235px;
width:440px;
margin-left:30px;
margin-top:56px;
}

#artistas{
	float:left;
 margin:25px 0px 0px 8px;
}

#artistas ul{
	margin:0px;
	padding:0px;
	margin-left:22px;
 width:500px;
 list-style-type:none;
}

#artistas ul li{
	margin:0px;
	padding:0px;
	margin:0px 2px 0px 2px;
	float:left;
	color:#666;
	font-size:11px;
}

#artistas ul li a,
#artistas ul li a:link, 
#artistas ul li a:visited{
	text-decoration:none;
	color:#666;

}

#artistas ul li a:hover{
	text-decoration:none;
	color:#24678f;

}

#artistas ul li a:active{
	text-decoration:none;
	color:#666;

}

#artista{
margin-top:20px; margin-left:26px; font-size:12px;color:#24678f;
}

#artista a,
#artista a:link,
#artista a:visited{
text-decoration:none;
	color:#666;
}

#artista a:hover{
text-decoration:none;
	color:#333;
}

#artista a:active{
text-decoration:none;
	color:#666;
}


#bio{
border-top:1px solid #24678f;
margin:20px 0px 5px 30px;
padding-top:10px;
width:436px;
}


#bio p{
float:left;
margin-top:10px; margin-left:2px; font-size:11px;color:#333;
padding:3px 0px 3px 0px;
border-bottom:1px solid #24678f;
border-top:1px solid #24678f;
width:436px;
}

span.descargar{
float:right;
font-size:11px;
color:#24678f;

}

span.descargar a,
span.descargar a:link,
span.descargar a:visited{
text-decoration:none;
	color:#24678f;
}

span.descargar a:hover{
text-decoration:none;
	color:#333;
}

span.descargar a:active{
text-decoration:none;
	color:#24678f;
}


a.blue,
a.blue:link, 
a.blue:visited{
	text-decoration:none;
	color:#666;

}

a.blue:hover{
text-decoration:none;
color:#24678f;
}

a.blue:active{
text-decoration:none;
	color:#666;

}