@font-face {
  font-family: Muli-ExtraLight;
  src: url(../fonts/Muli-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Muli-Black;
  src: url(fonts/Muli-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Roboto-Regular;
  src: url(fonts/Roboto-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Roboto-Medium;
  src: url(fonts/Roboto-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

*{
  font-family: Roboto-Regular;
}
.DecretoDePago {
  font-family: Muli-Black;
  line-height: 0.21;
  letter-spacing: 3px;
}
.subt{
  letter-spacing: 3.8px;
  font-family: Muli-ExtraLight;
}
.subt2{
  font-family: Muli-ExtraLight;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 2.68px;
}
/*Div centro*/
.divHome{
	width:350px; 
	margin: 50px auto 0; 
	background-color: white; 
    background-size: 100% 100%;
/*  border: solid 1px var(--color-bg); */
    border-radius: 7px;
/*	border-radius :10px; */
/*  padding: 20px; */

}
.divHome .header{
    background-color: var(--color-bg);
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.divHome .header span, .buttonSubmit{
    font-size:20px;
    color:white;
    height: 30px;
}
.divHome .content{
    margin-bottom:10px;
    border: 1px solid var(--color-bg);
}
.divHome .content div{
    margin:5px;
}
.formInput{
    padding: 6px 6px!important;
    border-radius: 5px!important;
    font-size: 15px!important;
    
    width: 90%;
    margin: 5px 5px!important;
}
input[type="password"]{
    border: 1.2px solid #8c98a5!important;
    margin: 1px;
}
.formInput:focus{
    outline: 0;
    padding: 6px 6px;
    border-radius: 5px;
    border: 1.2px solid var(--color-bg)!important;
    box-shadow: 0px 0px 2px var(--color-bg);
}


.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.navbar-fixed-bottom {
    font-family: "Roboto Light";
    font-size: 9pt;
    text-transform: none;
    color: #fff;
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: white;
}
.navbar-fixed-bottom img {
    margin-left: 25px;
    margin-bottom: 0px;
    width: 230px;
    filter: saturate(1850%);
}
.text-center {
    text-align: center;
}
.txtBottom{
    font-size:16px;
    color : var(--color-bg);
}
.logo_bottom{
    padding-top:20px;
    max-width: 300px;
}
/*              */
h4{
	background-color: #ffffff00!important;
}
.texto_inicio, .cuadrotexto{
	font-size:15px!important;
}
.buttonSubmit{
	font-size: 20px!important;
    width: 90%;
    padding: 5px;
    background-color: var(--color-bg)!important;    
    color: white!important;    
    border: 0px solid white!important;
}
#header{
    padding: 20px 0px 20px 0px;
    display: inline-flex;
    width: 100%;
    background-color: white;
}
#h_logo{
    width : 30%;
    float:left;
    padding:10px;
}
#h_logo img{
    max-width:200px;
}
#h_nombre{
    width:  60%;
}
#h_right{
    width:  30%;
}
#h_nombre div{
    display: flow-root;
    padding-right: 10px;
}
#h_nombre b{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px!important;
    color: var(--color-bg);
/*    padding-top: 10px;
    padding-left: 20%;
*/
}
#h_nombre div:first-child b{
    font-size: 30px!important;
}