/*

----------------------------------
| LOGO  |		 |	   ORDEN     |
|		|		 |		 |		 |
----------------------------------

*/
#cabecera{
	display: grid; /* Se define una cuadricula en la cabecera */
	grid-template-columns: 25% 25% 15% 35%; /* La cuadricula tiene cuatro columnas */
}

#logoBecsaih {
	grid-column-start: 1; /* Comienza en la columna 1 */
	grid-column-end: 2; /* Finaliza en la columna 4 sin coger la 5 */
	grid-row-start: 1; /* Comienza en la fila 1 */
	grid-row-end: 2; /* Finaliza en la fila 2 sin coger la fila 3 */
}

#orden {
	grid-column-start: 4; /* Comienza en la columna 1 */
	grid-column-end: 5; /* Finaliza en la columna 4 sin coger la 5 */
	grid-row-start: 1; /* Comienza en la fila 1 */
	grid-row-end: 2; /* Finaliza en la fila 2 sin coger la fila 3 */
}




/*

----------------------------------
| 			  CLIENTE  			 |
|		|		 |		 |		 |
----------------------------------
| 		| PERSONA|EMPRESA|	     |
|		|		 |		 |		 |
----------------------------------
| 		|  TELE  |  REF	 |	     |
|		|		 |		 |		 |
----------------------------------



#portada{
	display: grid; 
	grid-template-columns: 25% 25% 15% 35%; 
}

#clienteCaja {
	grid-column-start: 2; 
	grid-column-end: 4; 
	grid-row-start: 1; 
	grid-row-end: 2; 
}

#personaCaja {
	grid-column-start: 2; 
	grid-column-end: 3; 
	grid-row-start: 2; 
	grid-row-end: 3; 
}
#empresaCaja {
	grid-column-start: 3; 
	grid-column-end: 4; 
	grid-row-start: 2; 
	grid-row-end: 3; 
}
#telefonoCaja {
	grid-column-start: 2; 
	grid-column-end: 3; 
	grid-row-start: 3; 
	grid-row-end: 4; 
}
#referenciaCaja {
	grid-column-start: 3;
	grid-column-end: 4; 
	grid-row-start: 3; 
	grid-row-end: 4; 
}

*/

/*

form

----------------------------------
| fecha |		 |	   boton	 |
|		|		 |		 |		 |
----------------------------------

*/

footer {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%; /* La cuadricula tiene cuatro columnas */
}

#piefecha {
	grid-column-start: 1; /* Comienza en la columna 1 */
	grid-column-end: 2; /* Finaliza en la columna 4 sin coger la 5 */
	grid-row-start: 1; /* Comienza en la fila 1 */
	grid-row-end: 2; /* Finaliza en la fila 2 sin coger la fila 3 */
}

#pieboton {
	grid-column-start: 4; /* Comienza en la columna 1 */
	grid-column-end: 5; /* Finaliza en la columna 4 sin coger la 5 */
	grid-row-start: 1; /* Comienza en la fila 1 */
	grid-row-end: 2; /* Finaliza en la fila 2 sin coger la fila 3 */
}