@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     	   #444444
	- a               #1d7c00
	- a:hover         #000000
	- h               #374557
\* ------------------------- */

body {text-align:center; background:#FF5F00 url(../images/sf.jpg) top center repeat-x;}
.container {width:960px;}

/* -------------------------
	ELEMENTS FORMAT            
	------------------------- */

.format .heading {border-color:#999999;}
.format h1, .format h2, .format h3, .format h4, .format h5, .format h6 {color:#E24A00 ;font-family:"Myriad Pro", "Myriad", "Helvetica", "Helvetica Neue", Arial, sans-serif; font-weight:normal; text-transform: uppercase}
.format h1 {font-size:2.1em; line-height:1.25; margin-bottom:0.5em; border-bottom: solid 1px #bbb; text-align: left;}
.format h2 {font-size:1.2em; line-height:1.00; margin-bottom:0.25em; }
.format h3 {font-size:1.3em; line-height:1.25; font-weight:bold; margin-bottom:0.5em; border-bottom: solid  1px #bbb;}
.format h4 {font-size:1.3em; line-height:1.25; font-weight:bold; margin-bottom:0.25em;}
.format h5 {font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; margin-bottom:1.5em;}
.format h6 {font-size:1.3em; font-weight: normal;color: #444; font-style: italic; margin-bottom: 1.5em; text-align:left}
.format p, .format ul, .format ol, .format dl, .format label {color:#444;}
.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, .format span a {color:#444;}
.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, .format span a:hover {color:#E24A00;}
.format hr {background:#ccc; color:#ccc;}
.format a img {border-color:#ccc; background-color:#fff; padding: 2px}
.format a img:hover {border-color:#999; background-color:#fff; padding: 1px}
.format img {border-color:#999; background-color:#fff;}
.format ul li {background:url(../images/freccia.gif) no-repeat 3px 6px; list-style:none; margin-left:12px;}
/*.format ul li:hover {background:url(../images/freccia.gif) no-repeat 4px 6px;}*/
.format .clear{line-height:0}
.format submit {margin-left:20px}
.format fieldset {border:0px solid #CCCCCC;margin:0 0 0 0;padding:0 0 0 0}
.format button[type] { width:90px;  font-size:1.2em;}
.error, .notice, .success {padding: 1px}

.blu {color:#22bbea;}
.verde {color:#1d7c00;}
a.feed {background: url(/css/icons/feed.png) no-repeat 0 2px; padding:2px 2px 0px 22px;margin:0; text-decoration: none;color:#001D34;}
a.decrease {background: url(/css/icons/decrease-font.gif) no-repeat 0 2px; padding:2px 12px 0px 8px;margin:0; text-decoration: none;color:#001D34; height: 16px;}
a.increase {background: url(/css/icons/increase-font.gif) no-repeat 0 2px; padding:2px 12px 0px 8px;margin:0; text-decoration: none;color:#001D34;height: 16px;}
div.addOn {text-align: right; clear: both; margin-bottom: 1em; float:right}
.format label {}
.format legend {font-size:1.0em;font-weight:normal;color:#333333}
#image a{margin-right:0px; margin-bottom:10px; display:block; float:left}
a.pdf,  a.doc,  a.xls,  a.rss,  a.rdf,  a.img,  a.file {padding:2px 2px 20px 22px;margin:-2px 0;background-repeat: no-repeat;background-position: 0px 0px;text-decoration:none; border-bottom:0px}
p a.pdf, p a.doc, p a.xls, p a.rss, p a.rdf, p a.img, p a.file {text-decoration:none; border-bottom:0px}
a.pdf:hover,  a.doc:hover,  a.xls:hover,  a.rss:hover,  a.rdf:hover,  a.img:hover,  a.file:hover {border: none; text-decoration:none; border-bottom:0 px}
p a.pdf:hover, p a.doc:hover, p a.xls:hover, p a.rss:hover, p a.rdf:hover, p a.img:hover, p a.file:hover {border: none; text-decoration:none; border-bottom:0 px}
a.pdf {background-image: url(../images/icons/pdf.png);}
a.doc {background-image: url(../images/icons/doc.png);}
a.xls {background-image: url(../images/icons/xls.png);}
a.rss, a.rdf {background-image: url(../images/icons/feed.png);}
a.img {background-image: url(../images/icons/image.png);}
a.file {background-image: url(../images/icons/file.png);}
.paging {float:right; color:#999}
.paging a {color:#000; text-decoration:none}

	
/* HEADER ------------------ */	
#header {background:url(../images/logo.jpg) no-repeat; height:133px; position:relative; z-index:auto;}
#header h1 a {display:block; color:#fff; height:115px; width:114px; font-size:0px; text-indent:-5000px; position:absolute; top:0; left:0}
#news_box{ height: 442px; float:left; margin-bottom:38px; margin-left:1px}

#headerLinks {float:none;}
#headerLinks ul, #nav_links li {margin:0; padding:0; list-style-type:none; }
#headerLinks ul {position: relative;float:right; height:22px;z-index: 3; padding-left:0px}
#headerLinks ul li {display:inline; float:left; margin:0 6px; color:#666;}
#headerLinks ul li a {float:left; height:15px; padding:6px 10px; color:#fff; font-size:10px; text-decoration:none;}
#headerLinks ul li div {position: absolute;top:27px; left:-9999px; width:355px; min-height:200px; padding:20px; border:solid 1px #95abb1; border-top:none; color:#3B5998; background:#fff;}
#headerLinks ul li input {width:240px; margin:0;}
#headerLinks ul li input.domain {width: 200px}
#headerLinks ul li div button {width:252px; margin-top:10px;}
#headerLinks ul li div select {width:240px; margin:0;}
#headerLinks ul li div a {float:none;color:#012F63; border:none; padding:0; margin:0; text-decoration:underline;}
#headerLinks ul li a:hover {color:#fff;}
#headerLinks ul li:hover, #nav_links ul li.sfhover { background:#012F63 ; }
#headerLinks ul li:hover div, #headerLinks ul li.sfhover div {left: auto; z-index:2; right: 0px; height:180px; float:left; position:absolute}
#headerLinks ul li:hover div a:hover {color: #012F63}

#nav  {position: absolute; top: 0; right: 0px}
#nav ul, #nav li {margin:0; padding:0; list-style-type:none; margin:0 0px 0px; text-indent:7px; }
#nav ul {position: relative; height:38px; padding:0px 0px 0px 0px; text-transform:uppercase; }
#nav ul li {height:38px; position:relative; float:left; background: url(../images/menuleftorange.png) no-repeat; margin-left:7px; display:block}
#nav ul li:hover, #nav ul li#active, #nav ul li#active:hover  {background: url(../images/menulefth.png) no-repeat; height:54px;}
#nav ul li a {float:none; height:38px; margin:0 0px; padding:0 0px; color:#fff; line-height:35px; text-decoration:none; background: url(../images/menurightorange.png) top right no-repeat; padding-right:17px; padding-left:5px; display:block; margin-left: 7px; }
#nav ul li a:hover, #nav ul li:hover a, #nav ul li a#active, #nav ul li a#active:hover {height:54px; background: url(../images/menurighth.png) no-repeat top right; line-height:6.0em}


#nav ul li ul {position:absolute; top:38px; margin-top:16px;left:-9999px;  padding:0px 0px 0px; background:none;z-index:2;display:block; float:left }
#nav ul li ul li, #nav ul li:hover ul li {float:none; min-width:180px; display:block !important; display:inline; height:27px; background: transparent url(../images/popupleft.png) top left no-repeat; margin-left:0px; padding-top: 3px; }
#nav ul li ul li a, #nav ul li:hover ul li a {float:none; min-width:173px; display:block !important; height:27px; margin:0; padding:0; line-height:27px; font-size:10px; text-indent:11px; background: url(../images/popupright.png) top right no-repeat;margin-left:7px}
#nav ul li ul, #nav ul li ul li a {color:#444;}
#nav ul li ul li:hover, #nav ul li ul li#active, #nav ul li ul li#active:hover {background: url(../images/popupleft.png) bottom left no-repeat;  height:27px; }
#nav ul li:hover, #nav ul li.sfhover {position:relative; color:#fff;z-index:2; }
#nav ul li:hover ul, #nav ul li.sfhover ul {position: absolute; left:0px !important; padding-top:38px; margin-top:-22px; z-index:2; float:left }
#nav ul li ul li a:hover, #nav ul li:hover ul li a:hover, #nav ul li ul li:hover a, #nav ul li ul li a#active, #nav ul li ul li a#active:hover {height:27px; background: url(../images/popupright.png) center right no-repeat;   line-height:27px;}

/* #nav ul li ul {position:absolute; top:32px; left:-9999px; width:140px; height:auto; padding:0px 1px 4px; color:#5a7da1; background:#374557;z-index:2}
#nav ul li ul li {float:none; display:block!important; display:inline; height:28px;}
#nav ul li ul li a {float:none; display:block!important; height:28px; margin:0; padding:0; border-top:dotted 1px #ccc; line-height:28px; font-size:10px; text-indent:20px; background:url(../images/freccia.gif) no-repeat 9px 11px #fff;}
#nav ul li ul li ul {position:absolute; left:240px; top:-500px; text-transform:none;}
#nav ul li ul, #nav ul li ul li a {color:#444;}
#nav ul li:hover, #nav ul li.sfhover {position:relative; color:#fff;z-index:2; }
#nav ul li:hover ul, #nav ul li.sfhover ul {position: absolute; left:0px; z-index:2;}
#nav ul li ul li:hover ul, #nav ul li ul li.sfhover ul {position: absolute; top:0px; left:140px; z-index:2;}
#nav ul li ul li:hover {background:none;}
#nav ul li ul a:hover {border-top:solid 1px #ccc; color:#3B5998; background:url(../images/freccia.gif) no-repeat 11px 11px #eee;}
*/


/* MENU RIGHT -------------------- */
#sideMenu {position:relative; float:left;}
ul#sideMenu {float: left;}
ul#sideMenu li {list-style-type: none; background:none;padding:0px}
ul#sideMenu li a {height:22px;width:210px;float:left; text-decoration:none; text-indent:20px; line-height:1.8em; border-bottom:0px; background: url(../images/menu_bg.gif) center top; margin-bottom:3px; color:#5E0F00}
ul#sideMenu li a:hover {color:#E24A00}
ul#sideMenu li a#active {font-weight: bold; color:#E24A00}

/* PAGE -------------------- */	
#breadcrumb {min-height:23px; z-index:1;padding:15px 0px 0px 035px;}
#breadcrumb div span {}
#breadcrumb div span a {border-bottom: 1px dotted; text-decoration: none}

/* HOME PAGE -------------------- */	
#home h1 {font-size:1.4em; line-height:1.25; margin-bottom:0.5em; border-bottom: dotted 1px #001D34;}

/* MOMENTI -------------------- */	
#momenti h6 {text-align:right}
#momenti #content_main {width:890px; padding: 0; border-right: none;}
#momenti #content_main ul li {float: left; margin:0px;padding-left:0; margin-left:0px; width:135px}
#momenti #content_side {display: none}
#momenti #content_main ul li div.description {margin-left: 5px; width: 210px; overflow: hidden; height: 20px}

#main {padding-bottom:20px; padding-top:20px; }
#content_total {margin:0px 0px 0px 35px;}
#content_total td a {color:#444;}
#content_main {width:610px; height: 450px; margin:0 0 0 0; padding:0 35px 0 0; border-right:dotted 1px #999; overflow:auto; text-align:justify;}
#content_main img{float:left; margin-right: 16px; margin-bottom: 7px; border-color:#CCCCCC}
#content_main ul {padding-left:15px;}
#content_main ul li {float: left; margin:0px;padding-left:0; margin-left:0px}
#content_main ul li p{font-size:0.9em; }
#content_side {width:277px; margin:0 0 0 0; float: right; position:relative; overflow:hidden; height:450px; margin: 0 auto;text-align:center }
#content_side img {}
#content_side table {height:100%;}
#content_side td {vertical-align:center;  width:100%; text-align:center}
#news #content_side, #contatti #content_side {width:247px; margin:0 0 0 0; float: right; position:relative; overflow:hidden; max-height:450px; height:450px; margin: 0 auto; text-align:left;}
#news #content_side td, #contatti #content_side td, #contatti #rassegna-stampa td {vertical-align:top; width:100%; text-align:left}
#content_side ul li a#active {font-weight: bold}
#content_side ul li ul {margin-bottom: 0px}
#content_side dt {margin: 0 0 10px 15px; color:#444}
#content_side a {border-bottom:0px}
#content_side img {border-color:#fff;}
#content_side a img{border-color:#ccc;}
#content_side h5 {font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; margin-bottom:1.5em; text-align:left}
#content_side h5.paging {margin-top: 7px}
#content_side h5.paging span {position: absolute; right: 40px}
#content_side h5.paging a {border-bottom: 1px solid #999}


#footer {width:950px; margin-top:10px}
#footer div {padding-top: 0px; line-height:4.0em}
#footer span {padding-left:0px; margin-left:0px; color: #999; font-size: 0.9em; position:absolute;color: #fff; text-indent:5px}
#footer ul { margin:0px; padding: 0px;}
#footer ul li {text-align:right; width:100%; margin:0px; padding: 0px; background:none}
#footer ul li span {float: right; position:relative; margin-right:15px}
#footer ul li span a{color: #fff;}
#footer a {color: #fff; text-decoration: none; border: none;}
a.squarebutton{background: transparent url(../images/popupleft_2.png) no-repeat bottom left;display: block;float: left;font: bold 14px Arial; line-height: 15px; height: 27px;padding-left: 9px; text-decoration: none; }
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{}
a.squarebutton span{background: transparent url(../images/popupright.png) no-repeat bottom right;display: block;padding: 4px 9px 4px 0px; padding-right:15px;height: 19px; }
a.squarebutton:hover{background-position: center left;  }
a.squarebutton:hover span{background-position: center right;color: black;}
.buttonwrapper{ overflow: hidden; margin-right:870px; margin-left:5px; float:left; margin-top:0px}
.buttonwrapper2{ margin-top:40px;float:left;}

#newsHome {margin-left:40px;}

div.widgetContentsListSide {margin-left:0px}
div.widgetContentsListSide h5 {display:block; width:250px; margin:0 0px 8px 0px; line-height:1.1em;}
div.widgetContentsListSide h5 span {position:absolute; right:0; font-weight:normal; text-align:right;}
div.widgetContentsListSide h5 a {display:inline-block; margin-bottom:-5px; padding:0 3px 1px; border:solid 1px #999; top:2px; text-decoration:none; font-weight:normal; color:#333; background-color:#ddd;}
div.widgetContentsListSide h5 a:hover {border:solid 1px #fff; color:#fff; background-color:#555;}
div.widgetContentsListSide ul {margin:0 0 0px 0; border-bottom:dotted 1px #999; width:210px;}
div.widgetContentsListSide li {padding:10px 0px; margin:0; border-top:dotted 1px #999; background:url(../images/freccia.gif) no-repeat 3px 26px; width:210px; text-indent:}
div.widgetContentsListSide li:hover {background:url(../images/freccia.gif) no-repeat #f3f3f3 3px 26px;}
div.widgetContentsListSide li.active {background:none #e3e3e3;}
div.widgetContentsListSide li.active a {color:#666666;}
div.widgetContentsListSide h2 {margin-bottom:0; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-weight:bold; margin-left:15px}
div.widgetContentsListSide h2 a {border:none;}
div.widgetContentsListSide h3 {margin-bottom:0; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; font-size:10px; font-weight:normal; text-indent:15px}

div.widgetContentsList p {margin-bottom: 2px}

/* CONTATTI ---------------- */
#contatti #content_side, #thanks_contatti #content_side {}
#contatti #content_side, #thanks_contatti #content_side dl {margin-right: 25px}
#contatti #content_main label, #newsletter #content_main label {margin:0px 15px 0px 0px; float:left; line-height:0.9em; }
#contatti #content_main input[type=text], #newsletter #content_main input[type=text] {width:175px;}
#contatti #content_main select, #newsletter #content_main select {width:175px;}
#contatti #content_main textarea, #newsletter #content_main textarea {width:370px; color:#444; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#contatti #content_main .captcha, #newsletter #content_main .captcha {padding:8px 0; font-weight:normal; font-size:0.8em; line-height:3.3em; }
#contatti #content_main .captcha { padding:0px 0; margin-top:10px}
#contatti #content_main input.text, input.title, textarea, #newsletter #content_main input.text, input.title, textarea {padding:2px;}
#contatti #content_main .acconsento {font-weight:bold; margin-right:15px; margin-top:10px}
.acconsento a {color:#E24A00 }
.acconsento a:hover {color:#E24A00 }
#contatti #content_main img:hover{padding:2px;}

/* NEWS ---------------- */
#news h1, #rassegna-stampa h1 {font-size:1.7em;  line-height:1.0em}
#news h6, #rassegna-stampa h6 {font-size:1.1em; line-height:1.0em}


/* RASSEGNA STAMPA ---------------- */
#rassegna-stampa #content_main ul {float:left; width: 100%; margin: 0; padding: 0}
#rassegna-stampa #content_main ul li { background-image:none; display:block;position:relative; float:left; width: 100%; border-bottom:1px dotted; padding-top:10px; padding-bottom:10px; padding-right: 0 }
#rassegna-stampa #content_main p {margin-left:90px;}
#rassegna-stampa #content_main h2 {margin-left:90px}
#rassegna-stampa #content_main  ul li h5 {float:left; position:absolute; top:10px; left:0}
#rassegna-stampa #content_main p a {}
#rassegna-stampa .feed {display: none}
#rassegna-stampa .paging {float:right; width: 100%; text-align: right;padding-top:10px;}
#rassegna-stampa .clear{line-height:0}




/* REFERENZE ---------------- */
#referenze  #content_main ul li {float:none; padding-left:15px}

/* CREDITS ---------------- */
#credits #content_main h4 {float :left; margin-right:20px; width:140px}
#credits #content_main div {padding-top:0px; display:block; position:relative; width:300px;}


/* THICKBOX ----------------- */
#TB_window {font:12px Arial, Helvetica, sans-serif; color:#000;}
#TB_secondLine {font:10px Arial, Helvetica, sans-serif;	color:#666666;}
#TB_window a:link {color:#E24A00;}
#TB_window a:visited {color:#E24A00;}
#TB_window a:hover {color:#E24A00;}
#TB_window a:active {color:#E24A00;}
#TB_window a:focus{color:#E24A00;}

#TB_overlay {position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%;}
.TB_overlayMacFFBGHack {background:url(macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000; filter:alpha(opacity=35); -moz-opacity:0.35; opacity:0.35;}
* html #TB_overlay {position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}/* ie6 hack */
#TB_window {position:fixed; background:#e6e6e6;	z-index:102; padding:15px; color:#000000; display:none;	border:8px solid #fff; text-align:left; top:50%; left:50%;}
* html #TB_window {position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} /* ie6 hack */
#TB_window img#TB_Image {display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666;}
#TB_caption {height:25px; padding:7px 30px 10px 25px;	float:left;}
#TB_closeWindow {height:25px;	padding:11px 25px 10px 0; float:right;}
#TB_closeAjaxWindow {padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;}
#TB_ajaxWindowTitle {float:left;	padding:7px 0 5px 10px;	margin-bottom:1px;}
#TB_title {height:27px;}
#TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto;	text-align:left; line-height:1.4em;}
#TB_ajaxContent.TB_modal {padding:15px;}
#TB_ajaxContent p {padding:5px 0px 5px 0px; font-size:1.1em}
#TB_load {position:fixed; display:none; height:13px; width:208px;	z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px;} /* -height/2 0 0 -width/2 */
* html #TB_load {position:absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} /* ie6 hack */
#TB_HideSelect {z-index:99; position:fixed; top:0;	left:0; background-color:#fff; border:none; filter:alpha(opacity=0);	-moz-opacity:0; opacity:0;	height:100%; width:100%;}
* html #TB_HideSelect {position: absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} /* ie6 hack */
#TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;}

.hidden {display:none}

#request_form {position: relative;}
.obfuscator {opacity: .50; filter: alpha(opacity=50); -moz-opacity: 0.5}
.loading {position: absolute; top: 0; left: 0px; background: url('../images/ajax-loader.gif') center no-repeat; width: 100%; height: 100%; z-index: 1000; display: none}


