html {
    min-height: 100%; /* Look, it's not fixed anymore! */

    display: flex;
    flex-direction: column;
    height: -webkit-fill-available; /* We have to fix html height */
}

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    flex-grow: 1;
}

a{
   color:inherit;
}

table{

   border-collapse:collapse;
   min-width:100%;
}

td{

   vertical-align:top;
}

.infoParagraph{

   font-family:arial;
   font-size:12;
   color:#114477;
   margin-bottom:18;
   color:#ffffff;
}

.menu1Normal{

   text-align:center;
   border-style:solid;
   border-width:2;
   border-color:#114477;
   padding-top:3;
   padding-bottom:3;
   background-color:#FFFFFF;
}

.menu1Normal a{

   text-decoration:none;
   color:#114477;
}

.menu1Select{

   text-align:center;
   border-style:solid;
   border-width:2;
   border-color:#114477;
   padding-top:3;
   padding-bottom:3;
   background-color:#5A9EE1;
}

.menu1Select a{

   text-decoration:none;
   color:#FFFFFF;
}

.campoIngreso{

   font-family:arial;
   font-size:16;
   background-color:#075094;
   color:#ffffff;
   width:100%;
   border-style:solid;
   border-width:1;
   border-color:#000000;
}

.etiquetaCampo{

   font-family:arial;
   font-size:14;
   font-weight:bold;
   color:#114477;
   text-align:right;
   padding-right:5;
}

.responsiveMainRegion{

   vertical-align:middle;
   width:33%;
}

@media only screen and (max-width:768px) {
    /* For mobile phones: */
    [class*="responsiveMainRegion"] {
        width:1%;
    }
}