@charset "utf-8";
/* CSS Document */

#contenedor {
	background: rgb(216,0,111);
	background: linear-gradient(0deg, rgba(216,0,111,1) 0%, rgba(0,0,0,1) 90%);
}
#form-cont {
	padding-top: 2em;
	width:100%;
	height:auto;
	overflow:hidden;
	place-items:center;
	display:grid;
}
#centrado {
  	position: relative;
  	width: 55%;
  	height: auto;
}
form.contacto {
	margin-top: 1em;
	margin-bottom: 1em;
	width:100%;
	max-width:400px;
    display:block;
    margin-left: auto;
    margin-right: auto;
	position:relative;
}
#form-cont h4 {
	width:100%;
	color:#FFF;
	text-align:center;
	font-size:1.6em;
	margin-bottom:1em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#form-cont label{
	position:relative;
	display: block;
	font-weight: bold;
	color:#FFF;
	font-size:1.2em;
	margin-top:0.5em;
	margin-bottom: 0.5em;
}
#form-cont input[type='text'], #form-cont textarea{
	padding: 0.7em 0.6em;
	width: 95%;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 3px #EEF5F7;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
    margin-right: auto;
}
#form-cont input[type='submit'] {
	border: 0.1em solid #CED5D7;
	box-shadow:0 0 0 0.3em #EEF5F7;
	padding: 0.8em 1.6em;
	border-radius: 1em;
	font-weight: bold;
	text-shadow: 0.1em 0.1em 0px white;	
	background: #e4f1f6; 
	background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%); 
	margin-top:2em;
	margin-bottom:2em;
    display:block;
    margin-left: auto;
    margin-right: auto;
}
#otro-cont {
	height: 650px;
	width: 100%;
	overflow: hidden;
}
#cont-centre {
  	position: relative;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	width: 60%;
  	height: 600px;
}
#otros {
	width:100%;
	position: relative;	
}
#mapa {
	margin-top: 2em;
	width:100%;
	position: relative;	
}
#otros p {
	color:#FFF;
	font-family:"Comic Sans MS", cursive;
	text-align:center;
}
#otros p.otros-tit {
	font-size: 1.6em;
	margin-bottom: 1em;
}
#otros p.otros-dat {
	font-size: 1.2em;
	margin-bottom: 1.5em;
}
#otros p.otros-vis {
	font-size: 1.6em;
}
#otros a {
	font-size: 1.4em;
	color:#FFF;
}
@media screen and (max-width:800px) {
#otro-cont {
	height: 760px;
}
#cont-centre {
  	height: 750px;
	width: 90%;
}
#centrado {
  	width: 90%;
}
}