@charset "UTF-8";
  /* CSS Document */
    /*Index*/
    /* fieldset{
      box-shadow: 0px 0px 20px #333333;
      margin-left: 2.5em;
      margin-right:2.5em;
      border: none;
      border-bottom-left-radius: 50px;
      border-bottom-right-radius: 50px;
      background: none;
      z-index: 100;
    } */
    section{
      box-shadow: 0px 0px 20px #333333;
      background-color: #fff;
      margin-left: 2.5em;
      margin-right:2.5em;
      padding: 0px;
      border: none;
      border-bottom-left-radius: 50px;
      border-bottom-right-radius: 50px;
    }
   h1, .textpres, p{
     font-size: 25px;
   }
   h1{
     text-shadow: 10px 5px 10px #cccccc;
     margin-left: 10%;
     margin-right: 10%;
     margin-top: 4%;
   }
   .textpres{
     font-size: 65%;
     text-align: justify;
     /* line-height: 100%; */
     letter-spacing: 0px;
     max-width: 80%;
     margin-left: auto;
     margin-right: auto;
   }
   hr{
     border:2.5px solid #9e2526;
     border-radius: 10px;
     position: static;
     z-index: 1;
     max-width: 80%;
   }

   /*SLIDESHOW*/

     .diaporama{
      width:80%;
      max-height: 300px;
      margin: auto;
      overflow: hidden;
      border-radius: 0px;
     }
     .diaporama ul {
      display: flex;
      padding: 0;
      width:200%;
      max-height: 300px;
      animation: cambio 12.5s infinite alternate linear;
      animation-timing-function: ease-in;
     }
     .diaporama li {
      width:100%;
      list-style: none;
     }
     .diaporama img{z-index: 1;}
     .diaporama .imgdiap1{
       height:330px;
       width:100%;
       cursor: pointer;
     }
     .diaporama .imgdiap2 {
      width:100%;
      height: 250px;
      cursor: pointer;
     }
     @keyframes cambio{
       0% { margin-left: 0;}
       40% { margin-left: 0;}

       60% { margin-left: -100%;}
       100% { margin-left: -100%;}
     }