/*style slider*/


body, html{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

*{ 
  box-sizing: border-box;
  user-select: none;
}

.center_y{
  position: relative;
  top:34%;
  transform: translateX(-50%);
}

.center_x{
  position: relative;
  left:50%;
  transform: translateX(-50%);
}

#slider-container{
  width: 100%;
  position: relative;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}
.slider-container{
  width: 100%;
  position: relative;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}
.slide{
  height: 100%;
  width: 100%;
  position: relative;
}

.contiene span {
    padding-top: 9px;
}
.Marquesina2{
  width: 700px;
    height: 400px;
    position: absolute;
    left: 11%;
    top: 20%;
    background: rgba(8,54,77,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(8,54,77,.5) 0%, rgba(13,42,56,.5) 22%, rgba(1,23,34,.5) 69%, rgba(1,23,34,.5) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(8,54,77,.5)), color-stop(22%, rgba(13,42,56,.5)), color-stop(69%, rgba(1,23,34,.5)), color-stop(100%, rgba(1,23,34,.5)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(8,54,77,.5) 0%, rgba(13,42,56,.5) 22%, rgba(1,23,34,.5) 69%, rgba(1,23,34,.5) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(8,54,77,.5) 0%, rgba(13,42,56,.5) 22%, rgba(1,23,34,.5) 69%, rgba(1,23,34,.5) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(8,54,77,.5) 0%, rgba(13,42,56,.5) 22%, rgba(1,23,34,.5) 69%, rgba(1,23,34,.5) 100%);
    background: radial-gradient(ellipse at center, rgba(8,54,77,.5) 0%, rgba(13,42,56,.5) 22%, rgba(1,23,34,.5) 69%, rgba(1,23,34,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08364d', endColorstr='#011722', GradientType=1 );

    border-radius: 5px; 
}

.slide h1{
 
    width: 80%;
    transform: translateY(-50%);
    text-align: left;
    color: orange;
    font-size: 3em;
    margin-top: 13%;
    margin-left: 10%;
    margin-bottom: 5%;
  
}
.slide h2{
    width: 80%;
    margin-left: 11%;
    margin-top: -54px;  
    color: white;


}
.slide p{

    width: 77%;
    margin: auto;
    transform: translateY(-50%);
    text-align: center;
    font-size: 1.1em;
    text-align: justify;
    color: white;
    margin-top: 76px;
}
.slider-container img{
  height: 100%;
    width: 100%;
  object-fit: cover;
}
.slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-arrow{
  color: #fff;
  font-size: 50px;
  cursor: pointer;
  position: absolute;
}


#arrow-prev{
  left: 20px;
  font-size: 25px;
}

#arrow-next{
  right: 20px;
  font-size: 25px;
}

#dots-wrapper{
  display: flex;
  position: absolute;
  bottom: 30px;
}

.dot-nav{
  width: 15px;
  height: 15px;
  border-radius: 100%;
  cursor: pointer;
  margin: 0 8px;
  border: 2px solid #d6d6d6;
}

.dot-nav:hover{
  background-color: #d6d6d6;
}

.active-dot{
  background-color: #d6d6d6;
}

.fade{
  animation-name: fade;
  animation-duration: .5s;
}

.Alerta{
  font-size: 16px;
}

@keyframes fade{
   animation-delay: 2s, 4ms;
  from {opacity: .4}
  to { opacity: 1}
 
}

@media only screen and (min-device-width : 320px) and (max-width: 600px) {


  


  }