.img-datos{
    border-radius: 5px;
    border: 2px solid #155724;
}



.canje{
    border: 3px solid #fff;
    border-radius: 10px 10px 0 0;
}

.transBlanco{
    background-color: rgba(255,255,255,.7);
}

.transVerde{
    background-color: rgba(0,128,0,.0);
}

.titulocanje{
 font-size: 18px;
 font-weight: bolder;
 color:#155724;
}



.cont-fecha{
    border: 3px solid #fff;
    border-radius: 10px;
    background-color: rgba(255,255,255,.7);
}
.datosP{
    border: 3px solid #fff;
    
}

.EtiquetasDatosP{
    font-size: 18px;
 font-weight: bolder;
 color:#fff;
}

.rb{
    border: 3px solid #fff;
    
}
.linkRb{
    color:yellow;
    font-size: 18px;
    text-decoration: none;
    
}

.linkRb:hover{
    color:Red;
    font-size: 18px;
    text-decoration: none;
    
}

#footer{
    bottom: 0;
    position: relative;
    
}


/* TEXTO DE ALERTAS*/

.alertastxt{
    margin-top: 10px;
    font-weight: bolder;
    color:#155724;
    font-size: 14px;
}
.alertastxtOK{
    
    margin-top: 10px;
    font-weight: bolder;
    color:#fff;
    font-size: 14px;
}






/*pop UP de inicio*/
















@media(min-width:319px) { 
    body{
        /* Ubicación de la imagen */

background-image: url(../images/fondo_mobile.jpg);

/* Para dejar la imagen de fondo centrada, vertical y

horizontalmente */

background-position:center center;

/* Para que la imagen de fondo no se repita */

background-repeat: no-repeat;

/* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */

background-attachment: fixed;

/* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */

background-size: cover;
background-color: #155724;
     
}


.contacto{
    color:#fff;
    font-size: 12px;
    font-weight: bolder;
}


.txtEtiquetas{
    color:#fff;
    font-size: 14px;
    font-weight: bolder;
}
.imgTitulo{
    height: 40px;
}

.contenedor_redes{
    margin-bottom: 10px;
}

.Bienvenida{
    font-size: 12px;
    color:#fff;
    font-weight: bolder;
}

.SelectFecha{
    font-size: 16px;
    color:#155724;
    font-weight: bolder;
}


    }
    
    
    
    
    
    @media(min-width:576px) { 
    body{
        /* Ubicación de la imagen */

background-image: url(../images/fondo_mobile.jpg);

/* Para dejar la imagen de fondo centrada, vertical y

horizontalmente */

background-position:center center;

/* Para que la imagen de fondo no se repita */

background-repeat: no-repeat;

/* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */

background-attachment: fixed;

/* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */

background-size: cover;
background-color: #155724;
     
}

.txtEtiquetas{
    color:#fff;
    font-size: 16px;
    font-weight: bolder;
}

.imgTitulo{
    height: 50px;
}

.contacto{
    color:#fff;
    font-size: 10px;
    font-weight: bolder;
}

.redes{
    margin-top: 30px;
}

.contenedor_redes{
    margin-bottom: 0px;
}

.Bienvenida{
    font-size: 20px;
    color:#fff;
    font-weight: bolder;
}

.SelectFecha{
    font-size: 16px;
    color:#155724;
    font-weight: bolder;
}


    
    
    }
  



    
@media(min-width:768px) { 
    body{
        /* Ubicación de la imagen */

background-image: url(../images/fondo_mobile.jpg);

/* Para dejar la imagen de fondo centrada, vertical y

horizontalmente */

background-position:center center;

/* Para que la imagen de fondo no se repita */

background-repeat: no-repeat;

/* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */

background-attachment: fixed;

/* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */

background-size: cover;
background-color: #155724;
     
}

.txtEtiquetas{
    color:#fff;
    font-size: 16px;
    font-weight: bolder;
}

.imgTitulo{
    height: 50px;
}

.contacto{
    color:#fff;
    font-size: 12px;
    font-weight: bolder;
}

.redes{
    margin-top: 30px;
}

.contenedor_redes{
    margin-bottom: 0px;
}

.Bienvenida{
    font-size: 24px;
    color:#fff;
    font-weight: bolder;
}

.SelectFecha{
    font-size: 18px;
    color:#155724;
    font-weight: bolder;
}



    }
    
    
    
    
    @media(min-width:992px) { 
    body{
        /* Ubicación de la imagen */

background-image: url(../images/fondo2.jpg);

/* Para dejar la imagen de fondo centrada, vertical y

horizontalmente */

background-position: center center;

/* Para que la imagen de fondo no se repita */

background-repeat: no-repeat;

/* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */

background-attachment: fixed;

/* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */

background-size: cover;
background-color: #155724;
     
}

.imgTitulo{
    height: 100px;
}

.contacto{
    color:#fff;
    font-size: 14px;
   
}

.txtEtiquetas{
    color:#fff;
    font-size: 18px;
    font-weight: bolder;
}
.redes{
    margin-top: 30px;
}

.Bienvenida{
    font-size: 24px;
    color:#fff;
    font-weight: bolder;
}

.SelectFecha{
    font-size: 18px;
    color:#155724;
    font-weight: bolder;
}



    }
    

/*colores de prueba */
.amarillo{
    background-color: yellow;
}

.rojo{
    background-color: red;
}

.azul{
    background-color: blue;
}