@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 {}
.container {width:950px;}

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

.format .heading {border-color:#999999;}
.format h1, .format h2, .format h3, .format h4, .format h5, .format h6 {color:#000 ;font-family:"Trebuchet MS", "Arial", "Helvetica", "Helvetica Neue", Arial, sans-serif;  font-weight:normal;}
.format h1 {font-size:1.8em; line-height:1.25; margin-bottom:1em; margin-top:-16px; font-weight:bold; text-transform:uppercase}
.format h2 {font-size:1.4em; line-height:1.25; margin-bottom:0.25em; }
.format h3 {font-size:1.3em; line-height:1.25; font-weight:bold; margin-bottom:0.5em; }
.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: Arial, Helvetica, sans-serif; color:#D1B6E6; margin-bottom:1.5em;}
.format h6 {font-size:1.3em; font-weight: normal;font-style: italic; margin-bottom: 15px;}
.format p, .format ul, .format ol, .format dl, .format label {color:#7B7B76; font-size:1.0em}
.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:#EC1B24; border-bottom:0; text-decoration:underline}
.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 { text-decoration:none !important; border-bottom:0}
.format hr {background:#ccc; color:#ccc;}
.format a img {border-color:#E3E3E3; background-color:#fff; padding: 4px}
.format a img:hover {border-color:#EC1B24; background-color:#fff; padding: 3px}
.format img {border-color:#E3E3E3; background-color:#fff;}
.format ul li {background:url(../images/freccia.png) no-repeat 3px 6px; list-style:none; margin-left:12px;}
/*.format ul li:hover {background:url(../images/freccia.png) no-repeat 4px 6px;}*/
.format label {float:left; margin-bottom:10px}
.format legend {font-weight: normal; padding: 4px}
.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 {width: 100%; text-align: right; clear: both; margin-bottom: 1em; display:none}
#image a{margin-right:8px; margin-bottom:8px; display:block; float:left}
a.pdf,  a.doc,  a.xls,  a.rss,  a.rdf,  a.img,  a.file {padding:2px 2px 20px 2px;margin:-2px 0;background-repeat: no-repeat;background-position: 0px 0px;text-decoration:none; border-bottom: none !important; clear:both; foat:none}
a.pdf:hover,  a.doc:hover,  a.xls:hover,  a.rss:hover,  a.rdf:hover,  a.img:hover,  a.file:hover {border-bottom: none !important}
a.pdf {background-image: url(../images/icons/pdf_ico.png); padding-left:30px;}
a.doc {background-image: url(../images/icons/doc.png); padding-left:30px;}
a.xls {background-image: url(../images/icons/xls.png);  padding-left:20px; }
a.rss, a.rdf {background-image: url(../images/icons/feed.png);  padding-left:20px; }
a.img {background-image: url(../images/icons/image.png); padding-left:20px; }
a.file {background-image: url(../images/icons/file.png);  padding-left:20px; }
.green {color:#97C944; font-size:1.4em; text-shadow:2px 2px 5px #000;}
.green2 {color:#97C944;}
.clear {line-height:0}
.red{color:#EC1B24 !important}
.darkgrey{color:#333333 !important}



/* HEADER ------------------ */	
#wrapperHeader { background: url(../images/body_bg.png) top center repeat; position:relative; width:100%; display:block; height:185px; z-index:5}
#wrapperContent { position:relative; width:100%; display:block; background:url(../images/content_bg.png) top left repeat-x;float:left; background-color:none !important; margin-top:-5px; z-index:10; }
#header {height:163px; position:relative; z-index:2;}
#header h1 a {display:block; color:#fff; height:107px; width:258px; font-size:0px; text-indent:-5000px; position:absolute; top:7px; left:0; background:url(../images/logo.png); z-index:3;  position:relative;}
#header h2 {position:relative; display:block; margin-left:275px; line-height:1.0em; font-size:1.5em; margin-top:-30px}
#home p{ font-size:1.3em; line-height:1.2em}
#box { margin-top:-20px; padding:0;position:absolute; display:block; top:0; right:0; width:590px; z-index:4 }
#box ul{margin:0; padding:0;position:relative; display:block; }
#box ul li{margin:0; padding:0;position:relative; display:block;}
#box ul li {position:relative; float:left; width:265px; height:120px;display:block; }
.box1 { background:url(../images/box1.png) top right no-repeat !important; padding-right:30px !important }
.box2 {background:url(../images/box2.png) top left no-repeat !important; padding-right:30px !important}
.box3 {background:url(../images/box3.png) top left no-repeat !important; }
.box4 {background:url(../images/box4.png) top left no-repeat !important;}
#home #content_side {display:none}
#home #content_main {width:950px; padding:0 !important}
#sitelanguage ul{position: relative;float:right; padding-right:10px; margin-top:15px; font-size:1.0em}
#sitelanguage ul li{display:inline; float:left; margin:0 4px; color:#7F8082; text-transform:lowercase; }
#sitelanguage ul li a {color:#444; text-decoration:none} 
#sitelanguage ul li a#active {color:#EC1B24; font-weight:bold} 
#sitelanguage ul li a:hover {color:#EC1B24;} 

#nav  {position: absolute; bottom: 0; right: 0px; width:960px; text-align:center; margin:0 auto}
#nav ul, #nav li {margin:0; padding:0; list-style-type:none;}
#nav ul {position: relative; height:30px; text-transform: capitalize; font-size:1.1em; font-weight: bold; }
#nav ul li {height:30px; position:relative; float:left; margin-right:22px; margin-left:22px }
#nav ul li a {float:left; margin:0 0px; color:#5A5A52; line-height:30px; text-decoration:none; text-align:center; padding:0 18px; }
#nav ul li a:hover {color:#fff; background:url(../images/nav_right.png) top right no-repeat !important; }
#nav ul li:hover{color:#fff; background:url(../images/nav_left.png) top left no-repeat !important;  }
#nav ul li a#active {background:url(../images/nav_right2.png) top right no-repeat !important; color:#fff;}
#nav ul li#active { background:url(../images/nav_left2.png) top left no-repeat !important;  }
/* MENU RIGHT -------------------- */
#sideMenu {position:relative; float:left;}
ul#sideMenu {float: left;}
ul#sideMenu li {list-style-type: none; background:none;padding:0px; position:relative; float:left; border-bottom:1px solid #E3E3E3}
ul#sideMenu li a {float:left; text-decoration:none; border-bottom:0px; width:310px; padding:7px; color:#7B7B76; font-weight: bold; line-height:1.0em}
ul#sideMenu li a:hover {color:#000;}
ul#sideMenu li a#active {font-weight: bold; color:#000; background-color:#D9DEE1}

ul#sideMenu li ul  { }
ul#sideMenu li ul li { background:#F2F4F4; }
ul#sideMenu li ul li a {background:#F2F4F4; margin-bottom:0px; margin-top:0px; margin-left:1px}
ul#sideMenu li ul li a:hover {color:#0055A9}
ul#sideMenu li ul li a#active {font-weight: bold; color:#0055A9}

ul#sideMenu li ul ul li  { }
ul#sideMenu li ul li ul li { background:#F2F4F4; }
ul#sideMenu li ul li ul li a {background:#F2F4F4; margin-bottom:0px; margin-top:0px; margin-left:2px; display:block; text-indent:30px}
ul#sideMenu li ul li ul li a:hover {color:#0055A9}
ul#sideMenu li ul li ul li a#active {font-weight: bold; color:#0055A9}

/* PAGE -------------------- */	
#home #wrapperMain { background:#FF2222 url(../images/main.jpg) top center no-repeat; position:relative; width:100%; display:block; height:223px; margin-top:-17px;}
#wrapperMain { background:#FF2222 url(../images/main.jpg) top center no-repeat; position:relative; width:100%; display:block; height:65px; margin-top:-17px;}
#content_total {margin: 0 auto;  width:950px;text-align:left; min-height:225px !important;}
#content_total td a {color:#374557;}
#content_main {width:610px;margin:0 0 0 0; padding:0 30px 0 0; position:relative; float:left;  display:block; padding-top:25px}
#contatti  #content_main, #contact-us #content_main {width:910px;}
#content_main h1 { position:absolute; top:0; left:0; width:950px; overflow:hidden}
#content_side {width:300px; margin:0 0 0 0; float: right; position:relative;  float:left; display:block; padding-top:30px}
#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:#0055A9}
#content_side a {border-bottom:0px}
#content_side h3 { display:block; width:310px; position:relative;text-transform: lowercase; border-bottom:0px; color:#EC1B24;font-size:2.1em; font-weight:bold; background:url(../images/content_bg.png) bottom left repeat-x; line-height:1.7em}
#news #content_main h1 {font-size:1.6em; margin-top:12px; overflow:hidden}
#site-map #content_main ul li a, #site-map #content_main ul li ul li a, #site-map #content_main ul li ul li ul li a {font-size:12px; text-decoration:none}

#wrapperfooter {background:url(../images/footer_bg.png) top center repeat-x; height:58px; position:relative; width:100%;margin:0 auto; float:left;}
#footer {width:950px; height:20px; position:relative; bottom:0px; margin:0 auto; margin-top:10px}
#footer div {}
#footer span {padding:0px; margin:0px; margin-left:0px; color: #000; font-size: 0.9em; position:absolute; line-height:1.3em; left:0}
#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 !important; position:absolute; right:0}
#footer a {color: #595952; text-decoration: none; border: none; font-size: 0.9em; }


#newsHome {width:560px; min-height: 300px; margin:0 20px 0 0; position: relative; float:left}
#newsHome img {float: left; margin-right: 15px; position: absolute; top: 10px; left: 0 }
#newsHome div.rssLink {clear: both; height: 20px; width: 16px; position: absolute; top: 20px; right: 0px;}
#newsHome .rssLink a {text-align: right; float: right; font-size: 0px; line-height: 20px; padding:2px 2px 0px 16px !important; }
#newsHome h5 {margin-bottom: 2px;clear: both;}
#newsHome ul {margin: 0; margin-top: 10px; margin-bottom: 10px; padding: 0; width: 100%; float: left}
#newsHome ul li {margin: 0; padding: 0; background: none; clear: both; padding-top: 10px; position: relative; min-height: 100px}
#newsHome ul li h2 a, #spotHome h2 a {text-decoration:none; color:#001D34; border: none;}
#newsHome ul li h5 {clear: none;  margin-left: 110px}
#newsHome h3, #spotHome h3 {margin:0 0 5px; font-size:10px; border:none; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#001D34;}
#newsHome h2 {border-bottom: 0px; margin-bottom: 2px; color:#001D34;  margin-left: 110px}
#newsHome h2 a:hover {color:#000;}
#newsHome p { font-style:italic;  margin-left: 110px}
#spotHome {width:254px; float:right}
#spotHome h2 {margin-top: 23px; color:#001D34;}
#spotHome img {margin-bottom:12px}
#home #content_main h3 {position:relative; display:block; background:url(../images/home_textbox.png) top center no-repeat;  width:325px; height:90px;padding-top:20px; margin-top:70px; padding-left:30px; color:#9F9F9A; font-size:2.1em; line-height:1.0em; font-weight:bold !important;font-family:"Trebuchet MS", "Arial", "Helvetica", "Helvetica Neue", Arial, sans-serif;  float:left}

div.widgetContentsListSide {margin-left:0px}
div.widgetContentsListSide h5 {display:block; width:250px; margin:20px 0px 8px 30px; line-height:12px; clear:both; position:relative;text-transform: capitalize; border-bottom:0px; margin-bottom:0; color:#542E73;text-shadow: 0px 2px 3px #555; font-size:2.1em; font-weight:bold; margin-bottom:5px}
div.widgetContentsListSide h5 span {position:absolute; right:34px; font-weight:normal; text-align:right;}
div.widgetContentsListSide h5 a {display:inline-block; margin-bottom:-5px; padding:0 1px 1px; border:solid 1px #532474; top:2px; text-decoration:none; font-weight:normal; color:#532474; background-color:#D1B6E6;}
div.widgetContentsListSide h5 a:hover {border:solid 1px #fff; color:#fff; background-color:#D1B6E6;}
div.widgetContentsListSide ul {margin:0 0 0px 0; }
div.widgetContentsListSide li {margin:0; background:url(../images/news_bg.png) top center no-repeat; padding-left:34px;line-height:1.0em; padding-top:16px !important; padding-bottom:16px !important; float:left; position:relative; }
div.widgetContentsListSide li:hover {}
div.widgetContentsListSide li.active {color:#97C944 !important;}
div.widgetContentsListSide li.active a {color:#666666;}
div.widgetContentsListSide h2 {margin-bottom:0; border:none; font-family: Arial, Helvetica, sans-serif; color:#fff !important; font-weight:normal; text-indent:0px; margin-left:80px; font-size:1.2em !important; text-shadow:2px 2px 5px #000; line-height:1.0em }
div.widgetContentsListSide h2 a {border:none; color:#FFFFFF !important; text-decoration:none}
div.widgetContentsListSide h2 a:hover {color:#97C944 !important;}
div.widgetContentsListSide h3 {margin-bottom:0; border:none; color:#D1B6E6 !important; font-weight:normal !important; text-indent:0px; margin-left:0px !important; font-size:1.1em !important; float:left !important ; margin-top:2px !important; background:none; background:none !important; height:20px !important; display: block !important; text-shadow:2px 2px 5px #000 !important; width:87px !important; }
#home #content_side h3 {display:none}
.paging h5 {color: #532474 !important; font-size:1.2em !important}
div.widgetContentsList p {margin-bottom: 2px}

/* CONTATTI ---------------- */
#contatti #content_side, #thanks_contatti #content_side {margin-top: 20px;}
#contatti #content_side, #thanks_contatti #content_side dl {margin-right: 25px}
#contatti #content_main label {margin:0 20px;}
#contatti #content_main input[type=text] {width:200px;}
#contatti #content_main select {width:212px;}
#contatti #content_main textarea {width:450px; color:#444; font-family: Arial, Helvetica, sans-serif; font-size:10px;}
#contatti #content_main .captcha {padding:20px 0; margin:20px; border-top:dotted 1px #ccc; border-bottom:dotted 1px #ccc;}

/* SLIDESHOW ---------------- */
#Slideshow { 
	height: 300px; 
	overflow: hidden;}
#SlideTop, #SlideRepeat, #SlideBottom,
.slidePrev, .slideNext,
#slidePager {
	position: relative;
	z-index: 29;}
#Slides {
	/*margin-top: -360px;*/
	/*margin-bottom: 18px;  without this #SlideBottom will overlap #Main */
	height: 300px;
	overflow: hidden;
	}
	
#slidePager {
	top: -288px;
	float: right;
	margin:0 50px 0 0;}
#slidePager a, #slidePager a:visited {
	float: left;
	width: 16px;
	height: 15px;
	overflow: hidden;
	background: transparent url(../images/slide-pager.png) no-repeat 0 0;
	text-decoration: none;
	text-indent: -1234px;}
#slidePager a:hover {
	background-position: -16px 0;}
#slidePager a.activeSlide {
	background-position: -32px 0;}

#home #wrapperContent { background:none}
#video {position:relative; display:block;}
#video ul{margin:0; padding:0; display:block; position:relative; float:left; margin-bottom:30px; width:610px}
#video ul li{margin:0; padding:0; float:left; margin-right:15px}
#video p {color:#000; font-size:1.2em; margin-bottom:3px}