.TESTWRAP {
   max-width: 705PX;
   text-align: center;
   margin: 0 AUTO;
}
.aguinaldoMainWrapper {
   width: 98%;
      min-height: 370px;
      /*background-color: aqua;*/
      margin: 3% 1% 2% 1%; 
   background-image: url('https://www.nacion.com/gnfactory/especiales/2020/aguinaldo2020/img/patron.jpg');
   background-repeat: repeat-x;
   background-position: top center;
   text-align: center;
   display: flex;
   border-bottom: 5px SOLID #b08943;
}
h1.agui {
   font-family: 'Fira Sans', sans-serif;
   font-size: 31px;
   color: #fff;
   text-transform: uppercase;
   text-align: left;
   padding: 5px 0px 0px 25px;
   margin: inherit;
}
.BlockLeft {
   width: 70%;
   min-height: 200px;
}
.BlockLeftA, .BlockLeftD {
   width: 100%;
   display: block;
   /*background-color: aqua; */
}
.BlockLeftB, .BlockLeftC {
   width: 47%;
   /*background-color: gainsboro; */
   display: table-cell
}
.spaceLeft {
   margin-left: 3%
}
.aguiBajada {
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   line-height: 16px;
   color: #000;
   text-align: justify;
   padding:0px 15px;
   max-width: 450px
}
#aguiAlerts {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   line-height: 15px;
   color: #895f5f;
   text-align: right;
   padding:0px 15px;
   max-width: 430px
}
.limpiador {
   float: left;
   margin: 8px 0px 0px 15px
}
.BlockRight {
   width: 30%;
   min-height: 200px;
}
.monthagui {
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   float: left;
   width:100px;
   text-align: right;
}
.fillSalary {
   width: 115px
}
.dic19, .jun20 {color:#b08943}
.ene20, .jul20 {color:#a07a38}
.feb20, .ago20 {color:#906c2d}
.mar20, .set20 {color:#805d22}
.abr20, .oct20 {color:#704f17}
.may20, .nov20 {color:#60400c}
.aguinaldo2019 {
}
.calcularBlock {
   width: 100%;
   min-height: 70px;
   display: block;
   background: url('https://www.nacion.com/gnfactory/especiales/2020/aguinaldo2020/img/crcoin.png');
   background-repeat: no-repeat;
   background-position: top;
   background-size: 100%;
   padding-top: 145px;
}
.resultadoBlock {
   width: 100%;
   min-height: 115px;
   display: block;
   margin-top: 40px;
   /*background-color: red;*/
}
.resultado {
   width: 80%;
   margin-top:10px;
   margin-left:5%;
   margin-right: 5%;
   height: 40px;
   background-color:#eaeaea;
   border-radius: 10px;
   padding: 1% 5%;
   overflow: hidden
}
#resultadoFinal {
   font-size: 26px;
   line-height: 40px;
   color: #b08943;
   font-family: 'Roboto', sans-serif;
   font-weight: 700;
}
.aguiBoton {
   color: #fff; 
   background-image: linear-gradient(to bottom, rgba(66, 53, 5, 1), rgba(176, 137, 67, 1) 100%);
   padding: 10px 20px; 
   border-radius: 6px;
   width: 90%;
   margin: 0% 5%;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   font-size: 15px;
   line-height: 15px;
   cursor: pointer;
   /*border: none;*/
}
.aguiBoton:hover {
   background-image: linear-gradient(to top, rgba(66, 53, 5, 1), rgba(176, 137, 67, 1) 100%);
}
.generic {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   line-height: 15px;
   color: #6d6d6d;
   text-align: center;
   font-weight: 700;
}
.formDisplay {
   width:100%;
   display: inline-block;
   margin-bottom: 5px;
}

/*MediaQueries 350px or less Only*/
@media screen and (max-width: 350px){
.aguinaldoMainWrapper {display: block}
h1.agui {font-size: 21px;padding-top: 11px;padding-left: 10px}
.monthagui {font-size: 11px;text-align:left;width: 100%;padding-left: 5px}
.fillSalary {width: 90%}
.aguiBajada {font-size: 12px;padding: 5px 7px;}
.BlockLeft {width: 100%}
.BlockRight {width: 100%;min-height: 105px;display: block}
.formDisplay {padding-top: 5px;margin-bottom: 0px}
.calcularBlock {width: 49%; min-height: 60px; background-size: 50%;padding-top: 25px;display: inline-flex}
.resultadoBlock {width: 49%;display: block;min-height: 100px;float: right;margin-top: 10px}
.generic {width: 100%; display: block;margin: 0 auto;font-size: 13px; line-height: 13px}
.resultado {width: 83%; display: block;margin-left: 2.5%;margin-right: 2.5%;}
.limpiador {margin-top: 15px}
.aguiBoton {font-size: 12px;} 
#aguiAlerts {text-align: center}
}
/*MediaQueries Between 350px to 450px Only*/
@media screen and (min-width: 350px) and (max-width: 450px) {
.aguinaldoMainWrapper {display: block}
h1.agui {font-size: 24px;padding-top: 11px;padding-left: 10px}
.monthagui {text-align:left;width: 100%;padding-left: 5px}
.fillSalary {width: 90%}
.aguiBajada {font-size: 12px;padding: 5px 7px;}
.BlockLeft {width: 100%}
.BlockRight {width: 100%;min-height: 105px;display: block}
.formDisplay {padding-top: 5px;margin-bottom: 0px}
.calcularBlock {width: 49%; min-height: 60px; background-size: 50%;padding-top: 25px;display: inline-flex}
.resultadoBlock {width: 49%;display: block;min-height: 100px;float: right;margin-top: 10px}
.generic {width: 70%; display: block;margin: 0 auto}
.resultado {width: 83%; display: block;margin-left: 2.5%;margin-right: 2.5%;}
#aguiAlerts {text-align: center}
}
@media (min-width: 450px) and (max-width: 527px) { 
h1.agui {font-size: 26px;padding-top: 9px}
}