@charset "utf-8";
/* CSS Document */

/*Layout generale*/
body {font-family: 'Abel', sans-serif; font-size: 16px; background: url(../img/pattern.png); margin: 0;}
#header {background: url(../img/head.png) repeat-x; width: 100%; height: 95px; position: relative; z-index: 0;}
#logo {background: url(../img/logo.png); width: 300px; height: 131px; position: absolute; z-index: 1; top: 6px; left: 30px;}
#bar {background: url(../img/bar.png) repeat-x; width: 100%; height: 50px; position: relative; z-index: 0;}
.container {background-color: #FFFFFF; margin: auto; width: 940px; text-align: justify; padding: 10px; box-shadow: 0 2px 2px #333333;}
.container-dark {background: url(../img/dark-separator.png) #222222 top center no-repeat; margin: auto; width: 960px; text-align: justify; color: #FFFFFF; padding-top: 10px; box-shadow: 0 2px 2px #333333;}
.mini-cont {width: 960px; margin: auto;}
footer {background: url(../img/head.png) repeat; font-size: 14px; color: #FFFFFF; width: 100%; text-align: center; padding-top: 15px; padding-bottom: 10px;}

/*Menu*/
#menu {font-family: 'Oswald', sans-serif; font-size: 12px; position: relative; height: 95px; width: 550px; text-transform: uppercase; right: 30px; float: right;}
#menu a {color: #FFF; text-decoration: none; display: block;}
#menu ul {list-style: none; margin: 0; padding-left: 0;}
#menu li {float: left; line-height: 90px; padding: 0 6px 0; border-top: 5px solid #093872;}
#menu a:hover {text-decoration: none;}
#menu li:hover {border-top: 5px solid #78ACDD;}
#menu .current {border-top: 5px solid #78ACDD; color: #FFFFFF; line-height: 90px;}

/*News*/
.news {width: 450px; display: block; text-align: justify; margin-bottom: 10px; margin-left: 10px;}
.news-data {background: #62289E; width: 60px; display: inline-block; text-align: center; padding: 5px; font-family: 'Oswald', sans-serif; color: #FFFFFF; float: left; margin-right: 10px;}
.news text {background: #FFFFFF; display: inline-block; text-align: justify; padding: 5px; float: right; width: 390px;}
.day {font-size: 30px; margin-bottom: -10px;}
.month {font-size: 16px;}
.title {font-family: 'Oswald', sans-serif; font-size: 16px;}

/*Link ed intestazioni*/
a {color: #2A61A4; text-decoration: none;}
a:hover {color: #000000;}
h1.title {font-size: 20px; font-weight: 500; color: #000000; font-family: 'Oswald', sans-serif; margin: 0; text-transform: uppercase; line-height: 50px; position: absolute; left: 350px;}
h1.section {font-size: 18px; color: #FFFFFF; font-family: 'Oswald', sans-serif; margin-left: 10px; text-transform: uppercase; margin-top: -4px; font-weight: 300; line-height: 40px;}
h1.section-right {font-size: 18px; color: #FFFFFF; font-family: 'Oswald', sans-serif; margin-right: 20px; text-transform: uppercase; margin-top: -4px; font-weight: 300; text-align: right; line-height: 40px;}
h1.section-dark {font-size: 18px; color: #EAC706; font-family: 'Oswald', sans-serif; text-transform: uppercase; margin-top: -4px; font-weight: 300; margin-bottom: -10px; line-height: 40px;}
h2 {font-size: 18px; font-weight: 300; color: #000000; font-family: 'Oswald', sans-serif; margin: 0; text-transform: uppercase; line-height: 40px;}
h4 {font-size: 22px; font-weight: 500; color: #000000; font-family: 'Oswald', sans-serif; margin: 0; text-transform: uppercase; line-height: 40px; margin-top: 10px; text-align: center;}

/*Barre*/
.section-news, .section-supporter {background: url(../img/purple-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.section-webcam, .section-suppliers {background: url(../img/green-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.section-video {background: url(../img/blue-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px; margin-top: 8px;}
.section-app {background: url(../img/orange-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px; margin-top: 12px;}
.section-sponsor {background: url(../img/oil-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.section-slideshow {background: url(../img/red-right-bar.png) no-repeat; width: 300px; float: right; margin-right: -15px; margin-top: -68px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.section-social {background: url(../img/pink-right-bar.png) no-repeat; width: 300px; float: right; margin-right: -5px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.section-link {background: url(../img/blue-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: -16px;}
.section-link-image {background: url(../img/blue-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: -16px; margin-top: -10px;}
.section-school {background: url(../img/orange-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: -16px; margin-top: -10px;}
.section-rent {background: url(../img/red-left-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: -16px; margin-top: -10px;}
.section-government {background: url(../img/cyan-right-bar.png) no-repeat; width: 300px; float: right; margin-right: -15px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.section-media {background: url(../img/red-right-bar.png) no-repeat; width: 300px; float: right; margin-right: -15px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.section-safety, .section-holidays {background: url(../img/red-left-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px;}
.section-download {background: url(../img/orange-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: -16px;}
.section-subscription {background: url(../img/green-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-top: 10px;}
.section-workingdays {background: url(../img/cyan-left-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-top: 10px;}
.section-asi {background: url(../img/oil-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px;}
.section-ticket {background: url(../img/pink-left-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px;}
.section-injury {background: url(../img/purple-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: -10px;}
.section-contact {background: url(../img/orange-bar.png) no-repeat; width: 300px; margin-left: -10px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}

/*Colonne*/
.col1 {width: 460px; text-align: justify; float: left; margin-right: 8px;}
.col2 {width: 460px; text-align: justify; float: right;}
.clear {clear: both;}
.skilift {width: 260px; float: left; margin-left: 50px}
.two-columns-sm {width: 620px; float: right; margin-left: 30px;}
.skimap {width: 260px; float: left; margin-right: 50px;}
.weather {width: 260px; float: right;}
.mini1 {background: #FFFFFF; padding: 10px; width: 450px; text-align: justify; float: left; margin-right: 8px; box-shadow: 0 2px 2px #333333;}
.mini2 {background: #FFFFFF; padding: 10px; width: 450px; text-align: justify; float: right; box-shadow: 0 2px 2px #333333;}
.col1-sponsor {width: 520px; text-align: left; float: left;	margin-bottom: 10px;}
.col2-sponsor {width: 400px; text-align: right; float: right; margin-bottom: 10px;}

/*Colonne contatti*/
.two-columns-contact-left {width: 460px; float: left; margin: 0;}
.two-columns-contact-right {width: 460px; float: right; margin: 0;}
.col-left {width: 230px; float: left;}
.col-right {width: 230px; float: right;}
.col-image {width: 50px; float: left; margin-right: 10px;}
.col-text {width: 170px; float: right;}
.clear-big {clear: both; height: 20px;}

/*Sponsor*/
.sponsor-wrapper {width: 940px; margin: auto; background: #F2F2F2; padding: 10px; box-shadow: 0 2px 2px #333333;}
.sponsor-home {margin-right: 17px;}
.sponsor-doppio {display: list-item; margin-bottom: 10px;}
#main-sponsor {float: left;}
#doppio-sponsor {float: right;}

/*Elementi*/
#slider-cont {background: #FFFFFF; margin: 0 auto; border: 1px solid #D3D3D3;}
#page-title {width: 960px; margin: auto;}
.galleria {margin-right: 16px; margin-left: 16px; margin-bottom: 10px; margin-top: 10px;}
.pics:hover, .galleria:hover {opacity: 0.8;}
.social {margin-right: -10px;}
.small {font-size: 13px;}
.pics-space, .webcam-icon, .app-store, .social-bottom {margin-right: 10px;}
img {margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;}
p.small-space {margin-top: 10px; margin-bottom: 0;}
.one-link {margin: 0; margin-bottom: 10px;}
.safe {background: url(../img/ski.jpg) #FFFFFF no-repeat bottom right; height: 990px;}
.bold {font-weight: bold;}

/*Tabella*/
td {padding: 4px;}
.red {background: #F1DCDB;}
.blue {background: #C7D9F1;}
.green {background: #D7E3BB;}
.name {width: 70%;}
.price {width: 15%;}
.rates {width: 940px; border: 2px solid #E3E3E3;}

/*Mappa*/
#map {width: 940px; height: 350px;}
#tooltip {width: 150px; height: 120px; font-family: 'Abel', sans-serif; font-size: 16px;}

/*Mobile*/
@media screen and (max-width:1080px) {
	#menu {width: 630px; right: 20px; font-size: 14px;}
	#logo {left: 20px;}
	h1.title {left: 340px;}
	.fb-like-box {border: none;}
	.container-dark {background: url(../img/dark-separator-mobile.png) #222222 top center no-repeat;}
}
@media screen and (max-width:1080px) and (orientation:portrait) {
	.mobile {position: absolute; bottom: 0;}
}

/****************/
/**Social feeds**/
/****************/

.social-feed {font-family: 'Oswald', sans-serif; text-align: right; margin-bottom: 3px; margin-right: 10px;}
.facebook {color: #3C599F;}
.instagram {color: #517FA4;}
.black-twitter {color: #222222; margin-left: 22px;}
.black-instagram {color: #222222; margin-left: 20px;}
.black-facebook {color: #222222; margin-left: 18px;}

/*Twitter*/
.twitter-wrapper {width: 450px; margin-right: 10px; margin-top: 69px; border-radius: 0px; background: #333333; text-align:center; margin-bottom: 16px;}
#twitter-header {width: 440px; height: 40px; background: url(../img/twitter-bar.png) no-repeat #FFFFFF; line-height: 40px; color: #F3F3F3; font-family: 'Oswald', sans-serif; text-align: justify; padding-left: 10px;}
.twitter-follow-button {top: 3px; position: relative;}
.twitter-timeline {margin-bottom: -7px;}

/*Facebook*/
#facebook-header {width: 440px; height: 40px; background: url(../img/facebook-bar.png) no-repeat #FFFFFF; line-height: 40px; color: #F3F3F3; font-family: 'Oswald', sans-serif; text-align: justify; padding-left: 10px;}
#facebook-likebox {border: solid 1px #D3D3D3; width: 448px;}
.fb-like-box {background: #FFFFFF; padding: 0; margin: 0; margin-right: 10px;}

/*Instagram*/
#instagram-header {width: 440px; height: 40px; background: url(../img/instagram-bar.png) no-repeat #FFFFFF; line-height: 40px; color: #F3F3F3; font-family: 'Oswald', sans-serif; text-align: justify; padding-left: 10px; margin-top: 16px;}
#instagram-feed {width: 450px; height: auto; z-index: 2;}
#instagram-feed li {list-style: none;}
#instagram-feed ul {margin: 0; padding: 0;}
#instagram-feed ul li {list-style: none; margin: 0; float: left; width: 90px;}
#instagram-feed ul li img {display: block; width: 100%; height: auto;}
#instagram-feed ul li img:hover {opacity: 0.8; z-index: 2;}

/*Accuweather*/
.aw-widget-current h3 {font-family: 'Abel', sans-serif; text-transform: uppercase;}
.aw-widget-current {width: 211px;}
.aw-temp-time-desc {position: relative; left: 0; font-family: 'Abel', sans-serif;}