@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-color:#0E3084}
.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:2.1em; 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, .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:#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}
.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; height: 20px}
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 {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.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; }



/* 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:#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  {text-align:right; width: 950px;}
#nav ul, #nav li {margin:0; padding:0; list-style-type:none;}
#nav ul {position: absolute; height:32px; padding:0px 0px 0px 0px; text-transform:uppercase; right: 0; bottom: 0 }
#nav ul li {height:32px; position:relative; float:left;}
#nav ul li a {float:left; height:30px; margin:0 10px; padding:0 10px; color:#ccc; line-height:30px; text-decoration:none;}
#nav ul li a:hover, #nav ul li a#active {color:#fff}
#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 35px 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;}
#content_side {width:247px; margin:0 0 0 0; float: right; position:relative;}
#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 20px 0 0; position: relative}
#newsHome img {float: left; margin-right: 15px }
#newsHome div.rssLink {clear: both; height: 20px; width: 16px; position: absolute; top: 10px; 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;}
#newsHome ul li h2 a, #spotHome h2 a {text-decoration:none; color:#001D34; border: none;}
#newsHome ul li h5 {clear: 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; }
#newsHome h2 a:hover {color:#000;}
#newsHome p { font-style:italic;}
#spotHome {width:254px; margin:0 -3px 0 0; padding:0 19px 19px 19px; border-left:solid 1px #bbb;}
#spotHome h2 {margin-top: 23px; color:#001D34;}

div.widgetContentsListSide {margin-left:0px}
div.widgetContentsListSide h5 {display:block; width:250px; margin:0 0px 8px 0px; line-height:12px;}
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 {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:Verdana, 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;}

#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}