/* --------------------------------------------------------------------------------
   CSS : XXIII Festival Internacional BLUES de Cerdanyola
   -
   by Kings of Mambo / www.kingsofmambo.com
-------------------------------------------------------------------------------- */

/*
Typekit fonts:
font-family: superclarendon;
font-family: franklin-gothic-urw-condensed;

*/

html {background: #0076bd url('/images/layout/bg_blue.png') 0 0 repeat-x;}
body {height: 100%; background: url('/images/layout/bg_hand.jpg') center 0 no-repeat; font-family: Georgia, serif; font-size: 14px; color: #fff;}

a {color: #E1C621;}
p {line-height: 1.3em; margin: 0 0 10px 0;}

h1 {font-family: franklin-gothic-urw-condensed; color: #e1c621;}

.left {float: left;}
.right {float:right;}
.clear {clear: both;}
.clear_left {clear: left;}

#wrapper {width: 960px; overflow: hidden; margin: 0 auto;}
#header {width: 960px; overflow: hidden;}
#unnim_logo {float: left; margin: 30px 0 16px 0;}
#logo {clear: left; float: left; display: block; width: 299px; height: 182px; margin: 0 0 42px 0; overflow: hidden; }
#logo a {display: block; width: 299px; height: 182px; background: url('/images/layout/logo_blues.png') 0 0 no-repeat; text-indent: -9999px;}

/* Top links to PDF, Servicaixa & Facebook*/
#top_links {position: absolute; width: 189px; top: 21px; margin: 0 0 0 590px;}
#top_links li {float: left; display: block; width: 63px; height: 63px;}
#top_links li a {background: url('/images/layout/bg_top_icons.png') 0 0 no-repeat;}

/* Language*/
#lang {position: absolute; width: 63px; height: 63px; top: 21px; margin: 0 0 0 842px; padding: 15px 0 0 0; background: url('/images/layout/bg_language_selector.png') 0 0 no-repeat;}
#lang li {float: left; display: block; width: 63px; margin: 0 0 4px 0; text-align: center; font-size: 12px; font-family: superclarendon;}
#lang li a {display: block; color: #1987cb; text-decoration: none; font-size: 12px;}
#lang li.selected {color: #fff;}




/* Navigation */
#nav {clear: both; height: 36px; overflow: hidden; margin: 0 0 30px 0; font-family: franklin-gothic-urw-condensed;}
#nav li {float: left; padding: 10px 15px 0 15px; height: 26px; border-right: 1px solid #fff;}
#nav li.first {padding-left: 0;}
#nav li.last {border-right: 0;}
#nav li a {text-decoration: none; color: #ffffff; display: block; font-size: 22px;}
#nav li.selected a {color: #e1c621;}

/*Home artists*/
.btn_holder {width: 187px; overflow: hidden; padding: 0 0 0 5px;}
.btn_small {display: block; width: 192px; height: 192px; overflow: hidden;}
.btn_small img {margin: 10px 0 0 10px;}
.white {background: #fff;}

.blue_bg {float: left; overflow: hidden; height: 633px; width: 576px; background: #096fac; }
#welcome {clear: both; display: block; float: left; width: 176px; margin: 34px 0 0 16px; padding: 27px 0 0 0; font-size: 32px; border-top: 2px solid #fff; line-height: 30px;}
.welcome_text {float: left; width: 350px; border-top: 2px solid #fff; margin: 34px 0 0 24px; padding: 27px 0 0 0; }
#info_facebook {float: right; width: 362px; height: 603px; background: #fff; margin: 0 0 30px 0; padding: 30px 0 0 22px;}


/* Program */
#program_days {float: left; width: 768px; overflow: hidden; margin: 0 0 65px 0;}
#program_days p.title {float: left; margin: 14px 0 0 0; font-size: 19px; color: #4ebbff; font-family: superclarendon;}
#program_days p.title span.size35 {display: block; font-size: 35px; text-align: right;}
#select_day {float: right; width: 625px; overflow: hidden;}
#select_day a {color: #fff; font-size: 60px; text-decoration: none; font-family: superclarendon; margin: 0 23px 0 0;}
#select_day a.selected {color: #e1c621;}
ul.day li {width: 706px; overflow: hidden;}
ul.day li ul li {width: 706px; overflow: hidden; margin: 0 0 17px 0; padding: 0 0 10px 0; border-bottom: 1px solid #4ebbff; }
ul.day li ul li.last {border-bottom: none;}

.days_holder {width: 768px; overflow: hidden; float: left;}
.day_shows {float: left; width: 706px; overflow: hidden; margin: 0 0 30px 62px; padding: 0;}
.day_shows .title {width:62px; font-size: 40px; text-align: center; color: #4ebbff; background: #fff; font-family: superclarendon;}
.place {color: #9d9fa0; font-size: 12px;}

.day_info {clear: both; float: left; width: 130px; overflow: hidden; margin: 0 22px 0 0;}
.day_on {xborder-top: 4px solid #fff;}
.day {width: 706px; overflow: hidden; float: right; display: block; border-top: 4px solid #fff;}
.image_info {float: left; border: 8px solid #fff;}
.band_info {float: right; width: 273px; padding: 14px 0 0 15px;}
.band_info h2 {text-transform: uppercase; font-size: 40px !important; color: #e1c621; font-family: franklin-gothic-urw-condensed; line-height: 36px !important; padding: 0 0 10px 0;}
.place {font-size: 18px; color: #4ebbff; font-family: superclarendon; margin: 18px 0 10px 0; line-height: 18px;}
.when {font-size: 16px; color: #fff; font-family: superclarendon; margin: 0 0 20px 0;}
.price {font-size: 16px; color: #fff; font-family: superclarendon;}
.more_info {display: block; margin: 10px 0 0 0; border-top: 1px dashed #fff; color: #fff; text-decoration: none; background: url('/images/layout/bg_more_info.png') 0 5px no-repeat; padding: 3px 0 0 20px;}

#sidebar_icons {width: 192px; overflow: hidden; float: right;}



/* Artists */
.artist_item {float: left; width: 265px; overflow: hidden; margin: 0 53px 57px 0;}
.artist_item h3 {font-size: 40px; color: #e1c621; font-family: franklin-gothic-urw-condensed; line-height: 30px; text-transform: uppercase;}
.artist_photo {display: block; margin: 0 0 10px 0;}
.artist_photo img {border: 8px solid #fff;}
.separator {width: 960; height: 1px; clear: both;}

/* Artist */
#artist #band_photo {float: left; width: 419px;}
#artist #band_photo img {border: 8px solid #fff; margin: 0 0 30px 0;}

#artist_info {width: 456px; overflow: hidden; float: right; border-top: 2px solid #fff; padding: 20px 0 0 0;}
#artist_info .price {margin-bottom: 20px;}
#artist_info h2 {color: #e1c621; font-size: 80px; font-family: franklin-gothic-urw-condensed; line-height: 70px; text-transform: uppercase;}
.description {float: left; width: 264px; overflow: hidden; border-top: 2px solid #fff; padding: 20px 0 0 0; margin: 0 0 60px 0;}
#components {float: right; width: 167px; overflow: hidden; border-top: 2px solid #fff; padding: 20px 0 0 0;}
#components p {margin: 0 0 10px 0;}
#components .yellow {margin: 0; color: #e1c621;}

#icons {width: 419px; float: left; overflow: hidden;}
#icons a {width: 135px; height: 135px; margin: 0 3px 0 0;}
#artist #band_photo #icons img {border: 0; margin: 0;}

/* Tickets */
.buy_tickets {border-top: 3px solid #fff; padding: 30px 0 0 0; width: 690px;}
.show_info, .tickets {float: left; overflow: hidden; height: 270px; border-bottom: 2px solid #fff; padding: 0; margin: 0 0 20px 0;}
.show_info {width: 516px;}
.tickets {width: 169px; float: right;}
.tickets a {display: block; margin: 0 0 28px 0;}
.tickets p {color: #4ebbff; margin: 0;}

.day_shows h2 {color: #e1c621; font-size: 69px; font-family: franklin-gothic-urw-condensed; line-height: 56px;}
.day_shows h2 .small {font-size: 48px;}
.buy_tickets .day_shows {margin-left: 0; width: 690px;}

/* Info */
.info {border-top: 3px solid #fff; padding: 30px 0 0 0; width: 690px; margin: 0 0 60px 0;}
.info .day_shows {margin: 0;}
.info .show_info {width: 690px; height: auto; padding-bottom: 20px;}
.info .show_info h2 {margin: 0 0 10px 0;}
.menu_left, .menu_right {float: left; width: 325px; padding: 0 0 0 20px; overflow: hidden;}
.menu_left p, .menu_right p {padding: 0 0 10px 0; }
.menu_left span, .menu_right span {font-weight: bold; padding: 0 0 5px 0; font-size: 16px; color: #E1C621;}


p.red { background: #DE787F; padding: 5px 3px; color: #fff;}

#footer {clear: both; border-top: 2px solid #fff; margin: 30px 0 0 0; padding: 20px 0;}
#footer .logos {float: left; overflow: hidden; margin: 0 0 20px 0; padding: 0;}
#footer .logos.organitza {width: 385px;}
#footer .logos.colabora {float: right; width: 480px;}
#footer .logos.suport {width: 400px;}
#footer .logos.web_by {float: right; width: 480px;}
#footer .logos p.title {font-family: franklin-gothic-urw-condensed; font-size: 14px; color: #e1c621; margin: 0 0 15px 0;}
#footer .logos a {float: left; display: block; margin: 0 15px 10px 0;}

/* Organitza */
#footer #ajuntament-cerdanyola {}
#footer #amics-musica {}

/* Suport */
#footer #unnim {margin: 0 0 30px 0;}
#footer #generalitat-cultura {clear: both; margin: 0 20px 0 0;}
#footer #diputacio-cultura {}

/* Colabora */
#footer #el-periodico {margin: 10px 10px 0 0;}
#footer #ready {margin: 6px 10px 0 0;}
#footer #aie {margin: 6px 10px 0 0;}
#footer #cerdanyola-radio {margin: 0 10px 0 0;}
#footer #catalunya-radio {margin: 9px 0 0 0;}

#footer #tres-c {clear: both; margin: 30px 25px 0 0;}
#footer #mundo-canibal {margin: 25px 25px 0 0;}
#footer #acme {margin: 25px 25px 0 0;}
#footer #teart {margin: 20px 35px 0 0;}
#footer #artistes-plastics {margin: 10px 0 0 0;}

#footer #parroquia {margin: 32px 25px 0 0;}
#footer #servicaixa {margin: 32px 25px 0 0;}
#footer #the-1916 {margin: 25px 25px 0 0;}
#footer #blues-bar {margin: 20px 20px 0 0;}
#footer #circus {margin: 20px 0 0 0;}
#footer #mama-mandala {margin: 20px 20px 0 0;}
#footer #tia-felipa {margin: 20px 10px 0 0;}

#footer div#info { text-align: center; padding: 20px 0 0 0; color: #fff; font-size: 11px;}
#footer div#info a { color: #fff; }
#footer div#info p { background: url('/images/layout/kom.gif') 525px 0 no-repeat; line-height: 35px;}