/* estilos para photoswipe*/

.gallery { list-style: none; padding: 1px 0 8px 0; margin:4px 0px 6px 2px; width:99%; border: 0px none;    }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li {  display:inline-block; width:auto; min-height:200px; margin:2px 2px 10px 2px; padding:1px;   }
.gallery li a { display:block; }
.gallery li img { 
	display:block; 
	width: auto; 
	height: auto; 
	max-width:80%;
	max-height:80%;
	
	margin: 10px 6% 5px 10%;
	padding: 2px;
	border:1px solid #CCC;
	box-shadow:2px 2px 3px #999999;
	cursor: pointer;
	background-color: #e1e1e1;
	text-decoration: none;
	color: #666666;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
.gallery li img:hover { 
/*-webkit-transform: rotate(-5deg);
     -moz-transform: rotate(-5deg);
       -o-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);*/
		  border-radius: 4px;
		  border:1px solid #CCCCCC;
		  background-color: #FFB164;
	
}
@media only screen and (min-width: 481px) {
.gallery li img { 
	display:block; 
	width: auto; 
	height: auto; 
	max-width:250px;
	max-height:240px;
	margin: 10px 3% 5px 4%;
	
}
}
@media only screen and (min-width: 769px) {
.gallery li img { 
	display:block; 
	width: auto; 
	height: auto; 
	max-width:250px;
	max-height:240px;
	margin: 10px 4% 5px 3%;
	
}
}
@media only screen and (min-width: 1025px) {
	.gallery li img { 
	display:block; 
	width: auto; 
	height: auto; 
	max-width:250px;
	max-height:240px;
	margin: 10px 4% 5px 4%;
}
}