@charset "utf-8";
/* CSS Document */

html, body{   
    height: 95%;
}

body {  
    background-image: url("../imagen/fondo.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;
    /* Se muestra un color de fondo mientras se está cargando la imagen
    de fondo o si hay problemas para cargarla */
    background-color: silver;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

    
    

}


.horDist{
    /*display: flex;
    justify-content: center;   */ 
    position: fixed;
    top: 45%;
    left: 10%;
    
}

.horSoport {
    /*display: flex;
    justify-content: center;   */
    position: fixed;
    top: 45%;
    right: 10%;
}

.horDent {    
    /*display: flex;
    flex-direction: ;
    justify-content: flex-start;*/
    position: fixed;
    top: 45%;
    right: 10%;

}

.horAviso {
    /*display: flex;
    flex-direction: ;
    justify-content: flex-start;*/
    position: fixed;
    top: 7%;
    left: 43%;
}


.btnIni {    
    cursor:pointer;
    width: 100%;
    height: 100%;
    border: none;     
}