body {
    box-sizing:       border-box;
    color:            black;             
    background-color: gainsboro;   
    font-size:        20px;
    font-family:      arial;
    width:            98%;
    margin-left:      1%;
    text-align:       center;
}
@media (min-width: 1100px) {
    body {
        background-color: cyan;
    }
}
#FormaIzq {
    box-sizing:       border-box;
    border:           3px solid black;
    float:            left;
    text-align:       left;
    background-color: rgb(123, 248, 7);   
    width:            50%;
    margin-left:      0%;
    margin-top:       1%;
    margin-bottom:    1%;
}
#FormaDer {
    border:           3px solid black;
    float:            right;
    text-align:       left;
    background-color:  rgb(123, 248, 7);  
    width:            48%;
    margin-right:     0%;
    margin-top:       1%;
    margin-bottom:    1%;
}
#IngresoParametros {
    background-color: rgb(203, 218, 247);   
    width:            85%;
    margin-left:      5%;
    font-size:        1.5vw;
}
#ResultadosParametros {
    background-color:   rgb(203, 218, 247);   
    width:              85%;
    margin-left:        5%;
    font-size:          1.5vw;
    margin-bottom:      1%;
}
#IngresoFittings {
    background-color:   rgb(152, 158, 170);   
    width:              85%;
    margin-left:        5%;
    font-size:          1.5vw;
}
#titulofittings {
    text-align:       center;
    font-weight:      bold;
    background-color: rgb(152, 158, 170);
    font-size:        1.5vw; 
}
#ResultadosFittings {
    background-color:  rgb(152, 158, 170);     
    width:            85%;
    margin-left:      5%;
    font-size:        1.5vw;   
}
#ff, #Le, #hL, #DeltaPpsi, #DeltaPbar, #Vel, #Re, #SFitt {
    background-color: rgb(255, 255, 255); 
}
th {
    text-align:  center;
    border:      2px solid black;
    font-size:   1.5vw;
}
td {
    border:      2px solid black;
    text-align:  right;
    font-size:   1.5vw;
}
legend {
    background-color:  rgb(123, 248, 7);  
    font-size:         1.5vw;
    font-weight:       bold;
}
select.elija {
    width:          30%;
    margin-left:    5%;
    color:          blue;
    font-size:      1.5vw;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
    text-align: right;
}
input[type="text"] {
    text-align: left;
}
input[type="submit"] {
    text-align: center;
}
input[type="reset"] {
    text-align: center;
}
input,select {
    margin-left: 1%;
}
input.parametros {
    width:          30%;
    margin-left:    5%;
    font-size:      1.5vw;
}
input.fittings {
    width:          15%;
    margin-left:    10%;
    font-size:      1.5vw;
}
label.fittings {
    width:         50%;
    margin-left:   1%;
    font-size:     1.5vw;
}
label {
    display:         inline-block;
    margin-right:    5%;
    width:           50%;
    text-align:      right;
    font-size:       1.5vw;
}
#TablaResFitt {
    margin-left:     10%;
    width:           80%;
    border-collapse: collapse;
}
#TablaResultados {
    margin-left:     10%;
    width:           80%;
    border-collapse: collapse;
}
button {
    background-color: rgb(123, 248, 7); 
    font-size:        30px;
}
a {
    margin-left: 30%;
    width:       10vw;
}
#footage {
    text-align:  center;
    font-weight: bold;
    font-size:   15px;
}
#refsitiowebfgb {
    margin-left:    60vw;
    margin-right:   1vw;
    font-size:      2vw;
    font-weight:    bold;
}
h1 {
    font-size:   3vw;
    font-family: arial;
    font-weight: bold;
    text-align:  center;
}
h2 {
    font-size:   2vw;
    font-family: arial;
    font-weight: bold;
    text-align:  center;
    color:       red;
    animation: animate 1.0s linear infinite;
}
@keyframes animate {
    0%{
      opacity: 0;
    }
    50%{
      opacity: 0.7;
    }
    100%{
      opacity: 0;
    }
}