/* --------------------------------------------------------------------------------
   CSS : V Caixa Sabadell Etnival
   -
   by Kings of Mambo / www.kingsofmambo.com
-------------------------------------------------------------------------------- */

body {
	font-family: 'Lucida Grande', Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.2em;
	background: #e6e4e9 url('../images/layout/blue_bg2.jpg') center 170px repeat;
	text-align: center;
	color: #fff;
	height: 100%;
}

a {color: #ffe600;}
strong {color: #FFEB00;}

.header_line {
  width: 100%;
  overflow: hidden;
  display: block;
  background: url('../images/layout/header_line_bg.png') 0 0 repeat-x;
}

.content_bg {
  width: 100%;
  display: block;
  background: url('../images/layout/content_bg.png') center 0px repeat-y;
  margin: 0 0 30px 0;
  float: left;
  overflow: hidden;
  padding: 0;
}

body.home div.content_bg {
	background: none;
}

body.home div.content_bg div#left_col{
  background: url('../images/layout/content_bg.png') left 0px repeat-y;
}

.header_bg {
  margin: 0 auto;
  width: 100%;
  display: block;
  background: url('../images/layout/header_bg.png') top center no-repeat;
}

#header {
  height: 170px;
}

.content {
  margin: 0 auto;
  width: 970px;
  text-align: left;
  overflow: hidden;
}

.obra_social {
  position: absolute;
  top: 16px;
  margin: 0 0 0 140px;
}

.etnival_logo {
  position: absolute;
  top: 45px;
  margin: 0 0 0 11px;
}

#nav {
  position: absolute;
  margin: 52px 0 0 450px;
  height: 26px;
  overflow: hidden;
}

#nav.ca {
  background: url('../images/layout/nav_ca.gif') left top no-repeat;
  width: 495px;
}

#nav.es {
  margin-left: 420px;
  background: url('../images/layout/nav_es.gif') left top no-repeat;
  width: 540px;
}

#nav li {
  float: left;
  margin: 0;
  height: 26px;
}

#nav.ca li a, #nav.es li a {
  display: block;
  height: 26px;
  background: url('../images/layout/nav_ca.gif') 0 0 no-repeat;
  text-indent: -9999px;
}
#nav.es li a {
  background: url('../images/layout/nav_es.gif') 0 0 no-repeat;
}

/* CA */
#nav.ca li.home {width: 41px; margin: 0 16px 0 0;}
#nav.ca li.program {width: 113px; margin: 0 15px 0 0;}
#nav.ca li.artist {width: 84px; margin: 0 15px 0 0;}
#nav.ca li.info {width: 104px; margin: 0 15px 0 0;}
#nav.ca li.history {width: 78px; margin: 0 15px 0 0;}
#nav.ca li.contact {width: 92px; margin: 0 0 0 0;}

#nav.ca li.home a {width: 41px; background-position: 0 0;}
#nav.ca li.program a {width: 113px; background-position: -57px 0;}
#nav.ca li.artist a {width: 84px; background-position: -185px 0;}
#nav.ca li.info a {width: 104px; background-position: -284px 0;}
#nav.ca li.history a {width: 78px; background-position: -403px 0;}
#nav.ca li.contact a {width: 92px; background-position: -403px 0;}

#nav.ca li.home a:hover {background-position: 0 -26px;}
#nav.ca li.program a:hover {background-position: -57px -26px;}
#nav.ca li.artist a:hover {background-position: -185px -26px;}
#nav.ca li.info a:hover {background-position: -284px -26px;}
#nav.ca li.history a:hover {background-position: -403px -26px;}
#nav.ca li.contact a:hover {background-position: -403px -26px;}

#nav.ca li.home.active a {background-position: 0 -52px;}
#nav.ca li.program.active a {background-position: -57px -52px;}
#nav.ca li.artist.active a {background-position: -185px -52px;}
#nav.ca li.info.active a {background-position: -284px -52px;}
#nav.ca li.history.active a {background-position: -403px -52px;}
#nav.ca li.contact.active a {background-position: -403px -52px;}

/* ES */
#nav.es li.home {width: 52px; margin: 0 16px 0 0;}
#nav.es li.program {width: 126px; margin: 0 15px 0 0;}
#nav.es li.artist {width: 82px; margin: 0 15px 0 0;}
#nav.es li.info {width: 116px; margin: 0 15px 0 0;}
#nav.es li.history {width: 78px; margin: 0 15px 0 0;}
#nav.es li.contact {width: 94px; margin: 0 0 0 0;}

#nav.es li.home a {width: 52px; background-position: 0 0;}
#nav.es li.program a {width: 126px; background-position: -68px 0;}
#nav.es li.artist a {width: 82px; background-position: -209px 0;}
#nav.es li.info a {width: 116px; background-position: -306px 0;}
#nav.es li.history a {width: 78px; background-position: -403px 0;}
#nav.es li.contact a {width: 94px; background-position: -437px 0;}

#nav.es li.home a:hover {background-position: 0 -26px;}
#nav.es li.program a:hover {background-position: -68px -26px;}
#nav.es li.artist a:hover {background-position: -209px -26px;}
#nav.es li.info a:hover {background-position: -306px -26px;}
#nav.es li.history a:hover {background-position: -403px -26px;}
#nav.es li.contact a:hover {background-position: -437px -26px;}

#nav.es li.home.active a {background-position: 0 -52px;}
#nav.es li.program.active a {background-position: -68px -52px;}
#nav.es li.artist.active a {background-position: -209px -52px;}
#nav.es li.info.active a {background-position: -306px -52px;}
#nav.es li.history.active a {background-position: -403px -52px;}
#nav.es li.contact.active a {background-position: -437px -52px;}



#nav li.active a {cursor: default;}

#lang {
  position: absolute;
  top: 5px;
  font-size: 11px;
  margin: 0 0 0 910px;
}

#lang a {
  font-size: 11px;
  color: #fff;
  text-decoration: none;
}

#lang a.current {
  font-weight: bold;
  color: #FFEB00;
}

#right_col {
  position: absolute;
  top: 100px;
  z-index: 100;
  margin: 0 0 0 410px;
}

* html #right_col {
  margin: 0 0 0 0;
}

*+html div#right_col {
   margin: 0 0 0 0;
}

#left_col {
  width: 410px;
  float: left;
  overflow: hidden;
  clear: both;
}

#left_col p {
  width: 380px;
  margin: 0 0 5px 10px;
}

p.welcome_ca {
  width: 180px;
  height: 30px;
  background: url('../images/layout/nav_ca.gif') 0 -94px no-repeat;
  text-indent: -9999px;
  margin: 0 0 10px 10px;
}

p.welcome_es {
  width: 180px;
  height: 30px;
  background: url('../images/layout/nav_es.gif') 0 -94px no-repeat;
  text-indent: -9999px;
  margin: 0 0 10px 10px;
}

p.artistes_ca {
  width: 136px;
  height: 30px;
  background: url('../images/layout/nav_ca.gif') 0 -125px no-repeat;
  text-indent: -9999px;
  margin: 0 0 10px 10px;
}

p.artistes_es {
  width: 136px;
  height: 30px;
  background: url('../images/layout/nav_es.gif') 0 -125px no-repeat;
  text-indent: -9999px;
  margin: 0 0 10px 10px;
}

p.informacio_ca {
  width: 168px;
  height: 34px;
  background: url('../images/layout/nav_ca.gif') 0 -223px no-repeat;
  text-indent: -9999px;
  margin: 0 0 10px 10px;
}

p.informacio_es {
  width: 190px;
  height: 34px;
  background: url('../images/layout/nav_es.gif') 0 -223px no-repeat;
  text-indent: -9999px;
  margin: 0 0 10px 10px;
}

p.historia_ca {
  width: 168px;
  height: 34px;
  background: url('../images/layout/nav_ca.gif') 0 -258px no-repeat;
  text-indent: -9999px;
  margin: 0 0 10px 10px;
}

p.historia_es {
  width: 168px;
  height: 34px;
  background: url('../images/layout/nav_es.gif') 0 -258px no-repeat;
  text-indent: -9999px;
  margin: 0 0 10px 10px;
}

p.contacte_ca {
  width: 168px;
  height: 30px;
  background: url('../images/layout/nav_ca.gif') 0 -299px no-repeat;
  text-indent: -9999px;
  margin: 0 0 10px 10px;
}

p.contacte_es {
  width: 168px;
  height: 30px;
  background: url('../images/layout/nav_es.gif') 0 -299px no-repeat;
  text-indent: -9999px;
  margin: 0 0 10px 10px;
}


.programacio_ca {
  width: 200px;
  height: 34px;
  background: url('../images/layout/nav_ca.gif') -127px -173px no-repeat;
  text-indent: -9999px;
  margin: 0 0 30px 10px;  
}

.programacio_es {
  width: 215px;
  height: 34px;
  background: url('../images/layout/nav_es.gif') -127px -173px no-repeat;
  text-indent: -9999px;
  margin: 0 0 30px 10px;  
}

#video_container {
  margin: 0 0 10px 10px;
}

div.program {
  margin: 0 0 40px 40px;
  height: 350px;
}

div.day {
  margin-bottom: 20px;
  height: 60px;
}

div.program h2 {
  font-size: 20px;
  margin: 20px 0 0 0;
  background: url('../images/layout/h2_bg.png') 0 0 repeat-y;
  padding: 8px 0;
  color: #fff;
}

div.program h3 {
  margin: 10px 0 5px 0;
}

div.program h3 a {
  color: #ffeb00;
  font-size: 24px;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  display: block;
}

div.program .small {
  text-align: center;
  font-size: 12px;
  color: #fff;
}

div.program_bg {
  background: url('../images/layout/program_bg.png') 0 0 repeat-y;
}

.program h2 {
  text-align: center;
}

.band {
  margin: 0 0 30px 0;
}

h1 {
  margin: 10px 0 0;
  color: #ffeb00;
  font-size: 34px;
  line-height: normal;
}

h2 {
  line-height: 1;
  margin: 0 0 10px 0;
  color: #ffeb00;
  font-size: 18px;
  line-height: normal;
}

.band h1 a {
  color: #ffeb00;
  font-size: 24px;
  text-decoration: none;
  display: block;
}

.band_info {
  padding: 0 0 0 15px;
}

div.band_members {
   background: url('../images/layout/members_bg.gif') 0 0 repeat-y;
   padding: 10px 10px 10px 20px;
   float: right;
    color: #fff;
    margin: 0 0 20px 0;
}


div.band_members strong {
 color: #75DCE5;
}

.servicaixa2 a {
  margin: 0 10px 0 0;
  float: left;
}

.servicaixa2 p {
  font-size: 18px;
  width: 130px;
  margin: 0 0 0 0;
  float: left;
}

.small {
  margin: 0 0 10px 0;
  font-weight: bold;
  color: #75dce5;
}

.date {
  margin: 0 0 10px 0;
  font-weight: bold;
  color: #75dce5;
  font-size: 18px;
}

a.back {
  display: block;
  width: 126px;
  height: 42px;
  text-indent: -9999px;
  margin: 20px 0 20px 0;
}

a.ca {background: url('../images/layout/nav_ca.gif') 0 -179px no-repeat;}

a.es {background: url('../images/layout/nav_es.gif') 0 -179px no-repeat;}

ul.info {
  padding: 0 0 0 10px;
  margin: 10px 10px 20px 0;
}

ul.info li {
  padding: 0 0 10px 15px;
  background: url('../images/layout/bullet.gif') left 5px no-repeat;
}

.aux {
  background: url('../images/layout/members_bg.gif') 0 0 repeat-y;
  padding: 10px 10px 10px 20px;
}


.info {margin: 0 0 20px 0;}
.info h2 {margin: 0 0 0 10px;}

.info img {margin: 0 0 10px 0;}
.info p {margin: 0 0 0 10px;}

#map_container {
  width:340px;
  float: left;
  overflow: hidden;
  margin: 0 0 20px 10px;
  background: url('../images/layout/members_bg.gif') 0 0 repeat-y;
  padding: 10px;
}

#address {
  clear:both;
}

div.contact {
  padding: 0 0 0 10px;
}

#contact {
  margin: 0 20px 0 0;
  float: right;
  width: 450px;
}

#contact li {
  margin: 0 0 8px 0;
}

#contact label {
  width: 140px;
  display: block;
  float: left;
  text-align: left;
  line-height: 21px;
  margin: 0 10px 0 0;
  font-weight: bold;
}

#contact input {
  width: 250px;
  border: 1px solid #065d62;
  padding: 3px;
}

#contact textarea {
  width: 250px;
  height: 150px;
  border: 1px solid #065d62;
  padding: 3px;
}

#contact input.contact_btn {
  float: right;
  margin: 0 40px 20px 0;
  width: 100px;
  border: none;
}

#radio {
  position: absolute;
  z-index: 3;
  top: 130px;
  margin: 0 0 10px 630px;
}

#footer {
  clear: both;
  border-top: 1px solid #077277;
  padding-top: 20px;
  width: 950px;
}

.footer_list {
  float: left;
  overflow: hidden;
  margin: 0;
}

#promotor {width: 345px;}
#direccio {width: 190px;}
#patrocinadors {width: 410px; margin: 0;}
#colaboradors {clear: both;}

#patrocinadors a {
  margin: 0 20px 0 0;
}

#footer p,
#footer #patrocinadors p,
#footer #colaboradors p {
  margin: 16px 20px 0 0;
  font-size: 10px;
  float: left;
}

#footer #emisora {width: 170px;}
#footer #diari {width: 200px;}

#footer #emisora,
#footer #diari {
  margin-top: 45px;
}

#footer #direccio p {margin-top: 9px;}

#footer #emisora p,
#footer #diari p {
  margin-top: 0;
}

#footer #altres p {margin-top: 25px;}



#footer #altres {margin: 20px 0 0 0;}
#footer #altres a {
  margin: 0 15px 0 0;
}


#footer p.copyright {
  clear: both;
  text-align: center;
  padding: 30px 0 0 0;
  font-size: 10px;
  margin: 0 0 30px 0;
  float: none;
  font-weight: bold;
  color: #FFEB00;
  line-height: 28px;
}

#footer p.copyright a {
  color: #FFEB00;
  background: url('../images/layout/kom_logo.gif') top right no-repeat;
  padding: 10px 25px 5px 0;
  width: 80px;
}


/* Errors */

div.contact_errors {
  border: 1px solid #FBC2C4;
  margin: 10px 0;
  background: #FBE3E4;
  color: #8a1f11;
  padding: 10px;
  width: 380px;
}

div.contact_errors li strong {
  color: #8a1f11;
}