/**
 * Mensaje del complemento de geolocalizacion
 */
#geolocalizacion {
	/* Color de fondo */
	background: #366f8a;
	/* Color de texto */
	color: white;
	/* Tipografia */
	font-family: 'Open Sans', sans-serif;
}

/**
 * Mensaje del complemento de cantidad de personas
 */
#personas {
	/* Tipografia */
  	font-family: 'Open Sans', sans-serif;
}

/**
 * Valor numerico del complemento de cantidad de personas
 */
#personas #num-personas {
	/* Color de texto */
	color: red;
}

/**
 * Visibilidad del mensaje, no editar debido a que es fucionalidad
 * que debe editar el script solamente
 */
#ip-geo {
	visibility: hidden;
}

/**
 * Titulo principal del complemento de estructura cuatro imagenes
 */
#estructura h1 {
	/* Margen de fondo */
	margin-bottom: 20px;
	/* Tipografia */
	font-family: 'Open Sans', sans-serif;
	/* Color de texto */
	color: rgb(189, 7, 7);
	/* Negrita en texto */
	font-weight: bold;
}

/**
 * Titulo de cada estructura en complemento de estructura de cuatro imagenes
 */
#estructura .structure h2 {
	/* Tipografia */
	font-family: 'Open Sans', sans-serif;
	/* Color de texto */
    color: rgb(15, 73, 123);
    /* Tamaño de texto */
    font-size: 18px;
    /* Negrita en texto */
    font-weight: bold;
}

/**
 * Parrafo de cada estructura en complemento de estructura de cuatro imagenes
 */
#estructura .structure p {
	/* Tipografia */
	font-family: 'Open Sans', sans-serif;
	/* Color de texto */
    color: black;
    /* Tamaño de texto */
    font-size: 14px;
	/* Espacio entre lineas */
    line-height: 1.42857143;
    /* Espaciado, no editar */
    margin: 0;
}

/**
 * Centra la imagen para dispositivos moviles, no editar
 */
#estructura .structure img {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

@media (max-width: 991px) {
	#estructura .structure h2,
	#estructura .structure p {
		text-align:center;
		margin-right: auto;
		margin-left: auto;
	}
}