.rompefloat:after{ content: " \A "; display: block; clear: both; height: 0; }

body{ background: white url(../fest4img/motivo.jpg) no-repeat center 17px; font-family: Arial, Helvetica, sans-serif; font-size: .7em; margin: 0; padding: 0; }

a{ outline: none; }
a.external{ background: url(../fest3img/iconopopup.gif) no-repeat right center; padding: 0 15px 0 0; margin: 0 3px 0 0; }
#entradas a.external, #colabora a.external{ background: none; padding: 0; margin: 0; }


#web{ height: 17px; position: absolute; top: 0; border-bottom: 1px solid #D5D5D5; width: 100%; background-color: #ECECEC; }
#web p{ margin: 0; padding: 0 10px 0 0; line-height: 17px; text-align: right; color: #D5D5D5; }
#web p a{ color: #BBBBBB; text-decoration: none; }
#web p a:hover{ color: black; }
#lienzo{ width: 734px; margin: 0 auto; padding: 20px 20px 0 20px; }

h2{ color: #BBBBBB; border-bottom: 1px solid #bbbbbb; margin: 0 0 20px 0; font-size: 1.4em; }

#idiomas{ margin: 0 0 4px 0; padding: 0; list-style: none; height: 20px; line-height: 20px; font-size: 1.1em; font-weight: bold; text-align: right; color: #d5d5d5; }
#idiomas li{ display: inline; }
#idiomas li a{ color: #d5d5d5; text-decoration: none; }
#idiomas li a:hover{ color: #FA961C; text-decoration: underline; }
#idiomas.activaes #langes,
#idiomas.activaca #langca,
#idiomas.activaen #langen{ color: #fa961c; text-decoration: none; }

#cabecera{  margin: 0 0 20px 0; }
#cabecera h1{ margin: 0 0 0 130px; width: 356px; height: 85px; float: left; }
#cabecera #festfecha{ font-weight: bold; font-size: 1.3em; color: #bbbbbb; text-align: right; float: right; padding: 53px 0 0 0; }

#festinfo{ padding: 30px 0 0 190px; margin: 0 0 20px 0; }
#festinfo .textbox{ width: auto; height: 220px; }
#festinfo .textbox p{ text-align: justify; margin: 0 0 20px 0; }
#festinfo #video{ float: right; width: 252px; }
#festinfo #video ul{ margin: 0; padding: 3px 0 0 0; list-style: none; text-align: center; color: #FA961C; font-weight: bold; font-size: 1em; }
#festinfo #video ul li{ display: inline; }
#festinfo #video ul li a{ color: #FA961C; text-decoration: none;}
#festinfo #video ul li a.activo,
#festinfo #video ul li a:hover{ text-decoration: underline; }
#festinfo #video #visor{ width: 250px; height: 207px; border: 1px solid #D5D5D5; }

#programa{ margin: 0 0 10px 0; }
#programa #calendario{ width: 290px; float: left; }
#programa #calendario #fechas{ list-style: none; margin: 0; padding: 0; }
#programa #calendario #fechas li{ padding: 0; }
#programa #calendario #fechas li .evento{ background-color: #D5D5D5; line-height: 22px; color: white; font-weight: bold; margin: 0 0 10px 0; padding: 0 5px 0 5px; }
#programa #calendario #fechas li .evento .dia{ float: left; font-size: 1.3em; display: block; line-height: 22px; }
#programa #calendario #fechas li .evento .lugar{ font-weight: bold; display: block; text-align: right; }
#programa #calendario #fechas li p{ margin: 0 0 5px 0; padding: 0 5px; }
#programa #calendario #fechas li .artistas{ margin: 0; padding: 0 0 10px 0; list-style: none; }
#programa #calendario #fechas li .artistas li{ padding: 0; margin: 0 0 1px 0; }
#programa #calendario #fechas li .artistas li a{ display: block; color: black; text-decoration: none; padding: 2px 2px 2px 5px; background: url(../fest3img/flecha.gif) no-repeat right center; }
#programa #calendario #fechas li .artistas li a:hover{ background-color: #FA961C; }
#programa #calendario #fechas li .artistas li span{ display: block; color: black; text-decoration: none; padding: 2px 2px 2px 5px; }

#programa #calendario #fechas.hyphema a#hyphema,
#programa #calendario #fechas.lopez a#lopez,
#programa #calendario #fechas.cascone a#cascone,
#programa #calendario #fechas.ritornell a#ritornell,
#programa #calendario #fechas.monti a#monti,
#programa #calendario #fechas.roux a#roux,
#programa #calendario #fechas.tonne a#tonne,
#programa #calendario #fechas.petit a#petit,
#programa #calendario #fechas.storung a#storung{ background: #FA961C url(../fest3img/flechaactivo.gif) no-repeat right center; }

#bios{ float: right; width: 424px; }
#bios #info{ border: 1px solid #d5d5d5; padding: 10px; margin: 0 0 10px 0; }
#bios #info ul{ margin: 0; padding: 0 0 0 0; list-style: none; text-align: center; }
#bios h3{ background-color: #D5D5D5; margin: 0 0 20px 0; font-size: 1.3em; line-height: 22px; text-align: center; }

#localizaciones{ padding: 0 0 20px 0; }
#localizaciones .columna{ width: 49.99%; float: left; }
#localizaciones .columna dl{ margin: 0; padding: 0; list-style: none; text-align: right; float: left; width: 204px; }
#localizaciones .columna dl dt{ padding: 0 0 10px 0; }
#localizaciones .columna dl dt strong{ font-size: 1.1em; }
#localizaciones .columna dl dd{ padding: 0 0 10px 0; }
#localizaciones .columna dl dd span.aforo{ font-weight: bold; color: #BBBBBB; }
#localizaciones .columna dl dd a{ font-weight: bold; color: #FA961C; text-decoration: none;}
#localizaciones .columna dl dd a:hover{ text-decoration: underline; }

#localizaciones .columna img{ display: block; float: right; border: 1px solid #BBBBBB; margin: 0 0 0 10px; }

#entradas{ padding: 0 0 20px 0; }
#entradas ul{ margin: 0; padding: 0; list-style: none; }
#entradas ul li{ border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; width: 162px; height: 80px; padding: 10px; float: left; font-weight: bold; text-align: center; }
#entradas ul li.ultimo{ border-right: 1px solid #D5D5D5; width: 163px; }
#entradas ul li.bono{ width: 345px; margin: 0 0 10px 0; }
#entradas ul li.bono.ultimo{ width: 346px; }
#entradas ul li strong{ display: block; font-size: 1.7em; padding: 7px 0 7px 0; color: #FA961C; }
#entradas form{ margin: 0; padding: 0; }
#entradas #precios li form{ margin: 0; padding: 0; }
#entradas p.notacd{ margin: 0 0 20px 0; color: #858585; font-size: .9em; }
#entradas dl.detalles{ padding: 0; margin: 0; }
#entradas dl.detalles dt{ margin: 0; padding: 0 0 3px 0; font-weight: bold; }
#entradas dl.detalles dd{ margin: 0 0 0 20px; padding: 0; list-style: square; display: list-item; }
#entradas p.detalles {margin: 0 0 20px 0;}
#entradas p.detalles a img{display: block; margin: 0 auto; border: 0;}

#colabora{ border-top: 1px solid #BBBBBB; margin: 0 0 20px 0; padding: 20px 0 0 0; }
#colabora span{ display: block; padding: 0 0 5px 0; font-weight: bold; color: #BBBBBB; text-align: left; }
#colabora img, #colabora a{ margin: 0 10px 10px 10px; border:0; }
#colabora .orgs{ width: 175px; float: left; margin: 0; }
#colabora .colabs{ margin-left: 200px; text-align: center;}

/* fichas */
#bios{ text-align: justify; }
#bios img{ display: block; border: 1px solid #BBBBBB; margin: 0 0 10px 0; }
#bios p{ margin: 0 0 10px 0; }