ul.lista1 {
list-style-image: url('/sites/cenaim.espol.edu.ec/files/2020/Biodiversidad/iconos_vinetas/vineta3.png');
margin-top: 10px;
}
.titulo1, .titulo2, .subtitulo1, .icono1 {
 color: #315384;
}
.titulo1 {
text-transform: uppercase;
}
.titulo1, .titulo2 {
font-weight: bold;
margin-bottom: 10px!important;
}
.titulo2 {
margin-top: 10px;
}
.subtitulo1 {
font-weight: bold;
font-style: italic;
margin: 5px 0 !important;
}
.padre {
   display: flex;
   align-items: center;
   -webkit-box-shadow: 5px 5px 5px 1px rgba(8,57,69,1);
  -moz-box-shadow: 5px 5px 5px 1px rgba(8,57,69,1); 
  box-shadow: 5px 5px 5px 1px rgba(8,57,69,1);
  width: 100%;
  margin-left: 10px;
}
@media screen and (min-width:768px)  {
    .padre{
     width: 80%;
     margin-left: 10px;
   }
}
.enlace {
text-align: left;
}
.slider {
   display: block;
   width: 100%;
}
.container-all{
    position: relative;    
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    height: auto;
    display: block;
    margin: 0 auto;
}
@media screen and (min-width:768px)  {
 .container-all{
    width: 60%;
 }
}

@media screen and (min-width:480px)  {
 .container-all{
    width: 80%;
 }
}
.slide{
    display: flex;
    transform: translate3d(0, 0, 0);
    transition: all 4000ms;
    animation-name: autoplay;
    animation-duration: 16s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}
.item-slide{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 100%;
}
.pagination{
    position: absolute;
    bottom: 20px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.pagination-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid white;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 10px;
    text-align: center;
    transition: all 300ms;
}
.pagination-item:hover{
    transform: scale(2);
}
.pagination-item img {
    display: inline-block;
    max-width: none;
    height: 100%;
    transform: scale(1);
    opacity: 0;
    transition: all 300ms;
}
.pagination-item:hover img {
    opacity: 1;
    transform: scale(1);
}
.caption p {
 position: absolute;
 bottom: 0.5%;
 text-align: center;
 width: 100%;
 font-size: 16px;
 color: #fff;
 font-weight: bold;
 background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
}
input[id="1"]:checked ~ .slide{
    animation: none;
    transform: translate3d(0, 0, 0);
}
input[id="1"]:checked ~ .pagination .pagination-item[for="1"]{
    background: #fff;
}
input[id="2"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 1), 0, 0);
}
input[id="2"]:checked ~ .pagination .pagination-item[for="2"]{
    background: #fff;
}
input[id="3"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 2), 0, 0);
}
input[id="3"]:checked ~ .pagination .pagination-item[for="3"]{
    background: #fff;
}
input[id="4"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 3), 0, 0);
}
input[id="4"]:checked ~ .pagination .pagination-item[for="4"]{
    background: #fff;
}
@keyframes autoplay{
    10%{
        transform: translate3d(calc(-100% * 0), 0, 0);
    } 
    30%{
        transform: translate3d(calc(-100% * 1), 0, 0);
    }
    60%{
        transform: translate3d(calc(-100% * 2), 0, 0);
    }
   100%{
        transform: translate3d(calc(-100% * 3), 0, 0);
    }
}

.icono1 {
 font-size: 35px;
}
.menu-red {
 list-style: none;
}
.menu-red li {
 float: left;
 margin: 0;
 padding-right: 15px;
}
.ocultar {
 float: left;
}