* {
	margin:0;
	padding:0;
    box-sizing: border-box;
}

p {
	font-family: "Open Sans",sans-serif;
	font-weight: lighter;
}

/*CONTACTO*/
.black-screen {
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.9);
	z-index: 9999;
	display:none;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}
.black-screen > .check-container {
	width: 80%;
	max-width: 800px;
	min-width: 250px;
	background-color: white;
	position: relative;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.black-screen > .check-container > .thanks-container, .captcha-error-container {
	text-align: center;
	display: none;
}
.black-screen > .check-container > .captcha-error-container {
	display: none;
}
.black-screen > .check-container > .thanks-container > h1, .captcha-error-container > h1 {
	font-family: "Open Sans",sans-serif;
	margin: 32px 0;
	width: 100%;
	padding: 8px 0;
	background-color: #e5322d;
	color:white;
}
.black-screen > .check-container > .thanks-container > p, .captcha-error-container > p {
	padding-bottom: 32px;
}

#wrapper {
	position: relative;
	z-index: 1;
	background-color: white;
	min-height: 100vh;
}

#content {
	width: 100%;
	text-align: center;
}
#title {
	width: 100%;
	height: 60px;
	background-color: #e5322d;
	margin-bottom: 18px;
}
#title > h1 {	
	position: relative;
	top:50%;	
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-family: "Open Sans",sans-serif;
	color: white;
}
#contact-data-container {
	width: 50%;
	display: inline-block;
}
#contact-data-container > form {
	position: relative;
	width: 90%;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
#contact-data-container > form > input {
	font-family: "Open Sans",sans-serif;
	width: 100%;
	background-color: white;
	border: 1px solid #e5322d;
	border-left-width: 3px;
	height: 28px;
	margin: 6px 0;
	padding: 0 8px;
}	
#contact-data-container > form > textarea {
	font-family: "Open Sans",sans-serif;
	border: 1px solid #e5322d;
	border-left-width: 3px;
	font-size: 13px;
	padding: 6px;
	width: 100%;
	height: 250px;
	margin: 6px 0;
	resize: none;
}
#contact-data-container > form > p {
	font-family: "Open Sans",sans-serif;
	width: 100%;
	font-size: 14px;
	text-align: left;
}
#contact-data-container > form > .submit-button {
	position: relative;
	width: 100px;
	padding-bottom: 2px;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background-color: #e5322d;
	color: white;
	font-weight: bolder;
	letter-spacing: 1px;
	border:1px solid white;
	transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, border 0.5s ease-in-out;
}
#contact-data-container > form > .submit-button:hover, .submit-button.sending-email {
	color: #e5322d;
	background-color: white;
	border:1px solid #e5322d;
	cursor: pointer;
}
#contact-data-container > form > .submit-button.sending-email {
	color: #e5322d;
	background-color: white;
	border:1px solid #e5322d;
	cursor: pointer;
}
#location-container {
	vertical-align: top;
	width: 50%;
	display: inline-block;
}
#map-location {
	vertical-align: top;
	width: 90%;
	height: 500px;
	display: inline-block;
}

.separator {
	margin-top: 32px;
	width: 100%;
	height: 10px;
	background-color: #e5322d;
}

.dotted-separator {
	width: 100%;
	border-top: 1px dashed #e5322d;
	height: 8px;
}

@media screen and (max-width: 900px) {
	#location-container {
		width: 100%;
	}
	#contact-data-container {
		width: 100%;
	}

}