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


#options{float:left; width:670px;margin:0; padding:0}
#filters{width:100%;height:0px;margin:0 auto;color:#000 !important; margin:0; padding:0}
#filters li	{display:inline-block;margin:0 2px 0 0;padding:0;width:250px;color:#000 !important }
#filters li	a{ width:16px; height:0px; display:block;margin:0;position:relative;text-transform:capitalize; text-decoration:none; color:#000 !important }


/*** Filtri 1 2 3 ***/		
#options{float:left; width:100%;}
#filters {width:100%;height:50px;margin:0 auto;color:#000 !important }

#filters li a:hover span {opacity: 1;}
	.selected{background-position: bottom !important}
	.selected span{opacity: 1 !important}
	
#iso-content{float:left; width:670px;margin: 0px; padding-bottom: 50px;}

.element {  overflow:hidden;margin: 5px;float: left;position: relative;background:#000;color: #222;box-shadow: 0 1px 3px #111; -moz-box-shadow: 0 1px 2px  #111; -webkit-box-shadow: 0 1px 3px  #111;}
.element.one{height:150px; width: 200px;}


.element img{margin:0px 40px 0 40px; -webkit-transition: all 0.50s ease-out;-moz-transition: all 0.50s ease-out;-o-transition: all 0.50s ease-out;-ms-transition: all 0.50s ease-out;transition: all 0.50s ease-out;}
.element .icon{position:absolute;z-index:12; left:10px; font-size:20px; top:7px;  width:10px; height:10px;display:block;  }

/*** etichette ***/
.element .one{color: #b1d841; }

#filters ul {width:670px !important;height:50px;margin:0 0;color:#000 !important }
#filters li {width:18px !important;padding:10px 0 }
#filters li a  {color:#b1d841 !important }
#filters li a:hover  {color:#7f7f7f !important }
#all   {color:#b1d841 !important; width:120px !important; }

	.element .text-el{position:absolute; overflow:hidden; z-index:11;color:#545454;bottom:0;width:180px; height:25px; padding: 11px 0 0px 30px;display:block;margin:0; 
	/* animation */transition: height ease-in-out 300ms;-o-transition: height ease-in-out 300ms;-moz-transition: height ease-in-out 300ms;-webkit-transition: height ease-in-out 300ms;}
  
  	.element .text-el h1{margin:0;padding:0; font-size:12px !important;color:#fff;}
  	.element .text-el p{font-weight: normal;margin-top:8px;color:#fff;}

 	.element a:hover .text-el{height: 100px; /* height = total height of A and P child elements */}
 	.element a:hover img{opacity:0.2}


.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */

.isotope-item h1{
	position:relative;
	font-size: 24px;
	font-size: 2.4rem;  font-weight: 700;
	line-height: 1.4;

}



.isotope-item p{
	position:relative;
	font-size: 12px;
	
	line-height: 1.4;

}
 .text-el{
	
	font:12px arial !important;
	
	line-height: 18px !important;

}




.element .text-el p{font-weight: normal;margin-top:8px;color:#fff !important;width:160px !important}


.element p{  overflow:hidden;margin: 5px;float: left;position: relative;background:#;color: #222;box-shadow: 0 1px 3px #111; -moz-box-shadow: 0 1px 2px  #111; -webkit-box-shadow: 0 1px 3px  #111;width:160px !important}