/*** ELEMENTI PRINCIPALI ***/

body {
    word-wrap: break-word;
    background: #fff;   
}

#container {
    background: white;
    margin-bottom: 12px;
    overflow: hidden;
    padding: 0;
}
#cookieChoiceInfo * {
    line-height: 22px;
}
#cookieChoiceInfo a{
   color:#5EAFFF;
}
 
#breadcrumbs {
    background: #D2D4D7;
    margin-bottom: 12px;
    min-height: 33px;
    line-height: 33px;
    padding: 0 20px;
    text-transform: uppercase;
    color: #000000;
    font-size: 19px;
    font-weight: bold;
}
      
#breadcrumbs a {
    color: #000000;
}      
    
#breadcrumbs a:hover {
    color: #2795b6;
}      

/*** STILI GENERALI ***/

td img, td object, td embed {
    max-width: 100%;
    width: 100%;
}

.over-texts {
  bottom: 5%;
  left: 0;
  padding: 3% 3% 3% 4%;
  position: absolute;
  width: 82%;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);   
    -pie-background: rgba(255,255,255,0.85);
    behavior: url(/PIE.htc);
}   

/*** BOX HOME ***/     

.box-home [class*="column"] + [class*="column"]:last-child {
  float: left;
}

.box-home .panel {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
} 

.box-home .pic {
    text-align: right;  
    width: 100%;
    display: block;   
    overflow: hidden; 
}                      
     
.box-home .frame .pic {
    line-height: 230px; 
}                      
                      
.box-home .pic img {
    max-height: 230px; 
    vertical-align: middle;
}           

.box-home .title {
    color: #000000;
    text-transform: uppercase;
    font-size: 33px;
    font-weight: 500;
    line-height: 1.15;
    margin-bottom: 15px;
} 
      
.box-home .title a {
    color: #000000;
} 

.box-home .texts {
    overflow: hidden;
} 

.box-home .text {
    min-height: 80px;   
    line-height: 20px;
    margin-bottom: 38px;
} 

.box-home .link {
    position: absolute;
    bottom: 0;
    right: 0;
}
 
.box-home .over-texts {
  bottom: 5%;
  left: 0;
  padding: 3% 3% 3% 4%;
  position: absolute;
  width: 80%;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);   
    -pie-background: rgba(255,255,255,0.85);
    behavior: url(/PIE.htc);
}

.box-home .over-texts .title {
    margin-bottom: 3px;
}   
    
.box-home .loghi {
    height: 100%;
} 

.box-home .loghi .pic {
    width: 50%;
    float: left;
    height: 50%;  
    line-height: 136px;
    padding: 1% 3%;
    text-align: center;
}         

.box-home .loghi .pic img {
    vertical-align: middle;
    max-height: 100%;
} 

.box-home .video {
    display: block;
    width: 100%;
    height: 100%;
}

.box-home .video .ico-video {
    position: absolute;
    left: 43%;
    top: 40%;
    z-index: 100;
}
 
.box-home .frame {
    overflow: hidden;
    height: 100%;
}

.box-home .video {
    display: block;
    width: 100%;
    height: 100%;
}

/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
  display: none;
}

/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/* BOX HOME: laterali */

.box-home .nine {
    padding: 14px 15.625% 14px 8.52%;
}

.box-home .nine .title {
    font-size: 25px;
} 

.box-home .nine .panel {  
    height: auto;
    min-height: 192px;
}         

.box-home .nine .panel .back-img,
.box-home .nine .panel .video {  
    height: 270px;
}    

.box-home .nine .frame {  
    height: auto;
}  

.box-home .nine .frame .pic {
    line-height: normal; 
}    
   
/*** HEADER ***/

#header-top > .three {
	width: 30%;
}

#header-top > .cx-col {
	width: 40%;
}

#logo {
    padding: 0;
}

#alta-badia-sudtirol {
    padding: 0;
	margin-right: 148px;
	float: right;
}

#alta-badia {
    margin-top: 18px;  
    padding-left: 0; 
}

#sudtirol {
    margin-top: 18px;
    padding-right: 0; 
}

#logo img {
    margin-top: 11px;
    margin-bottom: 2px;
}

#countdown {
    margin: 78px 0 0 0px;
    color: #000;
}

#countdown p {
    font-size: 25px;
    text-align: center;
    font-family: 'avenir-lt-std-black', sans-serif; 
    text-transform: uppercase;
}

#countdown p:first-child {
    font-size: 43px;
    margin-bottom: 6px;
}

#peelback img {
}

#header-menus {
    position: relative;
    z-index: 100;
}

.menu-lans {  
    float: right;
    list-style: none;
    margin: 0;
    overflow: hidden;
    width: 11.11111%;
}
       
.menu-lans li {
    padding: 0 0 0 10px;
}

#menu-lans-large.menu-lans li a,
.menu-lans li a,
.menu-lans li span,
.lt-ie9 #menu-lans-large li a,
.lt-ie9 #menu-lans-large li span {
    height: 36px;
    display: block;
    background: #c0021c;
    color: white;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    font-family: 'avenir-lt-std-book', sans-serif;
    text-transform: uppercase; 
    border-top: 1px solid #a8a7a7;  
    border-bottom: 1px solid #a8a7a7;
}

.lt-ie9 #menu-lans-large li a,
.lt-ie9 #menu-lans-large li span {
    font-size: 17px;
    padding: 0;
}

#menu-lans-small {
    display: none;
}
  
#header-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 12px;
    background: white;
}

#header-social li {
    float: left;
    padding-left: 5px;
}

#top-label {
    display: block;
    color: #636363;
    cursor: pointer;
    background: white;
    margin: 0 auto 6px;
    width: 80px;
    text-align: center;
    height: 25px; 
    line-height: 25px;
    font-family: 'avenir-lt-std-black', sans-serif;
    display: none;
}

#top-label:hover {  
    color: #636363;
}

#menu-container {
    overflow: hidden;
    height: 46px;      
}

#menu-container.hover {
    height: 384px;            /* scelta ad occhio abbastanza grande */
    margin-bottom: -338px;    /* differenza 46 = 34 height menu + 12 margin-bottom */
}

.top-bar ul > li.nav_li1 {
    width: 22.222222%;
}

.top-bar ul > li.nav_li1 a {
    font-size: 19px;
}

.nav_li1,
.nav_li1 .dropdown { background: #8fc7de; }   
.nav_li2,
.nav_li2 .dropdown  { background: #47abcd; }
.nav_li3,
.nav_li3 .dropdown  { background: #84b035; } 
.nav_li4,
.nav_li4 .dropdown  { background: #b1c651; } 
.nav_li5,
.nav_li5 .dropdown  { background: #ffee34; }  /* #FACE08 giallo + scuro */
.nav_li6,
.nav_li6 .dropdown  { background: #d4801d; }  
.nav_li7,
.nav_li7 .dropdown  { background: #ab041e; }  

#menu-container .top-bar .nav_li5 a,
#menu-container .top-bar .nav_li5.has-dropdown .dropdown a { color: #636363;} 
   
/*** CONTAINER ***/
                    
.main-cols { 
    padding-bottom: 10000px;
    margin-bottom: -10000px;
}     
                    
#lx-col { 
    width: 75%;
    padding-right: 35px; 
    padding-left: 30px;
}           
     
#rx-col { 
    background: rgb(187,187,187);
    width: 25%;
    padding-top: 28px;
}    

/*** CONTENT ***/

#content {
    padding: 4px 0 55px;
}

#content li {
    list-style-position: inside;
}

/*** ALLEGATI ***/

#attachments .title {
    text-transform: uppercase;
    font-family: 'avenir-lt-std-black', sans-serif;
}

#attachments .text {
    padding-left: 16px;
}

/*** SOCIAL ***/

#social {
	padding: 0px;
	list-style: none;
	overflow: auto;
    margin: 12px 0;
}

#social li {
	float: left;
	margin-right: 7px;
	border:none;
	padding:0;
}

#social li span {
	font-size:10px;
}

/*** LOGHI ***/

#loghi {
    margin: 0 0 12px;
}   

#loghi ul {
    list-style: none;
    overflow: hidden;  
    background: #fff;
    margin: 0;
}                 

#loghi li {
    float: left;
    height: 120px;  
}

#loghi .cell {     
    display: table;
    height: 100%;  
    table-layout: fixed;
    width:100%;
}       

#loghi .cell > div {     
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: 'avenir-lt-std-black', sans-serif;
    color: #9b9c9e; 
    font-size: 12px;
}

#loghi img {     
    max-width: 100%;
    -moz-transform: rotate( .0001deg );
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -webkit-transform: translateZ(0);
}

#loghi img:hover {     
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

/*** NEWS ***/

#news img {
    margin-bottom: 20px;
}

#news .news {
    margin-bottom: 30px;
}

/*** MEDIA ***/

.pager {
    text-align: center;
    padding: 20px 0 8px;
}

.pager span {
    font-family: 'avenir-lt-std-black', sans-serif;
    color: #ff0000;
}

#media > ul {
    list-style: none;
    margin: 8px -20px 0 -15px;    
    padding: 0;
    overflow: hidden;
}

#media > ul > li {
    float: left; 
    margin: 0.65%;  
    width: 23.7%;
    height: 126px;
    color: white;  
    background-position: center center;     
    background-repeat: no-repeat;
    background-size: cover; 
    -moz-transform: rotate( .0001deg );  
    -moz-background-size: cover;
    position: relative;
    overflow: hidden;        
}          

#media > ul.gallery-list > li {   
    background-color: #fff;
}

#media > ul > li h2,
#media > ul > li h3 {   
    margin: 0;
}

#media > ul > li > a {
    display: block;
    width: 100%;
    height: 100%; 
    -moz-transform: rotate( -.0001deg );  
}

#media > ul > li > .over-texts {
    -moz-transform: rotate( -.0001deg );  
}

#media a {
    color: black;
}

/*** FORM CONTATTI ***/

#form-contatti {
    margin-top: 30px;   
    overflow: visible; 
}

#form-contatti ul {
    border-top: 1px solid #E6E6E6;    
}

#form-contatti #contatti_check_in {
    float: left;
    width: 86%;
    margin-right: 5px;
}

#form-contatti #calendar img {
    float: left;    
    margin-bottom: 15px;  
    margin-top: 2px;
}

#form-contatti select {background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }

#form-contatti .button {
    float: right;    
    height: 48px;
    margin-top: 12px;
}

#form-contatti .errors {
    color: #C60F13;
}  

#form-contatti .compulsory {
    font-style: italic;
    margin-bottom: 17px;
}

#form-contatti #contatti_privacy {
    margin: 0 10px 12px; 
    float: left;
}

#form-contatti #privacy_popup_link {
    color: #4D4D4D;
    text-decoration: underline;
}

#form-contatti #privacy_popup_link:hover {
    color: #2795b6;
}

/*** FOOTER ***/

footer {
    padding: 28px 0 75px;
}

footer p {  
    font-size: 20px; 
    color: #9f9f9f;
}     

footer p strong {   
    font-size: 18px; 
    color: #969696;
}     

#footer-content {
    background: #fff;
    overflow: hidden;
}    

#footer-content a {
    text-decoration: underline;
}    

footer .text {  
    padding: 13px 16px; 
}     
 
footer .text p:first-child {  
    font-size: 23px;  
}     
 
#footer-social ul {
    list-style: none;
    margin: 5px 0 0;
    padding: 0;
    float: right;    
}

#footer-social li {
    float: left;
    padding-left: 5px;
}


/*** RESPONSIVE ***/

/* RESPONSIVE: min-width: 767px */

@media only screen and (min-width: 767px) { 
}   

/* RESPONSIVE: max-width: 1279px */

@media only screen and (max-width: 1279px) {  
	#countdown p:first-child {
	  font-size: 41px;
	}
	#countdown p {
	  font-size: 24px;
	}
}

/* RESPONSIVE: max-width: 1179px */

@media only screen and (max-width: 1179px) {   
 
    #countdown p {
        font-size: 23px;
    }
    #countdown p:first-child {
        font-size: 38px;
    }
	#header-top > .cx-col {
  		width: 50%;
	}
	#header-top > .lx-col {
  		width: 20%;
	}
}

/* RESPONSIVE: max-width: 1099px */

@media only screen and (max-width: 1099px) {  
    #countdown {
        margin: 60px 0 0 0px;
    }   
    #countdown p {
        font-size: 24px;
    }
    #countdown p:first-child {
        font-size: 35px;
    }    
    .top-bar ul.right > .nav_li7.has-dropdown > .dropdown { 
        right: 00px;
    }   
}
 
/* RESPONSIVE: max-width: 1019px */

@media only screen and (max-width: 1019px) {  
    .menu-lans li {
        padding: 0 0 0 8px;
    }  
       
    #countdown p {
        font-size: 20px;
    }
    #countdown p:first-child {
        font-size: 31px;
    }   
    #menu-container .top-bar ul > li a {
        font-size: 18px;
    }
}

/* RESPONSIVE: max-width: 959px */

@media only screen and (max-width: 959px) {   
    #menu-lans li {
        margin-left: 5px;
        width: 35px;
    }    
    .menu-lans li {
        padding: 0 0 0 6px;
    }   
    #menu-container .top-bar ul > li a {
        font-size: 14px;
    } 
    .menu-lans li a, .menu-lans li span {
        font-size: 14px;
    }    
    #countdown p {
        font-size: 17px;
    }
    #countdown p:first-child {
        font-size: 28px;
    }   
    #countdown {
        margin: 49px 0 0 -110px;
    }   
}

/* RESPONSIVE: (max-width: 768px) and (min-width: 768px) [IPAD] */

@media only screen and (max-width: 768px) and (min-width: 768px) { 
    #header-top > .columns {
        width: 100%;
    }
}

/* RESPONSIVE: max-width: 768px [a partire dall'IPAD] */

@media only screen and (max-width: 768px) {
    .top-bar ul.right .has-dropdown .dropdown {
      left: auto;
      margin: 0px;
      padding: 0px;
    }   
    .top-bar ul > li.nav_li1 {
        width: auto;
    } 
    .top-bar .right > li > a:not(.button) {
        text-align: left;
    }       
    .top-bar ul > li.has-dropdown .dropdown li a {
      width: auto;
    }    
    #menu-lans-large {
        display: none;
    }     
    #menu-lans-small {
        display: block;
        float: right;
        width: auto;
        margin-bottom: 6px;
    }      
    #menu-lans-small > li {
        float: left; 
        padding: 0 6px 0 0;
    } 
    .menu-lans li a, .menu-lans li span { 
        padding: 0 6px;
    }          
    #logo {
        float: left;
    }
    #alta-badia-sudtirol {
        float: left;
        margin-right: 0;
    }  
    #alta-badia,
    #sudtirol {
        float: left;
        margin-top: 0;
    }   
    #countdown {
        margin: 15px 0 35px;
    }   
    #menu-container,
    #menu-container.hover {
        overflow: auto;
        height: auto;
        margin-bottom: 0;
    } 
    #countdown p {
        font-size: 33px;
    }
    #countdown p:first-child {
        font-size: 45px;
    }  
    #header-menus {
        margin-bottom: 12px;
    }   
    #header-social {
		text-align: center;
		overflow: hidden;
		margin: 30px 0 20px;
	}
	#header-social ul {
	  position: relative;
	  display: inline-block;
	  right: auto;
	}
}

/* RESPONSIVE: max-width: 767px */

@media only screen and (max-width: 767px) { 
    .box-home .nine {
      padding: 14px 0 14px;
    }    
    .box-home .nine .panel {
      max-width: 455px;
      margin: 0 auto 12px;
    }
    #loghi ul {
        padding: 12px 0;
    }
    #loghi .one {
        width: 25% !important;
    }    
    #loghi .empty {     
        display: none;
    }     
}   

/* RESPONSIVE: max-width: 639px */

@media only screen and (max-width: 639px) {  
    #alta-badia-sudtirol {
    }   
    #media > ul > li {
        margin: 0.65%;  
        width: 48.7%;
    }  
    #countdown p {
        font-size: 25px;
    }
    #countdown p:first-child {
        font-size: 39px;
    }
	#footer-social {
		overflow: hidden;
		text-align:center;
	} 
    #header-social ul,
    #footer-social ul {
      position: relative;
      right: auto;
      display: inline-block;
      float: none;
    }  
    #header-social li,
    #footer-social li {
      padding-left: 6px;
      max-width: 14%;
    }  
} 

@media screen and (-ms-high-contrast: active) and (max-width: 639px), 
	(-ms-high-contrast: none) and (max-width: 639px) {
	/* IE10+ specific styles go here */
    #header-social li,
    #footer-social li {
      max-width: 12.5%;
      display: inline-block;
      float: none;
    }  
    #header-social ul,
    #footer-social ul {
      width: 100%;
      text-align: center;
      display: block;
    }  
}

/* RESPONSIVE: max-width: 489px */

@media only screen and (max-width: 489px) { 
    #alta-badia-sudtirol {
    }
    #logo {
    }   
    #countdown p {
        font-size: 19px;
    }
    #countdown p:first-child {
        font-size: 32px;
    }  
    .row table.mobile-two {
        width: 100% !important;
        height: auto !important;
    } 
}   

/* RESPONSIVE: max-width: 380px */

@media only screen and (max-width: 380px) {   
    #loghi .one {
        width: 33.333% !important;
    }   
    #countdown p {
        font-size: 16px;
    }
    #countdown p:first-child {
        font-size: 26px;
    }   
}   

/* RESPONSIVE: max-width: 320px */

@media only screen and (max-width: 320px) { 
    #media > ul > li {
        margin: 0.65%;  
        width: 98.7%;
    }  
	#countdown p:first-child {
	  font-size: 25px;
	}
}