@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:#003160 url(../images/sf.png) top center no-repeat;}
.container {width:950px;}

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

.format .heading {border-color:#999999;}
.format h1, .format h2, .format h3, .format h4, .format h5, .format h6 {color:#001D34 ;font-family:"Myriad Pro", "Myriad", "Helvetica", "Helvetica Neue", Arial, sans-serif; font-weight:normal;}
.format h1 {font-size:1.7em; line-height:1.25; margin-bottom:0.5em; margin-top:0.5em; border-bottom:dotted 1px #001D34;}
.format h2 {font-size:1.4em; line-height:1.25; margin-bottom:0.75em; border-bottom:dotted 1px #001D34;}
.format h3 {font-size:1.3em; line-height:1.25; font-weight:bold; margin-bottom:0.5em; border-bottom:dotted 1px #001D34;}
.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;}
.format p {margin-bottom: 0}
.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, .format label a {color:#001D34;}
.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:#001D34;}
.format hr {background:#ccc; color:#ccc;}
.format a img {border-color:#ccc; background-color:#fff; padding: 4px}
.format a img:hover {border-color:#999; background-color:#fff; padding: 3px}
.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 label {float:left; margin-bottom:10px; font-weight: normal;}
.format legend {font-weight: normal; padding: 4px; font-size: 1em; color: #444444}
.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}
#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,  a.view_list, a.page_add, a.logout   {padding:2px 2px 20px 2px;margin:-2px 0;background-repeat: no-repeat;background-position: 0px 0px;text-decoration:none; border-bottom: none !important}
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.png); padding-left:30px;}
a.doc {background-image: url(../images/icons/doc.png); padding-left:30px;}
a.view_list {background-image: url(../images/icons/view_list.png); padding-left:25px;}
a.page_add {background-image: url(../images/icons/page_add.png); padding-left:25px;}
a.logout {background-image: url(../images/icons/logout.png); padding-left:25px;}
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; }
#button_servizio {margin:0; padding:0; position:absolute; right:-250px; top:40px; height:43px;}
#button_servizio a { background:url(../images/servizio.jpg) center left no-repeat; padding-top:15px; padding-bottom:15px; padding-left:50px; text-transform:uppercase; color:#003160; display:block; }


/* HEADER ------------------ */	
#header {background:url(../images/head_hp5.png) no-repeat; height:116px; position:relative; z-index:auto;}
#header h1 a {display:block; color:#fff; height:114px; width:170px; font-size:0px; text-indent:-5000px; position:absolute; top:0; left:0}
#news_box{width:950px; height:316px; background:url(../images/citycenter_02-10.jpg) no-repeat  ; border-left:1px solid #fff;}
#news_box h1 a{display:block; height:300px; width:950px; font-size:0px; text-indent:-5000px; position:relative; float:right;}
#news_box h2 a{display:block; height:30px; width:170px; font-size:0px; text-indent:-5000px; position:relative; top:220px; left:675px; }
#home #main {padding-top:0px;}
#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:#aaa; 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; bottom: 0; right: 0px}
#nav ul, #nav li {margin:0; padding:0; list-style-type:none;}
#nav ul {position: relative; height:32px;  text-transform:uppercase; }
#nav ul li {height:32px; position:relative; float:left;}
#nav ul li a {float:left; height:30px; margin:0 10px; padding:0 10px; color:#fff; line-height:30px; text-decoration:none;}
#nav ul li a:hover, #nav ul li a#active {color:#012F63}
#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; background:none; 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;}
#nav ul li ul il ul {}

/* 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:2px; margin-top:2px}
ul#sideMenu li a:hover {color:#0055A9}
ul#sideMenu li a#active {font-weight: bold; color:#0055A9}

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 -------------------- */	
#breadcrumb {min-height:20px; background:#F3F3F3; z-index:1;margin:0px 30px 10px 30px; padding-left:5px;}
#breadcrumb div {}
#breadcrumb div span a {border-bottom: 1px dotted; text-decoration: none}

#main {background-color:#fff; padding-bottom:20px; padding-top:15px}
#content_total {margin:0px 0px 0px 35px;}
#content_total td a {color:#374557;}
#content_main {width:610px; min-height: 450px; margin:0 0 0 0; padding:0 30px 0 0; border-right:dotted 1px #999; position:relative}
#content_side {width:247px; margin:0 auto; float: right; position:relative;}
#content_side .rssLink {display: none;}
#content_side .publishDate {display: none;}
#content_side h1 {border-bottom: none;; text-transform: uppercase; font-size: 14px; font-weight: bold;}
#content_side .widgetContentsList h2 {border-bottom: none; margin-bottom: 0; padding-top: 7px; font-size: 11px; font-weight: bold;width: 120px; float: right; margin-left: 5px}
#content_side .widgetContentsList a img {border: none; padding: 0; margin-top: 10px; max-width: 68px}
#content_side .widgetContentsList p {font-size: 11px; width: 120px; float: right; margin-left: 5px}
#content_side .widgetContentsList ul {margin-left: 0; margin-right: 38px}
#content_side .widgetContentsList ul li {background: none; margin-left: 0; padding-bottom: 10px; padding-left: 0; border-bottom: 1px dotted}
#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 { text-transform: uppercase; border-bottom:0px; margin-bottom:0}

#footer {width:950px;}
#footer div {padding-top: 5px;}
#footer span {padding:0px; margin:0px; margin-left:0px; color: #999; font-size: 0.8em; position:absolute; line-height:1.3em; color: #fff;}
#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}
#footer a {color: #fff; text-decoration: none; border: none;}

#newsHome {width:580px; min-height: 300px; margin:0 10px 0 0; position: relative}
#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; display:none;}
#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; display: none;}
#newsHome h3, #spotHome h3 {margin:0 0 5px; font-size:10px; border:none; font-family:Verdana, 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:292px; margin:0 -3px 0 0; padding:0 0px 19px 0px; border-left:solid 1px #bbb;}
#spotHome h2 {margin-top: 23px; color:#001D34;}
#spotHome img {margin-bottom:12px}

div.widgetContentsListSide {margin-left:0px}
div.widgetContentsListSide h5 {display:block; width:250px; margin:0 0px 8px 0px; line-height:12px; clear:both; position:relative;}
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 3px 3px; 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 5px 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; text-indent:0px; 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:0px; margin-left:15px}

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, #support #content_main label, #ticket_view_new #content_main label, #ticket_view #content_main label {margin:0 20px;}
#contatti #content_main input[type=text], #support input[type=text], #ticket_view_new input[type=text], #ticket_view #content_main input[type=text]{width:147px;}
#contatti #content_main select, #support select, #ticket_view_new select {width:246px;}
#contatti #content_main textarea, #support textarea, #ticket_view_new textarea {width:528px; color:#444; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#contatti #content_main .captcha, #support .captcha, #ticket_view_new .captcha {padding:7px 0; margin:20px; margin-bottom: 0px;  margin-top: 0px; border-bottom:dotted 1px #ccc; width:532px;}
.captcha img{ height:23px; margin-bottom:-10px;}

#webmail #content_main label {margin:30px 10px;}
#webmail #content_main input[type=text] {margin-top: 0px}

#login #content_main label {margin:30px 10px; height: 50px}
#login #content_main input[type=text] {margin-top: 0px}
#login #content_main input[type=password] {margin-top: 0px}

#city-e-commerce h3 {border-bottom:0px}
#city-e-commerce #content_main img {border:0px}

/* SLIDESHOW ---------------- */
/* slide show */

#Slideshow { 
	height: 360px; 
	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: 316px;
	overflow: hidden;
	}
	
a.slidePrev, a.slideNext {
	display: block;
	z-index: 30;
	top: -190px;
	width: 51px;
	height: 64px;}
a.slidePrev {
	float: left;
	margin: 0 0 0 0px;
	background: transparent url(../images/slide-previous.png) no-repeat 0 0;
	margin-left:-2px;}
a.slideNext {
	float: right;
	margin: 0 0px 0;
	background: transparent url(../images/slide-next.png) no-repeat 0 0;
	margin-right:-2px;}

a.slidePrev:hover, a.slideNext:hover { background-position: 0 -64px;}
	
#slidePager {
	top: -300px;
	float: right;
	margin:0 -35px 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;}

table.ticket td {border-bottom: 1px solid #ebebeb; vertical-align: top; color: #444444 }
table.ticket td.title {color: #001D34}
table.ticketList tbody tr {cursor: pointer;}
table.ticketList tbody tr:hover {background-color: #f4f4f4}
table.ticketList th {color: #444}
.ticketMenu {margin-top: 3px} 
.ticketMenu a {background-color: #FF1E9E; color: #fff; display: block; width: 100px; height: 25px; line-height: 25px; float: right; text-decoration: none; text-align: center; margin-left: 2px; margin-bottom: 2px; text-transform: lowercase; border: 1px solid #FF1E9E; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/*.ticketMenu a:hover {background-color: #C3D9FF !important; border: 1px solid #C3D9FF !important;  color: #444 !important}*/
.ticketMenu a.ticketClosed {background-color: #444; border: 1px solid #444;}
.ticketMenu a.ticketAll {background-color: #14ACEA; border: 1px solid #14ACEA;}
.ticketMenu a.ticketNew {background-color: #003160; border: 1px solid #003160; margin-left: 30px}

ul.ticketMenuUl li {padding-top: 2px; padding-bottom: 2px}
div.ticketPaging {text-align:right; padding-right:8px}
#myTicketHead {height: 40px; background: url("/images/myticket_bg.jpg") repeat-x; margin-top: -15px; margin-bottom: 7px; padding-left: 35px; float: none }
#myTicketHead h1 {line-height: 40px; color: #fff; margin: 0; border-bottom: none}


#privacy h3{ margin-top:0.25em;}
#privacy h2{ margin-top:0.75em;}

#dummy label.button{ float:right;}

input.text, input.title, textarea, select{ margin: 0.2em 0 0.5em; padding:1px;}
.captcha input{  }

.format #dummy button[type]{ margin-right:4px;}
#contatti .format #dummy button[type]{ margin-top:10px;}

#support #content_main img, #ticket_view_new #content_main img {padding:0; margin:0; border:0}
.assistenza_right {position:relative; background: url('/images/banner_assistenza_right.jpg') no-repeat; width: 215px; height: 327px; padding: 10px}
.assistenza_right h3 {color: #2f70c4; border-bottom: none }
.accedi_al_ticket {position:relative; width: 235px; height: 20px; margin-top:12px;}
.accedi_al_ticket p a {color: #2F70C4; font-size:1.1em;}
.accedi_al_ticket p a:hover {color: #FF1E9E}

.left {float: left;}
.error {color: #FF1E9E; background: none;}

.TroubleImg{ width:765px; height:43px; position:absolute; right:0; top:30px; background-image:url('/images/assistenza_home.png')}
.TroubleImgTop{ position:absolute; right:0; }

#support button, #ticket_view_new button { float:none; margin-left:10px;}

.attach a.pdf,.attach a.doc,.attach a.xls,.attach a.rss,.attach a.rdf,.attach a.img,.attach a.file{ padding: 7px 30px 20px; line-height: 30px; }

/* FAQ ---------------- */
.widgetContentsListAsFaq {margin-top: 10px;}
.widgetContentsListAsFaq a {display: block;  clear: both; font-size: 11px; font-weight:bold; text-decoration: none; color: #00407E; line-height: 1em; padding: 10px 0px 10px 0px; width: 700px; }
.widgetContentsListAsFaq a:hover, .widgetContentsListAsFaq a.selected {color: #EB7E21 !important}
.widgetContentsListAsFaq div {display: none; clear: both;}
.widgetContentsListAsFaq p {margin: 0 0 0 0px !important; padding: 5px 10px 10px 0px  !important}
.widgetContentsListAsFaq .paging {display: none;}

#spotHome h2{ border-bottom:0px;}

#socialbookmarks {float:right; height:35px; margin-top:-35px; margin-right:18px;}
#socialbookmarks ul li {list-style-image:none; display:inline-block;}
#socialbookmarks a.fb_bm {display:block; width:61px; height:35px; background:url('/images/fb_bm.png') bottom no-repeat; margin:0}
#socialbookmarks a.fb_bm:hover {display:block; width:61px; height:35px; background:url('/images/fb_bm.png') top no-repeat; margin:0;}
#socialbookmarks a.tw_bm {display:block; width:61px; height:35px; background:url('/images/tw_bm.png') bottom no-repeat; margin:0;}
#socialbookmarks a.tw_bm:hover {display:block; width:61px; height:35px; background:url('/images/tw_bm.png') top no-repeat; margin:0;}
#socialbookmarks a.rss_bm {display:block; width:61px; height:35px; background:url('/images/rss_bm.png') bottom no-repeat; margin:0;}
#socialbookmarks a.rss_bm:hover {display:block; width:61px; height:35px; background:url('/images/rss_bm.png') top no-repeat; margin:0;}
#socialbookmarks a.in_bm {display:block; width:61px; height:35px; background:url('/images/in_bm.png') bottom no-repeat; margin:0;}
#socialbookmarks a.in_bm:hover {display:block; width:61px; height:35px; background:url('/images/in_bm.png') top no-repeat; margin:0;}