header{background:rgb(255,255,255) !important; background:rgba(255,255,255,0.7) !important;}
#overlay{background:url(../images/white75.png); background:rgba(255,255,255,0.75); position:fixed; width:100%; height:100%; z-index:-10; opacity:1;}
#login{color:white;}
/* #supersized li a img{filter: blur(3px); 
					-webkit-filter: blur(3px); 
					-moz-filter: blur(3px);
					-o-filter: blur(3px); -ms-filter: blur(3px);
					filter: url(zblur.svg#blur);
					filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');} */

nav{/*background:rgba(255,255,255,0.85); bottom:20px !important;*/}
.menu ul li{background:rgb(255,255,255); background:rgba(255,255,255,0.85);}
/*SOLO PER SITO MOBILE
nascondo il menu a scorrimento*/
#show_menu{display:none;background:url(../images/arrow/arrow-down.png) center right no-repeat; text-align:center; padding:9px 0 9px 0; font-size:1.2em; border-bottom:1px solid #555; }
#show_menu.active_slide_menu{background:url(../images/arrow/arrow-up.png) center right no-repeat !important;}
#show_menu a{font-size:0.9em; color:#2c2c2c !important; font-weight:bold;}


#content{width:100%; overflow:hidden; clear:left; margin:0; padding:0;}

article{ 
		width:74%;
		margin-top:20px;
		padding-right:1%;  
		text-align:justify; 
		line-height:23px; 
		font-size:0.9em; 
		margin-bottom:40px; 
		color:black;
		/* background:rgba(255,255,255,0.7);*/ 
		float:left;
		position:relative
		}
		
.item-page,.blog{padding:20px 0 25px 0}
.item-page img:not(#csqa){background:white; padding:5px;}
article a:link, article a:hover, article a:focus, article a:visited{color:black;} 
article a:link{font-style:italic;}
article a:hover{text-decoration:underline; font-style:italic;}
article .container {width:80%; position:relative; }
article h1{font-size:22pt; color:black; padding-top:20px; text-transform:lowercase; margin-bottom:10px;}
article h2{font-size:18pt; padding-bottom:15px;}
.category h1{font-size:22pt !important;  color:black;padding-top:20px; text-transform:lowercase;}
article div.item-page_contacts{line-height:normal !important; padding:20px 0; text-transform:normal;}
article #main-title{text-transform:lowercase;}
article .img-fulltext-left {margin-top:10px;}
article .img-fulltext-left img{padding:1%; background:white; width:98%;}

/*Imposto pagine a una colonna*/
.no-column{-webkit-column-count:1 !important;-moz-column-count:1 !important;-o-column-count:1 !important;column-count:1 !important;}

.veroaccademy_title{text-transform:none;}
.corsi-professionali {
	padding:7px 0; 
	background:white; 
	color:black !important; 
	text-align:center; 
	font-style:normal !important; 
	font-weight:bold; 
	text-decoration:none !important;
	display:block; 
	border:2px solid black;
	width:98%;
	width:calc (100% - 2px);}

.corsi-professionali:hover{
	background:black; 
	-webkit-transition: all 0.4s;
	color:white !important;
	}
	
.qualita:parent{background:red !important;}

/*Stile delle gallerie immagini all'interno degli articoli*/
article .item-page:not(.vicenza-calcio) .sige{width:100%;}
article .gallery .sige li{width:25% !important;}
article .item-page:not(.vicenza-calcio) .sige li{width:50%; height:auto;}
article .item-page:not(.vicenza-calcio) .sige li span{margin:10%; width:80%; }
article .item-page:not(.vicenza-calcio) .sige li span img{padding:2% !important; width:96% !important; margin:0;}
.sige_thumb img:hover{
	background:black !important; 
	border:1px solid black !important;
	-webkit-transition:ease-in-out all 0.3s;-moz-transition:ease-in-out all 0.3s;-o-transition:ease-in-out all 0.3s;transition:ease-in-out all 0.3s;
}

/*Loghi pulitalia*/
.loghi-pulitalia{margin-top:30px;width:100%}
.loghi-pulitalia li:hover{background:none !important;}
.loghi-pulitalia li{padding-bottom:15px; text-align:left; width:100%;}
.loghi-pulitalia li img{width:70%;}

/*Storia del caffè*/
.story_container{clear:left; border-bottom:1px dotted #9a9a9a; width:100%;}
.story_img{float:left;display:block; padding:3px 1%; margin-top:10px; margin-right:2%; width:11%;}
.story_desc{float:left; display:block; width:85%;}

article hr{border-top: 1px dotted #1a1a1a;  border-bottom:none; border-left:none; border-right:0;background: none; height: 1px; }

/*Preparazioni*/
.preparazioni .moduletable li a{overflow:hidden; display:block; width:100%;}
.preparazioni .moduletable li{
	margin-right:0px;  
	width:80%; 
	overflow:hidden; 
	position:relative; 
	margin-bottom:25px;
	list-style-type:none; 
	float:left; 
	width: calc (100% / 3); 
	width: 33.33333%
	}
.preparazioni .moduletable li img{background:none !important;height:130px; }
.preparazioni .moduletable li span{ 
	margin: auto; 
	position: absolute; 
	top: 0; left: 0; bottom: 0; right: 0; 
	margin-left:15.5%;
	text-indent:18%;
	width:70%; 
	/*max-height:20%; */
	display:table-cell; 
	padding:2px 0 2px 2%;
	height:23px; 
	text-transform:uppercase;
	z-index:-10;
	background:rgb(0,0,0);
	color:white;
	-webkit-transition:ease-in-out all 0.3s;
	-o-transition:ease-in-out all 0.3s;
	-moz-transition:ease-in-out all 0.3s;
	transition:ease-in-out all 0.3s;
	}
.preparazioni .moduletable li:hover span{
	width:75%;	
	-webkit-transition:ease-in-out all 0.3s;
	-o-transition:ease-in-out all 0.3s;
	-moz-transition:ease-in-out all 0.3s;
	transition:ease-in-out all 0.3s;
	}
	
/*Stile link con immagini sotto pagine articoli*/
.link_page{margin-right:20px; margin-bottom:20px;}

/*le 4 m*/
.ju-tabs-title h3 span{}
.ju-tabs-subcontent img {padding:1%; background:#fff; width:98%;}

/*Stile della pagina di login e logout*/
#form-login-username{margin-bottom:5px;}
#mod_login_passwordtext, #mod_login_usernametext{display:block; width:100px; float:left;}
input,select{padding:4px;}
.button,.validate{margin-top:12px; padding: 5px; color: white;background: black;border: 0;margin-left: 102px;}
.button:hover{background: #4c4c4c;}
.cbLoginLinksList{margin-left: 100px; margin-top:20px; list-style-type:none;}
#form-login-remember {margin-top:5px;}
#mod_login_remember{margin-top: 3px; margin-left: 43px;}
input, select, textarea{background:white; border:1px solid #c1c1c1;}

/*Stile della pagina di registrazione*/
#cbIconsTop, #cbIconsBottom, .cbFieldIcons{display:none;}
.cbRegistration .button,.cbHtmlEdit .button{margin:0;}
.tab-row{display:none;}

/*rimuovo sfondo giallo dagli input su chrome*/
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}  

/*Stile della pagina del pannello di controllo utente Frontend*/
.reserved_area ul li img{background:none; padding:0px; display:inline-block; float:left;}
.reserved_area ul{width:100%;}
.reserved_area ul li:not(.item-274){width:calc(29.3333% - 4px);margin:0 1%; padding:1%;display:inline-block;  border:2px solid #1a1a1a; background:rgb(255,255,255); background:rgba(255,255,255,0.4); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.reserved_area ul li:not(.item-274):hover{background:rgb(255,255,255); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.reserved_area ul li a:not(.logout){
	width:100%;
	}
.reserved_area ul li a span{	
	display:inline-block;
	margin-top:95px;
	float:left;
	font-weight:bold;
	font-size:1.3em;
	font-style:normal;
	margin-left:3%;
	}
	
.reserved_area ul li.item-274{
	display:block; 
	clear:left; 
	list-style-type:none;  
	border:2px solid #1a1a1a; 
	margin:50px 1%; 
	padding:0.5% 1%; 
	width:14.6665%; 
	width:calc(14.6665% - 4px) !important;
	text-align:center;
	background:black;
}

.reserved_area ul li.item-274:hover{background:white; -webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.reserved_area ul li.item-274:hover a{color:black !important; text-decoration:none;}
.reserved_area ul li.item-274 a{
	font-weight:bold;
	font-style:normal;
	font-size:1.1em;
	color:white !important;
	}

.download_block li{width:calc(29.3333% - 4px);margin:1% 1%; padding:1%;display:inline-block;  border:2px solid #1a1a1a; background:rgb(255,255,255); background:rgba(255,255,255,0.4); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.download_block li:hover{background:rgb(255,255,255); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.download_block li a{
	display:inline-block;
	float:left;
	font-weight:bold;
	font-size:1em;
	font-style:normal;
	width:100%;
	}

/*Stile form di ricerca agente*/
#cerca_agente{width:27%; padding-right:3%; float:left;}

#dovesiamo{width:68%; float:right; background:rgb(255,255,255); background:rgba(255,255,255,0.3); padding:1%;}


#work-with-us{ font-size:15px !important;}
#work-with-us a{text-decoration:underline;}
#work-with-us a:hover{text-decoration:none;}

/*stile delle news*/ 
/*Stacco la prima riga dal titolo*/
.row-0{margin-top:20px;}
.items-row{overflow:hidden;}
.item {border-bottom:1px dotted #a1a1a1; margin-bottom:20px;-webkit-transition:0.2s all ease-in;-moz-transition:0.2s all ease-in;-o-transition:0.2s all ease-in;}
.item img{float:left; margin-right:10px;}
.column-1, .column-2{float:left; width:46%; padding:1% 1% 1% 1%;}
.item:hover{background:rgb(255,255,255); background:rgba(255,255,255,0.5);
-webkit-transition:0.3s all ease-in;-moz-transition:0.3s all ease-in;-o-transition:0.3s all ease-in;}
.column-1{margin-right:1%;}
.column-2{margin-left:1%;}

/*Stile link con immagini sotto pagine articoli*/
.link_page{margin-right:0px; float:none; width:80%; overflow:hidden; clear:left;  position:relative; margin-bottom:25px;}
.link_page a{font-style:normal !important; display:block; overflow:hidden;}
.link_page a:hover{text-decoration:none;}
.link_page h3{ 
	margin: auto; 
	position: absolute; 
	top: 0; left: 0; bottom: 0; right: 0; 
	margin-left: 19%;
	text-indent:16%;
	width:45%; 
	min-width:150px;
	/*max-height:20%; */
	display:table-cell; 
	padding:5px 0 5px 2%;
	height:23px; 
	text-transform:uppercase;
	z-index:-10;
	background:rgb(0,0,0);
	color:white;
	-webkit-transition:ease-in-out all 0.3s;
	-o-transition:ease-in-out all 0.3s;
	-moz-transition:ease-in-out all 0.3s;
	transition:ease-in-out all 0.3s;
	}
.link_page a:hover h3{ 
	-webkit-transition:ease-in-out all 0.3s;
	-o-transition:ease-in-out all 0.3s;
	-moz-transition:ease-in-out all 0.3s;
	transition:ease-in-out all 0.3s;
	width:48%;
	background:rgb(0,0,0);
	color:white;
}
.link_page a:hover img{
	/*-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);-o-filter:brightness(1.15);
	-webkit-transition:0.2s all ease-out;-moz-transition:0.2s all ease-out;-o-transition:0.2s all ease-out;
	background:rgb(0,0,0); */
	} 
	
.link_page img{
	display:block; 
	width:35%; 
	float:left;
	overflow:hidden; 
	-webkit-transition:0.5s all ease-out;
	-moz-transition:0.5s all ease-out;
	-o-transition:0.5s all ease-out; 
	}
	
.veroaccademy .link_page,.veroaccademy .link_page a{width:100%}
.veroaccademy .link_page img{width:40%; background:none; border:2px solid black;}
.veroaccademy .link_page a:hover img{width:40%;}
.veroaccademy .link_page h3{width:95%; margin-left:0; text-indent:45%; }
.veroaccademy .link_page:hover h3{width:100%; }
/*stile della sidebar*/
aside{
	width:20%;
	float:right; 
	overflow:hidden;
	margin-top:40px;  
	text-align:justify; 
	line-height:25px; 
	font-size:0.9em; 
	margin-bottom:40px; 
	color:black;
	padding:40px 1% 25px 3%; 
	text-align:center;

	}

aside .moduletable {text-align:left; margin-bottom:20px;}	
aside .moduletable h3{font-size:1.3em; display:block; border-bottom:1px dotted #1a1a1a; width:100%;}
aside .moduletable ul{margin-top:5px; list-style-type:square; margin-left:0px;}
aside .moduletable ul li{list-style-type:none;margin-left:0; }
aside .moduletable ul li a{display:block; padding:1px 2%;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
aside .moduletable ul li:hover{background:black; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
aside .moduletable ul li:hover a{color:white; text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
aside .moduletable a{color:black; text-transform:lowercase;}
aside .moduletable a:hover{text-decoration:underline;}

footer{line-height:20px; background:white;}

#contact_info{width: 30%; float: left;}
#contact_right{width: 70%; float: left;}
input[type='checkbox']{background:none; border:none; }

@media screen and (min-width: 1650px) {	.preparazioni .moduletable li span{ margin-left:11% !important;} }
@media screen and (min-width: 1370px) {	
.preparazioni .moduletable li span{ 
	margin-left:13.5%;
	}

}

@media screen and (max-width: 1200px) {	
	.reserved_area ul li a img{max-width:100px;}
	.reserved_area ul li a span{font-size:1.1em; margin-top:70px;}
	.link_page h3{width:55%; }
	.link_page a:hover h3{width:60%; }
	
	.preparazioni .moduletable li img{ height:100px;}
	.preparazioni .moduletable li span{
		text-indent:15%;
		width:73%;
		font-size:0.9em;
		} 
		
	.veroaccademy .link_page a{font-size:0.8em;}
}

	
@media screen and (max-width: 900px) {	
	#contact_info{width: 100%; float: none; margin-bottom:30px;}
	#contact_right{width: 100%; float: none;}
	.formResponsive .formHorizontal .formControls{margin:0 !important;}
	img{max-width:100% !important;}
	.reserved_area ul li a span{display:block; float:none; clear:left; font-size:1em;}
	.reserved_area ul li a img{text-align:center}
	.reserved_area ul li {text-align:center;}
	.link_page h3{width:70%; }
	.link_page a:hover h3{width:75%; }
	.preparazioni .moduletable li{width:50%;}
	.preparazioni .moduletable li img{ height:100px;}
	.preparazioni .moduletable li span{
		margin-left:14%;
		text-indent:20%;
		} 
	.veroaccademy .link_page a{font-size:0.7em;}


}

@media screen and (max-width: 700px) {

	#overlay{display:none;}
	/*mostro il menu a scorrimento*/
	#show_menu{display:block;}
	
	nav .menu li{display:none;}
	article .container {width:90%;}
	article{color:#2c2c2c; clear:left; width:100%;}
	article #main-title{float:none; margin-top:0; position:static; }
	
	article h1{color:black; text-shadow:none;}
	.category h1{font-size:22pt !important; margin-bottom:0; float:none; margin-top:0 !important; position:static!important;color:black; text-shadow:none; }
	.container article .item-page{-webkit-column-count:1 !important;-moz-column-count:1 !important;-o-column-count:1 !important;column-count:1 !important; }
	
	.preparazioni .moduletable li span{
		margin-left:15%;
		text-indent:23%;
		width:80%;
		} 
	.preparazioni .moduletable li:hover span{width:80%}
	
	
	.link_page {width:100%;}
	.link_page h3,.link_page a:hover h3 { 
	margin-left: 35%; 
	-webkit-transition:none;
	-o-transition:none;
	-moz-transition:none;
	transition:none;
	min-width:50%;
	width:65%; 
	text-indent:15%;
	}
	
	
	.link_page img, .link_page a:hover img{
	width:50%; 
	-webkit-transition:none;
	-o-transition:none;
	-moz-transition:none;
	transition:none;
	}
	
	.veroaccademy .link_page a{font-size:1em;}	
	
	aside{float:none; clear:left; width:100%; padding-left:1%; text-align:center;}
	aside .moduletable {text-align:center;}
	.loghi-pulitalia li{padding-bottom:5px; text-align:center; width:50%; float:left;}
	.loghi-pulitalia li img{width:50%;}
	
	#contact_info,#contact_right,#cerca_agente,#dovesiamo{width: 100%; float: none;}
	

	
	}