body {background:#121d3c; text-align:center; margin:0;} #header {margin:0;} #wrapper-ext {width: 100%; margin:0; float:left; text-align:center; font-family:"Trebuchet MS", Arial, Verdana; } #wrapper {width:980px; margin:0 auto; text-align:left;} #page {width:980px; float:left; background:url(images/bg-page.gif) repeat-y;} #navigation {width: 140px; float:left; clear:left;} #extra {width: 140px; float:right;} #footer {font-family: Arial, Helvetica, sans-serif;clear:both; text-align:center; color:#fff;} #content {width:690px; float:left; margin:0;} #box {width:980px; float:left; background:repeat-y;} #box-top {width:980px; float:left; background:top no-repeat; } #box-bottom {width:980px; clear:both; height:40px; background:top no-repeat;} #box h1 {font-size:26px; font-weight:normal; text-align:center; margin:3px 6px 3px; padding-bottom:4px; border-bottom: solid 3px;} #content h3 {clear:left;} /*HEADER */ #header-ext {clear:left; float:left; width:100%; height:90px; background: url(images/bg-header.gif) top repeat-x; } #header {width:970px; margin:0 auto; } #header .logo {float:left; border:none;} #header .top-banner {width:728px; height:90px; float:right;} #header .top-banner {border:none;} #header .top-banner a img {border:none;} /* TOP-BAR */ #top-bar-ext {clear:left; width:100%; background-color:#1c234f; float:left; margin:0; padding:0;} #top-bar {width:970px; height:30px; margin:0 auto; padding:0; background: url(images/bg-top-bar.gif) top left no-repeat;} #top-bar-box {width:728px; height:30px; float:right;} #top-bar-box .label {float:left; margin:8px 15px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase;} #top-bar-box .form-box {float:left; margin:4px 8px; border: solid 1px #9a977f; height:18px; } #top-bar-box .label-small {float:left; margin:10px 6px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:10px; font-weight:normal; text-transform:uppercase;} #top-bar-box .button {margin-top:4px; background-color:#706f66; border: solid 1px #41403b; font-size:12px; padding:2px; text-transform:uppercase; color:#fff; } #top-bar-box .button a:hover {} #top-bar-box a {color:#fff;} /*MENU-BAR */ #menu-bar-ext {clear:left; width:100%; background-color:#000; float:left; margin:0 ; padding:0;} #menu-bar {clear:left; width:970px; height:30px;margin:0 auto; background-color:#000; padding:0; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:3px; text-transform:uppercase;} #menu-bar ul {margin:0; padding:0; } #menu-bar ul li {list-style-type:none; float:left; padding:8px 12px; } #menu-bar ul li a {background-color:#000; color:#fff; text-decoration:none; } #menu-bar ul li a:hover {color:#cbe636;} #menu-bar .city-select-list {text-transform:none; background-color:#fff; font-size:15px; letter-spacing:normal;} #menu-bar ul .city-select-list :hover {text-transform:none; background-color:#fff;} /* LEFT / RIGHT MENU - GENERAL LAYOUT */ #home #left-menu-ext, #info #left-menu-ext {width:146px; float:left; margin:16px 0 0; } #home #left-menu, #info #left-menu {width:136px; float:right; } #home #right-menu-ext, #info #right-menu-ext {width:146px; float:right; margin:16px 0 0;} #home #right-menu, #info #right-menu {width:136px; float:left;} #by-night #left-menu-ext {width:190px; float:left; } #by-night #left-menu {width:180px; float:right; margin-top:16px;} #by-night #right-menu-ext {width:110px; float:right; } #by-night #right-menu {width:100px; float:left; margin-top:16px;} #by-day #left-menu-ext {width:110px; float:left; } #by-day #left-menu {width:100px; float:right; margin-top:16px;} #by-day #right-menu-ext {width:190px; float:right; } #by-day #right-menu {width:180px; float:left; margin-top:16px;} /* LEFT / RIGHT MENU - COMMON PARAM */ #right-menu h2, #left-menu h2 {color:#fff; margin:0; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; font-weight:normal;} #right-menu ul, #left-menu ul {margin:0 1px 0 1px;padding:4px 0 0; list-style-type:none; text-align:left; text-transform:none; line-height:1.3em;} #right-menu ul li, #left-menu ul li {margin:0; padding:0;} #right-menu ul li a, #left-menu ul li a {display:block; padding:2px 6px; text-decoration:none;} #right-menu ul li a {color:#0a0a0a;} #right-menu ul li a:hover,#right-menu ul li a:active {background-color:#5f6575; color:#ccc;} #left-menu ul li a {color:#ced4e2; clear:left;} #left-menu ul li a:hover, #left-menu ul li a:active {background-color:#20293f; color:#fff;} /*HOMEPAGE LAYOUT*/ #home #box {background-image:url(images/bg-home-box.gif);} #home #box-top {background-image:url(images/bg-home-box-top.gif); } #home #box-bottom {background-image:url(images/bg-home-box-bottom.gif);} #home .col-1-ext {width:342px; float:left;} #home .col-2-ext {width:170px; float:left;} #home .col-3-ext {width:170px; float:left;} #home .col-1 {width:336px; float:right;} #home .col-2, #home .col-3 {width:164px; float:right;} #home .col-1, #home .col-2, #home .col-3 {color:#5b647c;} #home .col-1 a, #home .col-2 a, #home .col-3 a {color:#23328d;} #home .col-1 a:hover, #home .col-2 a:hover, #home .col-3 a:hover {color:#0e174d;} #home .col-content {float:left;padding:22px 4px 0;} .col-1 h2, .col-2 h2, .col-3 h2 {display:block; border-bottom: solid 1px #adb1bc; font-family: Arial, Verdana, sans serif; font-size:20px; color:#5f6a87; margin:0 0 6px; clear:left;} .col-1 table {margin:4px 0 16px; width:90%;font-size:13px;} .col-1 table td {padding:2px;} #home h3 {font-size:13px; margin:2px 0; clear:left;} #home .col-content .image-list ul {margin:0 0 0 21px; padding:0; clear:left;} #home .col-content .image-list ul li {margin:0; padding:0; display:inline; list-style-type:none; clear:none;} #home .col-content .image-list ul li a {width:96px; height:96px; float:left;} #home .col-content .image-list ul li a:hover{background-color:#ccc;} #home .col-content .image-list ul li a img {margin:7px 7px;border: solid 1px #666;} #home .col-content .image-list a:hover {background-color:#222; } /* EVENTI IN HOME*/ .home-event-list ul {margin:0; padding:0; font-size:13px; list-style-type:none;} .home-event-list ul li {margin:0; padding:2px 0 4px; list-style-type:none;border-bottom:solid 1px #ccc; float:left; clear:left; width: 320px;} .home-event-list ul li .description {font-size:12px; margin-top:3px;} img.event-cover {border:solid 1px #ccc; float: left; margin:0 5px 0 0;} /* RADIO LIST */ #home .col-content .radio-list ul {margin:0 0 0 2px; padding:0;} #home .col-content .radio-list ul li {margin:0; padding:0; display:inline; list-style-type:none;} #home .col-content .radio-list ul li a {width:51px; height:51px; float:left;} #home .col-content .radio-list ul li a:hover{background-color:#ccc;} #home .col-content .radio-list ul li a img {margin:2px 2px;border: solid 1px #666;} #home .col-content .radio-list a:hover {background-color:#222; } #home p, #home .text {font-size:13px;} .home-item h4 {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 2px;} .home-item h4, .home-item h4 a {color:#323746;} .home-item h4 a:hover {color:#111;} .home-item {padding-bottom:6px; margin-bottom:6px; border-bottom:solid 1px #ccc;} .home-item .text-info {font-size:11px; margin:0; color:#373e52;} .home-item .item-info-box {display:block;padding:2px; background-color:#F2F4F7; font-family:Arial, Helvetica, sans-serif;} .home-item .text-small {margin:2px 0; font-size:10px; } .home-item a {color:#9f060a;} .home-item a:hover {color:#151a29;} /* INFO PAGES*/ #info #box {background-image:url(images/bg-info-box.gif);} #info #box-top {background-image:url(images/bg-info-box-top.gif); } #info #box-bottom {background-image:url(images/bg-info-box-bottom.gif);} #info #content-ext {width: 664px; float:right; margin:0; padding-top:24px;} #info #content {width:640px;margin:0; float:left; font-size:.8em; color:#333;} #info #content h1 {font-family: Arial, Helvetica, sans-serif; text-align:left; font-size: 2em; font-weight:normal; color:#2a3370; margin:0 0 6px; text-transform:none; border-bottom:solid 1px #ccc;} #info #content h2 {font-size: 1.6em; color:#000;} #info #content h3 {font-size: 1.3em; color:#000;} #info #content table {border-collapse:collapse; width: 500px; margin:0 auto;} #info #content table td {border:solid 1px #aaa; padding:3px;} #info #content a {color:#23328d; font-weight:bold;} #info #content a:hover {color:#0e174d;} #info #content .cv-link {margin-left:350px; font-size:.9em;} #info #content img {float:left; margin-right:10px; border: solid 1px #aaa; } #info fieldset {border:none; margin:12px 0 0;} #info fieldset legend {display:none; } #info fieldset .label {float:left; width:250px; text-align:right; margin-right:20px; font-size:1em; } #info .save-button {display:block; text-align:center; margin-top:12px;} #info .button-style {font-size:1.1em; text-transform:uppercase;} /* BY-NIGHT LAYOUT */ #by-night #box {background-image: url(images/bg-by-night-box.gif);} #by-night #box-top {background-image: url(images/bg-by-night-box-top.gif); } #by-night #box-bottom {background-image: url(images/bg-by-night-box-bottom.gif);} #by-night #right-menu h2 {font-size:13px;} #by-night #right-menu ul {font-size:12px;} #by-night .item-list-ext {width:680px; float:left;} #by-night .item-list {width:657px; margin-left:16px;} #by-night .item-1-box {background:url(images/bg-by-night-item-1.gif) repeat-y; margin-top:9px;} #by-night .item-box {background:url(images/bg-by-night-item.gif) repeat-y; margin-top:9px;} #by-night .item-1-box-top {background:url(images/bg-by-night-item-1-top.gif) no-repeat;} #by-night .item-box-top {background:url(images/bg-by-night-item-top.gif) no-repeat;} #by-night .item-1-box-bottom,#by-night .item-box-bottom {height:17px; background:url(images/bg-by-night-item-1-bottom.gif) no-repeat;} /* BY-DAY LAYOUT */ #by-day #box {background-image: url(images/bg-by-day-box.gif);} #by-day #box-top {background-image: url(images/bg-by-day-box-top.gif); } #by-day #box-bottom {background-image: url(images/bg-by-day-box-bottom.gif);} #by-day #left-menu h2 {font-size:13px;} #by-day #left-menu ul {font-size:12px;} #by-day .item-list-ext {width:680px; float:left;} #by-day .item-list {width:657px; margin-left:7px;} #by-day .item-1-box {background:url(images/bg-by-day-item-1.gif) repeat-y; margin-top:9px;} #by-day .item-box {background:url(images/bg-by-day-item.gif) repeat-y; margin-top:9px;} #by-day .item-1-box-top {background:url(images/bg-by-day-item-1-top.gif) no-repeat;} #by-day .item-box-top {background:url(images/bg-by-day-item-top.gif) no-repeat;} #by-day .item-1-box-bottom,#by-day .item-box-bottom {height:17px; background:url(images/bg-by-day-item-1-bottom.gif) no-repeat;} .item-company {margin:0 15px;} .item-company h2 { margin:16px 0 6px; color:#fff; font-weight:normal; padding:6px 0;border-bottom:solid 1px;} .item-company h2 a {text-decoration:none;} .item-company h2 a:hover {text-decoration:underline; } .item-company .address {margin:0 0 6px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .item-company .categories {float:right; font-size:.8em; margin-top:5px;} .item-company .virtual-tour {width:100%; text-align:left;} .item-company .virtual-tour a img {margin:4px 0; border:solid 1px;} .item-company .description { font-size:.9em;} .item-company .link {text-align:right;font-size:.7em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .item-company .virtual-tour-bg {width:100%; height:100px; background: center repeat-x; border: solid 1px #333;} .item-company .virtual-tour-bg a {width:100%; height:100px; background: none;} /* BY-NIGHT COLORS */ #by-night h1 {color:#171920; border-color:#878a92;} #by-night .page-number {color:#444} #by-night .item-company h2 {border-color:#606d91;} #by-night .item-company h2 a {color:#fff; } #by-night .item-company .address {color:#dae0ef;} #by-night .item-company .address a {color:#fff;} #by-night .item-company .address a:hover {color:#cbe636;} #by-night .item-company .categories {color:#9fa8b7;} #by-night .item-company .categories a {color:#fff;} #by-night .item-company .virtual-tour a img {border-color:#01050b;} #by-night .item-company .description {color:#9aa4be;} #by-night .item-company .link a {color:#9fa8b7;} #by-night .item-company .link a:hover {color:#fff;} /* BY-DAY COLORS */ #by-day h1 {color:#fff; border-color:#556794;} #by-day .page-number {color:#b6c2e2} #by-day .item-company h2 {border-color:#555;} #by-day .item-company h2 a {color:#fff; } #by-day .item-company .address {color:#2b2e39;} #by-day .item-company .address a {color:#111;} #by-day .item-company .categories {color:#9fa8b7;} #by-day .item-company .categories a {color:#222;} #by-day .item-company .virtual-tour a img {border-color:#01050b;} #by-day .item-company .description {color:#222;} #by-day .item-company .link a {color:#333;} #by-day .item-company .link a:hover {color:#111;} /* PRODUCTS LIST */ .item-product-ext {width:325px; float:left;} #by-day .item-product-1-box {background:url(images/bg-item-product-1.gif) repeat-y; margin-top:9px;} #by-day .item-product-box {background:url(images/bg-item-product.gif) repeat-y; margin-top:9px;} #by-day .item-product-1-box-top {background:url(images/bg-item-product-1-top.gif) no-repeat;} #by-day .item-product-box-top {background:url(images/bg-item-product-top.gif) no-repeat;} #by-day .item-product-1-box-bottom,#by-day .item-product-box-bottom {margin:0;height:17px; background:url(images/bg-item-product-1-bottom.gif) no-repeat; clear:both;} .item-spacer {float:left; width:7px; height:1px; } .item-product {margin:0 10px 0; padding-top:5px;} .item-product .thumbnail {float:left; margin:6px 6px 6px 0;} .item-product h2 {font-size:17px; margin:5px 0 2px; display:block; line-height:1em;} .item-product h2 a {color:#fff; text-decoration:none;} .item-product h2 a:hover {color:#ccc; text-decoration:underline;} .item-product img {border:solid 1px #555; margin:5px;} .item-product .description {font-size:12px; color:#333; display:block; line-height:14px; margin-bottom:4px; } .item-product .meta {font-size:11px; margin-bottom:4px; display:block;} .item-product .meta a {font-weight:bold; color:#222;} .item-product .link {clear:left; font-size:11px; font-weight:bold; text-align:right; line-height:1em; clear:both;} .item-product .link a {color:#333;} .item-product .link a:hover {color:#111;} .navbar { text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#ccc;} .navbar a {font-weight:bold; color:#fff;} /* EVENT LIST */ .event-list ul {margin:4px 0 8px; float:left; width:100%; padding:0; list-style-type:none; } .event-list ul li { float:left; clear:left; padding:4px 0; width:100%; display:block; border-bottom:solid 1px #ccc;} .event-list h2 {clear:both; margin:12px 0 8px;} .event-list h3 {clear:both; margin:12px 0 8px; display:block;border-bottom:solid 2px #999;} /*NAVIGATION */ /* HOME NAVIGATION */ .menu-cities-ext { width:135px; float:right; padding-top:20px; background:url(images/bg-menu-cities-left-top.gif) top no-repeat;} .menu-cities { width:134px; float:left; } .menu-cities li {list-style-type:none;margin:0;padding:0; float:left;} .menu-cities li a {display:block; width:134px; height:156px; text-decoration:none;} .menu-cities li.rm {background:url(images/menu-roma.gif) top no-repeat;} .menu-cities li.fi {background:url(images/menu-firenze.gif) top no-repeat;} .menu-cities li.bo {background:url(images/menu-bologna.gif) top no-repeat;} .menu-cities li.mi {background:url(images/menu-milano.gif) top no-repeat;} .menu-cities li.pd {background:url(images/menu-padova.gif) top no-repeat;} .menu-cities li.ge {background:url(images/menu-genova.gif) top no-repeat;} .menu-cities li.to {background:url(images/menu-torino.gif) top no-repeat;} .menu-cities li.vr {background:url(images/menu-verona.gif) top no-repeat;} .menu-cities li.rn {background:url(images/menu-rimini.gif) top no-repeat;} .menu-cities li.pa {background:url(images/menu-palermo.gif) top no-repeat;} .menu-cities li.pg {background:url(images/menu-perugia.gif) top no-repeat;} .menu-cities li.ba {background:url(images/menu-bari.gif) top no-repeat;} .menu-cities li.pe {background:url(images/menu-pescara.gif) top no-repeat;} .menu-cities li.rm a:hover {background:url(images/menu-roma.gif) bottom no-repeat;} .menu-cities li.fi a:hover {background:url(images/menu-firenze.gif) bottom no-repeat;} .menu-cities li.bo a:hover {background:url(images/menu-bologna.gif) bottom no-repeat;} .menu-cities li.mi a:hover {background:url(images/menu-milano.gif) bottom no-repeat;} .menu-cities li.pd a:hover {background:url(images/menu-padova.gif) bottom no-repeat;} .menu-cities li.ge a:hover {background:url(images/menu-genova.gif) bottom no-repeat;} .menu-cities li.to a:hover {background:url(images/menu-torino.gif) bottom no-repeat;} .menu-cities li.vr a:hover {background:url(images/menu-verona.gif) bottom no-repeat;} .menu-cities li.rn a:hover {background:url(images/menu-rimini.gif) bottom no-repeat;} .menu-cities li.pa a:hover {background:url(images/menu-palermo.gif) bottom no-repeat;} .menu-cities li.pg a:hover {background:url(images/menu-perugia.gif) bottom no-repeat;} .menu-cities li.ba a:hover {background:url(images/menu-bari.gif) bottom no-repeat;} .menu-cities li.pe a:hover {background:url(images/menu-pescara.gif) bottom no-repeat;} #info #box-black {width:980px; float:left; background:url(images/bg-info-box-black.gif) repeat-y;} #home #box-black {width:980px; float:left; background:url(images/bg-home-box-black.gif) repeat-y;} #info #box-bottom-black {width:980px; clear:both; height:40px; background:top no-repeat; background-image: url(images/bg-info-box-bottom-black.gif);} #home #box-bottom-black {width:980px; clear:both; height:40px; background:top no-repeat; background-image: url(images/bg-home-box-bottom-black.gif);} /* FOOTER */ #footer {clear:both; padding-top:8px; font-size:11px; text-transform:uppercase; color:#fff; letter-spacing:1px; padding-bottom:20px;} #footer a {color:#fff;} #footer .copyright {color:#8d99cd; text-transform:none;} #footer a:hover, #footer .copyright a {color:#cbe636;} #footer p {margin:5px;} #footer strong {margin-right:10px;} #content { margin-left : 12em; } /* COMPANIES LIST MISC*/ .list-banner {clear:both; margin-top:15px; width:100%; text-align:center;} .page-number {float:right; margin:20px 10px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .list-navbar table {width:100%; border:none;} .list-navbar {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff;} .list-navbar a {color:#ccc;} .list-navbar a:hover {color:#fff;} .submenu {height:200px; font-size:11px; width:90%; margin:2px auto; border:solid 1px #01050b; background-color:#2e3a5b; overflow:auto; scrollbar-3dlight-color:#2a3451; scrollbar-arrow-color:#ffffff; scrollbar-base-color:#3f5180; scrollbar-darkshadow-color:#2a3451; scrollbar-face-color:#3f5180; scrollbar-highlight-color:#3f5180; scrollbar-shadow-color:#3f5180; scrollbar-track-color:#20293f; } #left-menu ul span {margin:0;} ul#primary-nav, ul#primary-nav ul { margin: 0 1px; padding: 0; /*width: 120px; /* Width of Menu Items */ /*border-bottom: 1px solid #ccc; background: #fff; /* IE6 Bug */ font-size: 100%; } ul#primary-nav li { position: relative; list-style: none; } ul#primary-nav li a { display: block; text-decoration: none; padding: 4px; border-bottom: 0; } /* Fix IE. Hide from IE Mac \*/ * html ul#primary-nav li { float: left; height: 1%; } * html ul#primary-nav li a { height: 1%; } /* End */ ul#primary-nav ul { position: absolute; width:150px; display: none; left: -149px; /* Set 1px less than menu width */ border:solid 1px #333; background:#fff url(images/bg-right-submenu.gif) repeat-y; top: 0; } ul#primary-nav li ul li a { padding: 2px 5px} /* Sub Menu Styles */ ul#primary-nav li:hover ul ul, ul#primary-nav li:hover ul ul ul, ul#primary-nav li.over ul ul, ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */ ul#primary-nav li:hover ul, ul#primary-nav li li:hover ul, ul#primary-nav li li li:hover ul, ul#primary-nav li.over ul, ul#primary-nav li li.over ul, ul#primary-nav li li li.over ul { display: block; } /* The magic */ ul#primary-nav li.menuparent { background: transparent url(arrow.gif) right center no-repeat; } ul#primary-nav li.menuparent:hover, ul#primary-nav li.over { } ul#primary-nav li a:hover { } .home-banner {text-align:center; } .home-banner img {margin:10px auto; border:none;} .home-flash-banner {text-align:center; margin:12px auto; padding-left:20px;} #slideshow { border: none; overflow: hidden; margin: 0 auto 10px; position: relative; width: 300px; height: 250px; } #slideshow img { border:none; }