/* CSS Document */

/*GENERALES*/

* { padding:0; margin:0; border:0; outline:none;} 
html {overflow-y:scroll; outline:none;}
body {  color:#21313c; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; text-align:left; line-height:18px; height:100%; background:url(../images/fd_web.jpg); background-repeat:repeat-x; background-color:#000}

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:#d60c1a; font-size:22px; font-weight:bold; line-height:24px;}
h2{ color:#333; font-size:14px; font-weight:bold; line-height:24px; margin:20px 0 20px 0; clear:both}

#margenes{ width:872px; margin:20px auto 0 auto}

#ariadna{ width:897px; height:30px; margin:0 auto; background-color:#000; clear:both; border-top:3px solid #fff}
#ariadna .txt{ width:683px; height:25px; font-weight:normal; padding:5px 0px 0px 21px; color:#fff; font-size:12px }
#ariadna .enlace{ width:180px; float:left; padding:5px 20px 0px 0px;color:#e0d1c1; background-color:  font-weight:bold; text-align:right;}
#ariadna a.enlaces{ color:#e0d1c1; font-weight:bold; text-decoration:underline; font-size:14px;}
#ariadna a.enlaces:hover{ color:#e0d1c1; font-weight:bold; text-decoration:underline; font-size:14px;}

.fecha_otros { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#999;  line-height:20px }
.titulo_otros { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#726046; line-height:20px }

/*GENERALES*/
#contenedor{width:905px; margin:0 auto}
#contenido{width:905px; margin:0 auto}
#contenido .fondo{width:905px; margin:0 auto; background-color:#fff; clear:both; display:table}


#cabecera{ width:905px; height:218px; background:url(../images/top_web.gif); background-repeat:no-repeat}

#menu{width:897px; margin:0 auto; height:42px; padding-top:190px}
#menu ul{float:left; margin:0 0 0 10px}
#menu li{display:inline; float:left; margin:0 10px 0 0}

/*contenido*/
#derecho{ width:237px; float:right; padding-bottom:50px}
#derecho .banner_repro{ width:237px; clear:both; margin:25px 0 0 0}
#derecho .banner_regis{ width:237px; background:url(../images/fd_newsletter.gif); background-repeat:no-repeat; height:85px; padding-top:110px; margin-bottom:10px; float:left;}
#derecho .input{ width:192px;margin:0 auto}
#derecho .caja{ background-color:#fff; font-size:12px; height:15px; width:192px; padding:2px;}
#derecho .acepto{ width:208px; float:left; margin-top:3px; margin-bottom:0; 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{ float:right; text-align:right; margin:0 15px 0 0}
#derecho .management{ margin:20px auto; clear:both}
#derecho .banner_music{ width:230px; margin:0 auto; clear:both}
#izquierdo{ width:615px; float:left; padding-bottom:30px;}
#izquierdo .contenidos{ width:615px; float:left;}
#izquierdo .biografia{ width:615px; float:left}
#izquierdo .noti{ width:615px; float:left; padding:20px 0 0 0}
#izquierdo .disco{ width:615px; float:left; padding:20px 0 0 0}º
#izquierdo .conciertos{ width:576px; float:left; vertical-align:top;  padding:20px 25px 0px 15px; height:533px; margin-top:20px;}
#izquierdo .multimedia{ width:615px; float:left; height:858px;}
#izquierdo .list_enlaces{ width:615px; float:left; vertical-align:top; padding:10px 0px 0px 0px;}
#izquierdo .politica{ width:615px; 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:#464033; text-align:left ; text-decoration:none;}

#izquierdo .linea_sep{ width:615px; background:url(../images/punteado_sep.gif); background-repeat:repeat-x; height:1px; margin:20px 0px 20px 0px; float:left;}

#izquierdo .bt_masnot{ width:615px; text-align:center; float:left;}
#izquierdo .video{ width:615px; text-align:center; float:left; padding-top:10px; margin-bottom:50px;}
#izquierdo .mas_videos{ width:615px; text-align:center; float:left; padding-top:10px; margin-bottom:50px;}
#izquierdo .cita{ width:552px; float:left; height:245px; background:url(../images/fd_conciertos.jpg); background-repeat:no-repeat; margin:10px 0px 30px 0px; padding:20px 30px 10px 20px; }
#izquierdo .mascita{ width:172px; padding:0px 10px 0px 0px; margin:0 auto}

#popup { width:490px; float:left; padding:10px 10px 10px 10px; background-color:#000; 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;}


#tonos { width:615px; float:left; font-family:Arial, Helvetica, sans-serif}
#tonos .tonos_list{font-size:14px;font-weight:bold;width:615px;margin:20px 0 0 0;clear:both}
#tonos .titulo{width:305px,font-weight:bold;font-size:12px;padding:3px}
#tonos .envia{font-size:12px;font-weight:bold;padding:3px;text-align:right}
#tonos .codigo{color:#d60c1a;font-weight:bold;font-size:22px}


/*pie*/
#pie{ width:905px; margin:0 auto; background-image:url(../images/bottom.gif); background-repeat:no-repeat; background-position:bottom left; background-color:#fff; background-repeat:no-repeat; clear:both;}
#pie .logo_warner{width:870px; margin:0 auto; clear:both; text-align:right; padding:10px 0 10px 0}
#nota{ width:905px; text-align:center; margin:0 auto; color:#FFF; font-size:12px}
#nota a.enlace{ color:#FFF; text-decoration:none;}
#nota a.enlace:hover{ color:#FFF; text-decoration:underline;}
#nota .logo{ float:right; vertical-align:middle; margin:0 0 0 10px}


#videos{width:615px; margin:30px auto; clear:both}
#videos .video_tube{width:425px; margin:30px auto; font-size:12px; font-weight:bold; clear:both}











