/*
  Author:       	Gruppo 36 @ http://www.gruppo36.it
  CMS:          	NTool v2.6,  http://www.ntool.it 
*/

/* COMMON */
.Pad5{			padding:5px;		}
.Pad15{			padding:15px;		}
.PadB10{		padding-bottom:10px;	}
.PadB20{		padding-bottom:20px;	}
.PadV20{		padding:20px 0;	}
.PadV10{		padding:10px 0;	}
.PadO10{		padding:0 10px;	}

.MargB20{		margin-bottom:20px;	}

.Clear{			clear:both;		line-height:0;	font-size:0;	}

.GradBlue{
	background-color:#1196c1;
	/* */ 
	background-image:linear-gradient(top center, #1196c1, #0088b0);
	background-image:-moz-linear-gradient(top center, #1196c1, #0088b0);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#1196c1), to(#0088b0) );
	background-image:-ms-linear-gradient(top, #1196c1 0%, #0088b0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1196c1', endColorstr='#0088b0');
}

.BtGreen{		font-size:14px;		 	color:#FFF;	text-transform:uppercase;	background-color:#a2c66f;		padding:5px 10px; border-radius:5px;	cursor:pointer;	}
.BtRow{			padding:10px 0;	text-align:right;	}

.Title26{		font-family:'Arvo', Arial;	font-size:26px;		padding-bottom:10px;	text-transform:uppercase;		}

.FileSize{	color:#333;	font-size:12px;		}

/* CONTENT */
.Content{		text-align:center;	}

.Page{	width:960px;	margin:0 auto;	text-align:left;	}


/* HEAD */
.Head{			height:170px;		background-image:url(header/browntop.jpg); 	background-position:top left; 	background-repeat:repeat-x; 	background-color:#e2e2e2;		}
.Head ul{		display:block;	float:right;	list-style:none;	}
.Head li:last-child a{	border-right:none !important; }
.Head li{		display:block;	float:left; }

.HeadLogo{		float:left;		width:175px;	height:170px;	display:block;		background-image:url(header/logo.jpg);	background-repeat:no-repeat;	background-position:center;	}
.HeadMenues{	float:right;	width:780px;	}

.HeadSocial a{	background-position:center; background-repeat:no-repeat;	width:32px;	height:35px;	}
.HeadSocial a.FB{	background-image:url(header/fb.png);	}
.HeadSocial a.TW{	background-image:url(header/tw.png);	}
.HeadSocial a.YT{	background-image:url(header/yt.png);	}
.HeadSocial a.WP{	background-image:url(header/wp.png);	}

.HeadMenuTop{				}
.HeadMenuTop a{		display:block;	}
.HeadMenuTop a:hover{	text-decoration:none;	}
.M1_0{				padding:0 10px;		margin-top:8px;		border-right:1px solid #999;	text-transform:uppercase;	}
.M1_0:hover{	color:#FFF;	}
.ML1_0{				color:#CCC;	}
.ML1_0open{		color:#FFF;	}

.HeadMenu{		line-height:35px;		font-size:18px;		margin-top:30px;	}
.HeadMenu a:hover{	text-decoration:none;	}
.M1_1, 
.M1_1open{		padding:5px 10px;		border-right:1px solid #9b9b9b;		}
.M1_1{				background-color:#FFF;			color:#000;	}
.M1_1:hover,
.M1_1open{		background-color:#3C3C3C;		color:#FFF;	}


.Tendina{												display:none;		background-color:#FFF; position:absolute;		margin-top:-2px;	}
.HeadMenu li:hover 	.Tendina{		display:block;		}

.Tendina .MT1,
.Tendina .MT1open{		display:block;	padding:2px 5px;	color:#333333;	font-size:14px;	}
.Tendina .MT1:hover{	color:#000;			background-color:#CCC; }
.Tendina .MT1open{		color:#1f9ac2;	background-color:#CCC; }

.HeadSearch{	margin-top:38px;		line-height:30px; 	background-color:#FFF;	padding:0 5px;		float:right;		}
.HeadSearch input{	border:none;	}
.HeadSearch submit{	background-image:url(header/search-arrow.jpg);	height:25px;	width:10px;		background-position:center;	border:none;	}


/* */
.HeadLogin form{		
	width:300px;	margin-left:-240px;		height:0;		position:absolute;	z-index:10;		overflow:hidden;;
	/* HTML5 */
	transition: height .4s ease-out;	
}
.HeadLogin div{			padding:10px;	margin-top:12px;  background-color:#3c3c3c;	border:1px solid #999;	color:#FFF;	}
.HeadLogin input{		padding:5px 10px;		border:none;	margin:5px 0;		width:100%;		font-size:16px;		color:#000;		}
.HeadLogin:hover form{	height:250px;		}

/* */
.HeadBanner{			background-position:top center;		background-repeat:no-repeat;	font-size:60px;		color:#FFF;		/**/	text-shadow:3px 3px 5px #000;		}
.HeadBannerTitle{	display:table-cell; vertical-align:bottom;	padding-bottom:5px;	}


/* SOCIAL BT */
.SocialBt{	float:right;	height:20px;	margin-left:3px;	}


/* FOOTER */
.Foot{		height:165px;		background-color:#3c3c3c;		}
.Foot ul{		display:block;	float:right;	list-style:none;	}
.Foot li{		display:block;	float:left;	}
.FootCol1, .FootCol2, .FootCol3{	width:320px;	font-size:16px;		line-height:21px;		float:left;	 color:#FFF;	padding:20px 0 0 0;		}
.FootCol2{	text-align:center;	}
.FootCol3{	float:right;	text-align:right;	}
.Foot .FollowUs{	padding:15px;	}

.FootCredits{		font-size:13px;		height:35px;	line-height:35px;		background-color:#313131;	text-align:center;	color:#FFF;		}
.FootCredits a{	color:inherit;	font-size:inherit;	}
#Credits{				height:260px;		}


/* PAGES */
.BreadCrumb{	padding:20px 0;	}
.PageCol1{		float:left;		width:210px;	}
.PageCol1ins{	padding:20px 0;	}
.PageCol2{		float:right;	width:730px;	}


/* PAGE MENU */
.PageMenu{		background-image:url(common/left_menu_bg.jpg);	background-position:top left;		background-repeat:repeat-y;		background-color:#f4f0f1;		list-style:none;		}
.PageMenu a{	display:block;	color:#000;		padding:5px;	 margin:5px -5px 5px 0;		font-size:14px;	 background-position:right 50%;		background-repeat:no-repeat;	}
.PageMenu a:hover{	text-decoration:none;	}

.PageMenu li:first-child{		margin-top:0px;		border-top:none;	}

.M2_1sep{		border-top:1px dashed #000000;	}

.M2_1, .M2_1open{	text-transform:uppercase;		}
.M2_3{	font-style:italic; }

.M2_1open{	font-weight:bold;	background-color:#0190bc;		color:#FFF !important;		background-image:url(common/left_menu_arrow.png);	}
.M2_2open{	font-weight:bold;		color:#0188b1 !important;	}
.M2_3open{ 	font-style:italic;	color:#0188b1 !important;	}


/* TEXT */
.PHText{		line-height:18px;		}
.PHText p{	padding:10px 0;	}
.PHText a{	color:#0188b1;	}
.PHText a:hover{ text-decoration:underline;	}
.PHText ul{		padding-left:25px;	}

/* IAMGES */
.ImgLeft{		float:left;		padding:0 15px 15px 0;	}
.ImgRight{	float:right;	padding:0 0 15px 15px;	}
.ImgCenter{	text-align:center;	padding:10px 0;		}

/* PAGING */
.Paging{		text-align:right;		font-family:'Arvo', Arial;	font-size:14px;		padding:0;	margin:10px 0;	}
.Paging a,
.Paging span{		display:inline-block;		padding:4px 15px;		border-right:1px solid #6b6b6b;	}
.Paging a{			background-color:#e2e2e2;			}
.Paging a:last-child, .Paging span:last-child{		border-right:none;		}
.Paging span{		background-color:#c3c3c3;			}


/* COMMON LIST */
.ListBack{		margin:5px 0 10px 0;		}


/* NEWS */
.News{		}
.NewsItem{							border-bottom:dashed 1px #6a6a6a;	padding:5px 0;	}
.NewsItem:last-child{		border-bottom:none;		}
.NewsItem .ItemLink{ 				display:block;	padding:10px 0;	color:#000 !important; 	}
.NewsItem .ItemLink:hover{ 	background-color:#EFEFEF;		text-decoration:none;		}
.NewsItem	.ItemDate{		font-size:14px;		color:#565858;	padding-bottom:3px;		}
.NewsItem .ItemTitle{		padding-bottom:10px;	font-size:22px;		font-family:'Arvo', Arial;	color:#000;			}
.NewsItem .ItemSTitle{	padding-bottom:5px;		font-size:15px;		font-family:'Arvo', Arial;	color:#cf006d;	}
.NewsItem .ItemText{		padding:5px 0;	}
.NewsItem .PadB20{			padding-bottom:0;	}


/* UTNT */
.SearchBox{		padding:10px;		text-align:left;	font-family:'Arvo', Arial;		}

.SearchBox .ColL{	width:320px; float:left;	}
.SearchBox .ColR{	width:360px; float:right;	}
.SearchBox .Title{	font-size:18px;		text-transform:uppercase;		padding:15px 0 5px 0;		}
.SearchBox .CheckOpt{		background-color:#FFF;	border:1px solid #6db1c6;	margin-bottom:5px;	}


.SearchBox input[type="text"], .SearchBox select{			padding:5px 10px;		border:none;	margin:5px 0;		width:100%; }

.SearchBox label{	display:inline-block;		cursor:pointer;		font-size:13px;		}
.SearchBox input[type="checkbox"],
.SearchBox input[type="radio"]{		margin-top:5px;	}
.SearchBox labe{	margin-top:5px;	}
.SearchBox input[type="radio"] + label{	color:#FFF;	}

.SearchBox .Sep,
.SearchBox .MediaSep, 
.SearchResult .Sep{	border-top:1px solid #6db1c6;			line-height:5px;	clear:both;		margin:10px 0;	/**/ box-shadow:0 0 3px #077ba0;	}
.SearchResult .Sep{	border-top:1px solid #848484;	}
.SearchResult .Item{ 		margin-top:5px;		padding:0 0 10px 0;	min-height:140px;	}
.SearchResult .Socio{		background-position:top right;	}
.SearchResult .Logo{ 	float:left; 	width:210px;	min-height:40px;	padding:5px;	overflow:hidden;  text-align:center; 	}
.SearchResult .Text{	float:right; 	width:500px;	}
.SearchResult .TextSocio{	width:400px;	margin-right:100px;	}
.SearchResult .NoResults{		font-size:18px;		text-align:center;		padding:40px 20px;		font-family:'Arvo', Arial;	}

.SearchBox .MediaSep{	display:none;	}

.SearchD{		 }
.SearchD .Title{	font-size:16px; text-transform:uppercase;		color:#1f9ac2;		font-family:'Arvo', Arial;		font-weight:bold;		}
.SearchD .Desc{		padding:5px 0 20px 0; 		}
.SearchD .Quota{	font-size:50px;	padding-top:5px; }
.SearchD .Socio{	background-position:93% center;	}
.SearchD .InfoText{	font-size:14px;	text-transform:uppercase;	padding-top:20px; }
.SearchD #InfoGraph{	background-image:url(users/infograph_shadow.png);		background-repeat:no-repeat;	background-position:bottom center;  	}
.SearchD .Info0{	margin:190px 0 0 15px;	}
.SearchD .Info1{	margin:130px 0 0 510px;	}
.SearchD .Info2{	margin:250px 0 0 510px;	}
.SearchD .InfoGraphLabel{		font-size:16px;	text-transform:uppercase;	position:absolute;	}
.SearchD .InfoGraphLabel span{	font-size:50px;	}
.SearchD .InfoGraphContainer{		overflow:hidden;	}

.SearchDBack{		margin:0 0 10px 0;	}
.SearchDBox{		background-color:#f4f0f1;	padding:6px 4px;	margin:10px 0; 	}

.SearchDBox .Table{		padding:10px;		}
.SearchDBox .TdLabel{	width:250px;		}
.SearchDBox td{				padding:3px;	border-bottom:1px solid #878787;	}
.SearchDBoxBlue{ 	background-color:#99d4e6;	}
.SearchDBox .Alpha{		padding-bottom:5px;		font-size:16px;	}
.SearchDBox	#Map{	padding-top:10px;	}
	
/* */
.Socio{ 	background-color:#f4f0f1;		background-image:url(users/socio.jpg); 	background-repeat:no-repeat;	}

/* SETTORI */
.Settori{					text-transform:uppercase; 		font-size:14px;	}
.Settori span{		display:block;		padding:3px 0;	float:left;	}
.Settori .Color{	width:20px; height:12px;	margin:3px 10px 0 0;	line-height:12px;		}

/* DONATE */
.Donate{		
	border:1px solid #dedede;		padding:8px;	border-radius:3px;	
	/* */ 
	background-image:linear-gradient(top center, #FFF, #f0f0f0);
	background-image:-moz-linear-gradient(top center, #FFF, #f0f0f0);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f0f0f0) );
	background-image:-ms-linear-gradient(top, #FFF 0%, #f0f0f0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f0f0f0');
}
.Donate span{		font-size:12px;	}

/* COLLAPSE */
.CollapseB{		border:1px #333 dashed;		color:#333;		float:right;	width:20px;	text-align:center;	line-height:19px;	font-size:16px;	cursor:pointer; 	}
.Collapse{		overflow:hidden;	transition:height .4s ease-out, color .4s;	}

/* FAQ */
.FaqItem{				padding:10px 0;		}
.FaqTitle{		float:left;		font-size:16px;		width:700px;	 }
.FaqAnswer{		background-color:#EFEFEF;	padding:5px 10px;	}

/* */
.SearchLoghi{		display:table-cell; 	height:170px;		float:left;		padding:0 10px 15px 0;	text-align:center;	vertical-align:middle;	}
.SearchLoghi	a{	display:table-cell; 	text-align:center;	vertical-align:middle;	width:130px;		height:170px;		}


/* FORM */
.Form{		}
.FormMsg{				text-align:center; 	font-size:18px; 	padding:20px;		}
.FormTitle{			font-family:'Arvo', Arial;	font-size:26px;		padding-bottom:20px;	text-transform:uppercase;	}
.FormTextInfo{	font-family:'Arvo', Arial;	font-size:18px;		padding:15px 0 5px 0;		color:#0188b1; 	display:block;	}

.Form .Label{		float:left;		width:230px;	padding:8px 0;		font-size:14px;		text-align:right;	}
.Form .Input{		float:left;		width:460px;	padding:2px 20px 2px 10px;		}
.Form .Cmp{						}
.Form .Cmprequested{	background-image:url(form/cmprequested.gif);	background-position:right top;	background-repeat:no-repeat;	}

.Form .CmpReqHL{	border:1px solid #900 !important;	/* */ box-shadow:0 0 3px #900;	}

.Form input[type="text"], .Form input[type="password"], .Form input[type="file"],
.Form textarea,
.Form select{	padding:5px;	border:1px solid #999;		font-size:14px;	}
.Form input[type="checkbox"]{	margin-top:8px;	}



/*  */
@media screen and (max-width:900px), 
			 screen and (max-device-width:900px){
	
	.ImgLeft 		img{	width:100%;	}
	.ImgRight 	img{	width:100%;	}
	.ImgCenter 	img{	width:100%;	}

	.Head{			height:100px;	background-image:url(header/browntop_big.jpg);	}
	
	.HeadLogo{		height:100px;	width:100px;	background-image:url(header/logo_small.jpg);	}	
	.HeadMenues{	width:auto;	}
	
	.MediaHM{						position:absolute;	padding-top:56px;		width:56px;	height:56px;	top:2px;	z-index:1000;		background-position:top right;		background-repeat:no-repeat;		}
	.MediaHM ul{				display:none;			margin-top:0px;	background-color:#3c3c3c;		border:1px solid #999;	width:300px;	}
	.MediaHM:hover ul{	display:block;	}
	.MediaHM li{			width:100% !important;	float:none;		clear:both;	}
	.MediaHM li a{		width:100% !important;	display:block;	border:none;	text-align:center;	text-transform:uppercase;	font-size:16px;	line-height:34px;	padding:0;	margin:0;	}
	
	/* TOP MENU */
	.MediaTM{		background-image:url(media/head_lm.png);		right:20px;	}
	.M1_0{				background-color:#FFF;		color:#000;			border-right:none;	}
	.M1_0:hover,
	.ML1_0open{		background-color:#3c3c3c;	color:#FFF;	}

	.HeadMenu li:hover 	.Tendina{		display:none;		}

	.HeadLogin form{	margin-left:0;	}
	
	/* SOCIAL MENU */
	.MediaSM{		margin-right:100px;	display:none !important;	}

	/* MAIN MENU */
	.MediaMM{		background-image:url(media/head_mm.png);		right:100px;	}

	/* PAGE MENU */
	.PageMenu a{	padding:10px;	 margin:0; font-size:18px;	}
	.PageMenu li:last-child{		border-bottom:1px dashed #000000;	}
	
	/* PAGE */
	.Page{ width:100%;	min-width:400px;	}
	.BreadCrumb{	position:absolute;	top:50px;		left:110px;		font-size:16px;		text-align:center;	}
	
	.BreadCrumb a:first-child{	display:none;		}
	
	
	.PageCol1ins{	display:none;	}
	.PageCol1ins .PadV20{		padding:20px 20%;	}
	
	
	.PageCol1, .PageCol2{		float:none;		width:auto; margin:0;	}
	.PageCol2{	padding:0;	}
	.PageCol2{	padding:10px;	}
	
	
	/* FOOTER */
	.Foot{		height:auto;		}
	.FootCol1, .FootCol2, .FootCol3{	font-size:14px;	 }
	.FootCol1, .FootCol2{			text-align:center;		width:50%;		}
	.FootCol3{	float:none;		width:auto;	 padding:20px 0 0 0;  text-align:center;	clear:both;	}
	.Foot .FollowUs{			display:none;	}
	.Foot .HeadMenuTop{		display:inline-block;	float:none; margin:0 auto;	}
	
	/* */
	.HeadBannerTitle{		padding-left:10px;	}
	
	/* SEARCH */
	.SearchBox .ColL{	width:auto; float:none;	}
	.SearchBox .ColR{	width:auto; float:none;	}
	.SearchBox .MediaSep{	display:block;	}
	
	/* SEARCH RESULT */
	.SearchResult .Logo{ 	float:left; 	width:200px;	margin-right:10px; 	}
	.SearchResult .Text{	float:none; 	width:auto;	}
	
	.SearchD .InfoGraphLabel{		font-size:14px;	}
	.SearchD .InfoGraphLabel span{	font-size:40px;	}
	.SearchD .Info0{	margin:120px 0 0 15px;	}
	.SearchD .Info1{	margin:210px 0 0 15px;	}
	.SearchD .Info2{	margin:300px 0 0 15px;	}
	
	/* COMMON LIST */
	.ListBack{	text-transform:uppercase;	font-size:16px;		padding-bottom:10px;		}
	
	/* PAGING */
	.Paging{				font-size:18px;			}
	.Paging a,
	.Paging span{		padding:4px 20px;	}
	.PagingUp{			border-bottom:1px solid #999;	}
	.PagingDown{		border-top:1px solid #999;	}
		

}

/*  */
@media screen and (max-width:500px), (max-device-width:500px){
	
	.FootCol1, .FootCol2, .FootCol3{	float:none;		width:auto;	 padding:20px 0 0 0;	text-align:center;	}
	.Foot .Pad15{					padding:0 0 5px 0;	}
	.Foot .HeadMenuTop{		display:inline-block;	float:none; margin:0 auto;	}
	
	/* SEARCH RESULT */
	.SearchResult .Logo{ 	float:none;  	}
	.SearchResult .TextSocio{	margin-right:10px; }
	
	.SearchD .InfoGraphLabel{		font-size:12px;	padding:5px;	background-color:rgba(255,255,255, 0.5)	}
	.SearchD .InfoGraphLabel span{	font-size:30px;	}
	.SearchD #InfoGraph{	margin-left:-110px;	}
	
}

@media (max-device-width:640px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2){
	.Content,
	.Head,
	.Page{ 		width:640px;	}
	/*iPhone retina portrait */
}

