@charset "UTF-8";
/* CSS Document */
.barra { background-color: #e2e1e1; display: flex; width: 100%; }
img.logo_red { max-width: 169px; max-height: 40px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto auto auto 25px; }
a > span.glyphicon.glyphicon-th { font-size: 28px; color: #261e1e; margin-right: 10px; }
div.btn-group { float: right; position: relative; }
body > div.barra > div > div > div > a.dropdown-toggle { display: block; }
ul.dropdown-menu { float: right; position: absolute; min-width: 200px; padding: 10px; left: unset; right: 0; top: 52px; border: 2px solid #cbcbcc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
ul.dropdown-menu li { display: inline-block; width: 31%; margin: 0; padding: 10px 1%; }
ul.dropdown-menu > li > a { padding: 1%; width: 100%; text-align: center; }
.triangulo { position: absolute; right: 10px; top: -21px; }
ul.dropdown-menu > p { color: #8b8787; font-size: 11px; margin: 0;}
ul.dropdown-menu > hr { margin-top: 10px; margin-bottom: 10px; border-top: 2px solid #eee; }
button.btn-iniciar { float: right; position: relative; background-color: #151f45; padding: 1% 15%; margin: 0 15px 0 0; font-size: 16px; color: #ffffff; font-weight: lighter; border: 1px solid #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; vertical-align: middle; }
.pad { padding: 14px 0; }
.modal-title { text-align: center; font-weight: bold; }
.modal-title > img { max-width: 40px; }
.modal-content { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.input-group { width: 100%; }
.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(transparent) !important; box-shadow: inset 0 3px 5px transparent !important; }
@media( max-width : 768px ){ 
    button.btn-iniciar {
    font-size: 14px;
    }
}
@media( max-width : 520px ){ 
    button.btn-iniciar {
    font-size: 12px;
    }
}
@media( max-width : 480px ){ 
    button.btn-iniciar {
    font-size: 13px;
    padding: 1%;
    width: 100%;
    margin: 0;
    }
    #redcuaed > div:nth-child(2) > div.col-xs-9.col-sm-7.col-md-5.col-lg-3.pad {
    padding-right: 0;
    padding-left: 0;
    }
    ul.dropdown-menu {
    left: -100px;
    }
    .triangulo {
    right: 66px;
    }
}
@media( max-width : 320px ){ 
    button.btn-iniciar {
    font-size: 13px;
    padding: 1%;
    width: 100%;
    margin: 0;
    }
    #redcuaed > div:nth-child(2) > div.col-xs-9.col-sm-7.col-md-5.col-lg-3.pad {
    padding-right: 0;
    padding-left: 0;
    }
    ul.dropdown-menu {
    left: -100px;
    }
    .triangulo {
    right: 66px;
    }
}