section.institucional h1{
    background-color:rgba(0,0,0,0.25);
    color:#FFF;
    font-family:'Quicksand';
    font-size:20px;
    padding:5px 20px;
    position:absolute;
    right:0;
    text-transform:uppercase;
    z-index:1;
}
section.institucional nav.submenu{
    text-align:center;
    position:absolute;
    width:100%;
    z-index:1;
}
section.institucional nav.submenuFixed{
    left:0;
    position:fixed;
    top:0 !important;
}
section.institucional nav.submenu ul{
    background-color:#555;
    display:inline-block;
    height:31px;
    padding:5px 0;
    position:relative;
}
section.institucional nav.submenu ul:before,
section.institucional nav.submenu ul:after{
    border-bottom:31px solid transparent;
    border-right:31px solid #555;
    content:'';
    left:-31px;
    position:absolute;
    top:0;
}
section.institucional nav.submenu ul:after{
    border-left:31px solid #555;
    border-right:none;
    left:initial;
    right:-31px;
}
section.institucional nav.submenu li{
    border-left:2px solid #DDD;
    display:inline-block;
    padding:2px 20px;
}
section.institucional nav.submenu li:first-child{
    border-left:none;
}
section.institucional nav.submenu a{
    color:#FFF;
}
section.institucional nav.submenu a:hover{
    color:#157BB2;
    color: var(--tts-primary-color);
}
section.institucional > nav.submenu h2{
    font-family:'Quicksand';
    font-size:13px;
    margin:0;
}
section.institucional > article{
    clear:both;
    display:table;
    padding-top:35px;
    width: 100%;
}
section.institucional > article h2{
    background-color:var(--tts-primary-color);
    color:#FFF;
    font-family:'Quicksand';
    font-size:20px;
    margin:0;
    padding:5px;
    text-align:center;
}
section.institucional > article p.h2{
    color:var(--tts-primary-color);
    margin: 30px auto;
    padding: 0 40px;
    text-align:center;
    /* width: 580px; */
}
section.institucional > article .table{
    border-spacing: 15px;
    border-collapse: separate;
    margin-bottom: -15px;
    margin-top: -15px;
}
section.institucional > article section{
    border:1px solid #CCC;
    float:none;
    display:table-cell;
    padding:10px;
}
section.institucional > article h3{
    color:var(--tts-primary-color);
    font-size:24px;
    line-height:1em;
    margin:0;
}
section.institucional > article h3:before{
    font-size:1.3em;
    margin-right:5px;
    vertical-align:middle;
}
section.institucional > article hr{
    border-color:#CCC;
    margin:10px -5px;
}
section.institucional > article .imagen img{
    height:auto;
    width:100%;
}
section.institucional > article .texto p.destacado{
    font-weight: 700;
    font-family: 'Quicksand';
}
section.institucional > article .texto .icon-calidad{
    color:var(--tts-primary-color);
    float:left;
    font-size: 46px;
    margin-top: 5px;
    margin-bottom: -20px;
}
article#compromiso-calidad .texto p.h2{
    text-align:left;
    margin:15px 0;
    padding: 12px 0 0 50px;
}
section.institucional > article .texto ul{
    padding-left: 36px;
}
section.institucional > article .texto li{
    list-style-type: disc;
}
article#conocimiento-experiencia .imagen img{
    margin:15px 0;
}
section.institucional > article .texto .icon-experiencia{
    color:var(--tts-primary-color);
    float:left;
    font-size: 46px;
    margin-top: 5px;
    margin-bottom: -20px;
}
article#conocimiento-experiencia .texto p.h2{
    text-align:left;
    margin:15px 0;
    padding: 12px 0 0 50px;
}
/* HHRR */
article#sumate p.destacado{
    font-weight: 700;
    font-family: 'Quicksand';
    margin-top:10px;
    text-align:center;
}
article#sumate p.h2:last-child{
    margin-bottom:0;
}
article#cv{
    margin-bottom:15px;
}
article#cv h2{
    margin-bottom:15px;
}
article#cv p.destacado{
    margin-bottom:15px;
}
label.input-file,
label.input-file-button{
    margin-top:23px;
}
label.input-file-button{
    background-color:var(--tts-primary-color);
    border-radius:4px;
    color:#FFF;
    line-height:20px;
    margin-left:15px;
    padding:7px 15px;
}
#file{
    display:none !important;
}
section.institucional .captcha{
    overflow:hidden !important;
    width:100%;
}
section.institucional button.submit{
    margin-top: 39px;
    font-weight: 600;
}
div.rrhh{
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
a.btn-rrhh {
    width: fit-content;
    margin: 0 auto;
    background-image: none;
    background-color: #666;
    color: #fff;
    min-height: 34px;
    height: auto;
    text-align: center;
}
a.btn-rrhh:hover, a.btn-rrhh:focus, a.btn-rrhh:active {
    background-color: #555;
    color: #fff;
}
/* RESPONSIVE /////////////////////////////////////////////////////*/
@media (min-width: 1200px){
}
@media (max-width: 1199px){
    article#compromiso-calidad .texto p.h2{
        padding-top:0;
    }
}
@media (max-width: 991px){
    section.institucional nav.submenu h2{
        font-size:14px;
    }
}
@media (max-width: 767px){
    section.institucional nav.submenu ul{
        height:25px;
        padding:2px 0;
    }
    section.institucional nav.submenu ul:before,
    section.institucional nav.submenu ul:after{
        border-bottom:25px solid transparent;
        border-right:25px solid #555;
        left:-25px;
    }
    section.institucional nav.submenu ul:after{
        border-left:25px solid #555;
        border-right:none;
        left:initial;
        right:-25px;
    }
    section.institucional nav.submenu li{
        border-left:1px solid #DDD;
        padding:2px 5px;
    }
    section.institucional nav.submenu h2{
        font-size:11px;
    }
    section.institucional article p.h2{
        width:initial;
    }
    section.institucional > article .table{
        display:block;
        /* margin-top:10px; */
        padding:10px;
    }
    section.institucional > article section{
        display:inline-block;
        margin-top:10px;
        padding:20px;
        width:100%;
    }
    section.institucional article hr{
        margin:20px -5px;
    }
    article#conocimiento-experiencia .texto p.h2{
        padding-top:0;
    }
    article#cv .imagen{
        display:none;
    }
    article#cv .texto{
        padding-left:0;
        padding-right:0;
    }
    section.institucional{
        overflow:hidden;
    }
}
@media (max-width: 516px){
    section.institucional nav.submenu{
        display:none;
    }
}
@media (max-width: 470px){
    section.institucional > article .imagen {
        padding:0;
        margin-bottom:20px;
    }
    article#conocimiento-experiencia .imagen img{
        margin:0;
    }
    section.institucional > article .texto .icon-experiencia{
        font-size: 31px;
    }
    article#conocimiento-experiencia .texto p.h2{
        padding-left:40px;
    }
}

.dwnInst{
    margin-top: 20px;
    margin-left: 20px;
}

.dwnInst a{
    color: #157BB2;
    cursor: pointer;
    text-decoration: underline;
    font-weight: normal;
    transition: all 0.3s ease-in-out;
}

.dwnInst a:hover{
    color: #157BB2;
    cursor: pointer;
    text-decoration: underline;
    font-weight: normal;
    opacity: .8;
    transition: all 0.3s ease-in-out;
}