body{
    margin:0px 0px 0px 0px;
}

input[type="button"]{
    height:40px;
    min-width:100px;
    border:4px solid #003366;
    border-radius:5px;
    cursor:pointer;
    background:#ffffff;
}

input[type="button"]:hover{
    height:40px;
    min-width:100px;
    border:4px solid #003366;
    border-radius:5px;
    cursor:pointer;
    background:#eaeaea;
}

input[type=button]:disabled{
    border:4px solid #555;
    border-radius:5px;
    height:40px;
    text-align:center;
    background:#fff;
    color:#000;
    cursor:not-allowed;
  }

.texto_n_6{
    font-family:verdana;
    font-size:6pt;
    color:#000000;
}

.texto_a_8{
    font-family:verdana;
    font-size:8pt;
    color:#003366;
}
.texto_n_8{
    font-family:verdana;
    font-size:8pt;
    color:#000000;
}

.texto_g_8{
    font-family:verdana;
    font-size:8pt;
    color:#999999;
}

.texto_b_8{
    font-family:verdana;
    font-size:8pt;
    color:#ffffff;
}

.texto_a_10{
    font-family:verdana;
    font-size:10pt;
    color:#003366;
}
.texto_n_10{
    font-family:verdana;
    font-size:10pt;
    color:#000000;
}
.texto_b_10{
    font-family:verdana;
    font-size:10pt;
    color:#ffffff;
}

.in_campos{
    border:1px solid #003366;
    border-radius:5px;
    font-family:tahoma;
    font-size:12pt;
    color:#000000;
    height:40px;
    -webkit-box-sizing: border-box;
}

.in_campos:focus{
    border:1px solid #003366;
    border-radius:5px;
    font-family:tahoma;
    font-size:12pt;
    color:#000000;
    height:40px;
    background:#eaeaea;
    -webkit-box-sizing: border-box;
}

.out_campos{
    font-family:tahoma;
    font-size:12pt;
    color:#003366;
    line-height:40px;
}

.titulos{
    font-family:arial;
    font-size:20pt;
    color:#ffffff;
    text-align:center;
    background:#003366;
    border-bottom:1px solid #000000;
    height:80px;
    line-height:80px;
}

.pie{
    font-family:arial;
    font-size:8pt;
    color:#003366;
    text-align:right;
    background:#556677;
    padding: 5px;
    border-top:1px solid #555555;
    border-bottom:1px solid #555555;
    height:50px;
    line-height:50px;
}

#modal{
    position:fixed;
    left:50%;
    top:50%;
    width:400px;
    margin-top:-100px;
    margin-left:-200px;
    border:4px solid #000000;
    border-radius:5px;
    background:#ffffff;
    -webkit-box-sizing: border-box;
    visibility:hidden;
    z-index:2;
}

#titulo_modal{
    text-align:center;
    background:#003366;
    height:40px;
    line-height:40px;
}

#mensaje_modal{
    text-align:center;
    background:#ffffff;
    padding:10px;
}
#botones_modal{
    text-align:center;
    background:#556677;

}

#loader{
    position:absolute;
    top:50%;
    margin-top:-100px;
    width:100%;
    height:200px;
    border-top:1px solid #778899;
    border-bottom:1px solid #778899;
    background:#ffffff;
    background-image:url('../images/loader_planis.gif');
    background-repeat:no-repeat;
    background-position:center;
    box-shadow:7px 13px 37px rgba(0,0,0,.9);
    visibility:hidden;
    z-index:1;
}

.logo{
    /* centrar en div */
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    /*****************/
}