@charset "utf-8";

/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	color: #333;
	background: #F2F9FD url(../img/bkg_general.jpg) repeat-x left top;
}

* { margin:0; padding:0; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* close commented backslash hack */


/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important; }
.alignMiddle { vertical-align: middle !important; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }

.asBlock { display:block; }
.asInline { display:inline; }
.asRelative { position:relative; }
.asAbsolute { position:absolute; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w60px { width: 60px; }
.w65px { width: 65px; }
.w75px { width: 75px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w125px { width: 125px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w175px { width: 175px; }
.w178px { width: 178px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w225px { width: 225px; }
.w250px { width: 250px; }
.w260px { width: 260px; }
.w275px { width: 275px; }
.w300px { width: 300px; }
.w325px { width: 325px; }
.w340px { width: 340px; }
.w350px { width: 350px; }
.w360px { width: 360px; }
.w365px { width: 365px; }
.w375px { width: 375px; }
.w400px { width: 400px; }
.w440px { width: 440px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w510px { width: 510px; }
.w530px { width: 530px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }
.w940px { width: 940px; }

strong { font-weight: bold; }

em { font-style: italic; }

ul { list-style: none; list-style-position: outside; }
ol { list-style-position: inside; list-style: decimal; list-style-position: inside; margin: 0 0 1.5em 0; }

/* IE Hack */
input { margin:-1px 0px; }      /* all browsers read this, used to target IE6 */
html>body input { margin:0px; }       /* IE 6 cannot read this, others can */
*+html>body input {margin:-1px; }      /* targets IE7 */

input, select, textarea{ font-family: inherit; }

/* =Layout
-----------------------------------------------------------------------------*/

#wrapper { width:900px; margin:0 auto; }

	#header { padding:10px 0 10px 15px; background: #fff; }

		#header .intranet_access { float:left; margin:45px 60px 0 0;  }
			#header .intranet_access a:link, #header .intranet_access a:visited { background:transparent url(../img/ico_internet_access.gif) no-repeat left center; padding:2px 0 3px 28px; line-height:1.4em; font-size:1.1em; text-decoration: underline; color:#333; }

		#header .settings { float:right; width: 100px; }

			#header .textsize { margin:12px 0 5px 0; }
				#header .textsize li { float:right; margin-left:2px; }
				#header .textsize a:link, #header .textsize a:visited { display: block; width:21px; height:21px; }
				#header .textsize a.ico_small { background:transparent url(../img/ico_textsize_small.jpg) no-repeat left top; }
				#header .textsize a.ico_big { background:transparent url(../img/ico_textsize_big.jpg) no-repeat left top; }

			#header .language { float:right; }

		#header .sponsors { float:right; padding-right:20px; }
			#header .sponsors ul li{ float:left; }
			#header .sponsors ul li.sponsor1 {  margin:12px 25px 0 0; }

	#sidebar-content{ background: #fff; }

		#sidebar { float: left; padding-bottom:20px; width:183px; }
		#sidebar .sponsors { text-align: center; }

			#menu { background: transparent url(../img/bkg_menu.gif) no-repeat left bottom; padding-bottom:20px; }
				#menu .menu-main { background: #2371AD; padding:20px 10px 15px 10px; }
				#menu ul { border-top:1px solid #AAC9DF; }
				#menu li { display: block; border-bottom:1px solid #AAC9DF; padding:3px 0; }
					#menu ul li a:link, #menu ul li a:visited { display: block; color:#fff; font-size:1.2em; line-height:1.4em; padding-left:3px; text-transform: uppercase; }
					#menu ul li a:hover, #menu ul li a:active { background:#003f63; }
					#menu ul li a.selected:link, #menu ul li a.selected:visited { background:#003f63; }
						#menu ul li ul { border:0; padding:0 10px 5px 20px; background:#003f63; }
						#menu li ul li { border-bottom:1px dashed #fff; }
							#menu li ul li a:link, #menu li ul li a:visited { text-transform: none; }
							#menu li ul li a:hover, #menu li ul li a:active { color:#7bd6f1; }
							#menu li ul li a.selected:link, #menu li ul li a.selected:visited { color:#91DAF4; font-weight: bold; }
					#menu li ul li.tercer-nivel{ background: url(../img/bkg_tercer-nivel.gif) no-repeat 5px 7px; padding: 4px 0 0 15px; border:none !important;}
					#menu li ul li.tercer-nivel a{ border:none !important;}

			#cities { margin-top:-6px; position:relative; }
				#cities li { margin-top:-6px; position:relative; }

				#cities li.barcelona { background:transparent url(../img/bkg_cities_barcelona_top.gif) no-repeat left top; padding-top:12px; }
				#cities li.barcelona .city-main { background:transparent url(../img/bkg_cities_barcelona_bottom.gif) no-repeat left bottom; padding-bottom:14px; }
				#cities li.barcelona a.city:link,#cities li.barcelona a.city:visited { display:block; background:#EB9800 url(../img/cities_barcelona_link.gif) no-repeat left bottom; line-height:12px; padding-top:12px; width:100%; }
				#cities li.barcelona a.city:hover, #cities li.barcelona a.city:active { background-position:right bottom; }
				#cities li.barcelona a.city.selected:link, #cities li.barcelona a.city.selected:visited { background-position:right bottom; }
				#cities li.barcelona ul { background:#F49500; padding:5px 10px 5px 30px; }
				#cities li.barcelona ul li { border-bottom:1px dashed #fff; margin-top:0; }
					#cities li.barcelona ul li a:link, #cities li.barcelona ul li a:visited { font-size:1.2em; color:#fff; line-height:1.8em; }
					#cities li.barcelona ul li a:hover, #cities li.barcelona ul li a:active { color:#844C00; }
					#cities li.barcelona ul li a.selected:link, #cities li.barcelona ul li a.selected:visited { color:#844C00; font-weight: bold; }

				#cities li.piemonte { background:transparent url(../img/bkg_cities_piemonte_top.gif) no-repeat left top; padding-top:12px; }
				#cities li.piemonte .city-main { background:transparent url(../img/bkg_cities_piemonte_bottom.gif) no-repeat left bottom; padding-bottom:16px; }
				#cities li.piemonte a.city:link,#cities li.piemonte a.city:visited { display:block; background:#8F177D url(../img/cities_piemonte_link.gif) no-repeat left bottom; line-height:12px; height:30px; padding-top:12px; width:100%; }
				#cities li.piemonte a.city:hover, #cities li.piemonte a.city:active { background-position:right bottom; }
				#cities li.piemonte a.city.selected:link, #cities li.piemonte a.city.selected:visited { background-position:right bottom; }
				#cities li.piemonte ul { background:#8F177D; padding:5px 10px 5px 30px; }
				#cities li.piemonte ul li { border-bottom:1px dashed #fff; margin-top:0; }
					#cities li.piemonte ul li a:link, #cities li.piemonte ul li a:visited { font-size:1.2em; color:#fff; line-height:1.8em; }
					#cities li.piemonte ul li a:hover, #cities li.piemonte ul li a:active { color:#fff; }
					#cities li.piemonte ul li a.selected:link, #cities li.piemonte ul li a.selected:visited { color:#fff; font-weight: bold; }

				#cities li.torino { background:transparent url(../img/bkg_cities_torino_top.gif) no-repeat left top; padding-top:12px; }
				#cities li.torino .city-main { background:transparent url(../img/bkg_cities_torino_bottom.gif) no-repeat left bottom; padding-bottom:15px; }
				#cities li.torino a.city:link,#cities li.torino a.city:visited  { display:block; background:#DB2F00 url(../img/cities_torino_link.gif) no-repeat left bottom; line-height:12px; padding-top:12px; width:100%; }
				#cities li.torino a.city:hover, #cities li.torino a.city:active { background-position:right bottom; }
				#cities li.torino a.city.selected:link, #cities li.torino a.city.selected:visited { background-position:right bottom; }
				#cities li.torino ul { background:#DB2F00; padding:5px 10px 5px 30px; }
				#cities li.torino ul li { border-bottom:1px dashed #fff; margin-top:0; }
					#cities li.torino ul li a:link, #cities li.torino ul li a:visited { font-size:1.2em; color:#fff; line-height:1.8em; }
					#cities li.torino ul li a:hover, #cities li.torino ul li a:active { color:#fff; }
					#cities li.torino ul li a.selected:link, #cities li.torino ul li a.selected:visited { color:#fff; font-weight: bold; }

				#cities li.genova { background:transparent url(../img/bkg_cities_genova_top.gif) no-repeat left top; padding-top:12px; }
				#cities li.genova .city-main { background:transparent url(../img/bkg_cities_genova_bottom.gif) no-repeat left bottom; padding-bottom:15px; }
				#cities li.genova a.city:link,#cities li.genova a.city:visited { display:block; background:#55B335 url(../img/cities_genova_link.gif) no-repeat left bottom; line-height:12px; padding-top:12px; width:100%; }
				#cities li.genova a.city:hover, #cities li.genova a.city:active { background-position:right bottom; }
				#cities li.genova a.city.selected:link, #cities li.genova a.city.selected:visited { background-position:right bottom; }
				#cities li.genova ul { background:#55B335; padding:5px 10px 5px 30px; }
				#cities li.genova ul li { border-bottom:1px dashed #fff; margin-top:0; }
					#cities li.genova ul li a:link, #cities li.genova ul li a:visited { font-size:1.2em; color:#fff; line-height:1.8em; }
					#cities li.genova ul li a:hover, #cities li.genova ul li a:active { color:#fff; }
					#cities li.genova ul li a.selected:link, #cities li.genova ul li a.selected:visited { color:#fff; font-weight: bold; }

				#cities li.marseille { background:transparent url(../img/bkg_cities_marseille_top.gif) no-repeat left top; padding-top:12px; }
				#cities li.marseille .city-main { background:transparent url(../img/bkg_cities_marseille_bottom.gif) no-repeat left bottom; padding-bottom:15px; }
				#cities li.marseille a.city:link,#cities li.marseille a.city:visited { display:block; background:#2A90CA url(../img/cities_marseille_link.gif) no-repeat left bottom; line-height:12px; height:30px; padding-top:12px; width:100%; }
				#cities li.marseille a.city:hover, #cities li.marseille a.city:active { background-position:right bottom; }
				#cities li.marseille a.city.selected:link, #cities li.marseille a.city.selected:visited { background-position:right bottom; }
				#cities li.marseille ul { background:#2A90CA; padding:5px 10px 5px 30px; }
				#cities li.marseille ul li { border-bottom:1px dashed #fff; margin-top:0; }
					#cities li.marseille ul li a:link, #cities li.marseille ul li a:visited { font-size:1.2em; color:#fff; line-height:1.8em; }
					#cities li.marseille ul li a:hover, #cities li.marseille ul li a:active { color:#fff; }
					#cities li.marseille ul li a.selected:link, #cities li.marseille ul li a.selected:visited { color:#fff; font-weight: bold; }

				#cities li a span { display: none; }

			#newsletter { background:transparent url(../img/bkg_newsletter_top.gif) no-repeat left top; padding-top:11px; margin-top:-5px; position:relative; }
			#newsletter .newsletter-main { background:#DFE0E1 url(../img/bkg_newsletter_bottom.gif) no-repeat left bottom; padding:12px 10px 20px 10px; }
				#newsletter .formRow{ margin-bottom:5px; }
				#newsletter label{ font-size:1.1em; color:#333; margin-right:10px; width:46px; line-height:1.4em; }
				#newsletter .textField{ font-size:1.1em; padding:1px; border:0; }
				#newsletter .button_img{ margin-top:4px; }

			#sidebar .sponsors { margin-top:20px; }
				#sidebar .sponsors ul li{ float:left; }
				#sidebar .sponsors ul li.sponsor1 {  margin:12px 15px 0 15px; }

		#content { float: right; padding-bottom:20px; width:706px; font-size:1.1em; }

			#content .content-header { background:transparent url(../img/bkg_content_header.jpg) no-repeat left top; padding:130px 10px 20px 10px; }
				#content .content-header p { color:#fff; }
				#content .content-header a:link, #home .content-header a:visited { color:#84C7F0; text-decoration: underline; font-weight: bold;}
				#content .content-header a:hover, #home .content-header a:active { color:#B7DFF3; }

			#content .content-main { padding:10px 20px 20px 10px; }
				#content .content-main-header { background:transparent url(../img/bkg_content_header2.jpg) no-repeat left top; padding:155px 20px 20px 10px !important; }
				#content .title { border-bottom: 1px solid #2371AD; padding-bottom:4px; margin-bottom:18px; }
					#content .title h2 { border:0; margin:0; width:455px; }
				#content .divRow{ margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #2371AD; }
					#content .divRow .image{ margin:0 20px 0 0; display: block; }
					#content .divRow .content{ width:455px;  }
					#content .divRow p.date { font-size:1em; margin-bottom:2px;}
					#content .divRow a { font-weight: bold; text-decoration: underline; }
					#content .alignCenter p { text-align: center !important;}
					#content .image_title{ background: #2371AD; font-size:1.1em; color:#fff; padding:1px 10px 1px 10px; line-height: 120%; text-align: left; font-weight: bold; width: 180px;}
					#content .thumbsRow .image_title{ width: 192px !important;}

				#content .thumbsRow{ margin-bottom:10px; padding-bottom:10px; }
					#content .thumbsRow .image{ margin-right:20px;  }

				#content .optionsbar{ width:200px; }
					#content .optionsbar .image{ margin:0 0 15px 0;  }
					#content .options ul { border-top:1px solid #A8A8A8; }
						#content .options ul li { border-bottom:1px solid #A8A8A8; }

				#content .options a:link, #content .options a:visited { display: block; padding:6px 0 6px 25px; color:#000; font-weight: bold; text-decoration: none !important; line-height:1.2em; font-size:1.2em; }
				#content .options a:hover, #content .options a:active { color:#999;  }
					#content .options a.photogallery { background:transparent url(../img/ico_photogallery.gif) no-repeat left center; }
					#content .options a.video { background:transparent url(../img/ico_video.gif) no-repeat left center; }
					#content .options a.document { background:transparent url(../img/ico_anual-report.gif) no-repeat left center; }
					#content .options a.link { background:transparent url(../img/ico_link.gif) no-repeat left center; }
					#content .options a.print { background:transparent url(../img/ico_print.gif) no-repeat left center; }

				#content .contact .form{ margin-top:40px; }
				#content .contact .formRow{ margin-bottom:10px; }
				#content .contact label{ font-size:1.2em; color:#333; margin-right:10px; width:65px; line-height:1.6em; text-align:right; }
				#content .contact .textField { font-size:1.1em; padding:2px; border:0; background:#D9DADB; }
				#content .contact .textArea { font-size:1.1em; padding:2px; border:0; background:#D9DADB; }
				#content .contact .buttonBkg{ margin-top:4px; background: transparent url(../img/bkg_btn.gif) no-repeat left top; height:18px; color:#fff; border:0; width:88px; font-weight: bold; font-size: 1.1em; padding-bottom:4px; }
				#content .contact .info { padding-top:60px; }
				#content .contact .info img { margin-bottom:30px; }

	#footer { background: transparent url(../img/bkg_footer.jpg) repeat-x left top; padding:10px 10px 40px 10px; }
		#footer ul { font-size:1.1em; line-height: normal; }
		#footer ul li { float: left; }
		#footer ul li a:link, #footer ul li a:visited { padding:0 5px; color:#333; }


/* =Type
-----------------------------------------------------------------------------*/

h1 { font-size:2.2em; color:#fff; font-weight: normal; line-height: normal; margin-bottom:0.2em; }
h2 { font-size:2em; color:#2371AD; font-weight: normal; line-height: normal; margin-bottom:0.6em; border-bottom: 1px solid #2371AD; }
h3 { font-size:1.4em; color:#2371AD; font-weight: bold; line-height: normal; margin-bottom:0.2em; }
	#newsletter h3 { color:#555; text-align: center; background: transparent url(../img/tit_newsletter.gif) no-repeat center top; margin-bottom:0.5em; }
		#newsletter h3 span { display: none; }
	#content .content-main h3 { text-decoration: underline; }

p { font-size:1.2em; line-height: normal; }
	#content p { text-align: justify; margin-bottom:5px; }
	p.links { font-size:1.1em; }

a:link, a:visited { color:#2371AD; text-decoration: none; }
a:hover, a:active { color:#333; }


/* =Forms
-----------------------------------------------------------------------------*/

	.formRow{ margin-bottom:10px; }
	.formRow em { font-style: normal; color:#F00; }
	label{ font-size: 1.2em; color:#87888A; line-height:2em; }
	.textField { font-size:1.1em; border:1px solid #ccc; padding:2px; background:#f9f9f9; }
	.textArea { font-size:1.1em; border:1px solid #ccc; padding:2px; background:#f9f9f9; overflow: auto; }
	.selectBox { font-size:1.1em; border:1px solid #ccc; padding:2px; background:#f9f9f9; }
	.error-message { font-size: 1.1em; color: #C00; padding: 0px; }

	.infoBox, .successBox, .warningBox, .errorBox { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; font-size: 1.3em; }
		.infoBox { color: #00529B; background-color: #BDE5F8; background-image: url('../img/admin/info.png'); }
		.successBox { color: #4F8A10; background-color: #DFF2BF; background-image:url('../img/admin/success.png'); }
		.warningBox { color: #9F6000; background-color: #FEEFB3; background-image: url('../img/admin/warning.png'); }
		.errorBox { color: #D8000C; background-color: #FFBABA; background-image: url('../img/admin/error.png'); }

	.infoBoxSmall, .successBoxSmall, .warningBoxSmall, .errorBoxSmall { border: 1px solid; margin: 10px 0px; padding:5px 5px 5px 25px; background-repeat: no-repeat; background-position: 5px center; font-size: 1.1em; }
		.infoBoxSmall { color: #00529B; background-color: #BDE5F8; background-image: url('../img/admin/info_small.png'); }
		.successBoxSmall { color: #4F8A10; background-color: #DFF2BF; background-image:url('../img/admin/success_small.png'); }
		.warningBoxSmall { color: #9F6000; background-color: #FEEFB3; background-image: url('../img/admin/warning_small.png'); }
		.errorBoxSmall { color: #D8000C; background-color: #FFBABA; background-image: url('../img/admin/error_small.png'); }


/* =General
-----------------------------------------------------------------------------*/

	.columns { width:706px; }
		.columnA { width:184px; }
		.columnB { width:220px; margin-right:3px; }
		.columnC { width:265px; margin-right:3px; }
		.columnD { width:215px; }

	.button{ display: block; font-size:1.2em; color:#01629D; line-height:1.8em; height:25px; padding:0 0 0 15px; background: transparent url(../img/button_left.gif) no-repeat left center; text-decoration: none !important; font-weight: bold; white-space: nowrap; } /* width hack for IE */ /*\*/ * html .button { width: 75px; }
		.button span { display: block; height:25px; padding:0 15px 0 0; background: transparent url(../img/button_right.gif) no-repeat right center; }

	.buttonForm { display: inline-block; font-size:1.3em; line-height:1.4em; border:0; padding:0px 20px; margin-right:1em; color:#fff; background:#999; }

	.buttonPrint { display: block; height:24px; width:16px; font-size:1.2em; background:transparent url(../img/ico_print.gif) no-repeat left center; margin-right:15px; }
		.buttonPrint span { display: none; }

	.paginator { }
		.paginator .current { color:#24506D; font-size:1.2em; font-weight: bold; padding:0 2px; }
		.paginator a { color:#2371AD; font-size:1.2em; font-weight: bold; padding:0 2px; }


/* =Contents
-----------------------------------------------------------------------------*/

	#home .content-header { background-color: #2184BD; }

	#barcelona .title { border-bottom: 1px solid #F49500; }
	#barcelona h2{ color:#F49500; border-bottom: 1px solid #F49500; }
	#barcelona h3 { color:#F49500; }
	#barcelona .divRow{ border-bottom:1px solid #F49500; }
	#barcelona .image_title{ background: #F49500; }
	#barcelona a:link, #barcelona a:visited { color:#F49500; }

	#piemonte .title { border-bottom: 1px solid #8F177D; }
	#piemonte h2{ color:#8F177D; border-bottom: 1px solid #8F177D; }
	#piemonte h3 { color:#8F177D; }
	#piemonte .divRow{ border-bottom:1px solid #8F177D; }
	#piemonte .image_title{ background: #8F177D; }
	#piemonte a:link, #piemonte a:visited { color:#8F177D; }

	#torino .title { border-bottom: 1px solid #DB2F00; }
	#torino h2{ color:#DB2F00; border-bottom: 1px solid #DB2F00; }
	#torino h3 { color:#DB2F00; }
	#torino .divRow{ border-bottom:1px solid #DB2F00; }
	#torino .image_title{ background: #DB2F00; }
	#torino a:link, #torino a:visited { color:#DB2F00; }

	#genova .title { border-bottom: 1px solid #55B335; }
	#genova h2{ color:#55B335; border-bottom: 1px solid #55B335; }
	#genova h3 { color:#55B335; }
	#genova .divRow{ border-bottom:1px solid #55B335; }
	#genova .image_title{ background: #55B335; }
	#genova a:link, #genova a:visited { color:#55B335; }

	#marseille .title { border-bottom: 1px solid #2A90CA; }
	#marseille h2{ color:#2A90CA; border-bottom: 1px solid #2A90CA; }
	#marseille h3 { color:#2A90CA; }
	#marseille .divRow{ border-bottom:1px solid #2A90CA; }
	#marseille .image_title{ background: #2A90CA; }
	#marseille a:link, #marseille a:visited { color:#2A90CA; }
	
#sitemap a{ text-decoration: none !important;}
		#sitemap .level_1{ font-size: 1.2em; font-weight: bold;}
	#sitemap .level_2{ padding-left: 20px;}	
		#sitemap .level_2 a:link, #sitemap .level_2 a:visited{ font-weight: normal; font-size: 1.2em;}