@charset "utf-8";

html{height: 100%;background-color: #fdfdfb}
body { 
    margin : 0 auto;
    padding : 0;	
    text-align: center;
    height: 100%;
    font-family: var(--main-tipografia1),Arial,sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.7em;
    
}
.contenedor_gral {
        margin: 0 auto;
        max-width: 1920px;
        min-width: 320px;
        height: 100%;
}
.contenedor_gral .contenedor_content{
        clear: both;
        width: 100%;
        margin: 0 auto;
        padding: 0px 0px;
        line-height: 1.7em;
        position: relative;
        height: 100%
}
.contenedor_gral .contenedor_content .contenedor_content_tabla{
        width: 100%;
        position: relative;
        display:table;
        height: 100%
}
.contenedor_gral .contenedor_content .contenedor_content_tabla_td{
        width: 100%;
        vertical-align: middle;
        display: table-cell;
        color:var(--main-colorTexto4);
        padding:0;
        text-align: center;
        
}

.btn{
    font-family: var(--main-tipografia1);
    outline: none;
    padding: 5px 14px
    
}
.dn{display:none}
b{font-weight:bold}
input[type='text'],input[type='password']{font-family: var(--main-tipografia1);}
#content{width:100%;display: inline-block;text-align:center;}
#content div.login_cont{display:inline-block;padding: 20px;border:1px solid #DCDCDC;width:320px;box-sizing:border-box}
#content div.login_cont table{float: left;width: 100%}
#content div.login_cont table tr td{text-align: left;vertical-align: middle;padding: 3px}
#content div.login_cont table tr td:first-child{text-align: right}
#content div.login_cont table tr td input[type='text'],
#content div.login_cont table tr td input[type='password']{width:100%;box-sizing:border-box;height:auto}


#content div.login_cont table.tabla_cotizaciones{}
#content div.login_cont table.tabla_cotizaciones tr{}
#content div.login_cont table.tabla_cotizaciones tr td{vertical-align:top;text-align:right;padding:0}
#content div.login_cont table.tabla_cotizaciones tr td.bandera{width:40px;}
#content div.login_cont table.tabla_cotizaciones tr td.bandera img{width:100%;float:left}
#content div.login_cont table.tabla_cotizaciones tr td.cot{width:50px;text-align:center;vertical-align:middle}
#content div.login_cont table.tabla_cotizaciones tr td.cot input[type='text']{
    width:60px;box-sizing:border-box;
    height:auto;
    padding:0;
    margin:0;
    text-align:center;
    box-shadow:none;
    border-radius:0px
    
}
#content div.login_cont table.tabla_cotizaciones tr td.sep{width:10px;padding:0;position:relative}
#content div.login_cont table.tabla_cotizaciones tr td.sep_h{padding:0;height:10px}
#content div.login_cont table.tabla_cotizaciones tr td.txt{
    text-align: center;
    color: var(--main-colorTexto1);
    font-weight: normal;
    line-height: 1.2em;
    padding-top: 20px;
    font-size: 13px;
    font-family:var(--main-tipografia2)
}
#content div.login_cont table.tabla_cotizaciones tr td.txt.error{
    color:red
}
#content div.login_cont table.tabla_cotizaciones tr td.sep::after{
    width:1px;
    height:13px;
    background:var(--main-colorTexto4);
    position:absolute;
    left:0;top:0;
    bottom:0;right:0;
    margin:auto;
    content:"";
}

#content div.login_cont a.ce{color:var(--main-colorTexto4);margin-top:10px;display: inline-block}
#content div.login_cont a.ce:hover{
    color:var(--main-colorTexto1)
}

#content div.login_tit {color: var(--main-colorTexto1);float: left;font-size: 16px;
    font-weight: bold;margin-bottom: 5px;text-align: center;
    width: 100%;line-height:1em
}
#content div.login_tit span{color:var(--main-colorTexto3)}
#content div.login_tit span.cierre,#content div.login_tit span.cierre span{color:var(--main-colorTexto1);font-size:12px;font-weight:normal}

#content div.login_cotiz{
    display: inline-block;
    min-height: 140px;
    text-align: center;
    min-width: 320px;
    position:relative;
}

#content div.login_cotiz .msj_aguarde{
    width:100%;
    height: 100%;
    position: absolute;
    left:0;top:0;
    background-color: rgba(0,0,0,0.5);
}

#content div.login_cotiz .msj_aguarde .txt{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    margin: auto;
    color:white;
    width:200px;
    height: 45px;
    font-size: 17px
}

@media only screen and (max-width:500px){
    #content div.login_cont{width:300px;min-width:0}
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #DCDCDC;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #DCDCDC;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #DCDCDC;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #DCDCDC;
}