*{
margin: 0 auto;
padding: 0 auto;
box-sizing: border-box;
font-family:ABeeZee;
}
/* LOGIN */
#login{
background-image: url(../images/bg-pages.jpg);
background-repeat: no-repeat;
background-size: cover;

}

#login_usuarios{
background-color: #efefef;
position: relative;
top: 120px;
height: 400px;
width: 400px;
border-radius: 8px;
box-shadow: 0 0 20px #cdcdcd;
}

header{
margin:0;
} 
#banner{
    width:1300px; margin:0 auto;
        }
#pie{
    width:1300px;
    margin:0 auto;
    margin-top: 5px;
        }

#header_login{
height: 100px;
width: 100%;
background-image: url(../images/INCIAR%20SESION.jpg);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#header_login > h1{
position: relative;
top: 20px;
color: #ffffff;
text-align: center;
font-size: 35px;
}
#header_login > p{
position: relative;
top: 25px;
color: #ffffff;
text-align: center;
font-size: 17px;
}

#cabecera{
position: relative;
left: 1.5%;
width: 100%;
}

#cabecera a{
    color: #f5f6fc;
}

#cabecera #nvl{
    /*border-left: solid 1px #fcfafa;*/
    padding: 8px;
    padding-top: 8px;
    font-size: 18px;
    color: #061169;
}

#cabecera a:hover{
	color: rgba(8, 25, 74, 0.79);
    font-size: 19px;
	transition: all 0.1s ease-in-out;
}


#cabecera #lga{
position: relative;
top: 4px;
}

.form-field {
   border: 1px solid #45b643;
   background: #a8c5db;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   color: #0866b4;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:8px;
   margin-bottom:20px;
     }
.form-field:focus {
   background: #fff;
   color: #0866b4;
   }
  .button {
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 12.5px 12.5px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 19px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
.button:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }	
.button1 {   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 12.5px 12.5px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 19px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
}
.style8 {
	Color: #146fb8;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style9 {	Color: #146fb8;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

#body_login> h1{
position: relative;
top: 25px;
color: #464D57;
text-align: center;
font-size: 25px;

}
.btn_login{
display: block;
height: 35px;
width: 250px;
font-size: 15px;
border-radius: 8px;
border: 1px solid #c1c1c1;
padding-left: 15px;
outline: none;
}
.btn_login:focus{
border-color: rgba(0, 147, 255, 0.74);
-webkit-transition: all 1s ease; /* Chrome y Safari */
-o-transition:  all .8s ease; /* Opera */
-moz-transition: all .8s ease; /* Mozilla Firefox */
-ms-transition:  all .8s ease; /* Internet Explorer */
}
#btn_usuario{
position: relative;
top: 40px;
}
#btn_pass{
position: relative;
top: 50px;
}

#btn_ingresar{
display: block;
position: relative;
top: 65px;
height: 35px;
width: 250px;
border: none;
border-radius: 8px;
color: white;
background-color: #197eb7;
border: 1px solid  #1a7a98;
cursor: pointer;
font-size: 18px;
font-weight: bold;
-webkit-transition: all 1s ease; /* Chrome y Safari */
-o-transition:  all 1s ease; /* Opera */
-moz-transition: all 1s ease; /* Mozilla Firefox */
-ms-transition:  all 1s ease; /* Internet Explorer */
}

#btn_ingresar:hover{
background-color: #379fbf;
border: 1px solid  #0e9cc7;
}
#btn_ingresar:focus{
outline: none;
}
#login_alert{
position: relative;
top: 100px;
text-align: center;
font-weight: bold;
}



#file{
width: 400px;
height: 23px;
border: 1px solid black;
}

body{
margin: 0 auto;
font-family:ABeeZee;
}

header{
height: 40px;

}

.logo_dajusticia{
float: left;
width: 78px;
position: relative;
bottom: 54px;
margin-left:  10px;
}
#home{
position: relative;
bottom: 50px;
right: 100px;
float: right;
width:38px;
}
a{
color: black;
text-decoration: none;
}
.h1_text{
position: relative;
top: 13px;
margin-left:  100px;
font-size: 45px;
color: white;
}
.form_clientes{
margin-top: 50px;
max-width: 1000px;
border-right: 1px solid #a8a8a8;
border-left: 1px solid #a8a8a8;
padding: 10px;
}
.form_abogado{
margin-top: 50px;
max-width: 1000px;
border-right: 1px solid #a8a8a8;
border-left: 1px solid #a8a8a8;
padding: 10px;
}
.form_procesos{
margin-top: 50px;
max-width: 1000px;
border-right: 1px solid #a8a8a8;
border-left: 1px solid #a8a8a8;
padding: 10px;
}
.form_consulta{
margin-top: 70px;
max-width: 1000px;
padding: 10px;
border-right: 1px solid #a8a8a8;
border-left: 1px solid #a8a8a8;
}

#categoria{
margin-left: 310px;
}
#busqueda,#select_1,#select_2{
margin-left: 310px;
}
#avanzada{
margin-left: 380px;
}

#p_busqueda{
margin-left: 340px;
font-weight: bold;
}
#p_busqueda2{
margin-left: 365px;
font-weight: bold;
}
#datosbasicos{
margin: 0 auto;
width:80%;
}
#descripcion{
position: relative;
bottom: 40px;
margin: 0 auto;
width:80%;
}
#datos{
max-width: 50px;
margin-right: 5px;
}
#fecha{
width: 130px;
margin-right: 5px;
}
#ano{
width: 80px;
}
.row{
margin: 10px;
position: relative;
left: 60px;
display:inline-table;
} 
.dbasicos{
width: 300px;
height: 25px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-bottom: 8px;
}
.dbasicos2{
width: 100px;
height: 25px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-bottom: 8px;
}
#textarea_procesos{
font-family:ABeeZee;
font-size: 18px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-bottom: 8px;
width: 807px;
height: 70px;
}
.dbasicos:disabled, .dbasicos2:disabled{
background-color: #ffffff;
color: #141010;
}
#textarea_procesos:required:valid{
border: 1px solid #3a9141;
}
}
.textarea_procesos:focus{
 outline: 1px solid #4ea0dd;
}
.dbasicos:focus{
 outline: 1px solid #4ea0dd;
}

#perfilpensionalk, #datacredito{
margin: 0 auto;
width: 80%;
float: left;
padding-left: 90px;
}

#perfilpensionalk >h3{
    text-align: center;    
}

#suspensionalk{
padding-left: 90px;
margin: 0 auto;
width: 80%;
float: left;
}

#perfilpensional{
margin: 0 auto;
width: 50%;
float: left;
padding-left: 30px;
}
#suspensional{
padding-left: 10px;
margin: 0 auto;
width: 50%;
float: left;
}
#datosactuariales{
padding-left: 30px;
margin: 0 auto;
position: relative;
bottom: 190px;
width: 50%;
float: left;
display: block;
}
#bton1{
background-color: rgba(0, 128, 255, 0.74);
position: relative;
right: 60px;
top: 100px;
width: 120px;
height: 35px;   
border-radius: 5px;
border-style: solid;
border-width: 2px;
border-color: #2d8dfd;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #f8f8f8;
}#bton1:hover{
background-color: #127dfd;
border-color: #3687e7;
}
#bton1:focus{
outline: none;
}

.btn1_procesos{
	background-color: rgba(0, 128, 255, 0.74);
	position: relative;
	top: 60px;
	margin-bottom: 20px;
	width: 120px;
	height: 35px;
	border-radius: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #2d8dfd;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	color: #f8f8f8;
	left: -75px;
}
.btn1_procesos:focus{
outline: none;

}
.btn1_procesos:hover{
background-color: #127dfd;
border-color: #3687e7;

}
.btn1_procesos:disabled{
	background-color: rgba(150, 150, 150, 0.76);
	border-color: #9a9a9a;
}

input:required:valid{
border: 1px solid #3a9141;
}

.arriba{
width: 55px;
position: fixed;
right: 110px;
cursor: pointer;
}

.bton1_cons{
background-color: rgba(0, 128, 255, 0.74);
width: 120px;
height: 35px;   
border-radius: 5px;
border-style: solid;
border-width: 2px;
border-color: #2d8dfd;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #f8f8f8;
}
.bton1_cons:hover{
background-color: #3c94fd;
border-color: #3687e7;
}

#bton1_cons{
position: relative;
float: right;
right: 30px;
bottom: 40px;

}

#bton2_cons{
position: relative;
top: 100px; 
right: 70px;
}
#bton3_cons{
position: relative;
top: 80px;
right: 200px;
}
#bton4_cons{
position: relative;
top: 50px;
left: 310px;
}
#bton5_cons{
position: relative;
top: 50px;
left: 400px;
}

#bton4_cons:disabled{
background-color: rgba(150, 150, 150, 0.76);
border-color: #9a9a9a;
}
#bton3_cons:disabled{
background-color: rgba(150, 150, 150, 0.76);
border-color: #9a9a9a;
}



#bton1_abogado{
background-color: rgba(0, 128, 255, 0.74);
position: relative;
left:430px;
top:30px;
margin-bottom: 20px;
width: 120px;
height: 35px;   
border-radius: 5px;
border-style: solid;
border-width: 2px;
border-color: #2d8dfd;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #f8f8f8;
}
#bton1_abogado:hover{
background-color: #127dfd;
border-color: #3687e7;
}

#bton1_abogado:focus{
outline: none;
}

/*PANEL DAJUSTICIA*/
#panel{
position: relative;
left: 6%;
top: 90px;
max-width: center;
overflow: hidden;
margin: 0 center;
width: 1100px;
}
.panel_a{
color: black;
text-decoration: none;
}
#gestion_clientes{
width: 28%;
float: left;
height: 300px;
margin-left: 113px;
border: 2px solid #e2e2e2;
-webkit-box-shadow: inset 16px -16px 43px -14px rgba(6,13,41,0.62);
-moz-box-shadow: inset 16px -16px 43px -14px rgba(6,13,41,0.62);
box-shadow: inset 16px -16px 43px -14px rgba(6,13,41,0.62);
border-radius: 18px;
}
#gestion_abogados{
border: 2px solid #e2e2e2;
width: 28%;
float: left;
height: 300px;
margin-left: 3px;
-webkit-box-shadow: inset 16px -16px 43px -14px rgba(6,13,41,0.62);
-moz-box-shadow: inset 16px -16px 43px -14px rgba(6,13,41,0.62);
box-shadow: inset 16px -16px 43px -14px rgba(6,13,41,0.62);
border-radius: 18px;
}
#gestion_procesos{
border: 2px solid #e2e2e2;
width: 28%;
float: left;
height: 300px;
margin-left: 3px;
-webkit-box-shadow: inset 16px -16px 43px -14px rgba(6,13,41,0.62);
-moz-box-shadow: inset 16px -16px 43px -14px rgba(6,13,41,0.62);
box-shadow: inset 16px -16px 43px -14px rgba(6,13,41,0.62);
border-radius: 18px;
}
#agregar_clientes{
margin: 0 auto;
background-color: #d0d0d0;
width: 220px;
height: 35px;
border-radius: 10px;
margin-top: 40px;
-webkit-transition: all .5s; /* Chrome y Safari */
-o-transition:  all .5s; /* Opera */
-moz-transition: all .5s; /* Mozilla Firefox */
-ms-transition:  all .5s; /* Internet Explorer */
}
#agregar_clientes:hover{
background-color:  #a7a7a7;
color: white;
}
#agregar_clientes:hover .p_panel{
color: white;
}
#consulta_clientes{
margin: 0 auto;
background-color: #d0d0d0;
width: 220px;
border-radius: 10px;
margin-top: 25px;
}
#consulta_clientes:hover{
background-color:  #a7a7a7;
color: white;
}
#consulta_clientes:hover .p_panel{
color: white;
}
#agregar_abogados{
margin: 0 auto;
background-color: #d0d0d0;
width: 220px;
height: 35px;
border-radius: 10px;
margin-top: 40px;
-webkit-transition: all .5s; /* Chrome y Safari */
-o-transition:  all .5s; /* Opera */
-moz-transition: all .5s; /* Mozilla Firefox */
-ms-transition:  all .5s; /* Internet Explorer */
}
#agregar_abogados:hover{
background-color:  #a7a7a7;
color: white;
}
#agregar_abogados:hover .p_panel{
color: white;
}
#consulta_abogados{
margin: 0 auto;
background-color: #d0d0d0;
width: 220px;
border-radius: 10px;
margin-top: 25px;
}
#consulta_abogados:hover{
background-color:  #a7a7a7;
color: white;
}
#consulta_abogados:hover .p_panel{
color: white;
}

#agregar_procesos{
margin: 0 auto;
background-color: #d0d0d0;
width: 220px;
height: 35px;
border-radius: 10px;
margin-top: 40px;
-webkit-transition: all .5s; /* Chrome y Safari */
-o-transition:  all .5s; /* Opera */
-moz-transition: all .5s; /* Mozilla Firefox */
-ms-transition:  all .5s; /* Internet Explorer */
}
#agregar_procesos:hover{
background-color:  #a7a7a7;
color: white;
}
#agregar_procesos:hover .p_panel{
color: white;
}

#consulta_procesos{
margin: 0 auto;
background-color: #d0d0d0;
width: 220px;
border-radius: 10px;
margin-top: 25px;
}
#consulta_procesos:hover{
background-color:  #a7a7a7;
color: white;
}
#consulta_procesos:hover .p_panel{
color: white;
}
#logo_clientes{

position: relative;
top: 8px;

}
.logos_panel{
width: 30px;
margin-left: 20px;
}
.p_panel{
position: relative;
font-weight: bold;   
margin-top: 10px;
font-size: 22px;
text-align: center;
padding: 5px;
-webkit-transition: all .5s; /* Chrome y Safari */
-o-transition: all .5s; /* Opera */
-moz-transition: all .5s; /* Mozilla Firefox */
-ms-transition: all .5s; /* Internet Explorer */
}


.bton_consul{
background-color: rgba(0, 147, 255, 0.74);
 width: 120px;
height: 35px;   
border-radius: 5px;
border-style: solid;
border-width: 2px;
border-color: #2d8dfd;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #f8f8f8;
}
.bton_consul:hover{
background-color: #3c94fd;
border-color: #3687e7;
}

.logo_consulta{
width: 20px;

}

.logo_imprimir{
width: 50px;

}


#numero_registro, #numero_carpeta{
height: 25px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-bottom: 8px;
float: right;
width: 90px;
position: relative;
bottom: 65px;
right: 78px;
}
#numero_registro, #numero_carpeta:disabled{
background-color: #ffffff;
color: #191717;

}
#p_registro, #p_carpeta{
position: relative;   
margin-left: 692px;
bottom: 43px;
}

#f_registro{
position: relative;   
margin-left: 640px;
bottom: 33px;
}
#fecha_creacion{
height: 25px;
border-radius: 5px;
border: 1px solid #cecece;
position: relative;
width: 90px;
left: 810px;
bottom: 55px;
padding-left: 7px;
}
#fecha_creacion:disabled{
background-color: #ffffff;
color: #191717;
}
.row_procesos{
position: relative;
bottom: 50px;
}

.section_anotaciones{
max-width: 1000px;
padding: 10px;
border-right: 1px solid #a8a8a8;
border-left: 1px solid #a8a8a8;
}
.section_anexos{
max-width: 1000px;
padding: 10px;
border-right: 1px solid #a8a8a8;
border-left: 1px solid #a8a8a8;
}
#btn_anotaciones{
background-color: rgba(255, 255, 255, 0);
position: relative;
float: right;
top: 20px;
margin-bottom: 20px;   
border-style: none;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #5c5c5c;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
}
#btn_anotaciones:focus{
outline: none;

}
#btn_anotaciones:hover{
color: #a0a0a0;
border-botton: 1px solid black;
}
#btn_grupofamiliar{
background-color: rgba(255, 255, 255, 0);
position: relative;
float:right;
top: 20px;
margin-bottom: 20px;   
border-style: none;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #5c5c5c;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
}
#btn_grupofamiliar:focus{
outline: none;

}
#btn_grupofamiliar:hover{
color: #a0a0a0;
border-botton: 1px solid black;
}
#btn_anexar{
background-color: rgba(255, 255, 255, 0);
position: relative;
float: right;
top: 20px;
margin-bottom: 20px;   
border-style: none;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #5c5c5c;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
}
#btn_anexar:focus{
outline: none;

}
#btn_anexar:hover{
color: #a0a0a0;
border-botton: 1px solid black;
}
#btn_imprimir{
background-color: rgba(255, 255, 255, 0);
position: relative;
left: 50px;
top: 50px;
margin-bottom: 20px;   
border-style: none;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #5c5c5c;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
}
#btn_imprimir:focus{
outline: none;

}
#btn_imprimir:hover{
color: #a0a0a0;
border-botton: 1px solid black;
}

#fecha_limite{
width: 60px;

}

#anotaciones, grupo_familiar{
margin: 0 auto;
width:80%;
padding-left: 10px;
}


#tarea_anotaciones, #tarea_notas{
font-family:ABeeZee;
font-size: 18px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 8px;
width: 530px;
height: 100px;

}
#textarea_procesos:disabled{
background-color: #ffffff;
}
#visualizar{
position: relative;
margin-left: 10px;
top: 2px;
}
#check{
display: none;
}
#check:checked + #label{
background-color: #0774D9;
padding: 4px 15px;
border-radius: 3px;
color: #fff;
}
#check:checked + #label:before{
display: none;
}
#label{
color: #0774D9;
padding: 4px 15px 4px 30px;
border-radius: 3px;
transition: all 0.5s ease;
cursor: pointer;
}
#label:hover{
background-color: #efefef;
}
#label:before{
	content: "";
	width: 14px;
	height: 14px;
	border: 2px solid #0774D9;
	display: inline-block;
	border-radius: 50%;
	float: left;
}

#otros_demandantes{
display: block;
overflow:hidden;
cursor: pointer;
}
#otros_demandantes >#adicionar_demandante {
float: left;
width: 30px;
margin-left: 20px;
}
#otros_demandantes> p {
float: left;
position: relative;
top: 6px;
left: 5px;
font-weight: bold;
}
#ver_demandantes > #ver_demandante{
float: left;
width: 30px;
margin-left: 20px;
}
#ver_demandantes{
display: block;
overflow:hidden;
cursor: pointer;
}
#ver_demandantes> p {
float: left;
position: relative;
top: 7px;
left: 7px;
font-weight: bold;
}
.logo_anotacion{
width: 15px;
}

#textarea_anexos{
font-family:ABeeZee;
font-size: 18px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-bottom: 8px;
width: 300px;
height: 100px;
}

#header_procesos_asignados{
margin: 0 auto;
max-width: 500px;
text-align: center;
position: relative;
top: 80px;
}
#tabla_procesos_asignados{
position: relative;
top: 100px;
}
#grupo,#tipo,#estado,#distrito,#asociacion,#tipo_pension,#condicion{
margin-left: 310px;

}
#form_subir{
max-width:480px; 
margin: 0 auto;
}
.fecha_subir{
height: 25px;
border-radius: 5px;
border: 1px solid #cecece;
position: relative;
width: 90px;
bottom: 30px;
left: 280px;
padding-left: 7px;
}
.fecha_subir:disabled{
background-color: #ffffff;
color: #6c6c6c;
}
.p_subir{
font-weight: bold;
margin-left: 40px;
}
.subir_tipo{
height: 25px;
border-radius: 5px;
border: 1px solid #cecece;
margin-left: 110px;

}
.subir_tipo_informes{

height: 25px;
border-radius: 5px;
border: 1px solid #cecece;
margin-left: 150px;

}
#subir{
position: relative;
height: 25px;
width: 100px;
top: 5px;
right: 3px;
border: 1px solid #adadad;
background-color: #969696;
text-align: center;
color: white;
padding: 2px;
overflow: hidden;
border-radius: 4px;
}
#subir:hover{
background-color:  #b2b2b2;

}
#subir:active{
background-color: #676767;

}
.file{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
opacity: 0;
}
#textarea_anexos{
font-family:ABeeZee;
font-size: 18px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-left: 90px;
margin-top: 10px;
width: 300px;
height: 100px;
}
.btn_subir{
background-color: rgba(0, 128, 255, 0.74);
width: 120px;
height: 35px;   
border-radius: 5px;
border-style: solid;
border-width: 2px;
border-color: #2d8dfd;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #f8f8f8;
margin-left: 178px;
}

.btn_subir:hover{
background-color: #3c94fd;
border-color: #3687e7;
}
#btn_imprimir{
background-color: rgba(0, 128, 255, 0.74);
width: 120px;
height: 35px;   
border-radius: 5px;
border-style: solid;
border-width: 2px;
border-color: #2d8dfd;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #f8f8f8;
}

#btn_imprimir:hover{
background-color: #3c94fd;
border-color: #3687e7;
}
.imprimir{
 border: 1px solid #7ab7e3;
   background: #C40963;
   background: linear-gradient(#0fb7f5, #088a95);
    border-radius: 4px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #bfa12a 0 1px 0;
   color: #edf7f8;
   font-family: helvetica, serif;
   padding: 8.5px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   width:340px;
}

.imprimir:hover {
   border: 1px solid #5585af;
   text-shadow: #FDFEF9 0 1px 0;
   background: #732785;
   background: linear-gradient(#0fb7f5, #088a95);
   color: #8f6e2b;
   }
.imprimir:active {
   border: 1px solid #3b5ba3;
   text-shadow: #363636 0 1px 0;
   background: #312A8A;
   background: linear-gradient(#088a95, #0fb7f5);
   color: #8f6e2b;
   }

.imprimir:focus{
outline: none;
}
#section_imprimir{
max-width:480px; 
margin: 0 auto;
position: relative;
margin-top: 60px;
}
#imp_anotaciones{
position: relative;
left: 158px;

}
#imp_anexos{
position: relative;
left: 158px;

}
#imp_informes{
position: relative;
left: 158px;
}
    
.p_subido{
margin-left: 180px;
margin-top: 30px;
font-weight: bold;
}
.p_subido_error{
margin-left: 150px;
margin-top: 30px;
font-weight: bold;
}

#form_demandantes{
margin: 0 auto;
width:80%;
padding-left: 35px;
margin-top: 60px;
}
.btn_demandado{
background-color: rgba(0, 128, 255, 0.74);
width: 120px;
height: 35px;   
border-radius: 5px;
border-style: solid;
border-width: 2px;
border-color: #2d8dfd;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #f8f8f8;
margin-left: 90px;
margin-top: 10px;
}

#demandante_agregado{
text-align: center;
font-weight: bold;
margin-top: 15px;
margin-right: 5px;
}

#section_demandantes{
max-width: 900px;
margin: 0 auto;
margin-top: 10px;
}

.cerrar_session{
background-color: rgba(255, 255, 255, 0);
position: relative;
float: right;
margin-bottom: 20px;   
border-style: none;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #ffffff;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
}
.cerrar_session:focus{
outline: none;

}

#logo_cerrar{
width: 38px;
position: relative;
bottom: 47px;
left: 10px;
}
.CSSTableGenerator {
	margin: 0 auto;
	max-width: 800px;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
  
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#ffffff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
    color: black;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #003f7f 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003f7f), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #003f7f 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003f7f", endColorstr="#003f7f");	background: -o-linear-gradient(top,#003f7f,003f7f);

	background-color:#003f7f;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #003f7f 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003f7f), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #003f7f 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003f7f", endColorstr="#003f7f");	background: -o-linear-gradient(top,#003f7f,003f7f);

	background-color:#003f7f;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

#usua_log {
    text-align-last: right;
    color:#197cb7;
    font-size:13px;
    font-weight: bold;
}

#pretension {
font-family:ABeeZee;
font-size: 18px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 8px;
width: 450px;
height: 50px;
}

.pretension {
width: 400px;
height: 25px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-bottom: 8px;
}

.interpanel {
    background-color: aliceblue;
}

#estado_procesal, tipo_actuacion{
font-family:ABeeZee;
font-size: 18px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 8px;
width: 530px;
height: 30px;
    
}

.despacho {
width: 200px;
height: 25px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-bottom: 8px;
}

#descripcion_tarea {
font-family:ABeeZee;
font-size: 18px;
border-radius: 5px;
border: 1px solid #cecece;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 8px;
width: 530px;
height: 100px;
}

#tareas {
	margin: 0 auto;
	width: 51%;
	border-right: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
	display: block;
	padding-left: 149px;
}

.archivo_gral {
margin-top: 50px;
max-width: 1000px;
border-right: 1px solid #a8a8a8;
border-left: 1px solid #a8a8a8;
padding: 10px;
}

.grupofamiliar {
margin-top: 50px;
max-width: 1000px;
border-right: 1px solid #a8a8a8;
border-left: 1px solid #a8a8a8;
padding: 10px;
}

.row2 {
margin: 10px;
position: relative;
left: 10px;
display:inline-table;
}

#grupo_familiar {
margin: 0 auto;
width: 90%;
float: left;
padding-left: 90px;
}

#grupo_familia {
margin: 0 auto;
width: 90%;
float: center;
padding-left: 0px;
}

.section_tareas {
	
	margin: 0 auto;
	width: 59%;
	border-right: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
	display: block;
}

.btn_grupfilia {
	background-color: rgba(0, 128, 255, 0.74);
	position: relative;
	top: 60px;
	margin-bottom: 20px;
	width: 120px;
	height: 35px;
	border-radius: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #2d8dfd;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	color: #f8f8f8;
	float: left;
	left: 450px;
}
.btn_grupfilia:focus{
outline: none;

}
.btn_grupfilia:hover{
background-color: #127dfd;
border-color: #3687e7;

}
.btn_grupfilia:disabled{
	background-color: rgba(150, 150, 150, 0.76);
	border-color: #9a9a9a;
}

#bton_proc {
position: relative;
top: 60px; 
right: 250px;
}