@charset "utf-8";

.gallery .img {
	width:auto !important;
   height:250px !important;
	margin: 0px;
	text-align: center;
 display: inline-table;
 transition: all 0.5s;
 -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}


.gallery .img img{
   height:250px !important;
	margin: 0px;
	text-align: center;
 display: inline-table;
 --s: 10px; 
  --b: 1px;  
  --w:auto !important;
  
  width: var(--w);
  aspect-ratio: 1;
  object-fit: cover;
  padding: calc(2*var(--s));
  --_g: var(--primary) var(--b),#0000 0 calc(100% - var(--b)),var(--primary) 0;
  background:
    linear-gradient(      var(--_g)) 50%/100% var(--_i,100%) no-repeat,
    linear-gradient(90deg,var(--_g)) 50%/var(--_i,100%) 100% no-repeat;
    
  outline: calc(var(--w)/2) solid var(--dark);
  outline-offset: calc(var(--w)/-2 - 2*var(--s));
  transition: .5s;
  cursor: pointer;
}


.gallery .img a:hover img{
 /*background: repeating-linear-gradient(45deg,var(--white) 0 10px,var(--primary) 0 20px);*/
 
  outline: var(--b) solid var(--primary);
  outline-offset: calc(var(--s)/-2);
  --_i: calc(100% - 2*var(--s));
 
}


.gallery .img a {
	display: inline-block;
	border: 0px solid rgba(0, 0, 0, 0.05)!important;
	
		/*box-shadow: 0 0 50px 5px rgba(68, 88, 144, 0.44);
-webkit-box-shadow:0 0 50px 5px rgba(68, 88, 144, 0.44);
-moz-box-shadow:0 0 50px 5px rgba(68, 88, 144, 0.44);*/

}

.gallery .img a:hover {
	border: 0px solid rgba(0, 0, 0, 0.05)!important;
		/* box-shadow:0 5px 25px rgba(0,0,0, .25);
-webkit-box-shadow:0 5px 25px rgba(0,0,0, .25); 
-moz-box-shadow:0 5px 25px rgba(0,0,0, .24);*/

}

.gallery img {
	border: none;
}


.details-extra-2016 img{
display:inline-table !important;
position:relative;
float:left;
}


@media screen and (max-width: 768px){
.gallery .img {
width:40% !important;
height:auto !important;
margin:0 auto;
}

.gallery .img img{
	width:100% !important; 
	height:auto !important;
}

}




@media screen and (max-width: 480px){
.gallery .img {
width:70% !important;
height:auto !important;
margin:0 auto;
}
.gallery .img img{
	width:100% !important; height:auto !important;
}

}