@charset "utf-8";
@import url(framework/screen.css);
@import url(framework/print.css) print;

/* ------------------------- *\
	WELCOME TO THE MAIN SHEET
	Copyright 2008 CityCenter
	http://www.citycenter.it/
	-------------------------
	SITE COLOR SCHEME
	- body bg   	   #97abb1
	- color     	   #666666
	- a               #7090B6
	- a:hover         #124971
	- h               #374557
\* ------------------------- */

body {background:url(../images/sf.png) center top no-repeat #003160;} /*LO SFONDO DEL SITO*/
.container {background: #fff; width:985px; border: 1px solid #8a9ba8; border-top: none} /*LA LARGHEZZA DEL SITO*/
.container table, .container td, .container th {vertical-align:top}
.clear {line-height: 0px}

/* -------------------------
	ELEMENTS FORMAT AND COLOR           
	------------------------- */

.format .heading {border-color:#999999;}
.format h1, .format h2, .format h3, .format h4, .format h5, .format h6 {color:#374557;font-family: Arial, "Helvetica", "Myriad Pro", "Myriad", "Helvetica Neue", sans-serif; font-weight:normal;} /*COLORE E ASPETTO GENERALE DEI TAG H*/
.format h1 {font-size:1.8em; line-height:1.25; margin-bottom:0.1em; margin-top: 1.25em; color:#124971; position: relative} /*COLORE E ASPETTO DEL TAG H1*/
.format h2 {font-size:1.7em; line-height:1.25; margin-bottom:0.75em; color:#666;} /*COLORE E ASPETTO DEL TAG H2*/
.format h3 {font-size:1.3em; line-height:1.25; font-weight:bold; margin-bottom:0.5em;margin-top:2.0em; color:#124971; text-transform: uppercase; border-bottom: 1px dotted #124971} /*COLORE E ASPETTO DEL TAG H3*/
.format h4 {font-size:1.3em; line-height:1.25; font-weight:bold; margin-bottom:0.25em; color:#124971;} /*COLORE E ASPETTO DEL TAG H4*/
.format h5 {font-size:1.1em; font-weight:bold; color:#666; margin-bottom:1.5em;color:#124971;} /*COLORE E ASPETTO DEL TAG H5*/
.format h6 {font-size:1.1em; font-weight:bold;color:#28313e; padding:6px;margin-top: 27px;} /*COLORE E ASPETTO DEL TAG H6*/
.format h1 span {position: absolute; right: 0px;}
.format p, .format ul, .format ol, .format dl, .format label, .format td {font-size: 1.15em;line-height:1.5em;color:#666;} /*COLORE DEL TESTO*/
.format p a, .format ul a, .format ol a, .format dl a, .format h1 a, .format h2 a, .format h3 a, .format h4 a, .format h5 a, .format h6 a {color:#8199b2; text-decoration: none} /*COLORE DEI LINK*/
.format p a:hover, .format ul a:hover, .format ol a:hover, .format dl a:hover, .format h1 a:hover, .format h2 a:hover, .format h3 a:hover, .format h4 a:hover, .format h5 a:hover, .format h6 a:hover {color:#28313e;} /*COLORE DEI LINK IN HOVER*/
.format hr {background:#ccc; color:#ccc;} /*COLORE DEGLI HR*/
.format a img {border-color:#1d7c00; background-color:#fff;} /*COLORE DEL BORDO DELLE IMMAGINI LINKATE*/
.format a img:hover {border-color:#999; background-color:#fff;} /*COLORE DEL BORDO DELLE IMMAGINI LINKATE IN HOVER*/
.format a.noborder, .format a.noborder:hover {border: none;}
.format img {border: none}
.format img.border {padding: 6px;border: 1px solid #ccc} /*COLORE DEL BORDO DELLE IMMAGINI NON LINKATE*/
.format ul li {background:url(../images/freccia.gif) no-repeat 3px 6px; list-style:none; margin-left:12px;} /*ASPETTO E MARGINI DELLE LISTE*/
.format ul li p {font-size: 1em;}
.format ul li h3 {font-size:1.2em;text-transform: none;color: #666;}
	
/* HEADER ------------------ */
#header {background-color: #dbe2e5; position: relative}
#header.it {background:url(../images/header.jpg) no-repeat;background-position: top right;}
#header.en {background:url(../images/header_eng.jpg) no-repeat;background-position: top right;}
#header h1 a {display:block; height:300px; color:#fff; font-size:0px; text-indent:-5000px; line-height:0px; background:url(../images/logo_g8.gif) no-repeat transparent}
#flags {position: absolute; right: 0px; top: 0px; width: 90px; height: 28px; margin: 0 auto; line-height: 28px; }
#flags a {font-size: 0px; text-indent: -5000px; width: 45px; height: 28px;  line-height: 28px; float: left; border-bottom: none;}
#flags a:hover {border-bottom: none}
#flags a#it {background: url(../images/flag_it.gif) center no-repeat}
#flags a#it.down {background: url(../images/flag_it_down.gif) center no-repeat}
#flags a#it.down:hover {background: url(../images/flag_it.gif) center no-repeat}
#flags a#en {background: url(../images/flag_en.gif) center no-repeat}
#flags a#en.down {background: url(../images/flag_en_down.gif) center no-repeat}
#flags a#en.down:hover {background: url(../images/flag_en.gif) center no-repeat}
#ministero a {position: absolute; left: 70px; bottom: 65px; width: 186px; height:70px; text-indent: -5000px;z-index: 2;}

#content {float:left;width:925px;margin-left:30px;padding: 0px 0px 30px 0px;text-align:justify;}

#contentLeft {float:left;width:610px;margin-left:30px;padding: 0px 5px 30px 0px;text-align:justify; min-height: 300px}
#contentLeft ul {margin-left: -12px; margin-right: 0px;}
#contentLeft ul li {padding-left: 0px; padding-right: 0px;}
#contentLeft h3 {font-size:1.1em; color: #124971}
#contentLeft.stampa h3 {color: #666}
#contentLeft.stampa h4 {font-size: 1.15em; margin-top: 15px}
#contentLeft.stampa h5 {font-size: 1.0em; font-weight: normal; margin-bottom: auto;}

#contentRight {float:right;width:320px; min-height:660px; padding: 0px 0px 30px 0px;text-align:justify;background:url(../images/left_bg.jpg) repeat-x;}
#contentRight ul {margin-top: 10px;margin-left:-13px;}
#contentRight a#video {display: block; width: 294px; height:124px; text-indent: -5000px; border: none}
#contentRight a#video.it {background:url(../images/video_button_it.jpg) top no-repeat;}
#contentRight a#video.it:hover {background:url(../images/video_button_it.jpg) bottom no-repeat;}
#contentRight a#video.en {background:url(../images/video_button_en.jpg) top no-repeat;}
#contentRight a#video.en:hover {background:url(../images/video_button_en.jpg) bottom no-repeat;}
#contentRight ul.newslist {margin-top: 0px;padding-top: 2px;}
#contentRight ul.newslist h3 {font-size: 0.8em; border-bottom: none; margin-bottom: 0px; font-weight: normal; margin-top: 0px; padding: 0px; padding-top: 4px; }
#contentRight ul.newslist h2 {font-size: 1em; text-align: left;}
#contentRight ul.newslist li.active h2 a {color: #124971}
#contentRight h5.newslist {margin: 0px;padding-top: 12px;padding-bottom: 12px;}
#contentRight h5.newslist span {margin-left: 12px; font-size: 0.95em; padding: 0px;}
#contentRight #vimeo {}
#contentRight #vimeo p {margin:0px; padding-top: 0px;}
#contentRight #vimeo p a {font-size: 0.85em;}
#contentRight #vimeo {text-align: left}
#contentRight #vimeo img {border-color:#999}
#contentRight #stream {margin: 0px; background: url(../images/tv.jpg) no-repeat;width:320px; height: 293px; float: left; text-align: center; margin-bottom: 10px; position: relative;}
#contentRight #stream object {position: absolute; margin: 0 auto; width: 275px; top: 61px; float: left; left: 22px;}
#contentRight h2.stream {color:#008000; padding:4px;margin-top: 23px; margin-bottom: 0px;}

div.vimeo_img {position: relative; display: block; width: 94px; height: 80px;float: left; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; border: 0px; }

div.vimeo_dialog {display: none;position: absolute; left: -215px; top: 0px;background-color: #aab8c4; width: 200px; height: 58px; border: 1px solid #999; z-index: 3 !important; padding: 7px; overflow: hidden;}
div.vimeo_dialog h6 {margin-top: 0px; padding-top: 0px;}
div.vimeo_dialog p {text-align: left; float: left;font-size: 0.9em; overflow: hidden; color: #00101a}

#nav ul, #nav li {margin:0; padding:0; list-style-type:none;display:block;}
#nav ul {height:49px; width: 985px; padding:0px 0px 0px 0px; background:url(../images/menu.jpg) no-repeat;}
#nav ul li {height:49px;width:123px; line-height: 49px; position:relative; float:left; text-align: center}
#nav ul li a {height:49px;width:124px;float:left;display: block;padding:0px;color:#27313e;text-decoration:none;font-size:1.2em;font-weight: bold;font-family: Arial, "Helvetica", "Myriad Pro", "Myriad",  "Helvetica Neue", sans-serif;}
#nav ul li a:hover {color: #0a0c10;background:url(../images/menu_button.jpg) top no-repeat;}
#nav ul li a#active {color: #0a0c10;background:url(../images/menu_button.jpg) bottom no-repeat;}
#nav ul li a.normal {height:38px; line-height: 1.0em; padding-top: 11px;};
#nav ul li:hover, #nav ul li.sfhover {position:relative; color:#fff;}
#nav ul li:hover ul, #nav ul li.sfhover ul {left:0px; z-index:100;}

#breadcrumb div p {margin:6px 0 0 35px; }

/* PAGE -------------------- */	
#breadcrumb, #main_bottom {height:33px; background:url(../images/breadcrumb_bg.png);}
#main_top {height:15px; margin-top:10px; background:url(../images/main_top_bg.png);}
#main {background:url(../images/main_bg.gif) repeat-y;}
#content_total {margin:0px 25px 0px 35px;}
#content_main {width:520px; margin:10px 10px 0 0; padding:0 30px 0 0; border-right:dotted 1px #999;}
#content_side {width:300px; margin:10px 0 0;}
#footer {width:985px;  margin: 0 auto}
#footer div {float:none;padding-top: 5px;}
#footer p {margin:6px auto; color: #999; font-size: 0.85em; float: left}
#footer ul {float: right; margin: 0px;}
#footer ul li {padding-right: 0px;}
#footer a {color: #999; text-decoration: none; font-size: 0.85em; border: none}