/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7/05/2019, 12:11:32 AM
    Author     : Cesar Maya
*/
body{
    background-color: rgba(187,173,109,0.5);
}
.cuerpo{
    position: relative;
    top: 90px;
}
.barraMenu{
        position: fixed;
        z-index: 1000;
        top: 0px;
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: rgba(255,255,255,1);

    }
    .logoPrincipal{
        width: 50%;;
        text-align: right;
        margin-right: 0%;
        margin-left: 10%;
        display: flex;
        flex-direction: row;
    }
    .imagenMenu{
        width: 10%;
    }
    .imagenMenu img{
        width: 100%;
        height: 90px;
    }
    .tituloMenu img{
        width: 30%;
        max-height: 90px;
        margin-left: 10%;
    }
    .tituloMenu{
        width: 80%;
        margin: auto;
        text-align: left;
        color: #2e3192;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .menuPrincipal{
        height: 50%;
        display: flex;
        align-items: center;
    }
    .menuPrincipal a{
        margin-top: 8%;
        color: #2e3192;
        font-weight: bold;
        font-size: 1.2em;
    }
    .menuPrincipal a:hover{
        margin-top: 8%;
        color: #00F;
    }
    .cuerpo{
        width: 80%;
        margin: auto;
    }
    footer{
        width: 100%;
        margin-top: 200px;
        min-height: 200px;
        display: flex;
        flex-direction: column;
    }
    .cubierta1{
        width: 100%;
        height: 10%;
        min-height: 15px;
        background-color: #37355C;
    }
    .cubierta2{
        width: 100%;
        height: 115px;
        min-height: 115px;
        background-image: linear-gradient(white, #37355C);
        display: flex;
        flex-direction: row;
    }
    .logo-titulo{
        width: 50%;
        text-align: right;
    }
    .logo-titulo img{
        width: auto;
        height: 115px;
    }
    .infoFooter{
        width: 50%;
        padding-left: 10px;
        padding-top: 10px;
        line-height: 2px;
        color: #000;
        font-weight: bold;
    }
    .cubierta3{
        width: 100%;
        height: 10%;
        min-height: 70px;
        background-color: #37355C;
        
    }
    
    .iconoRedes{
        width: 5%;
        margin-right: 2%;
    }
    .iconoRedes img{
        width: 100%;
        height: auto;
    }
    @media (max-width:767px){
        .barraRedes{
        position: fixed;
        z-index: 200;
        top: 16%;
        width: 50px;
        font-size: 2em;
        right: 10%;
    }
    .redes{
        display: flex;
        flex-direction: column;
        color: #80FD58;
        text-shadow: 1px 1px #000000;
        
    }
    #redes{
        
    }
    #redes a {
        margin-left: 5%;
    }
    }
    @media only screen and (min-width:768px) and (max-width:1068px){
        .barraRedes{
        position: fixed;
        z-index: 200;
        top: 16%;
        width: 50px;
        font-size: 2em;
        right: 10%;
    }
    .redes{
        display: flex;
        flex-direction: column;
        color: #80FD58;
        text-shadow: 1px 1px #000000;
    }
    }
    @media (min-width:1069px){
        .barraRedes{
            position: fixed;
            z-index: 200;
            top: 16%;
            width: 50px;
            font-size: 2em;
            right: 10%;
        }
        .redes{
            display: flex;
            flex-direction: column;
            color: #80FD58;
            text-shadow: 1px 1px #000000;
        }
    }