/* GENERAL */

* 
{ margin:0px; padding:0px; border:0px; }

html, body 
{ height:100%; }

body 
{ background-color:#000; color:#fff; font:11px Verdana, Arial, Helvetica, sans-serif; line-height:20px; }

#precarga-img
{ display:none; }

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

a:hover
{ text-decoration:none; font-weight:bold; color:#e54c37; font-size:10px; }

h1
{ font-weight:bold; font-size:12px; }


/* CENTRADOR */

#distance 
{ width:1px; height:50%; background-color:#000; margin-bottom:-300px; /* half of container's height */ float:left; }

#container 
{ margin:0px auto; position:relative; /* puts container in front of distance */ text-align:left; height:600px; width:1000px; clear:left; background-color:#000; }


/* INDEX */

#home
{ background:#000; height:600px; }


/* MENÚ */

#menu
{ height:25px; width:100%; text-align:right; padding-top:20px; }

#menu img
{ padding-right:10px; vertical-align:middle; }



/* DIANE */

#diane
{ background:url(img/foto-diane.jpg) bottom left no-repeat #000; height:600px; }

.iframe-diane
{ width:560px; height:430px; margin-top:75px; margin-right:60px; float:right; background:#000; border:0px; }

.cartel-bio-idioma
{ position:absolute; bottom:26px; right:60px; }



/* DISCOGRAFIA - PORTADA */

#discografia-portada
{ background:#000; height:600px; }

#portadas
{ position:absolute; top:200px; left:24px; }

.portada
{ width:170px; float:left; padding-left:10px; padding-right:10px; font-size:10px; line-height:14px; text-align:center; }

.portada img
{ margin-bottom:14px; }

.portada a:link, .portada a:active, .portada a:visited
{ filter: alpha(opacity=100); -moz-opacity: 1.0;  display:inline-block } 

.portada a:hover
{ filter: alpha(opacity=70); -moz-opacity: 0.7;  display:inline-block } 


/* DISCOGRAFIA DISCOS */

#discografia-discos
{ background:#000; height:600px; }

#columna-1
{ float:left; width:300px; margin-top:60px; text-align:right; }

#columna-1 ul
{ margin:30px 0px 10px 0px; list-style:none; color:#666; }

#columna-1 li
{ line-height:17px; }

#columna-2
{ float:left; width:508px; margin-top:54px; text-align:left; padding-right:30px; padding-left:30px; line-height:18px; }

#columna-3
{ float:right; width:106px; margin-top:60px; padding-left:20px; background:url(img/dot.gif) top left repeat-y; }

#columna-3 img
{ margin-bottom:13px; }

.disco-picked
{ filter: alpha(opacity=70); -moz-opacity: 0.4; display:inline-block; }

#columna-3 a:link, #columna-3 a:active, #columna-3 a:visited
{ filter: alpha(opacity=100); -moz-opacity: 1.0; display:inline-block; } 

#columna-3 a:hover
{ filter: alpha(opacity=70); -moz-opacity: 0.7; display:inline-block; } 

.fix
{ height:1px; width:1px; display:none; }

.escuchar
{ background-color:#222; }

#player, #player2
{ float:left; }


/* NOVEDADES */

#novedades
{ background:url(img/foto-novedades.jpg) bottom left no-repeat #000; height:600px; }

.iframe-novedades
{ width:620px; height:468px; margin-top:70px; margin-right:10px; float:right; border:0px; }



/* PRENSA */

#prensa
{ background:url(img/foto-prensa.jpg) bottom left no-repeat #000; height:600px; }

.entrevistas
{ width:320px; height:494px; margin-top:50px; margin-right:10px !important; margin-right:5px; float:right; background:#000; }

.articulos
{ width:320px; height:494px; margin-top:50px; margin-right:0px; float:right; background:#000; }

.iframe-articulos
{ width:320px; height:480px; border:0px; background:#000; }

.iframe-entrevistas
{ width:320px; height:480px; border:0px; background:#000; }

.dots
{ background:url(img/dot.gif) top left repeat-y; width:2px; height:494px; float:right; margin-top:60px; }



/* IMAGENES */

#imagenes
{ background:#000; height:600px; overflow:hidden; }

#fotos
{ margin-top:160px; text-align:center; }

#menu-fotos
{ position:absolute; right:0px; bottom:0px; width:200px; height:200px; background:url(img/dot.gif) top left repeat-y; padding-left:20px; color:#fff; font-size:20px; }

#menu-fotos ul
{ list-style:none; }

#menu-fotos li
{ margin-top:10px; }

#menu-fotos a
{ font-size:13px; color:#666; font-weight:normal; }

#menu-fotos a:hover
{ font-size:13px; color:#e54c37; font-weight:normal; }

#fotos-sin-carousel
{ list-style:none; padding-left:50px; padding-top:10px; text-align:center; }

#fotos-sin-carousel li
{ display:inline; margin-right:6px; }

#video
{ text-align:center; margin-top:60px; }

.video-info
{ width:400px; margin:10px auto 0px auto; text-align:left; }

/* CONTACTO */

#contacto
{ background:url(img/back-contacto.jpg) top right no-repeat #000; height:600px; }

.contact-info
{ position:absolute; bottom:20px; right:58px; height:60px; text-align:right; }

.mail
{ margin-bottom:16px; }

.mail a:link, .mail a:active, .mail a:visited
{ font-size:20px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }

.mail a:hover
{ font-size:20px; color:#e54c37; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }

.myspace a:link,.myspace a:active,.myspace a:visited
{ font-size:12px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }

.myspace a:hover
{ font-size:12px; color:#e54c37; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }



/* FORM */

#form
{ width:360px; height:304px; position:absolute; right:20px; bottom:116px; }

#gracias
{ width:360px; height:304px; position:absolute; right:20px; bottom:116px; color:#000; font-weight:bold; font-size:14px; }

.label
{ margin-top:3px; text-align:left; color:#333; font-size:12px; font-weight:bold; }

.enviar
{ margin-top:10px; text-align:right; }

.mensaje_error
{ font-size: 9px; color:#e54c37; margin-top:-6px; }

#mensaje
{ font-size: 9px; color:#e54c37; }