/*
Author: René Daniel Escoto

*/
/*Objetos*/
input {
    cursor: pointer;
}
p {
    text-align: justify;
    margin: 5px 2px 5px 2px;
}

select {
    width: 200px;
    cursor: pointer;
}

/*Clases*/
.azul{
    background-color: #82c2f1;
    cursor: default;
}
.alerta{
    color: red;
    font-size: 10px;
    font-weight: bold;
}
.ancho{
    width: 100%;
}
.ayuda{
    color: #676363;
    font-style: italic;
    font-size: 10px;
}
div .alertadiv{
    border-radius: 5px;background-color: #fdf7dc;padding:10px;
    box-shadow: "#f0ecdc";
}
div .alertdiv span{
    color:red;
    font-weight: bold;
}
.invisible {
    display: none;
}

.boton {
    display: inline-block;
    margin: 5px 0px 5px 0px;
    padding: 10px 10px;
    /*background: #4479BA;*/
    background-color: #20538D;
    color: #FFF;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.boton:hover{
    padding: 10px 10px;
    /*background: #4479BA;*/
    background-color: #1556A1;
    color: #FFF;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    cursor: pointer;
}
.boton:active{
    padding: 10px 10px;
    /*background: #4479BA;*/
    background-color: #1556A1;
    color: #FFF;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}
.boton_select{
    display: block;
    border-radius: 5px;
    background: #c1f6c7;
    padding: 5px;
    cursor: pointer
}
.caja{
    border-radius: 5px;
    background-color: #fbf7cf;
    padding: 10px;
    margin: 10px 0px 10px 0px;
}
.caja-superior{
    border-radius: 5px;
    background-color: #f7efaa;
    padding: 10px;
    margin: 10px 0px 10px 0px;
}
.centrar{
    text-align: center;
    margin: 20px;
    padding: 20px;
    
}
.contenedor-botones{
    width: 100%;
/*    background-color: #f7efaa;*/
    text-align: center;
    padding: 20px;
}
.etiqueta{
    display: inline;
    width:300px;
    padding: 0 10px 0 10px;
    font-size: 13px;
}
.negrita-subrayado{
    text-decoration: underline;
    font-weight: bold;
}
.seleccion {
    padding: 2px 10px 2px 10px;
    /*background: #4479BA;*/
    background-color: #0063e3;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.seleccion:hover{
    background-color: #00aabb;
}
.s600{
    width: 700px;
}
.s600 td{
    width: 350px;
}
.s600 input{
    width:180px;
    float: right;
}
.s600 input radio{
    width:20px;
    float: right;
}
.s600 select{
    width:180px;
    float: right;
}
.s600 textarea{
    width:80%;
    float: right;
}
.botonrojo {
    padding: 5px 5px;
    /*background: #4479BA;*/
    background-color: tomato;
    text-align: center;
    color: #FFF;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.mensajes{
    /*margin: 10px ;*/
    padding-left: 20px;
    /*background-color: #008200;*/
}
.negrita {
    font-weight: bold;
    text-emphasis: black;
}
.texto-no-editable{
    text-align: center;font-family: serif;  color:black;font-weight:bold;
    font-size: 18px; border: 0;background-color: transparent
}

/*ID*/

#mensaje_inicio {
    display: none;
}



#titulo {
    font-size: 22px;
    color: #2C5697;
    font-weight: bolder;
    display: block;
}
#subtitulo {
    font-size: 16px;
    color: #2C5697;
    font-weight: bolder;
    display: block;
}
#parrafo{
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    text-align: justify;
}

/*----------------------Botones que van en los expedientes-----------------------------*/
.botones_accion{
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: inline-block;
    background-size: 25px 25px;
}

#idalertar{
    background-image: url('/gpr/img/alertar00.png');
}
#idalertar:hover{
    background-image: url('/gpr/img/alertar01.png');
}

#idcomentar{
    background-image: url('/gpr/img/comentar00.png');
}
#idcomentar:hover{
    background-image: url('/gpr/img/comentar01.png');
}

#idregistrar{
    background-image: url('/gpr/img/registrar00.png');
}
#idregistrar:hover{
    background-image: url('/gpr/img/registrar01.png');
}
#idregistrarVisto{
    background-image: url('/gpr/img/registrar02.png');
}

#idnotificar{
    background-image: url('/gpr/img/notificar00.png');
}
#idnotificar:hover{
    background-image: url('/gpr/img/notificar01.png');
}
#idresolucion{
    background-image: url('/gpr/img/resolucion00.png');
}
#idresolucion:hover{
    background-image: url('/gpr/img/resolucion01.png');
}
#idresolucionVista{
    background-image: url('/gpr/img/resolucion02.png');
}
/*finaliza exopedientes*/

/*Comienza Asignaciones*/
.botones_accion50{
    width: 35px;
    height: 35px;
    cursor: pointer;
    display: inline-block;
    background-size: 35px 35px;
}
#idsolicitud{
    background-image: url('/gpr/img/solicitud00.png');
}
#idsolicitud:hover{
    background-image: url('/gpr/img/solicitud01.png');
}
#idinformacion{
    background-image: url('/gpr/img/info00.png');
}
#idinformacion:hover{
    background-image: url('/gpr/img/info01.png');
}
#ideditar{
    background-image: url('/gpr/img/editar00.png');
}
#ideditar:hover{
    background-image: url('/gpr/img/editar01.png');
}
#ideliminar{
    background-image: url('/gpr/img/eliminar00.png');
}
#ideliminar:hover{
    background-image: url('/gpr/img/eliminar01.png');
}
#idterminar{
    background-image: url('/gpr/img/terminar00.png');
}
#idterminar:hover{
    background-image: url('/gpr/img/terminar01.png');
}
#idreasignar{
    background-image: url('/gpr/img/reasignar00.png');
}
#idreasignar:hover{
    background-image: url('/gpr/img/reasignar01.png');
}
#idpassword{
    background-image: url('/gpr/img/pass00.png');
}
#idpassword:hover{
    background-image: url('/gpr/img/pass01.png');
}
#idimprimir{
    background-image: url('/gpr/img/imprimir00.png');
}
#idimprimir:hover{
    background-image: url('/gpr/img/imprimir01.png');
}

tr #acciones{
    width: 160px;
    padding: 0;
}

#id-acciones{
    width: 100%;
    background-color:  #fbf7cf;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
}
#id-acciones-contenido{
    width: 300px;
    margin: 0px auto;
    background-color: #f7efaa;
    border-radius: 0;
}
#mostrar{
    cursor: pointer;
}
