* { margin: 0px;
padding: 0px; outline: 0;
}
html, body { width: 100%;}

body { 
margin-top: -20px;
padding: 0px;
background: #231F20;
font-family: arial;
color: #FEC34D;
}

#contenedor {
border: 1px solid white; 
width: 835px;
height: 425px;
}

#menu {  text-align: center;
font-size: 0.7em;
width: 660px;
margin: 20px auto;
}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { float: right;
width: 92px;
margin-right: 2px;
}
#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}

#menu ul li.nivel2 { float: right;
width: 112px;
margin-right: 2px;
}
#menu ul li a.nivel2 {display: block!important;display: none;
position: relative;
}

#menu ul li.nivel3 { float: right;
width: 82px;
margin-right: 2px;
}
#menu ul li a.nivel3 {display: block!important;display: none;
position: relative;
}

p.color{
color:#FEC34D;
}

#menu ul li a {display: block;
text-decoration: none;
color: #949485;
font-weight: bold;
font-size: 10pt;
background-color: #231F20;
border: solid 1px #231F20;
padding: 8px;
position: relative;
height: 10px;
}
#menu ul li:hover {position: relative;
}
#menu ul li a:hover {background-color: #231F21;
color: #FEC34D;
position: relative;
}

#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;
}
#menu ul li ul li a {width: 92px;
padding: 6px 0px 8px 0px;
height: 10px;
z-index: 1;
}
#menu ul li ul li a:hover {border-top-color: #231F20;
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

H1{
font-size: 14pt;
font-family: arial;
text-align: left;
color: #FEC34D;
}

p.biografia{
color: #949485;
text-align: justify;
font-family: arial;
font-size: 10pt;
line-height: 13pt;
padding-left: 8px;
padding-top: 2px;
}

p.contacto{
color: #FEC34D;
text-align: center;
text-indent: 0%;
font-family: arial;
font-size: 10pt;
}

p.gracias{
color: #949485;
text-align: center;
text-indent: 0%;
font-family: arial;
font-size: 12pt;
}

p.intro{
color: #231F20;
position: absolute;
top: 39%;
left: 25%;
z-index: -20;
}

table.discos{
font-family: arial;
color: #FEC34D;
font-size: 9pt;
text-align: left;
}

table.comentarios{
font-family: arial;
color: #949485;
font-size: 10pt;
border-color: #231F20;
}

#canciones td{
height: 11px;
}

#flash{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: #f00;
margin-left: -7px;
position: relative;
top: -6px;
left: 50%;
width: 14px;
height: 12px;
visibility: visible
}

#canciones img.valign{
   height: 100%;
   vertical-align: middle;
   width: 0px;
}

a.formulario{
text-decoration: none;
color: #949485;
font-size: 11pt;
}

img.botones{
border: 0;
}

img.principal{
border-color= transparent;
}

.comentarios {
background-color: transparent;
border: 1px solid #FEC34D;
color: #949485;
font-family: arial; 
scrollbar-arrow-color: #000066;
scrollbar-base-color: #000033;
scrollbar-dark-shadow-color: #336699;
scrollbar-track-color: #666633;
scrollbar-face-color: #cc9933;
scrollbar-shadow-color: #DDDDDD;
scrollbar-highlight-color: #CCCCCC;}

.comentarios2 {
background-color: transparent;
color: #949485;
font-family: arial; 
scrollbar-arrow-color: #000066;
scrollbar-base-color: #000033;
scrollbar-dark-shadow-color: #336699;
scrollbar-track-color: #666633;
scrollbar-face-color: #cc9933;
scrollbar-shadow-color: #DDDDDD;
scrollbar-highlight-color: #CCCCCC;}

a.clase1{
text-decoration: none;
color: #949485;
}

img.mini1{
width: 120px;
height: 90px;
}

img.mini2{
width: 90px;
height: 120px;
}

img.mini3{
width: 120px;
height: 120px;
}

img.mini4{
width: 109px;
height: 120px;
}

img.mini5{
width: 120px;
height: 66px;
}

a.foto:hover {position: relative;}
a.foto {border: 0;
}
a.foto span.foto2 { position: absolute;
left: -150px;
z-index: 10;
top: -150px;
display: none;
width: 160px;
height: 140px;
}
span.foto3 { position: absolute;
left: -30px;
z-index: 10;
top: -260px;
display: none;
width: 160px;
height: 140px;
}
span.foto4 { position: absolute;
left: -30px;
z-index: 10;
top: -300px;
display: none;
width: 160px;
height: 140px;
}
span.foto5 { position: absolute;
left: -30px;
z-index: 10;
top: -150px;
display: none;
width: 160px;
height: 140px;
}
span.foto6 { position: absolute;
left: -30px;
z-index: 10;
top: -170px;
display: none;
width: 160px;
height: 140px;
}
span.foto7 { position: absolute;
left: -50px;
z-index: 10;
top: -120px;
display: none;
width: 160px;
height: 140px;
}

span.foto8 { position: absolute;
left: -80px;
z-index: 10;
top: -300px;
display: none;
width: 160px;
height: 140px;
}

a.foto:hover span.foto2 {display: block;}
a.foto:hover span.foto3 {display: block;}
a.foto:hover span.foto4 {display: block;}
a.foto:hover span.foto5 {display: block;}
a.foto:hover span.foto6 {display: block;}
a.foto:hover span.foto7 {display: block;}
a.foto:hover span.foto8 {display: block;}

a.foto span.foto2 {width: 40px;
height: 30px;
}
a.foto span.foto3 {width: 40px;
height: 30px;
}
a.foto span.foto4 {width: 40px;
height: 30px;
}
a.foto span.foto5 {width: 40px;
height: 30px;
}
a.foto span.foto6 {width: 40px;
height: 30px;
}
a.foto span.foto7 {width: 40px;
height: 30px;
}
a.foto span.foto8 {width: 40px;
height: 30px;
}

a.siguiente{
text-decoration: none;
color: #FEC34D;
}

img.campo{
position: relative;
bottom: -2%;
z-index: -2;
}

.boton_especial {background-color:#231F20;border-width:0px;color:#FEC34D;}
.boton_especial:hover {background-color:#231F20;border-width:1px;color:#FEC34D;border-color:#949485}

a.recorte{
text-decoration: none;
color: #949485;
}
a.recorte:hover{
text-decoration: none;
color: #FEC34D;
}
a.recorte:visited{
color: #FEC34D;
text-decoration: underline;
}

p.recortes{
color: #949485;
text-align: justify;
font-family: arial;
font-size: 10pt;
line-height: 15pt;
padding-left:8px;
}

p.copla{
font-size: 10pt;
}

p.disco{
color: #FEC34D;
text-align: justify;
font-family: arial;
font-size: 10pt;
line-height: 12pt;
}

table.coplas{
font-size: 10pt;
}

table.contacto{
color: #FEC34D;
text-align: center;
text-indent: 0%;
font-family: arial;
font-size: 10pt;
}

/*********************** SCROLLERS ***********************/
.root 		{
		position: relative;
		left: -10%;
		height:			200px;
		width:			510px;
		margin: 			0px 0px 8px 7px;
		color: 	#FEC34D;
		font-size: 10pt;	
		}
.root p 	{
		margin:			10px 10px 5px 10px;
		text-align: justify;
		}
.thumb 		{
		position:			absolute;
		height:			9px;
		width:			15px;
		left: 			100px;
		}
.up, .dn 	{
		position:			absolute;
		left: 			10px;
		}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
		border:			0;			 
		}
.scrollContainer { 
		position:			absolute; 
		left:			200px; 
		top:			19px; 
		width:			350px; 
		height:			200px; 
		clip:			rect(0 467 200 0); 
		overflow:			auto; 
		border-top:		2px solid #231F20;
		border-left:		2px solid #231F20;
		border-right:		2px solid #231F20;
		border-bottom:		2px solid #231F20;
		background:		#231F20;
		}
.scrollContent { 
		position:			absolute; 
		left:			0px; 
		top:			0px; 
		width:			100px;
		margin:      0px 0px 5px -5px;
		}
/*********************** FIN DE SCROLLERS ***********************/

/*********************** SCROLLERS 2***********************/
.root1 		{
		position: relative;
		left: -10%;
		height:			200px;
		width:			510px;
		margin: 			0px 0px 8px 7px;
		color: 	#FEC34D;
		font-size: 10pt;	
		}
/*********************** FIN DE SCROLLERS 2***********************/

#contenedor2 { 
margin: 80px auto 0px;
width: 700px;
position: relative;
}

#contenido { width: 100%;
border: 1px solid #999;
margin-top: -4px!important;
margin-top: -1px;
}

#explicacion { margin: 12px 18px 4px;
}

ul { list-style-type: none;
height: 20px;
}

li { float: left;margin-right: 2px;
}

a.pestana { border: 1px solid #999;
padding: 4px 10px;
text-decoration: none;
background-color: #000;
color: #FFF;
font-weight: bold;
display: inline-block;
margin-top: -5px!important;
margin-top: 0px;
}

a.pestana:hover {background-color: #fff; color: #000;}

a.pestana:focus, a.pestana:active {background-color: #FFF;
color: #000;
padding-bottom: 5px;
border-bottom: none;
position: relative;
}

a.pestana span.solapa { position: absolute;
width: 666px;
font-weight: normal;
background-color: #231F20;
text-align: left;
top: 32px;
left: 18px;
display: none;
}

a.pestana:focus span.solapa, a.pestana:active span.solapa { display: block;}

span.texto_tab {margin: 10px 0px 0px;
text-align: justify;display: block; background-color: #231F20; 
 }
 
 .titulo { 
font-size: 1em;
font-weight: bold;
text-align: left;
margin: 0;
display: block;
background-color: #231F20;
}

#texto1 img, #texto3 img { margin: 10px 0px 0px 16px;
float: right;
border: 0;
}
#texto2 img,  #texto4 img { margin: 10px 16px 0px 0px;
float: left;
border: 0;
}
#texto1 { color: #FEC34D;}
#texto2 { color: #FEC34D; left: -63px;}
#texto3 { color: #FEC34D; left: -144px;}
#texto4 { color: #FEC34D; left: -225px;}