/* ========================================================================== Author's custom styles ========================================================================== */ @font-face { font-family: 'museo300'; src: url('../fonts/museo300-regular-webfont.eot'); src: url('../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo300-regular-webfont.woff2') format('woff2'), url('../fonts/museo300-regular-webfont.woff') format('woff'), url('../fonts/museo300-regular-webfont.ttf') format('truetype'), url('../fonts/museo300-regular-webfont.svg#museo300') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo700'; src: url('../fonts/museo700-webfont.eot'); src: url('../fonts/museo700-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo700-webfont.woff2') format('woff2'), url('../fonts/museo700-webfont.woff') format('woff'), url('../fonts/museo700-webfont.ttf') format('truetype'), url('../fonts/museo700-webfont.svg#museo700') format('svg'); font-weight: normal; font-style: normal; } /** GENERALE **/ html { backface-visibility: hidden; } body { padding:0; margin:0; -webkit-font-smoothing:antialiased; background:#F2F1EB; font-family: 'Montserrat', sans-serif; font-size:18px; color:#333; line-height:1.3; } body.page-template-camere { background:#F2F1EB; } img.aligncenter { display:block; margin:0 auto; } img.img_webcam { width:100%; max-width:1024px; height:auto; } a { color:#91a1bd; text-decoration:none; } a:hover, a:active, a:focus { color:#91a1bd; text-decoration:underline; } a.pulsante_big { display:inline-block; width:auto; height:50px; background:#AD9175; box-sizing:border-box; text-align:center; font-size:16px; font-weight:700; color:#F2F1EB; text-transform:uppercase; line-height:50px; margin:10px 0 0; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-decoration:none; padding:0 30px; } a.pulsante_big:hover, a.pulsante_big:active, a.pulsante_big:focus { background:#91A1BD; } @media screen and (max-width: 767px) { a.pulsante_big { font-size:14px; height:44px; line-height:44px; padding:0 20px; } } /* ancient-browser-alert error */ .ancient-browser-alert { background:#a00; color:#faa; display:block; padding:3px 0; text-align:center; } .ancient-browser-alert a { color:#F2F1EB; text-decoration:underline; } .pagination { margin:0; } .pagination-center { text-align:center; } .pagination-row { margin-bottom:20px; } .required { color:#f00; } .row-with-vspace { margin-bottom:20px; } .page-template-pacchetti .row-with-vspace, .scheda_offerta .row-with-vspace { margin-bottom:10px; } .site-main .format-aside { background:#f2f1eb; } .site-title { margin-bottom:0; margin-top:10px; } .site-title > a { text-decoration:none; } .site-title > div { height:auto; line-height:18px; } .site-title .site-description { color:#999; font-size:16px; } .site-title .site-title-heading { margin:0; } .widget_calendar #wp-calendar { margin:0; } .widget_calendar #wp-calendar #next { text-align:right; } #comments .comment-navigation { margin-bottom:0; } #comments .comment-navigation-below { margin-bottom:20px; margin-top:15px; } #comments .media-list li .media { margin-top:15px; } #comments .media-list li .media .media-body { border:1px solid #eee; padding:10px; } #comments .media-list li .media .media-body .comment-author { font-size:12px; margin-bottom:10px; } #comments .media-list ul.children { list-style:none; margin-left:2.5em; } #main-column .wp-video-shortcode { display:block; height:auto; max-width:100%; } #main-column .attachment .entry-content { margin-bottom:20px; } #main-column .attachment .entry-content .attachment { text-align:center; } #main-column .attachment .entry-meta { margin-bottom:20px; } #main-column .post, #main-column .page { margin-top:30px; margin-bottom:20px; padding:0; } .page-template-pacchetti #main-column .page, .scheda_offerta #main-column .page { margin-bottom:0; } #main-column .post .entry-header .entry-meta { color:#999; } #main-column .post .entry-header .entry-meta a { color:inherit; } #main-column .post .entry-header .entry-meta .posted-on .updated { display:none; } #main-column .post .entry-meta .categories-icon { cursor:default; } #main-column .post .entry-meta .comments-link a { color:#333; } #main-column .post .entry-meta .comments-link a .comment-icon .comment-total, #main-column .page .entry-meta .comments-link a .comment-icon .comment-total { color:#555; font-size:12px; margin-left:5px; } #main-column .attachment .edit-post-link a, #main-column .attachment .entry-meta .edit-post-link a, #main-column .post .entry-meta .edit-post-link a, #main-column .page .entry-meta .edit-post-link a { color:#333; } #main-column .post .entry-meta .tags-icon { cursor:default; } #main-column .attachment .entry-title, #main-column .post .entry-title, #main-column .page .entry-title { font-family:'Montserrat'; font-size:42px; color:#333; margin:0; padding-top:6px; padding-bottom:24px; word-wrap:break-word; text-align:center; font-weight:normal; line-height:1.2; } #main-column .post p, #main-column .page p { margin-bottom:24px; } @media screen and (max-width:992px) { #main-column .attachment .entry-title, #main-column .post .entry-title, #main-column .page .entry-title { font-size:38px; } } @media screen and (max-width:767px) { #main-column .attachment .entry-title, #main-column .post .entry-title, #main-column .page .entry-title { font-size:34px; padding-top:0; padding-bottom:16px; } } /** HEADER **/ #header_wrapper { width:100%; background:#F2F1EB; } .scheda_offerta #header_wrapper { padding-bottom:20px; } #header_container { width:100%; max-width:1200px; height:200px; margin:0 auto; position:relative; } .is_mondo #header_container { height:128px; } #header_container a#logo { display:block; width:153px; height:89px; text-decoration:none; position:absolute; left:0; top:50px; background-image:url(../img/logo.svg); background-repeat:no-repeat; background-size:153px 89px; } .is_mondo #header_container a#logo { top:20px; } #header_container a#logo:hover, #header_container a#logo:focus { text-decoration:none; } #header_container a#menu_button { position:absolute; right:0; top:78px; display:block; height:82px; width:54px; margin:0; box-sizing:border-box; padding:56px 0 0; text-align:center; font-size:18px; font-weight:400; color:#333; line-height:22px; background-image:url(../img/hamburger.png); background-repeat:no-repeat; background-position:center top; } .is_mondo #header_container a#menu_button { top:40px; } #header_container a#menu_button:hover { opacity:0.6; text-decoration:none; } #header_container #question { font-family:'Montserrat'; font-size:21px; color:#333; font-weight:normal; position:absolute; top:22px; left:200px; line-height:1.2; } #header_container #btn_mondi { position:absolute; top:58px; left:200px; width:682px; height:120px; border-right:1px solid #DEDEDE; } .is_mondo #header_container #btn_mondi { display:none; visibility:hidden; } #header_container #btn_mondi a { display:inline-block; width:170px; height:120px; text-align:center; padding:75px 0 0; box-sizing:border-box; font-family:'Montserrat'; font-size:20px; font-weight:normal; color:#333; text-decoration:none; background-repeat:no-repeat; } #header_container #btn_mondi a:hover, #header_container #btn_mondi a:active, #header_container #btn_mondi a:focus { text-decoration:none; color:#F2F1EB; } #header_container #btn_mondi a.bike { border-left:1px solid #73AF01; background-image:url(../img/bike.svg); background-size:57px 32px; background-position:center 25px; } #header_container #btn_mondi a.wander { border-left:1px solid #E35121; background-image:url(../img/wander.svg); background-size:30px 45px; background-position:center 20px; } #header_container #btn_mondi a.moto { border-left:1px solid #3B7DBF; background-image:url(../img/moto.svg); background-size:65px 35px; background-position:center 23px; } #header_container #btn_mondi a.wellness { border-left:1px solid #AA8CBA; background-image:url(../img/wellness.svg); background-size:52px 33px; background-position:center 29px; } #header_container #btn_mondi a.bike:hover, #header_container #btn_mondi a.bike:active, #header_container #btn_mondi a.bike:focus { background-color:#73AF01; background-image:url(../img/bike_hover.svg); } #header_container #btn_mondi a.wander:hover, #header_container #btn_mondi a.wander:active, #header_container #btn_mondi a.wander:focus { background-color:#E35121; background-image:url(../img/wander_hover.svg); } #header_container #btn_mondi a.moto:hover, #header_container #btn_mondi a.moto:active, #header_container #btn_mondi a.moto:focus { background-color:#3B7DBF; background-image:url(../img/moto_hover.svg); } #header_container #btn_mondi a.wellness:hover, #header_container #btn_mondi a.wellness:active, #header_container #btn_mondi a.wellness:focus { background-color:#AA8CBA; background-image:url(../img/wellness_hover.svg); } #header_container .pulsante1 { display:block; width:187px; height:50px; background:#AD9175; box-sizing:border-box; text-align:center; font-size:16px; font-weight:700; color:#F2F1EB; text-transform:uppercase; line-height:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-decoration:none; position:absolute; top:60px; left:913px; } .is_mondo #header_container .pulsante1 { left:auto; top:40px; right:294px; } #header_container .pulsante2 { display:block; width:187px; height:50px; background:#F2F1EB; box-sizing:border-box; text-align:center; font-size:16px; font-weight:700; color:#AD9175; text-transform:uppercase; line-height:50px; border:1px solid #AD9175; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-decoration:none; position:absolute; top:119px; left:913px; } .is_mondo #header_container .pulsante2 { left:auto; top:40px; right:98px; } #header_container .pulsante1:hover, #header_container .pulsante1:active, #header_container .pulsante1:focus { background:#91A1BD; } #header_container .pulsante2:hover, #header_container .pulsante2:active, #header_container .pulsante2:focus { border:1px solid #91A1BD; color:#91A1BD; } #header_container .pulsante1_mobile, #header_container .pulsante2_mobile { display:none; width:134px; height:50px; background:#AD9175; box-sizing:border-box; text-align:center; font-size:14px; font-weight:700; color:#F2F1EB; text-transform:uppercase; line-height:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-decoration:none; position:absolute; top:117px; } #header_container .pulsante1_mobile { right:50%; margin-right:6px; } #header_container .pulsante2_mobile { left:50%; margin-left:6px; } #header_container .pulsante1_mobile:hover, #header_container .pulsante1_mobile:active, #header_container .pulsante1_mobile:focus, #header_container .pulsante2_mobile:hover, #header_container .pulsante2_mobile:active, #header_container .pulsante1_mobile:focus { background:#91A1BD; } #immagine_header { width:100%; height:540px; background-repeat:no-repeat; background-position:center center; background-size:cover; } .home #immagine_header { height:720px; } #header_spacer { width:100%; height:200px; background:#F2F1EB; display:none; } .is_mondo #header_spacer { display:none; visibility:hidden; } #banda_mondi { width:100%; height:60px; box-sizing:border-box; } .bike #banda_mondi { background:#73AF01; } .wander #banda_mondi { background:#E35121; } .moto #banda_mondi { background:#3B7DBF; } .wellness #banda_mondi { background:#AA8CBA; } #banda_mondi_container { width:100%; max-width:1200px; margin:0 auto; box-sizing:border-box; padding-left:110px; text-align:left; } #banda_mondi .mondo_bike, #banda_mondi .mondo_wander, #banda_mondi .mondo_moto, #banda_mondi .mondo_wellness { display:inline-block; height:60px; width:135px; text-align:center; text-decoration:none; font-family:'Montserrat'; font-size:18px; color:#F2F1EB; font-weight:normal; line-height:60px; } #banda_mondi .mondo_bike { background:#73AF01; } #banda_mondi .mondo_wander { background:#E35121; } #banda_mondi .mondo_moto { background:#3B7DBF; } #banda_mondi .mondo_wellness { background:#AA8CBA; } #banda_mondi .mondo_wellness.active { width:155px; } #banda_mondi .mondo_bike:hover, #banda_mondi .mondo_bike:active, #banda_mondi .mondo_bike:focus, #banda_mondi .mondo_wander:hover, #banda_mondi .mondo_wander:active, #banda_mondi .mondo_wander:focus, #banda_mondi .mondo_moto:hover, #banda_mondi .mondo_moto:active, #banda_mondi .mondo_moto:focus, #banda_mondi .mondo_wellness:hover, #banda_mondi .mondo_wellness:active, #banda_mondi .mondo_wellness:focus { background:#91a1bd; } #banda_mondi .mondo_bike span { display:none; width:45px; height:25px; margin:0 12px -6px 0; background-image:url(../img/bike_hover.svg); background-size:auto 25px; background-repeat:no-repeat; } #banda_mondi .mondo_wander span { display:none; width:21px; height:30px; margin:0 12px -9px 0; background-image:url(../img/wander_hover.svg); background-size:auto 30px; background-repeat:no-repeat; } #banda_mondi .mondo_moto span { display:none; width:46px; height:25px; margin:0 12px -6px 0; background-image:url(../img/moto_hover.svg); background-size:auto 25px; background-repeat:no-repeat; } #banda_mondi .mondo_wellness span { display:none; width:40px; height:25px; margin:0 12px -6px 0; background-image:url(../img/wellness_hover.svg); background-size:auto 25px; background-repeat:no-repeat; } #banda_mondi .mondo_bike.active span, #banda_mondi .mondo_wander.active span, #banda_mondi .mondo_moto.active span, #banda_mondi .mondo_wellness.active span { display:inline-block; } #header_lingue { position:absolute; top:6px; right:0; text-align:right; } .is_mondo #header_lingue { top:4px; } #header_lingue .header_lingua { display:inline-block; margin-left:6px; font-size:14px; color:#333; } #header_lingue .header_lingua.active { text-transform:uppercase; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { #header_container a#menu_button { background-image:url(../img/hamburger@2x.png); background-size:50px 50px; } } @media screen and (max-width:1200px) { #header_container a#logo { left:20px; } #header_container a#menu_button { right:20px; } #header_container #btn_mondi { width:521px; } #header_container #btn_mondi a { width:130px; } #header_container .pulsante1, #header_container .pulsante2 { left:760px; } #header_lingue { right:20px; } } @media screen and (max-width:1060px) { #header_container, .is_mondo #header_container { height:123px; } #header_container a#logo, .is_mondo #header_container a#logo { top:10px; } #header_container a#menu_button, .is_mondo #header_container a#menu_button { top:50px; padding:12px 0 0; text-align:left; width:110px; background-position:right top; } #header_container #question { top:476px; width:682px; left:50%; margin-left:-341px; } .home #header_container #question { top:580px; } #header_container #btn_mondi { top:512px; width:682px; left:50%; margin-left:-341px; } .scheda_offerta #header_container #question, .scheda_offerta #header_container #btn_mondi { display:none; visibility:hidden; } .home #header_container #btn_mondi { top:616px; } #header_container #btn_mondi a { width:170px; } #header_container .pulsante1, .is_mondo #header_container .pulsante1 { left:auto; right:346px; top:50px;} #header_container .pulsante2, .is_mondo #header_container .pulsante2 { left:auto; right:150px; top:50px; } #immagine_header { height:336px; } .home #immagine_header { height:440px; } #header_spacer { display:block; } #banda_mondi_container { text-align:right; padding-left:0; } .is_mondo #header_lingue { top:10px; } } @media screen and (max-width:767px) { #header_container, .is_mondo #header_container { height:180px; } #header_container a#logo { top:6px; left:18px; } .is_mondo #header_container a#logo { top:10px; left:18px; } #header_container a#menu_button, .is_mondo #header_container a#menu_button { top:34px; right:18px; padding:50px 0 0; text-align:center; width:54px; background-position:center top; } #header_container #question { left:0; right:0; top:460px; width:100%; margin-left:0; box-sizing:border-box; padding:0 10px; font-size:18px; } .home #header_container #question { top:460px; } #header_container #btn_mondi { left:0; right:0; top:490px; width:100%; height:80px; box-sizing:border-box; margin-left:0; } .home #header_container #btn_mondi { top:490px; } .is_mondo #header_container #btn_mondi { display:block; visibility:visible; top:445px; } .is_mondo.scheda_offerta #header_container #btn_mondi { top:190px; } #header_container #btn_mondi a { width:25%; height:80px; font-size:14px; margin:0; padding:56px 0 0; font-family:'Montserrat'; color:#F2F1EB; border:none; box-sizing:border-box; } #header_container #btn_mondi a.bike { background-color:#73AF01; background-image:url(../img/bike_hover.svg); background-size:39px auto; background-position:center 21px; border:none; } #header_container #btn_mondi a.wander { background-color:#E35121; background-image:url(../img/wander_hover.svg); background-size:20px auto; background-position:center 14px; border:none; } #header_container #btn_mondi a.moto { background-color:#3B7DBF; background-image:url(../img/moto_hover.svg); background-size:45px auto; background-position:center 19px; border:none; } #header_container #btn_mondi a.wellness { background-color:#AA8CBA; background-image:url(../img/wellness_hover.svg); background-size:38px auto; background-position:center 18px; border:none; } .is_mondo #header_container #btn_mondi a.bike { background-color:#e7e5e5; background-image:url(../img/bike_grey.svg); color:#bebdbd; border-right:1px solid #bebdbd; } .is_mondo #header_container #btn_mondi a.wander { background-color:#e7e5e5; background-image:url(../img/wander_grey.svg); color:#bebdbd; border-right:1px solid #bebdbd; } .is_mondo #header_container #btn_mondi a.moto { background-color:#e7e5e5; background-image:url(../img/moto_grey.svg); color:#bebdbd; border-right:1px solid #bebdbd; } .is_mondo #header_container #btn_mondi a.wellness { background-color:#e7e5e5; background-image:url(../img/wellness_grey.svg); color:#bebdbd; } .is_mondo.bike #header_container #btn_mondi a.bike { background-color:#73AF01; background-image:url(../img/bike_hover.svg); color:#F2F1EB; border-right:none; } .is_mondo.wander #header_container #btn_mondi a.wander { background-color:#E35121; background-image:url(../img/wander_hover.svg); color:#F2F1EB; border-right:none; } .is_mondo.moto #header_container #btn_mondi a.moto { background-color:#3B7DBF; background-image:url(../img/moto_hover.svg); color:#F2F1EB; border-right:none; } .is_mondo.wellness #header_container #btn_mondi a.wellness { background-color:#AA8CBA; background-image:url(../img/wellness_hover.svg); color:#F2F1EB; } #header_container .pulsante1, #header_container .pulsante2, .is_mondo #header_container .pulsante1, .is_mondo #header_container .pulsante2 { display:none; visibility:hidden; } #header_container .pulsante1_mobile, #header_container .pulsante2_mobile { display:block; } #immagine_header { height:265px; } .home #immagine_header { height:265px; } #header_spacer { height:126px; } .home #header_spacer { height:126px; } .is_mondo #header_spacer { display:block; visibility:visible; height:81px; } .scheda_offerta #header_spacer { display:none; visibility:hidden; height:70px; } .is_mondo.scheda_offerta #header_spacer { display:block; visibility:visible; height:70px; } #banda_mondi { height:52px; } .is_mondo #banda_mondi { display:none; visibility:hidden; } #banda_mondi_container { text-align:left; padding-left:4px; } #banda_mondi .mondo_bike, #banda_mondi .mondo_wander, #banda_mondi .mondo_moto, #banda_mondi .mondo_wellness { height:52px; font-size:18px; line-height:52px; } #banda_mondi .mondo_bike, #banda_mondi .mondo_wander, #banda_mondi .mondo_moto, #banda_mondi .mondo_wellness { display:none; } #banda_mondi a.active { display:inline-block; } #header_lingue { top:0; } .is_mondo #header_lingue { top:0; } } /* MENU */ #menu_container { display:none; background:url(../img/bg_menu.png); padding:0 20px; position:fixed; top:0; left:0; right:0; z-index:1000000; height:100%; overflow-y:scroll; overflow-x:hidden; font-size:30px; font-weight:300; color:#F2F1EB; -webkit-font-smoothing: antialiased; } #menu_container #close_menu { display:block; width:32px; height:32px; position:fixed; top:36px; right:36px; background:url(../img/close.png); background-repeat:no-repeat; } #menu_container table { margin:0 auto; height:100%; border:0; } #menu_container td { text-align:left; vertical-align:middle; } #menu_container .nav { padding:30px 0; } #menu_container .nav > li > a { color:#F2F1EB; padding:0; line-height:1.5; } #menu_container .nav > li > a:hover, #menu_container .nav > li > a:focus { color:#AAA; background:transparent; } @media screen and (max-width:767px) { #menu_container { font-size: 26px; } #menu_container #close_menu { top: 20px; right: 20px; } } /** SIDEBAR **/ #sidebar-left .widget, #sidebar-right .widget { border:1px solid #eee; margin-bottom:20px; overflow:hidden; padding:10px; } #sidebar-left .widget ul, #sidebar-right .widget ul { padding-left:20px; } #sidebar-left .widget .widget-title, #sidebar-right .widget .widget-title { font-size:18px; margin-top:0; } /** BREADCRUMB **/ #breadcrumbs_container { width:100%; background:#F2F1EB; padding:10px 15px; box-sizing:border-box; } #breadcrumbs { font-size:14px; color:#333; width:100%; max-width:1200px; margin:0 auto; } #breadcrumbs a { color:#333; text-decoration:none; } #breadcrumbs a:hover, #breadcrumbs:focus, #breadcrumbs a:active { color:#333; text-decoration:underline; } #breadcrumbs .breadcrumb_last { font-weight:700; } /** FOOTER **/ #footer1 { width:100%; background:#F2F1EB; font-size:16px; color:#333; font-weight:normal; line-height:1.2; text-align:center; padding:40px 0 20px; position:relative; } #footer1 table { width:100%; max-width:1400px; height:145px; border:none; margin:0 auto; } #footer1 td { width:25%; height:145px; text-align:center; vertical-align:top; border-right:1px solid #D7D7D7; } #footer1 td:last-child { border-right:none; } #footer1 a { color:#333; text-decoration:none; } #footer1 a:hover, #footer1 a:active, #footer1 a:focus { color:#333; text-decoration:underline; } #footer1 .footer_telefono span { display:block; width:28px; height:44px; background-image:url(../img/telefono.svg); background-repeat:no-repeat; background-size:28px 44px; margin:21px auto 14px; } #footer1 .footer_indirizzo span { display:block; width:29px; height:40px; background-image:url(../img/indirizzo.svg); background-repeat:no-repeat; background-size:29px 40px; margin:20px auto 16px; } #footer1 .footer_email span { display:block; width:42px; height:32px; background-image:url(../img/email.svg); background-repeat:no-repeat; background-size:42px 32px; margin:22px auto 22px; } #footer1 a.logo { display:inline-block; width:123px; height:71px; text-decoration:none; margin:6px 20px 0 0; background-image:url(../img/logo.svg); background-repeat:no-repeat; background-size:123px 71px; } #footer1 a.logo:hover, #footer1 a.logo:focus { text-decoration:none; } #footer1 span.anniversario { display:inline-block; width:63px; height:63px; margin:0 0 -20px; background-repeat:no-repeat; background-position:center center; } #footer1 span.link_privacy { display:block; text-align:center; font-size:13px; margin:40px 0 0; } #footer2 { background:#333; font-family:'Montserrat',sans-serif; font-size:12px; color:#F2F1EB; line-height:1.2; padding:20px 0 14px; width:100%; } #footer2_container { width:100%; max-width:1400px; margin:0 auto; } #footer2 #social { float:left; } #footer2 #social a { display:block; float:left; width:30px; height:30px; background-repeat:no-repeat; background-size:30px 30px; margin:0 8px 0 0; } #footer2 #social a.facebook { background-image:url(../img/facebook.svg); } #footer2 #social a.googleplus { background-image:url(../img/google-plus.svg); } #footer2 #social a.twitter { background-image:url(../img/twitter.svg); } #footer2 #social a.instagram { background-image:url(../img/instagram.svg); } #footer2 #social a.youtube { background-image:url(../img/youtube.svg); } #footer2 #social a.tripadvisor { background-image:url(../img/tripadvisor.svg); } #footer2 #social a.holidaycheck { background-image:url(../img/holidaycheck.svg); } #footer2 #social a.lingua { margin:1px 0 0 4px;} #footer2 #social a:hover, #footer2 #social a:focus, #footer2 #social a:active { opacity:0.6; } #footer2 #social a.webcam { width: auto; background: #AD9175; margin: 0 0 0 8px; text-transform: uppercase; text-align: center; font-size: 14px; line-height: 30px; color: #F2F1EB; padding: 0 13px; font-weight: 700; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; } #footer2 #social a.webcam:hover, #footer2 #social a.webcam:focus, #footer2 #social a.webcam:active { opacity: 1; background: #91a1bd; text-decoration: none; } #footer2 #powered { float:right; } #footer2 .area38 { background:transparent url(../img/logo-a38.png) no-repeat scroll center center; display:inline-block; height:30px; margin:0 0 -10px 6px; width:30px; } #footer2 .area38:hover, #footer2 .area38:active, #footer2 .area38:focus { opacity:0.6; } #partner { width:100%; background:#F4F4F4; box-sizing:border-box; text-align:center; padding:10px; } #partner a { display:inline-block; background-repeat:no-repeat; background-position:center center; margin:0 20px; } #partner a.partner_ibh { width:64px; height:70px; background-image:url(../img/partner_ibh.svg); background-size:64px auto; } #partner a.partner_roadbike { width:100px; height:70px; background-image:url(../img/partner_roadbike.png); } #partner a.partner_mbh { width:100px; height:70px; background-image:url(../img/partner_mbh.png); background-size:100px auto; } #partner a.partner_motorrad { display:inline-block; width:128px; height:70px; background-image:url(../img/partner_motorrad.png); } #partner a.partner_touren_fahrer { display:inline-block; width:115px; height:70px; background-image:url(../img/partner_touren_fahrer.png); } #partner a.partner_motorradhotels { display:inline-block; width:100px; height:91px; background-image:url(../img/partner_motorradhotels.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { #footer1 span.anniversario { background-image:url(../img/anniversario@2x.png); background-size:63px 63px; } #partner a.partner_roadbike { background-image:url(../img/partner_roadbike@2x.png); background-size:100px 61px; } #partner a.partner_motorrad { background-image:url(../img/partner_motorrad@2x.png); background-size:128px 36px; } #partner a.partner_touren_fahrer { background-image:url(../img/partner_touren_fahrer@2x.png); background-size:115px 47px; } } @media screen and (max-width:1400px) { #footer2_container { box-sizing:border-box; padding:0 20px; } } @media screen and (max-width:1060px) { #footer1 { font-size:14px; } } @media screen and (max-width:992px) { #footer1 td { width:33.33%; } #footer1 .footer_logo { width:220px; height:auto; position:absolute; bottom:-114px; left:20px; text-align:left; border-right:none; } #footer1 span.anniversario { margin:0; } #footer1 span.link_privacy { margin:8px 0 0; text-align:left; } #footer2 { height:132px; background:#F3F3F3; color:#333; padding:44px 0 0; } #footer2 #social { padding-left:230px; } #footer2 #social a.facebook { background-image:url(../img/facebook_mobile.svg); } #footer2 #social a.instagram { background-image:url(../img/instagram_mobile.svg); } #footer2 #social a.googleplus { background-image:url(../img/google-plus_mobile.svg); } #footer2 #social a.twitter { background-image:url(../img/twitter_mobile.svg); } #footer2 #social a.youtube { background-image:url(../img/youtube_mobile.svg); } #footer2 #social a.tripadvisor { background-image:url(../img/tripadvisor_mobile.svg); } #footer2 #social a.holidaycheck { background-image:url(../img/holidaycheck_mobile.svg); } } @media screen and (max-width:767px) { #footer1 { background:#F3F3F3; padding:40px 0 0; } #footer1 td { width:100%; border-right:none; display:block; height:auto; } #footer1 tr { display:flex; flex-direction:column; } #footer1 .footer_logo { position:static; display:block; width:100%; text-align:center; order:1; } #footer1 .footer_indirizzo { order:2; padding-top:20px; line-height:1.4; } #footer1 .footer_email { order:3; line-height:1.4; } #footer1 .footer_telefono { order:4; font-weight:700; padding:20px 0; font-size:16px; } #footer1 span.link_privacy { text-align:center; } #footer1 .footer_telefono span, #footer1 .footer_indirizzo span, #footer1 .footer_email span { display:none; visibility:hidden; } #footer2 { height:auto; padding:0 0 26px; text-align:center; } #footer2 #social { padding-left:0; float:none; width:100%; text-align:center; margin-bottom:30px; } #footer2 #social a { display:inline-block; float:none; margin:0 2px -11px 0; } #footer2 #social a.lingua { margin:1px 0 0 2px; } #footer2 #powered { float:none; width:100%; text-align:center; } #partner a { margin:0 4px; } } /** BANDA AZZURRA **/ div.banda_azzurra { width:100%; text-align:center; background:#92A2BD; position:relative; box-sizing:border-box; font-family:'Montserrat'; font-size:48px; color:#F2F1EB; padding:58px 20px; line-height:1.2; } .bike div.banda_azzurra { background:#73AF01; } .wander div.banda_azzurra { background:#E35121; } .moto div.banda_azzurra { background:#3B7DBF; } .wellness div.banda_azzurra { background:#AA8CBA; } div.banda_azzurra span { display:block; width:44px; height:22px; background-image:url(../img/triangolo-azzurro.svg); background-position:center center; background-repeat:no-repeat; background-size:44px 22px; position:absolute; left:50%; bottom:-22px; margin-left:-22px; z-index:1; } .bike div.banda_azzurra span { background-image:url(../img/triangolo_bike.svg); } .wander div.banda_azzurra span { background-image:url(../img/triangolo_wander.svg); } .moto div.banda_azzurra span { background-image:url(../img/triangolo_moto.svg); } .wellness div.banda_azzurra span { background-image:url(../img/triangolo_wellness.svg); } @media screen and (max-width:992px) { div.banda_azzurra { font-size:42px; } } @media screen and (max-width:767px) { div.banda_azzurra { font-size:38px; line-height:1.2; padding:48px 20px; } } /** BANDA VERDE **/ div.banda_verde { width:100%; text-align:center; background:#74AF01; position:relative; box-sizing:border-box; font-family:'Montserrat'; font-size:48px; color:#F2F1EB; padding:58px 20px; line-height:1.2; } div.banda_verde span { display:block; width:44px; height:22px; background-image:url(../img/triangolo-verde.svg); background-position:center center; background-repeat:no-repeat; background-size:44px 22px; position:absolute; left:50%; bottom:-22px; margin-left:-22px; z-index:1; } @media screen and (max-width:992px) { div.banda_verde { font-size:42px; } } @media screen and (max-width:767px) { div.banda_verde { font-size:38px; line-height:1.2; padding:48px 20px; } } /* BOX PAGINA DETTAGLI */ #repeater_dettagli { background: #F2F1EB; padding: 0; } #repeater_dettagli .riga { width: 100%; border:none; } #repeater_dettagli .riga_sinistra_foto, #repeater_dettagli .riga_destra_foto { width: 50%; position: relative; background-repeat:no-repeat; background-position:center center; background-size:cover; height:480px; text-align:center; } #repeater_dettagli .riga_destra_offerta { width:50%; position:relative; text-align:left; vertical-align:top; background:#f2f1eb; } #repeater_dettagli .riga_destra_offerta img { width:100%; height:auto; } #repeater_dettagli .riga_destra_offerta div.box_colonna { width:100%; padding-left:90px; border-bottom:1px solid #e3e3e3; } #repeater_dettagli .riga_destra_offerta div.box_colonna.noborder { border-bottom:none; } #repeater_dettagli .riga_destra_offerta h3 { font-family:'Montserrat'; color:#333; font-size:26px; font-weight:normal; padding:0; margin:30px 0 0; max-width:500px; } .bike #repeater_dettagli .riga_destra_offerta h3 { color:#73AF01; } .wander #repeater_dettagli .riga_destra_offerta h3 { color:#E35121; } .moto #repeater_dettagli .riga_destra_offerta h3 { color:#3B7DBF; } .wellness #repeater_dettagli .riga_destra_offerta h3 { color:#AA8CBA; } #repeater_dettagli .riga_destra_offerta table { width:100%; max-width:500px; border:none; margin:30px 0 20px; } #repeater_dettagli .riga_destra_offerta td { text-align:left; vertical-align:middle; padding:0 0 16px; font-size:15px; color:#333; line-height:1.3; font-style:italic; } #repeater_dettagli .riga_destra_offerta td span { display:block; width:33px; height:33px; font-family:'Montserrat'; color:#F2F1EB; font-size:18px; font-weight:normal; background:#333; font-style:normal; text-align:center; line-height:35px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin-right:20px; } .bike #repeater_dettagli .riga_destra_offerta td span { background:#73AF01; } .wander #repeater_dettagli .riga_destra_offerta td span { background:#E35121; } .moto #repeater_dettagli .riga_destra_offerta td span { background:#3B7DBF; } .wellness #repeater_dettagli .riga_destra_offerta td span { background:#AA8CBA; } #repeater_dettagli .riga_destra_offerta a.link_telefono { background-image:url(../img/phone.svg); background-size:17px 17px; background-repeat:no-repeat; background-position:left center; font-family:'Montserrat'; color:#333; font-size:20px; font-weight:normal; padding-left:26px; display:inline-block; margin:10px 0 30px; } #repeater_dettagli .riga_sinistra_foto a, #repeater_dettagli .riga_destra_foto a { position:absolute; left:0; right:0; top:0; bottom:0; display:block; } #repeater_dettagli .riga_sinistra_foto .hover_gallery, #repeater_dettagli .riga_destra_foto .hover_gallery{ display: none; width:100%; height:100%; background-image: url(../img/zoom_gallery.png); background-position: center center; } #repeater_dettagli .riga_sinistra_foto a:hover .hover_gallery, #repeater_dettagli .riga_destra_foto a:hover .hover_gallery, #repeater_dettagli .riga_sinistra_foto a:focus .hover_gallery, #repeater_dettagli .riga_destra_foto a:focus .hover_gallery{ display: block; } #repeater_dettagli .riga_sinistra_contenuto, #repeater_dettagli .riga_destra_contenuto { width: 50%; font-weight:400; font-size:16px; line-height:1.4; color:#515151; -webkit-font-smoothing: antialiased; vertical-align:middle; padding-top:20px; padding-bottom:20px; } #repeater_dettagli .riga_sinistra_offerta { width: 50%; font-weight:400; font-size:16px; line-height:1.4; color:#515151; -webkit-font-smoothing: antialiased; vertical-align:top; padding-top:80px; padding-bottom:30px; } #repeater_dettagli .riga_sinistra_contenuto, #repeater_dettagli .riga_sinistra_offerta { padding-right:60px; text-align:right; } #repeater_dettagli .riga_destra_contenuto { padding-left:60px; text-align:left; } #repeater_dettagli .riga_sinistra_contenuto div, #repeater_dettagli .riga_destra_contenuto div, #repeater_dettagli .riga_sinistra_offerta .content_offerta { width:100%; max-width:530px; display:inline-block; text-align:left; } #repeater_dettagli h2 { font-family:'Montserrat'; font-size:40px; font-weight:normal; color:#333; line-height:1.2; margin-top:0; margin-bottom:16px; -webkit-font-smoothing: antialiased; } #repeater_dettagli p.riga_sottotitolo { font-size:16px; font-weight:700; color:#AD9175; line-height: 1.2; text-transform:uppercase; margin-top:0; margin-bottom:0; -webkit-font-smoothing: antialiased; } .bike #repeater_dettagli p.riga_sottotitolo { color:#73AF01; } .wander #repeater_dettagli p.riga_sottotitolo { color:#E35121; } .moto #repeater_dettagli p.riga_sottotitolo { color:#3B7DBF; } .wellness #repeater_dettagli p.riga_sottotitolo { color:#AA8CBA; } #repeater_dettagli .bike p.riga_sottotitolo { color:#73AF01; } #repeater_dettagli .wander p.riga_sottotitolo { color:#E35121; } #repeater_dettagli .moto p.riga_sottotitolo { color:#3B7DBF; } #repeater_dettagli .wellness p.riga_sottotitolo { color:#AA8CBA; } .scheda_percorso #repeater_dettagli p.riga_sottotitolo { margin-bottom:12px; } #repeater_dettagli a.pulsante { display:inline-block; width:auto; height:auto; background:#AD9175; box-sizing:border-box; text-align:center; font-size:16px; font-weight:700; color:#F2F1EB; text-transform:uppercase; line-height:22px; margin:26px 10px 0 0; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-decoration:none; padding:14px 30px; } .bike #repeater_dettagli a.pulsante { background:#73AF01; } .wander #repeater_dettagli a.pulsante { background:#E35121; } .moto #repeater_dettagli a.pulsante { background:#3B7DBF; } .wellness #repeater_dettagli a.pulsante { background:#AA8CBA; } #repeater_dettagli .bike a.pulsante { background:#73AF01; } #repeater_dettagli .wander a.pulsante { background:#E35121; } #repeater_dettagli .moto a.pulsante { background:#3B7DBF; } #repeater_dettagli .wellness a.pulsante { background:#AA8CBA; } #repeater_dettagli a.pulsante:hover, #repeater_dettagli a.pulsante:active, #repeater_dettagli a.pulsante:focus, .bike #repeater_dettagli a.pulsante:hover, .bike #repeater_dettagli a.pulsante:active, .bike #repeater_dettagli a.pulsante:focus, .wander #repeater_dettagli a.pulsante:hover, .wander #repeater_dettagli a.pulsante:active, .wander #repeater_dettagli a.pulsante:focus, .moto #repeater_dettagli a.pulsante:hover, .moto #repeater_dettagli a.pulsante:active, .moto #repeater_dettagli a.pulsante:focus, .wellness #repeater_dettagli a.pulsante:hover, .wellness #repeater_dettagli a.pulsante:active, .wellness #repeater_dettagli a.pulsante:focus { background:#91A1BD; } #repeater_dettagli a.btn_video { font-size:16px; font-weight:normal; color:#F2F1EB; text-transform:uppercase; text-decoration:none; background-size:80px 80px; background-repeat:no-repeat; background-position:center top; display:inline-block; padding:84px 0 0; position:static; text-shadow:0px 2px 2px rgba(0, 0, 0, 0.8); } .bike #repeater_dettagli a.btn_video { background-image:url(../img/arrow-ciclisti.svg); } .wander #repeater_dettagli a.btn_video { background-image:url(../img/arrow-wander.svg); } .moto #repeater_dettagli a.btn_video { background-image:url(../img/arrow-moto.svg); } .wellness #repeater_dettagli a.btn_video { background-image:url(../img/arrow-wellness.svg); } #repeater_dettagli a.btn_video:hover, #repeater_dettagli a.btn_video:active, #repeater_dettagli a.btn_video:focus { background-image:url(../img/arrow-ciclisti-hover.svg); } #repeater_dettagli p.prezzo { font-weight:400; color:#333; font-size:16px; padding:0; margin:30px 0 0; } #repeater_dettagli span.prezzo { font-family:'Montserrat'; font-weight:normal; font-size:40px; line-height:42px; } #repeater_dettagli span.prezzo_base { font-family:'Montserrat'; font-weight:normal; font-size:40px; color:#808080; text-decoration:line-through; line-height:42px; padding-right:10px; } #repeater_dettagli span.prezzo_tipo { font-weight:700; text-transform:uppercase; font-size:18px; display:block; margin-bottom:4px; } #repeater_dettagli .bike span.prezzo { color:#73AF01; } #repeater_dettagli .wander span.prezzo { color:#E35121; } #repeater_dettagli .moto span.prezzo { color:#3B7DBF; } #repeater_dettagli .wellness span.prezzo { color:#AA8CBA; } #repeater_dettagli .scadenza { font-weight:700; color:#DF0051; font-size:16px; margin:16px 0 0; padding:0; } #repeater_dettagli .titolo_descrizione { font-size:18px; font-weight:700; color:#333; text-transform:uppercase; padding:0; margin:30px 0 6px; } #repeater_dettagli ul { padding-left:24px; } @media screen and (max-width: 1200px) { #repeater_dettagli .riga_destra_contenuto { padding-right:40px; } #repeater_dettagli .riga_sinistra_contenuto, #repeater_dettagli .riga_sinistra_offerta { padding-left:40px; } } @media screen and (max-width: 1060px) { #repeater_dettagli .riga_destra_contenuto { padding-left:40px; padding-right:0; } #repeater_dettagli .riga_sinistra_contenuto, #repeater_dettagli .riga_sinistra_offerta { padding-right:40px; padding-left:0; } #repeater_dettagli .riga_sinistra_contenuto div, #repeater_dettagli .riga_destra_contenuto div, #repeater_dettagli .riga_sinistra_offerta .content_offerta { max-width:430px; } #repeater_dettagli .riga_destra_offerta div.box_colonna { padding-left:40px; } #repeater_dettagli .riga_destra_offerta h3, #repeater_dettagli .riga_destra_offerta table { max-width:400px; } } @media screen and (max-width: 992px) { #repeater_dettagli .riga_destra_contenuto { padding-left:30px; padding-bottom:20px; } #repeater_dettagli .riga_sinistra_contenuto, #repeater_dettagli .riga_sinistra_offerta { padding-right:30px; padding-bottom:20px; padding-top:50px; } #repeater_dettagli .riga_sinistra_contenuto div, #repeater_dettagli .riga_destra_contenuto div, #repeater_dettagli .riga_sinistra_offerta .content_offerta { max-width:320px; } #repeater_dettagli h2 { font-size:38px; line-height:1; } #repeater_dettagli p.riga_sottotitolo { margin-bottom:6px; } #repeater_dettagli a.pulsante { margin:10px 10px 0 0; font-size:14px; height:44px; line-height:44px; padding:0 20px; } #repeater_dettagli .riga_sinistra_offerta a.pulsante { width:100%; font-size:16px; height:50px; line-height:50px; } #repeater_dettagli .scadenza { margin-bottom:20px; } #repeater_dettagli .riga_destra_offerta h3, #repeater_dettagli .riga_destra_offerta table { max-width:300px; } } @media screen and (max-width: 767px) { #repeater_dettagli .riga tr { display:flex; flex-direction:column; } .scheda_offerta #repeater_dettagli .riga tr { display:table-row; } #repeater_dettagli .riga_sinistra_foto, #repeater_dettagli .riga_destra_foto { display:block; width:100%; height:200px; order:1; } #repeater_dettagli .riga_destra_offerta { display:block; width:100%; } #repeater_dettagli .riga_destra_offerta img { display:none; visibility:hidden; } #repeater_dettagli .riga_sinistra_contenuto, #repeater_dettagli .riga_destra_contenuto { display:block; box-sizing:border-box; width:100%; padding:20px 20px 40px; order:2; } #repeater_dettagli .riga_sinistra_offerta { display:block; box-sizing:border-box; width:100%; padding:20px 20px 40px; } #repeater_dettagli .riga_sinistra_contenuto div, #repeater_dettagli .riga_destra_contenuto div, #repeater_dettagli .riga_sinistra_offerta .content_offerta { width:100%; box-sizing:border-box; max-width:none; } #repeater_dettagli a.btn_video { margin-top:46px; } #repeater_dettagli .riga_destra_offerta div.box_colonna { padding:0 20px; } #repeater_dettagli .riga_destra_offerta h3 { max-width:none; font-size:24px; padding:30px 0 0; margin:0; } #repeater_dettagli .riga_destra_offerta table { max-width:none;; } } /** FILTRO OFFERTE **/ #filtro_offerte { border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; background:f2f1eb; width:100%; } #filtro_offerte div { width:100%; max-width:1170px; margin:0 auto; } #filtro_offerte span { display:block; float:left; font-weight:700; font-size:16px; color:#333; line-height:70px; padding:0 30px; border-left:1px solid #E3E3E3; border-right:1px solid #E3E3E3; height:70px; text-transform:uppercase; } #filtro_offerte a { display:block; float:left; font-weight:400; font-size:16px; color:#333; line-height:70px; padding:0 30px; border-right:1px solid #E3E3E3; height:70px; text-transform:uppercase; text-decoration:none; } .scheda_offerta #filtro_offerte a { border-left:1px solid #E3E3E3; } #filtro_offerte a.attivo { font-weight:700; } #filtro_offerte a:hover, #filtro_offerte a:active, #filtro_offerte a:focus { background:#92A9C9; color:#F2F1EB; } @media screen and (max-width: 960px) { #filtro_offerte span, #filtro_offerte a { padding:0 24px; } } @media screen and (max-width: 767px) { #filtro_offerte span, #filtro_offerte a { padding:0; width:33.33%; text-align:center; border-bottom:1px solid #E3E3E3; font-size:14px; height:60px; line-height:60px; } .scheda_offerta #filtro_offerte a { width:100%; border-bottom:none; } } /** BOX HOMEPAGE **/ #link_territorio { width:100%; height:480px; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:cover; } #link_territorio a { font-size:16px; font-weight:normal; color:#F2F1EB; text-transform:uppercase; text-decoration:none; background-size:80px 80px; background-image:url(../img/arrow-ciclisti.svg); background-repeat:no-repeat; background-position:center top; display:inline-block; padding:84px 0 0; margin-top:200px; } #link_territorio a:hover, #link_territorio a:active, #link_territorio a:focus { background-image:url(../img/arrow-ciclisti-hover.svg); } table#servizi_container { width:100%; border:none; background:#F6F2EF; } table#servizi_container td#numeri_hotel { width:34%; height:670px; text-align:left; vertical-align:middle; } table#servizi_container td#numeri_hotel h3 { font-family:'Montserrat'; font-size:48px; font-weight:normal; color:#333; padding:0; margin:0 0 38px; line-height:1.2; } table#servizi_container td#numeri_hotel p { font-size:20px; color:#333; margin:0 0 50px; padding:0; } table#servizi_container td#numeri_hotel p:last-child { margin:0; } table#servizi_container td#numeri_hotel p span { display:block; font-family:'Montserrat'; font-size:52px; color:#91A1BD; font-weight:normal; line-height:1; } table#servizi_container td#numeri_hotel_spacer { width:8%; } table#servizi_container td#servizi_hotel { width:58%; height:670px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:center; vertical-align:middle; } table#servizi_container td#servizi_hotel h3 { font-family:'Montserrat'; font-size:48px; font-weight:normal; color:#F2F1EB; padding:0; margin:0; line-height:1.2; } table#servizi_container td#servizi_hotel a { display:inline-block; width:auto; height:50px; background:#91A1BD; box-sizing:border-box; text-align:center; font-size:16px; font-weight:700; color:#F2F1EB; text-transform:uppercase; line-height:50px; margin:26px 0 0; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-decoration:none; padding:0 30px; } table#servizi_container td#servizi_hotel a:hover, table#servizi_container td#servizi_hotel a:active, table#servizi_container td#servizi_hotel a:focus { background:#AD9175; } @media screen and (max-width: 1060px) { table#servizi_container td#numeri_hotel_spacer { width:4%; } table#servizi_container td#numeri_hotel { width:38%; } } @media screen and (max-width: 992px) { table#servizi_container td#numeri_hotel_spacer { display:none; visibility:hidden; } table#servizi_container td#numeri_hotel { display:block; width:100%; height:auto; text-align:center; padding:40px 0 0; } table#servizi_container td#numeri_hotel h3 { text-align:center; font-size:40px; } table#servizi_container td#numeri_hotel p { text-align:center; width:24.5%; display:inline-block; font-size:18px; margin:0 0 60px; vertical-align:top; } table#servizi_container td#numeri_hotel p span { font-size:46px; } table#servizi_container td#servizi_hotel { display:block; width:100%; height:600px; padding-top:210px; } } @media screen and (max-width: 767px) { #link_territorio { height:340px; } table#servizi_container td#numeri_hotel { padding:22px 0 36px; } table#servizi_container td#numeri_hotel h3 { font-size:36px; margin:0 0 30px; } table#servizi_container td#numeri_hotel p { width:100%; margin:0 0 20px; } table#servizi_container td#numeri_hotel p span { font-size:42px; } table#servizi_container td#servizi_hotel { height:300px; padding-top:28px; } table#servizi_container td#servizi_hotel h3 { font-size:40px; } table#servizi_container td#servizi_hotel a { margin:140px 0 0; } } /* BOX PAGINA CAMERE */ #repeater_camere { background: #f2f1eb; margin-bottom: 50px; } .boxcamere_wrapper { width: 100%; margin-bottom: 20px; position: relative; } .boxcamere_background { width: 50%; height: 400px; background: #F2F1EB; position: absolute; top: 50%; margin-top: -200px; } .boxcamere_background.dx { left: 0; } .boxcamere_background.sx { right: 0; } .boxcamere_container { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; } .boxcamere_container .boxcamere_foto { width: 75%; max-width: 900px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; } .boxcamere_container.dx .boxcamere_foto { float: right; } .boxcamere_container.sx .boxcamere_foto { float: left; } .boxcamere_container .boxcamere_foto img { width: 100%; max-width: 900px; height: auto; } .boxcamere_container .boxcamere_foto a { display: block; text-decoration: none; width: 100%; height: 100%; } .boxcamere_container .boxcamere_foto a:hover, .boxcamere_container .boxcamere_foto a:focus { text-decoration: none; } .boxcamere_container .boxcamere_foto .hover_gallery { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: url(../img/zoom_gallery.png); background-position: center center; background-repeat: no-repeat; } .boxcamere_container .boxcamere_foto a:hover .hover_gallery, .boxcamere_container .boxcamere_foto a:focus .hover_gallery { display: block; } .boxcamere_container .boxcamere_foto table.dati_camera { width: 130px; height: 130px; position: absolute; top: 0; z-index: 2; } .boxcamere_container.dx .boxcamere_foto table.dati_camera { right: 0; } .boxcamere_container.sx .boxcamere_foto table.dati_camera { left: 0; } .boxcamere_container .boxcamere_foto table.dati_camera td { width: 100%; height: 100%; text-align: center; vertical-align: middle; background: url(../img/bg_dati_camera.png); font-weight: 700; font-size: 20px; color: #F2F1EB; line-height: 1.4; padding: 0 10px; } .boxcamere_container .boxcamere_foto table.dati_camera td span { font-weight: 500; font-size:14px; display: block; } .boxcamere_container .boxcamere_intro { width: 42%; height:400px; position: absolute; top: 50%; margin-top: -200px; background: #F2F1EB; font-size: 14px; font-weight: 400; color: #515151; box-sizing: border-box; } .boxcamere_container.dx .boxcamere_intro { left: 0; padding: 0 20px 0 80px; } .boxcamere_container.sx .boxcamere_intro { right: 0; padding: 0 60px 0 40px; } .boxcamere_container .boxcamere_intro table { width:100%; height: 100%; border: none; } .boxcamere_container .boxcamere_intro td { text-align: left; vertical-align: top; padding-top: 36px; } .boxcamere_container .boxcamere_intro h2 { font-family:'Montserrat'; font-weight:normal; font-size:32px; color:#AD8557; padding:0; margin:0 0 12px; line-height:1.2; } .boxcamere_container .boxcamere_intro p { font-size: 14px; font-weight: 400; color: #515151; line-height: 1.4; padding: 0; margin: 0; -webkit-font-smoothing: antialiased; } .boxcamere_container .boxcamere_intro p.prezzo_mobile { margin:0 0 12px; color:#AD8557; padding:0 12px; font-weight:700; font-size:16px; display:none; } .boxcamere_container .boxcamere_intro p.prezzo_mobile span { font-weight:500; } .boxcamere_container .boxcamere_intro a { display:block; font-weight:normal; color:#AD8557; font-size:14px; text-decoration:none; clear:both; text-align:right; text-transform:uppercase; } .boxcamere_container .boxcamere_intro a:hover, .boxcamere_container .boxcamere_intro a:focus { color:#AD8557; text-decoration:underline; } .boxcamere_container .boxcamere_intro .clearfix { display: block; width: 100%; clear: both; border-bottom: 1px solid #D6D6D6; margin-bottom: 10px; padding-top: 2px; } .boxcamere_container .angolo_cottura_camera, .boxcamere_container .balcone_camera, .boxcamere_container .camere_camera, .boxcamere_container .ingresso_camera, .boxcamere_container .living_camera, .boxcamere_container .vasca_camera, .boxcamere_container .sauna_camera, .boxcamere_container .tv_camera, .boxcamere_container .wifi_camera, .boxcamere_container .dimensione_camera, .boxcamere_container .garage_camera { float: left; min-height: 28px; line-height: 18px; padding-left: 40px; margin: 7px 0; padding-top:5px; background-repeat: no-repeat; background-size:24px auto; background-position: 3px center; } .boxcamere_container .angolo_cottura_camera { width: 50%; background-image: url(../img/camera_angolo_cottura2.svg); background-size:auto 24px; background-position:5px center; } .boxcamere_container .balcone_camera { width: 50%; background-image: url(../img/camera_balcone.svg); } .boxcamere_container .camere_camera { width: 50%; background-image: url(../img/camera_camere.svg); } .boxcamere_container .ingresso_camera { width: 50%; background-image: url(../img/camera_ingresso.svg); background-size:auto 24px; background-position:7px center; } .boxcamere_container .living_camera { width: 50%; background-image: url(../img/camera_living.svg); } .boxcamere_container .vasca_camera { width: 50%; background-image: url(../img/camera_vasca.svg); } .boxcamere_container .sauna_camera { width: 50%; background-image: url(../img/camera_sauna.svg); } .boxcamere_container .tv_camera { width: 50%; background-image: url(../img/camera_tv.svg); } .boxcamere_container .wifi_camera { width: 50%; background-image: url(../img/camera_wifi.svg); } .boxcamere_container .dimensione_camera { width: 50%; background-image: url(../img/camera_dimensione.png); background-size:24px 24px; } .boxcamere_container .garage_camera { width: 50%; background-image: url(../img/camera_parcheggio.svg); background-size:27px auto; } .boxcamere_container .dettagli_camera { display: none; padding-top: 6px; } .boxcamere_container a.btn_gallery { position:absolute; bottom:20px; left:86px; display:inline-block; width:auto; min-width:186px; height:50px; background:#F2F1EB; box-sizing:border-box; text-align:center; font-size:16px; font-weight:700; color:#AD9175; text-transform:uppercase; line-height:50px; border:1px solid #AD9175; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-decoration:none; padding:0 30px; } .boxcamere_container.sx a.btn_gallery { left:46px; } .boxcamere_container a.btn_gallery:hover, .boxcamere_container a.btn_gallery:focus { border:1px solid #91A1BD; color:#91A1BD; text-decoration:none; } .boxcamere_container a.btn_prenota { position:absolute; bottom:20px; right:20px; display:inline-block; width:auto; min-width:186px; height:50px; background:#AD9175; box-sizing:border-box; text-align:center; font-size:16px; font-weight:700; color:#F2F1EB; text-transform:uppercase; line-height:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-decoration:none; padding:0 30px; } .boxcamere_container.sx a.btn_prenota { right:60px; } .boxcamere_container a.btn_prenota:hover, .boxcamere_container a.btn_prenota:focus { background:#91A1BD; color:#F2F1EB; text-decoration:none; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .boxcamere_container .dimensione_camera { background-image: url(../img/camera_dimensione@2x.png); background-size:24px 24px; } } @media screen and (max-width:1199px) { .boxcamere_container.dx .boxcamere_intro { padding: 0 20px 0 50px; } .boxcamere_container.sx .boxcamere_intro { padding: 0 30px 0 40px; } .boxcamere_container a.btn_gallery { left:50px; min-width:0; } .boxcamere_container.sx a.btn_gallery { left:40px; } .boxcamere_container.sx a.btn_prenota { right:40px; } } @media screen and (max-width:1060px) { .boxcamere_container .boxcamere_intro td { padding-top:28px; } .boxcamere_container .boxcamere_intro .clearfix { border-bottom: none; padding-top: 0; margin-bottom: 10px; } .boxcamere_container .boxcamere_intro h2 { font-size:28px; } } @media screen and (max-width:992px) { #repeater_camere { padding-top: 0; background: #F2F1EB; } .boxcamere_wrapper { margin-bottom: 20px; } .boxcamere_background { display:none; visibility:hidden; } .boxcamere_container .boxcamere_foto { width:100%; height:512px; overflow:hidden; } .boxcamere_container.dx .boxcamere_foto { float: none; } .boxcamere_container.sx .boxcamere_foto { float: none; } .boxcamere_container .boxcamere_foto img { display:none; visibility:hidden; } .boxcamere_container .boxcamere_foto .hover_gallery { background-image: url(../img/hover2.png); background-repeat: repeat; } .boxcamere_container .boxcamere_intro { margin-top:-200px; width:400px; height:400px; } .boxcamere_container.dx .boxcamere_intro { left: 18px; padding: 0 10px 0 28px; } .boxcamere_container.sx .boxcamere_intro { right: 18px; padding: 0 10px 0 28px; } .boxcamere_container .boxcamere_intro a { padding-right:10px; } .boxcamere_container a.btn_gallery { left:28px; min-width:0; padding:0 30px; } .boxcamere_container.sx a.btn_gallery { left:28px; } .boxcamere_container a.btn_prenota { padding:0 30px; } .boxcamere_container.sx a.btn_prenota { right:28px; } } @media screen and (max-width:767px) { #repeater_camere { margin-bottom: 0; } .boxcamere_wrapper { margin-bottom: 0; } .boxcamere_container { display:flex; flex-direction:column; } .boxcamere_container .boxcamere_foto { width:100%; height:356px; order:1; } .boxcamere_container.dx .boxcamere_foto { border-right:none; float:none; } .boxcamere_container.sx .boxcamere_foto { border-left:none; float:none; } .boxcamere_container .boxcamere_foto table.dati_camera { display: none; visibility: hidden; } .boxcamere_container .boxcamere_intro { position: static; width:100%; height:auto; margin-top: 0; order:2; background: #F2F1EB; } .boxcamere_container .boxcamere_intro p.prezzo_mobile { display:block; } .boxcamere_container.dx .boxcamere_intro { padding:0 16px; } .boxcamere_container.sx .boxcamere_intro { padding:0 16px; } .boxcamere_container.dx .boxcamere_intro td, .boxcamere_container.sx .boxcamere_intro td { padding-top:20px; padding-bottom:20px; } .boxcamere_container .boxcamere_intro h2 { font-size: 30px; padding: 0 12px; margin: 0 0 22px; } .boxcamere_container .angolo_cottura_camera, .boxcamere_container .balcone_camera, .boxcamere_container .camere_camera, .boxcamere_container .ingresso_camera, .boxcamere_container .living_camera, .boxcamere_container .vasca_camera, .boxcamere_container .sauna_camera, .boxcamere_container .tv_camera, .boxcamere_container .wifi_camera, .boxcamere_container .dimensione_camera, .boxcamere_container .garage_camera { width: 100%; margin: 4px 0 4px 12px; } .boxcamere_container .boxcamere_intro a { margin-left: 52px; } .boxcamere_container .dettagli_camera { padding:0 12px 10px; } .boxcamere_container a.btn_gallery { position:static; width:100%; margin-top:10px; margin-left:0; background:#F1E9DF; } .boxcamere_container a.btn_prenota { position:static; width:100%; margin-top:10px; margin-left:0; } } /** MAPPA **/ #mappa_wrapper { width:100%; border:none; margin:0 auto; } #mappa_wrapper td.mappa_td { text-align:left; vertical-align:top; width:50%; position:relative; } #mappa_container { position:absolute; top:0; bottom:0; left:0; right:0; } #mappa { width:100%; height:100%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: auto; } #mymarker { position: absolute; top: 50%; left: 50%; width:160px; height:172px; background-image:url(../img/puntatore.png); text-align:center; box-sizing:border-box; margin-left:-80px; margin-top:-86px; background-repeat:no-repeat; background-position:center top; } #mymarker a { display:inline-block; width:auto; height:50px; background:#AD9175; box-sizing:border-box; text-align:center; font-size:16px; font-weight:700; color:#F2F1EB; text-transform:uppercase; line-height:50px; margin:120px 0 0; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-decoration:none; padding:0 20px; } #mymarker a:hover, #mymarker a:active, #mymarker a:focus { background:#91A1BD; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { #mymarker { background-image:url(../img/puntatore@2x.png); background-size:144px 115px; } } @media screen and (max-width:767px) { #mappa_wrapper td.mappa_td { display:block; width:100%; } #mappa_container { position:static; width:100%; height:390px; } } /* FORM PREVENTIVO */ #box_preventivo { width:100%; box-sizing:border-box; padding:0 0 30px; background:#91A1BC; } #box_preventivo_content { width:88%; margin:0 auto; } #box_preventivo p { font-size:16px; color:#F2F1EB; text-transform:uppercase; margin:0 0 4px; padding:0; } #box_preventivo h2 { font-family:'Montserrat'; font-size:40px; font-weight:normal; color:#F2F1EB; margin:0 0 15px; padding:0; } #box_preventivo .campo_preventivo { float:left; position:relative; width:48%; margin:0 1% 10px; } #box_preventivo .campo_preventivo_wide { float:left; position:relative; width:98%; margin:0 1% 10px; } #box_preventivo .campo_preventivo_small { float:left; position:relative; width:23%; margin:0 1% 10px; } form#form_preventivo { padding:40px 0 0; margin:0; } #box_preventivo input { width:100%; max-width:100%; height:46px; background:transparent; border:none; border-bottom:1px solid #F2F1EB; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-family: 'Montserrat', sans-serif; font-size:16px; color:#F2F1EB; font-weight:normal; padding:0; cursor:pointer; -webkit-font-smoothing:antialiased; line-height:46px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; } #box_preventivo select { width:100%; max-width:100%; height:46px; background:transparent; border:none; border-bottom:1px solid #F2F1EB; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-family: 'Montserrat', sans-serif; font-size:16px; color:#F2F1EB; font-weight:normal; padding:0; cursor:pointer; -webkit-font-smoothing:antialiased; line-height:46px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; } #box_preventivo option { color:#333; } #box_preventivo textarea { width:100%; max-width:100%; height:100px; background:transparent; border:none; border-bottom:1px solid #F2F1EB; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-family: 'Montserrat', sans-serif; font-size:16px; color:#F2F1EB; font-weight:normal; padding:0; cursor:pointer; -webkit-font-smoothing:antialiased; line-height:46px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; resize:none; } #box_preventivo input:hover, #box_preventivo select:hover, #box_preventivo textarea:hover, #box_preventivo input:focus, #box_preventivo select:focus, #box_preventivo textarea:focus { outline:none; border-bottom:2px solid #ad9175; } #box_preventivo input[type="submit"], #box_preventivo .submit { padding:0 40px; float:right; border:1px solid #F2F1EB; width:auto; height:55px; cursor:pointer; text-transform:uppercase; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin-top:16px; font-size:16px; color:#F2F1EB; font-weight:bold; vertical-align:middle; text-align:center; } #box_preventivo input[type="submit"]:hover, #box_preventivo .submit:hover { background:#ad9175; border:1px solid #ad9175; } #box_preventivo input.errore, #box_preventivo select.errore { border-bottom:2px solid #C00; } #box_preventivo #preventivo_div_privacy { font-size:11px; line-height:13px; font-weight:400; -webkit-font-smoothing:antialiased; border:1px solid transparent; margin-top:10px; padding:2px; } #box_preventivo #preventivo_div_privacy img { cursor:pointer; border:1px solid #F2F1EB; margin:2px 10px 30px 0; background-image:none; background-color:transparent; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; float:left; background-repeat:no-repeat; background-position:center center; } #box_preventivo #preventivo_div_privacy img.active { background-image:url(../img/privacy_white.svg); background-size:16px 16px; } #box_preventivo #preventivo_div_privacy img:hover { border:1px solid #ad9175; } #box_preventivo #preventivo_div_privacy label { display:inline; font-size:11px; font-weight:400; color:#F2F1EB; text-transform:none; cursor:pointer; margin:0; -webkit-font-smoothing:antialiased; } #box_preventivo #preventivo_div_privacy a { font-size:11px; font-weight:400; color:#F2F1EB; text-decoration:none; } #box_preventivo #preventivo_div_privacy a:hover, #box_preventivo #preventivo_div_privacy a:focus { color:#F2F1EB; text-decoration:underline; } #box_preventivo #preventivo_div_privacy.errore { border:1px solid #C00; } .scheda_offerta #box_preventivo { background:none; display:none; } .scheda_offerta #box_preventivo input, .scheda_offerta #box_preventivo select, .scheda_offerta #box_preventivo textarea { border-bottom:1px solid #91A1BC; color:#91A1BC; } .scheda_offerta #box_preventivo input:hover, .scheda_offerta #box_preventivo input:focus, .scheda_offerta #box_preventivo select:hover, .scheda_offerta #box_preventivo select:focus, .scheda_offerta #box_preventivo textarea:hover, .scheda_offerta #box_preventivo textarea:focus { border-bottom:2px solid #ad9175; } .scheda_offerta.bike #box_preventivo input:hover, .scheda_offerta.bike #box_preventivo input:focus, .scheda_offerta.bike #box_preventivo select:hover, .scheda_offerta.bike #box_preventivo select:focus, .scheda_offerta.bike #box_preventivo textarea:hover, .scheda_offerta.bike #box_preventivo textarea:focus { border-bottom:2px solid #73AF01; } .scheda_offerta.wander #box_preventivo input:hover, .scheda_offerta.wander #box_preventivo input:focus, .scheda_offerta.wander #box_preventivo select:hover, .scheda_offerta.wander #box_preventivo select:focus, .scheda_offerta.wander #box_preventivo textarea:hover, .scheda_offerta.wander #box_preventivo textarea:focus { border-bottom:2px solid #E35121; } .scheda_offerta.moto #box_preventivo input:hover, .scheda_offerta.moto #box_preventivo input:focus, .scheda_offerta.moto #box_preventivo select:hover, .scheda_offerta.moto #box_preventivo select:focus, .scheda_offerta.moto #box_preventivo textarea:hover, .scheda_offerta.moto #box_preventivo textarea:focus { border-bottom:2px solid #3B7DBF; } .scheda_offerta.wellness #box_preventivo input:hover, .scheda_offerta.wellness #box_preventivo input:focus, .scheda_offerta.wellness #box_preventivo select:hover, .scheda_offerta.wellness #box_preventivo select:focus, .scheda_offerta.wellness #box_preventivo textarea:hover, .scheda_offerta.wellness #box_preventivo textarea:focus { border-bottom:2px solid #AA8CBA; } .scheda_offerta #box_preventivo input.errore, .scheda_offerta #box_preventivo select.errore { border-bottom:2px solid #C00; } .scheda_offerta #box_preventivo .submit { border:1px solid #91A1BC; background:#91A1BC; color:#F2F1EB; } .scheda_offerta #box_preventivo input[type="submit"]:hover, .scheda_offerta #box_preventivo .submit:hover { background:#ad9175; border:1px solid #ad9175; } .scheda_offerta.bike #box_preventivo input[type="submit"]:hover, .scheda_offerta.bike #box_preventivo .submit:hover { background:#73AF01; border:1px solid #73AF01; } .scheda_offerta.wander #box_preventivo input[type="submit"]:hover, .scheda_offerta.wander #box_preventivo .submit:hover { background:#E35121; border:1px solid #E35121; } .scheda_offerta.moto #box_preventivo input[type="submit"]:hover, .scheda_offerta.moto #box_preventivo .submit:hover { background:#3B7DBF; border:1px solid #3B7DBF; } .scheda_offerta.wellness #box_preventivo input[type="submit"]:hover, .scheda_offerta.wellness #box_preventivo .submit:hover { background:#AA8CBA; border:1px solid #AA8CBA; } .scheda_offerta #box_preventivo #preventivo_div_privacy img { border:1px solid #91A1BC; } .scheda_offerta #box_preventivo #preventivo_div_privacy img.active { background-image:url(../img/privacy_viola.svg); } .scheda_offerta #box_preventivo #preventivo_div_privacy img:hover { border:1px solid #ad9175; } .scheda_offerta.bike #box_preventivo #preventivo_div_privacy img:hover { border:1px solid #73AF01; } .scheda_offerta.wander #box_preventivo #preventivo_div_privacy img:hover { border:1px solid #E35121; } .scheda_offerta.moto #box_preventivo #preventivo_div_privacy img:hover { border:1px solid #3B7DBF; } .scheda_offerta.wellness #box_preventivo #preventivo_div_privacy img:hover { border:1px solid #AA8CBA; } .scheda_offerta #box_preventivo #preventivo_div_privacy label { color:#91A1BC; } .scheda_offerta #box_preventivo #preventivo_div_privacy a { color:#91A1BC; } .scheda_offerta #box_preventivo #preventivo_div_privacy a:hover, .scheda_offerta #box_preventivo #preventivo_div_privacy a:focus { color:#91A1BC; } .scheda_offerta #box_preventivo #preventivo_div_privacy.errore { border:1px solid #C00; } #box_preventivo .preventivo_puntiforza { margin-bottom: 20px; color:#F2F1EB;} #box_preventivo .preventivo_puntiforza .puntoforza { width:32px; height:20px; background-position:left; background-repeat:no-repeat; background-size:20px 20px; display: inline-block; } @media screen and (max-width:992px) { #box_preventivo h2 { font-size:32px; } #box_preventivo #preventivo_div_privacy img { margin:2px 10px 4px 0; } } @media screen and (max-width:767px) { #box_preventivo h2 { font-size:32px; } #box_preventivo .preventivo_puntiforza { font-size: 16px;} } /* FORM NEWSLETTER */ .newsletter { width:100%; height:406px; text-align:center; color:#F2F1EB; font-size:16px; background-size:cover; padding:120px 0 0; background-repeat:no-repeat; background-position:center center; } .newsletter.de { padding:70px 0 0; } .newsletter h3 { font-family:'Montserrat'; font-weight:normal; font-size:40px; color:#F2F1EB; line-height:1.2; max-width:800px; margin:0 auto 16px; padding:0; } .newsletter p { font-size:16px; text-transform:uppercase; color:#F2F1EB; line-height:1.2; max-width:800px; margin:0 auto 46px; padding:0; } #form_newsletter { margin:0 auto; padding:0; width:442px; } #form_newsletter input.campo { width:282px; height:55px; background:#F2F1EB; border:1px solid #F2F1EB; line-height:55px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-family: 'Montserrat', sans-serif; font-size:16px; color:#CBCBCB; font-weight:normal; padding:0 20px 0 34px; cursor:pointer; -webkit-font-smoothing:antialiased; -webkit-border-radius:30px 0 0 30px; -moz-border-radius:30px 0 0 30px; border-radius:30px 0 0 30px; -webkit-appearance:none; -moz-appearance:none; display:inline-block; float:left; } #form_newsletter input:hover, #form_newsletter input:focus { border:1px solid #AD9175; } #form_newsletter input[type="submit"], #form_newsletter .submit { width:160px; height:55px; display:inline-block; background:#AD9175; padding:0; float:left; border:none; cursor:pointer; text-transform:uppercase; text-align:center; font-size:18px; color:#F2F1EB; -webkit-border-radius:0 30px 30px 0; -moz-border-radius:0 30px 30px 0; border-radius:0 30px 30px 0; } #form_newsletter input[type="submit"]:hover, #form_newsletter .submit:hover { background:#91a1bd; } #form_newsletter input.errore { border:1px solid #C00; } #form_newsletter #newsletter_div_privacy { width:442px; text-align:left; font-size:12px; line-height:16px; color:#F2F1EB; margin-top:20px; } #form_newsletter #newsletter_div_privacy label { font-size:12px; line-height:16px; color:#F2F1EB; display:inline; padding:0; font-weight:normal; cursor:pointer; } #form_newsletter #newsletter_div_privacy a { font-size:12px; line-height:16px; color:#F2F1EB; text-decoration:none; } #form_newsletter #newsletter_div_privacy a:hover, #form_newsletter #newsletter_div_privacy a:active, #form_newsletter #newsletter_div_privacy a:focus { color:#F2F1EB; text-decoration:underline; } #form_newsletter #newsletter_div_privacy img { cursor:pointer; border:1px solid #F2F1EB; margin:2px 10px 30px 0; background-image:none; background-color:#F2F1EB; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; float:left; background-repeat:no-repeat; background-position:center center; } #form_newsletter #newsletter_div_privacy img.active { background-image:url(../img/privacy_grey.svg); background-size:16px 16px; } #form_newsletter #newsletter_div_privacy img:hover { border:1px solid #AD9175; } #form_newsletter #newsletter_div_privacy.errore { border:1px solid #C00; } @media screen and (max-width:992px) { .newsletter, .newsletter.de { height:430px; } .newsletter h3, .newsletter p { padding:0 20px; } } @media screen and (max-width:767px) { .newsletter, .newsletter.de { padding:50px 0 0; height:500px; } .newsletter h3 { font-size:36px; } #form_newsletter { width:280px; } #form_newsletter #newsletter_div_privacy { width:280px; } #form_newsletter input.campo { width:100%; float:none; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; border-radius:20px 20px 0 0; } #form_newsletter input[type="submit"], #form_newsletter .submit { width:100%; float:none; -webkit-border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px; } } /*** RECENSIONI ***/ #wrapper_recensioni { width:100%; background:#F2F1EB; box-sizing:border-box; text-align:center; padding:38px 0 20px; } #wrapper_recensioni .intro { font-size:20px; font-weight:700; display:block; margin-bottom:10px; } #wrapper_recensioni .intro img { margin:0 2px -3px; } #box_recensioni { width:100%; max-width:900px; margin:0 auto; text-align:center; background-size:41px 27px; background-image:url(../img/apicetti.svg); background-repeat:no-repeat; background-position:left 48px; } #box_recensioni .recensione_titolo { display:block; width:100%; font-weight:normal; font-family:'Montserrat'; font-size:40px; color:#333; margin:20px 0; padding:0; } #box_recensioni p { font-size:18px; color:#333; line-height:1.2; margin:0; padding:0; } #box_recensioni .recensione_img_autore { width:56px; height:auto; margin:26px auto 10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } #box_recensioni .recensione_autore { display:block; font-size:14px; color:#999; } #box_recensioni .owl-prev, #box_recensioni .owl-next { display:block; width:40px; height:40px; position:absolute; top:100px; background-size:40px 40px; background-repeat:no-repeat; } #box_recensioni .owl-prev { left:-100px; background-image:url(../img/arrow-testimonianze-sx.svg); } #box_recensioni .owl-prev:hover { background-image:url(../img/arrow-testimonianze-sx-hover.svg); } #box_recensioni .owl-next { right:-100px; background-image:url(../img/arrow-testimonianze-dx.svg); } #box_recensioni .owl-next:hover { background-image:url(../img/arrow-testimonianze-dx-hover.svg); } .scheda_offerta #box_recensioni { max-width:500px; margin:0 0 40px; text-align:left; background-image:none; } .scheda_offerta #box_recensioni .recensione_titolo { font-family:'Montserrat'; color:#333; font-size:26px; font-weight:normal; padding:0; margin:30px 0 10px; } .scheda_offerta.bike #box_recensioni .recensione_titolo { color:#73AF01; } .scheda_offerta.wander #box_recensioni .recensione_titolo { color:#E35121; } .scheda_offerta.moto #box_recensioni .recensione_titolo { color:#3B7DBF; } .scheda_offerta.wellness #box_recensioni .recensione_titolo { color:#AA8CBA; } .scheda_offerta #box_recensioni p { color:#333; font-size:15px; font-style:italic; line-height:1.3; } .scheda_offerta #box_recensioni .owl-nav, .scheda_offerta #box_recensioni .owl-prev, .scheda_offerta #box_recensioni .owl-next { display:none; visibility:hidden; } .scheda_offerta #box_recensioni .recensione_autore { color:#333; font-size:15px; font-style:italic; margin-top:8px; } .scheda_offerta.bike #box_recensioni .recensione_autore { color:#73AF01; } .scheda_offerta.wander #box_recensioni .recensione_autore { color:#E35121; } .scheda_offerta.moto #box_recensioni .recensione_autore { color:#3B7DBF; } .scheda_offerta.wellness #box_recensioni .recensione_autore { color:#AA8CBA; } @media screen and (max-width:1100px) { #box_recensioni { max-width:750px; } #box_recensioni .owl-prev { left:-80px; } #box_recensioni .owl-next { right:-80px; } } @media screen and (max-width:1060px) { .scheda_offerta #box_recensioni { max-width:400px; } } @media screen and (max-width:992px) { #box_recensioni { max-width:560px; } .scheda_offerta #box_recensioni { max-width:300px; } } @media screen and (max-width:767px) { #wrapper_recensioni { padding:38px 0 80px; } #box_recensioni { background-image:none; } #box_recensioni .recensione_titolo { font-size:30px; padding:0 16px; } #box_recensioni p { font-size:16px; padding:0 16px; } #box_recensioni .owl-prev { left:50%; margin-left:-45px; top:auto; bottom:-60px; } #box_recensioni .owl-next { right:50%; margin-right:-45px; top:auto; bottom:-60px; } .scheda_offerta #box_recensioni { max-width:280px; padding:0 0 40px; margin:0; } .scheda_offerta #box_recensioni p { padding:0; } } /*** BOX CALL TO ACTION ***/ #calltoaction { width:100%; height:596px; text-align:center; box-sizing:border-box; background-image:url(../img/bg_calltoaction.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; padding:84px 0 0; } #calltoaction h3 { font-family:'Montserrat'; font-size:40px; line-height:1.2; color:#333; margin:0 0 23px; padding:0; } #calltoaction a { display:inline-block; width:auto; height:58px; background:#AD9175; box-sizing:border-box; text-align:center; font-size:16px; font-weight:700; color:#F2F1EB; text-transform:uppercase; line-height:50px; margin:8px 0 0; -webkit-border-radius:28px; -moz-border-radius:28px; border-radius:28px; text-decoration:none; padding:0 30px; border: 4px solid rgb(244, 244, 244); border: 4px solid rgba(255, 255, 255, .4); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } #calltoaction a:hover, #calltoaction a:active, #calltoaction a:focus { background:#91A1BD; } @media screen and (max-width:1060px) { #calltoaction { height:480px; } } @media screen and (max-width:767px) { #calltoaction { height:344px; padding:46px 0 0; } #calltoaction h3 { font-size:30px; margin:0 0 30px; } } /*** BOX COLLEGAMENTI ***/ #collegamenti_container { width:100%; box-sizing:border-box; text-align:center; } #collegamenti_container a { display:inline-block; width:33.33%; text-decoration:none; position:relative; } #collegamenti_container a img { width:100%; height:auto; } #collegamenti_container .hover { display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../img/trasparenza.png); font-family:'Montserrat'; font-weight:normal; font-size:36px; color:#F2F1EB; line-height:1.2; } .scheda_offerta #collegamenti_container .hover { display:block; } #collegamenti_container .hover table { border:none; width:100%; height:100%; } #collegamenti_container .hover td { width:100%; height:100%; text-align:center; vertical-align:middle; } #collegamenti_container .hover span { display:block; width:140px; height:50px; box-sizing:border-box; border:1px solid #F2F1EB; text-align:center; font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:700; color:#F2F1EB; text-transform:uppercase; line-height:50px; -webkit-border-radius:26px; -moz-border-radius:26px; border-radius:26px; margin:10px auto 0; } .scheda_offerta #collegamenti_container .hover span { width:240px; } #collegamenti_container a:hover .hover, #collegamenti_container a:active .hover, #collegamenti_container a:focus .hover { display:block; } .scheda_offerta #collegamenti_container a:hover .hover span, .scheda_offerta #collegamenti_container a:active .hover span, .scheda_offerta #collegamenti_container a:focus .hover span { border:1px solid #92A2BD; background:#92A2BD; } .scheda_offerta.bike #collegamenti_container a:hover .hover span, .scheda_offerta.bike #collegamenti_container a:active .hover span, .scheda_offerta.bike #collegamenti_container a:focus .hover span { border:1px solid #73AF01; background:#73AF01; } .scheda_offerta.wander #collegamenti_container a:hover .hover span, .scheda_offerta.wander #collegamenti_container a:active .hover span, .scheda_offerta.wander #collegamenti_container a:focus .hover span { border:1px solid #E35121; background:#E35121; } .scheda_offerta.moto #collegamenti_container a:hover .hover span, .scheda_offerta.moto #collegamenti_container a:active .hover span, .scheda_offerta.moto #collegamenti_container a:focus .hover span { border:1px solid #3B7DBF; background:#3B7DBF; } .scheda_offerta.wellness #collegamenti_container a:hover .hover span, .scheda_offerta.wellness #collegamenti_container a:active .hover span, .scheda_offerta.wellness #collegamenti_container a:focus .hover span { border:1px solid #AA8CBA; background:#AA8CBA; } @media screen and (max-width:1060px) { #collegamenti_container .hover { display:block; font-size:30px; } } @media screen and (max-width:992px) { #collegamenti_container .hover { font-size:26px; } #collegamenti_container .hover span { text-decoration:underline; border:none; height:auto; line-height:20px; } .scheda_offerta #collegamenti_container a:hover .hover span, .scheda_offerta #collegamenti_container a:active .hover span, .scheda_offerta #collegamenti_container a:focus .hover span, .scheda_offerta.bike #collegamenti_container a:hover .hover span, .scheda_offerta.bike #collegamenti_container a:active .hover span, .scheda_offerta.bike #collegamenti_container a:focus .hover span, .scheda_offerta.wander #collegamenti_container a:hover .hover span, .scheda_offerta.wander #collegamenti_container a:active .hover span, .scheda_offerta.wander #collegamenti_container a:focus .hover span, .scheda_offerta.moto #collegamenti_container a:hover .hover span, .scheda_offerta.moto #collegamenti_container a:active .hover span, .scheda_offerta.moto #collegamenti_container a:focus .hover span, .scheda_offerta.wellness #collegamenti_container a:hover .hover span, .scheda_offerta.wellness #collegamenti_container a:active .hover span, .scheda_offerta.wellness #collegamenti_container a:focus .hover span { border:none; background:none; } } @media screen and (max-width:767px) { #collegamenti_container { display:none; visibility:hidden; } } /*** PERCORSI ***/ .dati_percorso { margin:0; padding:0; width:100%; max-width:384px; } #repeater_dettagli .riga_sinistra_contenuto div.dati_percorso, #repeater_dettagli .riga_destra_contenuto div.dati_percorso { max-width:384px; } .dati_percorso span { display:block; border-bottom:1px solid #DCDCDC; padding:8px 0 8px 60px; background-repeat:no-repeat; } .dati_percorso span.dislivello, .dati_percorso span.dislivello_salita { background-image:url(../img/percorsi/dislivello.svg); background-size:31px 20px; background-position:12px center; } .dati_percorso span.difficolta { background-image:url(../img/percorsi/difficolta.svg); background-size:23px 21px; background-position:17px center; } .dati_percorso span.lunghezza_salita, .dati_percorso span.lunghezza { background-image:url(../img/percorsi/lunghezza.svg); background-size:25px 7px; background-position:15px center; } .dati_percorso span.quota_inizio_salita { background-image:url(../img/percorsi/quota_inizio.svg); background-size:34px 14px; background-position:15px center; } .dati_percorso span.quota_fine_salita { background-image:url(../img/percorsi/quota_fine.svg); background-size:34px 14px; background-position:15px center; } .dati_percorso span.media_salita { background-image:url(../img/percorsi/media_salita.svg); background-size:28px 14px; background-position:12px center; } .dati_percorso span.max_salita { background-image:url(../img/percorsi/max_salita.svg); background-size:28px 14px; background-position:12px center; } .dati_percorso span.rapporti_consigliati { background-image:url(../img/percorsi/rapporti.svg); background-size:22px 22px; background-position:16px center; } #repeater_dettagli .riga_sinistra_contenuto div#share_bar, #repeater_dettagli .riga_destra_contenuto div#share_bar { background:#F3F3F3; width:100%; box-sizing:border-box; font-size:16px; color:#999; border-bottom:1px solid #DCDCDC; margin-top:16px; padding:10px 30px 6px 60px; } #share_bar span { display:block; float:right; } #share_bar a.share { display:inline-block; width:22px; height:22px; background-repeat:no-repeat; background-size:22px 22px; margin:0 2px; } #share_bar a.share.facebook { background-image:url(../img/ico_facebook.svg); } #share_bar a.share.twitter { background-image:url(../img/ico_twitter.svg); } #share_bar a.share.email { background-image:url(../img/ico_email.svg); } #share_bar a.share.facebook:hover, #share_bar a.share.facebook:active, #share_bar a.share.facebook:focus { background-image:url(../img/ico_facebook_hover.svg); } #share_bar a.share.twitter:hover, #share_bar a.share.twitter:active, #share_bar a.share.twitter:focus { background-image:url(../img/ico_twitter_hover.svg); } #share_bar a.share.email:hover, #share_bar a.share.email:active, #share_bar a.share.email:focus { background-image:url(../img/ico_email_hover.svg); } @media screen and (max-width:1060px) { #repeater_dettagli .riga_sinistra_contenuto div#share_bar, #repeater_dettagli .riga_destra_contenuto div#share_bar { padding:10px 10px 6px 60px; } } @media screen and (max-width:992px) { #repeater_dettagli .riga_sinistra_contenuto div#share_bar, #repeater_dettagli .riga_destra_contenuto div#share_bar { text-align:center; padding:10px 10px 0; } #share_bar span { float:none; text-align:center; padding:10px 0 0; } } @media screen and (max-width:767px) { .dati_percorso span { font-size:14px; padding:8px 0 8px 50px; } .dati_percorso span.dislivello, .dati_percorso span.dislivello_salita { background-position:2px center; } .dati_percorso span.difficolta { background-position:7px center; } .dati_percorso span.lunghezza_salita, .dati_percorso span.lunghezza { background-position:5px center; } .dati_percorso span.quota_inizio_salita { background-position:5px center; } .dati_percorso span.quota_fine_salita { background-position:5px center; } .dati_percorso span.media_salita { background-position:2px center; } .dati_percorso span.max_salita { background-position:2px center; } .dati_percorso span.rapporti_consigliati { background-position:6px center; } .page-template-percorsi #repeater_dettagli a.pulsante { margin:20px 10px 0 0; } } /* POPUP HOMEPAGE */ #popup_wrapper { position: fixed; z-index: 10000; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; background: rgba(147, 168, 205, 0.7); } #popup { width: 500px; position: fixed; top: 60px; left: 50%; margin-left: -250px; z-index: 10001; background: #F2F1EB; box-sizing: border-box; text-align: center; padding: 0; cursor: pointer; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4); } #popup .chiudi { display: block; width: 27px; height: 27px; position: absolute; top: 20px; right: 20px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: 27px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxLjQxNDE4IiB3aWR0aD0iMzUiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMS40MTQxOCAwKSIgZmlsbD0iIzFEMUQxQiIvPjxyZWN0IHk9IjI0Ljc0ODciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMCAyNC43NDg3KSIgZmlsbD0iIzFEMUQxQiIvPjwvc3ZnPg=="); } #popup .chiudi:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxLjQxNDE4IiB3aWR0aD0iMzUiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMS40MTQxOCAwKSIgZmlsbD0iIzkzQThDRCIvPjxyZWN0IHk9IjI0Ljc0ODciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMCAyNC43NDg3KSIgZmlsbD0iIzkzQThDRCIvPjwvc3ZnPg=="); } #popup .popup_logo { width: auto; height: 144px; margin: 0 auto; background: #F4F6FA; padding: 23px 0 0; box-sizing: border-box; } #popup .popup_logo span { display: block; width: 174px; height: 101px; margin: 0 auto; background-image:url(../img/popup_logo.png); background-repeat: no-repeat; background-position: center center; } #popup .testo_principale { box-sizing: border-box; padding: 40px; background-image:url("../img/popup_footer.png"); background-repeat: no-repeat; background-position: center bottom; } #popup .testo_principale p { font-weight: 400; font-size: 18px; line-height: 25px; text-align: center; color: #000; margin: 0 0 30px; padding: 0; } #popup .testo_principale p.saluti { font-size: 16px; line-height: 23px; margin: 0 0 30px; font-style: italic; } #popup .testo_principale h2 { font-family: 'Montserrat'; font-weight: normal; font-size: 32px; line-height: 40px; text-align: center; color: #1D1D1B; margin: 0 0 30px; padding: 0; } #popup .testo_principale a { display: inline-block; background: #AD9175; box-sizing: border-box; text-decoration: none; border-radius: 25px; color: #F2F1EB; padding: 12px 50px; font-weight: 700; color: #F2F1EB; margin: 0 0 20px; font-size: 18px; line-height: 22px; text-align: center; text-transform: uppercase; } #popup .testo_principale a:hover, #popup .testo_principale a:active, #popup .testo_principale a:focus { background: #93A8CD; text-decoration: none; } @media screen and (max-width:650px) { #popup { width: 300px; margin-left: -150px; top: 20px; } #popup .chiudi { top: 10px; right: 10px; } #popup .popup_logo { height: 92px; padding: 14px 0 0; } #popup .popup_logo span { width: 110px; height: 64px; background-size: 110px auto; } #popup .testo_principale { padding: 20px; } #popup .testo_principale p { font-size: 16px; line-height: 22px; margin: 0 0 20px; } #popup .testo_principale p.saluti { font-size: 14px; line-height: 21px; margin: 0 0 20px; } #popup .testo_principale h2 { font-size: 28px; line-height: 32px; margin: 0 0 20px; } #popup .testo_principale a { font-size: 16px; line-height: 20px; padding: 10px 30px; } }