*{
 margin:0;
 padding:0;
}
body{
 background-color:#3c3033;
}
img{
 border:0;
}
#container{
 width:801px;
 margin:0 auto;
 height:628px;
 background:black;
 text-align:left;
}
#home_link{
 width:217px;
 height:135px;
 background-image:url(imagenes/logo.png);
 background-repeat:no-repeat;
 float:left;
}
#home_link:hover , #home_link #seleccionado{
 background-position:0px -135px;
}
#boton_perfil a{
	margin-left:0;
	border-left:0;
}
#boton_perfil a:hover , #mosaico_texto a:hover , #boton_perfil #seleccionado {
color:#CC0033;
}
#mosaico_texto , #mosaico_texto a{
 color:white;
 text-decoration:none;
}

#mosaico_texto , #discos_texto{
 font-size:12px;
 float:left;
 line-height:24px;
}
#boton_musica a:hover , #boton_musica #seleccionado , #boton_musica #seccion_seleccionado{
 color:#009966;
}
#discos_texto{
 color:white;
}
#disco_escogido p , #libro_escogido p {
 color:white;
 font-size:11px;
 height:18px;
}
#disco_escogido img{
 border:1px solid #009966;
}
#libro_escogido img{
 border:1px solid #66CCCC;
}
#discos_texto{
 width:500px;
}
#boton_literatura a:hover , #boton_literatura #seleccionado , #boton_literatura #seccion_seleccionado{
 color:#66CCCC;
}
#boton_noticias a:hover , #boton_noticias #seleccionado{
 color:#999933;
}
#boton_galeria a:hover , #boton_galeria #seleccionado , #boton_galeria #seccion_seleccionado{
 color:#FF6633;
}
#boton_descargas a:hover , #boton_descargas #seleccionado{
 color:#ED1999;
}
#boton_contacto a:hover , #boton_contacto #seleccionado{
 color:#DDAA00;
}
#home_link img{
 width:217px;
 height:135px;
}
#player{
 float:right;
 padding-top:35px;
 width:584px;
 height:63px;
 text-align:right;
}
#menu{
 float:right;
 width:584px;
 height:37px;
 font-family:"Times New Roman",serif;
 font-size:17px;
 color:#6e6666;
 text-align:left;
 z-index:10000;
}
#menu a{
 text-decoration:none;
 font-style:italic;
 color:#6e6666;
}
#content{
 float:left;
 width:801px;
 height:503px;
 border:0;
 background:transparent;
 overflow:hidden;
}
#fotos{
 float:left;
 width:553px;
 height:463px;
 margin-top:2px;
 z-index:1;
}
#fotos img{
 width:553px;
 height:463px;
}
#home_news{
 float:right;
 width:148px;
 font-family:Arial, sans-serif;
 font-size:12px;
}
#nuevo_disco{
 margin:90px 0;
 text-align:center;
}
#nuevo_disco a{
 color:#695968;
 text-decoration:none;
}
#proxima{
 color:#ccc;
 font-size:12px;
 line-height:18px;
 text-align:right;
}
#perfil{
 float:left;
 width:801px;
 height:465px;
 background-image:url(imagenes/fondo_perfil.jpg);
 background-repeat:no-repeat;
 background-position:bottom;
}
#mosaico{
 float:left;
 width:318px;
 height:235px;
 margin:50px 0;
 font-family:Arial,sans-serif;
}
.fragmento_foto , .fragmento_foto img{
 float:left;
 width:79px;
 height:70px;
cursor: hand;
}
#foto_mosaico{
 position:relative;
 top:-212px;
 width:318px;
 height:212px;
 display:none;
}
#contenedor_perfil{
 margin-top:50px;
 float:left;
 width:365px;
 height:212px;
 font-size:12px;
 font-family:Arial, sans-serif;
 color:white;
}
#contenedor_perfil .jScrollPaneContainer{
overflow:hidden;
position:relative;
z-index:1;
 width:365px;
 height:212px;
}
#discos{
 float:left;
 width:801px;
 height:465px;
 background-image:url(imagenes/fondo_discos.jpg);
 background-repeat:no-repeat;
 background-position:bottom;
}
#disco , #musico , #libro , #critica{
 float:left;
 width:801px;
 height:465px;
 background-repeat:no-repeat;
 background-position:bottom;
}
#lista_discos{
 float:left;
 width:443px;
 height:140px;
 margin-top:80px;
 font-family:Arial,sans-serif;
}
.cada_disco{
 float:left;
 width:155px;
 height:140px;
 text-align:center;
}
.cada_disco p{
 height:18px;
}
.nombre_disco{
 float:left;
 width:155px;
 height:25px;
 font-size:12px;
 color:black;
}
.jScrollPaneTrack , .jScrollArrowUp , .jScrollArrowDown{
 float:right;
}
.jScrollPaneTrack{
cursor:pointer;
height:100%;
position:absolute;
right:0;
}
.jScrollPaneTrack{
 background-image:url(imagenes/scroll/track.gif);
 background-repeat:repeat-y;
}
#texto_perfil{
 float:left;
 height:212px;
}
a.jScrollArrowUp {
display:block;
height:19px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;
top:0;
z-index:1;
 background-image:url(imagenes/scroll/up.gif);
 background-repeat:no-repeat;
}
a.jScrollArrowDown {
bottom:0;
display:block;
height:19px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;
z-index:1;
 background-image:url(imagenes/scroll/down.gif);
 background-repeat:no-repeat;
}
.jScrollPaneDrag {
 background-image:url(imagenes/scroll/drag.gif);
 background-repeat:repeat-y;
 background-position:center;
cursor:pointer;
overflow:hidden;
position:absolute;
}
#portada{
 float:left;
 width:260px;
 height:290px;
 margin:50px 0;
 font-family:Arial,sans-serif;
}
#portada_texto , #libroportada_texto{
 float:left;
 width:230px;
 height:30px;
 line-height:30px;
 font-family:Arial,sans-serif;
 text-align:center;
 font-size:14px;
 color:white;
}
#portada_texto a , #libroportada_texto a{
 text-decoration:none;
 color:white;
 margin:0 4px;
}
#portada_texto a:hover{
 color:#009966;
}
#libroportada_texto a:hover{
 color:#66CCCC;
}
#texto_canciones{
 float:left;
 height:230px;
}
#texto_canciones p{
 margin-bottom:15px;
}
#contenedor_canciones , #contenedor_libros{
 margin:50px 0;
 float:left;
 width:260px;
 height:230px;
 font-size:12px;
 font-family:Arial, sans-serif;
 color:#999;
}
#contenedor_canciones .jScrollPaneContainer{
overflow:hidden;
position:relative;
z-index:1;
 width:300px;
 height:230px;
}
#contenedor_libros .jScrollPaneContainer{
overflow:hidden;
position:relative;
z-index:1;
 width:260px;
 height:230px;
}
#texto_libros{
 float:left;
 height:270px;
}
#contacto{
 float:left;
 width:801px;
 height:465px;
 background-image:url(imagenes/fondo_contacto.jpg);
 background-repeat:no-repeat;
 background-position:bottom;
}
#texto_contacto{
 float:left;
 width:570px;
 height:465px;
 margin:40px 0;
 color:white;
 font-family:Arial,sans-serif;
 text-align:left;
 font-size:12px;
}
#texto_contacto a , #campos_contacto a {
 font-size:12px;
color:#DDAA00;
 text-decoration:none;
}
#campos_contacto{
 display:none;
 float:left;
 width:570px;
 height:465px;
 margin:40px 0;
 color:white;
 font-family:Arial,sans-serif;
}
#campos_contacto label{
 float:left;
 color:white;
 width:100%;
 font-size:12px;
 line-height:20px;
}
#campos_contacto .campos1{
 float:left;
 width:190px;
 height:50px;
}
#campos_contacto input , #campos_contacto select{
 float:left;
 width:160px;
 border:white 1px solid;
 background:white;
}
#campos_contacto textarea{
 float:left;
 width:350px;
 border:white 1px solid;
 background:white;
 height:150px;
}
#campos_contacto .campos2{
 float:left;
 width:380px;
}
#campos_contacto .campos3{
 float:left;
 width:190px;
}
.campos3{
 font-size:12px;
}
.campos3 select{
 margin-bottom:10px;
}
.campos3 p{
 font-size:12px;
 margin-bottom:10px;
}
#contact_radio div{
 float:left;
 width:25px;
 height:30px;
}
#contact_radio input{
 float:left;
 width:25px;
 border:none;
}
input#boton_enviar{
 background-color:black;
 background-image:url(imagenes/boton_enviar.gif);
 background-repeat:no-repeat;
 border:none;
 width:159px;
 height:28px;
}
#eventos{
 float:left;
 width:801px;
 height:465px;
 background-image:url(imagenes/fondo_eventos.jpg);
 background-repeat:no-repeat;
 background-position:bottom;
}
#eventos a{
 text-decoration:none;
 color:#999933;
}
#calendario{
 margin-top:50px;
 font-size:18px;
 font-family:Arial,sans-serif;
 color:white;
 float:left;
 width:290px;
}
#calendario td{
/* width:35px;
 height:35px;*/
 width:290px;
 height:230px;
/* line-height:35px;*/
 text-align:center;
}
#calendario th{
 text-align:center;
}
#hoy{
 float:left;
 width:33px;
 height:33px;
 border:1px solid #993;
}
#eventos_dia{
 margin-top:50px;
 font-size:13px;
 line-height:18px;
 font-family:Arial,sans-serif;
 color:white;
 text-align:right;
 float:left;
 width:250px;
}
#descargas{
 float:left;
 width:801px;
 height:465px;
 background-image:url(imagenes/fondo_descargas.jpg);
 background-repeat:no-repeat;
 background-position:bottom;
}
#fondos_pantalla{
 float:left;
 width:700px;
 margin-top:60px;
 color:#CCC;
 font-size:12px;
 font-family:Arial,sans-serif;
}
#fondos_pantalla p{
 float:left;
 width:700px;
 line-height:20px;
}
#fondos_pantalla div , #fondos_pantalla div p{
 float:left;
 width:142px;
}
#galeria{
 float:left;
 width:801px;
 height:465px;
 background-image:url(imagenes/fondo_galeria.jpg);
 background-repeat:no-repeat;
 background-position:bottom;
}
#footer{
 float:left;
 width:801px;
 padding-top:6px;
 height:44px;
 color:#636366;
 line-height:22px;
 background:#3c3033;
}
#footer a{
 margin:0 6px;
 text-decoration:none;
}
#footer img{
 height:22px;
}
a#youtube_link{
 width:61px;
 height:22px;
 background-image:url(imagenes/youtube.gif);
 background-position:top;
 font-size:18px;
}
a#youtube_link:hover , a#facebook_link:hover , a#myspace_link:hover{
 background-position:0 -22px;
}
a#facebook_link{
 width:76px;
 height:22px;
 background-image:url(imagenes/facebook.gif);
 background-position:top;
 font-size:18px;
}
a#myspace_link{
 width:85px;
 height:22px;
 background-image:url(imagenes/myspace.gif);
 background-position:top;
 font-size:18px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid white;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
 font-family:Arial,sans-serif;
 font-size:11px;
 line-height:18px;
 text-align:right;
}
#tooltip h3, #tooltip div { margin: 0; }

.error{
 float:left;
 width:560px;
 color:yellow;
 font-size:11px;
}

#fotos_galeria{
 float:left;
 width:288px;
 height:190px;
 margin-top:50px;
 text-align:left;
}
#fotos_galeria img{
 height:190px;
}
#galeria_selec{
 float:left;
 width:255px;
 margin-top:60px;
}
#galeria_selec select{
 width:150px;
 margin-bottom:10px;
 background:#3C3033;
 color:white;
 border:black;
}
#botones_galeria{
 float:left;
 width:288px;
 height:62px;
 color:white;
 font-size:12px;
}
#nombre_foto{
float:left;width:288px;
height:30px;
 font-family:Arial , sans-serif;
}
.antsig{
float:left;
height:30px;
 width:20px;
}

#links_lenguaje{
 float:right;
 text-align:right;
 color:#c9c8cc;
 width:200px;
 font-family:Arial,sans-serif;
 font-size:14px;
 word-spacing:10px;
 line-height:30px;
}
#links_lenguaje a{
 color:#6E6666;
}

#links_lenguaje a:hover{
 color:#c9c8cc;
}
#foto_portada{
 text-align:center;
}
#texto_perfil p{
 padding-right:15px;
}
#fancy_ajax{
 font-family:Arial,sans-serif;
 font-size:12px;
 z-index:15000;
}
iframe{
 overflow:hidden;
 position:relative;
 z-index:2;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	20px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	/*width:			10em;  left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			20px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	/*left:			10em;  match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #6e6666;
	padding: 		0 10px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#6e6666;
}
.sf-menu li {
	background:		transparent;
	z-index:1003;
}
.sf-menu li li {
	background:		transparent;
	z-index:1004;
}
.sf-menu li li li {
	background:		transparent;
 	z-index:1005;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		transparent;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background: -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('imagenes/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
 z-index:1003;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
 width:642px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 96px;
    height: 98px;
 margin:0 5px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
 float:right;
 width:70px;
 height:70px;
 background-image:url(imagenes/siguiente.gif);
 background-repeat:no-repeat;
 background-position:0 38px;
}

.jcarousel-prev {
    z-index: 3;
 float:left;
 width:25px;
 height:70px;
 background-image:url(imagenes/anterior.gif);
 background-repeat:no-repeat;
 background-position:0 38px;
}

.jcarousel-list li a{
 border:1px solid black;
 float:left;
}
#discos .jcarousel-list li a:hover{
 border:1px solid #096;
}
#mycarousel{
 height:98px;
}
#carrusel{
 font-family:Arial;
 font-size:12px;
 color:white;
 height:40px;
 padding-top:60px;
 text-align:center;
}
#eventos #noticias{
 color:white;
 float:left;
 width:300px;
 font-size:11px;
font-family:Arial,sans-serif;
 margin-top:20px;
}
#eventos #noticias div , #eventos #noticias p{
 float:left;
 width:300px;
 margin-bottom:5px;
}
#eventos #noticias small{
 float:left;
 width:300px;
 margin-bottom:15px;
 font-size:9px;
}