/* CSS Document */

/*GENERALES*/

* { padding:0; margin:0; border:0;} 
html {overflow-y:scroll; outline:none;}
body {  color:#18202b; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; text-align:left; line-height:18px; height:100%; background:url(../images/fd_body.jpg); background-repeat:repeat-x; background-color:#4f5c6d}
a{text-decoration: none; cursor:pointer; color:#8c8281; }
a:hover {text-decoration: underline; cursor:pointer; color:#8c8281;}
.clear_b{ clear:both;}
p{ padding-bottom:10px;}

div{border:0px; padding:0px; margin:0px;}
img{border:none; margin:0px; padding:0px;}
h1{ color:#3a85bd; font-size:22px; font-weight:bold; line-height:24px;}
h2{ color:#3a85bd; font-size:16px; font-weight:bold; line-height:24px;}
.fd_h1{ background-color:#FFFFFF;}

#ariadna{ width:906px; height:31px; margin:0px 0px 14px 8px; padding:0px 0px 0px 0px; float:left; background:url(../images/fd_ariadna.gif); background-repeat:no-repeat;}
#ariadna .txt{ width:863px; height:25px; font-weight:normal; padding:5px 0px 0px 0px; color:#ffffff; float:left; }
#ariadna .flecha{ width:22px; float:left;padding:5px 0px 0px 21px; color:#9fd4fb; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px;}


.fecha_otros { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#cc9933;  line-height:20px }
.titulo_otros { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#3a85bd; line-height:20px }

/*GENERALES*/
#contenedor{width:914px; margin:0 auto; }
#contenido{width:914px; float:left; background:url(../images/fd_content.png); background-repeat:repeat-y;}

#cabecera{ width:914px; height:218px; float:left; background:url(../images/fd_cabecera.jpg); background-repeat:no-repeat; margin:0px; padding:0px;}

#menu{width:905px; height:42px; padding-left:9px; padding-top:176px; float:left;}
#menu ul{display:inline; border:0px; float:left; padding:0px; margin:0px;}
#menu li{display:inline; float:left; padding:0px 0px 0px 0px; margin:0px;}

/*contenido*/
#derecho{ width:254px; float:left; padding-bottom:50px;}
#derecho .banner_repro{ width:237px; float:left; margin-bottom:10px;}
#derecho .accesos{ width:237px; float:left; margin-bottom:10px;}
#derecho .accesos img{ float:left; margin:0 2px 0 1px}
#derecho .banner_regis{ width:237px; background:url(../images/fd_newsletter.jpg); background-repeat:no-repeat; height:86px; padding-top:101px; padding-right:17px; margin-bottom:10px; float:left;}
#derecho .input{ width:225px; float:left; padding-left:12px;}
#derecho .caja{ background-color:#fef8bc; font-size:12px; height:17px; width:205px; padding-left:2px;}
#derecho .acepto{ width:225px; float:left; margin-top:3px; margin-bottom:3px; padding-left:12px; }
#derecho a.enlace{ color:#ffffff; font-size:10px; text-decoration:underline;}
#derecho a.enlace:hover{ color:#ffffff; font-size:10px; text-decoration:underline;}
#derecho .boton{ width:221px; float:left; text-align:right; margin-top:2px; padding-right:5px}


#izquierdo{ width:660px; float:left; vertical-align:top; padding-bottom:50px;}
#izquierdo .contenidos{ width:616px; float:left; vertical-align:top; padding:10px 22px 0px 22px;}
#izquierdo .biografia{ width:616px; float:left; vertical-align:top; padding:0px 0px 0px 0px;}
#izquierdo .noti{ width:611px; float:left; vertical-align:top; padding:10px 0px 0px 5px;}
#izquierdo .disco{ width:616px; float:left; vertical-align:top; padding:10px 0px 0px 0px;}
#izquierdo .conciertos{ width:576px; float:left; vertical-align:top;  padding:20px 25px 0px 15px; background-color:#cad7e0;  margin-top:20px;}
#izquierdo .conciertos_img{ float:left; vertical-align:top;}
#izquierdo .multimedia{ width:594px; float:left; vertical-align:top; padding:35px 0px 0px 22px; background:url(../images/fd_fotos.jpg); background-repeat:no-repeat; height:861px;}
#izquierdo .multimedia_video{ width:594px; float:left; vertical-align:top; padding:20px 0px 20px 0px;}
#izquierdo .multimedia_video_tit{ width:594px; float:left; vertical-align:top; padding:0px 0px 10px 0px;}
#izquierdo .multimedia_video_vid{ width:440px; margin:0 auto; vertical-align:top; padding:10px 0px 0px 0px;}
#izquierdo .list_enlaces{ width:616px; float:left; vertical-align:top; padding:10px 0px 0px 0px;}
#izquierdo .politica{ width:616px; float:left; vertical-align:top; padding:10px 0px 0px 0px;}

#izquierdo .volver{width:586px; float:left; margin:50px 0px 50px 20px;}
#izquierdo .enl_volver{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#8c8281; text-align:left ; text-decoration:none;}

#izquierdo .linea_sep{ width:616px; background:url(../images/punteado_sep.gif); background-repeat:no-repeat; height:1px; margin:20px 0px 20px 0px; float:left;}

#izquierdo .bt_masnot{ width:616px; text-align:center; float:left;}
#izquierdo .video{ width:616px; text-align:center; float:left; padding-top:10px; margin-bottom:50px;}

#izquierdo .cita{ width:545px; float:left; height:331px; background:url(../images/fd_cita.jpg); background-repeat:no-repeat; margin:10px 0px 30px 0px; padding:10px 30px 10px 20px; }
#izquierdo .mascita{ width:542px; float:left; padding:0px 10px 0px 0px; text-align:center;}

#popup { width:490px; float:left; padding:10px 10px 10px 10px; background-color:#324c73; height:100%; }
#popup .titu{ width:480px; float:left; padding:0px 0px 0px 0px; font-size:18px; font-weight:bold; color:#ffffff;}
#popup .txt{ width:480px; float:left; padding:5px 0px 0px 0px; color:#ffffff;}
#popup .titu2{ width:480px; float:left; padding:50px 0px 0px 0px; font-size:18px; font-weight:bold; color:#ffffff;}
#popup a.enlace{ color:#FFFFFF; font-size:14px; text-decoration:underline; font-weight:bold}
#popup a.enlace:hover{ color:#FFFFFF; font-size:14px; text-decoration:underline; font-weight:bold}


/*pie*/
#pie{ width:914px; margin:0 auto; height:214px; background:url(../images/fd_bottom.png); background-repeat:no-repeat; vertical-align:top; padding:5px 0px 0px 0px; color:#a7aeb6; text-align:center; clear:both;}
#pie .logo{ float:left; width:870px; text-align:left; padding:95px 0px 0px 44px; margin-bottom:33px;}
#pie a.enlace{ color:#a7aeb6; text-decoration:none;}
#pie a.enlace:hover{ color:#a7aeb6; text-decoration:underline;}