body{ font-family: 'texgyreadventorregular';}
.thumbs li .imagen img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.thumbs {
	float:right;
	width:100%;
	height:50%;
	overflow:hidden;
	padding-top:10px;
    list-style: none
}



.thumbs {
    margin-left: 0px;
	overflow:hidden;
    *zoom: 1;
}
.thumbs:before,
.thumbs:after {
    display: table;
    content: "";
    line-height: 0;
}
.thumbs:after {
    clear: both
}
.thumbs li {display:block; 
    position: relative;
	width:13%;
	min-width:180px;
	margin-right:2%;
	margin-bottom:2%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.producto { width:100%; border-radius:50%; position:relative;  display:block; clear:both !important; height:80%;border-radius:50%; overflow: hidden; }
.thumbs li .imagen{ width:98%; display:block;  border-radius:50%; overflow:hidden ; z-index:1; top:0px; }
  .thumbs li .sombra{
	width: 80%;  border-radius:50%;
	padding: 10%;
	z-index: 2;
	position: absolute;
	height: 80%;
	text-align: center;
	    -moz-box-shadow:    0px 0px 5px 5px rgba(28,28,28,0.28) inset;
  		-webkit-box-shadow: 0px 0px 5px 5px rgba(28,28,28,0.28) inset;
  		box-shadow:         0px 0px 5px 5px rgba(28,28,28,0.28) inset;
}

 .thumbs li .overlay{ width:80%; padding:10%; z-index:3;   position:absolute; height:80%; text-align:center;
 }
	
	
	.overlay {
	background: rgba(0,127,198,.78);
	opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	height: 100%;
	position: absolute;
	text-decoration: none;
	width: 100%;
	z-index: 100;
	border-radius: 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	vertical-align: middle;
	line-height: normal;
	
	}
	 a:hover .overlay {
    opacity: 1;
    	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
	.overlay { vertical-align:middle !important}
	
	.overlay h4{ font-size:1.3em; color:#fff; line-height:1em; margin-bottom:5px; margin-top:10%}
	.overlay span{ font-size:1em; line-height:.1em !important; color: #f6d820; margin:0px}
	
.thumbs li .imagen img{ width:100%}	 




	hr{ clear:both; width:100%}
.plus{ clear:both; display:block; height:20%; margin-top:-40px; position:relative; z-index:4}

.plus p{ margin-top:45px; color:#003C82; text-align:center; line-height:1em;}

.filter li {
	color:#ccc;
	margin-right:15px;
	display: inline-block;
}

.filter li a{
	text-decoration: none;
	color: #000;
	font-family: 'texgyreadventorregular';
}
.filter li a:hover{ color:#00adee}
.filter li .active{ color:#ef4e23}
/*.thumbs li a,
.thumbs li a img {
	
	display: block;
}
.thumbs li a {	    overflow: hidden
}

.thumbs li a .overlay {
	background: rgba(0,127,198,.78);
	opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	height: 100%;
	position: absolute;
	text-decoration: none;
	width: 100%;
	z-index: 100;
	border-radius: 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	vertical-align: middle;
	line-height: normal;
}




.thumbs li a:hover .overlay {
    opacity: 1;
    	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.thumbs li .sombra{
	border-radius:50%;
	box-shadow: inset 0px 0px 16px 16px rgba(51,51,51,0.6);
	width: 100%;
	height: 100%;
	
	z-index: 100;
}

.thumbs li .ahorro{ clear:both; display:block}


.thumbs li a .overlay h4 {
	margin: 0;
	color: rgba(255,255,255,1);
	text-align: center;
	font-size:17px;
	line-height:19px;
	font-family:"texgyreadventorregular";
}
li a .overlay span {
	color: #f6ea00;
	text-align: center;
	width: auto;
	font-size: 14px;
	line-height: -100px;
	margin: 0px
}

.thumbs li a .overlay .info {
	z-index: 2;
	line-height:normal;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
	padding: 0px;
	margin: auto;
	position: relative;
	text-align: center;
	width: 80%;
	top: 25%;
	height: 100%;
	
}
.thumbs li a:hover .overlay .info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.isotope,
.isotope .item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}
.grid-remove {
    position: absolute
}
.grid-loader {
    background: url(../images/loading.gif) no-repeat center center;
    background-color: #FFF;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: fixed;
    width: 44px;
    height: 44px;
    background-size: 30px 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

*/
/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE
/*-----------------------------------------------------------------------------------*/


	

@media (min-width: 768px) and (max-width: 979px) {

	.thumbs li {
	    width: 206px
	}
	.thumbs {
	    margin-left: -8px;
	    margin-bottom: -8px;
	}
	.thumbs li {
	    margin-left: 8px;
	    margin-bottom: 8px;
	}

@media (max-width: 767px) {
	.thumbs li {
	    width: 100%
	}
	.thumbs {
	    margin-left: 0;
	    margin-bottom: 0;
	}
	.thumbs li {
	    margin-left: 0px;
	    margin-bottom: 20px;
	}
}