html {
  height: 100%;}

body {
    margin-top: 1px;
    text-align: center;
    text-justify: auto;
    text-overflow: clip;
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    color: rgb(255, 255, 255);
    background: #1a0505 ;
    background: linear-gradient(135deg, rgba(34,193,195,1) 23%, rgb(127, 187, 21) 100%);}
    /* background: linear-gradient(135deg, rgba(34,193,195,1) 23%, rgba(253,247,45,1) 100%);} */

.divintro{
  height: 33vh;
  margin-top: 20vh; }

.boton{
    font-size:1.2vw;
    font-family:Arial,Verdana,Helvetica;
    font-weight: bold;
    color:rgba(255, 254, 254, 0.867);
    background:#2e2d2d2c;
    border-color: rgb(255, 81, 0);
    border-radius: 1.5vh;
    border-style: solid;
    border-width: 0.31vh;
    margin-top:1.8vh;
    width:8vw;
    height:4.8vh;  }
  
.boton:hover {
  background-color: #f0f4f62f;
  color: rgba(245, 245, 245, 0.725);}

.formu{
  width:12vw;
  height:5vh;
  text-align:center;
  font-size:1.5vw;
	border-radius:1.5vh;
  border-color: rgb(255, 81, 0);
  border-style: solid;
  border-width: 0.28vh;
	background-color:#f7f7f79b;}

.imag{
  width:16vw;
  padding-top: 1vh;
  margin-bottom: 2vh;
  text-align:center;}

.imag2{
  width:38vw;
  margin-bottom: 2vh;
  text-align:center;
  padding-top: 1vh;}

.divancho{
  width:90vw;
  /* margin-bottom: 1.8vh; */
  padding-top: 1.8vh;}

.a2030{
  /* width:90vw; */
  height: 20vh;
  /* margin-bottom: 1.8vh; */
  padding-top: 1.8vh;
  font-size:2.2vh;}

.box {
  margin-top: 10px;
  border: 2px dotted darkblue;
  width: 90vw;
  height: 90vh;
  font-size: 10vh;
  /* margin: 10%; */
  /* padding: 10%; */
}

.divkabecera{
  text-align:left;
  width:99vw;
  height:9vh;
  margin-top: 1vh;
  border: 1px rgb(255, 255, 255);
  background-color:#ffffff38;
}

.divk1{
  text-align:left;
  font-weight: bold;
  font-size: 1.1vw;
  width:24vw;
  height:8vh;
  float:left;
}

.divk2{
  text-align:left;
  font-weight: bold;
  font-size: 1.1vw;
  width:20vw;
  height:8vh;
  float:left;
}

.divk3{
  text-align:right;
  margin-right: 1vw;
  font-weight: bold;
  color:rgba(255, 255, 255, 0.581);
  font-size: 4vw;
  width:30vw;
  height:9vh;
  float:right;
}

.imagk{
  height:8vh;
}

.divquerpo{
  text-align:left;
  font-weight: bold;
  width:99vw;
  height:75vh;
  margin-top: 1vh;
  border: 1px rgb(255, 255, 255);
  font-size: 1.1vw;
  color:rgba(255, 255, 255, 0.867);
  background-color:#ffffff38;
}

.divpie{
  text-align:left;
  width:99vw;
  height:12vh;
  margin-top: 1vh;
  border: 1px rgb(255, 255, 255);
  font-size: 1.1vw;
  color:rgba(255, 255, 255, 0.867);
  background-color:#ffffff38;
}

.divp1{
  text-align:left;
  width:6vw;
  height:12vh;
  float:left;
}

.divp2{
  text-align:left;
  font-size: 2vh;
  width:35vw;
  height:12vh;
  float:left;
}

.divp3{
  text-align:right;
  width:6vw;
  height:12vh;
  float:right;
  a {display:block; width:100%; height:100%; color:rgba(255, 254, 254, 0.867);}
}

.divp3:hover {
  background-color: #f0f4f62f;
  color: rgba(245, 245, 245, 0.725);}

.divp4{
  text-align:center;
  width:6vw;
  height:9.2vh;
  float:right;
}

.divp5{
  text-align:center;
  font-size: 2vh;
  /* font-weight: bold; */
  width:6vw;
  height:2.5vh;
  float:right;
}
.divp6{
  margin-top: 0.5vh;
  width:35vw;
  height:7.8vh;
  float:left;
}
.divp7{
  margin-bottom: 1.8vh;
  width:36vw;
  height:2.5vh;
  float:left;
}

.imagp1{
  width:5.8vw;
  height:12vh;
}

.imagp2{
  width:4.4vw;
  height:9.2vh;
}

.botonp1{
  font-size:2vh;
  font-family:Arial,Verdana,Helvetica;
  color:rgba(255, 254, 254, 0.867);
  background:#2e2d2d2c;
  border-color: rgb(255, 81, 0);
  border-radius: 1vh;
  border-style: solid;
  border-width: 0.2vh;
  width:7vw;
  height:3vh;  
}

.botonp1:hover {
  font-size:2vh;
  font-family:Arial,Verdana,Helvetica;
  background-color: #ffffff24;
  color:rgba(255, 254, 254, 0.867);
  border-color: rgba(255, 81, 0, 0.721);
  border-width: 0.25vh;
}

.botonp2{
  font-size:2vh;
  font-family:Arial,Verdana,Helvetica;
  color:rgba(255, 254, 254, 0.867);
  background:#2e2d2d2c;
  border-color: rgb(255, 81, 0);
  border-radius: 1vh;
  border-style: solid;
  border-width: 0.2vh;
  width:4vw;
  height:3vh;  
}

.botonp2:hover {
  font-size:2vh;
  font-family:Arial,Verdana,Helvetica;
  background-color: #ffffff24;
  color:rgba(255, 254, 254, 0.867);
  border-color: rgba(255, 81, 0, 0.721);
  border-width: 0.25vh;
}
     
