.redondeado {
  -ms-border-radius: 1em; 
  -webkit-border-radius: 1em; 
  border-radius: 22px;
}
#Todo { }  


 .fade { 
  -webkit-animation: fadein 10s; 
    -moz-animation: fadein 10s; 
    -ms-animation: fadein 10s; 
    -o-animation: fadein 10s; 
  animation: fadein 10s;
}

.fade, .fade img {
  -webkit-transition: opacity 10s; 
  -moz-transition: opacity 10s; 
  -o-transition: opacity 10s;
  transition: opacity 10s;
}



.encolumnado>div { break-inside: avoid; }
.encolumnado .parrafo { text-indent: 0; }
.encolumnado p { text-align: justify; }
.encolumnado {
  padding: 1em;
  -webkit-column-count: 4; -webkit-column-gap: 2em; -webkit-column-rule: 0px outset #000080; 
  -moz-column-count:    4; -moz-column-gap:    2em; -moz-column-rule:    0px outset #000080; 
  column-count:         4; column-gap:         2em; column-rule:         0px outset #000080;
}
.encolumnado p { padding-top: 1em; }
.encolumnado ul, .encolumnado ol { margin-left: 1em; padding-left: .5em; }

@media (max-width: 1280px) { .encolumnado { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }}
@media (max-width: 1024px) { .encolumnado { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }}
@media (max-width: 800px)  { .encolumnado { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }}
@media (max-width: 640px)  { .encolumnado { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }}
@media (max-width: 480px)  { .encolumnado { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }}


estallido {
  position: absolute; top: 0em; left: 0em; margin: 0; padding: 2em 2.5em 2.5em 2em; line-height: 1em;
  text-align: center; font-size: 2rem; font-weight: bolder;
  font-family: Verdana; 
  background-image: url(/comun/img/estallido.svg); background-size: 100% 100%; transform: rotate(-20deg);
}
estallido, estallido a, estallido a:hover { text-decoration: none; color: red;  }
ovalo {
  position: absolute; top: 0em; left: 0em; margin: 0; padding: 2em; line-height: 1em;
  text-align: center; font-size: 2rem; font-weight: bolder;
  font-family: Verdana; color: white; 
  background-image: url(/comun/img/ovalo.png); background-size: 100% 100%; background-position: center; transform: rotate(-20deg);
} 
ovalo, ovalo a, ovalo a:hover { text-decoration: none; color: white;  }