@charset "utf-8";

#wrapper {
    max-width: 850px;
    min-width: 200px;
    margin: 0 auto;
    height: 100%;
}

h1{
    padding-top: 0px;
    margin-top: 10px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.logo {
    margin-top: 30px;
    width: 280px;
    height: 30px;
}

.enlacechico {
    color: #4288AB;
    font-size: 14px;
    text-decoration: none;
}

#ruta{
    font-size: 14px;
}

#ruta a{
    font-weight: bold;
    text-decoration: none;
    padding-bottom: .0.5em;
    border-bottom: 1px solid;
    color: #3b87ff;
}


/* Content containers */
.content-medium{
    background-color:white; 
    padding:0px;
    margin: 0px;
    font-size:88%; 
    overflow: visible;
    height: auto;
    min-height: 100%;
}

.cabezera{
    padding-left: 20px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    margin-right: 20px;
    margin-top: 0px;
    text-align: left;
}

.cabezera_ava{
    padding-left: 20px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 0px;
    text-align: left;
}

.content{
    padding: 5px 13px 5px 13px;
    width: auto;
    background: rgba(254,254,254,254);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;     
    border-left: #DAD7D7 solid 1px;
    border-right: #DAD7D7 solid 1px;
    border-top: #DAD7D7 solid 1px;
    border-bottom: #DAD7D7 solid 1px;
    margin: 10px 20px 0px 20px;
}

.contentsub{
    padding: 5px 13px 5px 13px;
    background: rgba(254,254,254,254);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;     
    border-left: #DAD7D7 solid 1px;
    border-right: #DAD7D7 solid 1px;
    border-top: #DAD7D7 solid 1px;
    border-bottom: #DAD7D7 solid 1px;
    margin: 10px 5px 0px 5px;
}


.contentusuario{
    padding: 5px 0px 5px 13px;
    background: rgba(254,254,254,254);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px 0px 0px 10px;     
    border-left: #DAD7D7 solid 1px;
    border-top: #DAD7D7 solid 1px;
    border-bottom: #DAD7D7 solid 1px;
}

.contentusuario2{
    padding: 10px 16px 5px 16px;
    margin-left: 20px;
    margin-right: 20px;
    max-width: 100%;
}

#nav {
    list-style-type: none;
    padding: 0px 20px 0px 20px;
    font-weight: bold;
    font-size: 107%;
    height: 80px;
}

#nav li {
    float: left;
    width: 25%;
}
#nav li a {
    font-size: 14px;
    display: block;    
    padding: 10px 0px 8px;
    margin: 0px 6px 14px 6px; 
    text-align: center;
    text-decoration: none;
    color: white;
    background-color: #74abfe;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}

#nav a:hover, #nav a:active, #nav a:focus {
    background-color:#3b87ff;
    color: white;
}




.divusuario{
    color: white;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    height: 25px;
    max-width: 320px;
    background: #4288AB;
    -webkit-border-radius: 8px 0px 0px 8px; 
    -moz-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;  
    border-left: black solid 2px;
    border-top: black solid 2px;
    border-bottom: black solid 2px;    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.divusuario2{
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    background: #4288AB;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
    border-radius: 8px;  
    border: black solid 2px;    
    max-width: 200px;
}

.usuarioname{
     overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    max-width: 200px;    
}

.tablabuscar{
    width: 100%;
}

.textbuscador{
    width: 300px;
    height: 30px;
    margin-top: 35px;
    margin-bottom: 15px;
}

.input1 {
    padding:10px;
    border: solid 2px #74abfe;
    border-radius:9px;
    width: 80%;
    height: 45px;
    font-size: 17px;
    outline: none;
}
 
 
#buscar {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 90%;
    margin-top: 7px; 
}

#buscar li {
    width: 110px;
}
#buscar li a {
    display: block;    
    padding: 5px 0px 8px;    
    text-align: center;
    text-decoration: none;
    color: white;
    background-color: #F31D1D;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}
#buscar a:hover, #buscar a:active, #buscar a:focus {
    background-color:#FA5943;
    color: #FFF;
}

.input1:focus{
    border: solid 2px #3b87ff;    
}

.input1:hover {
    border: solid 2px #3b87ff;
}


.letraceleste{
    color: #3b87ff;
    font-family: Arial, Helvetica, Verdana;
    font-size: 14px;
    font-weight: bold;
}
.letraceleste:hover, .letraceleste:active, .letraceleste:focus {
    font-weight: bold;
    color: #3b87ff;
    text-decoration: underline;
}


/* para busquedas  */

#contenedoravanzado{
    width: 380px;
}

#contenedordocumentos{
    padding-left: 15px; 
}

.contentsubpadre{
    padding: 5px 13px 5px 13px;
    background: rgba(254,254,254,254);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;     
    border-left: #DAD7D7 solid 1px;
    border-right: #DAD7D7 solid 1px;
    border-top: #DAD7D7 solid 1px;
    border-bottom: #DAD7D7 solid 1px;
    margin: 10px 5px 0px 5px;
    height: 300px;
}
.divderecha{
    float: left;
    width: 50%;
}
.divizquierda{
    float: right;
    width: 50%;
}

.letramediana{
    font-size: 19px;
    font-weight: bold;
    color: #1A4892;
    padding-bottom: 12px;
    padding-top: 8px;
    cursor: pointer;
}

.letramedianamenos{
    padding-top: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #1A4892;
    cursor: pointer;
}

.textbusqueda{
    border: solid 1px black;
    width: 100%;
    outline: none;
    border-color: #3b87ff;
    height: 22px;
    border-radius: 8px;
}

.selectbusqueda{
    border: solid 1px black;
    border-radius:8px;
    width: 100%;
    outline: none;
    border-color: #3b87ff;
    height: 22px;
}
.selectbusquedavoces{
    border: solid 1px black;
    border-radius:8px;
    width: 79%;
    outline: none;
    border-color: #3b87ff;
    height: 22px;
}
.selectbusquedaAZ{
    border: solid 1px black;
    border-radius:8px;
    width: 19%;
    outline: none;
    border-color: #3b87ff;
    height: 22px;
}

.bgrande{
    color: #B40404;
    font-size: 25px;
    font-weight: bold;
    font-family: monospace; 
}

.celestegrande{
    color: #3b87ff;
    font-size: 25px;
    font-weight: bold;
    font-family: monospace;  
}

#buscarchico {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 80%;
    margin-top: 5px;
}

#buscarchico li {
    width: 90px;
}
#buscarchico li a {
    display: block;    
    padding: 3px 0px 5px;    
    text-align: center;
    text-decoration: none;
    color: white;
    background-color: #1A4892;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}
#buscarchico a:hover, #buscarchico a:active, #buscarchico a:focus {
    background-color:#4288AB;
    color: #FFF;
}

#contentsubpadrecasos{
    padding: 5px 26px 5px 26px;
    background: rgba(254,254,254,254);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;     
    border-left: #DAD7D7 solid 1px;
    border-right: #DAD7D7 solid 1px;
    border-top: #DAD7D7 solid 1px;
    border-bottom: #DAD7D7 solid 1px;
    margin: 10px 25px 0px 25px;
    overflow: hidden;
}

.containercaso{
  width: 240px;
  height: 60px;
  overflow: hidden;
  text-align: left;
  font-size: 13px;
  margin-top: 15px;
}

.referencia{
    text-decoration: none;
}

.referenciacaso{
    color: #0C5C99;
    font-weight: bold;
    font-size: 13px;
}

.descripcioncaso{
    color: red;
    font-size: 14px;
}

.paginacion{
    text-decoration: none;
    font-size: 12px;
    color: black;
    font-weight: bold;
    border-bottom: 1px solid; 
    padding-bottom: .1em;
    color: #414244;
}


.botonbusqueda{
    width: 190px;;
    height: 18px;
    margin: 0px 20px 7px 20px;
    font-weight: bold;
    font-size: 11px;
}

/* aqui termina para busquedas  */


/* Cuando es menor a 480 */
@media only screen and (max-width: 480px) {    
    .content{
        padding: 2px 5px 2px 5px;
        margin: 10px 10px 0px 10px;
    }
    .contentsubpadre{
        padding: 5px 5px 5px 5px;
    }
    .botonbusqueda{
        width: auto;
        height: 18px;
        margin: 0px 0px 20px 0px;
        font-size: 11px;
    }
    
    #contenedoravanzado{
        width: auto;
    }
    .selectbusquedavoces{
        width: 81%;
    }
    .tablabuscar{
        padding-left: 20px;
        padding-right: 20px;
    }
    
}

/* Cuando es menor a 610 */
@media only screen and (max-width: 610px) {    
    .textbuscador{
        margin-top: 20px;
        width: 260px;
        height: 37px;
    }
    .input1 {
        padding:10px;
        width: 90%;
        height: 40px;
    }
}

/* cuando es menor a 420 */
@media only screen and (max-width: 420px) {
    .divusuario2{    
        max-width: 100px;
    }

    .usuarioname{
        max-width: 100px;    
    }   
    
    .letramediana{
        font-size: 15px;
    }
    #contenedoravanzado{
        width: auto;
    }
    .selectbusquedavoces{
        width: 81%;
    }
    .tablabuscar{
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* cuando es menor a 550 */
@media only screen and (max-width: 550px) {
    #nav li {
        float: left;
        width: 50%;
    }
    #nav {
        height: 165px;
    }
    .textbuscador{
        width: 220px;
        height: 26px;
        margin-top: 20px;
    }
    .input1 {
        padding:5px;
        border-radius:7px;
        width: 100%;
        height: 35px;
        font-size: 14px
    }
    #buscar {
        font-size: 15px;
        margin-top: 15px;
    }
    #buscar li {
        width: 80px;
    }    
    .contentsub{
        padding: 5px 5px 5px 5px;
    }
    #nav li a {
        margin: 0px 6px 15px 6px;
    }
    .cabezera{
        margin-bottom: 20px;
    }
    
    .cabezera_ava{
        margin-bottom: 15px;
    }
    
}

/* cuando es menor a 760 */
@media only screen and (max-width: 760px) {        
    .contentusuario{
        display: none;
    }   
    .logo {
        width: 250px;
        height: 26px;
    }
}

/* cuando es menor a 450 */
@media only screen and (max-width: 450px) {              
    .logo {
        margin-top: 10px;
        width: 200px;
        height: 20px;
    }
    .textbuscador{
        width: 200px;
        height: 25px;
        margin-top: 10px;
    }
}

/* cuando es mayor a 760 */
@media only screen and (min-width: 760px) {        
    .contentusuario2{
        display: none;
    }
}

/* cuando es menor a 700 */
@media only screen and (max-width: 700px) {        
    .divderecha{
        float: none;
        width: 100%;
    }
    .divizquierda{
        float: none;
        width: 100%;
    }
    .contentsubpadre{
        height: 450px;
    }
    .contentsubpadrecasos{
        padding: 5px 13px 5px 13px;
    }
    .containercaso{
        width: 340px;
        font-size: 15px;
     }
}

/* cuando es menor a 500 */
@media only screen and (max-width: 500px) {        
    .contentsubpadrecasos{
        padding: 5px 6px 5px 6px;
    }
    .containercaso{
        width: 290px;
        font-size: 13px;
     }
}

/* cuando es menor a 400 */
@media only screen and (max-width: 400px) {   
    .containercaso{
        width: 230px;
        font-size: 13px;
     }
}

/* Cuando esta entre 540 y 699 */
@media only screen and (min-width: 540px) and (max-width: 699px) {    
    
}