@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('../../css/fonts/OpenSans-CondBold-webfont.eot');
    src: url('../../css/fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../css/fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../../css/fonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.nav-product-cat a { 
	position: relative;
	display: block; 
	margin-bottom: 1px; 
	font-family: 'OpenSansCondensedBold', sans-serif; 
	font-size: 18px; 
	color: #fff; 
	padding: 10px 50px 10px 10px; 
	background-color: #393939; 
	-webkit-transition: all .2s; /* Safari and Chrome */
	-moz-transition: all .2s; /* Firefox 4 */
	-ms-transition: all .2s;
	-o-transition: all .2s; /* Opera */
	transition: all .2s;
}

.nav-product-cat a span {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 7px; 
	width: 13px;
	background: url(images/struttura/arrow-down.gif) center center no-repeat; 
	text-indent: -9999px; 
}

.nav-product-cat .idraulica span,
.nav-product-cat .idraulica.is-active,
.nav-product-cat .idraulica:hover {
	background-color: #ce000b; 
}

.nav-product-cat .finiture span,
.nav-product-cat .finiture.is-active,
.nav-product-cat .finiture:hover {
	background-color: #2277c2; 
}

.nav-product-cat .edilizia span,
.nav-product-cat .edilizia.is-active,
.nav-product-cat .edilizia:hover {
	background-color: #0bae1a; 
}

.nav-product-cat .lattoneria span,
.nav-product-cat .lattoneria.is-active,
.nav-product-cat .lattoneria:hover {
	background-color: #ae670b; 
}

.nav-product-msg { 
	padding: 20px 10px; 
	background-color: #e6e6e2; 
	text-align: center; 
	color: #6e6e6e; 
	font-weight: bold; 
}

.cat-grid-item { 
  float: left;
  width: 25%;
}

@media only screen and (max-width : 540px){ 

	.cat-grid-item { 
  		width: 50%;
	}
	
}

.cat-grid-item a { 
	position: relative;
	z-index: 100; 
	display: block; 
	margin: 0 1px 1px 0; 
	border-top-width: 15px; 
	border-top-style: solid; 
	background-color: #393939; 
}

.cat-grid-image {
	text-align: center; 
	background-color: #888; 
	border-top: 1px solid #fff; 
}

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

.cat-grid-title { 
	position: relative;
	z-index: 300; 
	padding: 10px; 
	font-family: 'OpenSansCondensedBold', sans-serif; 
	font-size: 24px; 
	color: #fff; 
}

.cat-grid-item .idraulica {
	border-top-color: #ce000b; 
}

.cat-grid-item .finiture {
	border-top-color: #2277c2; 
}

.cat-grid-item .edilizia {
	border-top-color: #0bae1a; 
}

.cat-grid-item .lattoneria {
	border-top-color: #ae670b; 
}

.cat-grid-item .idraulica:hover::after {
	background-color: #ce000b; 
}

.cat-grid-item .finiture:hover::after {
	background-color: #2277c2; 
}

.cat-grid-item .edilizia:hover::after {
	background-color: #0bae1a; 
}

.cat-grid-item .lattoneria:hover::after {
	background-color: #ae670b; 
}

.cat-grid-item a:after {
	content: 'vai alla categoria';
	position: absolute;
	bottom: 100%; 
	left: 0; 
	right: 0;
	top: 0; 
	padding: 0; 
	color: #fff; 
	overflow: hidden; 
	font-weight: bold; 
	z-index: 200; 
	text-indent: 10px; 
}

.cat-grid-item a:hover:after { 
	-webkit-animation: cat-grid-animation .8s forwards;
	-o-animation: cat-grid-animation .8s forwards;
	animation: cat-grid-animation .8s forwards;
}

@-webkit-keyframes cat-grid-animation {
	0% {
		bottom: 100%; 
	}
	30% {
		bottom: 85%; 
	}
	80% {
		bottom: 85%; 
	}
	100% { 
		bottom: 0; 
	}
}
@keyframes cat-grid-animation {
	0% {
		bottom: 100%; 
	}
	30% {
		bottom: 85%; 
	}
	80% {
		bottom: 85%; 
	}
	100% { 
		bottom: 0; 
	}
}

.description{
	font-size:10px;
}