body {
    font-family: "Verdana", "Arial", Sans-serif;
    font-size: 1.5vw;
    color: rgb(28, 119, 195);
    background-color: white;
    /*background-color: rgb(237, 237, 237);*/
    /*1c77c3, 28, 119, 195 */
    /*39A9DB, 57, 169, 219 */
    /*40BCD8, 64, 188, 216 */
    /*F39237, 243, 146, 55 */
    /*D63230, 214, 50, 48 */
}

h1 {
    font-family: "Verdana", "Arial", Sans-serif;
    font-size: 3vw;
    font-weight: bold;
    color: rgb(28, 119, 195);
    
}

.juntosleft {
    display: inline;
    float: left;
    width: 45%;
    padding-right: 0.1em;
}

.juntosright {
    display: inline;
    float: left;
    width: 45%;
}


input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 3em;
    line-height: 3em;
    font-size: 4vw;
    border: 1;
    border-color: rgb(28, 119, 195);
    
    /*background-color: rgb(198, 198, 198);*/
    width: 90%;
}

input[type="tel"], [type="number"], [type="date"] {
    width: 100%;
}

.ex {
    width: 100%;
}



input.ex2, select.ex2 {
    width: 90%;
}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 3em;
    line-height: 3em;
    font-size: 4vw;
    border: 1;
    border-color: rgb(28, 119, 195);
    background-color: white;
    /*background-image: url('down.png');
    background-position : right center;
    background-repeat: no-repeat;*/
    background-image:
    linear-gradient(135deg, rgb(28, 119, 195) 50%, transparent 0%),
    linear-gradient(45deg, transparent 50%, rgb(28, 119, 195) 50%),
    linear-gradient(to right, rgb(28, 119, 195), rgb(28, 119, 195));
    background-position: calc(100% - 0.5em) 1.25em,
    calc(100% - 0.99em) 1.25em,
    calc(100% - 1.9em) 0.5em;
    background-size:
    0.5em 0.5em,
    0.5em 0.5em,
    0.05em 2em;
    background-repeat: no-repeat;
    padding-right: 1em;
    width: 100%;
}

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 3em;
    font-size: 4vw;
    background-color:rgb(28, 119, 195);
    border-color: rgb(28, 119, 195);
    padding: 0px;
    border-radius: 1vw;
    color: white;
    width: 30%;
}

.buttonholder {
    text-align: center;
    border: 1;
    width:90%;
}

/* ::placeholder {
    color: ;
}*/

table {
    /*border: 1|0;*/
    width: 95%;
    border-collapse: collapse;
    table-layout: fixed;
}


td {
    /*border: 0;*/
    background-color: white;
    color: rgb(28, 119, 195);
    font-size: 1vw;
    padding: 0.2vw;
    text-align: center;
    word-wrap: break-word;
    /* could also go for 218, 218, 218*/
}

th {
    background-color: rgb(28, 119, 195);
    color: white;
    font-weight: bold;
    font-size: 1vw;
    text-align: center;
    /* could also go for 28, 119, 195*/
    /*35, 150, 203*/
}

.theader {
    font-size: 2vw;
}


.hnombre {
    width: 23%;
}

.hinstitucion {
    width: 21%;
}

.hdepartamento {
    width: 23%;
}

.hcargo {
    width: 10%;
}

.hsueldo {
    width: 9%;
}

.htipo {
    width: 3%;
}

.hfecha {
    width: 5%;
}


.desc {
    font-style: oblique;
    /*border: 1;*/
    
    background-color: white;
    color: rgb(28, 119, 195);
    font-size: 2vw;
    border-top: 1px solid #767676;
    padding-bottom: 1vw;
}



.inline {
  display: inline;
}

.link-button {
  background: none;
  border: none;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  font-size: 1.5em;
}
.link-button:focus {
  outline: none;
}
.link-button:active {
  color:red;
}

.menubar {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    text-align: center;
    height: 6.5vw;
    margin: 1vw 0 0 0;
    /*border-style: solid;
    border-width: 1px;
    border-color: black;*/
}

.linkbutton {
    /*float: left;*/
    display: inline;
    text-align: center;
    font-size: 4vw;
    background-color:rgb(28, 119, 195);
    padding: 1vw 2vw 1vw 2vw;
    border-radius: 0.7vw;
    text-decoration:none;
    color: white;
    border-style: solid;
    border-width: 1px;
    border-color: black;
}
.nodec {
    text-decoration:none;
    color: white;
}