html {
  height: 100%;
}
body {
  min-height: 100%;
}
.parent {
  display: grid;

  grid-template-columns: 0.5fr 5fr 0.2fr 5fr 0.2fr 5fr 0.2fr 5fr 0.5fr;

  width: 100%;
  grid-template-rows: 0fr 0.6fr 0.2fr 0.4fr 0.4fr 0.4fr 0.4fr 0.2fr 1.5fr 0.2fr;

  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
/*
    .div1 { grid-area: 2 / 2 / 3 / 3; 
        float:left;
    }
    .div2 { grid-area: 2 / 4 / 3 / 5; float:left;
     
    }
    .div3 { grid-area: 2 / 6 / 3 / 7; float:left;
  
    }
    .div4 { grid-area: 2 / 8 / 3 / 9; float:left; 
    }

    .div10 { grid-area: 4 / 2 / 5/ 9; float:left;  
    }*/
.div0 {
  grid-area: 2 / 2 / 3 / 9;
}
.div1 {
  grid-area: 4 / 2 / 5 / 3;
}
.div200 {
  grid-area: 2 / 8 / 3 / 9;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.div300 {
  grid-area: 2 / 2 / 3 / 3;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.div2 {
  grid-area: 4 / 4 / 5 / 5;
}
.div3 {
  grid-area: 4 / 6 / 5 / 7;
}

.div4 {
  grid-area: 5 / 2 / 6 / 3;
}
.div5 {
  grid-area: 6 / 2 / 7 / 3;
}
.div6 {
  grid-area: 7 / 2 / 8 / 3;
}

.div7 {
  grid-area: 5 / 4 / 6 / 5;
}
.div8 {
  grid-area: 6 / 4 / 7 / 5;
}
.div9 {
  grid-area: 7 / 4 / 8 / 5;
}

.div10 {
  grid-area: 5 / 6 / 6 / 7;
}
.div11 {
  grid-area: 6 / 6 / 7 / 7;
}
.div12 {
  grid-area: 7 / 6 / 8 / 7;
}

.div13 {
  grid-area: 4 / 8 / 5 / 9;
}
.div14 {
  grid-area: 5 / 8 / 6 / 9;
}
.div15 {
  grid-area: 6 / 8 / 7 / 9;
}
.div16 {
  grid-area: 7 / 8 / 8 / 9;
}
.div100 {
  grid-area: 9 / 2 / 10 / 9;
}

.sectorop {
  @media only screen and (min-width: 1024px) {
    height: 100%, align-items-center;
  }
  @media only screen and (min-width: 3840px) {
    height: 100%, align-items-center;
  }
}

.sectorformato2 {
  @media only screen and (min-width: 1024px) {
    height: 80%, align-items-center;
  }
  @media only screen and (min-width: 3840px) {
    height: 100%;
  }
}

.sectorformato {
  display: table-cell;
  vertical-align: middle;
  align-items: center;

  height: 100%;
}
#timetotal {
  padding: 1%;

  font-size: 6vw;
}
.tituloformato {
  font-size: 2.5vw;
}

.actividadActual {
  text-align: center;
  margin: auto;
  /*overflow: hidden;*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: nowrap;
  overflow: hidden;

  @media (min-width: 1024px) {
    font-size: 1vw;
    line-height: 1.4;
    height: 10em;
  }

  @media (min-width: 1440px) {
    font-size: 1vw;
    line-height: 1.5;
    height: 10em;
  }

  @media (min-width: 1920px) {
    font-size: 1vw;
    line-height: 1.6;
    height: 10em;
  }

  @media (min-width: 2560px) {
    font-size: 1vw;
    line-height: 1.7;
    height: 10em;
  }

  @media (min-width: 3840px) {
    font-size: 1vw;
    line-height: 1.8;
    height: 10em;
  }
}

.padre {
  display: table;
  width: 100%;
}
.actividadEstado {
  display: table-cell;
  vertical-align: middle;
  align-items: center;

  padding-top: 1%;
  padding-bottom: 1%;

  @media only screen and (min-width: 1024px) {
    font-size: 4vw;
    line-height: 1;
    height: 1vw;
    padding-top: 1%;
    padding-bottom: 1%;
  }

  @media only screen and (min-width: 1920px) {
    font-size: 4vw;
    line-height: 1;
    height: 1.5vw;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }

  @media only screen and (min-width: 2560px) {
    font-size: 4vw;
    line-height: 1;
    height: 1.8vw;
    padding-top: 1.8%;
    padding-bottom: 1.8%;
  }

  @media only screen and (min-width: 3840px) {
    font-size: 4vw;
    line-height: 1;
    height: 2vw;
    padding-top: 2%;
    padding-bottom: 2%;
  }
}

.titulo {
  display: table-cell;
  width: calc(100vw - 1px);
  height: calc(100vh - 1px);
  vertical-align: middle;
  overflow: hidden;
  text-align: center;

  @media only screen and (min-width: 1024px) {
    font-size: 1.5vw;
    line-height: 1em;
    height: 4em;
    padding-top: 1%;
    padding-bottom: 1%;
  }

  @media only screen and (min-width: 1920px) {
    font-size: 1.5vw;
    line-height: 1em;
    height: 4.5em;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }

  @media only screen and (min-width: 2560px) {
    font-size: 1.5vw;
    line-height: 1em;
    height: 5em;
    padding-top: 2%;
    padding-bottom: 2%;
  }

  @media only screen and (min-width: 3840px) {
    font-size: 1.5vw;
    line-height: 1em;
    height: 4em;
    padding-top: 2%;
    padding-bottom: 2%;
  }
}

.titulop {
  padding: 1em 0 0 0;

  @media only screen and (min-width: 1024px) {
    font-size: 3vw;
  }

  @media only screen and (min-width: 1920px) {
    font-size: 3vw;
  }

  @media only screen and (min-width: 2560px) {
    font-size: 3vw;
  }

  @media only screen and (min-width: 3840px) {
    font-size: 3vw;
  }
}