/* CSS RESET */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* SITE CSS */
body {background-color: #fff;}

#k-loader {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: url('/images/ajax-loader.gif') center center no-repeat rgba(32,32,37,.7);
   display: none;
   z-index: 10000;
}

#wrapper {
   background-color: #fff;
   color: #3b3b3b;
   font-family: 'Montserrat', sans-serif;
   /* font-family: 'Playfair Display', serif; */
   font-size: 15px;
   position: relative;
}
#wrapper a {text-decoration: none;}
#wrapper p {margin: 10px 0;}
#wrapper strong {font-weight: 700;}

#wrapper table {width: 100%; margin: 10px 0; border-right: 1px solid #01447b; border-top: 1px solid #01447b;}
#wrapper table tr:nth-child(even) {background: #eee;}
#wrapper table th,
#wrapper table td {font-family: 'Montserrat', sans-serif; font-size: 12px; padding: 3px;}
#wrapper table th {background-color: #01447b; color: #fff; font-weight: 700; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
#wrapper table th:first-child {border-left: 1px solid #01447b;}
#wrapper table td {border-bottom: 1px solid #01447b; border-left: 1px solid #01447b; text-align: center;}
#wrapper table.no-border,
#wrapper table.no-border td {border : 0;;}

#wrapper .widget {overflow: hidden;}

#wrapper .content-widget ol,
#wrapper .content-widget ul {padding: 8px 0 7px 30px; overflow: hidden;}
#wrapper .content-widget ul li {list-style-type: disc;}
#wrapper .content-widget ol li {list-style-type: decimal;}

#wrapper .widget a {color: #01447B;}
#wrapper a:hover,
#wrapper .widget a:hover {color: #00adf2;}

#wrapper .arrow {
   border: 1px solid #fff;
   border-radius: 30px;
   color: #fff;
   display: block;
   height: 42px;
   padding: 8px 0 0 0;
   position: absolute;
   bottom: 30px;
   text-align: center;
   width: 50px;
}
#wrapper .arrow:hover {
   border: 1px solid #00adf2 !important;
   background-color: #00adf2 !important;
   color: #fff !important;
}

#wrapper .row-wrapper {clear: both; position: relative;}
#wrapper #contents-wrapper .widget div {font-family: 'Playfair Display', serif; line-height: 130%;}

#wrapper > .logo {
   display: block;
   left: 50%;
   margin: 0 0 0 -125px;
   overflow: hidden;
   position: absolute;
   top: 10px;
   width: 250px;
}
#wrapper > .menu-control {
   background: url('/gui/open-menu.gif') center center no-repeat;
   display: none;
   height: 50px;
   position: absolute;
   right: 10px;
   top: 10px;
   width: 50px;
}
#wrapper > .menu-control.open {background: url('/gui/close-menu.gif') center center no-repeat;}

#wrapper .header {
   clear: both;
   max-width: 980px;
   min-width: 320px;
   margin: 0 auto;
   padding: 10px;
}
#wrapper .header .row1 > div {
   background-color: #fff;
   border: 1px solid #000;
   border-radius: 20px;
   float: right;
   margin: 5px 15px;
   padding: 10px 20px;
}
#wrapper .header .row1 select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: url("/gui/images/triangle-down.gif") right 6px no-repeat #fff;
   border: 0;
   font-size: 13px;
   font-weight: 700;
   overflow: hidden;
   padding: 0 20px 0 0 ;
   text-transform: uppercase;
}
#wrapper .header .row1 a {
   display: block;
   margin: 0 auto;
   width: 250px;
}

#wrapper .header .row2 .widget,
#wrapper .header .row3 .widget {overflow: visible; }
#wrapper .header .row2 ul {
   clear: both;
   margin: 0 auto;
   text-align: center;
}
#wrapper .header .row2 ul li {
   display: inline;
   text-transform: uppercase;
   position: relative;
}
#wrapper .header .row2 ul li a {
   color: #3b3b3b;
   display: inline-block;
   font-size: 13px;
   font-weight: 700;
   padding: 20px 10px;
}
.k-lang-fr_FR #wrapper .header .row2 ul li a,
.k-lang-de_DE #wrapper .header .row2 ul li a {
   font-size: 12px;
   padding: 20px 7px;
}
#wrapper .header .row2 ul li a.toggle-child {display: none;}
#wrapper .header .row2 ul li.open a,
#wrapper .header .row2 ul li.selected a {color: #00adf2;}
#wrapper .header .row2 ul li a:hover {background-color: #00adf2; color: #fff;}
#wrapper .header .row2 ul div {
   background-color: #fff;
   border-top: 2px solid #00adf2;
   display: none;
   left: 0;
   margin: 35px 0 0 0;
   overflow: hidden;
   padding: 15px 10px;
   position: absolute;
   top: 0;
   z-index: 110;
   min-width: 300px;
}
#wrapper .header .row2 li:nth-child(2) div {min-width: 520px;}
#wrapper .header .row2 li:last-child div {left: auto; right: 0;}
#wrapper .header .row2 ul li:hover div {display: block; }
#wrapper .header .row2 ul li:hover > a {background-color: #00adf2; color: #fff;}
#wrapper .header .row2 ul li div ul  {
   clear: none;
   display: block;
   float: left;
}
#wrapper .header .row2 ul li div .no-image  {border-left: 5px solid #eee; margin: 10px 20px; width: 175px;}
#wrapper .header .row2 ul li div .image  {overflow: hidden; margin: 10px 20px 10px 40px;}
#wrapper .header .row2 ul li .no-image li a {
   color: #01447b !important;
   display: block;
   line-height: 120%;
   padding: 5px 10px;
   text-align: left;
   text-transform: none;
}
#wrapper .header .row2 ul li .image li a {
   float: left;
   color: #01447b !important;
   display: block;
   margin: 0 10px;
   max-width: 100px;
   overflow: hidden;
   padding: 5px 0;
   text-align: left;
}
#wrapper .header .row2 ul li .image li a img {margin: 5px 0 0 0; max-width: 100px;}
#wrapper .header .row2 ul li li.selected a,
#wrapper .header .row2 ul li li a:hover {background-color: #fff; color: #00adf2 !important;}

#wrapper .header .row3 .area-menu {display: table; clear: both; margin: 0 auto; overflow: hidden; text-align: center;}
#wrapper .header .row3 .area-menu ul {display: table-row;}
#wrapper .header .row3 .area-menu li {
   border-left: 1px solid #fff;
   background-color: #01447b;
   color: #fff;
   display: table-cell;
   float: left;
   font-size: 13px;
   font-weight: 700;
   line-height: 40px;
   text-transform: uppercase;
   width: 135px;
}
#wrapper .header .row3 .area-menu li:first-child {border-left: 0;}
#wrapper .header .row3 .area-menu li a {color: #fff; display: block;}
#wrapper .header .row3 .area-menu a.open,
#wrapper .header .row3 .area-menu a.selected,
#wrapper .header .row3 .area-menu a:hover {background-color: #00adf2; color: #fff !important;}

#wrapper .breadcrumb {
   background-color: #01447b;
   clear: both;
}
#wrapper .breadcrumb ul {
   height: 24px;
   line-height: 22px;
   margin: 10px auto 0 auto;
   max-width: 980px;
   min-width: 280px;
   overflow: hidden;
}
#wrapper .breadcrumb ul li {display: inline-block;}
#wrapper .breadcrumb ul li a {color: #fff; font-size: 11px; text-transform: uppercase;}
#wrapper .breadcrumb ul li a:hover {color: #00adf2;}
#wrapper .breadcrumb ul li a:before {content : ">"; margin: 0 3px 0 0;}

#wrapper > .main-image {
   clear: both;
   overflow: hidden;
   position: relative;
   text-align: center;
}
#wrapper > .main-image .content-widget {
   max-width: 980px;
   width: 100%;
}
#wrapper > .main-image .content-widget ul {padding: 0; height: 100%; list-style: none;}
#wrapper > .main-image .content-widget ul li {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 20px;
  width: 200px;
}
#wrapper > .main-image .content-widget ul li a {color: #fff; }
#wrapper > .main-image .content-widget ul li a img { margin: 0 0 10px 0;}
#wrapper > .main-image .content-widget ul li a span {border-radius: 20px; display: block; padding: 10px 20px; background-color: rgba(0,0,0,.5);}
#wrapper > .main-image .content-widget ul li a:hover {color: #00adf2;}
#wrapper > .main-image .bx-wrapper {margin: 0 auto; max-width: 1920px !important;}
#wrapper > .main-image .image-widget > img,
#wrapper > .main-image .bx-wrapper img {max-height: 740px; width: 100%; max-width: 1920px;}
#wrapper > .main-image .bx-wrapper .bx-controls {
   position: absolute;
   height: 100%;
   right: 20px;
   top: 0;
   width: 20px;
   vertical-align: middle;
   z-index: 101;
}
#wrapper > .main-image .bx-wrapper .bx-pager {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#wrapper > .main-image .arrow {left: 50%; bottom: 5px; margin: 0 0 0 -20px; z-index: 101; background-color: rgba(0,0,0,.5); }

#wrapper .latest-news {background-color: #01447b; clear: both; overflow: hidden; margin: -2px 0 0 0; position: relative;}
#wrapper .latest-news .bx-wrapper {left: 200px; position: absolute; top: 0;}
#wrapper .latest-news h2 {
   background: url("/gui/images/aeroplanino.gif") 10px center no-repeat;
   color: #fff;
   font-size: 15px;
   font-weight: 700;
   height: 50px;
   line-height: 50px;
   padding: 0 30px 0 50px;
   text-transform: uppercase;
}
#wrapper .latest-news ul {background-color: #4a4a4a; color: #fff; padding: 0 10px; overflow: hidden; min-width: 300px; height: 50px; line-height: 50px;}

#wrapper .newsletter-social,
#wrapper .footer {
   background-color: #3b3b3b;
   clear: both;
   color: #fff;
   overflow: hidden;
   position: relative;
}
#wrapper .footer a {color: #fff;}
#wrapper .footer a:hover {color: #00adf2;}
#wrapper .newsletter-social {background-color: #262626; padding: 20px 0;}
#wrapper .newsletter-social .widget {overflow: hidden; margin: 0;}
#wrapper .newsletter-social .row-wrapper,
#wrapper .footer .row-wrapper {
   font-size: 11px;
   max-width: 980px;
   margin: 0 auto;
   overflow: hidden;
   padding: 20px 10px;
}

#wrapper .newsletter-social .row-wrapper form {float: left; min-width: 300px; overflow: hidden; padding: 10px 0;}
#wrapper .newsletter-social .row-wrapper .follow-us {
   min-width: 300px;
   overflow: hidden;
   padding: 10px 0;
   text-align: right;
}
#wrapper .newsletter-social .row-wrapper .follow-us h3,
#wrapper .newsletter-social .row-wrapper form label {
   display: inline-block;
   font-style: italic;
   font-size: 18px;
   font-weight: 700;
   line-height: 25px;
   margin: 0 30px 5px 0;
}
#wrapper .newsletter-social .row-wrapper form div {display: inline-block;}
#wrapper .newsletter-social .row-wrapper form input {
   width: 235px;
   border: 0;
   padding: 5px 10px;
   margin: -3px 0 0 0;
}
#wrapper .newsletter-social .row-wrapper form input[type=submit] {
   color: #fff;
   background-color: #00adf2;
   border: 0;
   cursor: pointer;
   width: auto;
}
#wrapper .newsletter-social .row-wrapper form input[type=submit]:hover {
   background-color: #3b3b3b;
}
#wrapper .newsletter-social .row-wrapper .follow-us h3 {display: inline-block;}
#wrapper .newsletter-social .row-wrapper .follow-us a {display: inline-block; margin: 0 0 0 10px; }

#wrapper .footer .row-wrapper.row1 {padding: 20px 10px 0 10px;}
#wrapper .footer .row-wrapper .vda,
#wrapper .footer .row-wrapper .disclaimer,
#wrapper .footer .row-wrapper .contacts {float: left; overflow: hidden; line-height: 130%;}
#wrapper .footer .row-wrapper .contacts {min-width: 162px; width: 40%;}
#wrapper .footer .row-wrapper .contacts div {float: left; margin: 0 30px 14px 0; overflow: hidden;}
#wrapper .footer .row-wrapper .disclaimer {width: 40%; min-width: 162px;}
#wrapper .footer .row-wrapper .vda {padding: 30px 0 0 0; text-align: right; width: 20%; min-width: 140px;}
#wrapper .footer .row-wrapper .vda h3,
#wrapper .footer .row-wrapper .disclaimer h3,
#wrapper .footer .row-wrapper .contacts h3 {
   font-size: 13px;
   font-weight: 700;
   margin: 0 0 20px 0;
   text-transform: uppercase;
}
#wrapper .footer .row2 {border-top: 1px solid #fff; margin: 20px auto; padding: 20px 0;}
#wrapper .footer .row-wrapper .service-menu {
   line-height: 20px;
   max-width: 80%;
   text-transform: uppercase;
}
#wrapper .footer .service-menu li {display: inline-block; margin: 0 10px 0 0; }
#wrapper .footer .arrow {right: 10px; top: 20px;}

#wrapper #contents-wrapper {
   clear: both;
   max-width: 980px;
   margin: 50px auto;
   padding: 0 10px;
}
#wrapper #contents-wrapper .widget {margin: 0 0 30px 0; overflow: hidden; position: relative;}

#wrapper #contents-wrapper .introduction {overflow: hidden; position: relative; text-align: center;}
#wrapper #contents-wrapper .introduction h1 {
   color: #4A4A4A;
   font-size: 32px;
   font-weight: 700;
   margin: 0 0 20px 0;
}

#wrapper #contents-wrapper .content-double {overflow: hidden; position: relative;}
#wrapper #contents-wrapper .content-double h1 {font-size: 32px; font-weight: 700; margin: 0 0 10px 0; overflow: hidden; min-width: 100px; text-transform: uppercase;}
#wrapper #contents-wrapper .content-double .main-link {background-color: #01447b; border-radius: 5px; color: #fff; display: block; font-family: 'Montserrat', sans-serif; height: 30px; line-height: 30px; padding: 0 20px;  float: right; overflow: hidden; text-transform: uppercase; margin: 0 0 30px 30px;}
#wrapper #contents-wrapper .content-double .main-link:hover {background-color: #00adf2; color: #fff !important;}

#wrapper #contents-wrapper .content-patchwork {overflow: hidden; text-align: center; font-size: 0;}
#wrapper #contents-wrapper .content-patchwork .widget {
   display: inline-block;
   height: 326px;
   overflow: hidden;
   position: relative;
   text-align: center;
   width: 326px;
   margin: 0;
}
#wrapper #contents-wrapper .content-patchwork .widget img {width: 100%;height: 100%;}
#wrapper #contents-wrapper .content-patchwork .widget > span {
   color: #fff;
   font-size: 24px;
   font-weight: 700;
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   text-align: left;
}
#wrapper #contents-wrapper .content-patchwork .widget > span a {background-color: rgba(0, 0, 0, 0.5); display: block; color: #fff; margin: 20px; text-transform: uppercase;}
#wrapper #contents-wrapper .content-patchwork .widget > span a span {padding: 10px; display: block;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget > span a:hover,
#wrapper #contents-wrapper .content-patchwork .widget a:hover {color: #00adf2;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget > span a {background-color: transparent; display: block; color: #fff; margin: 0; padding: 0; text-transform: none;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget.row1 a {padding: 30px 30px 0 30px;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget.row1.col3 a {padding: 30px 30px 0 0;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget.row2 a {padding: 240px 30px 0 30px; text-align: center;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget.row2.col3 a {padding: 0 30px 0 30px; text-align: center;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget.row2.col3 a span {background-color: rgba(0,0,0,.5); padding: 10px 50px; margin: 150px 0 0 0;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget.row3.col1 a {padding: 150px 30px 0 30px;text-align: center;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget.row3.col1 a {padding: 150px 30px 0 30px; text-align: center;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget.row3.col3 a {padding: 30px 50px 0 0; text-align: center;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget.row3.col3 a {border: 3px solid #fff; display: block; padding: 15px 0; margin: 30px 50px 0 0;}
.main-home #wrapper #contents-wrapper .content-patchwork .widget.row3.col3 a:hover {border: 3px solid #00adf2;}

#wrapper #contents-wrapper .content-grid {font-size: 0; text-align: center;}
#wrapper #contents-wrapper .content-grid .widget {
   display: inline-block;
   font-size: 15px;
   overflow: hidden;
   padding: 0 13px 0 13px;
   text-align: left;
   vertical-align: top;
   width: 300px;
}
#wrapper #contents-wrapper .content-grid .widget .main-image {display: block; margin: 0 0 10px 0; width: 300px; max-height: 300px;}
#wrapper #contents-wrapper .content-grid .widget .main-image img {width: 100%; max-height: 300px;}
#wrapper #contents-wrapper .content-grid .widget h2 {font-size: 20px; width: 300px; height: 50px; overflow: hidden; text-align: center;}
#wrapper #contents-wrapper .content-grid .widget > div {width: 300px; margin: 0 0 10px 0; overflow: hidden;}
#wrapper #contents-wrapper .content-grid .widget .main-link {display: block; width: 300px; overflow: hidden;}

#wrapper #contents-wrapper .context-menu-upper {
   font-weight: 700;
   text-align: center;
   text-transform: uppercase;
}
#wrapper #contents-wrapper .context-menu-upper ul {overflow: hidden; margin: 20px auto;}
#wrapper #contents-wrapper .context-menu-upper li {display: inline-block; padding: 4px 0;}
#wrapper #contents-wrapper .context-menu-upper li a {color: #3b3b3b; margin: 0 10px; border-bottom: 2px solid #fff;}
#wrapper #contents-wrapper .context-menu-upper li a.selected,
#wrapper #contents-wrapper .context-menu-upper li a:hover {color: #3b3b3b; border-bottom: 2px solid #00adf2;}

#wrapper #contents-wrapper .context-menu-right {float: right; overflow: hidden;}
#wrapper #contents-wrapper .context-menu-right .tariffe-skipass,
#wrapper #contents-wrapper .context-menu-right .widget {
   clear: right;
   margin: 15px 0 15px 30px !important;
   min-width: 250px !important;
   text-align: right;
   width: 250px;
}
#wrapper #contents-wrapper .context-menu-right .tariffe-skipass iframe {width: 100%; height: 650px;}

#wrapper #contents-wrapper .context-menu-right .context-menu {
   border-top: 1px solid #ccc;
   padding: 10px 0 0 0;
   text-align: left;
}

#wrapper #contents-wrapper .context-menu-right .context-menu a {
   color: #3b3b3b;
   display: block;
   margin: 10px 0;
}
#wrapper #contents-wrapper .context-menu-right .context-menu .open > a,
#wrapper #contents-wrapper .context-menu-right .context-menu .selected > a,
#wrapper #contents-wrapper .context-menu-right .context-menu a:hover {color: #00adf2;}
#wrapper #contents-wrapper .context-menu-right .context-menu > li > a {font-weight: 700; padding: 0 0 0 20px;position: relative;}
#wrapper #contents-wrapper .context-menu-right .context-menu > li > a:before {content: ">"; color: #00adf2; position: absolute; left: 0;}
#wrapper #contents-wrapper .context-menu-right .context-menu > li ul {padding: 0 0 0 20px;}

#wrapper #contents-wrapper .context-menu-right .banner > li {display: none;}
#wrapper #contents-wrapper .context-menu-right .banner li {text-align: center; }

#wrapper #contents-wrapper .contents {overflow: hidden;}
#wrapper #contents-wrapper .contents .widget {min-width: 300px;}
#wrapper #contents-wrapper .contents .widget-wrapper .content-widget {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
#wrapper #contents-wrapper .contents .widget-wrapper .content-widget::-webkit-scrollbar {width: 1em;}
#wrapper #contents-wrapper .contents .widget-wrapper .content-widget::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
#wrapper #contents-wrapper .contents .widget-wrapper .content-widget::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
#wrapper #contents-wrapper .contents h1,
#wrapper #contents-wrapper .contents h2 {
   color: #4A4A4A;
   font-family: 'Montserrat', sans-serif !important;
   font-weight: 700;
   line-height: 120% !important;
   margin: 0 0 20px 0;
}
#wrapper #contents-wrapper .contents h1 {font-size: 28px; overflow: hidden; text-transform: uppercase;}
#wrapper #contents-wrapper .contents h2 {font-size: 24px; overflow: hidden; margin: 0 0 10px 0;}
#wrapper #contents-wrapper .contents .accomodation> h2 {margin: 20px 0; color: #00adf2;}
#wrapper #contents-wrapper .contents .not-associates  h2 {font-size: 20px;}

#wrapper #contents-wrapper .contents .record-list-widget ul,
#wrapper #contents-wrapper .contents .record-list-widget ul li {overflow: hidden;}
#wrapper #contents-wrapper .contents .record-list-widget.video ul {font-size: 0; text-align: center;}
#wrapper #contents-wrapper .contents .record-list-widget.video ul li {
   display: inline-block;
   height: 250px;
   max-width: 300px;
   overflow: hidden;
   padding: 0 13px 0 13px;
   text-align: left;
}
#wrapper #contents-wrapper .contents .record-list-widget.video ul li iframe {display: block;margin: 0 0 10px 0; max-width: 300px; max-height: 169px;}
#wrapper #contents-wrapper .contents .record-list-widget.video ul li a {
   display: block;
   font-size: 15px;
   height: 48px;
   overflow: hidden;
}

#wrapper #contents-wrapper .contents .record-list-widget.grid ul {text-align: center;}
#wrapper #contents-wrapper .contents .record-list-widget.grid ul li {
   display: block;
   float: left;
   margin: 0 1% 20px 1%;
   min-height: 350px;
   overflow: hidden;
   text-align: center;
   width: 300px;
}
.cosa-fare #wrapper #contents-wrapper .contents .record-list-widget.grid ul li {height: 170px; min-height: 0;}
#wrapper #contents-wrapper .contents .record-list-widget.grid ul li img {display: block; margin: 0 0 10px 0; width: 100%;}
#wrapper #contents-wrapper .contents .record-list-widget.grid ul li a {
   display: block;
   padding: 0 0 5px 0;
   overflow: hidden;
}
#wrapper #contents-wrapper .contents .record-list-widget.grid ul li a:first-child {padding: 0;}

#wrapper #contents-wrapper .contents .record-list-widget.accomodation ul li,
#wrapper #contents-wrapper .contents .record-list-widget.event ul li {
   border-bottom: 1px solid #ccc;
   margin: 0 0 30px 0;
   min-width: 300px;
   padding: 0 0 30px 0;
}
#wrapper #contents-wrapper .contents .record-list-widget.accomodation ul li h3,
#wrapper #contents-wrapper .contents .record-list-widget.event ul li h3 {text-transform: uppercase;}
#wrapper #contents-wrapper .contents .record-list-widget.accomodation ul li .type,
#wrapper #contents-wrapper .contents .record-list-widget.accomodation ul li .area,
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .area {font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; }
#wrapper #contents-wrapper .contents .record-list-widget.accomodation ul.associates li .main-image,
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .main-image img {
   float: left;
   margin: 0 18px 0 0;
   height: 200px;
   min-height: 1px;
   overflow: hidden;
   width: 200px;
}
#wrapper #contents-wrapper .contents .record-list-widget.accomodation ul.associates li .main-image img,
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .main-image img {width: 100%; max-height: 200px;}
#wrapper #contents-wrapper .contents .record-list-widget.accomodation ul li .wrapper,
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .wrapper {
   min-width: 250px;
   overflow: hidden;
}
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .date {
   float: right;
   font-family: 'Montserrat', sans-serif;
   margin: 0 0 0 18px;
   width: 40px;
   text-align: center;
}
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .date .month {
   display: block;
   margin: 0 auto 15px auto;
   padding: 0 0 5px 0;
}
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .date .month:after {content : "_"; display: block;}
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .date .day {
   font-size: 30px;
   font-weight: 700;
}
#wrapper #contents-wrapper .contents .record-list-widget.accomodation ul.associates li .main-link,
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .main-link {
   border-top: 1px dotted #ccc;
   display: block;
   font-family: 'Montserrat', sans-serif;
   margin: 10px 0 0 0;
   padding: 10px 0 0 0;
}
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .main-link {border-top: 0;}
#wrapper #contents-wrapper .contents .record-list-widget.accomodation ul.associates li .main-link:after,
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .main-link:after {content: "\2192"; margin: 0 0 0 10px;}
#wrapper #contents-wrapper .contents .record-list-widget.accomodation ul li .wrapper > div,
#wrapper #contents-wrapper .contents .record-list-widget.event ul li .wrapper > div {overflow: hidden; min-width: 250px;}

#wrapper #contents-wrapper .contents .record-list-widget.press-room ul li {margin: 0 0 10px 0;}
#wrapper #contents-wrapper .contents .record-list-widget.press-room ul li h2 {font-size: 15px;}

#wrapper #contents-wrapper .contents .content-widget .wrapper {overflow: hidden;}
#wrapper #contents-wrapper .contents .content-widget .main-image {width: 100%;}
#wrapper #contents-wrapper .contents .content-widget .links {overflow: hidden;}
#wrapper #contents-wrapper .contents .buttons {padding: 10px 0;overflow: hidden; text-align: center;}
#wrapper #contents-wrapper .contents .content-widget .links a {
   display: block;
   font-family: 'Montserrat', sans-serif;
}
#cookie-disclaimer a.action,
form button,
.buy-online > div.button a,
#wrapper #contents-wrapper .contents .buttons a {
   background-color: #01447B;
   border-radius: 20px;
   color: #fff !important;
   display: inline-block;
   font-family: 'Montserrat', sans-serif;
   line-height: 40px;
   margin: 0 10px;
   padding: 0 20px;
   text-transform: uppercase;
}
#cookie-disclaimer a.action:hover,
form button:hover,
.buy-online > div.button a:hover,
#wrapper #contents-wrapper .contents .buttons a:hover {background-color: #00ADF2 !important;}
#wrapper #contents-wrapper .contents .content-widget .images {clear: both; padding: 15px 0; overflow: hidden;}
#wrapper #contents-wrapper .contents .content-widget .images img {max-height: 100px;  max-width: 100px;}
#wrapper #contents-wrapper .contents .content-widget .search-options {
   font-family: 'Montserrat', sans-serif;
   margin: 20px 0;
   overflow: hidden;
}
#wrapper #contents-wrapper .contents .content-widget .search-options span {
   border: 1px solid #3b3b3b;
   border-radius: 15px;
   display: inline-block;
   line-height: 30px;
   margin: 0 10px 0 0;
   padding: 0 10px;
}
#wrapper #contents-wrapper .contents .content-widget .search-options span input,
#wrapper #contents-wrapper .contents .content-widget .search-options span label {cursor: pointer;}

#wrapper #contents-wrapper .record-detail-widget.accomodation .images {
   float: right;
   line-height: 0;
   min-height: 330px;
   overflow: hidden;
   text-align: right;
   width: 120px;
}
#wrapper #contents-wrapper .record-detail-widget.accomodation .images img {width: 100px;}
#wrapper #contents-wrapper .record-detail-widget.accomodation .main-image {
   float:Left;
   max-height: 330px;
   width: 580px;
}
#wrapper #contents-wrapper .record-detail-widget.accomodation .main-image img {
   height: 330px;
   max-width: 590px;
   margin: 0 0 20px 0;
}
#wrapper #contents-wrapper .record-detail-widget.accomodation table {margin: 20px 0; border-right: 1px solid #ccc; border-top: 1px solid #ccc;}
#wrapper #contents-wrapper .record-detail-widget.accomodation table tr:nth-child(even) {background: #fff;}
#wrapper #contents-wrapper .record-detail-widget.accomodation table td {border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-align: left; padding: 10px; font-size: 15px;}

.buy-online {overflow: hidden;}
.buy-online h2 {text-align: center; padding: 10px 20px; }
.buy-online > div {float: left; width: 250px; margin: 0 3.9%;}
.buy-online > div.button {float: none; width: auto; text-align:center; clear: both; padding: 20px 0 0 0; }
.buy-online > div h3 {text-align: center; min-height: 40px;}

form .error {display: block; color: red; margin: 0 0 10px 0;}
form button {border-color: transparent; line-height: 24px;}

#santanna-form,
#santanna-form .form-row,
#survey-form {overflow: hidden;}
#survey-form fieldset {overflow: hidden; padding: 0 0 20px 20px;}
#survey-form fieldset legend {margin: 0 0 5px -20px;}
#survey-form fieldset img {display: block;}
#survey-form fieldset input[type=text] {width: 295px; padding: 3px; margin: 5px 0;}
#survey-form fieldset textarea {width: 90%; padding: 3px; height: 200px; display: block;}
#survey-form button {margin: 0 0 0 20px;}

#login-form .form-row {overflow: hidden; margin: 0 0 15px 0;}
#santanna-form .form-row {overflow: hidden; margin: 0 0 15px 0;}
#santanna-form label {float: left; width: 250px; margin: 7px 0 0 0; display: block;}
#santanna-form .required label:after {content: '*'; color: red;}
#santanna-form input[type=email],
#santanna-form input[type=text] {width: 50%; padding: 3px; }
#santanna-form fieldset input,
#santanna-form fieldset img {display: block; margin: 5px 0 0 250px;}
#santanna-form button {margin: 30px 20px 0 0;}

#login-form label {float: left; width: 100px; margin: 7px 0 0 0; display: block;}
#login-form input[type=password],
#login-form input[type=text] {width: 40%; padding: 3px; }
#login-form button {margin: 10px 20px 0 100px;}

#wrapper #contents-wrapper .widget #web_skipass_sales_container div {
   font-family: inherit !important;
   font-weight: inherit;
   line-height: inherit;
}
#wrapper .widget #web_skipass_sales_container p {margin: inherit;}
#wrapper .widget #web_skipass_sales_container a,
#wrapper .widget #web_skipass_sales_container a:hover {color: inherit; background-color: inherit; text-decoration: inherit;}
#wrapper .content-widget #web_skipass_sales_container ul,
#wrapper .content-widget #web_skipass_sales_container ol,
#wrapper .content-widget #web_skipass_sales_container ul li,
#wrapper .content-widget #web_skipass_sales_container ol li {padding: inherit; overflow: inherit; list-style-type: inherit;}
#wrapper #contents-wrapper .contents #web_skipass_sales_container h1,
#wrapper #contents-wrapper .contents #web_skipass_sales_container h2 {
   color: inherit;
   font-family: inherit !important;
   font-weight: inherit;
   line-height: inherit;
   margin: inherit;
   font-size: inherit; 
   overflow: inherit; 
   text-transform: inherit;
}
#wrapper #contents-wrapper .contents #web_skipass_sales_container .wrapper {overflow: inherit;}
#wrapper #contents-wrapper .contents #web_skipass_sales_container form button:hover;
#wrapper #contents-wrapper .contents #web_skipass_sales_container form button {
   background-color: inherit;
   border-radius: inherit;
   color: inherit !important;
   display: inherit;
   font-family: inherit;
   line-height: inherit;
   margin: inherit;
   padding: inherit;
   text-transform: inherit;
}
#wrapper #contents-wrapper .contents #web_skipass_sales_container table {width: inherit; margin: inherit; border: inherit;}
#wrapper #contents-wrapper .contents #web_skipass_sales_container table tr:nth-child(even) {background: inherit;}
#wrapper #contents-wrapper .contents #web_skipass_sales_container table th,
#wrapper #contents-wrapper .contents #web_skipass_sales_container table td {font-family: inherit; font-size: inherit; padding: inherit;}
#wrapper #contents-wrapper .contents #web_skipass_sales_container table th {background-color: inherit; color: inherit; font-weight: inherit; border: inherit;}
#wrapper #contents-wrapper .contents #web_skipass_sales_container table th:first-child {border: inherit;}
#wrapper #contents-wrapper .contents #web_skipass_sales_container table td {border: inherit; text-align: inherit;}

#cookie-alert {
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 1000;
   overflow: hidden;
   cursor: pointer;
}
#cookie-disclaimer {
   cursor: default;
   border-radius: 10px;
   background-color: #fff;
   position: fixed;
   top: 30%;
   left: 30%;
   right: 30%;
   padding: 15px;
   text-align: justify;
   z-index: 999999;
   -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
   box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
   z-index: 1001;
}
#cookie-disclaimer p {margin: 0 0 10px 0;}
#cookie-disclaimer a{color: #01447b;}
#cookie-disclaimer a.action {float: right; line-height: 30px;}
#cookie-disclaimer a.action:hover {
   background-color: #2c98d8;
   color: #fff;
   text-decoration: none;
}

@media all and (min-width: 745px) {
   #wrapper > .main-image .content-widget {
      height: 100%;
      left: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
      z-index: 100;
   }
   #wrapper > .main-image .content-widget ul li {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
   }
   #wrapper > .main-image .bx-wrapper img {height: 100%;}
}
@media all and (max-width: 1020px) {
   #wrapper > .menu-control {display: block;}
   #wrapper .header {padding: 80px 0 0 0;}
   #wrapper .header .row2,
   #wrapper .header .row1 {
      background-color: #fafafa;
      display: none;
      position: absolute;
      top: 65px;
      right: 0;
      width: 300px;
      z-index: 200;
   }
   #wrapper .header .row2 {margin: 48px 0 0 0;}
   #wrapper .header .row1 > div {margin: 5px 12px;}
   #wrapper .header .row2 ul li {display: block; text-align: left; border-bottom: 1px solid #ccc; }
   #wrapper .header .row2 ul li a {padding: 10px 20px;}
   #wrapper .header .row2 ul li a.toggle-child {display: block; float: right; margin: 0 10px 0 0;height: 10px; width: 10px; padding: 15px 0 0 0; background: url("/gui/images/triangle-down.gif") center center no-repeat;}
   #wrapper .header .row2 ul li.open a.toggle-child {background: url("/gui/images/triangle-up.gif") center center no-repeat;}
   #wrapper .header .row2 ul li:hover {background-color: #00adf2;}
   #wrapper .header .row2 ul li:hover div {display: none;}
   #wrapper .header .row2 ul div {
      border-top: 0;
      margin: 0;
      padding: 0;
      position: static;
      min-width: 0;
   }
   #wrapper .header .row2 ul li div ul  {padding: 0; clear: both; float: none;}
   #wrapper .header .row2 ul li div .no-image  {border-left: 0; margin: 0;}
   #wrapper .header .row2 ul li div .image  {overflow: hidden; margin: 10px;}
   #wrapper .header .row2 ul li li {border: 0;}
   #wrapper .header .row2 ul li .no-image li a {padding: 5px 20px;}
   #wrapper .header .row3 .area-menu {display: block;}
   #wrapper .header .row3 .area-menu ul {display: block;}
   #wrapper .header .row3 .area-menu li {
      border: 0 !important;
      border-radius: 20px;
      display: inline-block;
      float: none;
      line-height: 30px;
      margin: 5px;
      width: 145px;
      overflow: hidden;
   }
   #wrapper .breadcrumb ul,
   #wrapper .footer .row-wrapper .service-menu {margin: 0 0 0 10px;}
}
@media all and (max-width: 800px) {
   #wrapper > .logo {left: 0; margin: 0;}
   #wrapper .latest-news .bx-wrapper  {margin: 0 auto;height: 50px;}
   #wrapper #contents-wrapper .contents .content-widget {max-width: 326px; overflow: auto;}
   #wrapper #contents-wrapper .contents .banner {overflow: hidden;}
   #booking-wrapper .new-prenota-box {width: 510px;}
   #booking-wrapper .new-prenota-box .select2-container {margin: 0 100px 20px 1% !important;}
}
@media all and (max-width: 650px) {
   #wrapper .latest-news .bx-wrapper {position: static;}
   #wrapper #contents-wrapper .context-menu-right {float: none; margin: 0 auto; width: 300px;}
   #cookie-disclaimer {
      border: 1px solid #000;
      max-height: 70%;
      overflow: auto;
      top: 10px;
      left: 10px;
      right: 10px;
   }
}
@media all and (max-width: 530px) {
   #wrapper .header .row2,
   #wrapper .header .row1 {left: 0; width: auto;}
   #booking-wrapper .new-prenota-box {width: 326px;}
   #booking-wrapper .new-prenota-box .select2-container {margin: 0 0 20px 55px !important;}
   #booking-wrapper .new-prenota-box .room_config,
   #booking-wrapper .new-prenota-box .form-group {margin: 0 0 20px 40px !important; float: none;}
   #wrapper .newsletter-social .row-wrapper .follow-us h3 {margin: 0 0 5px 0;}
   #wrapper .newsletter-social .row-wrapper form input {max-width: 60%;}
}
@media all and (max-width: 320px) {
   #wrapper #contents-wrapper .content-patchwork .widget {height: 300px; width: 300px;}
   #booking-wrapper .new-prenota-box {width: 320px;}
}