/*contenedor del cuerpo de la pagina*/
#cuerpo{
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #ccc;
    border-left-color: #ccc;	
    padding-top:10px;
    padding-bottom:10px;	
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
/**/
#contenedor{
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
}
/**/
.table-center{
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;	
    margin-right:auto;
    margin-left:auto;
    border-collapse:collapse;
    border:#CCC solid 1px;
}
.table-center th{
    padding:0px;
    margin:0px;
    height:25px;
    font-size:13px;
    background:#f0f0f0;
}
.table-center td{
    padding:2px 5px 2px 5px;
}
.table-boton{
    border-collapse:collapse;
    margin-left:auto;
    margin-right:auto;
}
.table-boton td{
    padding:0px 30px 0px 30px;
}
.content_form{
    margin-right:auto;
    margin-left:auto;
    padding-bottom:10px;
    padding-top:10px;
}
.tit_form{
    font-size:14px;
    background-color:#F0F0F0;
    color:#0B55C4;
    font-weight:bold;
    vertical-align:middle;
    text-align:center;
    padding:5px;
}
.font_form{
    color:#0B55C4;
}
.red{
    font-family:Verdana, Geneva, sans-serif;
    font-size:9px;
    font-weight:bold;
    color:#F00;
}
.msj-obli{
    font-family:Verdana, Geneva, sans-serif;
    font-size:9px;	
    color:#0B55C4;
    margin-right:5px;
}
.font-form-bold{
    color:#0B55C4;
    font-weight:bold;
}
/* estilo para la tabla en el formulario de insercion*/
table.insertar td{
    border:none;
    padding-top:5px;
}
/* estilo para el formnulario de insercion de partida*/
.part{
    width:300px;
    border:solid 1px #ccc;
}
/* estilo para el formulario de insercion ramas*/
.ins_rc{
    width:350px;
    border:solid 1px #ccc;
}
/* estilo para el formulario de insercion de bienes de consumo*/
.ins_bien{
    width:50%;
    border:solid 1px #ccc;
}
.ins_dir{
    width:60%;	
}
/*contenedor de los cuadros con esquinas redondas*/
#content-box {
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #ccc;
    border-left-color: #ccc;
    padding-left:10px;
    padding-right:10px;
}
/*lado y esquina superior redondeado*/
#es{
    background: url(../images/page/j_border.png) repeat-x;
}
#es div{
    background: url(../images/page/j_crn_tr_med.png) 100% 0 no-repeat;
}
#es div div{
    background: url(../images/page/j_crn_tl_med.png) 0 no-repeat;
    height: 6px;
}
/*lado y esquinas inferior redondeado*/
#ei{
    background: url(../images/page/j_border.png) 0 100% repeat-x;
}
#ei div{
    background: url(../images/page/j_crn_br_med.png) 100% 0 no-repeat;
}
#ei div div{
    background: url(../images/page/j_crn_bl_med.png) 0 0 no-repeat;
    height: 6px;
}
/* estilo para las tablas que listan los datos*/
table.lista{
    border-collapse:collapse;
}
td#paginacion{
    border:none;
}
.lista td{
    border:1px solid #CCC;
    height:25px;
    padding:0px 5px 0px 5px;
    color:#111;
    font-weight:590;
    font-family:sans-serif, Verdana, Geneva, Arial, Helvetica;
}
.lista th{
    height:25px;
    color:#06C;
    font-size:12px;
    background-color:#f0f0f0;
    border:1px solid #CCC;
    font-weight:700;
}
.tabla-scroll{
    border-collapse:collapse;
    font-family:sans-serif, Verdana, Geneva, Arial, Helvetica;
}
.tabla-scroll th{
    border:1px solid #CCC;
    padding:1px 5px 1px 5px;
    background-color:#f9f9f9;
    height:20px;
    color:#06C;
}
.tabla-scroll td{
    border:1px solid #CCC;
    padding:1px 5px 1px 5px;
    height:20px;
}
.borde_int{
    border-bottom:1px solid #999;
    border-left:1px solid #fff;
    height:30px;
    vertical-align:middle;
    padding:2px 5px 2px 5px;
    margin:0px 1px 0px 1px;
}
/* estilo para dar forma al boton enlace*/
#enlace{
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
    background:#1D5CA3;
    color:#FFF;
    border:2px solid #36F;
    cursor:pointer;
}
/* Estilo para el titulo de la pagina en el cuerpo*/
table#titulo td{
    border:none;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:0px;
    text-align:left;
    font-size:18px;
    color:blue;
}
/* estilo para el cuadro de la busqueda alfebtica*/
table#letra td{
    border:none;
}
#bsc_bconsumo{
    border:#CCC solid 1px;
    margin:10px;
}
#bsc_bconsumo div{
    width:20px;
    height:20px;
    text-align:center;
}
/* estilo para los mensajes*/
#mensaje{
    width:50%;
    margin-left:auto;
    margin-right:auto;
}
/* estilos para los formularios */
#frmingreso table td{
    border:none;
}
.ingreso{
    width:90%;
    margin-left:auto;
    margin-right:auto;
}
#finalizar{
    text-align:center;
}
/* estilo para efectos de jquery en la pagina insertar direccion*/
#ministerio{
    display:none;
}
#vicemin{
    display:none;
}
#direccion{
    display:none;
}
#unidad{
    display:none;	
}
/* estilo para los enlaces */
a{
    text-decoration:none;
}
a:hover{
    color:#069;	
    text-decoration:underline;
}
a:link, a:visited{
    color:#069;	
}
/** estilo para cambiar la visibilidad de un articulo**/
/*td a img{
        border:none;
        height:15px;
        width:15px;
        text-align:center;
}*/
/********** estilo para el menu interior ********/
#menu_interior{
    float:right;
    margin-right:0px;
}
/************* estilo para el menu de los botones de opcion ***************/
#opcion_boton{
    width:300px;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
}
/***************** estilo para ocultar la cantidad ********************/
/*#cantidad{
        display:none;
}
/************** estilo para tablas sin borde **************/
table.sin_borde{
    margin-left:10px;
    margin-top:10px;
    border:none;
}
/*************** estilo para la tabla de ingreo **************************/
.espace_td{
    padding-left:30px;
}
/*************** estilo para el icono del pdf ******************/
.icon-pdf{
    height:17px;
    text-align:center;
    background-image: url(../images/page/pdficon_small.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

/************** estilo para fondos ***************/
.fondo{
    background:#FBFBFB;
}
#tit_interior {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    color: #03F;
    float: left;
    margin-left: 10px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.tit_interior {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #03F;
    float: left;
    margin-left: 0px;
    font-weight: bold;
}
.tit_interior_dos {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    color: #03F;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
/******************** estilo para la capa mostrar ***********************/
#capa_mostrar{
    display:none;
}
.margin-left{
    margin-left:10px;
    padding-bottom:10px;
}
/*********************** estilo par el titulo menor ************************************/
.titulo-h3{
    color: #03F;
    font-size:14px;
    font-family: Verdana, Geneva, sans-serif;
    margin-bottom:5px;
    font-weight: bold;	
}
/********************* estilo para la capa usuarios **************************/
#usuarios{
    margin-left:40px;
    margin-top:5px;
}
.center{
    margin-left:auto;
    margin-right:auto;
    width:80%;
    text-align:center;
}
.hidden{
    display:none;
}
/************************** estilo para las opciones del formulario interior **************************/
.opcion_formulario{
    margin-bottom:10px;
}
/*********************** estilo para las paginacion inferior ********************/
.pag_center{
    background:#F0F0F0;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
}
.paginacion{
    width:480px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    color:#069;
}
/************** estilo para elegir usuarios *******************/
.overform{
    display: none;
    position: absolute;
    left: 30%;
    top: 25%;
    height:auto;
    width: auto;
    z-index: 1002;
    overflow: auto;
    background:#f9f9f9;
    border: 4px solid #525252;
    color: #333;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    padding: 5px;
}
.fadeform{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
}
/**************************************************************/
.reporte{
    margin-left:auto;
    margin-right:auto;
    background:#38789E;
    color:#FFF;
    padding:2px;
}
.header_rep{
    background:#F0F0F0;
    border-collapse:collapse;
    border:#BBCDE8 solid 1px;
    color:#00F;
}
.content_rep td{
    color:#000;
    background:#F9F9F9;
    padding-right:5px;
    padding-left:5px;
}
/*************************************************************/
.ahome a img{
    text-decoration:none;
    border:none;
    height:50px;
    width:50px;
}
.ahome a:hover img{
    text-decoration:none;
    border:#ccc solid 1px;
}
/***************************************/
.valid-submit{
    color:#F00;
    font-size:11px;
    font-family:Verdana, Geneva, sans-serif;
    text-align:center;
    padding-bottom:5px;
}
#borde {
    height: 2px;
    width: 100%;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #CCC;
}
/********************/
#image a img{
    border:none;
    width:30px;
    height:30px;
    text-decoration:none;
}
#bienvenida{
    margin-left:auto;
    margin-right:auto;
    border:#e0e0e0 solid 1px;
    background:#f9f9f9;
}
.border_top{
    border-top:#c0c0c0 solid 1px;
}
.border_bottom{
    border-bottom:#c0c0c0 solid 1px;
}
/****** estilos para la busqueda alfebetica *****/
#abc{
    float:left;
    text-align:center;
    color:#0B55C4;
}
a #abc{
    text-decoration:none;
    width:20px;
    color:#0B55C4;
    margin:0px 0px 0px 1px;
}
a:hover #abc{
    width:20px;
    text-decoration:none;
    background:#0B55C4;
    color:#fff;
}
.scroll{
    border-collapse:collapse;
    border:#ccc solid 1px;
}
.scroll thead{
    background:#f9f9f9;
    border:#999 solid 2px;
}
.scroll th{
    padding:3px;
    margin:0px;
    height:25px;
}
.scroll td{
    border-top:#ccc solid 1px;
    padding:3px 3px 3px 5px;
}
.boton-add{
    border:#155A7C double 1px;
    cursor:pointer;
    font-size:12px;
    height:20px;
    background:#35708D;
    padding:1px 1px 2px 1px;
    color:#FFF;
    border-radius:0.3em;
}
.boton{
    border:#155A7C double 1px;
    cursor:pointer;
    font-size:12px;
    height:20px;
    background:#35708D;
    padding:1px 5px 2px 5px;
    color:#FFF;
    border-radius:0.3em;
}
.boton-dis{
    border:#999 double 1px;
    font-size:12px;
    height:20px;
    background:#D3D3D3;
    padding:1px 5px 2px 5px;
    color:#FFF;
    border-radius:0.3em;
}
.boton-quit{
    border:#155A7C double 1px;
    cursor:pointer;
    font-size:12px;
    height:20px;
    background:#69C;
    padding:1px 5px 2px 5px;
    color:#FFF;
    border-radius:0.3em;
}

.boton-x{
    background:url(../images/page/tick.png);
    height:20px;
    width:18px;
    text-align:center;
    /*border:#f0f0f0 solid 1px;*/
}
.boton-tick{
    background:url(../images/page/publish_x.png);
    height:20px;
    width:18px;
    text-align:center;
    /*border:#f0f0f0 solid 1px;*/
}
.boton-rem{
    border:#155A7C inset 1px;
    cursor:pointer;
    height:20px;
    font-size:12px;
    padding:1px 3px 2px 3px;
    background:#35708D;
    color:#FFF;
    border-radius:0.3em;
}
/*******************************************/
/* estilo para el link del menu interior
/*******************************************/
a.menu-link{
    text-decoration:none;
    cursor:pointer;
}
.menu-link{
    height:20px;
    background:#f0f0f0;
    padding:1px 3px 1px 3px;
    vertical-align:middle;
    border:#525252 outset 2px;
}
.search{
    border:#CCC outset 1px;
    background:#f9f9f9;
    border-radius:0.4em;
    padding:3px 0px 3px 0px;
    height:auto;
    width:100%;
}
/*******************************************/
/* estilo para el alto de fila y label
/*******************************************/
.tr-h{
    height:20px;
    font-family:Verdana, Geneva, sans-serif;
}
.tr-h label{
    color:#353535;
    font-weight:500;
}
.orden{
    text-transform:uppercase;
}
/*****/
.print{
    background:url(../images/page/icono_imprimir.jpg) no-repeat center #35708D;
    width:30px;
    text-align:center;
    border-radius:0.3em;
    cursor:pointer;
    border:#155A7C double 1px;
}
.print-dis{
    background:url(../images/page/icono_imprimir.jpg) no-repeat center #D3D3D3;
    width:30px;
    text-align:center;
    border-radius:0.3em;	
    border:#999 double 1px;
}
.edit{
    background:url(../images/page/icon_edit.png) no-repeat center;
    width:20px;
    text-align:center;
    border-radius:0.3em;
    cursor:pointer;
    border:#155A7C double 1px;	
}
.save{
    background:url(../images/page/icono_guardar.jpg) no-repeat center;
    width:20px;
    text-align:center;
    border-radius:0.3em;
    cursor:pointer;
    border:#155A7C double 1px;	
}
.delete{
    background:url(../images/page/icono_delete.png) no-repeat center;
    width:20px;
    text-align:center;
    border-radius:0.3em;
    cursor:pointer;
    border:#155A7C double 1px;	
}
.padding-0{
    padding:0px;
    margin:0px;
    width:20px
}
/* estilo pra imprimir */
.print-body{
    border:solid #000 1px;
    border-collapse:collapse;
}
.print-body td{
    border:solid #000 1px;
    padding-right:3px;
    padding-left:3px;
}
.print-head{
    border:solid #C0C0C0 1px;
    border-collapse: collapse;
}
.print-head td{
    padding-top:2px;
    padding-left:5px;
    padding-bottom:2px
}
.div-center{
    margin-left:auto;
    margin-right:auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
.bold{
    font-weight:bold;
}
h1,h2,h3,h4,p{
    padding:0; margin:0;
}
/* estilo para tabla sin border */
.border-none{
    border-collapse:collapse;  
    width: 100%;
}
.border-none td{
    border:none;
    margin: 0;padding-left: 2px;
    width: auto;
}
/* estilo para enlace cambiar */
a.editar, a.editar:link, a.editar:visited{
    color:#69C;
    cursor: pointer;
}
a.editar:hover{
    color: #38789E;
}
/* estilos para dar efecto de zebra */
.even{background-color:#F5F5F5;}
.odd{background-color:#ffffff;}

/* estilo efecto foco sobre las filas*/
.over{
    background-color:#d5effc;	
}
.checked{
    background-color:#d5effc;
}
/* estilo para ver el foco de un boton */
.active{
    background-color: #0e90d2;
}
.error-fila{
    background-color:#ff9999;
}
.success-fila{
    background-color: #a9dba9;
}