/* 
	HOJA DE ESTILOS PARA TESTS MAR 2019 ALS 
*/
 
 
	body {margin:0;}
	
	p {
	  color: black;
	  font-family: Arial;
	  font-size: 12pt;
	}	
	
	h1 {
	  color: #19163d; /* Tomado de "bcbcbc colour" buscar en google */
	}	
	
	img,h1{ /* Para cuando se usa H1 e Imagen al mismo nivel */
		display:inline-block;
	}


	
	h2 {
	  color: #24275b; /* Tomado de "bcbcbc colour" buscar en google */
	}	
		
	h3 {
	  color: #3f4172; /* Tomado de "bcbcbc colour" buscar en google */
	}	
	
	@media print {
				  h1 {
					color: #19163d; /* Tomado de "bcbcbc colour" buscar en google */
				  }

			@media print and (-webkit-min-device-pixel-ratio:0) {
						h1 {
						  color: navy;
						  -webkit-print-color-adjust: exact;
						}
				  }
				}
	
	#als_page_header{  
	  position: fixed;
	  width: 100%;
	  z-index: 999;
	}
	
			.navbar {
			  overflow: hidden;
			  background-color: #333;
			  position: fixed;
			  top: 0;
			  width: 100%;
			}

			.navbar a {
			  float: left;
			  display: block;
			  color: #f2f2f2;
			  text-align: center;
			  text-decoration: none;
				font: 1.2em Helvetica, arial, sans-serif;
			  font-size: 14px;
			  /* padding: 14px 16px; */
				padding: 1em 10px 15px 10px; /*  arriba		 1em padding  */
											 /*  derecha	10px padding  */
											 /*  abajo		15px padding  */
											 /*  izquierda	10px padding  
								 /* en dirección de las agujas del reloj */			  
			}

			.navbar a:hover {
			  background: #ddd;
			  color: black;
			}

	

			.main {
			  padding: 16px;
			  margin-top: 30px;
			  height: 1500px; /* Used in this example to enable scrolling */
			}

	
	body {
		margin:0;		
		color: grey;
		background-image: "./images/common/BL_Background.jpg";
		background-color: transparent	}
	
	
		main {
		  padding: 16px;
		  margin-top: 30px;
		  height: 1500px; /* Used in this example to enable scrolling */
		}
  
 {box-sizing: border-box;}

    .Envoltorio_Grid_H1C3F1 {
        max-width: 1024px;
        margin: 0 auto;
    }

    .Envoltorio_Grid_H1C3F1 > * {
        /*  border: 2px solid #ccc7c7; */		
		background-color: transparent;
		border-radius: 5px;
        padding: 10px;
    }

    nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
	
	.form_H1C3F1_encab {
	  grid-area: caja_encab;
	}
	.form_H1C3F1_central {
	  grid-area: caja_central;
	}
	.form_H1C3F1-nav {
	  grid-area: nav;
	}
	.Caja_Right_Up {
	  grid-area: Caja_Right_Up;
	}
	.Caja_Right_Down {
	  grid-area: Caja_Right_Down;
	}

	.form_H1C3F1-footer {
	  grid-area: caja_footer;
	}

	.Envoltorio_Grid_H1C3F1 {
	  display: grid;
	  grid-gap: 20px;
	  grid-template-areas: 
		"caja_encab"
		"nav"
		"caja_central"
		"Caja_Right_Up"
		"Caja_Right_Down"
		"caja_footer";
	}

	/* Mobile Sz */
	@media (min-width: 500px) { 
	  .Envoltorio_Grid_H1C3F1 {
		/* grid-template-columns: 1fr 3fr; */
		grid-template-columns: 2fr 2fr;
		grid-template-areas: 
		  "caja_encab  caja_encab"
		  "nav     nav"
		  "Caja_Right_Up caja_central"
		  "Caja_Right_Down      caja_footer";
	  }
	  nav ul {
		display: flex;
		justify-caja_central: space-between;
	  }
	}

	/* Desktop Sz */
	@media (min-width: 700px) {
	  .Envoltorio_Grid_H1C3F1 {
		/* grid-template-columns: 1fr 4fr 1fr; */
		grid-template-columns: 1fr 3fr 2fr;
		grid-template-areas: 
		  "caja_encab caja_encab  caja_encab"
		  "nav    caja_central Caja_Right_Up"
		  "nav    caja_central Caja_Right_Down"
		  "caja_footer  caja_footer  caja_footer"
	   }
	   
	nav ul {
		flex-direction: column;
		}
	}