/* CSS Document */

/*GENERALES*/

* { padding:0; margin:0; border:0} 
html {height: 100%; overflow-y:scroll; outline:none}
body { background-color:#201816; color:#242424; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; text-align:left; line-height:18px; height:100%;}
a{text-decoration: none; cursor:pointer; color:#242424;}
a:hover {text-decoration: underline; cursor:pointer; color:#242424;}
.clear_b{ clear:both;}
p{ padding-bottom:10px}

div{border:0px; padding:0px; margin:0px}
img{border:none; margin:0px; padding:0px}
h1{ color:#b69649; font-size:30px; font-weight:bold; line-height:32px;}

#ariadna{ width:899px; height:30px; margin:2px 0px 14px 0px; padding:0px 8px 0px 7px; float:left;}
#ariadna .txt{ width:878px; height:25px; font-weight:normal; padding:5px 0px 0px 21px; color:#FFFFFF; float:left; background:url(../images/fd_ariadna.gif); background-repeat:no-repeat;}
#ariadna .flecha{ color:#ac9f73; font-weight:bold;}

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

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

#menu{width:900px; height:30px; padding-left:14px; padding-top:163px; float:left;}
#menu ul{display:inline; border:0px; float:left; padding:0px; margin:0px;}
#menu li{display:inline; float:left; padding:0px 3px 0px 0px; margin:0px;}

/*contenido*/
#derecho{ width:254px; float:left;}
#derecho .banner_regis{ width:237px; background:url(../images/fd_newsletter.jpg); background-repeat:no-repeat; height:79px; padding-top:101px; padding-right:17px}
#derecho .input{ width:208px; float:left; padding-left:29px;}
#derecho .caja{ border:1px solid #000000; background-color:#fef8bc; font-size:12px; height:20px; width:172px}
#derecho .acepto{ width:208px; float:left; margin-top:3px; margin-bottom:3px; padding-left:29px }
#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:226px; float:left; text-align:right;}
#derecho .banner{ width:208px; float:left; margin-bottom:5px;}
#derecho .banner_repro{ width:232px; float:left; margin:20px 0px 5px 2px;}


#izquierdo{ width:660px; float:left; vertical-align:top;}
#izquierdo .contenidos{ width:616px; float:left; vertical-align:top; padding:30px 22px 0px 22px}
#izquierdo .biografia{ width:616px; float:left; vertical-align:top; padding:20px 0px 0px 0px}
#izquierdo .noti{ width:616px; float:left; vertical-align:top; padding:20px 0px 0px 0px}
#izquierdo .disco{ width:616px; float:left; vertical-align:top; padding:20px 0px 0px 0px}
#izquierdo .conciertos{ width:616px; float:left; vertical-align:top; margin:20px 0px 0px 0px; padding-top:90px; background:url(../images/fd_conciertos.jpg); background-repeat:no-repeat; height:227px}
#izquierdo .multimedia{ width:616px; float:left; vertical-align:top; padding:20px 0px 0px 0px}
#izquierdo .list_enlaces{ width:616px; float:left; vertical-align:top; padding:20px 0px 0px 0px}
#izquierdo .politica{ width:616px; float:left; vertical-align:top; padding:20px 0px 0px 0px}

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

#popup { width:490px; float:left; padding:10px 10px 10px 10px; background-color:#242424; height:100%; }
#popup .titu{ width:480px; float:left; padding:0px 0px 0px 0px; font-size:18px; font-weight:bold; color:#b7050b}
#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}

#bottom{ width:914px; float:left;}

/*pie*/
#pie{ width:914px; float:left; vertical-align:top; padding-top:18px; padding-bottom:28px; color:#FFFFFF; text-align:center; clear:both}
#pie a.enlace{ color:#FFFFFF; text-decoration:none}
#pie a.enlace:hover{ color:#FFFFFF; text-decoration:underline}