/* CSS Document */

/*GENERALES*/

* { padding:0; margin:0; border:0} 
html {height: 100%; overflow-y:scroll; outline:none}
body { background-color:#192d32; color:#464033; 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:#464033;}
a:hover {text-decoration: underline; cursor:pointer; color:#464033;}
.clear_b{ clear:both;}
p{ padding-bottom:10px}

div{border:0px; padding:0px; margin:0px}
img{border:none; margin:0px; padding:0px}
h1{ color:#0d3d4d; font-size:22px; 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:#b9d5d7; 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; margin-bottom:10px; float:left}
#derecho .input{ width:208px; float:left; padding-left:29px;}
#derecho .caja{ border:1px solid #000000; background-color:#ffffff; font-size:12px; height:15px; width:172px; padding-left:2px}
#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; margin-top:10px}
#derecho .banner{ width:237px; float:left; padding-bottom:10px}
#derecho .banner_cent{ width:237px; float:left; margin-bottom:5px; text-align:center}
#derecho .banner_repro{ width:237px; float:left; margin:20px 0px 5px 0px;}


#izquierdo{ width:660px; float:left; vertical-align:top;}
#izquierdo .contenidos{ width:616px; float:left; vertical-align:top; padding:10px 22px 0px 22px}
#izquierdo .biografia{ width:616px; float:left; vertical-align:top; padding:10px 0px 0px 0px}
#izquierdo .noti{ width:616px; float:left; vertical-align:top; padding:10px 0px 0px 0px}
#izquierdo .disco{ width:616px; float:left; vertical-align:top; padding:10px 0px 0px 0px}
#izquierdo .conciertos{ width:616px; float:left; vertical-align:top;  padding-top:40px; background:url(../images/fd_conciertos.jpg); background-repeat:no-repeat; height:533px}
#izquierdo .multimedia{ width:616px; float:left; vertical-align:top; padding:20px 0px 0px 0px; background:url(../images/fd_fotos.jpg); background-repeat:no-repeat; height:858px;}
#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:596px; float:left; margin:50px 0px 50px 10px}
#izquierdo .enl_volver{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#464033; 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}

#izquierdo .cita{ width:566px; float:left; height:269px; background:url(../images/fd_cita.jpg); background-repeat:no-repeat; margin:10px 0px 30px 0px; padding:10px 30px 10px 20px }
#izquierdo .mascita{ width:566px; float:left; padding:0px 50px 0px 0px; text-align:right }

#popup { width:490px; float:left; padding:10px 10px 10px 10px; background-color:#192d32; 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}


/*pie*/
#pie{ width:914px; height:166px; background:url(../images/bottom.jpg); background-repeat:no-repeat; float:left; vertical-align:top; padding-top: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}
















