body{
    font-family: 'Fuente-Normal', Tahoma;
    color:#00632d;
    background-color:#FFFFFF;
    background:url(../img/fondoIntro.jpg) repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	font-size:20px;
}
    #conteMosaico,#conteMosaico2{ position:relative; }
    #mosaicos img{ zoom: 0.98; }
    #mosaicos img:hover{zoom: 1;}
    
#conteMosaico {
    margin-top: -67px;
}

#conteMosaico2 {
    margin-top: 0px;
}

#img_productos2{
    width: 60%;
    padding-top: 65px;
}

.div_index{
    margin:20px auto;
    border:#099 solid 0px;
}

.index{
    text-align: center; 
    border: #000 solid 0px; 
    width: 1600px; 
    height: 775px; 
    margin: 0px auto; 
    background: #ffffff;  
    padding:0px 25px 25px 25px;
}
.siguiente_major, .anterior_major, .home_major {
        z-index: 99 !important;
    }

@media (min-width: 1100px) and (max-width: 1750px){
    /*Dimenciones para el index*/
    .index{
        width: 1600px!important;
        height: 820px!important;
    }
    .img_index_1 {
        width: 80%!important;
    }
    .img_index_2 {
        width: 90%!important;
    }
    
    .siguiente_index {
        left: 1400px!important;
        z-index: 99;
    }
    /*Dimenciones para el major*/
    .home_major {
        left:90px!important;
        top:750px!important;
        z-index: 99;
    }
    .anterior_major {
        left:1300px!important;
        top:750px!important;
        z-index: 99;
    }
    .siguiente_major {
        left: 1400px!important;
        top: 750px!important;
        z-index: 99;
    }
    .esp-img-2 {
        margin-top: -140px!important;
    }
    .img_major_1 {
        margin-top: 35px!important;
    }
    .column-img-g-2{
        margin-top: 25px!important;
    }
    
    /*Dimenciones para la presentacion*/
    .img_presentacion_1 {
        width:60%!important;
    }
    /*Dimenciones para los videos*/
    .video_1{
         width:440px!important;
         height:330px!important;
    }
    /*Dimenciones para los videos 3*/
    .video-completo{
        width: 1175px!important;
    }
    /*Dimenciones para los productos*/
    .img_titulo_producto_1{
         width: 80%!important;
    }
    .posicion_1{
        top:120px!important;
        left:200px!important;
    }
    .posicion_2{
        top:120px!important;
        left:450px!important;
    }
    .posicion_3{
        top:120px!important;
        left:750px!important;
    }
    .posicion_4{
        top:120px!important;
        left:1100px!important;
    }
    .posicion_5{
        top:185px!important;
        left:300px!important;
    }
    .posicion_6{
        top:185px!important;
        left:600px!important;
    }
    .posicion_7{
        top:185px!important;
        left:1100px!important;
    }
    .img-producto-1{
        margin:150px 0 0 0!important;
        height: 80px!important;
        width: 220px!important;
    }
    .img-producto-2{
        margin:-27px 100px 0 0!important;
        height:auto!important;
        width:160px!important;
    }
    .img-producto-3{
        margin:-30px 0 0 90px!important;
        height: auto !important;
        width: 160px!important;
    }
    .img-producto-4{
        margin:-5px 0 0 0!important;
        height: auto !important;
        width: 360px!important;
    }
    /*Dimenciones para el peteca*/
    .img-peteca-1{
        margin: 25px!important;
        height: 100px!important;
    }
    .img-peteca-2{
        margin:-20px 0 0 0!important;
        height: 40px!important;
    }
    .img-peteca-3{
        margin: -25px 0 0 0!important;
        right: 50px!important;
        height: 400px!important;
    }
    .img-peteca-4{
        margin: -25px 0 0 0!important;
        top: 40px!important;
        left: -50px!important;
        width: 500px!important;
    }
    /*Dimenciones para el indiaca*/
    .img-indiaca-1{
        margin:20px 0 0 0!important;
        height: 100px!important;
    }
    .img-indiaca-2{
        height:250px!important;
    }
    .img-indiaca-3{
        height:250px!important;
    }
    .img-indiaca-4{
        height:200px!important;
    }
    /*Dimenciones para el flyminton*/
    .img-flyminton-1{
        height: 100px!important;
    }
    .img-flyminton-2{
        height:250px!important;
    }
    .img-flyminton-3{
        height:200px!important;
    }
    .img-flyminton-4{
        height:200px!important;
    }
     /*Dimenciones para el indipro*/
     .img-indipro-1{
        height: 100px!important;
    }
    .img-indipro-2{
        height: 500px!important;
    }
    .img-indipro-3{
        height: 300px!important;
    }
    .img-indipro-4{
        height: 300px!important;
    }
    .img-indipro-5{
        height: 300px!important;
    }
    /*Dimenciones para el gallo*/
    .img-gallo-1{
        height: 100px!important;
    }
    .img-gallo-2{
        height:225px!important;
    }
    .img-gallo-3{
        height:200px!important;
    }
    .img-gallo-4{
        height:200px!important;
    }
    /*Dimenciones para la banda deportiva*/
    .img-bdeportiva-1{
        height: 100px!important;
    }
    .img-bdeportiva-2{
        height: 400px!important;
    }
    .img-bdeportiva-3{
        height: 400px!important;
    }
    /*Dimenciones para la banda petecagal*/
    .img-petecagal-1{
        height: 475px!important;
    }
    .img-petecagal-2{
        height: 475px!important;
    }
    .img-petecagal-3{
        height: 475px!important;
    }
    .img-petecagal-4{
        height: 475px!important;
    }
    /*Dimenciones para final*/
    .banner-img-0{
        width: 100%;
    }
    .banner-img-1{
        height: 500px!important;
        left:-50px!important;
        top:110px!important;
    }
    .banner-img-2{
        height: 500px!important;
        left:1200px!important;
        top:190px!important;
    }
    .banner-img-3{
        height: 150px!important;
        left:675px!important;
    }
    .banner-img-4{
        height: 300px!important;
    }
    .a-final{
        margin-top: 50vh!important;
    }
    .a-final-anterior{
        margin-top: 50vh!important;
    }
}

.home, .siguiente, .anterior {
    
    border-radius: 50%;
    padding: 8px;
    background-color: #0087ff;
}

/*------Index*/
.siguiente_index {
    border-radius: 50%;
    padding: 8px;
    background-color: #0087ff;
    position:absolute; 
    left:1350px;
}
/*------Index*/

/*------Major-------*/
.column-img-g-2{
    width: 42%;
    padding: 105px 0px;
}

.siguiente_major {
    border-radius: 50%;
    padding: 8px;
    background-color: #0087ff;
    position:absolute; 
    left:1350px;
    top:720px;
}

.anterior_major {
    border-radius: 50%;
    padding: 8px;
    background-color: #0087ff;
    position:absolute; 
    left:1280px;
    top:720px; 
}

.home_major {
    border-radius: 50%;
    padding: 8px;
    background-color: #0087ff;
    position:absolute; 
    left:90px;
    top:720px;
}

.img_major_1 {
    margin-top: 75px; 
    width:85%;
}
.img_major_2 {
    width: 190px;
}
.img_major_3 {
    width: 75%; 
    margin-top: -30px;
}
.img_major_4 {
    width: 330px; 
    margin-top: -10px;
}
.img_major_5 {
    width:85%;
}
/*-------Major-------*/

/*-------Presentacion---------*/
.img_presentacion_1 {
    width:60%;
    margin-top:33px;
}
/*-------Presentacion---------*/

/*-------Videos 1------------*/
.esp-v {
    background-color: #fff;
     position: relative;
    display: flex;
    justify-content: center;
}
.v-1{
    padding-top: 5px;
}
.v-2{
    padding-bottom: 100px;
    padding-top: 5px;
}
.v-3{
    padding-bottom: 40px;
    padding-top: 30px;
}
.column{
    width: 33%;
}
.video {
    border: solid 1px #d3d1d1;
}

.video_1{
     width:400px;
     height:300px;
}
/*--------Videos 1-------*/

/*--------Videos 3-------*/
.subtitulo {
    position: relative;
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

.video-completo{
    margin-top: -10px;
    width: 1115px;
}
/*--------Videos 3-------*/

/*--------Productos-------*/
.producto {
    color: #fff;
    background-color: #008569;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 10px;
    text-transform: uppercase;
    position: absolute;
}

.producto:hover {
    background-color: #00437f;
    padding: 12px 22px;
}
.img_titulo_producto_1{
     width: 100%;
}

.completo {
    display: block;
    width: 212px;
}

.comp {
    width: 190px;
    display: block;
}
.img-producto-1{
    position:relative;
    margin:150px 0 0 0;
    height: 100px;
    width:250px;
}
.img-producto-2{
    position:relative;
    margin:-30px 100px 0 0;
    height:250px;
    width:150px;
}
.img-producto-3{
    position:relative;
    margin:-30px 0 0 50px;
    height:250px;
     width:150px;
}
.img-producto-4{
    position:relative;
    margin:0px;
    height:200px; 
    width:350px;
}
.posicion_1{
    top:120px; 
    left:200px;
}
.posicion_2{
    top:120px; 
    left:400px;
}
.posicion_3{
    top:120px; 
    left:650px;
}
.posicion_4{
    top:120px; 
    left:900px;
}
.posicion_5{
    top:185px; 
    left:300px;
}
.posicion_6{
    top:185px;
    left:500px;
}
.posicion_7{
    top:185px;
    left:800px;
}
/*--------Productos-------*/

.icon-home, .icon-siguiente, .icon-anterior{
    width: 30px;
}

.home:hover, .siguiente:hover, .anterior:hover {
    background-color: #008569;
} 

.fondo-videos {
    background-color: #fff;
    padding-top: 30px;
}

.juego{
    font-family: Arial;
    font-size: 40px;
    margin: 0px;
    font-weight: 300;
}

.indiaca {
    width: 240px;
    margin-top: -25px;
    margin-left: 10px;
}

.img-2 {
    margin-top: -40px;
}
.img-3 {
  margin-top: 10px;
}
.espacio-b{
    margin-top: -5px;
    background: #fff;
    padding-top: 80px;
}
.texto{
    background-color: #fff;
}
.esp-img {
     position: relative;
    display: flex;
    justify-content: center;
}
.esp-img-2 {
    margin-top: -120px;
     position: relative;
    display: flex;
    justify-content: center;
}
.img-neg{
    margin-top: -120px;
    z-index:1;
    margin-bottom: 115px;
}
.column-img-g{
    width: 36%;
}
.column-nor{
    width: 32%;
}
.column-nor-2{
    width: 27%;
}

/*----------Final-----------*/
.home-final {
    position: relative !important;
    z-index: 1;
    text-align: center;
}
.a-final{
    background-color: #0087ff;
    padding: 15px 15px 10px;
    border-radius: 50%;
    border: solid 6px #fff;
    position: absolute;
    z-index: 3;
    margin-top: 70vh;
    left: 760px;
}
.a-final:hover{
    background-color: #008569;
}
.a-final-anterior{
    background-color: #0087ff;
    padding: 15px 15px 10px;
    border-radius: 50%;
    border: solid 6px #fff;
    position: absolute;
    z-index: 3;
    margin-top: 70vh;
    left: 860px;
}
.a-final-anterior:hover{
    background-color: #008569;
}
.fondo{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
    margin:20px auto;
    border:#099 solid 0px;
}
.banner-img-0{
    /*position:absolute; 
    width: 100%;*/
    z-index:1;
}
.banner-img-1{
    position:absolute; 
    height: 720px;
    z-index:2;
    left:-50px;
    top:50px;
}
.banner-img-2{
    position:absolute; 
    height: 675px;
    z-index:2;
    left:1300px;
    top:75px;
    transform: rotate(25deg) !important;
}
.banner-img-3{
    position:absolute; 
    height: 200px;
    z-index:2;
    top:75px;
    left:975px;
}
.banner-img-4{
    position:absolute; 
    height: 350px;
    z-index:2;
}
/*-------Columnas-------*/
.column-35{
    width: 35%;
}
.column-65{
    width: 65%;
}
.column-50{
    width: 50%;
}
.column-30{
    width: 30%;
}
.column-70{
    width: 70%;
}
.column-100{
    width: 100%;
}

/*-------Peteca-------*/
.img-peteca-1{
    position:relative;
    margin:25px;
    height: 150px;
}
.img-peteca-2{
    position:relative;
    margin:0px;
    height: 50px;
}
.img-peteca-3{
    position:relative;
    margin:0px;
    right: 50px;
    height: 500px;
}
.img-peteca-4{
    position: relative;
    top: 40px;
    left: -50px;
}
/*-------Flyminton-------*/
.img-flyminton-1{
    position:relative;
    margin:0px;
    height: 150px;
}
.img-flyminton-2{
    position:relative;
    margin:0 100px 0 0;
    height:300px;
}
.img-flyminton-3{
    position:relative;
    margin:30px 0 0 50px;
    height:250px;
}
.img-flyminton-4{
    position:relative;
    margin:0px;
    height:300px;
}
/*-------Indipro-------*/
.img-indipro-1{
    position:relative;
    margin:25px;
    height: 125px;
}
.img-indipro-2{
    position:relative;
    margin:-100px 0 0 0px;
    height: 700px;
}
.img-indipro-3{
    position:relative;
    margin:-50px 0 0 0px;
    height: 400px;
}
.img-indipro-4{
    position:relative;
    margin:-150px 0 0 0px;
    height: 400px;
}
.img-indipro-5{
    position:relative;
    margin:-150px 0 0 0px;
    height: 400px;
}
/*-------Peteca Galeria-------*/
.img-petecagal-1{
    position:relative;
    margin:50px 0 0 50px;
    height: 650px;
}
.img-petecagal-2{
    position:relative;
    margin:50px 50px 0 0;
    height: 650px;
}
.img-petecagal-3{
    position:relative;
    margin:50px 0 0 50px;
    height: 650px;
}
.img-petecagal-4{
    position:relative;
    margin:50px 0 0 0;
    height: 650px;
}
/*-------Gallo-------*/
.img-gallo-1{
    position:relative;
    margin:0px;
    height: 150px;
}
.img-gallo-2{
    position:relative;
    margin:0 100px 0 0;
    height:300px;
}
.img-gallo-3{
    position:relative;
    margin:30px 0 0 50px;
    height:250px;
}
.img-gallo-4{
    position:relative;
    margin:0px;
    height:300px;
}
/*-------Banda Deportiva-------*/
.img-bdeportiva-1{
    position:relative;
    margin:25px;
    height: 150px;
}
.img-bdeportiva-2{
    position:relative;
    margin:0 75px 0 0;
    height: 550px;
}
.img-bdeportiva-3{
    position: relative;
    margin:0 0 0 75px;
    height: 550px;
}

/*-------Indiaca-------*/
.img-indiaca-1{
    position:relative;
    margin:50px 0 0 0;
    height: 150px;
}
.img-indiaca-2{
    position:relative;
    margin:-30px 100px 0 0;
    height:300px;
}
.img-indiaca-3{
    position:relative;
    margin:-30px 0 0 50px;
    height:300px;
}
.img-indiaca-4{
    position:relative;
    margin:0px;
    height:300px;
}

/*-----------Anumaciones------*/
.rotating-text-wrapper {
    /*width: 100%;*/
    animation-duration: 2s;
    animation-name: rotating-text;
}
@keyframes rotating-text {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  33% {
    opacity: 1;
  }
}

.rotating-text-wrapper-1{
    width: 60%;
    animation-duration: 2s;
    animation-name: rotating-text-1;
}
@keyframes rotating-text-1 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  33% {
    opacity: 1;
  }
}

.rotating-text-wrapper-2 {
    /*width: 100%;*/
    animation-duration: 2s;
    animation-name: rotating-text-2;
}
@keyframes rotating-text-2 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  33% {
    opacity: 1;
  }
}

.rotating-text-wrapper-3 {
    /*width: 100%;*/
    animation-duration: 2s;
    animation-name: rotating-texto-3;
}

@keyframes rotating-texto-3 {
  0% {
    opacity: 0;
    transform: translateY(-40%);
  }
  33% {
    opacity: 1;
  }
}

.rotating-text-wrapper-4 {
    /*width: 100%;*/
    animation-duration: 2s;
    animation-name: rotating-texto-4;
}
@keyframes rotating-texto-4 {
  0% {
    opacity: 0;
    transform: translateY(-40%);
  }
  0% {
    opacity: 1;
  }

}

.animacion-alexander-zoom {
    animation-duration: 2s;
    animation-name: animate-zoom;
}
@keyframes animate-zoom {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  33% {
    opacity: 1;
    transform: scale(1);
  }

}

.animacion-alexander-zoom-2 {
    /*width: 100%;*/
    animation-duration: 5s;
    animation-name: animate-zoom-2;
}
@keyframes animate-zoom-2 {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  33% {
    opacity: 1;
    transform: scale(1);
  }
}

.animacion-alexander-01 {
    animation-duration: 10s;
    animation-name: rotating-img-1;
}
@keyframes rotating-img-1 {
      0% {
        opacity: 0;
    }
      50% {
        
        opacity: 1;
    }
}

.animacion-alexander-02 {
    animation-duration: 7s;
    animation-name: rotating-img-2;
}
@keyframes rotating-img-2 {
      0% {
        opacity: 0;
      }
      50% {
        
        opacity: 1;
    }
}

.animacion-alexander-zoom-video-1 {
    animation-duration: 2s;
    animation-name: animate-zoomo-1;
}
@keyframes animate-zoomo-1 {
      0% {
         opacity: 0;
        transform: scale(0.1);
      }
      80% {
        opacity: 1;
        transform: scale(1);
    }
}

.animacion-alexander-zoom-video-2 {
    animation-duration: 3s;
    animation-name: animate-zoomo-2;
    }
    @keyframes animate-zoomo-2 {
      0% {
         opacity: 0;
        transform: scale(0.1);
      }
      90% {
        opacity: 1;
        transform: scale(1);
    }
}

.animacion-alexander-zoom-video-3 {
    animation-duration: 4s;
    animation-name: animate-zoomo-3;
}
@keyframes animate-zoomo-3 {
  0% {
     opacity: 0;
    transform: scale(0.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.animacion-alexander-zoom-video-4{
      animation-duration: 6s;
      animation-name: animate-zoomo-4;
    }
    @keyframes animate-zoomo-4 {
    0% {
       opacity: 0;
      transform: scale(0.1);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
}

.animacion-alexander-zoom-video-5{
      animation-duration: 8s;
      animation-name: animate-zoomo-5;
    }
    @keyframes animate-zoomo-5 {
    0% {
       opacity: 0;
      transform: scale(0.1);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
}