.cabecera {
   width:100%;
   height:150px;
   background-color:#0b3c88;   
   padding:15px;
   position:relative;
   border-bottom: 4px solid #8BC34A;
}

.rowCuerpo {
  padding-top:15px;
}

.cabecera:before {
    content: "";
    position:absolute;
    background-image: url(/Content/Imagenes/escudo.png);
    background-size:cover;
    width: 280px;
    height: 130px;
    bottom: 0%;
    right: 10%;
    opacity: 0.2;
}
.form-control-feedback {
    right: 5px;
    top: calc(50% - 17px);
    height: 40px;
}
.adds {
    border-right: 0;
    color:white;
    border:0px;
    font-size:20px;
    background-color:rgb(64,64,64);
}

#buscar {
    background-color: #efecec;
    background-color: #003A6B;
    background-color: #becbd4;
    padding: 1em 0;
    margin-bottom: 2em;
    /*height:100px;
    overflow: hidden;*/
}

#divImagen {
    display:none;
}

/*#campoBusqueda {
    margin-top:30px;
}*/

#campoBusqueda .form-group{
    margin:0;
}

#divImagen img {
    height: 100%;
    position: relative;
    /*left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);*/
}
#informacionPersona {
  overflow: hidden;
  margin-top :0%;
}

.form-control-static {
    text-align:center;
    color:white;

}

#informacionPersona h1, #informacionPersona h2, #informacionPersona h4 {
    /*font-size:30px;*/
    color:white;
    text-align:center;
}
#collapseFiltros {
    background-color:lightgray;
    padding:1em 0;
}


.row >div> .convocatoria {
    overflow:hidden; 
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3); 
    border-radius: 2px; 
    margin-bottom:1%;
    padding:1.2em;
}

.row >div> .convocatoria>.img {
    text-align:center; 
    background-color:lightgoldenrodyellow;
    position:relative;
    overflow:hidden;
    height:150px;
}

.row >div> .convocatoria>.img> .touse {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width:100%;

}

.row >div> .convocatoria>.img> .default {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-15deg);
    -ms-transform: translate(-50%, -50%);
    width: 150px;
    font-size: 4.2em;
}

.row > div > .convocatoria > .info >div> .btn-success {
    float:left;
}

.row > div > .convocatoria>.img>.overimg>.text>.glyphicon {
    color: #333;
    font-size: 3.2em;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
          
}
.row > div > .convocatoria>.img>.overimg>.text>.texto {
    color: white;
    font-size: 1em;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
          
}

@media only screen and (min-width: 420px) {
    .row > div > .convocatoria > .img {
        min-height:200px;
    }

    .row > div > .convocatoria>.img>.overimg>.text>.glyphicon {
        font-size: 4.5em;
    }
    .row > div > .convocatoria>.img>.overimg>.text>.texto {
        color: white;
        font-size: 1.5em;
    }
}

@media only screen and (min-width: 768px) {
    .row > div > .convocatoria > .img {
        min-height:350px;
    }
}

@media only screen and (min-width: 992px) {

    .row > div > .convocatoria > .info >div> .btn-success {
        float:right;
    }

    .row >div> .convocatoria {
        position:relative;
        padding:0em;
    }
    .row >div> .convocatoria>.img {
        height:100%;
        display:inline-block; 
        position:absolute;
        width:30%; 
        float:left; 
        min-height:unset;
        left: 0;
    }

    .row >div> .convocatoria>.img> .touse {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        width:100%;
    }


    .row >div> .convocatoria>.info {
        margin-left:30%;
        display:inline-block; 
        width:70%; 
        float:left; 
        padding:1em;
        background-color: white;
    }

    #divImagen {
        width: 130px;
        height: 120px;
        overflow: hidden;
        vertical-align: middle;
        text-align: center;
        margin: 0 auto;
        padding:0px;
        display:inline;
    }

    #divImagen img {
        height: 100%;
        position: relative;
        /*left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);*/
    }
    #informacionPersona {
      margin-top :1%;
    }
    
    #informacionPersona h1,#informacionPersona h2, #informacionPersona h4 {
        text-align:left;
        color:white;
        margin-left:2%;
    }

}