<style type="text/css"> 

body { 
 margin: 0, auto;
 width:980px;
 height:650px;
 background-color:#000000;
 text-align:center;
 vertical-align:top;
 scrollbar-3dlight-color: #002B63; 
 scrollbar-darkshadow-color: #000066; 
 scrollbar-base-color: #002B63; 
 scrollbar-face-color: #663399; 
 scrollbar-arrow-color: #CC66CC; 
 scrollbar-shadow-color: #330066; 
 scrollbar-highlight-color: #CC99CC; 
 scrollbar-track-color: #9966CC; 
 font-family: Arial, Helvetica, sans-serif;
} 

div {
 border:0px;
 margin:0, auto;
 color:#EFEFFB;
}

div.corte {clear:both; width: 0px; height: 0px;}

div#imgfondo {
 margin: 0 auto 0 auto;
 width:980px;
 height:650px;
 background-image:url(bg.jpg);
 background-repeat:no-repeat;
 background-attachment:fixed;
}

div#lang {
 height: 20px;
 text-align:left;
 vertical-align:top;
}

div#logo {
 float:left;
 width: 468px;
}


div#contenidos {
 width:100%;
 text-align:center;
 vertical-align:top;
 margin-top:30px;
 margin-left:20px;
 margin-right:20px;
 margin-bottom:25px;
}

div#pie {
 width:100%;
 vertical-align:middle;
 text-align:right;
}

div#pie_iz {
 float:left;
 width:33%;
 vertical-align:middle;
 text-align:left;
}

div.lyrics {
 background-image:url(img/bglyrics.png);
 background-repeat:no-repeat;
 width:900px;
 height:300px;
}

div.multi {
 background-image:url(img/bgmulti.png);
 background-repeat:no-repeat;
 width:900px;
 height:300px;
}




#menu {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#BCA9F5;
	line-height: 24px;
	width: 432px;
	height: 122px;
	padding: 0px;
	float:right;
	position:relative;
	margin: 0px;
}
#menu ul {
	font-family: Arial, Helvetica, sans-serif; 
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}
#menu ul li.nivel1 { float: left;
width: 80px;
margin: 0px;
padding: 0px;
}
#menu ul li a {display: block;
text-decoration: none;
color: #D8CEF6;
background-color: rgba(0,0,0,0);
border: solid 0px #000000;
padding: 0px;
position: relative;
}
#menu ul li:hover {position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: rgba(0,0,0,0);
color: #FFFFFF;
position: relative;
}
#menu ul li a.nivel1 {display: block!important;display: none;
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: 80px;
padding: 0px 0px 0px 0px;
border-top-color: rgba(0,0,0,0);
}
#menu ul li ul li a:hover {border-top-color: rgba(0,0,0,0);
position: relative;
}

#preload_gall {
 width:0px; 
 height:0px; 
 display:inline;
 background-image:url(img/mad01_on.jpg);
 background-image:url(img/vlc01_on.jpg);
}

table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}


a { text-decoration: none; color: #DCD0F4; } 
a:visited { text-decoration: none; } 
a:hover {  text-decoration: underline; color: rgb(255,255,255); } 

a.img { border: 0px }
a.img:hover { border: 0px; border-bottom: 1px solid#9966CC }

.mad01 {background-image:url(img/mad01.jpg); width:300px; height:196px; display:block; text-align:center;}
.mad01:hover {background-image:url(img/mad01_on.jpg); width:300px; height:196px; display:block; text-align:center;}

.vlc01 {background-image:url(img/vlc01.jpg); width:300px; height:196px; display:block; text-align:center;}
.vlc01:hover {background-image:url(img/vlc01_on.jpg); width:300px; height:196px; display:block; text-align:center;}


.play { width:39px; height:20px; display:block; background:url(play.gif); margin-left: auto; margin-right: auto; } 
.play:hover { background:url(play_on.gif); } 

.texto1 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 12px;
color: #EFEFFB;
line-height: 18px;
}


.titulo1 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 12px;
color: #EFEFFB;
line-height: 26px
}

.texto2 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 11px;
color: #EFEFFB;
line-height: 18px
}

.texto3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #EFEFFB;
line-height: 18px
}

.texto4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #EFEFFB;
line-height: 14px
}

.texto5 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 11px;
color: #EFEFFB;
line-height: 14px
}

.texto6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #BDBDBD;
line-height: 14px
}

.texto7 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #BDBDBD;
line-height: 12px;
}

.texto8 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #EFEFFB;
line-height: 24px
}


iframe {border:none; width:95%; height:420px; background-color:transparent;}

table {
table-layout: fixed;
border: 0px solid #9966CC;
border-collapse: collapse;
empty-cells: show;
margin-left: auto;
margin-right: auto;
padding: 0;
border-spacing: 0;
background-color: transparent;
}

tr,td { border: 0px solid #9966CC; border-collapse: collapse; }

table.pie { 
 text-align:right;
 width:100%;
}


.mini { width:100px; height:50px; border:0; opacity:0.7;filter:alpha(opacity=70) }
.mini:hover  {opacity:0.9;filter:alpha(opacity=90) } 


.logo { width:470px; height:135px; border: none; display:block; background:url(logo.png);opacity:0.7;filter:alpha(opacity=70); }
.logo:hover { border: none; background:url(logo.png);opacity:0.9;filter:alpha(opacity=90); } 

.facemini {width:24px; height:24px; border: none;  display:inline-block; background:url(minis/facebook.png);opacity:0.7;filter:alpha(opacity=70); }
.facemini:hover { border: none;  background:url(minis/facebook.png);opacity:0.9;filter:alpha(opacity=90); } 

.mysmini {width:24px; height:24px; border: none; display:inline-block; background:url(minis/myspace.png);opacity:0.7;filter:alpha(opacity=70); }
.mysmini:hover { border: none;  background:url(minis/myspace.png);opacity:0.9;filter:alpha(opacity=90); } 

.lastmini {width:24px; height:24px; border: none; display:inline-block; background:url(minis/lastfm.png);opacity:0.7;filter:alpha(opacity=70); }
.lastmini:hover { border: none;  background:url(minis/lastfm.png);opacity:0.9;filter:alpha(opacity=90); } 

.youmini {width:24px; height:24px; border: none; display:inline-block; background:url(minis/youtube.png);opacity:0.7;filter:alpha(opacity=70); }
.youmini:hover { border: none;  background:url(minis/youtube.png);opacity:0.9;filter:alpha(opacity=90); } 

.linkgh {width:100px; height:50px; margin-left:auto; margin-right:auto; margin-top:5px; border: none; display:block; background:url(minis/ghrecords.gif);opacity:0.7;filter:alpha(opacity=70); }
.linkgh:hover {border:none; background:url(minis/ghrecords.gif);opacity:0.9;filter:alpha(opacity=90); } 

.linktwi { width:100px; height:50px; margin-left:auto; margin-right:auto; margin-top:16px; border: none; display:block; background:url(minis/twilight_records.gif);opacity:0.7;filter:alpha(opacity=70); }
.linktwi:hover {border:none; background:url(minis/twilight_records.gif);opacity:0.9;filter:alpha(opacity=90); } 

.linkenel { width:100px; height:50px; margin-left:auto; margin-right:auto; margin-top:12px; border: none; display:block; background:url(minis/enelaire.gif);opacity:0.7;filter:alpha(opacity=70); }
.linkenel:hover {border:none; background:url(minis/enelaire.gif);opacity:0.9;filter:alpha(opacity=90); } 

.linkdep { width:100px; height:50px; margin-left:auto; margin-right:auto; margin-top:12px; border: none; display:block; background:url(minis/de_profundis.jpg);opacity:0.7;filter:alpha(opacity=70); }
.linkdep:hover {border:none; background:url(minis/de_profundis.jpg);opacity:0.9;filter:alpha(opacity=90); } 

.linklux { width:100px; height:50px; margin-left:auto; margin-right:auto; margin-top:12px; border: none; display:block; background:url(minis/lux_atenea.gif);opacity:0.7;filter:alpha(opacity=70); }
.linklux:hover {border:none; background:url(minis/lux_atenea.gif);opacity:0.9;filter:alpha(opacity=90); } 

.linkmen { width:100px; height:50px; margin-left:auto; margin-right:auto; margin-top:12px; border: none; display:block; background:url(minis/mentenebre.gif);opacity:0.7;filter:alpha(opacity=70); }
.linkmen:hover {border:none; background:url(minis/mentenebre.gif);opacity:0.9;filter:alpha(opacity=90); } 

.linkface { width:100px; height:50px; margin-left:auto; margin-right:auto; margin-top:12px; border: none; display:block; background:url(minis/facebook2.png);opacity:0.7;filter:alpha(opacity=70); }
.linkface:hover {border:none; background:url(minis/facebook2.png);opacity:0.9;filter:alpha(opacity=90); } 

.linkmys { width:100px; height:50px; margin-left:auto; margin-right:auto; margin-top:12px; border: none; display:block; background:url(minis/myspace.gif);opacity:0.7;filter:alpha(opacity=70); }
.linkmys:hover {border:none; background:url(minis/myspace.gif);opacity:0.9;filter:alpha(opacity=90); } 

.linkyou { width:100px; height:50px; margin-left:auto; margin-right:auto; margin-top:12px; border: none; display:block; background:url(minis/youtube.gif);opacity:0.7;filter:alpha(opacity=70); }
.linkyou:hover {border:none; background:url(minis/youtube.gif);opacity:0.9;filter:alpha(opacity=90); } 

.linklast { width:100px; height:50px; margin-left:auto; margin-right:auto; margin-top:12px; border: none; display:block; background:url(minis/lastfm.gif);opacity:0.7;filter:alpha(opacity=70); }
.linklast:hover {border:none; background:url(minis/lastfm.gif);opacity:0.9;filter:alpha(opacity=90); } 


img {border: none;}

img a {
 border:none;
 opacity:0.7;
 filter:alpha(opacity=70);
}

img a:hover {
 border:none;
 opacity:0.9;
 filter:alpha(opacity=90);
}

#container {
  position: relative;
  width:850px;
  height:340px;
  overflow:hidden;
}

#scroller {
  width: 960px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

.content {
  border: 0px solid #EFEFEF;
}

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  text-align:right;
  vertical-align:bottom;
  font-size: .8em;
  color:#00009C;
  font-weight: bold;
}

.flechdr {width:40px; height:44px; background-image:url(minis/flechdr.gif);display:inline-block;margin-left:auto; margin-right:auto;opacity:0.8;filter:alpha(opacity=80);border:none; }
.flechdr:hover {width:40px; height:44px; background-image:url(minis/flechdr.gif);opacity:1;filter:alpha(opacity=100);border:none; }

.flechiz {width:40px; height:44px; background-image:url(minis/flechiz.gif);display:inline-block;margin-left:auto; margin-right:auto;opacity:0.8;filter:alpha(opacity=80);border:none; }
.flechiz:hover {width:40px; height:44px; background-image:url(minis/flechiz.gif);opacity:1;filter:alpha(opacity=100);border:none; }

<!--[if IE]>
<style type="text/css">

#scroller{
  width: 882px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

</style>
<! [endif]-->


</style> 

