* { margin: 0;}
html, body {height: 100%;}
body { padding: 0; margin: 0; font-family: Verdana; font-size : 12px; color : #444444; background: #FFFFFF url(../img/bg/bg_bodys.gif) repeat-x;}
/* Links */
a:link { text-decoration : none; color : #3399cc; border: 0;}
a:active { text-decoration : underline; color : #3399cc; border: 0;}
a:visited { text-decoration : none; color : #3399cc; border: 0;}
a:hover { text-decoration : underline; color : #999933; border: 0;}
/* General Class */
img { border: none;}
div.clear{clear:both;margin-top:10px}
/* layout */
#header {width:770px; margin: 0 auto; padding-top:12px; height:142px;background: url(../img/home/banner01.jpg) no-repeat left 12px;}
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -75px; text-align: left; clear: both;}
#container {width: 770px; clear:both; margin: 0 auto; padding: 20px 0; }
#footer, .push { height: 70px; }
#footer {margin:0; padding:0; border-top: 5px solid #BBE0EB; clear: both; font-size: 0.8em; background: #47A4BE; color: #A1DCEA; bottom: 0; }
/* Header */
#header h1 { text-indent: -10000px; margin: 0; padding: 0;}
#header h1 a {width: 288px; height: 100px; float: left; }
#header h1 a:hover { float: left; text-decoration: none;}
/* Menu */
#header em { display: none}
#header ul { width: 100%; float: left; padding: 0; margin: 0; list-style-type: none;}
#header li { float: left; padding: 0; margin: 0; display: inline}
#header li a { DISPLAY: block; HEIGHT: 46px }
#header li a.inicio { background: url(../img/nav/menu01.gif) no-repeat left top; WIDTH: 69px;}
#header li a.inicioActivo { background: url(../img/nav/menu01.gif) no-repeat left bottom; WIDTH: 69px; }
#header li a.videos { background: url(../img/nav/menu02.gif) no-repeat left top; WIDTH: 75px;}
#header li a.videosActivo { background: url(../img/nav/menu02.gif) no-repeat left bottom; WIDTH: 75px;}
#header li a.fotos { background: url(../img/nav/menu03.gif) no-repeat left top; WIDTH: 63px; margin: 0; padding: 0;}
#header li a.fotosActivo { background: url(../img/nav/menu03.gif) no-repeat left bottom; WIDTH: 63px;}
#header li a.conciertos { background: url(../img/nav/menu04.gif) no-repeat left top; WIDTH: 99px;}
#header li a.conciertosActivo { background: url(../img/nav/menu04.gif) no-repeat left bottom; WIDTH: 99px;}
#header li a.cds { background: url(../img/nav/menu05.gif) no-repeat left top; WIDTH: 101px;}
#header li a.cdsActivo { background: url(../img/nav/menu05.gif) no-repeat left bottom; WIDTH: 101px;}
#header li a.bio { background: url(../img/nav/menu06.gif) no-repeat left top; WIDTH: 91px;}
#header li a.bioActivo { background: url(../img/nav/menu06.gif) no-repeat left bottom; WIDTH: 91px;}
#header li a.contacto { background: url(../img/nav/menu07.gif) no-repeat left top; WIDTH: 83px}
#header li a.contactoActivo { background: url(../img/nav/menu07.gif) no-repeat left bottom; WIDTH: 83px}
#header li a:hover { background-position: left center;}
/* Contenido */
.contenido { float: left; padding: 0; margin: 0; }
.contenido h1, h2, h3 { font-family: Georgia; color: #17B0E9; font-weight: normal; }
.contenido h2 { text-transform: uppercase; font-size: 18px; letter-spacing: -1px; padding: 5px 0; margin: 0 0 15px 0; font-weight: normal; background: url(../img/bg/h2-sub.png) repeat-x left bottom;}
.contenido h3 { font-size: 20px; letter-spacing: -1px; padding: 5px 0 0 0; margin: 0; font-weight: normal; }
.contenido p { font-size: 11px; padding: 5px 0; margin: 0; }
/* Multimedia */
.multimedia { width: 285px; float: left; padding: 0; margin: 0; }
.multimedia h2 { letter-spacing: 0; padding: 5px 0; margin: 0 0 5px 0; color: #17B0E9; }
.multimedia ul { padding: 0; margin: 0;}
.multimedia ul li { FLOAT: left; MARGIN: 10px 0; padding-right: 13px; LIST-STYLE-TYPE: none; display: inline; }
.multimedia .normal { background: #333333; float: left; padding: 3px; width: 277px;}
.multimedia .normal big a { color: #EAF3CA; text-decoration: none; width: 220px; font-size: 12px; letter-spacing: -1px; padding: 0 0 0 6px; line-height: 14px; font-family: 'Georgia'; font-weight: bold;}
.multimedia .normal img { background: #fff; border: none; margin: 2px 2px 20px 2px; padding: 2px;}
.multimedia .normal p { font-family: 'Arial'; margin: 0; padding: 0 0 0 6px; font-size: 9px; font-weight: bold; letter-spacing: 0; color: #CCCCCC;}
.multimedia .active { background: #EAF3CA; float: left; padding: 3px; width: 277px; }
.multimedia .active big a { color: #333333; text-decoration: underline; width: 220px; font-size: 12px; letter-spacing: -1px; padding: 0 0 0 6px; line-height: 14px; font-family: 'Georgia'; font-weight: bold;}
.multimedia .active img { background: #fff; border: none; margin: 2px 2px 20px 2px; padding: 2px;}
.multimedia .active p { font-family: 'Arial'; margin: 0; padding: 0 0 0 6px; font-size: 9px; font-weight: bold; letter-spacing: 0; color: #666666;}
/* Noticias */
.noticias { width: 440px; float: left; padding: 0 0 0 30px; margin: 0; }
.noticias h2 { padding: 5px 0; margin: 0 0 5px 0; }
.noticias ul { padding: 10px 0; margin: 0;}
.noticias li { padding: 0; margin: 0; list-style-type: none; display: inline; line-height: 15px;}
.noticias li em { float: left; display: block; width: 80px; height: 30px; border: solid 1px #e4f4fc; background: #f5fbff;padding: 5px 3px; margin: 0 5px 10px 0; font-size: 9px; font-weight: normal; font-style: normal; color: #666666; }
.noticias li p { float: left; border: solid 1px #e4f4fc; color: #9b9b9b; font-size: 9px; padding: 5px 3px; margin: 0; font-style:normal; height: 30px; width:335px; background: #f5fbff; margin-bottom: 10px;
display: block;}
.noticias li strong { font-weight:bold; color: #666666; font-size: 12px; font-family: 'Georgia';}
/* Videos */
.contenidoflash{width: 570px; float: left; padding: 0; margin: 0; background-color: #BBE0EB;}
.flashvideo { margin: 0; padding: 5px; width: 345px; float: left;}
.flashvideonav { width: 200px; height: 420px;; margin: 0 10px 0 0; float: right; background: url(../img/video/bg-flecha.gif) no-repeat left 7px; }
.flashvideonav ul { padding: 0; margin: 10px 0 0 20px; }
.flashvideonav li { padding: 0; margin: 10px 13px 5px 0; list-style-type: none; display: inline;}
.flashvideonav li em { color: #9b9b9b;}
.flashvideonav .normal {background: #f5fbff; border: solid 1px #e4f4fc; float: left; padding: 4px; width: 150px;}
.flashvideonav .normal strong {font-family: 'Georgia'; font-size: 12px; font-weight: bold; }
.flashvideonav .normal strong a { color: #3399cc; background: url(../img/video/videonav-flecha.png) no-repeat left center; padding-left: 15px;}
.flashvideonav .active { background: #f4fbdc; border: solid 1px #f1f2db; float: left; padding: 4px; width: 150px; }
.flashvideonav .active strong { font-family: 'Georgia'; font-size: 12px; font-weight: bold; }
.flashvideonav .active strong a { color: #999933; background: url(../img/video/videonav-flecha-b.png) no-repeat left center; padding-left: 15px;}
/* Conciertos */
.conciertos { float: left; padding: 0; margin: 0; width: 580px; }
.conciertos h2 { padding: 5px 0; margin: 0 0 5px 0; }
.conciertos ul { padding: 0; margin: 0;}
.conciertos li { padding: 0; margin: 0; list-style-type: none; display: inline; line-height: 15px;}
.conciertos li em { float: left; display: block; width: 80px; height: 30px; border: solid 1px #e4f4fc; background: #f5fbff;padding: 5px 3px; margin: 0 5px 10px 0; font-size: 9px; font-weight: normal; font-style: normal; color: #666666; }
.conciertos li p { float: left; border: solid 1px #e4f4fc; color: #9b9b9b; font-size: 9px; padding: 5px 3px; margin: 0; font-style:normal; height: 30px; width: 470px; background: #f5fbff; margin-bottom: 10px;
display: block;}
.conciertos li strong { font-weight:bold; color: #666666; font-size: 12px; font-family: 'Georgia';}
/* Fotos */
#flashvideo { margin: 0; padding: 0; float: left;}
/* Bio */
.bio { margin:0; padding:0; width: 350px; float: left;}
.trayectoria {
margin-left:20px;
width: 250px;
float: left;
background: #f5fbff;
border: solid 1px #e4f4fc;
padding: 5px;
}
.trayectoria h3 { font-size: 16px; letter-spacing: 0.1em; margin-left: 40px; }
.trayectoria h4 { font-size: 9px; float: left; background: #FFFFCC;}
.trayectoria ul {margin: 0; padding: 0;}
.trayectoria li { list-style-type: none; display: inline; color: #666666;}
.trayectoria dl {margin-left:40px; padding-bottom: 10px; line-height: 10px; clear: right; }
.trayectoria dt {font-family: 'Arial'; font-weight: bold; font-size: 11px; padding: 0;
}
.trayectoria dd {margin:0; padding-bottom: 6px; line-height: 10px; font-size: 9px;}
/* Letras y cds */
.discos { margin: 0; padding-right: 5px; float: left; width: 250px; height: 100%;}
.discos p { width: 200px; }
.discos img { padding-top: 10px;}
.discos ul {list-style-type: none; margin: 0; padding: 0;}
/* Contacto */
.contacto { width: 300px;}
.contacto ul { padding: 5px 0 5px 15px; margin: 0; }
.contacto li { font-size: 10px; padding: 0; margin: 0; }
.contacto p { font-size: 11px; padding: 5px 0 15px 0; margin: 0; line-height: 13px;}
.contacto p strong { letter-spacing: -1px;}
.contacto span { background: #eefaff; font-size: 9px; padding: 10px 10px 10px 10px; color: #cc3300; display: block;}
.contacto span h3 { padding: 0; margin: 0; }
.contacto span p { padding: 0; margin: 0; font-size: 9px;}
.contacto span a {color: #cc3300; text-decoration: underline; }
.contacto form { padding: 10px; border: solid 2px #eefaff;}
.contacto form fieldset { border: none; padding: 0; margin: 0;}
.contacto form p { font-size: 9px; padding: 5px 0; margin: 0; color: #6a757d; }
.contacto form label { display: block; padding: 0 0 5px 0;}
.contacto form label em { font-size: 7px; text-transform:uppercase; font-weight: bold; color: #99cc00; font-style: normal;}
.contacto form input { color : #6a757d; border: solid 1px #333333; background: #f4fbdc; padding: 3px 0; width: 270px;}
.contacto form textarea { color : #6a757d; border: solid 1px #333333; background: #f4fbdc; padding: 3px 0; width: 270px; height: 150px;}
#submitter { width: 50px; float: left; display: inline; margin-top: 3px;}
#log { font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #990000; padding: 0 10px; clear: both; border: solid 1px #993300; }
.privacidad { float: right; }
/* Rightbar */
#rightbar { float: right; width: 180px; padding: 0; margin: 0; min-height: 300px;}
#rightbar h2 { text-transform: uppercase; font-size: 18px; letter-spacing: -1px; padding: 5px 0; margin: 0 0 5px 0; font-weight: normal; }
/* footer */
#footer p { padding: 15px 0 15px 0; text-align: center; margin:0; }
#footer a { color: #fff; }