html{
	background: #333;
	height: 100vh;
}
body{
	background: #000;
	margin: 0;
	height: 100vh;
}

.recuadro{
	box-sizing: border-box;
	border:black 1px solid;
	background: #fff;
	width: 90%;
	min-height: 400px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.separador{
	height: 2em;
	color: white;
}
.separador p{
	margin: 0;
}

.contenido-superior{
}
.contenedor{
	color:black;
}

.contenedor img{
	position: absolute;
	left: 0;
	height: 120%;
}

#titulo{
	position: relative;
	display: inline-block;
	text-shadow: 0 3px 3px #000;
	color: white;
}

#pin1{
	box-sizing: border-box;
	min-height: 100vh;
}

#dialogo{
	position: absolute;
	padding: 10px;
	background: #fff;
	border: 1px black solid;
	right: 10%;
	top: 10%;
	border-radius: 50%;
}

#dialogo2{
	position: absolute;
	padding: 10px;
	background: #fff;
	border: 1px black solid;
	left: 10%;
	bottom: 30%;
	border-radius: 50%;
}