/* CSS Web de Ricardo
Creada por Alfaweb S.A. */
/*Reseteo General*/
*{margin:0; padding:0;}
* { behavior: url(iepngfix.htc) }

.clean{clear:both;}

body{background: #333 url(../img/bg-web.jpg) repeat-x left top; font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;}

/*Distribución*/
#wrap{margin:0 auto; width:754px; position:relative;}

h1{	width:754px; height:217px;}

h1 a{display:block; width:754px; height:217px; 	text-indent:-10000em; 	background: url(../img/h1-home.jpg) no-repeat; overflow:hidden;}

h2{display:block; overflow:hidden; text-indent:-10000em; margin:15px 0 10px 50px;
}
.h2-home{width:190px; height:37px;background: url(../img/h2-novedades.gif) no-repeat;}
.h2-videos{width:121px; height:45px;background: url(../img/h2-videos.gif) no-repeat;}
.h2-artista{width:344px; height:45px;background: url(../img/h2-artista.gif) no-repeat;}
.h2-discos{width:209px; height:45px;background: url(../img/h2-discos.gif) no-repeat;}
.h2-proyecto{width:344px; height:45px;background: url(../img/h2-proyecto.gif) no-repeat;}
.h2-contacto{width:398px; height:45px;background: url(../img/h2-contacto.gif) no-repeat;}
.h2-fotos{width:216px; height:45px;background: url(../img/h2-fotos.gif) no-repeat;}
.h2-letrasyacordes{width:322px; height:45px;background: url(../img/h2-letrasyacordes.gif) no-repeat;}
.h2-librovisitas{width:283px; height:45px;background: url(../img/h2-visitas.gif) no-repeat;}
.h2-agenda{width:141px; height:45px;background: url(../img/h2-agenda.gif) no-repeat;}
.h2-recursos{width:380px; height:45px;background: url(../img/h2-recursos.gif) no-repeat;}
.h2-enlaces{width:413px; height:45px;background: url(../img/h2-enlaces.gif) no-repeat;}

h3{
	margin:20px 0;
	font-size: 14px;
	line-height: 1.6em;
}
h4{margin:5px 0 15px 0; font-size: 12px; line-height: 1.4em; color:#6A7260;
display:block; overflow:hidden; text-indent:-10000em; height:30px; width:165px;
}

.h4-novedad{background: url(../img/h4-novedad.gif) no-repeat;}
.h4-agenda{background: url(../img/h4-agenda.gif) no-repeat;}
.h4-alfaweb{background: url(../img/h4-alfaweb.gif) no-repeat;}
.h4-audio{background: url(../img/h4-audio.gif) no-repeat;}
.h4-ultimasfotos{background: url(../img/h4-ultimasfotos.gif) no-repeat;}
.h4-recursos{background: url(../img/h4-recursos.gif) no-repeat;}
.h4-visitas{background: url(../img/h4-visitas.gif) no-repeat;}
.h4-enlaces{background: url(../img/h4-enlaces.gif) no-repeat;}

p{	margin:5px 0; text-align:justify;}
.top{
	width:754px;
	height:15px;
	background: url(../img/bg-top.jpg) no-repeat;
}

a{
	font: 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #5C6972;
	text-decoration: none;
}

a:hover{
color:#808F99;
}
a:visited{
text-decoration: underline;
}
/*----------Menu-------*/
#menu{
	position:absolute;
	width:533px;
	height:120px;
	top:99px;
	left:-80px;
	z-index:100;
	background: url(../img/menu-bg.png) no-repeat;
	/*background: url(../img/menu-bg.gif) no-repeat;*/
}

ul#nav{
	width:533px;
	height:120px;
	margin: 0;
	padding: 0;
	position:relative;
	z-index:200;
}
ul#nav li{
margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul#nav li a{ height: 120px; display: block; text-indent: -99999em; overflow: hidden; z-index:200;}

#main1 { left: 85px; width: 50px; z-index:200;}
#main2 { left: 135px; width: 109px; z-index:200;}
#main3 { left: 244px; width: 55px; z-index:200;}
#main4 { left: 299px; width: 93px; z-index:200;}
#main5 { left: 392px; width: 101px; z-index:200;}

#extra1{
	position:absolute;
	background: url(../img/bg-extra1.png) no-repeat;
	/*background: url(../img/bg-extra.gif) no-repeat;*/
	width:139px;
	height:224px;
	top:218px;
	left:-138px;	
}

/*---------------------------------*/
#contenido{	width:714px; background: url(../img/bg-cuerpo.jpg) repeat-y; padding:0 20px;}
#textos{width:525px;float:left;}
#lateral{	width:170px; float:right;}

/*Noticias*/
.noticia{position:relative; width:405px;margin:15px 0;
/*min-height:100px;*/
background: url(../img/bg-noticia.jpg) no-repeat right bottom;
padding:65px 30px 5px 70px;
}
.noticia h3{color:#65745C; position:absolute; left:95px; top:15px;
}
.fecha{position:absolute; float:left; left:40px; top:15px; width:47px;	height:49px;background: url(../img/fecha-bg.gif) no-repeat; text-align:center}

.dia{
	font: bold 20px Tahoma, Verdana, sans-serif;
	color: #F3FAEB;
	text-align:center;
	width:47px;
	margin-top:10px;
}

.mes{
	font: 9px Tahoma, Verdana, sans-serif;
	color: #F3FAEB;
	text-align:center;
	width:47px;
}
.vernoticia{
	width:129px;
	height:12px;
	background: url(../img/vernoticia.gif) no-repeat;
	text-indent:-10000em;
	display:block;
}
.vervideo{
	width:69px;
	height:12px;
	background: url(../img/vervideo.gif) no-repeat;
	text-indent:-10000em;
	display:block;
	float:left;
}
.verdisco{
	width:128px;
	height:12px;
	background: url(../img/verdisco.gif) no-repeat;
	text-indent:-10000em;
	display:block;
}
.vergalerias{
	width:83px;
	height:12px;
	background: url(../img/vergalerias.gif) no-repeat;
	text-indent:-10000em;
	display:block;
	margin-top:15px;
}
.verrecursos{
	width:85px;
	height:12px;
	background: url(../img/verrecursos.gif) no-repeat;
	text-indent:-10000em;
	display:block;
	margin-top:15px;
}

.veragenda{
	width:85px;
	height:12px;
	background: url(../img/veragenda.gif) no-repeat;
	text-indent:-10000em;
	display:block;
	margin-top:15px;
}

.vervisitas{
	width:80px;
	height:12px;
	background: url(../img/vervisitas.gif) no-repeat;
	text-indent:-10000em;
	display:block;
	margin-top:15px;
}
.verenlaces{
	width:80px;
	height:12px;
	background: url(../img/verenlaces.gif) no-repeat;
	text-indent:-10000em;
	display:block;
	margin-top:15px;
}

.visitarenlaces{
	width:90px;
	height:12px;
	background: url(../img/visitarenlaces.gif) no-repeat;
	text-indent:-10000em;
	display:block;
	margin-top:15px;
}
/*-------------fotos--------------*/
.foto-interna{
float:right;
margin:5px;
border: solid 1px #65745C;
padding:2px;
}
.foto-portada{
float:right;
margin:5px;
}
ul#album li{
display:inline;
list-style:none;
margin-right:3px;
}

ul#album li img{
border:solid 1px #65745C;
padding:1px;
width:40px;
height:40px;
}

.portadacd{
float:left;
margin:0 15px 10px 0;
border:4px solid #737A50;
padding:3px;
background:#FFFFFF;
}

.cd{
border:solid 1px #000;
}
/*---Listado interno-------*/
ul#listado{
margin:15px 0 15px 25px;
list-style:none;
}

ul#listado li{
margin-top:10px;
}
ul#listado li span{
float:left;
margin-right:20px;
}

ul#galeria, ul#detallealbum{
margin:10px 5px 10px 35px;
list-style:none;
}
ul#galeria li{
	width:224px;
	height:240px;
	position:relative;
	background: url(../img/galeria-bg.gif) no-repeat;
	float:left;
	margin-right:5px;
}

ul#detallealbum li{
width:94px;
	height:101px;
	position:relative;
	background: url(../img/fotoalbum-bg.gif) no-repeat;
	float:left;
	margin-right:5px;
}

ul#galeria li img{
	position:absolute;
	top:15px;
	left:16px;
}
ul#detallealbum li img{
	position:absolute;
	top:7px;
	left:8px;
}
ul#galeria li span{
	position:absolute;
	top:201px;
	left:18px;
	font: bold 11px/1.6em Tahoma, Verdana, sans-serif;
	color: #737A50;
}

ul#canciones{
width:450px;
margin:15px 10px 15px 45px;
list-style:none;
}

ul#canciones li{
position:relative;
margin-bottom:10px;
}
ul#canciones img.audio{
position:absolute;
right:0;
top:0;
}
ul#canciones img.acordes{
position:absolute;
right:40px;
top:0;
}
ul#canciones img.word{
position:absolute;
right:80px;
top:0;
}
ul#canciones img.ver{
position:absolute;
right:120px;
top:0;
}
/*-----Flash proyecto----*/
#flashcontent{
width:500px;
height:375px;
margin:15px auto;
}
#proyecto{
margin:0 auto;
}

#video{
width:425px;
height:350px;
margin:10px auto;
}
/*------Citas-----*/
blockquote#artista{
	width:250px;
	margin:15px auto;
	border-left:solid 5px #737A50;
	padding:10px;
	font: 12px/1.6em Tahoma, Verdana, sans-serif;
	color: #7D7B4D;
	background: url(../img/comillas.gif) no-repeat 100% 85%;
}