*{
			margin:0;
			padding: 0;
		}
		form.registro {
		    display: -ms-grid;
		    display: grid;
		    -ms-grid-columns: 150px .3rem 150px;
		    grid-template-columns: 150px 150px;
		    -ms-grid-rows: auto;
		    grid-template-rows: auto;
		                        grid-template-areas: 
		    				"header header"
		    				"nombre apellidos"
		    				"telefono telefono"
		    				"direccion direccion"
		    				"cpostal cpostal"
		    				"provincia municipio"
		    				"email email"
		    				"remail remail"
		    				"psw psw2"
		    				"submit submit"
		    				"indicaciones indicaciones"
		    				"initium initium";
		    justify-content: center;
		    font-family: "Courier New";
		    background-color: green;
		    padding: .3rem;
		    grid-gap: .3rem;
		}
		form input {
		    background-color: green;
		    height: 3rem;
		    border: 1px solid white;
		    color: white;
		    padding-left: 3%;
		    font-size: 1rem;
		}
		form input:hover,form input:focus{
			transition: all .4s ease-in;
			color:rgba(0,0,0,.6);
			background-color: rgba(155,251,155,.6);
			border: 1px solid rgba(0,0,0,.4);
		}
		form input:focus{color:black;border:1px solid blue;}
		select.zonas{display: none}
		.nombre{
		  -ms-grid-row: 3;
		  -ms-grid-column: 1;
		  grid-area: nombre;
		}
		.apellidos{
			-ms-grid-row: 3;
			-ms-grid-column: 3;
			grid-area: apellidos;
		}
		.telefono{
		  -ms-grid-row: 5;
		  -ms-grid-column: 1;
		  -ms-grid-column-span: 3;
		  grid-area: telefono;
		}
		.email{
		  -ms-grid-row: 7;
		  -ms-grid-column: 1;
		  -ms-grid-column-span: 3;
		  grid-area: email;
		 }
		.remail {
		  -ms-grid-row:9;
		  -ms-grid-column:1;
		  -ms-grid-column-span:3;
		  grid-area:remail;
		}
		.direccion{
			-ms-grid-row: 13;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
			grid-area: direccion;
		}
		.cpostal{
		  -ms-grid-row: 15;
		  -ms-grid-column: 1;
		  grid-area: cpostal;
		}
		.municipio{
		  -ms-grid-row:15;
		  -ms-grid-column:3;
		  grid-area:municipio;
		}
		.submit{
			-ms-grid-row: 17;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
			grid-area: submit;
			transition: all .4s ease-in;
		}

		.submit:hover{
			background-color: rgba(155,251,155,.3);
			box-shadow: 0px 0px 5px 3px rgba(0,0,0,.3);
			color:#016603;
			cursor: pointer;
		}

		.signup {
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    min-height: 100vh;
		    min-width: 100vw;
		    background-image: url('https://www.alagonnature.es/images/sistema/frutas-half.png');
		}

		select{
			background-color: green;
			color: white;
			text-shadow: 0 2px 2px black;
			font-size: 1.2rem;			
		}

		.indicaciones {
		    -ms-grid-row: 19;
		    -ms-grid-column: 1;
		    -ms-grid-column-span: 3;
		    grid-area: indicaciones;
		    text-align: center;
		    color:red;
		    text-shadow: 1px 1px 5px black;
		    background-color: white;
		}
		.initium{
			grid-area: initium;
			text-align: center;
		}
		.initium a{color:white;transition: .5s;}
		.initium a:hover{text-shadow:0 0 10px #095909;color:#ffee09;}		
		.presentacion {
		    display: -ms-grid;
		    display: grid;
		    -ms-grid-columns: 130px 1fr;
		    grid-template-columns: 130px 1fr;
		    background-color: rgba(255,255,255,.8);
		    border: 1px solid blue;
		}
		.yellow{color:#ffee09}
		header img {
		    width: 100%;
		}
		header hgroup h1 {
		    order: 2;
		    font-size: 1rem;
		    line-height: 2rem;
		}
		header h2 {
		    font-size: 1.4rem;
		}		
		header.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
			grid-area: header;
		}		
		header > * {
		    -ms-grid-row-align: center;
		    align-self: center;
		}
		hgroup {
		    display: flex;
		    flex-flow: column;
		    -ms-grid-row-align: center;
		        align-self: center;
		}
		#provincia{grid-area: provincia}
		.red{
		    color: red;
		}
		.green {
		    color: green;
		}
		.oculto{display: none}
		@media all and (max-width:40em) {
		}