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

/* CSS Document */


.img_mapa img {
	max-width: 10px;
	height: auto;
}
.contenedor {
	margin-top: 100PX;
	padding: 0px 8.3%;
	position: relative;
	height: 100%;
}
.watermark {
	width: 100%;
	height: 800px;
	overflow: visible;
	background: url(../Imagenes/watermark.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: -30px;
	left: 30px;
	opacity: 0.05;
	background-size: contain;
}
.contenedor h1 {
	line-height: 40px;
	font-size: 40px;
	color: #61106d;
	font-weight: 900;
	margin-bottom: 30px;
}
.contenedor p {
	font-size: 16px;
	color: #636566;
	margin-bottom: 0px;
	line-height: 23px;
	text-align: justify;
}
.contenedor_mapa {
	margin-top: 10px;
	overflow:hidden;
	text-align: center;
	padding: 10px;
	position: relative;
}

#map {
	width: 100%;
	height: auto;
	background-color: grey;
}


/* MEDIA QUERYS*/

@media only screen and (max-width: 500px) {
/* For mobile phones: */


.contenedor {
	padding: 20px 20px;
}
.contenedor h1 {
	text-align: center;
	font-size: 35px;
	line-height: 40px;
}
.contenedor p {
	margin-bottom: 0px;
}
.contenedor_mapa {
	margin-top: 50px;
}
.watermark {
	height: 100%;
	top: 0px;
	left: 0px;
}
}

@media (min-width : 500px ) and (max-width : 900px ) {
.contenedor_mapa {
	width: 100%;
	margin: auto;
	text-align: center;
}
.watermark {
	height: 250px;
}
}

@media (min-width : 900px ) and (max-width :1024px ) {
.contenedor_mapa {
	width: 100%;
	margin: auto;
	text-align: center;
}
#map {
	width: 80%;
	margin: auto;
	background-color: grey;
}
.watermark {
	height: 250px;
}
}

@media (min-width : 1024px ) {
	.contenedor_mapa {
	margin-top: 10px;
	overflow: hidden;
	text-align: center;
	padding: 10px;
	position: relative;
}
	#map {
	width: 100%;
	height: auto;
	background-color: grey;
}

}


/*-------------FIN DE MEDIA QUERYS--------------*/