p{
  text-align: justify;
  padding-left: 10px;
  padding-right: 10px;
}

text{
  position: absolute;
  transform: rotate(90deg);
   margin-top: -110px;
   margin-left: 130px;
   font-size: 12px;
}
img{
  background-image: url("Codex-2018.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top:5%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cajon {
  display: grid;
  grid-template-columns: repeat(15, 1fr);
  grid-gap: 5px;
  grid-template-rows: repeat(40, 25px);
}
.encabezado{
  grid-column: 1 / 16;
  grid-row: 1/10;
}

.txtencabezado1{
   margin: -5px;
  text-align: center;
  grid-column: 3 / 14;
  grid-row: 4/5;
}
.txtencabezado2{
  margin: -5px;
  text-align: center;
  grid-column: 3 / 14;
  grid-row: 5/6;
}

.logo{
  grid-column: 12 / 15;
  grid-row: 2/9;
 /* background-image: url("Codex-2018.png");*/
  z-index: 99;
}

.terminos{
  grid-column: 1 / 16;
  grid-row: 18/25;
}

.texto1 {
  text-align: center;
  grid-column: 2 / 8;
  grid-row: 27/28;
  background-color: #e2e2e2;
}
.texto2 {
  text-align: center;
  grid-column: 9 / 15;
  grid-row: 27/28;
  background-color: #e2e2e2;
}

.texto3 {
  text-align: center;
  grid-column: 2 / 8;
  grid-row: 32/33;
  background-color: #e2e2e2;
}
.texto4 {
  text-align: center;
  grid-column: 9 / 15;
  grid-row: 32/33;
  background-color: #e2e2e2;
}

.firma1{
   grid-column: 2 / 8;
  grid-row: 28/32;
  background-color: #e2e2e2;
}
.firma2{

  grid-column: 9 / 15;
  grid-row: 28/32;
  background-color: #e2e2e2;
}



/*     */
.b1{
  color: #f2f2f2;
  text-align: center;
  grid-column: 1 / 3;
  grid-row: 8/9;
  background-color: #840000;
}

.c1{
  grid-column: 3 / 8;
  grid-row: 8/9;
  background-color: #e2e2e2;
}

/*     */
.b2{
  color: #f2f2f2;
  text-align: center;
  grid-column: 1 / 3;
  grid-row: 9/10;
  background-color: #840000;
}
.c2{
  grid-column: 3 / 8;
  grid-row: 9/10;
  background-color: #e2e2e2;
}

/*     */
.b3{
  color: #f2f2f2;
  text-align: center;
  grid-column: 9 / 12;
  grid-row: 9/10;
  background-color: #840000;
}
.c3{
  grid-column: 12 / 16;
  grid-row: 9/10;
  background-color: #e2e2e2;
}

/*     */
.f4
{
    color: #4C4C4C;
    text-align: center;
    grid-column: 4/5;
    grid-row: 11/13;
    background-color: #F2F2F2;
   
}

.b4{
  color: #f2f2f2;
  text-align: center;
  grid-column: 1 / 4;
  grid-row: 11/13;
  background-color: #878787;
  font-size: 14px;
}

.c4{
  grid-column: 5/ 11;
  grid-row: 11/12;
  background-color: #e2e2e2;
}

.l5 {
    color: #4C4C4C;
    text-align: center;
    grid-column: 11 /12;
    grid-row: 11/13;
    background-color: #F2F2F2;
    
}
.c5{
  grid-column: 12 / 16;
  grid-row: 11/12;
  background-color: #e2e2e2;
}

.pu1 {
    color: #4C4C4C;
    text-align: center;
    grid-column: 4/5;
    grid-row: 12 / 13;
    background-color: #F2F2F2;
}

.c6{
  grid-column: 5 / 16;
  grid-row: 12/13;
  background-color: #e2e2e2;
}

/*     */
.b5 {
    color: #f2f2f2;
    text-align: center;
    grid-column: 1 / 4;
    grid-row: 13/16;
    background-color: #878787;
    font-size: 14px;
}

.ma7 {
    color: #4C4C4C;
    text-align: center;
    grid-column: 4/5;
    grid-row: 13/14;
    background-color: #F2F2F2;
}

.c7{
  grid-column: 5 / 7;
  grid-row: 13/14;
  background-color: #e2e2e2;
}
.mo8
{
    color: #4C4C4C;
    text-align:center;
    grid-column: 7/8;
    grid-row: 13/14;
    background-color: #F2F2F2;
}

.c8{
  grid-column: 8 / 13;
  grid-row: 13/14;
  background-color: #e2e2e2;
}

.ti9
{
    color: #4C4C4C;
    text-align: center;
    grid-column: 13/14;
    grid-row: 13/14;
    background-color: #F2F2F2;
}

.c9{
  grid-column: 14 / 16;
  grid-row: 13/14;
  background-color: #e2e2e2;
}

/* datos de campos monitor*/
.monitor1 {
    color: #4C4C4C;
    text-align: center;
    grid-column: 4/5;
    grid-row: 14/15;
    background-color: #F2F2F2;
}

.monitor2 {
    grid-column: 5 / 7;
    grid-row: 14/15;
    background-color: #e2e2e2;
}

.monitor3 {
    color: #4C4C4C;
    text-align: center;
    grid-column: 7/8;
    grid-row: 14/15;
    background-color: #F2F2F2;
}

.monitor4 {
    grid-column: 8 / 13;
    grid-row: 14/15;
    background-color: #e2e2e2;
}

.monitor5 {
    color: #4C4C4C;
    text-align: center;
    grid-column: 13/14;
    grid-row: 14/15;
    background-color: #F2F2F2;
}

.monitor6 {
    grid-column: 14 / 16;
    grid-row: 14/15;
    background-color: #e2e2e2;
}



/* datos de campos otros*/
.otros1 {
    color: #4C4C4C;
    text-align: center;
    grid-column: 4/5;
    grid-row: 15/16;
    background-color: #F2F2F2;
}

.otros2 {
    grid-column: 5 / 7;
    grid-row: 15/16;
    background-color: #e2e2e2;
}

.otros3 {
    color: #4C4C4C;
    text-align: center;
    grid-column: 7/8;
    grid-row: 15/16;
    background-color: #F2F2F2;
}

.otros4 {
    grid-column: 8 / 13;
    grid-row: 15/16;
    background-color: #e2e2e2;
}

.otros5 {
    color: #4C4C4C;
    text-align: center;
    grid-column: 13/14;
    grid-row: 15/16;
    background-color: #F2F2F2;
}

.otros6 {
    grid-column: 14 / 16;
    grid-row: 15/16;
    background-color: #e2e2e2;
}

/*     */
.b6 {
    color: #f2f2f2;
    text-align: center;
    grid-column: 1 / 4;
    grid-row: 16/17;
    background-color: #878787;
}
.c10{
  grid-column: 4 / 16;
  grid-row: 16/17;
  background-color: #e2e2e2;
}

/*     */
.b7 {
    color: #f2f2f2;
    text-align: center;
    grid-column: 1 / 4;
    grid-row: 17/18;
    background-color: #878787;
}
.c11{
  grid-column: 4 / 16;
  grid-row: 17/18;
  background-color: #e2e2e2;
}

/*   */
.b8{
  color: #f2f2f2;
  text-align: center;
  grid-column: 1 / 3;
  grid-row: 34/36;
  background-color: #840000;
}
.c12{
  grid-column: 3 / 7;
  grid-row: 34/36;
  background-color: #e2e2e2;
}

/*   */
.b9{
  color: #f2f2f2;
  text-align: center;
  grid-column: 8 / 10;
  grid-row: 34/36;
  background-color: #840000;
}
.c13{
  grid-column: 10 / 13;
  grid-row: 34/36;
  background-color: #e2e2e2;
}

/*   */
.b10{
  color: #f2f2f2;
  text-align: center;
  grid-column: 1 / 3;
  grid-row: 37/39;
  background-color: #840000;
}

.c13 {
    grid-column: 3 / 5;
    grid-row: 37/39;
    background-color: #e2e2e2;
}
.c14{
  grid-column: 5 / 7;
  grid-row: 37/39;
  background-color: #e2e2e2;
}
.c15-1 {
    grid-column: 7 / 9;
    grid-row: 37/39;
    background-color: #e2e2e2;
}
.c15{
  grid-column: 9 / 11;
  grid-row: 37/39;
  background-color: #e2e2e2;
}

.c16-1 {
    grid-column: 11 / 13;
    grid-row: 37/39;
    background-color: #e2e2e2;
}

.c16{
  grid-column: 13 / 16;
  grid-row: 37/39;
  background-color: #e2e2e2;
}

label{
  top:10%; 
  position: relative;
}