﻿@charset "UTF-8";

#title{
	display: none;
}

#visoreHome{margin-bottom:8px;}
/*----------------------------------------
	TITOLO + PULSANTE SLIDER PRINCIPALE
----------------------------------------*/

.boxTitleSlider{
	position: absolute;
	height: 140px;
	width: auto;
}

.BTS-bottomDx{
	/*bottom: 63px;*/
	bottom: 0;
	/*right: 77px;*/
	right: 6.41%;
}

.BTS-bottomDx .titleSlide, .BTS-topDx .titleSlide{
	text-align: right;
}

.BTS-bottomDx .btn_red, .BTS-topDx .btn_red{
	float: right;
}

.BTS-bottomSx .titleSlide, .BTS-topSx .titleSlide{
	text-align: left;
}

.BTS-bottomSx .btn_red, .BTS-topSx .btn_red{
	float: left;
}

.BTS-bottomSx{
	bottom:0;
	left: 6.41%;
}

.BTS-topDx{
	top: 40px;
	right: 6.41%;
}

.BTS-topSx{
	top: 40px;
	left: 6.41%;
}

.boxTitleSlider .titleSlide{
	font-family: 'Muli', sans-serif;
	font-size: 50px;
	font-weight: 300;
	/*color: #444444;*/
	height: 54px;
	overflow: hidden;
}

.grey {
	color:#444;
}

.white {
	color:#fff;
}

.red {
	color:#e90000;
}


.boxTitleSlider .titleSlide span{
	font-weight: bold;
}

.boxTitleSlider .btn_red{
	display: block;
	width: 145px;
	height: 37px;
	background-color: #e90000;
	color: #ffffff;
	line-height: 37px;
	text-align: center;
	text-decoration: none;
	font-family: 'Molengo', sans-serif;
	font-size: 14px;
	margin-top: 10px;
}

.sectionPage{
	height: 403px;
	margin-bottom: 45px;
}

.linkToPage{
	float: left;
	max-width: 597px;
	width: 50%;
	height: 403px;
	background-color: #ffffff;
	overflow: hidden;
}

#autoPage{
	margin-right: 6px;
}

.linkToPage a{
	display: block;
	font-size: 0;
	margin-bottom: 30px;
}

.linkToPage a img{
	width: 100%;
}

.linkToPage h2{
	font-family: 'Muli', sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	color: #e90000;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 10px;
}

.linkToPage p{
	font-family: 'Molengo', sans-serif;
	font-size: 16px;
	color: #333333;
	margin-left: 30px;
	margin-right: 10px;
	line-height: 19px;
}

#autoPage h2{
	text-align: right;
	margin-left: 10px;
	margin-right: 30px;
}

#autoPage p{
	text-align: right;
	margin-left: 10px;
	margin-right: 30px;
}

.sectionSocial{
	height: 450px;
	margin-bottom: 50px;
}

.sectionSocial .boxSocial{
	max-width: 295px;
	width: 25%;
	float: left;
	height: 443px;
	background: #ffffff;
	margin-bottom: 6px;
	margin-right: 6px;
}

.sectionSocial .boxSocial.last{
	margin-right: 0;
}

.sectionSocial .boxSocialVideo{
	max-width: 598px;
	width: 50%;
	float: left;
	height: 443px;
	background: #ffffff;
	margin-bottom: 6px;
}

.sectionSocial .boxSocial .socialHeaderBox, .sectionSocial .boxSocialVideo .socialHeaderBox{
	width: 100%;
	height: 40px;
}

.sectionSocial .boxSocial .socialContentBox, .sectionSocial .boxSocialVideo .socialContentBox{
	margin: 0 40px;
	height: 357px;
}

/*.sectionSocial .boxSocial .socialContentBox .thumb{
    height: 215px;
    width: 215px;
    overflow: hidden;
    display:block;
    }*/


/*.sectionSocial .boxSocial .socialContentBox .thumb img{
    display: block; /* Otherwise it keeps some space around baseline 
    min-width: 100%;    /* Scale up to fill container width 
    min-height: 100%;   /* Scale up to fill container height 
    -ms-interpolation-mode: bicubic; /* Scaled images look a bit better in IE now 
   }*/



.sectionSocial .boxSocial .socialContentBox img{
	max-height: 152px;
	width: 100%;
	position:inherit!important;
}

.sectionSocial .boxSocialVideo .socialContentBox img{
	width: 100%;
}


.sectionSocial .boxSocial .socialFooterBox, .sectionSocial .boxSocialVideo .socialFooterBox{
	height: 29px;
	width: 100%;
	border-top: 1px solid #e9eaed;
	margin-top: 16px;
}

.sectionSocial .boxSocial .socialContentBox p.tit_social_box{
	font-size: 15px;
	color: #8d8d8d;
	font-family: 'Muli', sans-serif;
	height: 30px;
	padding-bottom: 10px;
	padding-top: 3px;
}

.sectionSocial .fb_box .socialContentBox p.tit_social_box a, .sectionSocial .fb_box .socialContentBox p.tit_social_box a:visited{
	color: #537bbd;
	font-weight: bold;
	text-decoration: none;
}

.sectionSocial .fb_box .socialContentBox p.tit_social_box a:hover{
	text-decoration: underline;
}

.sectionSocial .insta_box .socialContentBox p.tit_social_box a, .sectionSocial .insta_box .socialContentBox p.tit_social_box a:visited{
	color: #537bbd;
	font-weight: bold;
	text-decoration: none;
}

.sectionSocial .insta_box .socialContentBox p.tit_social_box a:hover{
	text-decoration: underline;
}

.sectionSocial .boxSocial.insta_box .socialContentBox img{max-width:152px; display:block; margin:0 auto;} 

.sectionSocial .boxSocial .socialContentBox p.text_social_box{
	font-family: 'Muli', sans-serif;
	font-size: 13px;
	color: #333333;
	/*height: 150px;*/
	height:90px;
	margin-bottom: 12px;
	overflow: hidden;
}

.sectionSocial .fb_box .socialContentBox p.text_social_box a, .sectionSocial .fb_box .socialContentBox p.text_social_box a:visited{
	color: #537bbd;
	text-decoration: none;
}

.sectionSocial .fb_box .socialContentBox p.text_social_box a:hover{
	text-decoration: underline;
}

.sectionSocial .tw_box .socialContentBox p.text_social_box a, .sectionSocial .tw_box .socialContentBox p.text_social_box a:visited{
	color: #78cdf0;
	text-decoration: none;
}

.sectionSocial .tw_box .socialContentBox p.text_social_box a:hover{
	text-decoration: underline;
}

.sectionSocial .boxSocialVideo .socialContentBox p.tit_social_box{
	font-size: 15px;
	color: #e63023;
	font-weight: bold;
	font-family: 'Muli', sans-serif;
	padding-bottom: 10px;
	padding-top: 3px;
}

.sectionSocial .boxSocialVideo .socialContentBox p.text_social_box{
	font-family: 'Muli', sans-serif;
	font-size: 13px;
	color: #333333;
	padding-bottom: 10px;
	max-height: 53px;
	overflow: hidden;
}

.content_iframe{
	position: relative;
	padding-bottom: 51.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#y-video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.socialFooterBox a, .socialFooterBox a:visited{
	display: inline-block;
	float: left;
	color: #537bbd;
	font-size: 12px;
	text-decoration: none;
	line-height: 29px;
	padding: 0 5px;
}

.socialFooterBox a img{
	vertical-align: middle;
}

.socialFooterBox a:hover{
	text-decoration: underline;
}

.socialFooterBox p{
	float: left;
	color: #d1d1d1;
	padding: 3px;
	font-size:10px;
	line-height: 25px;
}

.fot_left{
	margin-left: 5px;
}

.fot_right{
	float: right;
	margin-right: 5px;
}

.sectionNews{
	height: 215px;
	margin-bottom: 10px;
}

.sectionNews .sectionTitle{
	height: 50px;
	margin-bottom: 15px;
}

.sectionNews .sectionTitle h3{
	font-family: 'Muli', sans-serif;
	font-weight: lighter;
	font-size: 35px;
	float: left;
	line-height: 50px;
	color: #444444;
	margin-left: 20px;
}

.sectionNews .sectionTitle h3 span{
	font-weight: bold;
}

.sectionNews .boxNews{
	height: 150px;
}

.sectionNews .redBoxNews{
	width: 46px;
	height: 150px;
	background: #e90000;
	float: left;
}

.sectionNews .redBoxNews p{
	color: #ffffff;
	font-family: 'Muli', sans-serif;
	font-weight: bold;
	font-size: 17px;
	padding: 8px;
}

.sectionNews .redBoxNews p.newsMobile{
	display: none;
}

.sectionNews .contentNews{
	float: left;
	height: 150px;
	max-width: 544px;
	width: 100%;
	margin: 0 5px;
	background: url(../images/arrow_news.gif) no-repeat right #ffffff;
}

.sectionNews .news{
	display: block;	
	text-decoration: none;
}

.sectionNews .contentNews p.newsDate{
	color: #444444;
	font-size: 14px;
	font-family: 'Muli', sans-serif;
	padding-top: 35px;
	padding-left: 30px;
	padding-bottom: 20px;
	padding-right: 58px;
}

.sectionNews .contentNews h4{
	color: #000000;
	font-size: 22px;
	font-family: 'Muli', sans-serif;
	padding-left: 30px;
	padding-right: 58px;
	font-weight: 900;
	max-height: 70px;
	overflow: hidden;
}

.sectionHighlight{
	margin-bottom: 10px;
}

#slider_highligt li a{
	display: block;
	text-decoration: none;
}

/*------------------------------
	MEDIA SCREEN
-------------------------------*/

@media screen and (max-width: 767px){
	.boxTitleSlider{
		height: auto;
	}

	.boxTitleSlider .titleSlide{
		font-size: 20px;
		height: auto;
		background: url(../images/bg_white.png) repeat;
		padding: 6px;
	}

	.boxTitleSlider .btn_red{
		font-size: 12px;
		width: 100px;
		height: 30px;
		line-height: 30px;
	}

	.sectionPage{
		height: auto;
		min-height: 600px;
	}

	.linkToPage{
		max-width: 100%;
		width: 100%;
		min-height: 300px;
		height: auto;
	}

	.linkToPage p{
		padding-bottom: 20px;
	}

	.sectionPage p, .sectionPage h2, #autoPage h2, #autoPage p{
		margin: 0 15px;
	}

	.sectionNews .redBoxNews p.newsMobile{
		display: block;
		line-height: 40px;
		padding: 0 20px;
	}

	.sectionNews .redBoxNews p.newsDesktop{
		display: none;
	}

	.sectionNews .sectionTitle h3{
		font-size: 25px;
	}

	.sectionNews .sectionTitle img{
		margin-right: 20px;
	}

	.sectionNews .redBoxNews{
		float: none;
		width: 100%;
		height: 40px;
	}

	.sectionNews{
		height: auto;
		min-height: 500px;
	}

	.sectionNews .contentNews{
		float: none;
		width: 100%;
		margin: 15px 0;
	}

	.sectionNews .contentNews p.newsDate{
		padding: 15px 58px 15px 20px;
		font-size: 13px;
	}

	.sectionNews .contentNews h4{
		padding-left: 20px;
		font-size: 17px;
		height: 102px;
		overflow: hidden;
	}

	.sectionNews .news{
		max-width: 544px;
		width: 100%;
		margin: 0 auto;
	}

}

@media screen and (max-width: 639px){
	.sectionSocial{
		height: auto;
	}

	.sectionSocial .boxSocial, .sectionSocial .boxSocialVideo{
		float: none;
		max-width: 96%;
		width: 96%;
		margin: 2%;
	}

	.sectionSocial .boxSocial .socialContentBox img{
		display: block;
		margin: 0 auto;
		width: auto;
	}

	.sectionSocial .boxSocial .socialContentBox p.tit_social_box, .sectionSocial .boxSocial .socialContentBox, .sectionSocial .boxSocialVideo .socialContentBox, .sectionSocial .boxSocial{
		height: auto;
	}

	.sectionSocial .boxSocialVideo{
		padding-bottom: 20px;
		height: auto;
	}

	.sectionSocial .boxSocial .socialContentBox p.text_social_box, .sectionSocial .boxSocialVideo .socialContentBox p.text_social_box{
		height: auto;
		max-height: 100%;
	}
}

@media screen and (min-width: 640px) and (max-width: 979px){
	.sectionSocial .boxSocial{
		width: 49%;
		max-width: 49%;
		margin-right: 0;
	}

	.sectionSocial .boxSocialVideo{
		min-height: 500px;
	}

	.sectionSocial .boxSocialVideo .socialContentBox p.text_social_box{
		max-height: 34px;
	}

	.sectionSocial .boxSocial.boxSx{
		margin-right: 2%;
	}

	.sectionSocial .boxSocialVideo{
		width: 100%;
		max-width: 100%;
	}

	.sectionSocial{
		height: 1850px;
		margin-top: 50px;
	}

	.sectionSocial .boxSocial .socialContentBox img{
		display: block;
		margin: 0 auto;
		width: auto;
	}

	.content_iframe{
		position: static;
		padding: 0;
		height: auto;
	}

	#y-video{
		margin: 30px auto;
		display: block;
		position: static;
		width: 518px;
		height: 294px;
	}
}

@media screen and (min-width: 980px) and (max-width: 1200px){
	.sectionSocial .boxSocial{
		width: 24%;
		margin-right: 1%;
	}

	.socialFooterBox a, .socialFooterBox a:visited {
		padding: 0 2px;
		font-size: 11px;
	}

	.fot_right, .fot_left{
		margin: 0;
	}

	.sectionSocial .boxSocial .socialContentBox p.tit_social_box {
		padding-bottom: 0;
		margin-bottom: 10px;
		height: 45px;
	}

	.sectionSocial .boxSocial .socialContentBox p.text_social_box{
		height: 145px;
		margin-bottom: 17px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1200px){
	.linkToPage{
		width: 49%;
	}

	.linkToPage{
		min-height: 330px;
		height: auto;
	}

	.linkToPage h2{
		height: 36px;
		overflow: hidden;
	}

	.linkToPage p{
		height: 60px;
		overflow: hidden;
		padding-bottom: 15px;
	}

	#autoPage{
		margin-right: 2%;
	}

	.sectionPage p, .sectionPage h2, #autoPage h2, #autoPage p{
		margin: 0 15px;
	}

	.sectionPage{
		height: auto;
	}

	.sectionSocial{
		margin-top: 50px;
	}

	.sectionNews .redBoxNews{
		width: 4%;
	}

	.sectionNews .redBoxNews p{
		padding: 4px;
		font-size: 14px;
	}

	.sectionNews .contentNews p.newsDate{
		padding: 15px 58px 15px 15px;
	}

	.sectionNews .contentNews h4{
		padding-left: 15px;
		height: 90px;
		overflow: hidden;
		font-size: 18px;
	}

	.sectionNews .contentNews{
		width: 45%;
		margin: 0 0.5%;
	}

	.sectionNews .sectionTitle img{
		margin-right: 20px;
	}
}