/* SITE STYLES */

/* COMMON */
.Clear{			clear:both;		font-size:1px;		visibility:hidden;		}

.BkWhite{		background-color:#FFFFFF !important;		}

.Georgia{		font-family:Georgia, "Times New Roman", Times, serif !important;	}
.OpenSans{	font-family:Open Sans, Arial, Helvetica, sans-serif !important;	}

.BkNRC{			background-repeat:no-repeat; background-position:center;	}

/* SOCIAL and ICONS */
.FB { 	background-image:url(../imgs/social/fb.png); 	}
.YT { 	background-image:url(../imgs/social/yt.png); 	}
.PT { 	background-image:url(../imgs/social/pt.png); 	}
.IS { 	background-image:url(../imgs/social/is.png); 	}
.HZ { 	background-image:url(../imgs/social/hz.png); 	}
.IN { 	background-image:url(../imgs/social/in.png); 	}
.SH { 	background-image:url(../imgs/head/search_ico.png); 	}
.MS { 	background-image:url(../imgs/head/wish-ico-bw.png); }
.MSfull{background-image:url(../imgs/head/wish-ico-red.png); }

/* */
.SP, .SH, .MS{		 background-position:left center; background-repeat:no-repeat;	}
.SP{ 	width:28px;	height:23px;	/*	display:inline-block;	*/	float:left;	}
.SH{	width:42px;	height:inherit;		border-left:1px solid #CCC;	border-right:1px solid #CCC;	transition:width .4s; 	position:absolute;	}
.MS{	padding-left:22px !important;	}

/* SEARCH */
.SH				.List{	width:250px;		margin-left:-1px;	padding:5px;		}
.SH:hover .List{	height:40px;	}
.SH:hover{				width:250px;	}
.SH	input[type="text"]{			width:210px;	border-right:none;	}
.SH	input[type="submit"]{		width:25px;	}

/* MY SELECTION */
.MS 			.List{	width:260px;		 margin-left:-160px;	padding-top:0px;			}
.MS:hover .List{	height:280px;		 	}
.MS	.Bts{		border-top:1px solid #CCC;	padding-top:10px;	text-align:center;		}



/* CLASSE NON VISIBILE SE NON SI E' AMMINISTRATORI*/
.AdminSolo { display:none; }


/* CONTENT AND PAGES */
.Content{		text-align:center;		}
.Page{			text-align:left;	min-width:768px;			}
.PageMML{		margin-left:170px;			}
.PageMMM{ 	width:170px;	left:0;		padding-top:40px;		position:absolute;	z-index:99;	background-color:#FFF;				} 	
.PageMMFix{	position:fixed;		top:0px;	}

.PageMML#PagePart0{	min-height:80vh;	}
	
/* HEAD MAIN */
.Head {				height:40px;	position:fixed;		width:100%;		min-width:320px;		top:0;	left:0;		z-index:100;		border-bottom:1px solid #CCC;		min-width:768px;		}
.HeadH{				height:50px; 	}
.Head ul{			list-style:none;		display:block; 	}


.Head .List{	height:0px;	top:39px;	position:absolute;	overflow:hidden; 	border:1px solid #c5c4c4;	border-top:none;	background-color:#FFF;	opacity:0;	filter:alpha(opacity=0);	transition:height .4s, opacity .6s, filter .6s;	}
.Head .ListOver:hover	.List{		opacity:1;	filter:alpha(opacity=100);	}

.Head .Logo{	display:inline-block;	width:200px;	height:inherit;	background-image:url(../imgs/head/zucchetti-kos.png);			}

/* */
.HeadInfo{		height:inherit; 		text-align:center;	}

/* INFO MENU */
.IMenu{			height:inherit;		position:absolute;		right:0px;	}	
.IMenu .l0{	height:inherit;		float:left;		}
.IMenu .a0{	height:inherit;		display:block;	padding:10px 30px 0 0;		color:#747474;	cursor:pointer;		transition:color .3s;	}
.IMenu .a0:hover{	color:#a7a7a7;	}

/* LANG */
.Lang{				width:110px;		background-image:url(../imgs/head/language.jpg);		background-repeat:no-repeat; 		background-position:3px 12px;		}
.Lang span{		text-align:center;	}
.Lang 			.List{	width:90px;		margin-left:5px; 	}
.Lang:hover .List{	height:150px;	}
.Lang li{		color:#747474;	width:100%;		text-align:right;		padding:2px 5px;	}
.Lang a{		color:#000;		}

/* HEAD MAIN - MENU */
.PageMMM .Social{		padding-top:70px;			text-align:center;		}
.PageMMM .Social p{	padding-bottom:20px;	}


/* */
.MMenu{			padding:40px 18px;	}

/* */
.MM{					list-style:none;		text-align:left;		}
.MM li{				display:block;			}
.MM a{				display:block;		cursor:pointer;		transition:color .5s;		}
.MM a:hover{	color:#000;	/*color:#666; font-weight:bold;	*/	}
/* */
.MM .l0:last-child a.a0{	padding-left:8px;		background-image:url(../imgs/menu/dot.png);		background-repeat:no-repeat; 	background-position:0px 37px;	}
.MM .a0{							text-transform:uppercase;		padding:30px 0 5px 0;		}
.MM .a0open{					font-weight:bold;		color:#000;		}
/*
.a0 span{	display:inline-block;		background-image:url(../img/menu/arrow.png);	height:8px;		width:12px;	margin-left:5px;	}
*/
.MM .MSub1{				height:0px;		overflow:hidden;	transition:height .4s;		border-bottom:1px solid #000;		}
.MM .MSub1open{		height:auto;	}		
.MM .a1{					text-transform:uppercase;		padding:0 0 5px 0;	}
.MM .a1open{			font-weight:bold;		color:#000;			}
/* */
.MM .Ins2{				padding:0 0 10px 15px;							}
.MM .a2{					padding:2px 0;			color:#6c6b6b;	}
.MM .a2open{			font-weight:bold;		color:#000;			}


/* SIDE MENU RESPONSIVE */
#MediaMenu{									display:none;		}
.media-menu-open	.Head{		left:250px;			}

/* BREADCRUMP */
.BradCrumbs{	padding:20px 0;	 font-size:12px;	float:left;	}
.BradCrumbs{ 						line-height:40px;		padding:20px 0;  }
.BradCrumbs .PagePath{ 	font-size:12px;		}
.BradCrumbs a{					transition:color .3s;		}


/* FOOTER */
.Footer{					height:40px;		font-size:11px;	border:1px solid #CCC;		border-right:none;	color:#747474;	background-color:#FFF;		}	
.Footer .Copy{		height:inherit;			float:left;		padding:10px 10px 0 10px;		border-right:1px solid #CCC;		}
.FMenu{						padding-left:30px;	float:left;		}
.FMenu ul{				list-style:none;			}
.FMenu li{				float:left;		}
.FMenu a{					display:block;	padding:10px 30px 0 0;	transition:color .5s;		cursor:pointer;			}
.FMenu a:hover{		color:#000;			}

.Footer .Social{		float:right;	padding:7px 30px;	}

.Footer .Credits{		float:right;	position:relative;		cursor:pointer;		}


/* G36 CREDITS */
.G36_Credits{ 				width:290px;	height:230px;		margin:-270px 0 0 -250px;		position:absolute; 	z-index:999;	background-color:#FFFFFF; border:1px solid #CCCCCC; text-align:left; }
.G36_CreditsFrame{ 		width:290px;	height:210px;		border:none;	overflow:hidden;	}
.G36_CreditsBtClose{ 	text-align:right;		padding:3px 5px; 	cursor:pointer;  	}
.G36_CreditsImg{			border:none;	}


/* ANIMATION */
.Anim{			transition:opacity 1s ease-in-out, filter 1s ease-in-out;	}
.AnimBlock{	min-height:10px;	}
.FadeOut{		opacity:0;	  filter:alpha(opacity=0);		}
.FadeIn{		opacity:1;	  filter:alpha(opacity=100);	}

/* SHARE */
.Share{			
				padding:5px 35px 5px 0;	font-size:10px; text-transform:uppercase;	  background-position:center right; background-repeat:no-repeat;	
}
.ShareP{	float:right;			margin:-35px -25px 0 0;		}
.SharePD{	float:left;				}
.ShareO{	float:right;			margin:10px 10px 0 0;		position:absolute; 	z-index:1;	right:20px;	}



/* BT - ALPHA */
.BtA{				opacity:1;	  filter:alpha(opacity=100);	transition:opacity .3s, filter .3s;		cursor:pointer;	}
.BtA:hover{	opacity:0.8;	filter:alpha(opacity=80);		}

/* Bt - MY SELECTION */
.BtMs{			
						min-width:210px;	height:30px;		display:inline-block;		color:#FFF; text-align:center;	text-transform:uppercase;		line-height:30px;	padding-left:15px;	
						background-position:10px center;	background-repeat:no-repeat;	background-color:#000;
}
.BtMsAdd{			background-image:url(../imgs/common/wish-white.png);			}
.BtMsRemove{	background-image:url(../imgs/common/wish-remove.png);				}
.BtMsAdded{		color:#000; 	background-image:url(../imgs/common/wish-red.png);	background-color:#FFF;	box-shadow:inset 0 0 1px #999;	}


/*  */
.Title, .TitleS2, .TitleS3{ text-align:left;	}
.Title{		font-size:2.4vw; 	padding:0 0 30px 0;		font-weight:700;		}
.TitleS1{	font-size:1.8vw;  padding:0 0 25px 0;		}
.TitleS2{	font-size:1.6vw;  padding:0 0 20px 0;		}
.TitleS3{	font-size:1.4vw;  padding:0 0 10px 0;		}
.TitleS4{	font-size:1.2vw;  padding:0 0 5px 0;		}

.TitleT1{	font-size:30px;		padding:20px 0 15px 0;	}
.TitleT2{	font-size:26px;		padding:10px 0 5px 0;		}
.TitleT3{	font-size:20px;		padding:5px 0 5px 0;		}

.Title.Para{	margin-left:32%;		}


/* 
.Date{			color:#666;			text-transform:uppercase;		padding-bottom:10px;			}


/* */
.ImgLeft 		img,
.ImgRight 	img,
.ImgCenter 	img{		width:100%;	}
.ImgLeft{		float:left;		max-width:340px;	padding:0 20px 20px 0;	}
.ImgRight{	float:right;	max-width:340px;	padding:0 0 20px 20px;	}
.ImgCenter{	padding-bottom:20px;	text-align:center;								}

.CPara{			padding:0 30px 30px 0;		max-width:1120px;		}

.CText{				padding:5px 0;		font-size:1.35vw;	}
.CText p{			padding:0 0 10px 0;			}
.CText a{			color:#47abdf;			}
.CText a:hover{ text-decoration:underline;	}
.CText ul{		padding-left:25px;	}

/* */
.TLine{		border-top:3px solid #000;		width:90px;		height:0px;	}
.TBLine{	border-top:1px solid #000;		border-bottom:1px solid #000;	}
.BLine{		border-bottom:1px solid #000;	}
.TTop{		margin-bottom:24px;		}
.TBot{		margin-top:24px;			}
.TCenter{	margin:8px auto;		border-top:1px solid #000;	}


/* PARAGRAPH BOX */
.PBoxImg{						line-height:0;	}
.PBoxImg 	img{			width:100%;			}
.PBoxText	.CText{		font-size:1.35vw;			padding:5% 5% 0 5%;		}

.Center .PBoxImg{		text-align:center;	}
.Center .PBoxText{	text-align:center;	padding:5% 10%;		}
.Left 	.PBoxImg{		max-width:60%;		float:left;		padding-right:5%;	}
.Right 	.PBoxImg{		max-width:60%;		float:right; 	padding-left:5%;	}

/* */
.Quote{						padding-top:20px;				}
.Quote	.ImgLeft{	margin:-20px 40px 0 0;	}	
.Quote	.Anim{		padding-top:10px;		background-color:#f6f6f6;			max-width:80%;		width:100%;		float:right;	}
.Quote 	.CText{		padding:1% 5% 0 5%;			}


/* DYNAMIC - LIST */
.DBox{			display:block;	float:left;		text-align:left;		padding:0 10px 20px 10px;		width:33.3333%;			}
.DImg{			height:345px;		font-size:0;	line-height:0;		margin-bottom:15px;		overflow:hidden;	text-align:center;		}
.DImg img{	width:100%;				}
.DTitle{		font-size:1.35vw;	}
.DDesc{			font-size:16px;	text-transform:uppercase;		}
.DDate{			color:#666;			padding-bottom:10px;				}
.DIco{ 				float:left;		width:80px;		height:70px; 		background-repeat:no-repeat;	background-position:center;		}
.DLink{ 			float:left;	 	width:calc(100% - 80px);	 }
.DLink span{ 	font-size:12px;		color:#AAA;			}

/* DYNAMIC - LIST */
.DList{							}
.DList	.DBox{	/*	height:440px;		*/	height:460px;}

/* DETTAGLIO */
.DDetail{						position:relative;	}
.DDetail	.Image{		float:left;		width:50%;	max-width:530px;		}	
.DDetail	img{			width:100%;		}
.DDetail	.Desc{		float:right;	width:50%;	padding:0 5%;	}


/* SLIDESHOW */
.PSlider{			overflow:hidden; 			height:auto;		width:100%;		}
.PSlideIns{		display:table;				height:inherit;	}
.PSlideRow{		display:table-row;		height:inherit;	}
.SItem{				display:table-cell;		height:inherit;		width:%;				background-size:cover;		overflow:hidden;		line-height:0;	}
.SItem img{		width:100%;		}

.PSlideAutoplay{	margin-top:-900px;	height:4px;	background-color:#004687;			}

.PSliderBts{	position:absolute;		top:70px;		right:30px;		}
.PSliderBt{		display:block;		height:12px;	width:12px;		border-radius:12px;		border: 2px solid #000; 	box-shadow:0 0 0 1px #FFF;	margin-right:5px;	 	margin-bottom:15px;		color:#FFF;	 	transition:background-color .4s;	font-size:0;	}
.PSliderBt:before {		background-color:#000;	}
.PSliderBt:hover{		background-color:#333;	}
.PSliderBtSel{			background-color:#000;		}


/* PRODUCTS */
.PFiltered{						position:relative;		padding:30px 0 10px 5px;	overflow:hidden;			transition:height .5s;	}
.PFiltered 	.PProd{		position:absolute;	}

.PListed{																		padding:30px 0 10px 5px;		}
.PListed		.PProd{		position:relative;		float:left;		}

.PProd{			width:230px;	height:230px;		margin:0 10px 10px 0;		padding:10px;		transition:scale .4s, left .4s, top .4s; 	transform:scale(1);	/*	position:absolute;*/  overflow:hidden;	}
.PProd img{	width:100%;		}
.PProdShow{		transform: scale(1);	}
.PProdHide{		transform: scale(0);	}
.PProdD{			
					width:210px;	height:210px;	position:absolute; z-index:1;		text-align:center;		box-shadow:0 0 4px #999;		background-color:rgba(255,255,255,0.8);
					opacity:0;	  filter:alpha(opacity=0);		transition:opacity .7s, filter .7s;		cursor:pointer;
}
.PProd:hover .PProdD{	opacity:1;	filter:alpha(opacity=100);		}
.PProdP{		width:210px;	height:180px;	display:table-cell;	vertical-align:middle;	text-align:center;	font-size:20px;		font-weight:700;		}	


/* ISSUU */
.Issuu{							position:relative;	width:100%;	padding-bottom:62%;	}
.Issuu .issuuembed{	position:absolute;	width:100%;	height:100%;				}


/* MAXI LIST */
.MaxiList {			}
.MaxiList	.PProd{		margin:0;	height:auto;		}
.MaxiList	.PProdI{	position:relative;	line-height:0;		}
.MaxiList	.PProdD{	width:100%;		height:100%;	}
.MaxiList	.PProdP{	width:500px;	height:250px;		font-size:20px;	}

/* FORM */
.Form{	}
.Form input[type='text'], 	.Form select, 	.Form textarea{				padding:7px 5px;		font-size:14px;		border:1px solid #efefef;		background-color:#efefef;	}
.Form input:focus, 	.Form select:focus{					box-shadow:inset 0 0 5px #848484;		}

.Form select{				padding:5px 0;	}

.Form .Row{					padding:1px 0 15px 0;		}
.Form .Label{				float:left;		width:30%;		padding:5px 0; 	font-size:14px;		font-weight:bold;		}
.Form .Cmp{					float:left;		width:70%;	}

.Form .Label p{			font-size:11px;		}	
.Form .Label.Solo{	padding:15px 0;	float:none;		width:auto;	}

.Form .Text{				padding:5px 0; 	font-size:14px;		font-weight:bold;	}
.Form .Date {				width:162px !important;		background-image:url(../imgs/form/data.png); background-repeat:no-repeat; background-position:right center;	}
.Form .DateD{				position:absolute;		z-index:1;		margin-top:10px;			}

.Form .InputOpt{		float:left;			padding:5px 15px 0 0;		}

.Captcha{						padding:4px;	}
.Captcha img{				border:1px solid #7C7C7C;		}
.Captcha .Reload{		position:absolute;	width:30px;		height:30px;	margin:-35px 0 0 5px;	cursor:pointer;		background-image:url(../imgs/form/captcha_reload.png);	background-repeat:no-repeat; background-position:center;	}

.Form .Label 			span{		display:none;		 }
.Form .requested 	span{		display:inline;	 }

.Form .Subscribe{		padding-top:7px;	font-size:14px;				}
.Form .ReadOnly{		padding-bottom:10px;	}


/* */
.FormRequested input,
.FormRequested select{			box-shadow:0 0 3px #C00;		}


/* FORM 
.FormBox .Row {						width:50%;	   float: left;   padding:0 30px 0 0;		 min-height:66px;   }
.FormBox .RowRequested,
.FormBox .Send {					text-align:right;		padding:5px 30px 10px 0; 	}

.FormBox .Label{					text-align:left;		}
.FormBox .FTitle{					font-size:22px;		border-bottom:1px solid #cccccc;    margin:3% 0 2% 0;	  }

.FormBox .requested {			background-image: url("/site_zk/imgs/form/cmprequested.gif");		background-position: left center;		background-repeat: no-repeat;	padding-left:15px;		 }


/* MESSAGES */
.Msg{				font-size:24px;	padding:20px;		text-align:center;	margin:0 10px;	}
.MsgOK{			background-color:rgba(211,240,255,0.8);		border:1px solid #311456;	}
.MsgError{	background-color:rgba(255,186,186,0.8);		border:1px solid #B30000;	}


/* LIST PAGING */
.Paging{					margin-left:32%;	}
.Paging .Page{		font-size:1.35vw;	padding:4px 11px;		transition:color .3s;	}
.Paging a:hover{	color:#000;	/* font-weight:800;*/		}
.Paging .Sel{			font-weight:800;	}

/* Slideshow */
.Slideshow{					}
.Slideshow	.DBox{			text-align:center;	padding:0 20px 20px 0;		}
.Slideshow	.DBox img{	width:100%;		}


/* DOWNLOAD */
.Download{			}
.Download .DBox{	text-align:left;		}


/* MY SELECTION */
.MSListH{						overflow-y:auto;	max-height:230px;	}
.MSListH 	.PListed{	padding:0 10px;		}
.MSListH	.Msg p{		margin-top:60px;	font-size:16px;		}

.MSMsg{		
					position:absolute;	width:300px;	background-color:#FFF;	border:1px solid #CCC;	border-top:none;	margin-top:-1px;		right:80px;		padding:20px;		opacity:0;
	}

.MSMsg.KO{	-webkit-animation:MSMsgKo 4s 1;		animation:MSMsgKo 4s 1;		opacity:1;	}
.MSMsg.OK{	-webkit-animation:MSMsgOk 4s 1;		animation:MSMsgOk 4s 1;		opacity:1;	}

@keyframes 				MSMsgKo {
    0% {		background-color:#FF0004;		color:#FFF;	}
    30% {		background-color:#FFF;			color:#000;	}
		70% {		opacity:1;	}
		100% {	opacity:0;	}
}
@keyframes 				MSMsgOk {
    0% {		background-color:#CFCFCF;		color:#000000;	}
    30% {		background-color:#FFF;			color:#585858;	}
		70% {		opacity:1;	}
		100% {	opacity:0;	}
}


/* */
.MSList{					}
.MSList .PListed{		float:left;		width:50%;	}
.MSRequest{					float:right;	width:50%;	}

.MSList .Msg{				width:500px;	}
.MSList .Msg	p{		padding:80px;	font-size:18px;		text-align:center;	}
.MSList .BtMs{			width:236px;	}


/* FORM CENTER */
.MarginCenter {		margin:0 auto;	width:50%;		}

/* SEARCH */
.Search{		}
.Search .SBox{				display:block;	padding-bottom:30px;	}		
/*.Search .SBox:hover{	font-weight:normal;		}*/

.Clear.DNone {	display:none;	}



/* VIDEO */
.video{											position:relative;	margin:0 auto;			}
.video-ratio{								position:relative;	width:100%;							height:100%;			padding-bottom:75%;		}
.video-ratio	iframe{				position:absolute;	width:100% !important;	height:100% !important;				}
 

/* LANGUAGE */
.lang-overlay{			opacity:0;	position:fixed;	top:0; right:0; bottom:0; left:0;	transition:opacity .6s;		background-color:rgba(255,255,255, 0.6);	z-index:2147483648;	}
.lang-overlay.show{	opacity:1;		}

.lang-overlay .lang-box{				position:relative;	width:98%;	max-width:580px;	margin:10vh auto;		border:1px solid #CCC;		padding:20px 0;		background-color:#FFF;		}

.lang-overlay .lang-box	h1{			padding:10px 20px;	}
.lang-overlay .lang-box h2{			border-top:3px solid #000; border-bottom:3px solid #000;	margin:20px 0;	padding:20px;	}

.lang-overlay .lang-box ul{			padding:10px 10px 10px 20px;		list-style:none;					}
.lang-overlay .lang-box li{			display:inline-block;		padding:10px 10px 0 0; }
.lang-overlay .lang-box li a{ 	display:block;	border:1px solid #000;	padding:5px 10px;	}

.lang-overlay .lang-box li.selected  a,
.lang-overlay .lang-box li a:hover{ border:4px solid #000;	padding:2px 7px;	}

.lang-overlay .lang-box .CText{			padding:20px; 	text-align:right;		}




/* COOKIE LAW */
.CLawBanner{	position:fixed;	right:5px;	bottom:5px;	width:370px;	padding:10px;		border-top:#000;	font-size:12px;	background-color:#CCC;	color:#777; transition:opacity .5s;	opacity:1;	line-height:14px;				}
.CLawLeft{		float:left;		width:87%;	}
.CLawLeft a{	color:#000;	}
.CLawRight{		float:right;	width:13%;	text-align:center;	}
.CLawClose{		display:inline-block;	background-color:#CCC;	width:30px;	height:30px;	border-radius:15px;		border:2px solid #999;	line-height:24px;	text-align:center;	cursor:pointer;	transition:background-color .5s;	}
.CLawClose:hover{										background-color:#FFF;	}
.CLawHide{		opacity:.0;	}

@media only screen and (max-width:400px), 
			 only all and (max-device-width:400px) and (-webkit-max-device-pixel-ratio: 1.9) {
.CLawBanner{		width:100%;		max-width:310px;	margin-left:5px;	}
}