@media screen and (max-width: 1325px) {
/*    .botonmenu{
        display: block;
    }
    .bgsbmenu{
        display: none;
    }
    .submenu li{
        width: 100%;
        float: none;
    }*/
    #sticky_navigation_wrapper{
        height: 45px;
    }
      .submenu li{
            height: 45px;
      }
    .submenu li a{
            font-size: 11px;
            padding: 10px 15px;
    }
    .logventanilla{
    max-width: 209px;
        margin-bottom: 15px;
        margin-top: 15px;
}

 }  
@media screen and (max-width: 1280px) {
.cajaestado p{
    margin-bottom: 5px;
}
} 


 @media screen and (max-width:1070px) {
/*    .flotleft{
        float: none;
    }
*/
} 
 @media screen and (max-width:1035px) {

.colum1, .colum2{
    width: 48%;

}
.colum3{
    width: 48%;
}

.consult{
width: 88%;
    max-width: 359px;
    float: left;
}

.boxcamp .consult{
        width: 70%;
}
.nomb-label{
    float: none;
    max-width: inherit;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}
.inputselec{
    margin-left: 0;
        width: 96%;
}
.boxproce{
        width: 62%;
        float: none;
}
.boxproce .nomb-label{
    float: left;
        width: 22%;
    max-width: inherit;
    min-width: inherit;

}
.boxproce .inputselec{
    margin-left: inherit;
    float: left;
    width: 70%;
    margin-right: 4%;
/*    margin-left: 4%;*/
}
.btnconsul{
    width: 37%;
}
.boxcamp .inputselec{
        width: 100%;
}
.wid1, .wid2{
    width: 46%;
    margin-right: 4%;
}
.wid2 .consult, .midesc .consult{
    margin-top: 21px;
}
.unalinea{
    padding-top: 0;
}
}
 @media screen and (max-width: 970px) {
/*    #sticky_navigation_wrapper{
        height: 90px;
    }*/
    .submenu li a {

    padding: 6px 6px;
}
.bloqwhite{
    width: 100%;
    max-width: 90%;
}

.btnsmenu label a, .btnsmenu li a{
    font-size: 15px;
}

.boxexp{
    bottom: inherit;
    top: 0;
    margin-top: 0;
}
.contenmenu{
    padding: 16px 20px;
    box-sizing: border-box;
    display: block;   
}



 } 



@media screen and (max-width: 940px) {
.aftr:after{
    content: "";
    display: block;
    clear: both;
}
/*.btnsmenu{
    float: none;
    margin-left: 0;
    clear: both;
    margin-top: 20px;
}*/
div .fim-dropdown>label{
    margin-left: 0;
}
.infoperfil img{
   max-width: 38px;
 
}
.cajaestado p{
    float: none;
    border: 0;
}
/*.boxcampo{
    float: none;
    margin-bottom: 20px;
}*/
.btnsmenu label a{
        font-size: 14px;
}
.boxcampo{
    margin-right: 2%;
    width: 27%;
}
.btnbuscar{
   width: 13%; 
   padding: 9px 2%;
   font-size: 14px;
}
.inputbox{
    margin-left: 3%;
        width: 72%
}
.boxcampo span{
    width: 23%;
    font-size: 14px;
    margin-right: 2%;
}
.labtext{
        width: 32%;
    margin-right: 6%;
    padding-left: 12% !important;
}




}


@media screen and (max-width: 915px) {
    .infopersona{
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .boxexp{
        float: none;
        /*margin-top: 15px;*/
   /*     position: relative;*/
        margin-left: 0;
    }
    .fotoperfil img, .fotoperfil{
        min-width: 65px;
    }
    .name{
        font-size: 22px;
    }
    .dni{
        font-size: 17px;
    }
    .txtinfo{
            padding-right: 2%;

    margin-right: 5%;
    width: 42%;
    }
    .boxtab{
        width: 100%;
    }
        .detalimg{
        margin-top: 15px;
    }
}
@media screen and (max-width: 895px) {

    .modal-dialog{
        width: 96%;
    }
    .rightbusc, .leftbusc{
        float: none;
        width: 96%;
        margin: 0 auto;
    }
.rightbusc .label{
   min-width: 120px;
}

.btnbusc{
    margin-top: 8px;
    margin-left: 0;
}
.boxbuscador .label{
    min-width: inherit;
}
.izqterm, .derterm{
    float: none;    
    width: 100%;
}
.izqterm{
    margin-bottom: 15px;
}
.bgsbmenu{
    display: none;
}
.boxdisplay{
    display: none;
}
.btnbusc{
    margin-top: 0;
}
}


@media screen and (min-width: 841px) {
    .btnsmenu, .slidmen{
    display: block !important;
}
.apertrespons{
    display: block !important;
}
.menudesp li a{
    background: white;
}
.menudesp li a:hover{
    background: white;
}
.btnsmenu .boxidiomas{
    display: none;
}

 }


@media screen and (max-width: 840px) {

.lefspo{
    display: none;
}
.rigspo{
    width: 100%;
    float: none;
    margin: 0 auto;
}
.movres{
    float: left;
}
.boxinput, .btnsoption, .boxleyenda{
    float: left;

}

.boxleyenda{
    margin-right: 5%;
}
    .btnsubmenu{
    display: block;
}
.btnsoption{
    float: right;
    margin-right: 0;
}

.inputsearch{
    width: 100%;
}

.btnsmenu{
    width: 100%;
    float: none;
    max-width: 100%;
    margin-left: 0; 
    border-top: 1px solid #dbdbdb;
}
.btnsmenu label a{
    font-size: 13px;
}
.btnsmenu li{
    display: block;
    width: 100%;
    margin: 10px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #d6d6d6;
}
.btnsmenu li a{
    margin-left: 3%;
    padding-bottom: 8px;
}

header{
    padding-bottom: 14px;

}
.btnsmenu li .elemhide{
    display: none;
}
.subm .menudesp{
    position: relative;
    display: block;
    width: 100%;
    left: 0;
    border: none;

}
.btnsmenu .subm{
    margin-top: 0;
}
.menudesp li{

    padding: 0;
    margin: 10px 0;
    margin-bottom: 0;
}
.menudesp li a{
    padding-bottom: 0;
    text-align: left;
        padding-left: 30px;
        color: #8F8F8F;
        padding-bottom: 8px;
}
.menudesp.boxoption:before{
    display: none;
}
.menudesp li:nth-child(2){
    border-bottom: 0;
}
.btnsmenu li .btnresponsiv{
    display: block;
}

.padbox1 {
   border-bottom: 1px solid #dfdfdf;
   padding-top:0;
}
.padbox1  .btmra{
    display: block;
}
.apertrespons{
    display: none;
}
.titulo{
    display: none;
}

li.boxidiomas{
    width: 100%;
}
li.boxidiomas a{
margin-right: 10px;
    padding-right: 10px;
}


li.boxidiomas:after{
    content: "";
    display: block;
    clear: both;
}
.btnsmenu .boxidiomas a{
    width: 47%;
    float: left;
    text-align: center;
    padding: 0%;
    margin: 0;
}
.btnsmenu .boxidiomas a:hover{
    text-decoration: underline;
}
.boxidiomas a:nth-child(1){
    border-right: 1px solid silver;
}
.iconsalir{
    background: url(../img/out.png) no-repeat left top;
}
.iconsalir:hover, .iconsalir.activo{
    background: url(../img/outh.png) no-repeat left top;
}
.padbox1{
    background: transparent;
}
.apertrespons{
    padding-top: 15px;
}
.cajaestado{
    border: 0;
    padding: 0;
}
.cajaestado{
    border: 0;
    box-shadow: none;
    margin-top: 18px;
}
.detalimg{
    display: none;
}
.boxreglamento{
   margin: 0 auto;
    width: 100%;
    padding-top: 20px;
    background: white;
    border: 0;
}

.regrespon, .boxleyenda {
    display: none;
}
.exverde{
    margin-left: 0;
}
div .respoleft .boxinput{
    width: auto;
    margin-bottom: 0;
}
}






@media screen and (max-width: 780px) {
    #sticky_navigation_wrapper {
    height: 94px;
}
.submenu li{
    margin-bottom: 2px;
}
.submenu li a{
        border: 1px solid #C6C6C6;
    border-radius: 0;
    margin: 0;
}
.derecambio, .izqcambio{
    margin: 0 auto;
    float: none;
    width: 100%;
}
.derecambio{
    margin-bottom: 20px;
}
.centvalid{
    max-width: 500px;
    width: 100%;
    margin-top: 40px;
}
.validleft .label{
    float: none;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    text-align: left;
}
.validleft{
    margin: 0 auto;
    float: none;
    width: 100%;
    margin-top: 12px;
}
.tipelecc{
    margin-left: 0;
}
.validleft .campowhite{
    width: 100%;
}
.modal-dialog{
    width: 100%;
    max-width: 100%;
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    
}
.modal-content{
    height: auto;
    min-height: 100%;
}
.modal-body{
    top: 18%;
}
.modal .contenuser{
    max-width: 588px;
}
div .nopadd{
    padding: 24px 15px;  
}
}


@media screen and (max-width: 720px) {
.contrelec .label{
    float: none;
    width: 100%;
    margin-bottom: 4px;
    text-align: left;
}
.contrelec .tipelecc{
    width: 100%;
    display: block;
    max-width: 100%;
    float: none;
    margin: 0;
}
.contrelec{
    padding: 0;
}
.contrelec .btnbusc{
    float: left;
    margin-top: 15px;
}
.datosperson{
        margin-left: 3%;
}


}
@media screen and (max-width: 690px) {
.boxcampo{
    height: 37px;
    width: 43%;
    margin-right: 7%;
    margin-bottom: 20px;
}
.btnbuscar{
    margin: 0 auto;
    float: left;  
    width: 100%;
}

}
@media screen and (min-width: 641px){

}
@media screen and (max-width: 640px) {
    .postul{
        float: none;

    }
    .titulo{
        float: none;
    }
    .boxtab{
        width: 100%;

    }

}

@media screen and (max-width: 615px) {
.imgapt{
    margin-left: 0;
    margin-top: 10px;
    float: none;
}
.leftname{
    float: none;
}
.txtinfo{
    width: 93%;
    max-width: 100%;
    float: none;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-right:0;
    border-bottom: 1px solid silver;
}



}



@media screen and (max-width: 590px) {
.boxconfig{
        width: 48px;
}
.infoperfil{
    padding-right: 15px;
}
.infoperfil img {
    max-width: 28px;
    margin-top: 10px;
}
.boxoption{
        right: 0px;
}
.labtext{
    padding-left: 9% !important;
}
      
.boxbuscador{
    width: 100%;
}

.label, .rightbusc .label{
    min-width: inherit;
    display: block;
    text-align: left;
    margin-bottom: 6px;
}  
.inputmod{
    width: 100%;
}

.rightbusc, .leftbusc{
    width: 100%;
}
.widthCambio .modal-body{
        padding: 25px 35px;
}
.btnbusc{
    width: 100%;
}
.leftper{
    width: 100%;
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
}
.btncancel{
        width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;

    background: gray;
    color: white;
        border-radius: 3px;
    line-height: 18px;
    padding: 9px 30px;
    min-height: 35px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
}
.centerror .btnprincipal {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    float: none;
    margin-bottom: 10px;
}
.derterm a{
    float: none;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
}

.modal-body{
    position: absolute;
    top: 30%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 45px;
    box-sizing: border-box;
    display: block;
    height: 160px;
}

}


@media screen and (max-width: 540px) {
   .leftbox .campowhite{
    display: none;
   } 
   .leftbox button{
    width: 100%;
    margin: 0 auto;
    float: none;
    margin-bottom: 20px;
   }
   .leftbox{
    width: 100%;
    float: none;
   }
   .rightbox{
    width: 100%;
    max-width: 100%;
    float: none;
   }
   .inputsearch{
    max-width: 100%;
   }
   .rightbox .boxinput{
    width: 100%;
        margin-bottom: 15px;
   }
.menuleft, .menuright{
    float: none;
    margin: 0 auto;
        width: 100%;
        border: 0;
}
.inforight{
    display: none;
}
.menuprincipal{
    position: absolute;
    top: 27px;
    right: 20px;
    left: inherit;
}
.hidemenu{
    display: block;
}
.inforight{
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
}
.boxconfig{
    display: none;
}
.infoperfil{
    border: 0;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
}
.exazul{
    margin-left: 0;
    margin-top: 0;
}
}


@media screen and (max-width: 520px) {
    .boxcampo{
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
        width: 100%;
        max-width: 90%;
    }
    .boxdesple{
        padding-bottom: 100px;
    }
    .btnbuscar{
        float: none;
        width: 100%;
        max-width: 90%;
    }
    .labtext{
        margin-right: 0;
    }
    .datosperson{
        margin: 0 auto;
        width: 92%;
        float: none;
    }

    .fotoperfil img, .fotoperfil{
            min-width: 86px;
    }
    .fotoperfil:after{
        content: "";
        display: block;
        clear: both;
    }
     .txtinfo{
        width: 100%;
        padding-right: 0;
        margin-right: 0;
        border-bottom: 0;
        margin-bottom: 0;
    }
    .datosperson{
        clear: both;
        width: 100%;
    }
    .fotoperfil{
       float: left;
        max-width: 76px;
        width: 100%;
        margin-bottom: 15px;
    }
    .name, .dni, .txtinfo p{
            text-align: left;
    }
    .imgapt{
        margin: 10px auto;
    }
/*    .boxinput, .btnsoption, .boxleyenda{
        float: none;
    }*/
    .leftbox{
        margin-bottom: 3px;
    }
    .leftbox::after{
        content: "";
        display: block;
        clear: both;
    }
    .adapt .leftbox{
        float: none;
    }
    .adapt .rightbox{
        float: left;
    }  
.datosperfil{
    margin-left: 10px;
}
.boxconfig{
    width: 40px;
}

.leftper{
margin-left: 0%;
}

.contrelec .btnbusc{
    width: 100%;
}
div .imageuploadify .imageuploadify-images-list button.btn-default{
    margin: 0;
     background: transparent;
 
}
div .bloqwhite .imageuploadify{
    background: transparent;
    border: 0;
}
.bloqwhite{
   background: transparent;
}
.btradios{
margin-left: 30%;
    width: 65%;
}
.btnbuscar{
     padding: 12px 2%; 
     margin-top: 16px; 
}
.boxcampo [type="radio"]:checked + label, .boxcampo [type="radio"]:not(:checked) + label{
/*   width: 23%;
    margin-left: 10px; */
}

.imgapt{
        position: absolute;
    top: 54px;
    right: 2px;
}

.colum1, .colum2, .colum3{
width: 90%;
    margin: 0 auto;
    float: none;
}
.inputselec{
width: 100%;  
}
.consult{
width: 100%;
    max-width: 100%;
    float: none; 
}


.wid1, .wid2{
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
}
.wid2 .consult, .midesc .consult{
    margin-top: 0;
}

.boxcamp .consult{
    width: 100%;
    max-width: 100%;
}
.boxproce{
    width: 100%;
}
.btnconsul{
    width: 100%; 
}
.consult{
    margin: 0;
}
}




@media screen and (max-width: 480px) {

 .exazul{
    margin-top: 5px;
}
.respoleft .btnsoption {
        float: left;
        margin-top: 0px;
}
}
