/***************************************************************************
************************* M9P2P-1 GEOLOCALIZACION **************************
*********************** FECHA DE CREACION: 2016nov07 ***********************
******************* ESTILOS CSS-3: PC - LAPTOP - TABLET ********************
****************************************************************************/

@import url("subir.css");

@media(min-width: 980px) {
	#fondo {
		background-color: rgba(128, 128, 128, 0.3);
	}
	a {
		text-decoration: none;
	}
	.accionar
	{
		cursor: pointer;
	}
	/************************* INSTRUCCIONES *************************/
	#contInstruc {
		background-color: rgba(242, 242, 242, 1);
		width: 70%;
		height: auto;
		position: relative;
		margin: 1.25em auto;
		padding: 1.25em;
		font-family: Georgia, Helvetica, Arial, Verdana, 'sans-serif';
		color: rgba(0, 0, 0, 1);
		font-size: 1em;
		border-radius: 1em;
		box-shadow: 0 0 20px 5px rgba(0, 0, 0, 1);
	}
	.instrucciones {
		background-color: transparent;
		width: 80%;
		position: relative;
		margin: 0 auto;
		text-align: center;
	}
	.listaInstruc ul li {
		list-style-type: none;
	}
	/************************* CONTENIDO *************************/
	#contenedorGral {
		background-color: rgba(204, 255, 255, 0.3);
		box-shadow: 0 0 15px 5px rgba(255, 255, 255, 1);
		width: 80%;
		height: auto;
		position: relative;
		margin: 3.13em auto;
		padding: 1.25em;
		border-radius: 0.5em;
		font-family: Georgia, Helvetica, Arial, Verdana, 'sans-serif';
		font-size: 1.5em;
		text-align: justify;
		text-decoration: none;
	}
	h1 {
		color: rgba(0, 0, 102, 1);
		font-size: 100%;
	}
	.titulo {
		background-color: transparent;
		width: 80%;
		height: auto;
		padding: 1em;
		position: relative;
		margin: 0 auto;
		text-align: center;
	}
	.contenido {
		font-size: 1.2em;
	}
	h2.solucion {
		font-family: Arial;
		font-size: 200%;
		font-style: italic;
		color: rgba(0, 51, 102, 1);
		text-align: center;
		font-weight: bold;
	}
	.separador {
		width: 80%;
		height: 0;
		border: 0.13em solid rgba(102, 102, 102, 1);
		border-radius: 18.75em/0.31em;
		position: relative;
		margin: 1.25em auto;
	}
	/************************* ENCABEZADO *************************/
	header {
		width: 80%;
		padding: 0.5em;
		border-radius: 1em 1em 0 0;
	}
	.texto {
		background-color: transparent;
		width: 70%;
		height: auto;
		position: relative;
		margin: 0 0;
		padding: 0.2em;
		color: rgba(0, 0, 0, 1);
		/*font-family: Georgia, Arial, Helvetica, sans-serif;*/
		/*font-family: 'Bungee Inline', cursive;*/
		/*font-family: 'Wendy One', sans-serif;*/
		/*font-family: 'Luckiest Guy', cursive;*/
		/*font-family: 'Rammetto One', cursive;*/
		/*font-family: 'Sigmar One', cursive;*/
		/*font-family: 'Bungee Shade', cursive;*/
		/*font-family: 'Monoton', cursive;*/
		/*font-family: 'Freckle Face', cursive;*/
		/*font-family: 'Ruslan Display', cursive;*/
		/*font-family: 'Schoolbell', cursive;*/
		font-family: 'Aclonica', sans-serif;
		/*font-family: 'Fontdiner Swanky', cursive;*/
		/*font-family: 'Berkshire Swash', cursive;*/
		/*font-family: 'Press Start 2P', cursive;*/
		text-align: left;
		text-shadow: 4px 4px 4px rgba(153, 153, 102, 1);
		z-index: 200;
	}
	.tamTex1 {
		font-size: 250%;
	}
	.tamTex2 {
		font-size: 120%;
	}
	/************************* MENU *************************/
	.navbarDisenio {
		background-color: rgba(242, 242, 242, 0.7);
		margin-top: 0.3em;
	}
	.navText {
		font-size: 90%;
		text-align: left;
		padding: 1em;
	}
	/*************** ARTICULOS ***************/
	.articulosText {
		background-color: transparent;
		width: 90%;
		position: relative;
		margin: 0 auto;
		padding: 0.5em;
		font-size: 80%;
		text-align: justify;
	}
	/************************* CONTENEDOR *************************/
	.contenido {
		background-color: rgba(204, 255, 255, 0.3);
		width: 100%;
		min-width: 40em;
		position: relative;
		height: 26em;
	}
	#contenedor {
		background-color: rgba(204, 255, 255, 0.3);
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		margin: 1.5em auto;
		font-family: Georgia, Helvetica, Arial, Verdana, 'sans-serif';
		font-size: 1.5em;
		text-align: right;
		text-decoration: none;
		border-radius: 0.5em;
		box-shadow: 0 0 15px 5px rgba(255, 255, 255, 1);
	}
	.contenedorMapa {
    display: block;
    background-color: rgba(204, 204, 204, 1);
    width: 95%;
    height: 90%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0 10px 3px rgba(128, 128, 128, 0.8);
  }
  .btnOpcion {
    width: 80%;
    margin: auto;
  }
  #limpiarMapa,
  #acortarDistancia {
    background-color: rgba(128, 128, 128, 0.8);
    width: 10em;
    position: relative;
    top: 43.5em;
    left: 85%;
    color: rgba(255, 255, 255, 0.8);
    font-size: 60%;
    text-align: center;
    border-radius: 0.6em;
  }
  #limpiarMapa:hover,
  #acortarDistancia:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 115, 1);
    border-radius: 0.6em;
    box-shadow: 0 0 10px 3px rgba(255, 0, 0, 0.8);
  }
  /************************* BLOQUE DE PIE DE PAGINA (FOOTER) *************************/
	.notaPiePag {
		background-color: transparent;
		width: 40%;
		position: relative;
		margin: 0 auto;
		text-align: center;
	}
	.btnRegreso {
		width: 20%;
		height: auto;
		position: relative;
		margin: 0 auto;
		box-shadow: 0 0 15px 5px rgba(65, 64, 64, 1);
		border-radius: 0.5em;
		padding: 0.5em;
	}
	.btnRegreso:hover {
		box-shadow: 0 0 15px 5px rgba(255, 0, 0, 1);
	}
}/*FIN CODIGO 'PC-LAPTOP'*/