.modal
{
  position: fixed;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 9950;
  display:none;
  background: rgb(0,0,0,.7);
  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;
        line-height: 1.8;
}
.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;
  
}
.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;
}
@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;
  
}
}