/*ver imagenes ampliadas*/
/** {
  margin:0;
  padding:0;
  box-sizing:border-box;
}
 
html,body {
  height:100%;
  max-height:100%;
}
 
ody {
  background:#476C9B;
}
 
h2 {
  font-weight:200;
  font-size:40px;
  padding:50px 0;
  text-align:center;
  color:#ADD9F4;
}*/
 
.wiggle {
  display:block;
  margin:0 auto;
  width:250px;
  height:200px;
  box-shadow:8px 8px 1px 0 rgba(0,0,0,.15);
}
 
.wiggle:hover {
  -webkit-animation:none;
}

.wiggle img{width:100%;height:100%;}
}
 
.short-animate {
  -webkit-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  -ms-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
}
 
.long-animate {
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
  max-width:1500px;
  min-height:800px;
  max-height:900px;
  border:15px solid white;
  border-radius:10px;
  opacity:1;
}
 
html,body {
  height:100%;
  min-height:100%;
}
 
.lightbox {
  position:fixed;
  top:-100%;
  bottom:100%;
  left:0;
  right:0;
  background-color: rgba(242, 245, 169, 0.9);
/*  background-color: rgba(129, 159, 247, 0.9);*/
  z-index:501;
  opacity:0;
}
 
.lightbox img {
  position:absolute;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  max-width:0%;
  max-height:0%;
opacity:1
}
 
#lightbox-controls {
  position:fixed;
  height:70px;
  width:70px;
  top:20px;
  right:20px;
  z-index:502;
  display:flex;align-items:center;justify-content:center;
  /*background:rgba(0,0,0,.1); */
  background:url(../../objetos/cruz.jpg)no-repeat;
}
#lightbox-controls a{height:70px;width:70px;display:block;border:1px solid white;} 
@media (max-width: 411px) {
#lightbox-controls{visibility:hidden;}
} 
 
#close-lightbox {
  display:block;
  position:absolute;
  overflow:hidden;
  height:50px;
  width:50px;
  text-indent:-5000px;
  right:10px;
  top:10px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}
 
#close-lightbox:before {
  content:'';
  display:block;
  position:absolute;
  height:0px;
  width:3px;
  left:24px;
  top:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
}
 
#close-lightbox:after {
  content:'';
  display:block;
  position:absolute;
  width:0px;
  height:3px;
  top:24px;
  left:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition:.5s 1s ease-in-out;
  transition:.5s 1s ease-in-out;
}
 
.lightbox:target {
  top:0%;
  bottom:0%;
  opacity:1;
}
 
.lightbox:target img {
  max-width:100%;
  max-height:100%;
}
 
.lightbox:target ~ #lightbox-controls {
  top:0px;
}
 
.lightbox:target ~ #lightbox-controls #close-lightbox:after {
  width:50px;
}
 
.lightbox:target ~ #lightbox-controls #close-lightbox:before {
  height:50px;
}
 
@-webkit-keyframes wiggle {
	0% {
	  -webkit-transform:rotate(2deg);
  }
  20% {-webkit-transform:rotate(-2deg);}
  40% {-webkit-transform:rotate(2deg);}
  60% {-webkit-transform:rotate(-2deg);}
  80% {-webkit-transform:rotate(2deg);}
	100% {-webkit-transform:rotate(-2deg);}
}

@media (max-width: 580px) {
.long-animate {
  max-width:450px;
  min-height:500px;
  max-height:650px;
  border:7px solid white;
  border-radius:7px;
}
}
	
@media only screen and (min-width:581px) and (max-width:800px) {
.long-animate {
  max-width:450px;
  min-height:500px;
  max-height:650px;
  border:7px solid white;
  border-radius:7px;
}
}