.modal
{
  position: fixed;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 9950;
  display:none;
  background: rgb(0,0,0,.8);
  left: 0;
  top: 0;
  overflow: auto;
  z-index:9999999999999999999;
}
#ventana{
	background:#FFF; 
	text-align:left; 
	font-size:18px; 
	max-height:60%; 
	overflow-y:auto;
	color:#454545;
}
#ventanaImg{
	background:#FFF; 
		
	overflow:hidden;
	color:#454545;
}
.contenedor
{
	width:80%;
  max-width: 500px;
  text-align:center;
  position: relative;
  margin: 5% auto;
  padding: 20px;
  padding-top: 55px;
  top:5%;
  
  -moz-border-radius: 7px;
  border-radius: 7px;
  
}
.contenedorImg
{
	width:auto;
  max-width: calc(90% - 100px);
  position: relative;
  overflow:hidden;
  top:50px;
  height:90vh;
  
  -moz-border-radius: 7px;
  border-radius: 7px;
  
}
.contenedor2
{
	width:90%;
  max-width: 1000px;
  text-align:center;
  position: relative;
  margin: 5% auto;
  padding: 20px;
  padding-top: 55px;
  top:5%;
  
  -moz-border-radius: 7px;
  border-radius: 7px;
  
}
.close {
  font-family: OpenSansBold;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor:pointer;
  color: none;
  z-index:999999;
  text-decoration:none;
  font-size:18px;
  background:#B20505;
  color:#FFF;
  font-weight:bolder;
  padding-right:15px;
  padding-left:15px;
  padding-top:10px;
  padding-bottom:10px;
  border-top-right-radius: 7px;
}
.closeImg {
  font-family: OpenSansBold;
  position: fixed;
  right: 0px;
  top: 0px;
  cursor:pointer;
  color: none;
  z-index:999999;
  text-decoration:none;
  font-size:18px;
  background:#B20505;
  color:#FFF;
  font-weight:bolder;
  padding-right:15px;
  padding-left:15px;
  padding-top:10px;
  padding-bottom:10px;
}
.IzqImg{
	position:absolute;
	top:calc(50% - 15px);
	left:10px;
	cursor:pointer;
	cursor:pointer;
}
.DereImg{
	position:absolute;
	top:calc(50% - 15px);
	right:10px;
	cursor:pointer;
}
.IzqFleImg{
	width:30px;
	height:auto;
	max-height:80%;
	cursor:pointer;
}
.tituloModal{
	font-family: OpenSansBold;
	color:#c98c3d;
	font-size:22px;
	position:absolute;
	top:10px;
	left:10px;
	width:calc(100% - 60px);
}
@media screen and (max-width: 1000px) {
	#modalExpe1 .contenedorImg{
		width:auto;
	  max-width: calc(90% - 100px);
	  position: relative;
	  overflow:hidden;
	  top:15vh;
	  height:70vh;
	  
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  
	}
}
@media screen and (max-width: 800px) {
	#modalExpe1 .contenedorImg{
		width:auto;
	  max-width: calc(90% - 100px);
	  position: relative;
	  overflow:hidden;
	  top:25vh;
	  height:50vh;
	  
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  
	}
	#modalExpe2 .contenedorImg{
		width:auto;
	  max-width: calc(90% - 100px);
	  position: relative;
	  overflow:hidden;
	  top:15vh;
	  height:70vh;
	  
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  
	}
}
@media screen and (max-width: 600px) {
	#modalExpe1 .contenedorImg{
		width:auto;
	  max-width: calc(90% - 100px);
	  position: relative;
	  overflow:hidden;
	  top:35vh;
	  height:30vh;
	  
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  
	}
	#modalExpe2 .contenedorImg{
		width:auto;
	  max-width: calc(90% - 100px);
	  position: relative;
	  overflow:hidden;
	  top:25vh;
	  height:50vh;
	  
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  
	}
	#modalExpe3 .contenedorImg{
		width:auto;
	  max-width: calc(90% - 100px);
	  position: relative;
	  overflow:hidden;
	  top:15vh;
	  height:70vh;
	  
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  
	}
}
@media screen and (max-width: 470px) {
	#modalExpe1 .contenedorImg{
		width:auto;
	  max-width: calc(90% - 100px);
	  position: relative;
	  overflow:hidden;
	  top:40vh;
	  height:20vh;
	  
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  
	}
	#modalExpe2 .contenedorImg{
		width:auto;
	  max-width: calc(90% - 100px);
	  position: relative;
	  overflow:hidden;
	  top:32vh;
	  height:35vh;
	  
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  
	}
	#modalExpe3 .contenedorImg{
		width:auto;
	  max-width: calc(90% - 100px);
	  position: relative;
	  overflow:hidden;
	  top:22vh;
	  height:55vh;
	  
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  
	}
	#modalExpe4 .contenedorImg{
		width:auto;
	  max-width: calc(90% - 100px);
	  position: relative;
	  overflow:hidden;
	  top:15vh;
	  height:70vh;
	  
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  
	}
}
@media screen and (max-width: 600px) {
	
	
.contenedor
{
	width:80%;
  max-width: 500px;
  text-align:center;
  position: relative;
  margin: 5% auto;
  padding: 20px;
  padding-top: 75px;
  top:5%;
  
  -moz-border-radius: 7px;
  border-radius: 7px;
  
}
}