@charset "utf-8";

html {
    height: 100%;
}

body {
    margin: 0; padding: 0;
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    background-color:#bdbdbd;
    height: 100%;
}

.rbtop div, .rbtop, .rbbot div, .rbbot {
    width: 100%;
    height: 15px;
    font-size: 1px;
}


/***************************************************************************
		    HEADER
***************************************************************************/

#header {
    margin:0;
    background-color: #bebebe;
    overflow:hidden;
    background: url(images/Background_header.jpg) repeat-x;
    height:240px;
}

#logo {
    margin:0;
}

#logo a img {
    border:0;
}

#titulo {
    display:block;
    margin:0 auto;
}

/***************************************************************************
		    CONTENIDO
***************************************************************************/

#content_main {
    color: black;
    margin-bottom:4%;
    width: 100%;
    position: relative;
    margin:0 auto;
    min-height: 90%;
    height: auto !important; /* con esto funciona para todos los navegadores */
    height: 100%; /* puro tramite */
}

hr {
    margin:0;
}

#menu {
    list-style: none;
    width: 740px;
    display:block;
    margin:1% auto;
    overflow:hidden;
    //background-color:#530e0e;
    background: url(images/degradado_menu.jpg) repeat-x;
    padding:5px 0;
    position:relative;
}

#menu .rbtop , #menu .rbtop div, #menu .rbbot, #menu .rbbot div {
    position:absolute;
}

#menu .rbtop { background: url(images/bordes/borde_menu_tl.gif) no-repeat;top:0%;left:0px;}
#menu .rbtop div { background: url(images/bordes/borde_menu_tr.gif) top right no-repeat;top:0%;right:0%;}
#menu .rbbot { background: url(images/bordes/borde_menu_bl.gif) bottom left no-repeat;bottom:0%;left:0%;}
#menu .rbbot div { background: url(images/bordes/borde_menu_br.gif) bottom right no-repeat;bottom:0%;right:0%;}

#menu li {
    float: left;
    margin: 0 0 0 1%;
    padding: 0%;
}

#menu li img {
    border:0;
    margin:0;
    padding:0;
}

#menu a {
    display:block;
    width:100px;
    height:36px;
}

#menu #inicio a {
    background: url(images/nav/inicio.png) no-repeat;
}

#menu #inicio a:hover {
    background: url(images/nav/inicio_hover.png) no-repeat;
}

#menu #biografia a {
    width:135px;
    background: url(images/nav/biografia.png) no-repeat;
}

#menu #biografia a:hover {
    background: url(images/nav/biografia_hover.png) no-repeat;
}

#menu #discografia a {
    background: url(images/nav/discografia.png) no-repeat;
    width:152px;
}

#menu #discografia a:hover {
    background: url(images/nav/discografia_hover.png) no-repeat;
}

#menu #galeria a {
    background: url(images/nav/galeria.png) no-repeat;
}

#menu #galeria a:hover {
    background: url(images/nav/galeria_hover.png) no-repeat;
}

#menu #musica a {
    background: url(images/nav/musica.png) no-repeat;
}

#menu #musica a:hover {
    background: url(images/nav/musica_hover.png) no-repeat;
}

#menu #poemas a {
    background: url(images/nav/poemas.png) no-repeat;
}

#menu #poemas a:hover {
    background: url(images/nav/poemas_hover.png) no-repeat;
}

#menu #videos a {
    background: url(images/nav/videos.png) no-repeat;
}

#menu #videos a:hover {
    background: url(images/nav/videos_hover.png) no-repeat;
}

#menu #tienda a {
    background: url(images/nav/tienda.png) no-repeat;
}

#menu #tienda a:hover {
    background: url(images/nav/tienda_hover.png) no-repeat;
}

#menu a:link, #menu a:visited, #menu a:active {
    text-decoration: none;
    color: #192527;
    font-weight: bold;
    font-size: 14px;
}

#menu a:hover {
    color:white;
}

.cab2 {
    background-color: #7F7F7F;
}

#cuerpo_principal {
    margin:2% auto 0 auto;
    width: 80%;
    clear: left;
    overflow:hidden;
}

#titulo_seccion {
    clear:left;
}

#titulo_seccion img {
    width:50%;
    display:block;
    margin:0 auto;
}

/***************************************************************************
			PORTADA
***************************************************************************/

#portada {
    width:100%;
}

#portada img {
    width:60%;
    display:block;
    margin:0 auto;
}

#proximos_conciertos {
    width:30%;
    clear:left;
    float:left;
    margin-top: 4%;
    margin-left: 4%;
}

#cabecera_proximos_conciertos {
    background-color:#4682B4;
    margin-bottom:-6%;
}

#cabecera_proximos_conciertos .rbtop {
    background:url(images/bordes/borde_proximos_conciertos_tl.gif) top left no-repeat;
}

#cabecera_proximos_conciertos .rbtop div {
    background:url(images/bordes/borde_proximos_conciertos_tr.gif) top right no-repeat;
}

#proximos_conciertos img {
    display:block;
    margin:0 auto;
    width:100%;
}

#proximos_conciertos ul {
    background-color:#777;
    margin-top:0%;
    padding-top:4%;
}

#proximos_conciertos li {
    margin-left:-15%;
    padding-top:1%;
    list-style:none;
    text-align:center;
    border-bottom: 2px solid #222;
}

#proximos_conciertos .last {
    border:0;
    padding-bottom:1%;
}

#proximos_conciertos li:hover {
}

#animacion_home {
    width:auto;
    overflow:hidden;
    position:relative;
}

#animacion_home #escenas {
    position:absolute;
    margin:0;
    bottom:0%;
    right:0%;
    background-color:#222;
    padding:1% 3%;
}

#animacion_home #escenas {
    color:white;
}

#animacion_home #escenas a {    
    text-decoration:none;
    border:1px solid #222222;
    color:white;
}

#animacion_home #escenas a:hover {
    color:#8b0000;
    text-decoration:underline;
}

#animacion_home .escena {
    border:2px solid black;
    position:relative;
}

#animacion_home .escena h2 {
    margin:0;
    position:absolute;
    bottom:0%;
    left:0%;
    color:black;
    background-color:#888;
    width:100%;
    height:14%;
    text-align:center;
    opacity:0.85;
    filter: alpha(opacity = 85);
}

#animacion_home img {
    width:100%;
    max-height:292px;
    border:0;
}

#nuevas_imagenes {
    float:left;
    width: 50%;
    overflow:hidden;
    background: url(images/degradado_secciones.png) repeat-x;
    padding:1%;
    margin-top: 4%;
}

#nuevas_imagenes #imagenes {
    overflow:hidden;
    height:310px;
}

.img_container {
    width:23%;
    height:120px;
    padding:1%;
    float:left;
}

#nuevas_imagenes #imagenes img {
    width:100%;
    border:0;
}

#nuevas_imagenes #imagenes img:hover {
    border:2px solid black;
}

#nuevas_imagenes p {
    clear:left;
}

#nuevos_videos {
    float:right;
    width: 40%;
    margin-top: 4%;
    padding:1%;
    background: url(images/degradado_secciones.png) repeat-x;
}

#nuevos_videos #videos {
    overflow:hidden;
    height:auto;
}

#videos .video_portada {
    margin-left: 5%;
    margin-bottom:1%;
    clear:both;
    width:85%;
    overflow:hidden;
    padding:1%;
}

#videos .video_portada:hover {
    border: 2px solid #8b0000;
    background-color: #d95959;
}

#videos .video_portada .datos_video {
    float:right;
    text-align:right;
    width: 55%;
}

#nuevos_videos #videos img {
    width:40%;
    border:0;
    float:left;
}

/***************************************************************************
			BIOGRAFÍA
***************************************************************************/

#cont_biografia h1 {
    text-align:center;
}

#cont_biografia .parrafo_biografia {
    width:100%;
    margin:3% 0;
    margin-left:8%;
    clear:both;
    overflow:hidden;
}

#cont_biografia a {
    color:#8b0000;
    font-weight:bold;
}

#cont_biografia a:hover {
    text-decoration:none;
}

#cont_biografia a img {
    border:2px solid black;
    margin-top:3%;
}

#cont_biografia p {
    width: 60%;
    margin:2%;
    text-align:justify;
}

.parrafo_biografia img {
    max-width: 185px;
    max-height:190px;
}

.derechos_autor {
    margin-top: 5%;
    font-size:10px;
    text-align:center;
}

#enlaces_abc {
    clear:left;
    margin-left:2%;
}

#enlaces_abc a {
    display:block;
}

#enlaces_abc a img {
    max-width:50%;
    display:block;
}

/***************************************************************************
			DISCOGRAFÍA
***************************************************************************/

#discos, #singles {
    overflow:hidden;
    background-color: #222;
    padding:1%;
    color: white;
    position:relative;
}

#singles {
	
}

#discos #notas {
    width:40%;
    position:absolute;
    right: 5%;
}

#discos h2, #singles h2 {
    margin-left: 3%;
    text-decoration:underline;
}

.disco {
    clear:left;
    margin-bottom: 5%;
    border: 2px solid white;
    background-color: #778899;
    padding: 2% 3%;
    overflow:hidden;
}

.disco h2 {
    width: 100%;
}

.disco img {
    max-width:20%;
    float:left;
    margin-right: 5%;
}

.disco ul {
    list-style:none;
    float: left;
}

.disco .cara {
    font-weight:bold;
    text-decoration:underline;
    margin-bottom: 5%;
}

.caratula {
    margin: 2%;
}

.caratula img {
    max-width:20%;
    float: left;
    border: 2px solid #BEBEBE;
    margin: 0 1%;
}

#info_album {
    margin:4%;
    overflow:hidden;
}

#info_album h1 {
    text-decoration:underline;
}

#info_album img {
    max-width:30%;
    float: left;
}

#info_album #datos_album {
    margin-left: 35%;
    font-size: 12px;
}

#info_album #canciones {
    clear:left;
    margin-top: 23%;
}

#info_album #letras {
    margin-left: 2%;
    margin-top: 4%;
}

#info_album #letras h3 {
    text-decoration:underline;
}

#lista_discos {
    float:left;
    width: 25%;
}

#lista_discos li {
    padding: 2% 4%;
    margin: 3%;
    list-style-image: url(images/Discos/lista_discos_2.gif);
}

#lista_discos li a {
    color: #333;
    font-weight: bold;
}
#lista_discos li a:hover {
    text-decoration:none;
}

#lista_discos ul ul li {
    list-style-image: url(images/Discos/lista_canciones.gif);   
}

#disco_seleccionado {
    margin-left: 35%;
    width: 45%;
}

#disco_seleccionado h1 {
    text-align:center;
}

#disco_seleccionado img {
    max-width: 250px;
    max-height: 250px;
    float:left;
}

#disco_seleccionado img#imagen_portada {
    max-width: 80%;
    display:block;
}

#disco_seleccionado pre {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}

#datos_tecnicos {
    margin-left: 60%;
}

#disco_seleccionado #canciones, #letras, #h3_canciones {
    margin-top:40%;
}

#letras #tituloCancion {
    text-decoration:underline;
}

#separacion_disco {
    float: left;
}

#lista_comentarios {
    margin-bottom: 5%;
}

#comentarios_disco {
    color:#8b0000;
}

#comentarios_disco h3 {
    text-decoration:underline;
}

#comentarios_disco h4 {
    margin-top:2%;
    background: #666;
    padding: 1%;
    color:white;
}

#comentarios_disco p {
    padding: 1%;
}

.comentario_disco {
    background-color: white;
    padding:1%;
    margin-top:4%;
    border: 2px solid #8b0000;
}

.comentario_fecha {
    margin-top:2%;
}

#label_textarea {
    display:block;
}


/***************************************************************************
			MÚSICA
***************************************************************************/

#canciones_player {
    display:block;
    margin: 0% auto;
    width:800px;
}

#canciones_player #canciones {
    margin:0;
    float:left;
}

#reproductor_mp3 {
    margin: 0% auto;
}

.letra_cancion h2 {
    font-size:30px;
}

.letra_cancion h3 {
    margin-left:10%;
}

.letra_cancion pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    color:#444;
    text-align:left;
    font-size:14px;
    margin-left:10%;
}

#partituras {
    clear:both;
}

#partituras .partitura {
    margin:2% auto;
}

#partituras .partitura img {
    max-width:80%;
    display:block;
    margin:1% auto;
}

/***************************************************************************
			GALERÍA DE IMÁGENES
***************************************************************************/

#galeriaImagenes {
    margin:0 auto;
    width: auto;
    padding: 1em 1em 1em 1em;
    text-align: center;

    position: relative;
    overflow:hidden;
}

#tira_imagenes {
    margin-top: 2%;
    display:block;
    background-color: #222;
    border: 2px solid black;
    width:100%;
}

#tira_imagenes a , #tira_imagenes img {
    margin-top:2%;
}

#galeriaImagenes p {
    color: #fc7;
    font-family: "Andale mono", "Trebuchet MS", sans-serif;
    font-size: 12px;
    border-bottom: 1px dashed #666;
}

/* Propiedades de las miniaturas */
.thumb img {
    border: 3px solid #BEBEBE;
    margin: 0 1% 2% 1%;
    max-width: 10%;
    opacity:0.65;
    vertical-align: middle;
}


/* Aspecto de las miniaturas cuando pasamos el ratón por encima de ellas */
.thumb:hover img {
    border: 3px solid #000;
    opacity:1;
}

/* Estilo de las imágenes que se muestran al hacer el mouse over */
.thumb span img{ 
    border: 1px solid #000;
    padding: 5px 5px 40px 5px;
    background-color: #fff;
}

#img_central_cont {
    margin: 5% 0;
}

#img_central_cont {
    height: 450px;
    width: 510px;
    margin:0 auto;
}

#img_central {
    max-height: 440px;
    max-width: 500px;
}

#previous_img {
    visibility:hidden;
}

#next_img, #previous_img {
    vertical-align: middle;
    max-width: 60px;
}

/***************************************************************************
			POEMAS
***************************************************************************/

#escritor {
    margin-left:-5%;
}

#Poemas {
    color:black;
    padding-bottom: 2%;
    background:url(images/1189416_92541941.png) left no-repeat;
}

#Poemas h2 {
    font-size:32px;
    text-align:left;
    clear:both;
}

#Poemas p {
    font-size:16px;
    text-align:left;
    color:#333;
    margin-left:2%;
    font-family: serif;
}

#Poemas pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    color:#444;
    text-align:left;
    font-size:18px;
}

.sIFR-replaced {
    margin-bottom:5%;
}

.sIFR-replaced, .sIFR-alternate {
    overflow:hidden;
}

#Poemas .poema {
    padding:2% 0 0 3%;
    margin:0;
}

/***************************************************************************
			VIDEOS
***************************************************************************/

#en_construccion {
    width:60%;
    margin:0 auto;
    display:block;
}

#reproductor_flv  {
    float:right;
    margin:2% auto 15% auto;
    display:block;
    width: 450px;
}

#lista_videos_disponibles {
    margin-top:2%;
    float:left;
    width: 40%;
    padding:1%;
    background-color: #666;
    margin-bottom:2%;
}

#lista_videos_disponibles #panel_videos {
    height:320px;
    overflow:auto;
    border:2px solid black;
    background-color:#ccc;
}

#panel_videos .video_portada {
    margin-bottom:1%;
    clear:both;
    width:95%;
    overflow:hidden;
    padding:1%;
}

#panel_videos .video_portada:hover {
    background-color: #d95959;
}

#panel_videos .video_portada a {
    float:left;
}

#panel_videos .video_portada .datos_video {
    float:right;
    text-align:right;
    width: 60%;
}

#lista_videos_disponibles #panel_videos img {
    max-width:110px;
    border:0;
    vertical-align: middle;
}

/***************************************************************************
		    PIE DE PÁGINA
***************************************************************************/

#footer {
    text-align: center;
    width: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
}

#copyright {
    font-weight:bold;
    }