*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

body{
   font-family: 'Roboto', sans-serif;
   background: #f2f2f2;
   position: relative;
   min-height: 100vh;
   background-color: rgb(48, 104, 168);
}

.contenedor{
   width: 100%;
   overflow: hidden;
}

.slider-contenedor{
   width: 121%;
   display: flex;
   padding-top: -5px;
}

.contenido-slider{
   width: 100%;
   height: 480px;
   display: flex;
   position:relative;
   justify-content:center;
   align-items: center;
   flex-shrink: 0;
   background-image: url("elimgcss/images.jpg");
}



.contenido-slider:nth-child(2){
   background-image: url("elimgcss/image.jpg");

}

.contenido-slider:nth-child(3){
   background-image: url("elimgcss/imagess.jpg");
}



.contenido-slider > .cuadro{
   width: 30%;
   background-color: rgb(48, 104, 168);
   opacity: 0.75;
   padding: 10px;
   border-radius: 5%;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   animation-duration: 10s;
   animation-name: slidein;
   animation-iteration-count: infinite;
}

@keyframes slidein {
   from {
     margin-left: -10%;
     width: 30%;

   }

   to {
     margin-left: -15%;
     width: 30%;
   }
 }


.contenido-slider h1{
   font-size: 40px;
   font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   font-weight: bold;
   text-align:left;
   line-height: 50px;

}
.contenido-slider h2{
   font-size: 25px;
   font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   text-align: left;
   line-height: 30px;
   color: white;
}

.contenido-slider .botones-slider a{
   color: black;
   background: white;
   width: 100px;
   display: inline-block;
   padding: 10px 0;
   text-align: center;
   border-radius: 3px;
   margin-top: 20px;
   text-decoration: none;
   display: inline-block;
   left: 20%;
   font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   font-weight: bold;
}


.contenido-slider > .cuadro > .botones-slider{
   justify-content: space-between;
}


.contenido-slider  .iconowp {
   margin-bottom: -25%;
   margin-right: 90% ;
   position:fixed;
   padding: -10%;
   width: -100%;
   animation: none;
}

.col-2{
   animation: none;
   position: relative;
   height: 480px;
   width: 30%;
   background-color: #f2f2f2;
   border-style:groove;
   border-color: black;
   padding: .5%;
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   margin-left: -15%;
   padding-top: .5%;
   padding-bottom: .5%;
   opacity: 70%;
}
.col-2 h3{
   color: rgb(48, 104, 168);
   font-weight: bold;
   text-decoration: none;
   font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   margin-left: 5%;
}

.col-2 .nota{
   max-width: 90%;
   max-height: 380px;
   border-style: groove;
   padding-bottom: 5px;
   margin-bottom: 10px;
   margin-left: 5%;
}

.col-2 .nota a{
   font-weight: bold;
   font-size: 12px;
   color: black;
   font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   max-height: 30;
}

.col-2 .nota iframe {
   margin-left: 5%;
   margin-bottom: 0%;
}
.col-2 .nota img {
   margin-left: 5%;
   max-width:90%;
   max-height: 160px;
}

 footer{
   background-color: rgb(48, 104, 168);
   height: 80px;
   width: 99.2%;
   padding: 1px;
   text-decoration: none;
   position: fixed;
}

.row{
   padding: 0 0 1% 0;
   background-color: rgb(48, 104, 168);
   }

.col{
   background-color: rgb(48, 104, 168);
   text-decoration: none;
   text-align: center;
   font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   font-weight: bolder;
   right: -20px;
 }

 footer .row .col p{
   padding: 20px 0px 5px 0;
   font-size: 18px;
   text-decoration: none;
   color: rgb(39, 39, 39);
 }

 footer .row .col p a{
   padding: 20px 0px 5px 0;
   font-size: 18px;
   text-decoration: none;
   color: rgb(39, 39, 39);
 }

 .mapa{
   display: none;
   background-color: #f2f2f2;
 }
 .mail{
   display: none;
   background-color: #f2f2f2;
 }

 .ubicacion:hover ~ .mapa{
         width: 200px;
         display:flex;
         flex-direction: column-reverse;
         z-index: 50;
         margin-top:-25%;
         margin-left: 20%;
 }
 .email:hover ~ .mail{
         width: 250px;
         display:flex;
         flex-direction: column-reverse;
         z-index: 50;
         margin-top:-25%;
         margin-left: 10%;
 }
 @media screen and (max-width:1000px){
   .contenido-slider a{
      margin-left: 12%;
}
.contenido-slider h1{
   font-size: 30px;
}
   .contenido-slider > .cuadro{
   animation: none;
}
.contenido-slider > .cuadro{
   width: 30%;

}

   .col-10{
      width: 85%;
   }
   .col-2{
      display: none;
   }

 }

 @media screen and (max-width:900px){



   .contenido-slider > img{
       width: 250px;
   }

   .contenido-slider > .cuadro{
       width: 40%;

   }

   .contenido-slider h2{
       font-size: 23px;
   }

   .contenido-slider .cuadro a{
      margin-left: 0%;
}


 }
@media screen and (max-width:750px){

   .row{
      display:block;
   }
   .col-10{
      width: 85%;
   }
   .col-2{
      display: none;
   }

   .contenido-slider{
      flex-direction: column-reverse;
      height: 550px;
   }
   .contenido-slider h1{
      font-size: 30px;
  }


   .contenido-slider > .cuadro{
       width: 70%;
       padding-bottom:10%;
   }

   .contenido-slider a{
      width: 50px;
      margin-left: -25%;
      padding-bottom: 10%;
   }

   .contenido-slider .cuadro a{
      padding-bottom: none;
   }


   .contenido-slider .iconowp{
      position: relative;
      margin-left: 100%;
      margin-bottom: 1%;
   }

   .footer{
      position: relative;
   }

@media screen and (max-width:500px){


   .contenido-slider > div{
       width: 35%;
   }
   .contenido-slider h1{
      font-size: 30px;
   }
   .footer{
      position: relative;
   }
}}