* {margin: 0; padding: 0;} 
body { margin: 0 0 50px 0; padding: 0; font: 70%/1.3 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-align: center; background-color: #eee; }
#wrapper { position: relative; width: 900px; height: 1150px; margin: 0 auto; text-align: left; }
#leftCol { position: absolute; width: 695px; top: 45px; left: 0; }
#rightCol { position: absolute; width: 195px; top: 45px; right: 0; }
#branding { width: 691px; height: 200px; margin-bottom: 5px; background: #111 url(images/alternatilla2007.jpg) no-repeat left top; border: 2px solid #ccc; }
#branding h1, #branding h2, #branding p { padding: 0 300px 0 35px; color: #a49679;}
#branding h1 { padding-top: 35px; font-size: 50px; color: #fff; }
#branding h2 { font-size: 16px;}
#branding p { font-size: 10px; }
#subMenu { position: absolute; top: 0; width: 900px; height: 35px; background-color: #6D878A; color: #eee; text-align: right; }
#subMenu p { padding: 10px;}
#subMenu a { color: #eee;} 
#subMenu a:hover { color: #152224;}

a { color: #555; text-decoration: underline;}
a:hover { color: #152224; text-decoration: none;}
p.aviso { color: #900; font-weight: bold;}

#poster { width: 191px; height: 200px; background: #152224 url(images/revista.jpg) no-repeat center top; border: 2px solid #ccc; }
#presentation { width: 185px; height: 404px; overflow: auto; border: 3px solid #fff;}
.extraBorder { display: block; width: 191px; margin: 10px 0; border: 2px solid #ccc;}
#presentation p { padding: 7px;}
#presentation blockquote { font-size: 11px; font-style: italic; margin: 0 15px; padding-left: 10px; border-left: 1px solid #999; color: #666;}
#masinfo { width: 185px; height: 404px; overflow: auto; border: 3px solid #fff;}
#masinfo h3, #masinfo ul { padding: 7px;}
#masinfo h3 { font-size: 15px; line-height: 15px; }
#masinfo ul { list-style-type: none; }
#masinfo li { padding: 0 0 0 0;}
#mainContent { width: 695px; float: left; }

p.no { color: #777;}

#info { margin-top: 5px; background-color: #ddd;}
#info h2 { font-size: 25px; padding: 10px 0; background-color: #222; color: #fff; line-height: 25px;}
#info h2 span { display: block; font-size: 16px; }
#info h2 span.presenta { display: block; font-size: 10px; font-weight: normal; }
#mainContent #info h3 { font-size: 16px; margin-top: 20px;}
#mainContent #info h4 { font-size: 12px; margin-top: 20px; padding: 0 10px;}
#info p { margin: 10px 0; font-size: 12px; padding: 0 10px;}
#info p.datos { padding: 10px 0; border-bottom: 1px dotted #aaa; font-size: 11px; background-color: #bbb; margin: 0;}
#info p.links { padding: 10px; border-top: 1px dotted #111; background-color: #bbb;}
#info img { float: left; padding: 8px; margin: 10px 10px 4px 10px; background-color: #ccc;}

#mainContent #blockFotografia, #mainContent #blockMusica, 
#mainContent #blockCine, #mainContent #blockEscena { clear: left; float: left; width: 695px; margin: 5px 0; border-top: 2px solid #152224; border-bottom: 2px solid #152224; }

#mainContent .infoFotografia, #mainContent .infoMusica, 
#mainContent .infoCine, #mainContent .infoEscena { display: block; width: 188px; height: 198px; float: left; overflow: auto; margin-right: 10px; background-color: #bac3c4; }

#mainContent .infoFotografia p, #mainContent .infoMusica p, #mainContent .infoCine p, #mainContent .infoEscena p { padding: 0 10px 10px 10px;}
#mainContent .infoFotografia h2, #mainContent .infoMusica h2, #mainContent .infoCine h2, #mainContent .infoEscena h2 { font-size: 14px; margin: 10px 0 5px 0; padding: 0 10px;}

#mainContent ul { list-style-type: none; padding: 0 10px 10px 10px; font-size: 10px; }
#mainContent li { padding: 5px 0;}
#mainContent ul.cuadro li { padding: 0;}
#mainContent h3 { font-size: 12px; margin: 10px 0 5px 0; padding: 0 10px;}

#mainContent p.foto, #mainContent p.music,
#mainContent p.cine, #mainContent p.escena { display: block; width: 93px; height: 93px; float: left; background-color: #ccc; border: 1px solid #ccc; margin: 2px; }


#mainContent p.foto a, #mainContent p.music a, #mainContent p.cine a, #mainContent p.escena a { 
display: block; width: 87px; height: 87px; padding: 3px; text-decoration: none; font-size: 10px; line-height: 12px; }

#mainContent p.foto a:hover, #mainContent p.music a:hover, #mainContent p.cine a:hover, #mainContent p.escena a:hover { 
display: block; width: 87px; height: 87px; text-align: center; text-decoration: none; line-height: 12px; font-size: 10px; background-color: #152224; color: #ccc;}

#mainContent p.foto a span, #mainContent p.music a span, #mainContent p.cine a span, #mainContent p.escena a span { visibility: hidden; }

#mainContent p.foto a:hover span, #mainContent p.music a:hover span, #mainContent p.cine a:hover span, #mainContent p.escena a:hover span { 
display: block; visibility: visible; width: 87px; height: 87px; text-align: center; text-decoration: none; line-height: 12px; font-size: 10px; background-color: #152224; color: #ccc;}

#mainContent p.foto strong, #mainContent p.music strong, #mainContent p.cine strong, #mainContent p.escena strong { display: block; font-size: 12px; padding: 3px 0 7px 0; }

#mainContent p.zizola { background-image: url(images/bg-zizola.jpg);}
#mainContent p.grarup { background-image: url(images/bg-grarup.jpg);}
#mainContent p.bieber { background-image: url(images/bg-bieber.jpg);}
#mainContent p.lohuizen { background-image: url(images/bg-lohuizen.jpg);}
#mainContent p.bleasdale { background-image: url(images/bg-bleasdale.jpg);}
#mainContent p.bonet { background-image: url(images/bg-bonet.jpg);}
#mainContent p.blenkinsop { background-image: url(images/bg-blenkinsop.jpg);}
#mainContent p.appleton { background-image: url(images/bg-appleton.jpg);}
#mainContent p.greene { background-image: url(images/bg-greene.jpg);}
#mainContent p.kozyrev { background-image: url(images/bg-kozyrev.jpg);}

#mainContent p.jcale { background-image: url(images/bg-jcale.jpg);}
#mainContent p.edeeo { background-image: url(images/bg-edeeo.jpg);}
#mainContent p.blow { background-image: url(images/bg-theblow.jpg);}
#mainContent p.sibarita { background-image: url(images/bg-clubsibarita.jpg);}
#mainContent p.sterlin { background-image: url(images/bg-sterlin.jpg);}
#mainContent p.bbare { background-image: url(images/bg-bbjr.jpg);}
#mainContent p.fito { background-image: url(images/bg-fito.jpg);}
#mainContent p.pfrazer { background-image: url(images/bg-pfrazer.jpg);}
#mainContent p.ilegales { background-image: url(images/bg-ilegales.jpg);}
#mainContent p.travolta { background-image: url(images/bg-travolta.jpg);}

#mainContent p.ar { background-image: url(images/bg-ar.jpg);}
#mainContent p.body { background-image: url(images/bg-body.jpg);}
#mainContent p.hisako { background-image: url(images/bg-hisako.jpg);}
#mainContent p.oligor { background-image: url(images/bg-oligor.jpg);}
#mainContent p.boira { background-image: url(images/bg-boira.jpg);}
#mainContent p.ventafocs { background-image: url(images/bg-ventafocs.jpg);}

#mainContent p.muzu { background-image: url(images/bg-muzu.jpg);}
#mainContent p.ait { background-image: url(images/bg-ait.jpg);}
#mainContent p.mostra { background-image: url(images/bg-mostra.jpg);}

#footer { width: 900px; margin: 0 auto; height: 100px; background-color: #6D878A; position: absolute; top: 1108px; text-align: center; }
#footer p { padding: 0 10px; margin: 5px 0;}
#footer a:link, #footer a:visited { color: #eee; }