/* @import '/css/style-thr.css'; */ /* SWIPER */ @import url('/css/swiper.css'); /* CSS Document */ @import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700,900|Trirong:200i,300i,400i|Lato:400,700'); :root { /* ==== BRAND / PRIMARY COLORS ====== */ --color-primary-900: #262627; --color-primary-800: #043954; --color-primary-700: #01538D; --color-primary-500: #1e88bc; --color-primary-300: #42B5EB; --color-primary-100: #d4effb; --color-secondary-700: #0a6045; --color-secondary-500: #1a5f40; --color-secondary-300: #0fb168; --color-secondary-100: #d4f7cc; /* ===== GRAYSCALE ======= */ --gray-900: #616161; --gray-700: #999999; --gray-600: #adadad; --gray-500: #c5c7c7; --gray-400: #cccccc; --gray-300: #dadada; --gray-200: #ebebeb; --gray-150: #ccd7df; --gray-100: #ededed; --gray-050: #edf1f3; /* ===== FEEDBACK / UI COLORS ===== */ --color-danger-700: #ba0012; --color-danger-500: #e30613; --color-warning-700: #d94f00; --color-warning-500: #ff5722; --color-warning-100: #fff0c9; /* === BASE ===== */ --color-white: #ffffff; --color-black: #000000; /* Text */ --text-main: #333; --text-light: #666; /* UI */ --radius-xsm: 3px; --radius-sm: 4px; --shadow-sm: 0 2px 6px rgba(0,0,0,.1); /* Z */ --z-header: 10; --z-dropdown: 100; --z-modal: 1000; --z-cookie: 2000; } html {-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */; height:100%;/* -webkit-font-smoothing:antialiased */} body {margin:0;padding:0;font-size:100%;font-family: 'Roboto', sans-serif!important; color: var(--gray-900); position:relative;-webkit-text-stroke: 1px rgba(0,0,0,0.1)} header, footer, article, nav {display: block;} .inner {max-width: 1200px;margin: 0 auto;} a img {border:0} a {transition-duration: 0.5s;transition-property: all; text-decoration:none;} /* :focus{outline:none !important} */ :focus-visible {outline: 2px solid var(--color-primary-300);} .container{clear:both;} .innerSite{max-width:1200px;margin:0 auto;} .noPadding{padding:0} .noMargin{margin:0} .error{color:var(--color-danger-500);font-size:12px;} .dispNone{display:none;} .basicText{font-weight:300; font-size:15px} .simpleLink{color:var(--color-black); font-weight:500} .simpleLink:hover{text-decoration:underline;} .blueLink{color:var(--color-primary-500); font-weight:600} .blueLink:hover{text-decoration:underline;} .titleCursive{font-weight:300; font-style:italic;} .whiteLink{color:var(--color-white); font-weight:600} .whiteLink:hover{text-decoration:underline;} .btnLight {font-size: 16px;margin: 15px 0;color: var(--color-primary-500);font-weight: 300;border: solid 1px var(--color-primary-500);padding: 8px 10px; display: inline-block;} .btnLight:hover { background-color:var(--color-white)} .btnIco{color:var(--color-black); font-weight:400;} .btnIco svg{ width:18px; height:auto; margin-right:5px; position:relative; top:3px} .btnIco svg path{fill:var(--color-black);} .btnIco span{color:var(--color-black); font-weight:400; font-size:12px} .btnIco:hover span{text-decoration:underline} .basicText a{color:var(--color-black); font-weight:400;} .basicText a:hover{text-decoration:underline} .basicText strong,.basicText b{color:var(--color-black); font-weight:400;} .text-main {color: var(--text-main)} h2 {font-weight: 300} .fs-06 {font-size:0.6em;} .fs-08 {font-size:0.8em;} .fs-07 {font-size:0.7em;} .fs-15 {font-size:15px;} .fs-20 {font-size:20px;} .fs-24 {font-size:24px;} .clear{clear:both;} .btnGreen {background-color: var(--color-secondary-700);border: solid 1px var(--color-white);color: var(--color-white);font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: 1px;padding: 4px 8px;text-transform: uppercase;-webkit-border-radius: var(--radius-xsm);border-radius: var(--radius-xsm);background-image: url(/img/stripes_10_w.png)} .btnGreen:hover {background-color:var(--color-white);border: solid 1px var(--color-secondary-700); color:var(--color-secondary-700)} .headSite .headMenuCont {text-align: right;height: 38px;} .whiteColor {color:var(--color-white)} .blueTitle {color: var(--color-primary-900);font-weight: 300;font-size: 38px; margin:0 0 15px;} .introText {font-size: 19px;line-height: 32px;font-weight: 300;letter-spacing: 0.02em;} .btnGreen.whiteColor {font-size:11px;color:var(--color-white);letter-spacing:0.6px;font-weight: 700;} .btnGreen.whiteColor:hover { font-size:11px;color:var(--color-primary-900);} .pageMod.m-plus .pageModTitle {text-align: center;} .pageMod.m-plus .pageModTitle .titleText {font-weight: 300;font-size: 38px;margin: 20px 0 0;} .pageMod.m-info-utili .pageModTitle {text-align: center;} .pageMod.m-info-utili .pageModTitle .titleText {font-weight: 300;font-size: 38px;margin: 20px 0 0;font-family: 'Roboto', sans-serif!important;} .pageMod.news .pageModTitle {text-align: center;} .pageMod.news .pageModTitle .titleText {font-weight: 300;font-size: 38px;margin: 20px 0 0;} .pageHpVa .pageMod.m-news-home .pageModTitle {text-align: center;} .pageHpVa .pageMod.m-news-home .pageModTitle .titleText {font-weight: 300;font-size: 38px;margin: 20px 0 0;} .pageHpVa .pageMod .contNews .boxTitle .basicText {min-height:97px;} .contNews .boxTitle .greenBck{background-color: var(--color-secondary-700);color:var(--color-white);font-size: 16px;font-weight: 400;padding: 10px 15px;text-transform:uppercase;display: table;} .contNews .thumb{width:100%;} .contNews .boxTitle .subTitle a.link {color:var(--color-primary-900);} .contNews .boxTitle .basicText {margin:10px 0} .pageHpVa .motore-bck {border: solid 20px var(--color-secondary-700)!important;} .accordion-body .panUlTitle {color: var(--color-secondary-700)!important;text-transform: uppercase!important;} .bodyPage .contNews .boxTitle {float:left; width:48%;} .bodyPage .contNews .trailer{float:left;width: 31%;margin-bottom:5%;margin-right: 2%;} .bodyPage .contNews.third.column {width: 100%;border-bottom:solid 1px; margin-bottom:30px} .bodyPage .contNews .boxTitle .basicText {margin: 5px 0 45px;} .bodyPage .contNews.third.column:nth-child(1){float:none; margin-right:2%} .bodyPage .contNews.third.column:nth-child(2){float:none; } .bodyPage .contNews.third.column:nth-child(3){float:none;} .pageMod.m-plus .basicText {text-align: center;margin: 0;} .Grid .vetrinaBox .vetrinaLink .occhiello {color: var(--color-white);} .Grid .vetrinaBox .panel {background: var(--color-secondary-700);border-top: solid 2px var(--color-white);border-bottom: solid 1px #cccccc;} .Grid .vetrinaBox .vetrinaLink .title {display: block;font-size: 22px;text-transform: uppercase;margin-bottom: 5px; font-weight:500} .pageModTitle .titleText {color: var(--color-primary-900);} .headSite .headBotCont {border-top:none;border-bottom:none;} .footCont .footLeft .loghino {width: 40%;} .widgetSchedaCont {top: -100px;} .pageScheda .pageHead { height: 350px;} .schedaTop .pageTitle h1 {text-transform: none;} .schedaTop .infoLoc .label .ico-marker {display: none;} .basicText strong, .basicText b {color:var(--color-primary-900);font-weight: 400;} .m-banner .titleBan{color:var(--color-primary-900);font-weight:300; font-size:30px; margin: 10px 0;} .m-banner .textBan{font-size: 16px;line-height: 25px;margin-bottom: 5px;} .m-banner .bannerAction{line-height:30px; overflow:hidden} .m-banner .claimBan{float:left; line-height:18px; max-width:80%; padding-top:5px} .m-banner .claimBan span{color:var(--color-primary-500);font-size:13px; font-weight:400; font-style:italic;} .m-banner .claimBan span strong{color:var(--color-black);text-transform:uppercase; font-weight:800} .m-banner .bannerLink{float:right;} /* BOX- */ .modDoc .item {float:right;width:49%; margin:0 0 10px;} .modDoc .item:nth-child(2n+1) {float:left;} .modDoc .item.col-2 {float:left;width:49%;margin:0 0 10px 2%;} .modDoc .item.col-2:nth-child(2n+1) {clear:both;margin-left:0} .modDoc .item.col-1 {float:none;width:100%; margin:10px 0; clear:both;} /*.modDoc .item.col-4{width:22%; float:left; margin:0 2% 10px 0} */ img.cover-3 {box-shadow: 4px 3px 7px var(--gray-300);} .cover-3:nth-child(1){margin-right:2%; margin-top:20px} .cover-3:nth-child(2){margin-top:20px} .cover-3:nth-child(3){margin-left:2%; margin-top:20px} .modDoc .item.col-3{width:32%;} .modDoc .item.col-3:nth-child(1){float:left; margin-right:2%} .modDoc .item.col-3:nth-child(2){float:left; } .modDoc .item.col-3:nth-child(3){float:right;} .modDoc .item .box{border: solid 2px var(--gray-100); border-radius:2px;padding: 12px;} .modDoc .item .box .title {font-size: 25px; font-weight: 300; color:var(--color-primary-900); border-bottom: solid 1px var(--gray-100); font-style: italic; padding:0 0 5px} .modDoc .item .box .subtitle {font-size: 14px;line-height: 24px;font-weight: 300;display: block;color:var(--gray-200); padding:15px 0; text-transform:none;} /* Trailer box */ .box-strutture{margin-top:20px} /*.column {float: left;margin: 0 1% 40px;}*/ .third.column {width: 32%} .third.column:nth-child(1){float:left; margin-right:2%} .third.column:nth-child(2){float:left; } .third.column:nth-child(3){float:right;} .fourth.column {width: 23%;float:left;margin: 0 1% 40px;} .third.column.cat {width: 23%;float:left;margin: 0 1% 40px;} .trailer_box {text-align: center;position: relative;line-height: 0} .trailer_box a {display: block; color:var(--color-white);} .trailer_box a:hover {color:white!important;} .trailer_box a:after {content: "";display: block;position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;filter: alpha(opacity=0);opacity: 0;background: rgba(0, 0, 0, .15)} .trailer_box:hover a:after {filter: alpha(opacity=100);opacity: 100; color:white!important;} .trailer_box .desc {position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;padding: 20px 15px 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box} .trailer_box .desc h2 {font-size: 33px;line-height: 27px;font-weight: 400;text-shadow: 0 2px 5px rgba(0,0,0,0.7);margin: 0;position: relative;bottom: 0;} .trailer_box .desc .title {margin: 0;position: relative;bottom: 0;font-size: 22px;line-height: 30px;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.92);} .trailer_box:hover .desc h2 {bottom: 20px} .trailer_box .desc .subtitle {display: inline-block;position: relative;bottom: 0;line-height: normal;letter-spacing: 1px;padding: 4px 8px;text-transform: uppercase;margin-bottom: 15px;-webkit-border-radius: 3px;border-radius: 3px;background-image: url(/img/stripes_10_w.png)} .trailer_box:hover .desc .subtitle {bottom: 20px} .trailer_box .desc .line {height: 1px;width: 0;margin: 15px auto;background: var(--color-white);overflow: hidden;display: block} .trailer_box:hover .desc .line {width: 60%} img.scale-with-grid, #Content img {max-width: 100%;height: auto;} .trailer_box a:after, .trailer_box .desc .subtitle, .trailer_box .desc .line, .trailer_box .desc h2 {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out} .trailer_box .desc .subtitle {background-color: var(--color-secondary-700);border: solid 1px var(--color-white);color:var(--color-white);font-size: 16px;font-weight: 400;} .trailer_box .desc .loc {font-size: 15px;font-weight: 600;} .expandContainer.linkCont .simpleLink {color: var(--color-black);font-weight: 500;border: solid 1px var(--color-secondary-700);padding: 6px 5px;border-radius: 3px;text-decoration: none;margin: 0 8px;} /* .menuTop .linkCont {margin-top: 19px; margin-left: 2px;} */ .menuTop{ position:relative; text-align:left; float:right; line-height:97px; padding-top:5px; background:var(--color-white)} .menuTop .linkCont{display:inline-block; background: var(--color-white); margin-left:5px!important; position:relative;} .pageModTitle .titleIco svg {width: 25px;height: 25px;position: relative;top: -4px} .headSite .headMenuCont .headMenu .headText {margin: 0!important;line-height: 39px!important;} .footCont a.simpleLink {color: var(--color-white);} table.service { border: 1px solid var(--gray-100); margin: 20px 0; width: 50%} table.service th { border: 1px solid var(--gray-100); background-color: var(--gray-100); text-align: left; color:var(--color-white);font-weight: 100; /*font-size: 125%;*/ padding: 2px 3px;} table.service td { padding: 2px 3px;border: 1px solid var(--gray-100);font-size: 75%;} .pageBasic.pageImage .article.basicText h3{ color:var(--color-primary-900); font-weight: 300} .homeClaimCont {width: 400px;border-right:solid 1px var(--color-white);border-left:solid 1px var(--color-white);position:absolute;left: 0;right: -800px;margin:auto;top: 0;background: rgba(255, 255, 255, 0.8);z-index:3000;height: 520px;} .homeClaimCont .title-sl{color: var(--color-secondary-700);font-size: 42px; font-weight: 300;max-width: 90%;margin: 10px auto; } .homeClaimCont .subtitle-sl{color:var(--color-primary-900); font-weight: 300;font-size: 22px;margin: 20px 0;} .homeClaimCont .inner-sl{padding: 50px 10px 0 10px; text-align:center} .homeClaimCont .inner-sl .btnGreen{ display:inline-block; margin-top:20px} .linkCont{position:absolute;left:0;right:0;top: 76%;z-index:2;background: var(--color-secondary-700);padding: 0!important;} .linkCont .link{display:block; color:var(--color-white); font-weight:600;letter-spacing:0.05em;text-align:center;} .linkCont .title{color:var(--color-white); font-weight:600; font-size:18px; text-transform:uppercase;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);text-align:center;margin-bottom: 8px;} /* INF- */ .infoMod .infoBox{padding:15px; background-color:var(--gray-100); background-image:url('/img/svgicon/svgico-info-blue.svg'); background-repeat: no-repeat; background-position: 15px 15px;} .pageArt.bgGray .infoMod .infoBox{background-color:var(--color-white);} .infoMod .infoBox .pageModTitle{padding-left:80px; font-size:14px; margin:0;} .infoMod .infoBox .basicText{padding-left:80px; line-height:22px; margin-bottom:0;} .bgGray .infoMod .infoBox{border:1px solid var(--gray-300); background-color:var(--color-white);} /* footer */ .col,.cols {float: left;margin: 0 1% 40px;} /* Base Grid*/ .one-sixth.col {width: 14.666%;} /* 1/6 */ .one-fifth.col {width: 18%;} /* 1/5 */ .four.col,.one-fourth.col {width: 23%;} /* 1/4 */ .one-third.col {width: 31.333%;} /* 1/3 */ .one-second.col {width: 48%;} /* 1/2 */ .two-third.col {width: 64.666%;} /* 2/3 */ .three-fourth.col {width: 73%;} /* 3/4 */ .one.col {width: 98%;} .powerby {font-size: 9px;text-transform: uppercase;padding-right: 10px;} .logo-opentur{width: 60px;height: auto;position: relative;top: 0;} .formTitle strong{color: var(--color-primary-900); font-weight: 700; font-size: 22px; display:block;} .formTitle span{font-weight:300; font-size:18px;display:block;} .formTitle.small strong{font-size: 18px;} .formTitle.small span{font-size:13px;} .formRow label{font-size:13px; color:var(--color-primary-900); font-weight:600; text-transform:uppercase;} .formRow .formCaptcha img{width:90%;} .formCont .formRow{margin-bottom:10px; overflow:hidden;} .formCont .formBox2{width:50%; float:left;} .formCont .formBox3{width:33%; float:left;} .formCont .obbl{color:var(--color-danger-700);font-weight:900; font-size:15px; margin:0 2px} .formCont .smallText{font-size:13px;font-weight:200;} .formCont .formBox {position:relative;} .formCont .formBoxBlock label{display:block; margin-bottom:5px} .formCont label.dispBlock {margin-bottom:5px} .formCont .formBoxBlock .txt{display:block; width:90%;} .formCont .formBox2:last-child .txt{float:right;} .formCont .formBox2:last-child label{padding-left:10%;} .formCont .formBox2:last-child label.error{right:0px} .formCont .formBoxBlock.formBox1 .txt{display:block; width:100%;} .formCont .formTextareaBig .txt{min-height:120px} .formCont .formRow.formAction{text-align:center; margin:20px auto; padding:20px 0} .formCont .formRow.formAction.formActionBig .btnBlue {font-size:24px; padding:6px 10px} .formCont .formRow.formAction.formActionBig .btnBlue.disabled{background:var(--gray-100);border:1px solid var(--gray-100);} .formCont .formRow.formAction.formActionBig .btnBlue.disabled:hover{color:var(--color-white);cursor:default;} .pageImage .pageMod {padding: 10px 0;} /* style thr */ /* TITLES */ .schedaTop.schedaTopInner .blueTitle{color: var(--color-primary-900);font-size:42px; line-height:48px; letter-spacing:0.02em; font-weight:400; margin-bottom:20px; } .pageTitle h1 {font-weight: 400;font-size: 42px;margin: 0 0 20px;padding: 0;} /* header */ #headerTop{position:relative; z-index:10;} .headSite .headTopCont{background: var(--color-secondary-700);color:var(--gray-300); overflow:hidden; font-size:15px; font-weight:200;} .headSite .headBotCont .innerSite .headLogo .logo {margin-top: 10px;margin-bottom:10px;width: 290px;height: auto;} .menuMob {display: none; float:right; padding:15px 15px 0} .menuMob svg{width:35px; height:35px;} .menuMob svg path{fill:var(--color-white);} .menuMob.blue svg path{fill:var(--color-primary-900);} .headBack {float:left; line-height:35px;} .headLink{color:var(--gray-300); font-weight:200;} .headLink strong{color:var(--color-white); font-weight:600; margin:0 5px} .headLink:hover strong{border-bottom:1px solid var(--color-white)} .headMenuCont .headMenu .headText .headItem {background:var(--color-white); color:var(--color-secondary-500); display:inline-block;padding: 0 20px;} .headMenuCont .headMenu .headText .headItem-logout {display:inline-block;padding: 8px 12px;} .headSiteB2c .menuTop .linkCont .simpleLink .label{color:var(--color-white)!important; text-transform:uppercase!important; font-size:14px!important;font-weight:300!important} .menuTop .linkCont .simpleLink .label {font-size: 12px!important;font-weight: 400!important;color: var(--color-secondary-700)!important;text-transform: uppercase!important;} .menuTop .linkCont .ico{position:relative; top:3px!important; margin-left:4px!important;} .menuTop .linkCont .ico path{fill:var(--gray-300);} .menuTop .linkCont .icomeno{display:none;} .menuTop .linkCont.open .icomeno{display:inline;} .menuTop .linkCont.open .icoplus{display:none;} .headPanel{right: 0;top: 28px;display: none;position: absolute;padding-bottom: 0 !important;border: 1px solid var(--color-secondary-700);} .headPanel.panelSmall{width:250px;} .headPanel.panelDest{right: 0px; background:var(--color-white); } .open .headPanel .inner{padding:5px;overflow:hidden;background:var(--color-white);} .open .headPanel .headPanelLink {padding:10px 20px 10px 10px; border-bottom:1px solid var(--color-secondary-700); display:block; background:url('/img/ico-small-arrow-gray-right.png') no-repeat 218px 14px;line-height: 24px;} .open .headPanel .headPanelLink:hover{background-color:var(--gray-050);} .open .headPanel .headPanelLink.liv2:hover{background-color:var(--gray-050);} .open .headPanel .headPanelLink:last-child{border-bottom: none} .open .headPanel .headPanelLink:hover{background-color:var(--gray-100);} .open .headPanel .headPanelLink .label {color: var(--color-secondary-300);font-size: 13px;font-weight: 400;display: block;margin-top: 3px;text-align: right;} .open .headPanel .headPanelLink .title {color: var(--color-primary-900);text-transform: uppercase;font-size: 12px;font-weight: 500;display: block;line-height: 18px;text-align: right;} .open .headPanel .inner {padding:0} .open .headPanel .headPanelLink .title{color: var(--color-primary-900); text-transform: uppercase; font-size: 11px; font-weight: 400;display: block;line-height: 18px;} /* .open .headPanel .headPanelLink .label{color:#bbbbbb;font-size:12px; font-weight:200; display:block; margin-top:3px;} */ .open .headPanel .headPanelLink.liv2{padding:5px 28px 5px 5px;background:url('/img/ico-small-listing.png') no-repeat 220px 7px;} .open .headPanel .headPanelLink.liv2 .title{color: var(--gray-600); font-size: 10px;} .open .headPanel .headPanelLink.liv2 .label{display:none} .panelBoxLeft{width:30%; float:left; background:var(--color-black);} .panelBoxAll{width:70%; float:right; background:var(--color-primary-900)} .open .headPanel .panelBoxAll .cont50{width:50%; float:left; padding:0;} .open .headPanel .panelBoxAll .cont100{width:100%; float:none; clear:both; padding:0;} .open .headPanel .panelBoxLeft .inner{background-color:var(--color-black)} .open .headPanel .panelBoxLeft .inner .titleCursive{text-align:right;} .open .headPanel .panelBoxLeft .headPanelLink{background-color:var(--color-black); border-bottom:1px solid var(--color-primary-900)} .open .headPanel .panelBox .headPanelLink{background-image:none} .open .headPanel .panelBox .titleCursive{display:block; padding:15px; text-align:center; color:var(--gray-700);} .open .headPanel .panelBoxAll .headPanelLink{width:50%; float:left; border-bottom:none; padding:0; margin-bottom:5px;} .open .headPanel .panelBoxAll .headPanelLink .headPanelInner{padding:5px; display:inline-block;} .open .headPanel .panelBoxAll .cont100 .headPanelLink{width:25%;} .colProd .panelColHead .title{color:var(--color-primary-900)} .headPanel.panelDest{border-right:0;border-left:0;} .headPanel .NT-tipoMenu{width:400px;} .headPanel.panelDest .panelDestCol.colDest{background:var(--gray-100);} .headPanel.panelDest .panelDestCol.colVillaggi {background-color:var(--color-white);padding: 0 20px 20px;} .panelDestCol.colVill .panelColBot .panelColLink,.panelDestCol.colVillaggi .panelColBot .panelColLink{width:50%; float:left;} .panelDestCol.colDest .panelColBot .panelColLink{width:50%; float:left;} .panelDestCol.colDest .panelColBot .panelColLink:nth-child(odd){clear:both;} .panelColHead .title{padding: 6px 0 0; display:block;} .panelColHead a.title:hover strong{opacity:0.8} .panelColHead a.title:hover span{opacity:0.8} .expandBox .panelColHead .text{padding:0 15px;font-size:10px; text-transform:uppercase; line-height:15px; min-height:60px;} .panelColHead .title strong{font-size:32px; font-weight:300; display:block; margin-bottom:5px; letter-spacing:0.03em;} .panelColHead .title span{font-size:18px; font-weight:300; display:block;} .panelColBot .panelColLink{padding:8px 0; display:block; background:url('/img/ico-small-arrow-gray-right.png') no-repeat 96% 12px;} .panelColBot .panelColLink.footer{padding:8px 0; display:block;background:var(--gray-050)} .panelColBot .panelColLink:hover{background-color:var(--gray-150)} .colTour .panelColBot .panelColLink:hover{background-color:#ced9dc;} .colViaggi .panelColBot .panelColLink:hover{background-color:#F2EFED;} .colDest .panelColBot .panelColLink:hover .title{color:var(--color-white);} .colDest .panelColBot .panelColLink:hover {background-image:url('/img/ico-small-arrow-right.png') no-repeat 96% 12px;} .panelColBot .panelColLink .title{color: #003366; text-transform: uppercase; font-size: 10px; font-weight: 400;display: block;line-height: 15px; padding-right:30px; padding-left:5px} .panelColBot .panelColLink .sub-title{color: var(--gray-900); font-size: 10px; font-weight: 400;display: block;line-height: 14px; padding-right:30px; padding-left:5px} .panelColBot .panelColLink .title.blue{color: #006699; text-transform: uppercase; font-size: 10px; font-weight: 500;display: block;line-height: 14px; padding:0; text-align:center} .panelDestCol.colDest .panelColBot .panelColLink {padding:5px 0; background:none; text-align:center;} .panelDestCol.colDest .panelColBot .panelColLink .title{padding:4px 0; background:none; text-align:center; font-size:9px; padding:0 4px;color:var(--gray-900);} .panelDestCol.colDest .panelColBot .panelColLink:hover .title{text-decoration:underline} .panelColHead .thumb {height:113px;border: solid 2px var(--gray-150)} .panelColHead .thumb .ico.icopin{position: relative;top: 0px;margin-left: 0px; padding:25px 10px 0; display:block; } .panelColHead .thumb .ico.icopin svg{width:45px;} .panelColHead .thumb .ico.icopin svg path{fill:#252e35;} .pageCheck .pageMain{padding:40px 0 0} .pageMod{padding:20px 0; clear:both;} .pageModTitle {color:var(--color-black); font-weight:500; font-size:16px;margin:5px 0 12px; position:relative; display:block} .pageModTitle .titleText .link{color:var(--color-primary-900)} .pageModTitle .titleText .link:hover{text-decoration:underline;} .pageModTitle.small { font-size:15px;margin:3px 0 6px;} .pageMod .subtitle{color:var(--gray-150);font-weight:300;display:block; text-transform: uppercase;font-size:20px;margin:5px 0 12px;} .pageModTitle h4.titleText {display: inline-block;font-weight: 300;font-size: 25px;margin: 0;font-weight: 300;text-transform: none;} /* ARTICLO */ .mainArt{margin-top:30px} .mainArt.centerText{text-align:center;} .mainArt .blueTitle{margin:0 0 30px;} .mainArt .bigText{margin:0 0 6px;} .mainArt .upDark{margin:0 0 30px;} .mainArt .mainText{margin:0 0 30px; font-size:18px; line-height:30px; font-weight:200} .mainArt .mainText strong{color:var(--color-primary-900)} .mainArt.smallTitle .blueTitle{font-size:28px; color:var(--color-black); text-transform:uppercase; font-weight:700; margin-bottom:5px} .bigText{font-size:24px; font-weight:200; color:var(--color-primary-900)} /* BUTTONS */ .btnBlue{background:var(--color-primary-300); color:var(--color-white); padding: 6px 12px; white-space: nowrap; font-size: 15px; font-weight: 500; cursor: pointer; border-radius: var(--radius-xsm); display: inline-block;} .btnBlue:hover{background:#5398b9; /*border: 1px solid var(--color-primary-900);*/} .btnWhite{background:rgba(255,255,255,1) ;color:var(--color-primary-900); padding:3px 8px; font-size:14px; font-weight:400; cursor:pointer;border:1px solid var(--gray-400);} .btnWhite:hover{background:rgba(255,255,255,0.8); border:1px solid var(--color-primary-900);} .btnRed{background:var(--color-danger-500);color:var(--color-white); padding:3px 8px; font-size:14px; font-weight:400; cursor:pointer;border:1px solid var(--color-danger-700);} .btnRed:hover{background:var(--color-white);color:var(--color-danger-700);} .btnGray{background:#e9e9e9;color:#232d36; padding:6px 12px; white-space: nowrap;font-size:15px; font-weight:400; cursor:pointer;border-radius:var(--radius-xsm); } .btnGray:hover{background:#d0d0d0;color:var(--color-black); text-decoration:none !important} .btnDark {background: #242e35; color: var(--color-white)!important; padding: 6px 12px; white-space: nowrap; font-size: 15px; font-weight: 400; cursor: pointer; border-radius: var(--radius-xsm);} /* LOADING */ #LoadingScheda.loading {position: fixed; width: 100%; height: 100%; z-index: 7999;top: 0; left: 0;} #LoadingScheda.loading .icoDark{display:block;} #LoadingScheda.loading .icoLight{display:none} #LoadingScheda .loadMsgCont{text-align:center; padding:15px 0; position:absolute; top:40%; left:0; right:0} .loadPage{height:100%;} .load-cont{height:100%;background:rgba(0,0,0,0.7); padding-top: 140px;} .load-panel{background:rgba(255,255,255,0.9); max-width:600px; border-radius:5px; border:1px solid var(--gray-100); text-align:center; margin:auto;} .load-panel-inner{padding:40px} .load-panel .title{color:var(--color-primary-700); font-weight:100; font-size:42px; margin-bottom:12px;} .load-panel .subtitle{color:var(--gray-700); font-weight:300; font-size:12px; text-transform:uppercase;} .loadMsgCont center{margin:2px 0 0; font-size:11px; text-transform:uppercase; letter-spacing:0.05em; font-weight:300; color:var(--gray-700);} /* ANIMAZIONE LOADING */ .spinner {margin: 20px auto; width: 70px; text-align: center;} .spinner > div {width: 18px;height: 18px; background-color: var(--color-primary-900); border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;} .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;} @-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .gv-txt-desc { max-height: 178px; overflow: hidden; transition: all 1s;} .gv-txt-all .gv-txt-desc { overflow: hidden; max-height: none;transition: all 1s;} .readMore { position: absolute; bottom: 0px; left: 0; } .readMore.btnBlue {background:var(--color-white);color:var(--color-black);font-size:14px;cursor:pointer;border: solid green 1px;padding: 0 10px;display: block;} .gv-txt-all .gv-hide { display:block; background:none;} .ist-info-label {border-bottom:none;font-size:unset; padding:0} .gv-txt { border-bottom: none; /*line-height: 1.6em;*/ padding: 0 0 3% 0; width: 100%; line-height: unset; } .gv-hide { bottom: -1px; } /*.landingCont .landHead .gv-txt strong, */.gv-txt b { color: unset; font-style: unset; font-weight: bold; } /* menu mobile */ header.mob {display: none;float:right;} /* Screen reader only */ header.mob .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;} /* Button styling */ header.mob .menu-toggle {display: inline-block;padding: .75em 15px;line-height: 1em;font-size: 1em;color: var(--color-primary-900);-webkit-tap-highlight-color: rgba(255, 255, 255, 0); } header.mob .menu-toggle:hover, header.mob .menu-toggle:focus {color:var(--color-danger-500);} header.mob .menu-toggle .ico-burg {width: 28px;height: 4px;background-color: var(--color-secondary-700);margin: 6px 0;display: block;border-radius: 10% / 40%;} /*Default styles + Mobile firstOffscreen menu style */ header.mob .main-menu {position: absolute;display: none;right: -200px;top: 0;height: 100%;overflow-y: scroll;overflow-x: visible;transition: left 0.3s ease,box-shadow 0.3s ease;z-index: 999;} header.mob .main-menu ul {list-style: none;margin: 0;padding: 3.5em 0 0; /* Hide shadow w/ -8px while 'closed' */ -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5); -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5); box-shadow: -8px 0 8px rgba(0,0,0,.5); min-height: 100%;width: 70vw;background: var(--color-secondary-700);} header.mob .main-menu ul .text {color:var(--color-white);padding: .95em 20px;font-weight: 600;} header.mob .main-menu ul .ico {padding: .95em 20px 0;width:220px;height:50px} header.mob .main-menu ul.head-ico svg path {fill:var(--color-white);} header.mob .main-menu ul.head-ico svg polygon {fill:var(--color-white);} header.mob .main-menu ul.head-ico .ico {padding: 0;} header.mob .main-menu a {display: block;padding: .95em 20px;line-height: 1em;font-size: 19px;color: var(--color-white);text-decoration: none;border-bottom: none;} header.mob .main-menu li:first-child a {border-top: none;} header.mob .main-menu a:hover, header.mob .main-menu a:focus {background: var(--color-primary-900);text-decoration: underline;} header.mob .main-menu .menu-close {position: absolute;left: 0;top: 0;} header.mob .main-menu .menu-close .close {font-weight: 600;} header.mob .menu-toggle .ico-profile svg {width:30px; height:30px;} /*On small devices, allow it to toggle...*/ /*:target for non-JavaScript[aria-expanded] will be used if/when JavaScript is added to improve interaction, though it's completely optional.*/ header.mob .main-menu:target, header.mob .main-menu[aria-expanded="true"] {display: block;right: 0;outline: none;-moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);-webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);box-shadow: 3px 0 12px rgba(0,0,0,.25);} header.mob .main-menu:target .menu-close, header.mob .main-menu[aria-expanded="true"] .menu-close {z-index: 1001;} header.mob .main-menu:target ul, header.mob .main-menu[aria-expanded="true"] ul {position: relative;z-index: 1000;} header.mob .main-menu strong {text-transform:uppercase; font-weight:300} header.mob .menu-toggle .first-logo svg {width: 35px; height:35px } /* We could us `.main-menu:target:after`, but it wouldn't be clickable. */ header.mob .main-menu:target + .backdrop, header.mob .main-menu[aria-expanded="true"] + .backdrop{position: absolute;display: block; right: 0;top: 0;width: 100%;height: 100%;z-index: 998;background: var(--color-black);background: rgba(0,0,0,.45);cursor: default;} @supports (position: fixed) { header.mob .main-menu, header.mob .main-menu:target + .backdrop, header.mob .main-menu[aria-expanded="true"] + .backdrop{position: fixed;} } .offSchCont {overflow: hidden; width:100%} .offSchCont .pdfCont{width: 33%; float: left; margin:10px 0} .offSchCont .pdfCont:nth-child(4n + 0) {clear:both} .offSchCont .pdfCont .inner {min-height:115px} .offSchCont .pdfCont .inner .dida{font-size: 13px;line-height: 18px;font-weight: 200;color: var(--gray-700);padding-bottom: 10px;display: block} .offSchCont .pdfCont .inner .title{font-weight: 500;display: block;font-size: 15px;letter-spacing: 0.02em;color: var(--color-black);margin-bottom: 5px;} .border-pad{border-top: 1px solid var(--gray-100);} .border-pad span {padding: 10px;display:block} .inpSmall{max-width:20%; margin-right:10px} .inpBig{width:40%} .titoloCheckin {font-size: 26px; margin:0 0 15px; color:var(--color-secondary-500);font-weight:300; position: relative;top: -20px;left: 10px;} /* TAB */ .tabBlock{margin:10px 0 20px} .tabCont {padding:20px 10px 20px; border:1px solid var(--gray-100); background:var(--color-white); overflow: hidden; border-radius: 0px 4px 4px 4px;} .tabTopDest {margin:0;padding:0;list-style-type:none;display:table;} .tabTopDest li {float:left; margin-right: 5px; margin-top:5px;} .tabTopDest li a {background-color: var(--gray-100); border: 1px solid var(--gray-100); border-radius: var(--radius-sm); display: block; height: 42px; line-height: 42px; padding:0 15px; text-decoration: none; } .tabTopDest li .label{font-weight:400; font-size:14px; color:var(--color-black)} .tabTopDest li a:hover {background-color:var(--gray-050); border:1px solid var(--gray-100);} .tabTopDest li a.active{border: 1px solid var(--gray-100);border-bottom:1px solid var(--color-white);background-color:var(--color-white);position: relative; top: 1px; color:var(--color-primary-700)} .tabCont .fotoTab{float:left; max-width:280px; margin-right:30px;} .tabCont .fotoTab img{width:100%;border:5px solid var(--color-white);} .tabCont .fotoTab:hover img{opacity:0.9; border-color: var(--color-primary-900);cursor:pointer;} .tabCont .text,.expandBox .text{line-height:24px;font-size:15px; overflow:hidden; font-weight:200;} .tabCont .basicText{font-size:14px; color:#9c9c9c; text-align:left;} /* ACCORDION */ .expandBox,.expandBoxFltr {display:none;clear:both;} .expandContainer{background:var(--gray-050); margin-bottom:10px; line-height: 0} .expandContainer.noPadding .expandBtn{padding:10px 5px 10px 55px;background-position: 13px 10px;} .expandContainer .expandBtn{ background-image: url('/img/bg-ico-plus.png'); background-repeat:no-repeat; background-position:left top; padding-left:58px;display:inline-block;} .expandContainer .expandBtn .titolo {font-weight:400; font-size:14px; color:var(--color-black); display:inline-block; line-height:20px;} .expandContainer.open{background:var(--color-white);} .expandContainer.open .expandBtn{background-image: url('/img/bg-ico-minus.png');} .expandContainer.open .expandBox{display:block;} .expandContainer.open .expandBox.panelDest{display:inline-flex;} /*.expandContainer .expandBox{padding:15px 0 0;}*/ .expandContainer .closeExpand{line-height:24px; margin-top:15px; font-size:12px} .expandContainer .closeExpand span{padding-right:10px;} .expandContainer.noPadding .closeExpand{padding:10px 15px} .expandContainer .simpleLink:hover{text-decoration:none; opacity:0.6} .expandContainer .closeExpand .btnClose{height:22px; border:2px solid var(--color-primary-900); line-height:24px; color:var(--color-primary-900); padding:0 6px} .expandContainer .closeExpand .btnClose span{font-size:18px; font-weight:500;color:var(--color-primary-900);text-transform:uppercase;position:relative; top:1px} .expandContainer .closeExpand .btnClose strong{font-size:14px; font-weight:600;color:var(--color-primary-900); text-transform:uppercase;padding-left:10px} .expandContainer .closeExpand .btnClose:hover{background:var(--color-primary-900); color:var(--color-white);} .expandContainer .closeExpand .btnClose:hover span,.extraScheda.expandContainer .closeExpand .btnClose:hover strong{color:var(--color-white);} .extraScheda.expandContainer{padding:10px 5px 10px 15px; border:1px solid var(--gray-100); background:var(--gray-050); /*font-weight:500;*/ margin-bottom:10px; line-height: 30px} .extraScheda.expandContainer.noPadding .expandBtn{padding:10px 5px 10px 55px;background-position: 13px 10px;} .extraScheda.expandContainer .expandBtn{ background-image: url('/img/bg-ico-plus.png'); background-repeat:no-repeat; background-position:left top; padding-left:39px;display:inline-block;} .extraScheda.expandContainer .expandBtn .titolo {font-weight:400; font-size:14px; color:var(--color-black); display:inline-block; line-height:20px;} .extraScheda.expandContainer.open{background:var(--color-white); border:1px solid var(--gray-300);} .extraScheda.expandContainer.open .expandBtn{background-image: url('/img/bg-ico-minus.png');} .extraScheda.expandContainer.open .expandBox{display:block;} .extraScheda.expandContainer .expandBox{padding:15px 0 0;} .extraScheda.expandContainer .closeExpand{line-height:24px; margin-top:15px; font-size:12px} .extraScheda.expandContainer .closeExpand span{padding-right:10px;} .extraScheda.expandContainer.noPadding .closeExpand{padding:10px 15px} .extraScheda.expandContainer .simpleLink:hover{text-decoration:none; opacity:0.6} .extraScheda.expandContainer .closeExpand .btnClose{height:22px; border:2px solid var(--color-primary-900); line-height:24px; color:var(--color-primary-900); padding:0 6px} .extraScheda.expandContainer .closeExpand .btnClose span{font-size:18px; font-weight:500;color:var(--color-primary-900);text-transform:uppercase;position:relative; top:1px} .extraScheda.expandContainer .closeExpand .btnClose strong{font-size:14px; font-weight:600;color:var(--color-primary-900); text-transform:uppercase;padding-left:10px} .extraScheda.expandContainer .closeExpand .btnClose:hover{background:var(--color-primary-900); color:var(--color-white);} .extraScheda.expandContainer .closeExpand .btnClose:hover span,.extraScheda.expandContainer .closeExpand .btnClose:hover strong{color:var(--color-white);} /* FORM */ .txt {border:1px solid var(--gray-300);font-size:14px; padding:0px 10px;border-radius:2px;/* color:#9b9b9b */} .txt, select, textarea, .sbHolder {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; height:36px} .txt:focus, textarea:focus {border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none;} .txtBig{width:100%;} /* LOGO */ #loginContent .alCenter .logo { margin-bottom:20px} /* FANCYBOX */ .lightBoxCont{padding:20px} .lightBoxCont.recCred {text-align:center;} .lightBoxCont.recCred .blueTitle{font-size:34px; text-transform:capitalize; margin-bottom:5px} .lightBoxCont.recCred .blueTitle .btnBlue{text-transform:uppercase;} .lightBoxCont.recCred .actions{position:relative;} .lightBoxCont.recCred .actions .btnBlue{text-transform:uppercase; margin-left:10px} .lightBoxCont.recCred label.error{left:30%; top:40px; bottom:inherit; right:inherit; } .lightBoxCont.recCred p.mainText{margin:3px 0 12px;} .lightBoxCont.recCred strong{color:var(--color-primary-900);} .fancybox-container {padding:3px !important; border: 1px solid var(--color-primary-800); border-radius: var(--radius-xsm); z-index: 3000 !important;} .fancybox-container .fancyAlert {text-align:center; font-size:0.85em; padding:20px;} .fancybox-container .fancyAlert .innerAlert .icoAlert{display:block; margin:0 auto 10px;} .fancybox-container .actionAlert{line-height:18px; margin-top:20px; margin-top:20px; } .fancybox-container .actionAloneAlert{line-height:18px; margin-top:15px; text-align:center;} .fancybox-container .actionAloneAlert .btnBlue{ font-size:18px; font-weight:500;} .fancybox-container strong,.privacyFancy strong{color:var(--color-primary-800);} .fancybox-container .innerAlert {text-align:center; padding:10px 0 20px; font-size:16px; font-weight:300; line-height:22px} .fancybox-container .innerAlert .icoAlert{display:block; margin:10px auto;} .fancybox-container .actionAlert{display:table; width:90%; margin:8px auto;} .fancybox-container .actionAlert .btnGray{float:left;} .fancybox-container .actionAlert .btnBlue{float:right;} .fancybox-container .fancyFavCont{min-width:300px; padding:12px 0;} .fancybox-container .fancyFavCont .icoAlert{width:30px; height:30px;} .fancybox-container .fancyFavCont .favText{text-align:center; margin:10px auto; font-weight:300; font-size:0.9em; color:var(--gray-900);} .fancybox-container .fancyFavCont .favText strong{display:block; font-weight:400; font-size:1.3em; margin:8px 0;} .fancybox-container .fancyLogTxt {line-height:25px; font-size:1.2em; color:var(--gray-700); margin:20px;} .fancybox-container .fancyLogTxt .fancyLogLink{background:var(--color-primary-800); color:var(--color-white); padding:2px 8px;border-radius:var(--radius-xsm); margin:0 3px; text-transform:uppercase; font-size:0.85em; font-weight:400;} .fancybox-container .fancyLogTxt .fancyLogLink:hover{background:var(--color-black);} .fancybox-container .fancyConf{padding:6px;} .privacyFancy{font-size:0.85em; line-height:20px; font-weight:300; padding:10px; } .privacyFancy h2{margin:10px 0; font-size:1.8em; font-weight:300;color:var(--color-primary-800); text-align:center;} .privacyFancy p{margin:5px 0;} .fancybox-slide .mapCont .homeMap{/*height:450px;100% !important;*/ width:100%; display:table-row;} .mapFancy{ height:70%; width:70%; overflow:hidden;} .mapFancy .mapCont{width:100%; height:100%; display:inline-grid;} /* FANCY CONFIRM */ #confirmAlert {border-radius: var(--radius-sm); } #confirmAlert .titleBig {padding: 15px;color:var(--color-primary-800); font-size:28px; border-bottom: solid 1px var(--gray-100); font-weight: 300;text-align:left} #confirmAlert .corpo {padding: 10px; /*max-width: 675px; margin: auto;*/ text-align:left} #confirmAlert .actionAlert { width: 30%; overflow:hidden } #confirmAlert .actionAlert .row { text-align: center; margin: 20px 0 5px 0;} #confirmAlert .innerAlert { padding-top:0; border-bottom: solid 1px var(--gray-100);} #confirmAlert .innerAlert .logo{text-align: left;margin: 10px;display: block;} #confirmAlert .btnGreen {background: #FEB612; border-radius: var(--radius-xsm); color: var(--color-white); font-weight: 500; font-size: 18px; padding: 8px 12px; text-transform: uppercase; white-space: nowrap; margin: auto 80px } #confirmAlert .btnRed {border-radius: var(--radius-xsm); color: var(--color-primary-800); font-weight: 400; font-size: 12px; padding: 8px 12px; text-transform: uppercase; white-space: nowrap; margin: auto 80px; } #confirmAlert .actionAlert {line-height: normal;} /* FANCY ALERT */ #errorAlert {padding-top: unset; padding-left: unset; padding-right: unset; border-radius: var(--radius-sm);} #errorAlert .titleBig {background-color: var(--color-danger-700);padding: 15px;color:var(--color-white); font-size:30px;} #errorAlert .corpo {margin-top:20px; padding: 0 100px;} #errorAlert .actionAlert {width: 50%; } #errorAlert .innerAlert {padding-top:0; } /* FANCY NORMAL TEMP*/ #normalAlert {padding-top: unset; padding-left: unset; padding-right: unset; border-radius: var(--radius-sm);} #normalAlert .titleBig { background-color: #02537b;padding: 15px;color:var(--color-white); font-size:30px; text-shadow: 2px 2px #c5c5c5} #normalAlert .corpo {margin-top:20px; padding: 0 100px; font-size: 18px;line-height: 26px;} #normalAlert .actionAlert { width: 50%; } #normalAlert .innerAlert { padding-top:0; } /* LOGIN */ .pageAreaAdv .bigImg.advBigImg{background-image:url('/img/background/coveradv/back-1c.jpg'); min-height:850px; position:relative; } .advBigImg .advLogCont{padding-top:80px;} .advBigImg h1.title {margin-bottom:20px; color: #06365f;font-size: 42px;text-align: center;line-height: 46px;font-weight: 400;text-shadow: 2px 2px 2px rgba(247, 244, 244, 0.9)} .advBigImg .bgGrayTransp{background: rgba(255,255,255,0.8);border-radius: var(--radius-xsm);border: 1px solid rgba(255,255,255,0.9);} .advBigImg .bgGrayTransp .inner .logo {margin: 10px auto; width:80px;} .advBigImg .advPanel{max-width:520px; margin:10px auto;} .advBigImg .advPanel .inner{padding: 0 60px 40px 60px;} .advBigImg .advBtnRegCont .advPanel .inner{padding: 20px} .advBigImg .advBtnRegCont .advPanel .inner .title {color: var(--color-black);font-weight: 500;font-size: 13px;text-transform: uppercase;} .advBigImg .formCont .formRow.formAction { margin: 10px auto 10px; padding: 20px 0 10px;} .advBigImg .advBtnRegCont{ text-align:center;} .advBigImg .advBtnRegCont .title {font-size:38px; margin:20px auto 20px;} .advBigImg .advBtnRegCont .btnRed{ font-size: 15px;padding: 6px 10px;position: relative;left: 28px; } .pageAreaAdv .mainArtAdv{background:var(--color-white); margin-top:-50px; position:relative;z-index: 2} .pageAreaAdv .mainArtAdv .inner{padding:30px; } .smallForm .formCont{max-width:720px; margin:30px auto;} .borderPad .formCont{border:1px solid var(--gray-100); background:var(--color-white);} .pageImage .borderPad .formCont{border:1px solid var(--gray-100); background:var(--gray-200);} .registrazione h4.bigText {color:var(--color-primary-300); } .registrazione h3.blueTitle {margin: 10px;} .borderPad .formCont .inner{padding:30px;} .frm-panel{display:block; height:60px;border-radius:4px; position:relative;background:var(--gray-050);} .frm-panel .frm-item{display:block; float:left; width:100%; height:60px;;margin-bottom: 20px;} .frm-panel .frm-item.sel .txt{background:var(--color-white);} .borderSel{display:none; height:5px; background:var(--color-white);position: absolute; bottom: -2px;width: 20%; z-index: 9;} .frm-panel .frm-item.sel .borderSel{ display: block; } .frm-panel .frm-item.frm-itemPax{border:none;} .frm-panel .frm-item.frm-cta{width:30%; float:right;} .frm-panel .frm-item.frm-cta .btnBlue{width:100%;text-align:center; padding:0; font-size:24px; display:block; height:100%; line-height:45px; border:solid 1px var(--color-white); height: 45px;background: var(--color-secondary-500);} .frm-panel .frm-input{background:var(--color-white);position:relative; border:1px solid var(--color-white); } .frm-panel .frm-input label.error{position: absolute;right: 0px;top: 45px;text-align: right;line-height: 11px;bottom:0; font-size: 13px;} .frm-panel .frm-item .frm-label{font-size:11px; font-weight:400; color:#2b536b; display:block;height:20px;padding-left:12px; line-height:20px; position:relative;} .frm-panel .frm-item.last{border:none;} .frm-row{margin-top:30px;line-height: 24px; background:rgba(255,255,255,0.7);border-radius:3px; border:1px solid rgba(255,255,255,0.8); padding:18px; text-align:center;} .frm-panel .frm-item .txt{border:0; height:60px; background:var(--gray-050); padding:15px 0px 0 15px; width:100%; margin-top:-20px} .frm-panel .frm-item .txt:focus{background:var(--color-white); border:0;box-shadow:none;} .frm-panel .frm-item .txt:hover{cursor:pointer;} .frm-row-inn.frm-row-bot{clear:both;} /* BACKUP VECCHI STILI*/ #fbScheda{display:none; width: 100%; height: 100%; z-index: 9999999; left: 0; right: 0;bottom: 0; top: 0;padding-top:120px;overflow: scroll;} body.showMotore{background-image:url(/img/bg-graygradient.jpg); background-repeat:repeat-x;background-color:#e4e4e4;} .showMotore .container,.showMotore .headSite,.showScheda .footCont,.showScheda .footContGr { display: none;} #fbScheda .whiteTitle{font-weight:100; text-align:center;} #fbScheda .closeBtn{float:right} #fbScheda .closeBtn .icoX svg{width:25px; height:25px;} #fbScheda .closeBtn .icoX svg path{fill:var(--color-white);} .showScheda #fbScheda {display: table; width: 100%; height:100%;} .showScheda #fbScheda .inner{max-width:1200px; margin:auto;} /* NUOVE CAMERE */ .camCont .tdDx .cameraRow{overflow:hidden} .camRowDati{/*background:#edf1f3;*/ margin-bottom:5px; cursor:pointer; overflow:hidden;} .camRowDati:hover{background:var(--color-warning-100);} .camRowDati.camRowSelected {background: var(--color-primary-100); font-size: 12px; cursor: default;} .numCamTitle {padding:12px; } .numCamTitle .icoCam{width:20px; height:auto;} .numCamTitle .nameCam{color:#a29f9a; font-size:13px; font-weight:900; margin-left:8px} .numCamTitle .nameCam span{font-weight:300; font-size:11px; padding:4px;} .camCont .numCam {float: left; padding:12px; background:var(--color-white);} .camCont .numCam .icoCam{width:20px; height:auto;} .camCont .numCam .nameCam{color:#a29f9a; font-size:13px; font-weight:900; margin-left:8px} .camCont .numCam .nameCam span{font-weight:300; font-size:11px; padding:4px;} .camCont .camLeft{float:left;} .camCont .camLeft .datiCam .camTpcmr{font-weight:400; font-size:14px;} .camCont .camLeft .datiCam .camTrat{ font-size:10px; text-transform:uppercase;color:#797772} .camCont .camRowPrice{text-align:right;float:right; padding:12px 10px 0 5px;} .camCont .camRowPrice .price{font-size:16px; font-weight:600; color:#233448} .camCont .camRowTar{text-align:right;float:right; padding-top:18px; font-size:10px; text-transform:uppercase;color:#797772} .camCont .camRowPrice .lineThrCont{color:#777777; border-bottom:1px solid #777777;position:relative; top:-12px;} .camCont .camRowPrice .lineThrCont .lineThr{position:relative; top:12px;} .camCont .camRowPrice .ribbon-percent{ background:var(--color-warning-500); height: 30px; width: 30px; border-radius: 30px; display: inline-block; /*float: right;*/ line-height: 30px; font-size: 11px; color: var(--color-white); text-align: center; margin-left:5px} .camRowTrat .datiCam { margin-left: 20px; float: left;} .camRowPrice{text-align:right;} .boxAction{text-align:right;} .boxAction .btnCta{font-size:14px;text-transform:uppercase} /* righe nette */ #border .priceNet {height: 20px;background: #bfdcea;} #resultList .priceNet .datiCam { padding: 3px 0 2px 0 !important;} #resultList .priceNet .camTitle{font-size: 12px !important; color:var(--color-black) !important;} #resultList .priceNet .camRowPrice { padding: 1px 10px 1px 0px !important;} #resultList .camRowDati.priceNet:hover {background: var(--color-warning-100); } #resultList .camRowDati.priceNet.camRowSelected {background: var(--color-primary-100);} /* SCHEDA STRUTTURA */ .pageScheda .pageHead { height:550px; background:var(--color-white); overflow:hidden;} .pageScheda .pageHead .innerBgScheda{margin:auto; height:550px;max-width:1920px; position:relative;} .pageScheda .pageMain .inner{max-width:1200px; margin:auto; position:relative;} .pageScheda .fullBackground { /*background-position: center -122px;*/ background-repeat:no-repeat; position: absolute; top: 0; left: 0;max-width:1920px; width: 100%; height: 100%;} .schedaTop .infoLoc{font-size: 12px; margin:0 0 10px} .schedaTop .infoLoc .label{font-size: 18px;margin:0 0 30px;font-weight:400; color:var(--color-secondary-300);text-transform: uppercase;} .schedaTop .infoLoc .label .ico-marker {position: relative;top: 5px;} .schedaTop .infoLoc .label .ico-marker svg {width: 30px; height:30px} .schedaTop .pageTitle h1{font-weight:300; font-size:38px; margin:0; padding:0; display: inline-block;text-transform: uppercase;} .schedaTop .pageTitle .spezza{color:var(--color-black); font-size:14px; font-weight:500; text-transform:uppercase;} .schedaTop .introText{font-size:19px; line-height:32px; font-weight:300; letter-spacing:0.02em; } .schedaTop .introText strong,.schedaTop .introText b{color:var(--color-black); font-weight:500;} .showMeTheWay .schedaTop .introText{font-size:15px; line-height:25px; margin:0 0 15px;} .showMeTheWay .schedaTop .introText em { font-family: 'Trirong', serif;font-size: 24px;display: block;} /*.schB2b .schedaTop .introText{display:none}*/ .schedaTop .subTitle{font-size:20px; font-weight:400; letter-spacing:0.02em;color:#5f5f5f;margin:0 0 35px;} .showMeTheWay .schedaTop .subTitle{margin:0 0; font-size: 30px;font-weight: 300;} .schedaTop{float:left; width:100%;} .schedaTop .schedaTopInner{margin-bottom: 50px; margin-right: 320px;} .schedaRecap{float: right; margin-bottom: 30px; width: 276px; margin-left: -280px; border:solid 1px var(--gray-100);} .schedaRecap .titolino{color:var(--color-black); font-size:22px; margin: 0 15px; font-weight:300; margin-bottom:10px; text-align:center;padding:20px 0; letter-spacing: 0.05em;border-bottom: solid 1px var(--gray-100);} .recapBox{margin-bottom:15px;background:var(--color-white); overflow:hidden;} .recapRow{margin-bottom:12px; font-size:13px; font-weight:300; color:var(--gray-700); line-height:20px; clear:both; overflow:hidden;} .recapRow.bigText{font-size:16px; margin-bottom:15px} .recapRow strong{color:var(--color-black); font-weight:500;} .recapRow .item{display:inline-block; margin-right:8px;} .recapRow .simpleLink{color:var(--color-primary-500); font-weight:600;} .recapRow.recapPrice{text-align:right; margin:20px 0 5px; line-height:30px; border-top:1px solid var(--gray-100); padding-top:10px;} .recapRow.recapPrice .price{color:var(--color-warning-700); font-weight:100; font-size:32px} .recapRow.recapPrice .price .labelError{color:#b74004; font-weight:400; font-size:13px; text-align:center; text-transform:uppercase; display:block; padding-top:38px; line-height:16px; background:url(/img/ico-alert.png); background-position:top center; background-repeat:no-repeat;} .recapRow .icoRecap { display:block; float:left; width:15%; height: 15px;} .recapRow .icoRecap svg{width:15px; height:auto; position:relative; top:3px} .recapRow .icoRecap svg path{fill:var(--color-black); } .recapRow .dati{float:left; width:85%;} .recapActions.recapActMod{text-align:right; margin:30px 0} .recapActions{text-align:center; } .recapActions .btnFull{padding:20px 0; font-size:22px; font-weight:500; letter-spacing:0.05em; display:block;margin-bottom:5px; background: var(--color-primary-300); color:var(--color-white)} .recapUtils {text-align:right; margin-bottom:15px;} .recapUtils .btnIco{margin-left:15px} .recapUtils.b2c {margin-top:15px;} .recapActions.recapActMod,.recapUtils{text-align:center;} .recapActions.recapActMod .btn-cta {color: var(--color-primary-900) !important;padding: 8px 30px;font-size: 13px;font-weight: 300;cursor: pointer;border: 1px solid var(--color-primary-900); background:var(--color-white)} .recapBox .prt-row.prt-row-price.prt-tot .preCli,.recapBox .prt-row.prt-row-price.prt-tot .preTot{display:none;} .prt-row.prt-row-price.prt-tot .preTot{display:none;} .recapBox .prt-row.prt-row-price.prt-tot .preFin{display:block; color: var(--gray-700); font-weight:300; font-size:12px; text-align:right;} .recapBox .prt-row-price.prt-tot{padding:0; line-height:30px} .recapBox .prt-row-price.prt-tot:hover{cursor:pointer} .recapBox .prt-row-price.prt-tot .apriChiudi{float:right; margin-top:-2px; margin-left:5px;} .recapBox .prt-row-price.prt-tot.prt-tot-comm{line-height:22px; font-size:14px; overflow:hidden; padding:5px 0;} .recapBox .prt-row-price.prt-tot.prt-tot-comm .prt-table-label,.recapBox .prt-row-price.prt-tot.prt-tot-comm .prt-table-price{display:block; text-align:right;} .recapBox .prt-row-price.prt-tot.prt-tot-comm .label-small{display:block;} .recapBox .prt-row-price.prt-tot.prt-tot-comm .prt-table-label{font-size:13px;} .recapInner{padding:20px 20px 10px;} .recapInner .errorTitle,.recapInner .errorTxt{text-align:center;} /* SCHEDE QPA */ .schAltCont{overflow:hidden;} .schAltCont .extraScheda.expandContainer{padding:0; font-weight:300} .schAltCont .extraScheda.expandContainer .expandBtn{padding:5px 25px 5px 50px; background-position: 12px; line-height: 30px; display:block;} .schAltCont .extraScheda.expandContainer .closeExpand{padding:12px;} .schAltCont .extraScheda.expandContainer .expandBtn:hover{background-color:var(--gray-100);} .schAltCont .sub-title{padding-left: 38px;color: #16375f;} .schAcc{padding:0 12px;} .schRow{overflow:hidden; margin-bottom:12px; padding-left:38px; position:relative;} .schRow .label{display:block; padding:10px 0 10px 10px; font-weight:500; font-size:11px; line-height:14px} .schRow .dispIn{padding:12px; display:block;} .schRow .schRowInn{overflow:hidden; background:var(--gray-050);} .schRow .schCell{float:left;} .schRow .schCell.noBorder{border:0} .schRow .schCell.celPrice{text-align:right;} .schRow .schCell.celPrice .label{font-size:14px; padding:12px 12px 8px 0} .schRow .schCell.fl-right{float:right;} .schRow .schCell.celDisp{text-align:center;} .schRow .schCell.schCell5{width:5%} .schRow .schCell.schCell10{width:10%} .schRow .schCell.schCell15{width:15%} .schRow .schCell.schCell20{width:20%} .schRow .schCell.schCell25{width:25%} .schRow .schCell.schCell30{width:30%} .schRow .schCell.schCell35{width:35%} .schRow .schCell.schCell40{width:40%} .schRow .schCell.schCell45{width:45%} .schRow .schCell.schCell50{width:50%} /* .schRow .schCell.schCellFukk{width:100%; float:none; clear:both;} */ .schRow .schIco {position:absolute; width:25px; height:25px; display:block; top:14px; left:7px;} .schRow .schIco {background-image:url(/img/bg-check-filter.png);background-repeat: no-repeat;} .schRow:hover{cursor:pointer;} .schRow:hover .schRowInn{background:var(--color-primary-100);} .schRow.selezioneCmr:hover,.schRow.selezioneVoli:hover,.schRow.selezioneTrf:hover,.schRow.selezioneOpz:hover{cursor:default;} .schRow.selezioneCmr .schIco, .schRow.selezioneVoli .schIco, .schRow.selezioneTrf .schIco, .schRow.selezioneOpz .schIco {background-image:url(/img/bg-check-filter-ok.png);background-repeat: no-repeat;} .schRow.selezioneCmr .schRowInn, .schRow.selezioneVoli .schRowInn, .schRow.selezioneTrf .schRowInn, .schRow.selezioneOpz .schRowInn {background:var(--color-primary-100);} .schRow.selezioneCmr .schRowInn .label, .schRow.selezioneVoli .schRowInn .label {color:var(--color-black);} .schRow.selezioneTrf .schRowInn .label, .schRow.selezioneOpz .schRowInn .label {color:var(--color-primary-100);text-transform:uppercase;} .schRow .celComp{background:var(--color-white); border:1px solid var(--gray-300);text-align:center; min-height:60px} .schRow .celComp .label{padding:0;} .schRow .celComp .imgComp img{display:block; padding-top:18px; margin:auto;} .schRow .celDatiTrasp,.schRow .celNum{min-height:60px;} .schRow .celDatiTrasp .label{padding:10px 0 0 10px;} .schRow .celDatiTrasp.celSca .label{padding:10px 0 0 } .schRow .celDatiTrasp strong{display:block; margin-bottom:5px;} .schRow .celDatiTrasp.celRit{text-align:right;} .schRow .celDatiTrasp.celRit .label{padding:10px 10px 0 0;} .schRow .celNum .num{display:block; font-weight:600} .schRow .celNum .type{display:block;font-size:9px; line-height:12px} .schRow .celComp .label{font-size:11px; line-height:60px;font-weight:300;} .schRow.schRowHead{font-size:10px; letter-spacing:0.05em; text-transform:uppercase; color:#787878} .schRow.schRowHead:hover{cursor:default;} .schRow.schRowHead .schRowInn,.schRow.schRowHead:hover .schRowInn{background:none;} .schAltHead{padding-left:38px;} .schAltHead .titleCont{font-size:13px; font-weight:400;color:var(--color-black); margin-right:20px;} .schAltHead .dati{font-size:11px; font-weight:300; text-transform:uppercase; color:var(--gray-700);} .schAltHead .dati .dato{margin-right:5px;} .schAltHead .dati .dato .num{font-weight:400; margin-right:2px; color:var(--color-black);} /* pratica e preventivo */ .prtCont{display:block; clear:both;position:relative; font-size: 13px;} .prtCont .label{font-size: 13px; font-weight: 300; color: var(--gray-700)} .prtCont .label.small{font-size: 11px;} .prtCont .dato{color:var(--color-black); font-weight:600;} .prtContInner{padding:15px;} .prt-stato{ font-size:11px; border-bottom:solid 1px var(--gray-100);padding: 10px 0;} .prt-stato .dato{margin-left:10px;} .prt-box{margin-bottom:20px;/*padding-bottom:20px;*/ position:relative; border-bottom:1px solid #e0e0e0; overflow:hidden;} .ptr-all.prt-box{margin:0; padding:0; border:0;} .prt-box .spezza{color:var(--color-black); font-weight:500; font-size:13px;text-transform: uppercase;margin-bottom:4px} .prt-box .cl-nota{line-height:15px} .prt-title{font-size:18px; margin-bottom:10px;} .prtCont .icoPrt{width:15px; height:15px; margin:0 8px 0 3px; position:relative; top:2px;} .prtCont .icoPrt svg{width:15px; height:15px;} .prtCont .icoPrt svg path{fill:var(--color-black)} .prtCont .prt-row-inner.smallAlert{line-height:18px; padding-left:30px; color:var(--gray-700); display:block;} .prtCont .prtDate{float:left;clear:none;} .prtCont .prtPax{float:right;clear:none;} .prtCont .prtDate .prt-item{margin-right:10px;} .prtCont .prtPax .prt-item{margin-left:10px;} .ptr-trf-row {overflow:hidden; margin-bottom:5px;} .prt-cell{font-size:11px;display:inline-block; line-height:12px} .prt-cell .label{color:var(--gray-700); line-height:12px} .prt-cell.prt-cell-1{width:20px;} .prt-cell.prt-cell-2{width:100px;} .prt-cell.prt-cell-3{width:60px;} .label.data{display:inline-block; width:70px; font-size:11px;} .infoTraspR{/*float:right;*/text-align:right;} .prtRow .prt-table-label-data{font-size:12px} .prtRow .dato{color:var(--color-black); font-weight:500;} .prtRow .dato.apt{font-weight:700;} .ptr-trf .prtRow:nth-of-type(odd){border-bottom:none;} .prtRow .infoTraspA .data,.prtRow .infoTraspA .dataCont{margin-right:6px;} .prtRow .infoTraspR .data,.prtRow .infoTraspR .dataCont{margin-left:6px;} .prt-row{overflow:hidden;clear:both;} .prtRow{padding:5px 0; border-bottom:1px solid var(--gray-100); clear:both; overflow:hidden;} .prt-row.rowSmall .prtRow{padding:2px 0; line-height:22px; } .prtRow .ico{width:20px; height:20px; margin-right:10px; position:relative; top:5px;} .prtRow .prt-table-label{float:left; margin-left:20px; position:relative;} .prtRow .prt-table-label .status{color: var(--color-danger-700); display: block; font-size: 11px; position: absolute; left: -18px; top:1px;} .prtRow .prt-table-label .status.ris-cerchio-fil{top:4px; left:-22px;} .prtRow .prt-table-label .num{font-size:12px; font-weight:400;} .prtRow .prt-table-label .nome{color:var(--color-black); font-weight:500; text-transform:capitalize;} .prtRow .prt-table-label .group{display: inline-block; margin-left:10px;} .prtRow .prt-table-label .group.noSmall{display:none;} .prtRow .prt-table-label .group .nome.light{color:var(--gray-700); font-weight:300; font-size:10px; text-transform:none} .prtRow .prt-table-label .nome.light strong{color:var(--color-black); font-weight:400;} .rowSmall .prtRow .prt-table-label .nomeSolo{font-size:12px; font-weight:normal; color:#545454;display:inline-block;} .prtRow .prt-table-label .nomeSolo{padding-left:35px;} .prtRow .prt-table-price{float:right;} .prtCont .prt-row-price.prt-tot .preFin{display:none;} .prtRow .small{font-size:10px; margin:0 4px;} .prtRow.prtRowDescCont{line-height:20px;} .prtRow.prtRowDescCont .prtRowDesc{font-size:10px;} .prtRow.prtRowDescCont .prtRowDesc .desc{float:left; width:33%;} .prt-row-price.prt-tot{font-size:18px; border-bottom:none; padding-left:20px; line-height:60px} .prt-row-price.prt-tot .prt-table-label{color:var(--color-black); font-weight:400; text-transform:uppercase;} .prt-row-price.prt-tot .prt-table-price{float:right; color:var(--color-primary-300); font-size: 24px;font-weight: 100; font-weight:500;} .prt-row-price.prt-tot.prt-tot-comm{font-size:16px; border-top:1px solid var(--gray-100); line-height:32px} .cartDetailsCont .prt-row-price.prt-tot.prt-tot-comm{line-height:unset} .prt-row-price.prt-tot.prt-tot-comm .prt-table-price {font-size:18px;} .cartDetailsCont .prt-row-price.prt-tot.prt-tot-comm .prt-table-price {font-size:13px;} .prt-row-price.prt-tot.prt-tot-comm .prt-table-label {font-weight:300; text-transform:uppercase; font-size:14px; padding-left:10px} .prt-row-price.prt-tot.prt-tot-comm .prt-table-label .label-small{color:var(--gray-900); text-transform:none; font-size:11px; margin-left:5px;} .prt-row-price.prt-tot.prt-tot-comm .prt-table-label .label-small strong{color:var(--color-black); font-weight:400; margin:0 3px;} .cartDetailsCont .prt-row-price.prt-tot.prt-tot-comm .prt-table-label {font-size:12px; padding-left:0;} .checkPratHead .blueTitle{margin:0;} .detailBoxTotal .prtBox-comm,.detailBoxTotal .icoMeno{display:none;} .pratTabLink{margin:10px 0 20px;} .pratTabLink .tabLink{color: var(--color-white); font-size: 11px;font-weight: 300;letter-spacing: 0.05em; text-transform: uppercase; background:var(--color-primary-700);border:2px solid var(--color-primary-700); padding:4px 12px; border-radius:2px;margin-right:8px; display:inline-block;} .pratTabLink .tabLink.sel{background:var(--color-white);border:2px solid var(--color-primary-700); color:var(--color-primary-700)} .pratTabLink .tabLink:hover{background:var(--color-white);border:2px solid var(--color-primary-700); color:var(--color-primary-700)} #praticheImport{overflow:hidden;} #praticheImport .rowImport{width:80%; float:left;} #praticheImport .btnGray.btnImport{float: right; font-size: 0.8em; margin-top: 15px; background-color: var(--color-warning-700);color: var(--color-white);display: block;cursor: pointer;padding: 4px 8px; text-decoration: none;font-weight: 400;border-radius: var(--radius-sm);} .smallRecap .detailBoxTotal.open .prtBox-comm{display:block;clear:both;} .smallRecap .detailBoxTotal.open .icoMeno{display:inline-block;} .smallRecap .detailBoxTotal.open .icoPiu{display:none;} .smallRecap .detailBoxTotal .apriChiudi{float:right; margin-top:8px; margin-left:6px;} .smallRecap.recapBox{border:none;} .smallRecap .btnStampa{display:block;} .smallRecap .prtCont{border: 1px solid var(--gray-300);} .prtCont .noBig{display:none;} .expandBox .detailBoxTotal.open .prtBox-comm{display:block;clear:both;} .expandBox .detailBoxTotal.open .icoMeno{display:inline-block;} .expandBox .detailBoxTotal.open .icoPiu{display:none;} .detailBoxTotalDX .prtBox-comm,.detailBoxTotalDX .icoMeno{display:none;} .detailBoxTotalDX.open .prtBox-comm{display:block;clear:both;} .detailBoxTotalDX.open .icoMeno{display:inline-block;} .detailBoxTotalDX.open .icoPiu{display:none;} /* test */ .smallRecap .icoArrow svg{width:15px; height:15px;} .smallRecap .noSmall{display:none;} .smallRecap .prt-row{margin-bottom:15px; clear:both; overflow:hidden;} .smallRecap .prt-row .scadeOpz{display:block;} .smallRecap .prt-item-cont{display:inline-block; max-width:85%;} .smallRecap .icoPrt{float:left;} .smallRecap .prtCont .prt-box-head .prt-title{font-size:13px} .smallRecap .checkPratHead{display:none;} .smallRecap .noBig{display:inline-block;} .smallRecap .prtCont .prtDate .prt-item{margin-right:0;} .smallRecap .prtCont .prtPax .prt-item{margin-left:0; margin-right:4px;} .smallRecap .prtCont .prtPax, .smallRecap .prtCont .prtDate{float:none;} .smallRecap .ptr-trf-row .dato{font-size:11px; font-weight:400;} .smallRecap .ptr-trf-row .infoTraspR{float:none;} .smallRecap .prt-cell.prt-cell-1{float:left;margin-right: 9px; position:relative; top:4px} .smallRecap .infoTraspA{display:block;} .smallRecap .infoTraspA .data{display:block;} .smallRecap .infoTraspR .dataCont{float:left;margin-right:7px;} .smallRecap .ptr-all .prt-table-label .ico{display:none;} .prtRow .prt-table-label{float:none; margin:0;} .smallRecap .ptr-all .label,.smallRecap .ptr-all .name{font-size:11px;} .smallRecap .ptr-all .prt-row{margin-bottom:6px;} .smallRecap .ptr-all .prtRow{padding:2px 0;} .smallRecap .ptr-all .prt-row.rowSmall {display:none;} .smallRecap .prt-row-price.prt-tot{padding:0} .smallRecap .prt-row-price.prt-tot.prt-tot-comm{font-size:11px;} .smallRecap .prt-row-price.prt-tot.prt-tot-comm .prt-table-label{display:inline;font-size:10px;padding:0;} .smallRecap .prt-row-price.prt-tot.prt-tot-comm .prt-table-price{font-size:14px;} .smallRecap .prt-subtitle,.smallRecap .nomeSmall{display:none;} .smallRecap .prt-row-price.prt-tot .prt-table-price{font-size:22px} .smallRecap .prt-box .spezza{margin-bottom:10px;} /* TEMPLATE PAGE-IMAGE */ .pageImage .pageHead{padding:0;z-index:1;min-height: 0; position:relative; background:url('/img/bg-sliderHome.jpg');overflow:hidden;} .pageImage .bigImg{height:520px; position:absolute;left:0; right:0; margin:auto; top:0;background-position:center center; background-image:url(/img/bg-sliderHome.jpg);} .pageImage.pageHpVa .pageHead{padding:0;z-index:1;min-height:520px; position:relative; background:url('/img/bg-sliderHome.jpg');overflow:hidden;} .pageImage .pageHead .inner{position:relative; z-index:2;} .pageImage .pageMain{position:relative; z-index:4; background:var(--color-white);/* padding-bottom:30px*/} .pageImage .pageMod{background:var(--color-white); padding:30px 0; position:relative; z-index:3; } .pageMod.m-newofferte{overflow:hidden;} .pageMod.m-newofferte .pageMod{padding:0;} .pageMod.m-newofferte.no-logo .pageModTitle .titleIco svg {display:none} .pageMod.m-offerte.no-logo .pageModTitle h2.titleText {font-weight: 300} .pageMod.m-offerte.no-logo .pageModTitle .titleIco svg {display:none} .pageMod.m-newofferte .pageMod.bgGray{padding:30px 0;} .pageMod.m-motore { z-index:5; } .pageMod.m-mappa{padding:30px 0 0;} .pageMod.m-slider {padding:0;} .pageMod.m-boxgrid {padding:0;margin-top:52px} .pageImage .footCont{margin:0; position:relative; z-index:3} /* .pageImage .pageTitle h1{ margin:0; position:relative; top:160px; } */ .pageImage .pageTitle h1 {background-color:var(--color-white);text-align: center;color: var(--color-primary-900);padding: 30px 0 0;font-weight: 300;font-size: 32px; text-shadow: 0 2px 5px rgba(0,0,0,0.3);margin:0} .pageImage .pageTitle .titleText strong{font-size:60px; font-weight:400; display:block;} .pageImage.bigPhoto .pageHead{min-height:620px;} .pageImage.bigPhoto .bigImg{height:760px;position:fixed;background-position:top} .pageImage.bigPhoto .pageTitle h1{margin: 0;} .pageMod.m-linkmenu{padding:0 0 20px} .pageHpVa .pageTitle h1{color:var(--color-white); margin: 0; text-shadow: 0 2px 5px rgba(0,0,0,0.7); font-size:52px; top:300px; font-weight: 300;} .pageHpVa .pageTitle h1 span{display:block} .pageHpVa .pageTitle h1 strong{ font-size:58px; display:block; text-align:center; font-weight:500;} .pageHpVa .pageTitle h1 img{display:block; margin:auto; width:440px; height:auto; max-width:80%;} .pageHpVa .modMtrHp{ position:relative; margin-top: -130px;margin-bottom: 90px; z-index:6;} .pageHpVa .modCheckin{ position:relative; margin-top: -130px;margin-bottom: 90px; z-index:6;} .pageHpVa .modCheckin .formCheckIn { border:solid 1px var(--gray-500);overflow:hidden;max-width: 850px;margin: 0 auto;background:var(--color-white); padding:30px 20px 20px} .pageHpVa .modCheckin .formCheckIn .title{display: block;font-size: 22px;color: var(--color-primary-900);text-transform: uppercase;margin-bottom:5px} /* CHECKOUT */ .checkoutCont{ padding-top:14px;} .praticaCont{border:1px solid var(--gray-400); margin:15px 0;} .praticaCont .innerPrat{padding:20px;} .praticaCont .blueTitle{font-size:23px; font-weight:600;} .praticaCont .codPrat{float:right; text-transform:uppercase; color:var(--color-black); font-size:0.7em;} .praticaCont .tablePrat{width:100%; margin:15px 0; text-align:center;} .praticaCont .tablePrat .table{display:inline-block; width:16%; padding:10px 0; background:var(--gray-100);} .praticaCont .tablePrat .table strong{display:block; font-size:0.7em;text-transform:uppercase; font-weight:300; color:#8d837f;} .praticaCont .tablePrat .table span{display:block; text-transform:uppercase; font-size:1.0em; font-weight:600; color:#686260;} .elenPrat{ display:table; width:100%;font-size:1.0em;} .elenPrat .row{ width:100%; clear:both; border-bottom:1px solid #d4dee4; display:table; line-height:38px; } .elenPrat .row .dato{ display:inline-block; font-size:0.9em; color:var(--color-black);} .elenPrat .row .price{display:inline-block; font-size:0.9em; color:var(--color-primary-900); font-weight:600;} .elenPrat .row.tot{ border-bottom:none; line-height:2.2em; font-size:2.0em; } .elenPrat .row.tot .dato{ text-transform:uppercase; } .btnPrat{text-align:right; font-size:0.75em;} .btnPrat a{margin-left:15px;} .paxFormCont{ margin-bottom:40px;} .paxForm{margin:25px 0;} .titoloPax{ color:#364a5b; font-size:0.85em; font-weight:400; margin:10px 0; text-transform:uppercase;} .titoloCamPax{ color:#176697; font-size:1.0em; font-weight:300; margin:0; border-bottom:1px solid var(--gray-400); margin:10px 0;} .titoloCamPax .nomeCamera{ color:var(--color-primary-900); font-size:0.75em; font-weight:300; padding-left:10px;} #modPax h4 .orange{color:var(--color-warning-500); font-weight:300;} .paxRow{float: left; padding:0 15px 10px; position:relative;} .paxRow.big{width:100%; display:table; margin:10px 0; padding:0 10px 0;} .paxRow.big .disc-txt{font-size:0.76em;} .paxRow.big .disc-txt a{color:#1C4772; font-weight:700; text-decoration:none;} .paxRow.captchaRow{line-height:30px} .paxRow.captchaRow .txt{float:left; position:relative; top:3px;} .paxRow.captchaRow img{float:left; margin-right:14px;} .paxRow input.error{border-color:#cba2a2;} .paxRow label.error{color:var(--color-white); font-size:0.7em; position:absolute;} .paxRow label{display:block; color:var(--color-primary-900); font-size:0.75em; } .paxRow.dataNascita input{text-align: center; width: 60px !important;} .paxRow input.txt {width:250px;} .paxForm .paxRow {float: left; padding:10px 15px 10px; position:relative;} .piuDati{display:table; width:100%; overflow:hidden;} .actions.disc-txt{font-size:0.85em; float:left;} .obbl{font-size:1.2em; color:var(--color-danger-700); font-weight:800; line-height:0; padding-left:2px;} .pratDisc{font-size:0.7em; text-align:left; float:left; clear:both; margin-top:10px;} .pratBtn{margin:15px 0; text-align:right; font-size:1.3em;} .pratBtn .btnOrange {color:#8d837f;background-color:#e7e4e0; text-decoration:none;padding:3px 10px;white-space:nowrap;border:0;white-space:nowrap; cursor:pointer !important; font-size: 15px;text-transform: uppercase;} .pratBtn .btnOrange:hover{background-color:#8d837f; color:var(--color-white);} .acc-cont{clear:both; padding:10px 0; margin:10px 0; border-top:1px solid var(--color-black); border-bottom:1px solid var(--color-black); } .acc-btn{color:var(--color-black); font-size:0.85em; font-weight:700;cursor:pointer;} .acc-btn .light{font-weight:300;} .acc-cont .acc-btn .ico-piu-light{background-image:url(/img/bg-piu-light.png); background-position: 0 0; width:19px; height:19px; display:block; float:left; margin-right:15px; margin-left:5px;} .acc-cont .acc-btn .ico-piu-dark{background-image:url(/img/bg-piu-dark.jpg); background-position: 0 0; width:19px; height:19px; display:block; float:right; margin-right:5px;} .acc-cont .acc-btn.open .ico-piu-light{background-position:-19px 0; } .acc-cont .acc-btn.open .ico-piu-dark{background-position:-19px 0;} .acc-box{padding:15px 0;} .noBorder{border:none;} /* PAGE MOD */ .pageMod.bgGray{ margin:20px 0;background:var(--gray-100);} .pageMod.bgGrayStr{ margin:20px 0;background:var(--gray-100);} .pageMod.bgGrayStrNoMargin{ margin:0;background:var(--gray-100);} .pageMod.strip.bgGray{ margin:20px 0;background:var(--gray-100);} .pageMod.bgGray.strip .pageModMain{margin:20px 0; padding:20px 0;background:var(--gray-100);} .pageMod.bgGrayStr .pageModMain {background:var(--gray-100);width: 100%;} .pageMenuDx .pageMod.strip .pageModMain{width:100%;} .pageMod.bgGray .pageModMain{background:var(--gray-100);padding: 20px 2%; width: 66%;} /* ARTICOLO MOD GALLERY */ .articleMod{margin:5px 0 10px; overflow:hidden;} .articleMod .galleryMod{width:350px;} .articleMod .galleryMod ul{margin:0; padding:0;} .articleMod .galleryMod ul li{margin:0; padding:0;} .articleMod .galleryMod.galSx{float:left; margin-right:30px;} .articleMod .galleryMod.galDx{ float:right; margin-left:30px;} .articleMod .galleryMod .bx-controls-direction a{opacity:0.6;} .articleMod .galleryMod .bx-controls-direction a:hover{opacity:1;} .articleMod .galleryMod.galFull{width:100%;} .artLeft .slick-slider,.gallery .slick-slider{margin:0; padding:0;} .modFan .article{background:var(--color-white); border:1px solid var(--gray-100);} .modFan .article .articleInner{padding:20px;} .modFan .article .basicText{margin-bottom:20px;} .modFanOpen{padding:30px;} .fancyLinkCont .fancyLink {display:flex;} .fancyLinkCont .fancyLink .hoverShadow{display:none;} .fancyLinkCont .fancyLink:hover .hoverShadow{position:absolute; display:block; background:rgba(0,0,0,0.1);width:100%; height:100%; top:0; left:0;right:0;} .fancyLinkCont .fancyLink:hover .hoverShadow .icoLens{position:absolute; top:48%; left:0; right:0; margin:auto;opacity:1} /* moduli home*/ .pageMod.m-simple-box {padding:0;margin-top:52px} .pageMod.m-simple-box .pageModTitle {text-align:center} .pageMod.m-simple-box .pageModTitle .titleText {font-weight: 300;font-size: 38px;margin:20px 0 0 } .pageMod.m-simple-box .basicText, .pageMod.m-motore .basicText{text-align:center;margin:0;} /* BOXES IN HOME PAGE*/ .vetrinaBox{overflow:hidden; position:relative;float:none; display:grid;} .Grid{overflow:hidden;} .GridInner{max-width:1200px; margin:auto;} .Grid .GridRow{margin-bottom:20px; overflow:hidden;} .Grid .vetrinaBox .panel{background:var(--gray-050); bottom:0; left:0; right:0; width:100%; z-index:1; display: block; border-top:solid 2px var(--color-white); border-bottom: solid 1px var(--gray-400);} .Grid .vetrinaBox:hover { opacity:0.8; transition: all 0.2s ease-in;} .Grid .vetrinaBox .vetrinaLink{padding: 20px;font-weight: 300;} .Grid .vetrinaBox .vetrinaLink .title{display:block;font-size: 22px;color:var(--color-primary-900); text-transform:uppercase; margin-bottom: 5px;} .Grid .vetrinaBox .vetrinaLink .sub-title {display:block;font-size: 20px; color:#5f5f5f;} .Grid .vetrinaBox .vetrinaLink .occhiello {display:block;font-size: 18px; margin-top: 8px;color:var(--color-primary-500);} .Grid .vetrinaBox .vetrinaLink .occhiello .ico-marker{position:relative; top:6px; display:inline-block} .Grid .vetrinaBox .vetrinaLink .occhiello .ico-marker svg {width: 30px; height:30px} .Grid .vetrinaText{background:none; text-align:center;float: none;clear:both; margin:20px 0;} .Grid .vetrinaBox .icoArrow{width:25px; height:25px;display:none; position:absolute; right:15px; top:15px} .Grid .vetrinaBox .vetrinaLink{ position:relative ; display:block } .Grid .vetrinaBox .vetrinaLink span{display:block } .Grid .GridRow.vetrinaBox-3 .vetrinaBox{width: 30%;margin: 1.6%;float:left} .Grid .vetrinaBox .photo {width: 100%;} /* COOKIE */ #cookieBox{z-index: 999999;position:fixed; bottom: 0; width:100%; background:var(--gray-150); color:var(--color-black); border-bottom:1px solid var(--color-white)fff; font-size:11px; text-align:center;} #cookieBox .innerCook{padding:8px 0;} #cookieBox .message{display:inline-block; padding: 15px} #closeCookie{color:var(--color-black);; padding:4px 12px; border:1px solid var(--color-white); font-size:14px; text-decoration:none; text-transform:uppercase;} #cookieBox #closeCookie:hover{color:var(--color-white); background:var(--color-primary-300);} #cookieBox .simpleLink{color:var(--color-black);; padding:4px 12px; border:1px solid var(--color-white); font-size:14px; text-decoration:none; text-transform:uppercase; margin-right: 15px} /* PAGE 404*/ .page404 {margin:50px 0 0} .page404 .oops{margin:auto; display:block; width:200px; height:auto;} .page404 .ico{width:70px; height:70px} /* FOOTER */ .footCont{background: var(--color-secondary-700);border-top:1px solid var(--gray-300); padding:40px 0 40px; margin-top:80px; color:var(--color-white)} .footerBot{clear:both; overflow:hidden} .footBox{font-size:13px;} .footLeft{width:20%; float:left; text-align:center; } .footMiddle{ float:left;} .footRight{ float:right; text-align:right;padding-top: 35px;} .footContGr.footerBot .footLeft{width:30%; float:left; text-align:center;} .footContGr.footerBot .footRight{width:68%; float:left; text-align:right;padding-top: 25px} .footCont .footMiddle .text .row{margin-bottom:5px;} .footCont .footMiddle .text {margin-bottom:20px;} .footCont .footMiddle .actions .simpleLink{text-transform:uppercase; margin-right:10px; font-size:13px;color: var(--color-white)} .footCont .footLeft .loghino{height:auto;} .footCont .footRight span{font-size:9px; text-transform:uppercase; padding-right:10px;} .footCont .footRight a img{width:60px; height:auto;position:relative; top:6px;} .footMenuCont{clear:both; margin:0 auto 60px;} .footMenuCont{overflow:hidden;} .footMenuCont .footMenuItem{width:33%; float:left;} .footMenuCont .footMenuItem .title{font-size:12px;text-transform:uppercase; margin-bottom:8px} .footMenuCont .footLoop{font-size:11px; padding-left:5px; margin-left:5px; border-left:1px solid var(--gray-700);} .footMenuCont .footLoop .simpleLink{display:inline-block; padding:0px 5px 8px 2px; font-weight:400;} .footCont .footMiddle .text .row .ico.icoMail svg {width: 20px;height: 20px;position: relative;top: 6px; color:var(--color-white); right:3px} /* WIDGET */ .widgetCont .name{display:none;} .widgetCont .number{display:none;} .widgetIco.light svg path{fill:var(--gray-400)} .widgetIco.white svg path{fill:var(--color-white);} .widgetIco.dark svg path{fill:var(--color-secondary-300);} .widgetDot .icoLink{width:50px; height:50px; border-radius:50px; line-height:50px; text-align:center; display:inline-block;border: solid 1px var(--color-secondary-300);} /* .widgetDot .icoLink{width:50px; height:50px; border-radius:50px; line-height:62px; text-align:center; display:inline-block;border: solid 1px #17375e;} */ .actionCont.boxPrice .widgetDot .icoLink{width:30px; height:30px;display:inline-block;border: 0;} .widgetDot .icoLink svg{width:25px; height:auto;} .widgetSchedaCont {position:relative; /*top:-50px;*/} .widgetSchedaCont .widgetCont{display:inline-block; /*margin:0 30px;*/} .widgetSchedaCont .widgetDot .icoLink{background:var(--color-white); margin-right:5px} .widgetSchedaCont .btnPrefCont{width:50px; height:50px; border-radius:50px; line-height:62px; text-align:center; display:inline-block; background:var(--color-white);} .widgetSchedaCont .btnPrefCont .icoPref{width:22px; height:auto;} .schB2c .widgetSchedaCont .widgetCont{margin:0;} .pageScheda .mainActions .btnIcon{margin-left:10px;} .btnIcon {padding:6px 12px;} .btnIcon img{position:relative; top:4px; height:20px; width:auto} .btnIcon span{text-transform:uppercase; margin-left:6px} .punForBox{margin:10px 20px 10px 5px; float:left; width:24%} .punForBox .punForTop .title{/*color:#f57c00;*/ font-size: 22px;font-weight:400; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid var(--gray-100);color:#093A67} .punForBox .text{text-align:center;} .punForBox .ico{width:18%; float:left; padding-right:5px; } .punForBox .text{font-weight: 300; font-size: 13px; line-height:20px;} .punForBox .text .link{display:table; font-size:15px; font-weight:400;color: var(--color-black); margin-top:5px; border-bottom:1px solid var(--color-white)} .punForBox .text .link:hover{border-bottom:1px solid var(--color-black);} .punForBox .text .link{margin:5px auto 0;} .punForBox .row{margin:5px 0;} .punForBox .row .topInner{background:var(--color-white); padding:5px; border:1px solid var(--gray-300); border-radius:2px; } .punForBox .row .title{color:var(--color-black); margin-bottom:3px;font-size:12px;} .punForBox .row .occhiello{text-transform:uppercase; font-weight:300; margin-bottom:3px;font-size:11px;} .punForBox .row .corpo{font-size:10px} .punForBox .row .linkCont .link{color:var(--color-white); background:var(--color-black); text-transform:uppercase; font-weight:700; font-size:11px; padding:5px; display:block;} /* CHECKOUT */ .rowDiscSmall{font-size:13px; font-weight:300;padding: 15px 20px 10px;} .formPax .row .check{font-size:12px; line-height:20px} .formPax .row .check .label{display:inline-block} .formPax .row.discModPax{padding:20px 20px 0; font-size:13px; text-align:center;} .formPax .row.rowAction{text-align:center; padding:30px 0;} .formPax .row.rowAction .btnAction{padding: 8px 15px;margin:20px 0 0; font-size:18px;font-weight: 300; letter-spacing: 0.05em;} .formPax .row.rowAction .btnAction.small{padding:7px 15px} .formPax .row.rowAction .btnAction.btn-unsel{background:var(--gray-300);cursor:default;} .paxCont .paxHead .paxStepAlert .basicText.small{text-transform:uppercase; font-size:11px; letter-spacing:0.04em;} .formPax{border-bottom:1px solid var(--gray-300);} .formPax:nth-child(even){background:var(--color-white);} .formPax:nth-child(odd){background:#f3f3f3;} .formPax .label,.paxDatiAgg .label{display:block;font-size: 12px; color: var(--color-primary-300);font-weight: 400; text-transform:uppercase;} .formPax .paxRif{margin:0; padding:0} /*.formPax .paxRif .paxRifCont{display:none;}*/ .formPax .paxRif .blueLink{margin-left:4px} .formPax .paxRif .paxTitle{font-size:14px; padding:10px 20px 5px} .formPax.actionCheck{border:0;} .formPax.actionCheck .rowDiscSmall .row{padding:0 20px 0px 20px} .asterix{color:var(--color-danger-700); font-weight:900; font-size:15px; margin:0 2px; display: inline} .step1 .asterix.light{color:var(--gray-400);font-weight:500;} .asterix.yellow{color:#16375f;} .datiObb .item{display:inline-block; margin-right:20px} .step2 .asterSucc{display:none;} .datiObbBimbi{text-align:left; font-size:12px; clear:both; color:var(--color-black); margin:3px 0 5px; border-top:1px solid var(--gray-100);padding:5px 0 10px;line-height: 15px;} .formPax .row{overflow:hidden; clear:both;padding:0 20px 25px 20px} .formPax .row.rowAlert {background:#e5e5e5; padding:20px 20px 20px 20px;} .formPax .row.rowAlert .paxAlert{font-size:13px; color:var(--color-black); line-height:22px; } .formPax .row.rowAlert .paxAlert .strong{font-size:13px; color:var(--color-black); line-height:22px; font-weight:500; margin-top:5px} .paxHeadBot{margin-bottom:30px;} .alertPax{background:#41b4ea57; text-align:center;margin:0 0 10px} .alertPaxInn{padding:15px; text-transform:uppercase; color:var(--color-black); line-height:20px; font-size:15px} .paxCont .paxTitle{color: var(--color-black);font-weight: 500; font-size: 16px; margin:0; padding:15px 20px 10px;} .paxCont .paxTitle .light{font-weight:400; font-size:14px; margin-left:10px} .paxCont .paxHead{margin-bottom:20px; padding:0 15px;} .paxCont .paxHead .paxStepAlert .basicText{margin-bottom:10px} .paxItem{float:left;} .paxItem .txtBig{max-width:90%;} .paxItem.dat .inpSmall{max-width:20%; margin-right:10px} .paxItem.dat .inpBig{width:40%} .item10{width:10%} .item20{width:20%} .item30{width:30%} .item40{width:40%} .item50{width:50%} .paxDatiAgg .inner{padding:10px 20px;} .paxDatiAgg{ margin:0 0 30px; padding:20px 0;border-bottom:1px solid #EFEDE4; overflow:hidden;} .paxAlert .inner{padding:30px} .paxAlertBig{ border-top:1px solid #EFEDE4;border-bottom:1px solid #EFEDE4; overflow:hidden; font-size:18px; } .paxAlertCen{text-align:center;} .paxAlertCen strong{display:block; text-transform:uppercase;} .paxAlertCen span{text-transform:uppercase;font-size:12px; margin:4px 0;display:block;} .paxAlertYellow{background:#FCF9EB; border-top:1px solid #EFEDE4;border-bottom:1px solid #EFEDE4; } .paxAlertYellow .inner{font-size:17px;} .noteAction{text-align:right;} .paxAlertGray{background:#f3f3f3;} .paxAlert.paxAlertSmall .inner{padding:10px 30px 20px; border-bottom:1px solid var(--gray-100);} .paxAlertSmall{overflow:hidden; font-size:12px; } .paxAlert .smallText{font-weight:400; line-height:18px;} .paxAlert .smallText strong{color:var(--color-black)} /* NOTE */ .noteContInner {padding: 0 20px;font-size:13px} .noteContInner .testo {padding: 10px 15px; background: var(--gray-050);border: 1px solid var(--gray-100); margin: 10px 0} .noteContInner .testo strong{color:var(--color-black); margin-right:5px;} #nuovaNota .nota {width: 100%; height: 150px;border: 1px solid var(--gray-300);padding: 20px;border-radius: var(--radius-xsm);color: #9b9b9b;} .msgNote{line-height:22px; background:var(--color-white); border-bottom:1px solid var(--gray-100);border-top:1px solid var(--gray-100); text-align:center; margin:0 0 20px} .msgNote .textNote{line-height:20px; font-size:12px; padding:4px 0;text-align:center;} .msgNote.msgOk{ background: #eefceb;border-color: var(--color-secondary-100);} .msgNote.msgAlert, .errorecampo{ background: var(--gray-050); } .checkAll {padding: 0 20px;font-size:13px; overflow:hidden;} .boxOption{width:31%; margin:0 1% 20px; float:left; text-align:center;} .boxOption .boxLink{display:block;padding:10px;border-radius:3px; border:1px solid var(--gray-300); background:var(--gray-050);} .boxOption .boxLink img{display:block; margin:0 auto 4px;} .boxOption .boxLink .box_ricerca_text{display:block; color:var(--color-black); font-weight:400; font-size:16px;} .boxOption .boxLink:hover{border:1px solid var(--gray-400); background:var(--color-white);} .boxOption .boxLink:hover img{position:relative; top:2px;} .boxOptionText{overflow:hidden; clear:both; border-top:1px solid var(--gray-100); padding:20px 0 5px ; margin:20px 0 0;} .boxOptionText .title{margin: 0 0 10px;color: var(--color-black); font-weight: 400; line-height:30px;font-size:18px; font-weight:400;} .boxOptionText .title .basicText {margin:0; font-size:14px; line-height:22px;} .boxOptionText .title .ico {width:28px; height:28px; position:relative; top:7px; margin-right:5px;} .boxOptionText .actions{overflow:hidden; margin:15px 0; padding:10px 0;} .boxOptionText .actions .btn{font-size:18px; padding:5px 20px; font-weight:400} .boxOptionText .boxOptHead{width:221px; height:57px;} .punForBox .row .linkCont .link:hover{background:var(--gray-900);} .formMailPdf textarea.txtBig { min-height: 120px;} .prt-actions{padding:15px 0; text-align:center;line-height:30px} .prt-actions .btnIco{margin:0 4px;} .smallRecap.recapBox{border:none;} .smallRecap .btnStampa{display:block;} .smallRecap .prtCont{border: 1px solid var(--gray-300);} .prtCont .noBig{display:none;} /* menu */ .menuBasic{margin:0;} .menuBasic ul{list-style:none;margin:0; padding:0; display:inline-block} .menuBasic li{list-style:none;margin:0; padding:0; display:inline-block;} .pageMenuDx .menuBasic li{margin:0 0 10px} .menuBasic .menuUl{margin:15px 0 5px} .pageMenuDx .menuBasic .menuUl{margin:0; display:inline} .menuBasic .menuBtn{background:var(--color-primary-900);border:2px solid var(--color-primary-900); padding:4px 12px; border-radius:2px;margin-right:8px; display:inline-block;} .menuBasic .menuBtn .menuLabel{color:var(--color-white); font-size:11px; font-weight:400; letter-spacing:0.05em; text-transform:uppercase;} .menuBasic .menuBtn:hover{background:var(--color-white);border:2px solid var(--color-primary-700);} .menuBasic .menuBtn:hover .menuLabel{color:var(--color-primary-900);} .menuBasic .menuBtn.selected{background:var(--color-white);border:2px solid var(--color-primary-700);} .menuBasic .menuBtn.selected .menuLabel{color:var(--color-primary-900);} /* PDF */ .pageModCont {overflow: hidden;} .pageModCont .pdfAct{ margin:0 0 8px; background:url(/img/ico-pdf.png); background-repeat:no-repeat;background-position: 15px 10px; background-color:var(--color-white);} .pageModCont .pdfAct:hover{ background:url(/img/ico-pdf-gif.gif);background-repeat:no-repeat;background-position: 15px 10px; background-color:var(--color-white);} .pageModCont .pdfAct a{border:1px solid var(--gray-300); display:block; padding:10px 10px 0px 65px; min-height:38px;} .pageModCont .pdfAct:hover a {border-color: var(--color-primary-900);} .pageModCont .pdfAct:hover{background-color: var(--gray-050)} .pageModCont .pdfAct a .title {font-weight: 500; display: block; font-size: 13px; letter-spacing:0.02em; color:var(--color-black); margin-bottom:5px} .pageModCont .pdfAct a .dida {font-size:13px; line-height:18px; font-weight:200; color:var(--gray-700); padding-bottom:10px; display:block} /* CATALOGHI */ .newGridInner { max-width: 1200px; margin: auto; } .pageModCont { overflow: hidden; } .modPdf.smallPdf .pageModCont .sfgAct:nth-child(odd) { float: left;} .modPdf.smallPdf .pageModCont .sfgAct { width: 48%; float: left; } /*.pageModCont .sfgAct { margin: 0 0 8px; background: url(/img/ico-sfg.png); background-repeat: no-repeat; background-position: 15px 10px; }*/ .modPdf.smallPdf .pageModCont .pdfAct:nth-child(even) { float: right; } .modPdf.smallPdf .pageModCont .pdfAct { width: 48%; float: left; } .pageModCont .pdfAct { margin: 0 0 8px; background: url(/img/ico-pdf.png); background-repeat: no-repeat; background-position: 15px 10px; } /* CAMERE */ .pageCamere .mainCamere { border-bottom:1px solid var(--gray-050); margin-bottom:20px;min-height: 180px; } .pageCamere .mainCamere .imgCam { width: 20%; float: left;} .pageCamere .mainCamere .boxCam { /*margin-left: 260px;*/ margin-bottom:10px; margin-top:10px;display: grid;padding-left: 10px;} .pageCamere .mainCamere .boxCam .basicText strong, .basicText b {font-weight: 300; text-transform: uppercase;} .pageCamere .mainCamere .boxCam .titoloCam { margin-top: 0; margin-bottom: 10px; text-transform: uppercase; font-family: 'Trirong', serif;font-size: 18px;font-weight: 400;letter-spacing: 0.02em;} /* PRATICHE */ #archivioPratiche .titlePratiche{display:none} #archivioPratiche .subTitlePratiche{display:none} #archivioPratiche .textPratiche{display:none} #archivioPratiche .errorTitle{text-align:center; font-size:18px; line-height:30px;font-weight:200; padding:30px; border:1px solid var(--gray-100); margin:30px 0;} #ifMotore .dropdDownCont {top: 60px!important;} #ifMotore {font-family: 'Roboto', sans-serif!important;} @media only screen and (max-width : 1200px) { .homeClaimCont {right: -500px;} .third.column.cat {width: 24%;} } @media only screen and (max-width : 1100px) { .headSite .headMenuCont .headMenu .headText {margin: 0 4px 0 0;} .pageArt .inner {padding: 0 15px;} header.mob {display:block;} .menuTop {display:none} .headSite .headBotCont .innerSite .headLogo .logo {margin-left: 10px;} .headMenuCont .headMenu .headText .headItem-logout {border-right: none;} .pageBasic .inner {padding: 0 15px;} .bodyPage .inner {padding: 0 15px;} .modCat .cont {width: 100%;float: none;} } @media only screen and (max-width : 1024px) { .widgetSchedaCont {margin: 0 5px;} } @media only screen and (max-width : 1000px) { .Grid .vetrinaBox .vetrinaLink .title {font-size: 19px;} .Grid .vetrinaBox .vetrinaLink .occhiello {font-size: 16px;} .Grid .vetrinaBox .vetrinaLink .occhiello .ico.ico-marker{display:none} } /* ///// MENU DESTRO DAI 960px IN SU //////*/ @media only screen and (min-width : 960px) { .pageMenuDx .container{min-height:520px} .pageMenuDx .pageMain .inner{position:relative;} .pageMenuDx .pageMenu{width:22%; margin-left:3%; position:absolute; right:0; top:0;margin-bottom:20px;} .pageMenuDx .pageMenu .menuBtn{display:block; padding-bottom:20px; border-bottom:1px solid var(--gray-400);} .pageMenuDx .pageArt{ width:70%; margin-top:40px; padding-top:0 !important;} .pageMenuDx .pageMod{clear:inherit} .pageMenuDx .pageMod .pageModMain{ width:70%;} .pageMenuDx .pageArt .pageSubTitle {color:#2b536b;font-weight:400; } .pageMenuDx .pageMod.fullScreen{clear:both;} .pageMenuDx .menuBasic ul{display:block} .pageMenuDx .menuBasic li{display:block;} .pageMenuDx .menuBasic .menuInner{background:var(--gray-100); border-radius:2px;} .pageMenuDx .menuBasic .menuBtn{background:var(--color-white); padding:0; border-radius:0px;margin-right:0px;padding: 20px;border-bottom:1px solid var(--gray-300);border-top:none;border-left:1px solid var(--gray-100);border-right:1px solid var(--gray-100);} .pageMenuDx .menuBasic .menuBtn:hover{background:var(--color-white);border-bottom:1px solid var(--gray-300);border-top:none;border-left:3px solid var(--gray-150);border-right:1px solid var(--gray-100);} .pageMenuDx .menuBasic .menuBtn.selected{background:var(--color-white);border-bottom:1px solid var(--gray-300);border-top:none;border-left:3px solid var(--color-primary-500);border-right:1px solid var(--gray-100);} .pageMenuDx .menuBasic .menuBtn.selected.liv-1{background:var(--gray-100);} .pageMenuDx .menuBasic .menuBtn.selected .menuLabel{color:var(--color-primary-700)} .pageMenuDx .menuBasic .menuBtn.lev-0{background:var(--gray-050);} .pageMenuDx .menuBasic .menuBtn.lev-1{border-bottom:1px solid var(--gray-100);} .pageMenuDx .menuBasic .menuBtn.lev-0 .menuLabel{color:var(--color-black); font-size:13px;} .pageMenuDx .menuBasic .menuBtn.lev-2{border-bottom:1px solid var(--gray-100); padding:6px 10px 6px 18px; background:var(--gray-050)} .pageMenuDx .menuBasic .menuBtn.lev-2 .menuLabel{color:var(--gray-700); font-size:10px;} .pageMenuDx .menuBasic .menuBtn .menuLabel{color:#58595B; font-size:12px; font-weight:400; letter-spacing:0.05em;} .pageMenuDx .menuBasic .menuBtn:hover .menuLabel{color:var(--color-primary-700);} .pageMenuDx .menuBasic li{margin:0} } @media only screen and (max-width : 950px) { .contSPT .boxTitle {float: none;max-width: none; margin-top:40px} .contSPT .boxRound {float: none; margin: auto;} .contSPT .boxTitle .blueTitle, .contSPT .boxTitle .subTitle{margin: 20px 10px } .contSPT .boxTitle .basicText {margin: 0 10px } .one-third.col {width: 100%;} .third.column.cat {width: 100%;float:none;margin: 0 1% 40px;} } @media only screen and (max-width : 880px) { /* Media Query per il No More Tables */ /* Forza la tabella a non comportarsi come una normale tabella */ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {display: block; } /* Nasconde le intestazioni della tabella */ #no-more-tables thead tr { position: absolute; top:-9999px; left:-9999px;} #no-more-tables tr { border: 1px solid #ccc; margin-top: 10px;} #no-more-tables td { /* Inserisce il comportamento come una riga */ border: none; border-bottom: 1px solid #e2dcdc; position: relative; padding-left: 20%; white-space: normal; text-align:left; } #no-more-tables td {padding-top: 15px; padding-bottom:15px;min-height: 21px;box-sizing: content-box;} #no-more-tables td:before { /* Inserisce il comportamento come un'intestazione di tabella */ position: absolute; /* I valori top/left agiscono come padding */ top: 16px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } /* Aggiunge l'etichetta ai dati della tabella */ #no-more-tables td:before { content: attr(data-title); } } @media only screen and (max-width : 800px) { .fourth.column {width: 48%;} table.service {width: 100%;} .homeClaimCont {right: -400px;} .footCont{padding: 20px 15px;} .pageHpVa .pageTitle h1 {font-size: 36px;top: 336px;} .pageImage .pageMod {padding: 10px 0;} .trailer_box .desc h2 {font-size: 25px;} .sett-tema .pageModTitle h4.titleText {float:none;background-image:none;width: auto;} .Grid .GridRow.vetrinaBox-3 .vetrinaBox{width: 48%;margin: 5px 1%;} .schedaRecap { margin-bottom: 0; width: 100%;clear: both;} .schedaTop .schedaTopInner {margin-right: 10px;margin-left: 10px;} .pageHpVa .pageTitle h1 {font-size: 36px;top: 336px;} .widgetSchedaCont {padding: 0 15px;} .pageCamere .mainCamere .imgCam { width: 35%;} .pageImage .footCont{padding: 20px 15px;} .articleMod .galleryMod.galSx {float:none; margin-bottom:20px;margin-right: 0;} .pageHpVa .modCheckin{ margin-top: -35px;} .titoloCheckin {font-size: 14px} .gv-txt-desc {max-height: 200px;} .pageHpVa .pageMod .contNews .boxTitle .basicText {min-height: 194px;} .contNews .boxTitle .basicText {padding: 0 10px;} .contNews .boxTitle .subTitle {padding: 0 10px;} .pageScheda .fullBackground { background-position: center 0; } .pageScheda .pageHead .innerBgScheda,.pageScheda .pageHead {height: 200px;} } @media only screen and (max-width : 640px) { .pageImage .pageHead {display: none;} .pageHpVa .modMtrHp {margin-top: 20px;} .pageScheda .fullBackground {background-size:cover; height:170px;} } @media only screen and (max-width : 600px) { /* .headSite .headBotCont .innerSite .headLogo .logo {width: 305px;} */ .pageModTitle h4.titleText {font-size: 18px;} .pageHpVa #webCheckinContent .pageHead {display: block} .pageHpVa.pageImage #webCheckinContent .pageTitle h1 {top: 40px;} .swiper-container.slider, .imgPage{min-height:220px;} .pageImage .pageTitle h1 {top: 80px;font-size: 42px;margin:0} .trailer_box .desc h2 {font-size: 22px;line-height: 27px;font-weight: 400;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.92);} .trailer_box .desc .loc {font-size: 9px;} .pageMod.m-plus .pageModTitle .titleText {font-size: 33px;} .fourth.column {margin: 0 1% 10px;} .footLeft {width: 50%;float: none; margin: 0 auto;} .titoloCheckin {display:none} .formCont .formBoxBlock .txt {width: 100%;} .formCont .formBoxBlock label {display: block;margin-bottom: 0;margin-top: 20px;} .formCont label.dispBlock {margin-bottom: 0;margin-top: 20px;} .bodyPage .contNews .trailer {float: none;width: 100%;} .bodyPage .contNews .boxTitle {float: none;width: 100%;} .bodyPage .contNews.third.column {width: 96%;margin: 1% 2%} .pageHpVa .pageHead {display:none} .Grid .GridRow.vetrinaBox-3 .vetrinaBox {float:none; width: 100%;} .pageCamere .mainCamere .imgCam { width: 100%; float: none;} .pageCamere .mainCamere .boxCam { margin-left: 0;} .pageArt .pageCamere .inner {padding: 0 10px;} .formCont .formBoxBlock .txt {width: 100%;} .formCont .formBoxBlock label {display: block;margin-bottom: 0;margin-top: 20px;} .formCont label.dispBlock {margin-bottom: 0;margin-top: 20px;} .pageHpVa .modCheckin .formCheckIn {border: none} .pageTitle.blueTitle.NT-clTitolo.b2c .fs-07 {font-size:14px;} } @media only screen and (max-width: 560px) { .third.column {width: 100%;margin-bottom:2%} .bannerThumb {display: none} .fourth.column {width: 100%;} .pageHpVa .modCheckin .formCheckIn {border: none} .pageHpVa .contNews.third.column {width: 96%!important;margin:2%} }