/* !reset */ @import url(blueprint/src/reset.css); @import url(blueprint/src/typography.css); @import url(../fonts/colaborate/stylesheet.css); body { background:#C2D782 url(../images/bgTile.png) repeat-y center top; background-attachment:fixed; } a:link , a:visited { color:#3B4F5F } a:hover { color:#000; } /* utilities */ .mir { display:block; overflow:hidden; text-indent:-9999em; } embed, object { outline:none; } .paragraph { margin-bottom:1em; } .text { padding:1px; font-size:14px; font-family:Georgia, "Times new roman", serif; font-style:italic; color:#333; background:#fff; border:1px solid #aaa; } .text:focus { border-color:#000; color:#000; } .error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } /* layout */ html { overflow-y:scroll; } #page-wrap { width:950px; margin:0 auto; } #footer { width:950px; margin:0 auto; } /* footer in fondo */ html, body { height:100%; } #page-wrap { min-height:100%; height:auto !important; height:100%; margin-bottom:-220px; background:#fff; } #page-content { width:950px; overflow:hidden; padding-bottom:220px; } #footer { height:220px; background:#fff; } /* header */ #header { position:relative; width:100%; height:175px; background:url(../images/bgHeaderInterno.png) no-repeat 0 0; } #header #logo { width:290px; height:92px; position:absolute; left:8px; top:8px; } #header #logo a.mir { width:290px; height:92px; background:url(../images/spriteLogoInterno.png) no-repeat 0 0; } #header #logo a.mir:hover { background-position:0 100%; } #lingue { position:absolute; top:4px; right:10px; } #lingue img { margin:0 3px; } /* menunav */ #menunav { position:absolute; top:35px; right:20px; width:645px; } #menunav ul { list-style-type:none; margin:0; padding:0; float:right; width:auto; } #menunav li { float:left; margin:0; padding:0; } #menunav li a { float:left; width:200px; height:40px; background:url(../images/spriteMenuNav.png) no-repeat 0 0; } #menunav li#m1 a { width:100px; background-position:0 0px; } #menunav li#m2 a { width:100px; background-position:0 -40px; } #menunav li#m3 a { width:145px; background-position:0 -80px; } #menunav li#m4 a { width:90px; background-position:0 -120px; } #menunav li#m5 a { width:70px; background-position:0 -160px; } #menunav li#m1 a:hover { background-position:-200px 0px; } #menunav li#m2 a:hover { background-position:-200px -40px; } #menunav li#m3 a:hover { background-position:-200px -80px; } #menunav li#m4 a:hover { background-position:-200px -120px; } #menunav li#m5 a:hover { background-position:-200px -160px; } .lang_en #menunav li#m1 a { width:105px; background-position:0 -200px; } .lang_en #menunav li#m2 a { width:105px; background-position:0 -240px; } .lang_en #menunav li#m3 a { width:150px; background-position:0 -280px; } .lang_en #menunav li#m4 a { width:110px; background-position:0 -320px; } .lang_en #menunav li#m5 a { width:150px; background-position:0 -360px; } .lang_en #menunav li#m1 a:hover { background-position:-200px -200px; } .lang_en #menunav li#m2 a:hover { background-position:-200px -240px; } .lang_en #menunav li#m3 a:hover { background-position:-200px -280px; } .lang_en #menunav li#m4 a:hover { background-position:-200px -320px; } .lang_en #menunav li#m5 a:hover { background-position:-200px -360px; } /* stage */ #stage { background:url(../images/bgStage.png) repeat-x 0 100%; padding:5px 5px 38px; } #stageWrapper { width:940px; height:490px; position:relative; } #stageBg { width:940px; height:490px; position:absolute; top:0; left:0; background:url(../images/stageBg.jpg) no-repeat 0 0; } #stageContent { width:940px; height:490px; position:absolute; top:0; left:0; } /* menu stage */ #menuTipologie { width:250px; height:150px; position:absolute; top:10px; left:10px; margin:0; padding:0; } #menuTipologie li { display:inline; } #menuTipologie li a { float:left; width:250px; height:50px; background:url(../images/spriteSezioniHome.png) no-repeat 0 0; } #menuTipologie li.l-ab a { background-position:0 0px; } #menuTipologie li.l-al a { background-position:0 -50px; } #menuTipologie li.l-ve a { background-position:0 -100px; } #menuTipologie li.l-ab a:hover { background-position:-250px 0px; } #menuTipologie li.l-al a:hover { background-position:-250px -50px; } #menuTipologie li.l-ve a:hover { background-position:-250px -100px; } #menuTipologie li.l-ab a.current { background-position:-250px 0px; } #menuTipologie li.l-al a.current { background-position:-250px -50px; } #menuTipologie li.l-ve a.current { background-position:-250px -100px; } .lang_en #menuTipologie li.l-ab a { background-position:0 -150px; } .lang_en #menuTipologie li.l-al a { background-position:0 -200px; } .lang_en #menuTipologie li.l-ve a { background-position:0 -250px; } .lang_en #menuTipologie li.l-ab a:hover { background-position:-250px -150px; } .lang_en #menuTipologie li.l-al a:hover { background-position:-250px -200px; } .lang_en #menuTipologie li.l-ve a:hover { background-position:-250px -250px; } .lang_en #menuTipologie li.l-ab a.current { background-position:-250px -150px; } .lang_en #menuTipologie li.l-al a.current { background-position:-250px -200px; } .lang_en #menuTipologie li.l-ve a.current { background-position:-250px -250px; } /* menu regioni */ #menuRegioni { width:220px; position:absolute; top:5px; left:250px; } #menuRegioni ul { list-style-type:none; margin:0; padding:0; text-align:right; } #menuRegioni li a { color:#fff; font-weight:normal; text-decoration:none; font-family:Impact, Haettenschweiler, sans-serif; font-size:15px; } #menuRegioni li a:hover { color:#c00; } a#linkItinerari { width:120px; height:30px; background:url(../images/btnItinerari.png) no-repeat 0 0; float:right; margin-top:10px; } .lang_en a#linkItinerari { background-image:url(../images/btnItinerariEn.png); } a#linkItinerari:hover { background-position:0 100%; } /* mappa stage */ #titoloMappa { position:absolute; top:10px; right:10px; width:152px; height:54px; background:url(../images/titoloProprietaHome.png); } .lang_en #titoloMappa { position:absolute; top:10px; right:10px; width:148px; height:53px; background:url(../images/titoloProprietaHomeEn.png); } #mapItaly { position:absolute; top:-80px; right:0; } /* frase stage */ #descStage { width:600px; height:114px; background:url(../images/fraseHome.png) no-repeat 0 0; position:absolute; top:300px; left:180px; } /* footer */ #footer { text-align:center; color:#766c5a; font-size:11px; background:url(../images/bgFooterInterno.png) no-repeat center bottom; } #footer a { color:#766c5a; } #footer a:hover { color:#000; } #credits { padding-top:30px; background:url(../images/hrFooter.png) no-repeat center top; } /* newsletter */ #formNewsletter { font-weight:bold; } #formNewsletter input.text { font:11px Arial,Helvetica,sans-serif; } #formNewsletter a.linkNewsletter { background:#b8a686; padding:2px 8px; text-decoration:none; color:#fff; } #formNewsletter a.linkNewsletter:hover { color:#fff; background:#766c5a } /* elenco */ .titoloElenco { height:60px; line-height:60px; margin:0; font-family:Georgia, "Times new roman", serif; font-style:italic; color:#fff; text-align:right; font-size:24px; font-weight:normal; background:url(../images/bgTitoloElenco.jpg); width:910px; padding:0 20px; } .titoloElenco a.linkBack { height:60px; line-height:60px; float:left; font-size:14px; color:#8BD1DF; font-style:italic; } .titoloElenco a.linkBack:hover { color:#fff } #content-area { margin:10px; width:930px; overflow:hidden; background:url(../images/fauxColumn.png) repeat-y 270px 0; } #sidebar { float:left; width:260px; } #main-content { float:right; width:650px; } #t-ab, #t-al, #t-ve { width:260px; height:40px; background:url(../images/spriteSearchFormElenco.png) no-repeat 0 0; margin-bottom:5px; } #t-ab { background-position:0 0px; } #t-al { background-position:0 -40px; } #t-ve { background-position:0 -80px; } .lang_en #t-ab { background-position:0 -120px; } .lang_en #t-al { background-position:0 -160px; } .lang_en #t-ve { background-position:0 -200px; } #sidebar .selectWrapper select { font-family:arial,helvetica,sans-serif; } /* results */ .singleResult { width:100%; overflow:hidden; margin-bottom:10px; padding-bottom:8px; border-bottom:2px solid #d3c4a9 } .singleResult .resultImage { float:left; margin-right:20px; width:200px; } .singleResult .resultInfo { float:left; width:240px; } .singleResult .resultTitle { font-size:1.2em; color:#dd6e24; margin-bottom:0.76em; } .singleResult .resultTitle a { color:#dd6e24; } .singleResult .resultTitle a:hover { color:#000; } .singleResult .resultType, .singleResult .resultRegion, .singleResult .resultZone, .singleResult .resultCode { color:#777; font-size:11px; margin:0; } .singleResult .resultType em, .singleResult .resultRegion em, .singleResult .resultZone em, .singleResult .resultCode em { font-style:normal; float:left; width:7em; } .singleResult .resultType strong, .singleResult .resultRegion strong, .singleResult .resultZone strong, .singleResult .resultCode strong { color:#111; } .singleResult .resultTools { float:right; width:160px; padding-top:2.5em; } .singleResult .resultTools a.addFavourites, .singleResult .resultTools a.tellFriend, .singleResult .resultTools a.linkDownload { float:left; width:160px; height:25px; line-height:25px; margin-bottom:1em; font-weight:bold; color:#000; text-decoration:none; background:url(../images/buttons.png) no-repeat 0 0; padding-left:25px; } .singleResult .resultTools a.addFavourites:hover, .singleResult .resultTools a.tellFriend:hover, .singleResult .resultTools a.linkDownload:hover { background-color:#eee; } .singleResult a.linkDetail { margin-top:12px; display:block; width:71px; padding:0 10px; line-height:19px; height:19px; background:url(../images/bgDetailButton.png) no-repeat 0 0; color:#000; text-decoration:none; font-weight:bold; } .singleResult a.linkDetail:hover { background-position:0 100%; } .singleResult .resultTools a.addFavourites { background-position:0 0; } .singleResult .resultTools a.tellFriend { background-position:0 -25px; } .singleResult .resultTools a.linkDownload { background-position:0 -50px; } /* scheda */ #scheda { width:930px; padding:10px; overflow:hidden; } #scheda .summary { width:100%; overflow:hidden; padding-bottom:20px; } #scheda .summary .resultImage { float:left; margin-right:20px; width:250px; } #scheda .summary .resultInfo { float:left; width:400px; } #scheda .summary .resultTitle { font-size:1.2em; color:#dd6e24; margin-bottom:0.76em; } #scheda .summary .resultTitle a { color:#dd6e24; } #scheda .summary .resultTitle a:hover { color:#000; } #scheda .summary .resultType, #scheda .summary .resultRegion, #scheda .summary .resultZone, #scheda .summary .resultCode { color:#777; margin:0 0 0.25em; } #scheda .summary .resultType em, #scheda .summary .resultRegion em, #scheda .summary .resultZone em, #scheda .summary .resultCode em { font-style:normal; float:left; width:9em; } #scheda .summary .resultType strong, #scheda .summary .resultRegion strong, #scheda .summary .resultZone strong, #scheda .summary .resultCode strong { color:#111; } #scheda .summary .resultTools { float:right; width:160px; padding-top:2.5em; } #scheda .summary .resultTools a.addFavourites, #scheda .summary .resultTools a.tellFriend, #scheda .summary .resultTools a.linkDownload { float:left; width:160px; height:25px; line-height:25px; margin-bottom:1em; font-weight:bold; color:#000; text-decoration:none; background:url(../images/buttons.png) no-repeat 0 0; padding-left:25px; } #scheda .summary .resultTools a.addFavourites:hover, #scheda .summary .resultTools a.tellFriend:hover, #scheda .summary .resultTools a.linkDownload:hover { background-color:#eee; } #scheda .summary .resultTools a.addFavourites { background-position:0 0; } #scheda .summary .resultTools a.tellFriend { background-position:0 -25px; } #scheda .summary .resultTools a.linkDownload { background-position:0 -50px; } /* TABS */ ul.tabs { margin:0; padding:0; list-style-type:none; height:30px; background:url(../images/bgTabs.png) repeat-x 0 100%; } ul.tabs li { float:left; } ul.tabs li a, ul.tabs li a span { float:left; height:30px; line-height:30px; text-decoration:none; font-weight:bold; color:#555; background:url(../images/spriteTabs.png) no-repeat 0 -1000px; } ul.tabs li a { margin:0 10px; } ul.tabs li a span { padding:0 15px; } ul.tabs li a:hover { background-position:0 0; } ul.tabs li a span:hover { background-position:right -30px; } ul.tabs li a.current { background-position:0 -60px; color:#000; } ul.tabs li a.current span { background-position:right -90px; color:#000; } .tabContent { padding:10px; border:2px solid #ddd; border-top-color:#F79920; width:906px; overflow:hidden; } .tabTitle { font-weight:bold; color:#444; background:url(../images/bgTitoloElenco.jpg); padding:3px 10px; font-size:13px; color:#fff; } table.caratteristiche th, table.caratteristiche td { padding:3px 5px; width:25%; border-bottom:1px dashed #aaa; } table.caratteristiche th { color:#444; font-weight:normal; } table.caratteristiche td { color:#000; font-weight:bold; } table.caratteristiche tr.odd { background:#f6f6ff; } table.prezzi { width:auto; border-collapse:collapse; } table.prezzi th { white-space:nowrap; width:130px; border-bottom:1px dashed #aaa; } table.prezzi td { background:#eee; border:1px solid #ccc; text-align:right; width:80px; white-space:nowrap; } /* FORM */ fieldset { padding:10px; background:#eee; margin-bottom:10px } fieldset .inputWrapper { width:100%; overflow:hidden; } fieldset .inputWrapper .label { float:left; width:10em; border-bottom:1px dashed #ccc; margin-right:0.5em; } fieldset .inputWrapper input.text, fieldset .inputWrapper textarea { width:25em; } fieldset .inputWrapper input.hasDatepicker { width:10em; margin-right:3px; } .button-submit { width:140px; height:30px; text-align:center; text-indent:-5px; border:0; background:url(../images/btnSubmit.png); font-family:arial,helvetica,sans-serif; font-weight:bold; color:#000; font-size:13px; cursor:pointer; } /* CALENDARIO */ .legend span { padding:3px 12px; border:1px solid #aaa; margin-left:20px; font-style:italic; } .legend span.cellAvailable { background:#fff; } .legend span.cellFull { background:#faa; color:#c00; } .legend span.cellToday { background:#FF6600; font-weight:bold; color:#fff; } table.calendar { width:auto; border-collapse:collapse; float:left; margin:10px 0 30px 40px; border:1px solid #ccc; } table.calendar td, table.calendar th { text-align:center; padding:4px 7px; border:1px solid #ccc; border-width:0 1px 0 1px; } table.calendar th { background:#0084AF; color:#fff; font-weight:normal; border:0; } table.calendar th.cellTitle { background:#17667F; font-weight:bold; border:0; } table.calendar td.cellSunday { color:#666; } table.calendar td.cellFull { background:#faa; color:#c00; } table.calendar td.cellToday { background:#FF6600; font-weight:bold; color:#fff; } /* GALLERY */ #gallery ul { list-style-type:none; margin:0; padding:0; } #gallery li { float:left; margin:0 10px 10px 0; } #gallery.js { width:900px; height:500px; position:relative; } #gallery.js #g_stage { width:680px; height:500px; position:absolute; top:0; left:0; background:url(../images/bgGallery.jpg) no-repeat 0 0; } #gallery.js #g_stage img { display:block; margin:10px auto; } #gallery.js #g_thumbs { width:200px; height:440px; position:absolute; top:30px; right:0; background:#ddd; overflow:hidden; } #gallery.js #g_thumbs ul { width:200px; overflow:hidden; position:absolute; top:0; left:0; } #gallery.js #g_thumbs li { width:180px; padding:5px 10px; margin:0; } #gallery.js a#g_handleTop { width:200px; height:30px; position:absolute; top:0; right:0; background:url(../images/arrowsGallery.jpg) no-repeat 0 0; } #gallery.js a#g_handleBottom { width:200px; height:30px; position:absolute; bottom:0; right:0; background:url(../images/arrowsGallery.jpg) no-repeat 0 -30px; } #gallery.js a#g_handleTop:hover { width:200px; height:30px; position:absolute; top:0; right:0; background:url(../images/arrowsGallery.jpg) no-repeat -200px 0; } #gallery.js a#g_handleBottom:hover { width:200px; height:30px; position:absolute; bottom:0; right:0; background:url(../images/arrowsGallery.jpg) no-repeat -200px -30px; } /* popup form */ .popupForm .input_wrapper { width:100%; overflow:hidden; margin-bottom:5px; } .popupForm .input_wrapper .label { float:left; width:14em; color:#444; } .popupForm .input_wrapper .field { float:left; width:20em; } .popupForm .input_wrapper .field input.text, .input_wrapper .field textarea, .input_wrapper .field select { width:99%; } .popupForm .button_wrapper { padding-left:14em; } /* .notice { color:#222; font-weight:bold; background:url(../images/info.png) no-repeat left center; padding-left:13px; } */ /* ELENCO LINKS */ .list-item_links{margin-bottom: 1.2em;} .titolo_links{margin-bottom: 0em; color: #FF9900;font-weight: bold;} .sottotitolo_links{margin-bottom: 0em; color: white;} .descrizione_links{margin-bottom: 0em;color: #FF9900;font-weight: bold;} .descrizione_links a:visited{color: #FF9900;font-weight: bold;} .descrizione_links a:active{color: #FF9900;font-weight: bold;} .descrizione_links a:link{color: #FF9900;font-weight: bold;} /* PAGINE STATICHE */ #fixedBox { background:url(../images/bgStage.png) repeat-x 0 100%; padding:5px 5px 38px; position:relative; } #bgChiSiamo { width:590px; height:420px; padding:10px; background:url(../images/bgChiSiamo.jpg) no-repeat 0 0; padding-left:340px; padding-right:10px; position:relative; } #bgLinks { width:490px; height:420px; padding:10px; background:url(../images/bgLinks.jpg) no-repeat 0 0; padding-left:440px; padding-right:10px; } #bgComeOperiamo { width:590px; height:420px; padding:10px; background:url(../images/bgComeOperiamo.jpg) no-repeat 0 0; padding-left:340px; padding-right:10px; } #bgDoveSiamo { width:690px; height:420px; padding:10px; background:url(../images/bgDoveSiamo.jpg) no-repeat 0 0; padding-left:240px; padding-right:10px; } #bgChiSiamo .jScrollPaneTrack { background-color:#1f759e; } #bgChiSiamo .jScrollPaneDrag { background-color:#53a8d1 } #bgLinks .jScrollPaneTrack { background-color:#5c5c00; } #bgLinks .jScrollPaneDrag { background-color:#a1a13e } #bgComeOperiamo .jScrollPaneTrack { background-color:#1f759e; } #bgComeOperiamo .jScrollPaneDrag { background-color:#53a8d1 } #bgDoveSiamo .jScrollPaneTrack { background-color:#761223; } #bgDoveSiamo .jScrollPaneDrag { background-color:#cc4f5f } .testoStatico { color:#fff;text-align:justify; height:420px; font-size:13px; } .testoStatico h1, .testoStatico h2, .testoStatico h3, .testoStatico h4, .testoStatico h5, .testoStatico h6 { color:#fff; } .testoStatico h2.title { line-height:50px; margin:0; font-family:Georgia, "Times new roman", serif; text-align:left; font-style:italic; font-size:26px; font-weight:normal; } #chisiamoLinks { position:absolute; top:440px; right:25px; z-index:90; } #chisiamoLinks a { float:left; padding:5px 13px; font:14px Georgia,"Times new roman", serif; color:#fff; background:#800; font-style:italic; text-decoration:none; margin-left:10px; } #chisiamoLinks a:hover { background-color:#c00; } #linkContattaci { display:block; width:151px; height:57px; font-size:20px; font-family:Georgia,"Times new roman",serif; color:#fff; background:url(../images/bgBtnContattaci.png); line-height:47px; padding-left:70px; text-decoration:none; font-weight:normal; } #mappaGoogle { width:380px; height:400px; float:right; margin-left:20px; } /* form contattaci */ #formContattaci { width:690px; height:420px; padding:10px; background:url(../images/bgDoveSiamo.jpg) no-repeat 0 0; padding-left:240px; padding-right:10px; color:#fff; } #formContattaci h2.title { line-height:50px; margin:0; font-family:Georgia, "Times new roman", serif; text-align:left; font-style:italic; font-size:26px; font-weight:normal; color:#fff; } #formContattaci a { color:#fff; } #formContattaci fieldset { padding:0px; background:transparent; margin-bottom:0px } #formContattaci fieldset .inputWrapper { width:100%; overflow:hidden; margin-bottom:0.5em; } #formContattaci fieldset .inputWrapper .label { float:left; width:10em; border-bottom:1px dashed #be384a; margin-right:0.2em; font-weight:bold; } #formContattaci fieldset .inputWrapper input.text, #formContattaci fieldset .inputWrapper textarea { width:20em; } #formContattaci fieldset .inputWrapper input.hasDatepicker { width:10em; margin-right:3px; } #formContattaci .button-submit { } /* PAGINATION */ .pagination { margin-left:10px; clear:both; padding:10px 0; width:640px; overflow:hidden; } .pagination span.current, .pagination a { float:left; height:20px; line-height:20px; padding:0 5px; text-decoration:none; color:#333; background:#eee; margin-right:3px; } .pagination a:hover { background:#ccc; } .pagination span.current { font-weight:bold; background:#c00; color:#fff; } /* SITEMAP */ ul.tree, ul.tree ul { list-style-type:none; background:url(../images/vline.png) repeat-y; margin:0; padding:0; margin-left:20px; } ul.tree { margin-bottom:1em; } ul.tree ul { margin-left:20px; } ul.tree li { margin:0; padding:0 22px; line-height:20px; background:url(../images/node.png) no-repeat; color:#369; font-weight:bold; } ul.tree li.last { background:#fff url(../images/lastnode.png) no-repeat; } ul.tree a { font-size:14px; font-weight:bold; } ul.tree ul a { font-size:12px; font-weight:normal; } /* REFERENZE */ .thumbReferenza { width:100%; overflow:hidden; } .thumbReferenza a { float:left; margin:0 10px 10px 0; } .thumbReferenza a img { padding:4px; } .thumbReferenza a:hover img { background:#fff; }