#cuerpo{
 /*   background: #000;
            background: linear-gradient(to right,#2E2F8D, #2E2F8D);*/
            /* background: #243054; original*/ 
            /* background: #000; */
            background-image: url("../img/Fondo XandyXelo-2.jpg");
            background-size: 40%;
  }

#contenedor{
/*    background-image: linear-gradient(to right top, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d);*/
/* background: #243054; original */
/* background: #000; */
background: transparent;
  }

#contenedor2{
/*   background-image: linear-gradient(to right top, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d);*/
/* background: #243054; original */
/* background: #fff;  */

    text-align: center;
    font-family: Verdana;
    font: normal bold 200% normal;
/* color: #0ce948; original */
color: #0ce948;


  }

#cabeza{
    /*background-image: linear-gradient(to right top, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d, #2e2f8d);*/
    /* background-image: linear-gradient(to right top, #2e2f8d, #2c3395, #28389c, #243ca4, #1d41ac, #1d41ac, #1d41ac, #1d41ac, #243ca4, #28389c, #2c3395, #2e2f8d); */
    background: rgb(43,43,51);
    font: normal bold 70% normal;
    text-shadow: 2px 2px 2px black;
    /* border-top: solid #0ce948;
    border-bottom: solid #0ce948; originales */
    border-top: solid #0ce948;
    border-bottom: solid #0ce948;
    width: 100%;
    display: inline-block;
}

#carrusel{
width: 100%;
padding: 0px;

}

#listado{
/* border:3px solid #0ce948; original 
color: #0ce948;*/
border: 3px solid #0ce948;
color: #0ce948;
border-radius: 15px;
/* background: #243054; original */
/* background: #000; */
background: transparent;


}

#contenedor_listado{
    border: none;
    text-shadow: 1px 1px 1px black;
    /* background: #243054; original */
    /* background: #000; */
    background: transparent;
}

#btnAgregar{
    /* background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #24c950, #0ce948);
    font: normal bold 70% normal; */
    border: 2px solid #0ce948;
  background-color: #000;
  padding: 14px 28px;
  font-size: 16px;
  font: normal bold 70% normal;
  cursor: pointer;
  color: #0ce948;
}

#btnAgregar:hover{
    background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #1ad84d, #0ce948);
    font: normal bold 72% normal;
    color: #fff;
}

#btnCanjearFin{
    background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #1ad84d, #0ce948);
    font: normal bold 70% normal;
}

#btnCanjearFin:hover{
    background-image: linear-gradient(to right top, #2e2f8d, #3c479c, #4d5eab, #6076b7, #768dc3, #768dc3, #768dc3, #768dc3, #6076b7, #4d5eab, #3c479c, #2e2f8d);
    font: normal bold 72% normal;
}

#btnCanjearFin2{
     background-image: linear-gradient(to right top, #898687, #8e8b8d, #939193, #979699, #9c9c9f, #9c9c9f, #9c9c9f, #9c9c9f, #979699, #939193, #8e8b8d, #898687);
    font: normal bold 70% normal;
    
}

#btnConsultar{
    /* background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #1ad84d, #0ce948); */
    /* font: normal bold 100% normal; */

    border: 2px solid #0ce948;
  background-color: #000;
  padding: 14px 28px;
  font-size: 20px;
  font: normal bold 90% normal;
  cursor: pointer;
  color: #0ce948;
}

#btnConsultar:hover{
    /* background-image: linear-gradient(to right top, #2e2f8d, #3c479c, #4d5eab, #6076b7, #768dc3, #768dc3, #768dc3, #768dc3, #6076b7, #4d5eab, #3c479c, #2e2f8d);
    font: normal bold 102% normal; */
    background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #1ad84d, #0ce948);
    font: normal bold 100% normal;
    color: #fff;
}

#titulo{
    font-size: 25px;
color: #0ce948;
font: normal bold 400% normal;
 text-shadow: 2px 2px 2px black;
}

#titulo2{
    font-size: 25px;
color: #0ce948;
font: normal bold 200% normal;
 text-shadow: 2px 2px 2px black;
}

#titulo3{
    font-size: 20px;
color: #0ce948;
font: normal bold 150% normal;
 text-shadow: 1px 1px 1px black;
}

#titulo4{
    font-size: 15px;
color: #0ce948;
font: normal bold 100% normal;
 text-shadow: 1px 1px 1px black;
}

#label1{
    font-size: 20px;
color: #0ce948;
font: normal bold 200% normal;
 text-shadow: 2px 2px 2px black;
}

#label2{
    font-size: 20px;
color: #0ce948;
font: normal bold 250% normal;
 text-shadow: 2px 2px 2px black;
}

#label3{
    font-size: 20px;
color: #0ce948;
font: normal bold 200% normal;
 text-shadow: 2px 2px 2px black;
}

main>.container {
    padding: 10px 0;
 /*   background: #000;
    background: linear-gradient(to right,#2E2F8D, #2E2F8D);*/
/* background: #243054; */
/* background: #000; */
background: transparent;
    text-align: center;
    width: 100%;


}

.head-menu{
text-align: center;

}


/* footer con pie de pagina*/

.container-footer{
    width: 100%;
    padding: 40px 0;
    /*background: #0ce948;*/
   /* background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #1ad84d, #0ce948);*/
    margin-top: 40px;

background: rgb(43,43,51);
/*background: #553F80;

background: #2655E1;
background: #052072;*/



}

.container-footer footer{
    max-width: 1200px;
    margin: auto;
}

.container-footer footer .logo-footer{
    text-align: center;
}

.container-footer footer .logo-footer img{
    width: 200px;
}

.container-footer footer .redes-footer{
    display: flex;
    justify-content: center;
    margin-top: 20px ;
}

.container-footer footer .redes-footer .icon-redes-footer{
    font-size: 20px;
    margin: 20px;
    background: #000;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
     border-radius: 5px; 
    color: #a2a2a2;
}

.container-footer footer .redes-footer .fa-facebook-f:hover{
    background: #41579A;
    color: #fff; 
}

.container-footer footer .redes-footer .fa-instagram:hover{
    background: linear-gradient(to top right, #FCDE30, #E9712A, #D2313B,#AE4198,#7548A1, #5443A8);
    color: #fff;
}

.container-footer footer hr{
    margin-top: 20px;
    border: none;
    height: 2px;
    background: #000;
}

.container-footer footer h4{
    text-align: center;
    margin-top: 20px;
    color: #000;
    font-weight: 500px;
}
#contenedor_menu{
    display: inline-block;
    text-align: center;
}

#terminos{
/*    background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #1ad84d, #0ce948);*/
/*    font: normal bold 100% normal;*/
    border-right: 1px solid rgb(17, 17, 20);
    border-left: 1px solid rgb(17, 17, 20);
/*    text-align: left;*/
    font-size: 20px; 
font-family: Centaur;
    
}

#terminos:hover{
    /*background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #1ad84d, #0ce948);*/
 /*   font: normal bold 102% normal;
    border-radius: 10px;*/
    color: #D4AF37;
    font-size: 20px; 
    font-family: Centaur;   
}


#terminos2{
/*    background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #1ad84d, #0ce948);*/
 /*   font: normal bold 100% normal;*/
    border-left: 2px solid rgb(17, 17, 20);
    border-right: 1px solid rgb(17, 17, 20);
/*    text-align: left;*/
    font-size: 20px; 
    font-family: Centaur; 

}

#terminos2:hover{
    /*background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #1ad84d, #0ce948);*/
/*    font: normal bold 102% normal ;*/
    color: #D4AF37;
    /*border-radius: 10px;*/
    font-size: 20px; 
    font-family: Centaur;   
}

#terminos3{
/*    background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #1ad84d, #0ce948);*/
/*    font: normal bold 100% normal;*/
    border-left: 1px solid rgb(17, 17, 20);
    border-right: 2px solid rgb(17, 17, 20);
/*    text-align: left;*/
    font-size: 20px;   
    font-family: Centaur; 
}

#terminos3:hover{
    /*background-image: linear-gradient(to right top, #0ce948, #1ad84d, #31c458, #3dc060, #47b965, #47b965, #47b965, #47b965, #3dc060, #31c458, #1ad84d, #0ce948);*/
/*    font: normal bold 102% normal ;*/
    color: #D4AF37;
    font-size: 20px;    
    /*border-radius: 10px;*/
    font-family: Centaur;
}

#navbarHeader{
    padding: 0px 0px 0px 250px;
}

#img_menu1{
display: block;
}

#img_menu2{
    display:none ;
}

@media only screen and (max-width:600px)
{
 #terminos{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
 }
  #terminos2{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
 }
  #terminos3{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
 }

#navbarHeader{
    padding: 0px;
}

/* #img_menu1{
display: none;
} */

/* #img_menu2{
   display:block ;
} */

#carrusel{
width: 100%;
height: 300px;
padding: 0px;

}

#carrusel img{
    height: 240px;
    padding: 0px;
}

#canjes{
    width: 90%;
    padding: 10px; 
    /*opacity: 0;*/
}

#canjes img{
    width: 200px;
height: 200px;
}

#titulo{
    font-size: 25px;
}

} /* fin celular */

h4{

 font-size: 20px;
color: #fff;

/*font: normal bold 250% normal;
 text-shadow: 2px 2px 2px black;*/
}

h4:hover{
color: #0ce948;

}

.slider-abajo{
    padding: 1em 0 0 0;
}

