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

/* HOMEPAGE
========================================================================================== */ 

/**
 * ombre sul testo
 */
.homewrp .title_1{text-shadow: 1px 1px 4px #555,-1px -1px 4px #555;}
.homewrp .title_2{text-shadow: 1px 1px 2px #555,-1px -1px 2px #555;}
.homewrp .address, .homewrp .date {text-shadow: 1px 1px 2px #555,-1px -1px 2px #555;}
.homewrp .button {text-shadow: 1px 1px 1px #555;}
.homewrp .button a:hover {text-shadow: none;}


/* Fascia 600px 100% / 400px 100%
------------------------------------------------------------------------------------------ */ 
.wrp_img_600px_100p,
.wrp_img_400px_100p{
	width: 100%;
	height: 599px;
	padding-top: 1px;
	margin: 0 0 5px 0;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #FFF;
}

	.wrp_img_600px_100p span:nth-of-type(1),
	.wrp_img_400px_100p span:nth-of-type(1){
		width: 100%;
		height: 100%;
		position: absolute;
		/*background: url(../layout_image/bg_layer_600px.png) repeat-x left bottom;*/  /* commentato da martina il 1/12/2015 su richiesta di g.donadini via mail */
	}
	/*.wrp_img_400px_100p span:nth-of-type(1){ background-image: url(../layout_image/bg_layer_400px.png); }*/  /* commentato da martina il 1/12/2015 su richiesta di g.donadini via mail */

	.wrp_img_600px_100p .title_1,
	.wrp_img_400px_100p .title_1{
		margin: 363px 0 0 28px;
		position: relative;
		font-size: 34px;
		text-transform: uppercase;
	}
	.wrp_img_600px_100p .title_1 a:hover,
	.wrp_img_400px_100p .title_1 a:hover{ color: #FFF; opacity: 0.8; }

	.wrp_img_600px_100p .title_2,
	.wrp_img_400px_100p .title_2{
		margin: 10px 0 0 28px;
		position: relative;
		font-size: 24px;
		font-weight: 300;
	}
	.wrp_img_600px_100p span.address,
	.wrp_img_400px_100p span.address{
		display: block;
		margin: 0;
		top: 465px;
		left: 28px;
		position: absolute;
		font-size: 18px;
		font-weight: 600;
	}
	.wrp_img_600px_100p strong.date,
	.wrp_img_400px_100p strong.date{
		display: block;
		margin: 0;
		top: 488px;
		left: 28px;
		position: absolute;
		font-size: 18px;
		font-weight: 600;
	}
	.wrp_img_600px_100p .button,
	.wrp_img_400px_100p .button{
		width: auto;
		height: auto;
		overflow: hidden;
		top: 540px;
		left: 28px;
		position: absolute;
		display: inline-block;
	}
	
	.wrp_img_600px_100p .button a, 
	.wrp_img_400px_100p .button a{
		padding: 10px 20px;
		margin: 0 10px 0 0;
		position: relative;
		display: inline-block;
		border: 1px solid #FFF;
		font-size: 10px;
		font-weight: 600;
		line-height: 10px;
		text-transform: uppercase;
        background: #FFF;
        color: #262626;
        text-shadow: none;
	}
	.wrp_img_600px_100p .button a:hover,
	.wrp_img_400px_100p .button a:hover{ background-color: transparent; color: inherit; }

/* Fascia 400px 100% (altre definizioni come 600px 100%)
------------------------------------------------------------------------------------------ */ 
.wrp_img_400px_100p{ height: 399px; }
	.wrp_img_400px_100p .title_1{ margin-top: 185px; }
	.wrp_img_400px_100p .title_2{ margin-top: 8px; }
	.wrp_img_400px_100p span.address{ top: 268px; }
	.wrp_img_400px_100p strong.date{ top: 289px; }
	.wrp_img_400px_100p .button{ top: 340px; }



/* Fascia 300px 100% / 50% / 33% / 25%
------------------------------------------------------------------------------------------ */ 
.wrp_grid_img_300px_100p{
	width: 100%;
	height: 300px;
	position: relative;
	margin-bottom: 5px;
}
.wrp_img_300px_100p,
.wrp_img_300px_50p,
.wrp_img_300px_33p,
.wrp_img_300px_25p{
	width: 100%;
	height: 300px;
	margin: 0 0 0 -5px;
	border-left: 5px solid #FFF;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #FFF;
}

	.wrp_img_300px_100p span:nth-of-type(1),
	.wrp_img_300px_50p span:nth-of-type(1),
	.wrp_img_300px_33p span:nth-of-type(1),
	.wrp_img_300px_25p span:nth-of-type(1){
		width: 100%;
		height: 100%;
		position: absolute;
		/*
		OMBREGGIATURA DA DECOMMENTARE SE IMMAGINE DI SFONDO CHIARA PERCHÉ TESTO BIANCO
		background: url(../layout_image/bg_layer_300px.png) repeat-x left bottom;  
		*/
	}

	.wrp_img_300px_100p .title_1,
	.wrp_img_300px_50p .title_1,
	.wrp_img_300px_33p .title_1,
	.wrp_img_300px_25p .title_1{
		margin: 160px 28px 0 28px;
		position: relative;
		font-size: 24px;
		text-transform: uppercase;
		line-height: 24px;
	}

	.wrp_img_300px_100p .title_1 a:hover,
	.wrp_img_300px_50p .title_1 a:hover,
	.wrp_img_300px_33p .title_1 a:hover,
	.wrp_img_300px_25p .title_1 a:hover{ color: #FFF; opacity: 0.8; }

	.wrp_img_300px_100p .title_2,
	.wrp_img_300px_50p .title_2,
	.wrp_img_300px_33p .title_2,
	.wrp_img_300px_25p .title_2{
		margin: 6px 0 0 28px;
		position: relative;
		font-size: 14px;
		font-weight: 300;
		line-height: 14px;
	}
	.wrp_img_300px_100p span.address,
	.wrp_img_300px_50p span.address,
	.wrp_img_300px_33p span.address,
	.wrp_img_300px_25p span.address{
		display: block;
		top: 235px;
		left: 28px;
		margin: 0;
		position: absolute;
		font-size: 14px;
		font-weight: 600;
		line-height: 14px;
	}
	.wrp_img_300px_100p strong.date,
	.wrp_img_300px_50p strong.date,
	.wrp_img_300px_33p strong.date,
	.wrp_img_300px_25p strong.date{
		display: block;
		margin: 0;
		top: 255px;
		left: 28px;
		position: absolute;
		font-size: 14px;
		font-weight: 600;
		line-height: 14px;
	}

/* Fascia 300px 50%
------------------------------------------------------------------------------------------ */ 
.wrp_img_300px_50p{ width: 50%; }

/* Fascia 300px 33%
------------------------------------------------------------------------------------------ */ 
.wrp_img_300px_33p{ width: 33.333%; }

/* Fascia 300px 25%
------------------------------------------------------------------------------------------ */ 
.wrp_img_300px_25p{ width: 25%; }


/* Fascia Special, auto 100%
------------------------------------------------------------------------------------------ */ 
.wrp_auto_100p{
	height: auto;
	width: 100%;
	padding: 40px 0;
	margin-bottom: 5px;
	background: #E6E2DF;
}
	.wrp_img_text_auto_1000px{
		width: 1000px;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		line-height: 0;
		position: relative;
	}
		.wrp_img_text_auto_1000px img{
			margin-right: 40px;
			float: left;
			position: relative;
		}
		.wrp_img_text_auto_1000px .container_text{
			width: auto;
			float: left;
			position: relative;
			line-height: 19px;
			overflow: hidden;
		}
		.wrp_img_text_auto_1000px .container_text h1{ font-size: 34px; margin: 0; line-height: 36px; }
		.wrp_img_text_auto_1000px .container_text h2{ font-size: 30px; margin: 0; line-height: 32px; }
		.wrp_img_text_auto_1000px .container_text h3{ font-size: 24px; font-weight: 600; margin: 0; line-height: 26px; }
		.wrp_img_text_auto_1000px .container_text h4{ font-size: 13px; font-weight: 300; margin: 0;  line-height: 19px; text-transform: uppercase; }

		.wrp_img_text_auto_1000px .dinamic_link{
			padding: 10px 15px;
			display: inline-block;
			position: absolute;
			bottom: 0px;
			left: 0px;
			border: 1px solid #4a4a4a;
			font-size: 10px;
			font-weight: 700;
			text-transform: uppercase;
			line-height: 10px;
			color: #4a4a4a;
		}
		.wrp_img_text_auto_1000px .dinamic_link:hover{ background: #4a4a4a; color: #FFF; }

/* Fascia INFO [x1] [x2] [x3]
------------------------------------------------------------------------------------------ */ 
.wrp_info_x1,
.wrp_info_x2,
.wrp_info_x3{
	width: 100%;
	height: 300px;
	margin-bottom: 5px;
	position: relative;
}
	.wrp_info_x1 .box_info,
	.wrp_info_x2 .box_info,
	.wrp_info_x3 .box_info{
		width: 50%;
		height: 300px;
		margin-left: -5px;
		border-left: 5px solid #FFF;
		position: relative;
		float: left;
	}
	.wrp_info_x1 .box_info .img,
	.wrp_info_x2 .box_info .img,
	.wrp_info_x3 .box_info .img{
		width: 50%;
		height: 300px;
		float: left;
		position: relative;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.wrp_info_x1 .box_info .text,
	.wrp_info_x2 .box_info .text,
	.wrp_info_x3 .box_info .text{
		width: 50%;
		height: 300px;
		float: left;
		position: relative;
		color: #FFF;
	}
		.wrp_info_x1 .box_info .text h5,
		.wrp_info_x2 .box_info .text h5,
		.wrp_info_x3 .box_info .text h5{
			margin: 0 40px 0 0;
			display: inlne-block;
			top: 40px;
			left: 40px;
			position: absolute;
			line-height: 12px;
			font-size: 16px;
			font-weight: 300;
			font-style: italic;
		}
		.wrp_info_x1 .box_info .text h3,
		.wrp_info_x2 .box_info .text h3,
		.wrp_info_x3 .box_info .text h3{
			margin: 0 40px 0 0;
			display: inlne-block;
			top: 60px;
			left: 40px;
			position: absolute;
			line-height: 27px;
			font-size: 30px;
			font-weight: 700;
			text-transform: uppercase;
		}
		.wrp_info_x1 .box_info .text div,
		.wrp_info_x2 .box_info .text div,
		.wrp_info_x3 .box_info .text div{
			margin: 0 40px 0 0;
			display: inlne-block;
			top: 125px;
			left: 40px;
			position: absolute;
			line-height: 18px;
			font-size: 14px;
			font-weight: 300;
			color: #FFF;
		}
		.wrp_info_x1 .box_info .text div p,
		.wrp_info_x2 .box_info .text div p,
		.wrp_info_x3 .box_info .text div p{ margin: 0; }

		.wrp_info_x1 .box_info .text .link,
		.wrp_info_x2 .box_info .text .link,
		.wrp_info_x3 .box_info .text .link{
			top: 230px;
			left: 40px;
			position: absolute;
			padding: 10px 15px;
			display: inline-block;
			border: 1px solid #FFF;
			font-size: 10px;
			font-weight: 700;
			line-height: 10px;
			text-transform: uppercase;
		}

		.wrp_info_x1 .box_info .text .link:hover,
		.wrp_info_x2 .box_info .text .link:hover,
		.wrp_info_x3 .box_info .text .link:hover{ background: #FFF; }

		.wrp_info_x1 .box_info .text .links_wrapper,
		.wrp_info_x2 .box_info .text .links_wrapper,
		.wrp_info_x3 .box_info .text .links_wrapper{
			top: 230px;
			left: 40px;
			position: absolute;
		}
			.wrp_info_x1 .box_info .text .links_wrapper .link,
			.wrp_info_x2 .box_info .text .links_wrapper .link,
			.wrp_info_x3 .box_info .text .links_wrapper .link {
				margin-right: 10px;
				position: relative;
				top: 0;
				left: 0;
			}

	.wrp_info_x1 .box_info{ width: 100%; }
	.wrp_info_x3{ height: 600px; }
	.wrp_info_x3 .box_info{ width: 33.333%; height: 600px; }
	.wrp_info_x3 .box_info .img{ width: 100%; }
	.wrp_info_x3 .box_info .text{ width: 100%; }

/* Fascia News, basta sulla versione da 3 o più news
------------------------------------------------------------------------------------------ */ 
.wrp_news{
	width: 100%;
	height: auto;
	padding: 40px 0 0 0;
	overflow: hidden;
	margin-bottom: 5px;
	overflow: hidden;
	background: #50a5bd;
	color: #FFF;
	text-align: center;
	position: relative;
}
	.wrp_news a:hover{ opacity: 0.7; color: #FFF; }
	.wrp_news a:hover h3{ text-decoration: underline; }

	.wrp_news h2{
		width: auto;
		height: 29px;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #FFF;
		display: inline-block;
		font-size: 30px;
		text-transform: uppercase;
	}
	.wrp_news .hsn_window_slide{
		width: 854px; /* 1px in meno, in modo da nascondere il bordo sx dello slide posizionato a sx */
		height: 365px;
		margin: 40px auto 60px auto;
		position: relative;
		overflow: hidden;
	}
		.wrp_news .hsn_window_slide .slider{
			width: auto;
			height: 365px;
			left: -1px; /* 1px in meno, in modo da nascondere il bordo sx dello slide posizionato a sx */
			position: absolute;
		}
		.wrp_news .hsn_window_slide .box_news{
			width: 284px;
			height: 365px;
			float: left;
			position: relative;
			border-left: 1px solid #FFF;
			text-align: left;
		}
		.wrp_news .hsn_window_slide .box_news:nth-of-type(1){ border-left: 1px solid #50a5bd; }
		
		.wrp_news .hsn_window_slide .box_news a{ display: block; }
		.wrp_news .hsn_window_slide .box_news img{ width: 264px; height: auto; margin: 0 auto; display: block; }
		.wrp_news .hsn_window_slide .box_news h5{
			top: 145px;
			left: 54px;
			margin: 0 15px 0 0;
			position: absolute;
			font-size: 13px;
			font-weight: 600;
			font-style: italic;
		}

		.wrp_news .hsn_window_slide .box_news h3{
			top: 170px;
			left: 54px;
			margin: 0 15px 0 0;
			position: absolute;
			font-size: 16px;
			font-weight: 800;
			text-transform: uppercase;
		}

		.wrp_news .hsn_window_slide .box_news .text{
			top: 270px;
			left: 54px;
			margin: 0 15px 0 0;
			position: absolute;
			font-size: 14px;
			font-weight: 400;
			font-style: italic;
		}
		.wrp_news .hsn_window_slide .box_news .text p{ margin: 0; }
		
		
	.sld_arrow_sx,
	.sld_arrow_dx{
		width: 33px;
		height: 33px;
		margin-left: -500px;
		top: 288px;
		left: 50%;
		displaty: block;
		position: absolute;
		z-index: 2;
		background: url(../layout_image/frecce_news_homepage.svg) no-repeat left bottom;
		cursor: default;
	}
	.sld_arrow_dx{ margin-left: 467px; background-position: right bottom; }

	.sld_arrow_sx.active{ background-position: left top; cursor: pointer; }
	.sld_arrow_dx.active{ background-position: right top; cursor: pointer; }

	.sld_arrow_sx.active:hover{ background-position: left -33px; }
	.sld_arrow_dx.active:hover{ background-position: right -33px; }
	
	.sld_arrow_sx span,
	.sld_arrow_dx span{ display: none; }

		/* News da 2
		------------------------------------------------------------------------------------------ */ 
		.wrp_news .hsn_window_slide.x2 .box_news{ width: 426px; }
		.wrp_news .hsn_window_slide.x2 .box_news:nth-of-type(1){ border-left: 1px solid #50a5bd; }
		.wrp_news .hsn_window_slide.x2 .box_news img{ width: 400px; height: auto; }
		.wrp_news .hsn_window_slide.x2 .box_news h5{ top: 219px; }
		.wrp_news .hsn_window_slide.x2 .box_news h3{ top: 231px; }
		.wrp_news .hsn_window_slide.x2 .box_news .text{ top: 307px; }

		/* News da 1
		------------------------------------------------------------------------------------------ */ 
		.wrp_news .hsn_window_slide.x1{ height: 200px; }
		.wrp_news .hsn_window_slide.x1 .box_news{ width: 854px; height: 200px; border: 0px; }
		.wrp_news .hsn_window_slide.x1 .box_news img{ margin: 0; width: 400px; height: auto; }
		.wrp_news .hsn_window_slide.x1 .box_news h5{ top: 27px; left: 460px; }
		.wrp_news .hsn_window_slide.x1 .box_news h3{ top: 31px; left: 460px; }
		.wrp_news .hsn_window_slide.x1 .box_news .text{ top: 90px; left: 460px; }

	


/* Fascia Quaderno
------------------------------------------------------------------------------------------ */ 
.wrp_quaderno{
	width: 100%;
	height: auto;
	padding: 40px 0 30px 0;
	margin-bottom: 5px;
	overflow: hidden;
	background: #EAE6DB;
	color: #6B614A;
	text-align: center;
	position: relative;
}
	.wrp_quaderno h2{
		width: auto;
		height: 29px;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #6B614A;
		display: inline-block;
		font-size: 30px;
		text-transform: uppercase;
	}
	.wrp_quaderno .text{
		width: 990px;
		margin: 20px auto 25px auto;
		font-family: 'Arapey', Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		font-style: italic;
	}
	.wrp_quaderno img{
		width: 100%;
		max-width: 1254px;
		height: auto;
	}
	.wrp_quaderno a.button{
		padding: 17px 34px;
		margin-top: 30px;
		display: inline-block;
		clear: left;
		border: 1px solid #6b614a;
		font-size: 14px;
		font-weight: 700;
		line-height: 14px;
		color: #6b614a;
		text-tranSform: uppercase;
	}
	.wrp_quaderno a.button:hover{ background: #6b614a; color: #ebe6da; }


/* Fascia Facebook
------------------------------------------------------------------------------------------ */ 
.wrp_facebook{
	width: 100%;
	height: auto;
	padding: 40px 0 30px 0;
	margin-bottom: 5px;
	overflow: hidden;
	background: #3b5998;
	color: #FFF;
	text-align: center;
	position: relative;
}
	.wrp_facebook h2{
		width: auto;
		height: 29px;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #FFF;
		display: inline-block;
		font-size: 30px;
		text-transform: uppercase;
	}
	.wrp_facebook .intro{
		margin: 20px auto 0 auto;
		font-family: 'Arapey', Georgia, "Times New Roman", Times, serif;
		font-size: 21px;
		font-style: italic;
	}
	.wrp_facebook a.button{
		padding: 10px 20px;
		margin-top: 35px;
		display: inline-block;
		clear: left;
		border: 1px solid #FFF;
		font-size: 10px;
		font-weight: 800;
		line-height: 10px;
		color: #FFF;
		text-transform: uppercase;
	}
	.wrp_facebook a.button:hover{ background: #FFF; color: #3b5998; }

	.wrp_facebook .likes{
		margin: 25px auto 0 auto;
		font-size: 11px;
		font-weight: 800;
	}

	.wrp_facebook .posts_wrap {
		width: 1025px;
		margin: 25px auto 0 auto;
	}
	
	.wrp_facebook .post  {
		float: left;
		border: 1px solid #fff;
		width: 300px;
		padding: 10px 10px 0 10px;
		margin-left: 20px;
		text-align: left;
	}
	.wrp_facebook .post:first-child {margin-left: 0;}

		.wrp_facebook .post .content {padding: 0 8px;}

			.wrp_facebook .post .content p{margin: 0;}
		
			.wrp_facebook .post .ico {
				float: left;
				margin: 10px 0 0 0;
			}
			
			.wrp_facebook .post .name {
				float: left;
				margin: 22px 0 0 10px;
				font-size: 15px;
			}
				.wrp_facebook .post .name a:hover {text-decoration: underline; color: #fff;}

			.wrp_facebook .post .date {
				font-size: 11px;
			}

			.wrp_facebook .post .message {
				clear: both;
				padding-top: 10px;
			}

		
		
		.wrp_facebook .post a.imagebox {
			display: block;
			position: relative;
			margin-bottom: 10px;
		}

			.wrp_facebook .post .imagebox{display: block; width: 300px; margin-top: 20px; position: relative;}
				.wrp_facebook .post .imagebox img{display: block; width: 300px; position: relative;}
				
				.wrp_facebook .post .titles{
					display: block;
					padding: 15px 20px;
					position: absolute;
					left: 0;
					right: 0;
					bottom: 0;
					background: #e9eaed;
					color: #000;
					z-index: 2;
				}
					.wrp_facebook .post .title {display: block;font-size: 18px; font-weight: 600;}
					.wrp_facebook .post .subtitle {display: block;font-size: 11px;}
			
			.wrp_facebook .post.type_link .imagebox{height: 225px; overflow: hidden;}

		.wrp_facebook .post .socialbox {
			width: 100%;
			height: 17px;
			background: #e9eaed;
			margin: 0px 0 0 -10px;
			padding: 15px 10px;
			color: #000;
			overflow: hidden;
			font-size: 11px;
			font-weight: 700;
		}

			.wrp_facebook .post .socialbox span {float: right;}
			.wrp_facebook .post .socialbox span:first-child {float: left;}

/* Fascia Live
------------------------------------------------------------------------------------------ */ 
.wrp_live{
	width: 100%;
	height: auto;
	padding: 40px 0;
	margin-bottom: 5px;
	overflow: hidden;
	background: #3b5998;
	color: #FFF;
	text-align: center;
	position: relative;
}
	.wrp_live h2{
		width: auto;
		display: inline-block;
		line-height: 1.2;
		padding-bottom: 0.25em;
		margin: 0 0 25px 0;
		padding: 0;
		border-bottom: 1px solid #FFF;
		font-size: 30px;
		text-transform: uppercase;
	}

	.wrp_live p {
		margin: 0 0 25px 0;
		font-size: 16px;
		line-height: 1.4;
	}

	.wrp_live img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}