﻿
.principal {
    text-align: center;
}

.loginPanel {
    display: inline-block;
    width: 350px;

}

.leyenda {
    float: left;
}

.loginPanelHeader {
    height: 50px;
    background-color: #2BB1C2;
    text-align: center;
    color: white;
}

.loginPanelFooter {
    height: 5px;
    background-color: #D6D814;
}

.center {
    margin: auto;
   
}

.textoHeader {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: white;
}

.div {
    font-family: 'Roboto', sans-serif;
}

.logoLogin {
    margin: 10px auto 10px auto;
    display: block;
    height: auto;
}

.loginForm {
    align-items: center;
    font-family: 'Roboto', sans-serif;
}



.colorBoton {
   
    background-color: #2BB1C2;
    margin: 10px auto 10px auto;
}

    .colorBoton:hover {
        background-color: #2B97A0;
    }

.cuerpo {
    margin: 5px 5px 5px 5px;
}
#bannerpop{display:none;position: fixed;background: rgba(0,0,0,.8);width: 100%;height:100%;top:0;left:0;z-index:2000;}#wrapbanerpop{display: flex;justify-content: center;align-items: center;height:96%;padding:2%;}#wrapbanerpop figure{max-width:500px;max-height:100%;border-radius:5px;overflow:hidden;}#wrapbanerpop figure img{width:100%;}#bannerpop a{position:absolute;right:10px;
    top:10px;color:#FFF;text-shadow: 1px,1px,3px rgba(0,0,0,.5);font-size: 2em;}
    @media screen and (min-width: 500px){
    .bannerflex{display: flex; justify-content: space-between;}
    .banner-l{
      width:75%;
    }
    .banner-s{
      width:24%;
    }
    .banner-m{
      width:24%;
    }
    }
