.b-popup, .b-popup-content, .b-popup-email, .b-popup-sendmail {
    margin: auto;
}
.b-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
	z-index: 98;
}
.b-popup-content{
    position: relative;
	width: 45vw;
	top: 50px;
    box-shadow: 10px 10px 10px #333;
	border: 2px solid #FFF;
}
.b-popup-email{
    position: relative;
	width: 20vw;
	top: 100px;
    box-shadow: 10px 10px 10px #333;
	border: 2px solid #FFF;
}
.b-popup-sendmail{
    position: relative;
	width: 20vw;
	top: 100px;
    box-shadow: 10px 10px 10px #333;
	border: 2px solid #FFF;
}

.close {
	position: absolute;
	top: -15;
	left: calc(45vw - 15px);
	width: 30px;
	height: 30px;
	z-index: 99;
}
.closeemail {
	position: absolute;
	top: -15;
	left: calc(20vw - 15px);
	width: 30px;
	height: 30px;
	z-index: 99;
}
/*.close_of {
	position: absolute;
	top: -15;
	left: 330px;
	width: 30px;
	height: 30px;
	z-index: 99;
}*/
.contenido {
	width: 45vw;
	height: auto;
	background-color: #FFF;
	padding: 10 0 10 0;
}
.emailcontenido {
	width: 20vw;
	height: auto;
	background-color: #FFF;
	padding: 10 0 10 0;
	text-align: center;
	padding: 30px;
}
.sendmailcontenido {
	width: 20vw;
	height: auto;
	background-color: #FFF;
	padding: 10 0 10 0;
	padding: 30px;
	font-size: 16px;
	text-align: left;
}
.sendmail_pole {
	 width: 100%;
	 margin: 0 0 20 0;
}
.img-popup {
	width: 45vw;
}

@media screen and (max-width: 1000px) {

	.b-popup-content, .b-popup-email, .b-popup-sendmail {
		width: 90vw;
		top: 20px;
	}
	.b-popup-email {
		top: 100px;
	}
	.contenido, .emailcontenido, .sendmailcontenido {
		width: 90vw;
		height: 600px;
		overflow: scroll;
	}
	
	.emailcontenido {
		height: 150px;
	}
	.sendmailcontenido {
		height: 500px;
	}
	
	.close, .closeemail {
		left: calc(90vw - 15px);
	}
	

}