/* Carrega la imatge de fons de la web */
body{
	background:url(../img/background_bn.gif) top center repeat-y;
}

/* Carrega la imatge de fons de la capçalera */
#header{
	background:#040B10 url(../img/fheader.jpg) left top no-repeat;
}

/* Carrega la imatge de fons del container, És el degradat lateral. */
#container, #footer-top {
	background:url(../img/fcontent.png) top center repeat-y;
	}

/* Carrega la imatge de fons del container, És el Skyline */
#footer-top-in {
	background: transparent url(../img/ffooter.jpg) top right no-repeat; height:43px; width:980px; margin:0 auto;
	}
	
/* Color dels textes de la capçalera */
#header * {
	color:#ffffff;
}

#header .register a, div.button input, div.print-button a{
	color:black; background:#CDD1D4;
	}

/* Color dels enllaços generics */
a:link, a:visited {
	color:#0071BC;
}
	
/*titul amb enllaç que tenen un target extern */
h2 a.external, h2 a.external {
	background:none; padding:0;
	}
.external {
	padding-right:1.2em;
	background:transparent url(../img/external.gif) no-repeat scroll 100% 2px;
	}
.tourism .external, .sponsor-content .external {background:none; padding:0;}
.block-external {
	display:inline-block;
	width:13px;
	height:13px;
	margin-left:0.5em;
	background:transparent url(../img/external.gif) no-repeat scroll left 2px;
} /* Aquest estil es far servir en la pagina conference-veneu.php per carregar la imatge external.gif en un enllaç qu no té texte , només imatge.*/


/* colors del menu */
#menu{
	border-bottom:1px solid black;
	background:white;
}


#menu ul li a {
	background:white;
	color:black;	
}

#menu ul li a:hover, #menu ul li a.active, .date h2, .date h3   {
	background:black;
	color:white;	
}

/* color de fons del area de contingut */
#container-in {background:white;}

/* Colors de les barres laterals */
#sidebar-left-in .date h3 a {color:white;}
#sidebar-right-in li span, #sidebar-left-in li span {background:#FFF100;}
#sidebar-right-in li a:hover span, #sidebar-right-in li a.active span, #sidebar-left-in li a:hover span, #sidebar-left-in li a.active span {background:black;  color:white;}
#sidebar-right-in li a, #sidebar-left-in li a  {color:black;}

.menu-right li.ltaskforce{background:transparent url(../img/destacado_task_force.jpg) no-repeat scroll left bottom;}
.menu-right li.lconference{background:transparent url(../img/destacado_conference.jpg) no-repeat scroll left bottom;}
.menu-right li.ldocuments {background:transparent url(../img/destacado_documents.jpg) no-repeat scroll left bottom;}
.menu-right li.ltourism {background:transparent url(../img/destacado_tourism.jpg) no-repeat scroll left bottom;}


#sidebar-left-in img, .conference-in img, .map iframe, li.tourism img {
	border:1px solid #7C7C7C;
	} /* posa un border a les imatges que apareixen dins de les seccions */

.lcontact-in {
	background:#EBEBEB;
	border:1px solid #EBEBEB;
}/* defineix le bloc de contacte. Apareix en la pagina de contacta i en la columna dreta */

/* seccions */
.events h2, .conference .text {border-bottom:2px solid #000000;}
.schedule, .registration, .list-speakers li {border-bottom:1px solid #000000;}

.hora  {border-bottom:1px solid #7C7C7C;}
.hora.last {border:none;}
.sponsor-content {
	background:white;
}

.auditori h3, h3 {color:#D4145A;}

/* speaker & program */
.persons a:hover {background:#E4E4E4;}




.program .info-hora, .info-conference{background:transparent url(../img/time-mini.gif) no-repeat scroll 0.6em top;}
.program .persons, .info-speaker {background:transparent url(../img/speakers-mini.gif) no-repeat scroll 0.6em top;}
.program .evento {background:transparent url(../img/meeting-mini.gif) no-repeat scroll 0.6em 0.2em;}
.program .cofee .evento {background:transparent url(../img/coffe-mini.gif) no-repeat scroll 0.6em top;}
.program .lunch .evento {background:transparent url(../img/lunch-mini.gif) no-repeat scroll 0.6em top;}
.info-conference-in .evento {background:transparent url(../img/meeting-mini.gif) no-repeat scroll 0 top;}

.info-hora  p.evento{color:black;}

.conference .text h2 {color:#A2A2A2;}
.conference .text .other h2 {color:#000;}

/* transposrts publics */
.public-trans li {background:transparent url(../img/location-mini.gif) no-repeat scroll left top;}
.public-trans li.metro {background:transparent url(../img/metro-mini.gif) no-repeat scroll left top;} 
.public-trans li.bus {background:transparent url(../img/bus-mini.gif) no-repeat scroll left top;}
.public-trans li.renfe {background:transparent url(../img/renfe-mini.gif) no-repeat scroll left top;}

.public-trans li.taxi {background:transparent url(../img/car-mini.gif) no-repeat scroll left top;}

/* documents */
.section-comunication h2 {background:transparent url(../img/communication.gif) no-repeat scroll left 5px;}
.section-comunication, .section-papers, .section-media {border-bottom:1px dotted #bfbfbf;}
.section-papers h2 {background:transparent url(../img/paper.gif) no-repeat scroll left 5px;}
.section-media h2 {background:transparent url(../img/video.gif) no-repeat scroll left 5px;}

.section-media {border:none;}

/* contact form*/
.conference-in label input,.conference-in label textarea {border:1px solid #999;}


/* colors del footer */
.sponsor-title {background:#E6E6E6;}
.sponsor-title h3 {color:#333333;}
#footer-bottom {
	background:black;
}

/* generics */
.photo {border:1px solid #000000; background:#E6E6E6;}

.borderr {border-right:1px solid #000;}
.borderb {border-bottom:1px solid #000;}

.bordert {border-top:1px solid #000;}
.borderl {border-left:1px solid #000;}


.orange {color:#FF9D04;}

label.error {background:red; color:#fff;}
.conference-in label input.error, .conference-in label textarea.error {border:1px solid red;}

li.thumb {border:1px solid #E6E6E6;}

