/*=== Contenido Página ===*/

html, body{
    display: flex;
    justify-content: center;
    background-color: #F5F3F1;
}

.contenedor-general{
    width: 1000px;
    background: #ffffff;
    margin-top: -8px;
}

.contenedor-general-interno{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.contenedor-interno{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.contenido{
    width: 100%;
    display: flex;
    flex-direction: column;
}

/*======================
Termina contenido Página
======================*/


/*=== Barra Superior ===*/

.barra-superior{
    display: none;
    width:100%;
    height: 70px;
    background: #635852;
}

.texto-superior{
    display: none;
}

/*=== Banner ===*/

.banner{
    width: 100%;
    background: white;
    margin-top: 40px;
    margin-bottom: 40px;
}

.banner-320px{
    background: white;
}

.banner img{
    width: 100%;
}

.banner-320px{
    display: none;
}

.banner-pie-inicio img:hover{
    filter: opacity(.5);
}

.banner-320px img:hover{
    filter: opacity(.5);
}

/**Footer**/

footer{
    width: 100%;
    height: 200px;
    background: #635852;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

footer table{
    width: 95%;
    margin-top: 30px;
}

footer table tr, th, td{
    width: 33%;
    text-align: left;
}

footer table tr, th, td a{
    color: white;
    text-decoration: none;
    font-size: 16px;
}











footer p{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    
    font-size: 25px;
    color: white;
    letter-spacing: 4px;
    font-weight: 600;
}