* {	
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.aviso {
   background-color: transparent;
   color: black;
   text-align: justify;
   font-size: 0.7vw;
   color: black;
   left : 30%;
   top: 1%;
   max-width: 95%;
}

.aviso .avisocerrar {
  color: black;
   font-size: 0.7vw;
  font-weight: bold;
  float: right;
  cursor: pointer;
  transition: 0.3s;
}

.avisocerrar:hover {
  color: black;
}

.imgarchivopdf{
  width: 50%;
  display:block; 
  margin: 0 auto;
} 

body {
  margin: 0;
  font-family: Verdana; 
  min-height:450px;
}

.cabecerapag {
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
}
  
.cabecera {
  background: linear-gradient(-85deg, DarkBlue, SteelBlue, LightSteelBlue, AliceBlue, GhostWhite, Snow, White);
  background: -webkit-linear-gradient(-85deg, DarkBlue, SteelBlue, LightSteelBlue, AliceBlue, GhostWhite, Snow, White);
  z-index: 100;
  height: 4vw;
}

@media only screen and (max-width: 600px) {
   /* Para móviles */
   .cabecera {
    height: 30px;
   }
}

.contenedor-grilla{
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  margin: 6% 0 0 0;
  gap: 20px 20px; 
 /* min-height: 90%; */
}

.columnal {
  grid-column: 1 / 2;
  grid-row: 1 / 4;
  width: 15vw;
}

.columnai {
grid-column: 1 / 14;
}

.columna0 {
grid-column: 2 / 14;
}

.columna1 {
  grid-column: 2 / 6;
}

.columna2 {
  grid-column: 6 / 10;
}

.columna3 {
  grid-column: 10 / 14;
}

.columna4 {
  grid-column: 2 / 5;
}

.columna5 {
  grid-column: 5 / 8;
}

.columna6 {
  grid-column: 8 / 11;
}

.columna7 {
  grid-column: 11 / 14;
}

.columna8 {
  grid-column: 2/ 6;
}

.columna9 {
  grid-column: 6 / 14;
}

.columna10 {
  grid-column: 2 / 7;
}

.columna11 {
  grid-column: 7 / 14;
}

.columna12 {
  grid-column: 2 / 8;
}

.columna13 {
  grid-column: 8 / 14;
}

[class*="columna"] {
	padding: 5px 0 0 0;
}
[class*="columna"] .titulo {
  font-size: 1.5vw;
  padding: 0 0 0 5px;
  color: red;
  font-weight: bold ; 
  text-align: left;
  vertical-align: bottom;
}

[class*="columna"] .num {
  float: left;
  color: #6699CC;
  font-weight: bold;
  font-size: 1.5vw;
  padding: 0 5px 0 10px;
}

[class*="columna"] .vlist {
  float: left;
  color: #6699CC;
  font-weight: bold;
  font-size: 1.5vw;
  padding: 0 5px 0 10px;
}

[class*="columna"] > img {
  display: block;
  margin: auto;
}

[class*="columna"] > h1 {
   text-align: center;
   padding: 0;
}

[class*="columna"] > h2 {
   text-align: center;
}

[class*="columna"] > h3 {
   padding: 0 5px;
}

[class*="columna"] > p {
  width: 96%;
  font-size: 1vw;
  text-align: justify;
}

@media only screen and (max-width: 600px) {
  /* For mobile phones: */
  [class*="columna"] {
    width: 100%;
  }
  [class*="columna"] > h1 {
    padding: 5px 0 0 0;
  }
  [class*="columna"] > h2 {
    padding: 4px 0 0 0;
  }
  [class*="columna"] > h3 {
    padding: 3px 0 0 0;
  }
  [class*="columna"] > p {
    padding: 0 5px;
    text-align: justify;
  }
  [class*="columna"] .titulo {
  padding: 0 0 0 5px;
  }
  [class*="columna"] .num {
  padding: 0 5px 0 10px;
  }
  [class*="columna"] .img {
    width: 80%;
  }
}

.contenportf {
 max-height: 550px;
  background-color: transparent;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1), 5px 5px 10px 5px rgba(0, 0, 0, 0.2);
}

.contenportf > img {
   display: block;
   margin: 0 auto;
   padding: 15px 0 0 0;
}

.contenportf h3 {
   text-align: center;
}

.contenportf p {
    padding: 5px 20px;
}

@media only screen and (max-width: 600px) {
   /* Para móviles */
  .contenportf > img {
    padding: 5px 0 0 0;
  }

  .contenportf h3 {
   text-align: center;
  }

  .contenportf p {
    padding: 5px 10px;
  }
}

.fechapag {
   width: 20%;
   text-align: center;
   color: #2E8B57;
   float: left;
}

.lema{
  width: 100%;
  color: #20B2AA;
  margin: 0 auto;
}

.lema > img{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

p i:first-child {
  color: #008B8B;
  font-weight: bold;
  padding: 0 5px 0 0;
} 

.lema .lematexto{
	text-align: center;
	font-size: 0.5vw;
	font-weight: bold;
	font-style: italic;
	padding: 5px;
  /*
   text-shadow: 1px 1px 2px #000000;
   background: rgba(0, 0, 0, 0.1);
  left: 50%;
	z-index: -1;*/
	transform: translate(0%, 0.5%);
	-moz-transform: translate(0%, 0.5%);
	-webkit-transform: translate(0%, 0.5%);
}

@media only screen and (max-width: 600px) {
   /* Para móviles */
   .lema >img{
       width: 100%;
       margin-top:1%;
    }
   .lema .lematexto {
   }
}

.logotipo {
   width: 16%;
   margin-left: 44%;
   padding: 10px 0;
}

.logotipo img {
  width: 75%;
  margin: auto;
}

.piempresa {
   background-color: #4682B4; 
   width: 100%;
   left: 0;
   margin: 0;
   padding: 0;
}  

.piempresa > p{
   color: #F8F8F8;
   text-align: right;
   padding: 0 30px 0 0;
}

.piempresa > img{
  display: block;
  float: left;
  width: 80px; 
  height: 80px;
  padding: 10px;
}

@media only screen and (max-width: 600px) {
   /* Para móviles */
   .piempresa p {
   }
   .piempresa > img{
      padding: 5px;
    }
}

.rojo {
   color: red;
}