

                    /* tables */
                    table.tablesorter {
                        font-family:arial;
                        background-color: #CDCDCD;
                        margin:10px 0pt 15px;
                        font-size: 8pt;
                        width: 98%;
                        text-align: center;
                    }
                    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
                        background-color: #8dbdd8; /*#e6EEEE Fondo de los titulos de la tabla */ 
                        border: 1px solid #acabab; /* #FFF */
                        font-size: 8pt;
                        padding: 4px;
                    }
                    table.tablesorter thead tr .header {
                        background-image: url("../imagenes/bg.gif");
                        background-repeat: no-repeat;
                        background-position: center right;
                        cursor: pointer;
                    }
                    /*
                    table.tablesorter tbody td {
                        color: #3D3D3D; 
                        padding: 4px;
                        background-color: #FFF; 
                        vertical-align: top;
                    }
                    table.tablesorter tbody tr.odd td {
                        background-color:green;
                    }
                    */
                    table.tablesorter thead tr .headerSortUp {
                        background-image: url("../imagenes/asc.gif");
                    }
                    table.tablesorter thead tr .headerSortDown {
                        background-image: url("../imagenes/desc.gif");
                    }
                    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
                    background-color: gray; /* color de la celda filtro*/
                    }
        




/*
html, body {
	height:100%;
	outline: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	background-image: url(../Image/LogoDegradado.png);
	background-repeat: repeat;
	color:#848484;
}*/



.boton_jquery_resp {
    border: 1px solid rgb(245, 169, 169);    
    background: url(../imagenes/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
    height: 30px;    
    vertical-align: middle;    
    cursor: pointer;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: navy;
}


.boton_jquery_excel {
    border: 1px solid #A9D0F5;    
    background: url(../imagenes/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
    height: 30px;
    width: 150px;
    vertical-align: middle;    
    cursor: pointer;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: green;
}
.boton_jquery_excel:hover {
    border: 2px solid #A9D0F5;    
    background: url(../imagenes/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
    height: 30px;
    width: 150px;
    vertical-align: middle;    
    cursor: pointer;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: green;
}


.bordes_calendario{
    border: solid; 
    border-color: #e0f3fa;
    border-width: thin;     
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.boton_jquery_salir {
    border: 1px solid #A9D0F5;    
    background: url(../imagenes/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
    height: 30px;
    width: 150px;
    vertical-align: middle;    
    cursor: pointer;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red;
}


.boton_jquery_salir:hover {
    border: 2px solid #A9D0F5;    
    background: url(../imagenes/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
    height: 30px;
    width: 150px;
    vertical-align: middle;    
    cursor: pointer;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red;
}












body{

		/* font-family: Trebuchet MS,Lucida Grande,Lucida Sans,Arial,sans-serif; */
	    /* font-size:12px;*/
		/* margin-top: 120px; */
		background-image: url(imagenes/LogoDegradado.png);
	    background-repeat: repeat;
	}


.celda_contenido{
    border: solid; 
    border-color:   #acabab;
    border-width: 1px; 
    border-left-width: 1px;
    font-family: Verdana;
    /* Trebuchet MS */
    font-size:8pt;
    color:#686868;
}



.celda_contenido_detalle{    
    border: solid; 
    border-color:   #000000;
    border-width: thin; 
    border-width: 1;
    border-left-width: 0px;
    font-family: verdana;
    font-size:8pt; 
    text-align: left;   
}

.m1 {
     font-family:MS Sans Serif;
     font-size:12pt
}
.m2 {
     font-family:verdana;
     font-size:15pt;     
     height: 20px;
}


.demoHeaders {
	margin-top: 2em;
}


.boton_jquery {
	border: 0px solid #4297d7;
	background: url(../imagenes/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
	height: 25px;
	vertical-align: middle;
	color: #ffffff;
	cursor: pointer;
	font-size: 7px;
	font-weight: bold;
	color: white;	
}



.datos_para_registro{
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;    
    font-size:14px;
    height: 20px;
    vertical-align: middle;
    color: black;  
    border-color: #4d7bac;
    border-width: thin; 
    border-width: 1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background-color: #caf0ff;    
}
.datos_para_registro_titulo{
    border: solid; 
    border-color: white;
    border-width: thin; 
    border-width: 1;
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;    
    font-size: x-small;    
    color: #5c5c5c;    
}


.datos_ingreso_titulo{
    border: solid; 
    border-color: white;
    border-width: thin;	
    border-width: 1;
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;	
    font-size: x-small;    
    color: #5c5c5c;    
}

.texto_checklist{
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;    
    font-size: small;    
    color: #5c5c5c;
}


.datos_ingreso_contenido{
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;	
    font-size: x-small;    
	 color: black;	
    border-color: gray;
    border-width: thin;	
    border-width: 1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background-color: #caf0ff;
    width: 100px;   
}
.datos_ingreso_contenido_libre{
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;	
    font-size: x-small;    
	 color: black;	
    border-color: gray;
    border-width: thin;	
    border-width: 1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background-color: #caf0ff;        
}


.datos_ingreso_contenido_nombres{
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;	
    font-size: x-small;    
	 color: black;	
    border-color: gray;
    border-width: thin;	
    border-width: 1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background-color: #caf0ff;  
    width: 110px;   
}
.datos_ingreso_contenido_nombres_placeholder{
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;    
    font-size: x-small;    
    color: gray;  
    border-color: gray;
    border-width: thin; 
    border-width: 1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background-color: #caf0ff;  
    width: 110px;   
}



















.datos_ingreso_contenido_direccion{
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;	
    font-size: x-small;    
	 color: black;	
    border-color: gray;
    border-width: thin;	
    border-width: 1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background-color: #caf0ff;  
    width: 300px;   
}


.contenido_combos{	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;    
	color: black;	
	background-color: #caf0ff;  	
}

.contenido_combos_bloque{  
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: large;    
    color: black;   
    background-color: #caf0ff;      
}



.bordes_ati{
    border: solid; 
    border-color: #e0f3fa;
    border-width: thin;	
    border-width: 1;
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.bordes_login{
    border: solid; 
    border-color: gray;
    background-color: #a6c9e2;
    border-width: thin;	
    border-width: 0;
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.TextoLogin {
	    width: 350px;
		height: 20px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #5C5C5C;
        font-weight: bold;
        text-transform: uppercase;
        vertical-align: middle;
}

.boton_login{
			height: 25px;
			width: 150px;
        background-color: silver;
        border-color: gray;
        border-width: 2px;
        color: white;
        font-size: 9pt;
        font-family: verdana;
        font-weight: bold;
        cursor: pointer;
}


.bordes_ati_celda_titulo{
    border: solid; 
    border-color: #e0f3fa;
    border-width: thin;	
    border-width: 1;
    border-right-width: 0px;
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: x-small;    
    color: navy;
    font-weight: bold;    
    background: #f8f8f8;
}
.bordes_ati_celda_contenido{
    border: solid; 
    border-color:   #e0f3fa;
    border-width: thin;	
    border-width: 1;
    border-left-width: 0px;
}

 
 
#dialog-link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}
#dialog-link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}
#icons {
	margin: 0;
	padding: 0;
}
#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}
#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
.fakewindowcontain .ui-widget-overlay {
	position: absolute;
}

.div_loading{
	border: 1px solid #a6c9e2;
	/*background: #fcfdfd url(../imagenes/cargando_datos.gif) no-repeat top center 40% 0 transparent;*/
	background: #fcfdfd url(../imagenes/loading.gif) no-repeat center top  ;
	color: #222222;
	min-height:50px;
}

.bordes_cd_2013{
    border: solid; 
    border-color:  #6699CC;
    border-width: thin;	
    border-bottom-width: 0;
}
.bordes_cd_2013_b{
    border: solid; 
    border-color:  #6699CC;
    border-width: thin;	
}








.texto_cs_v2013{    
    background-color:#6699CC;
	 height: 20px;
	 border:solid;
	 border-color:#6699CC;
	 border-width: 1px;	
        text-align: left;
        font-family: Trebuchet MS,Lucida Grande,Lucida Sans,Arial,sans-serif;
        font-size: 12px;
        font-variant: normal;
        font-weight: lighter;
        color: white;	
}
.texto_cs_v2013_centrado{    
    background-color:#6699CC;
	 height: 20px;
	 border:solid;
	 border-color:#6699CC;
	 border-width: 1px;	
        text-align: center;
        font-family: verdana;
        font-size: 12px;
        font-variant: normal;
        font-weight: lighter;
        color: white;	
}

.tabla_contenido {
        Border-color: #577082;
        Border-style: solid;
/*         none=ningun borde,
            dotted=punteado,
            dashed=discontinuo,
            solid=solido,
            double=doble borde.
            groove | ridge | inset | outset; */
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-right-width: 1px;
        border-top-width:1px;
      /*    | thin | medium | thick */
         border-top-width, border-bottom-width, border-left-width, border-right-width.
         border: 1px solid #000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8px;
        color: #5C5C5C;
        font-weight: normal;
        text-transform: uppercase;
        }
.Campo_boton
{
    background-color: #003399;
        border-color: #0033FF;
        border-width: 5;
        color: #FFFFFF;
        font-size: 9pt;
        font-family: arial;
        font-weight: bold;
}

.Campo_boton_disabled
{
        background-color: #003399;
        border-color: #0033FF;
        border-width: 5;
        color: gray;
        font-size: 9pt;
        font-family: arial;
        font-weight: bold;
}

.tabla_combo {
        Border-color: #577082;
        Border-style: solid;
/*         none=ningun borde,
            dotted=punteado,
            dashed=discontinuo,
            solid=solido,
            double=doble borde.
            groove | ridge | inset | outset; */
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-right-width: 1px;
        border-top-width:1px;
/*          | thin | medium | thick */
         border-top-width, border-bottom-width, border-left-width, border-right-width.
        border: 1px solid #000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #5C5C5C;
        font-weight: normal;
        text-transform: uppercase;
        }
		
.celda_delito_rojo {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FF0B0B;
        text-transform: uppercase;
        }
		
		.botones {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-style: normal;
        font-weight: normal;
        border: thin solid #577082;
        background-color: #F3F7F8;
        text-transform: none;
        }

.botones2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-style: nomal;
        font-weight: bold;
        border: thin solid #577082;
        background-color: #F3F7F8;
        text-transform: none;
        width: 280px;

}

.botones3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-style: nomal;
        font-weight: bold;
        color: RED;
        border: thin solid #577082;
        background-color: #F3F7F8;
        text-transform: none;
        width: 280px;

}
.boton_formulario{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: normal;
        border: thin solid #577082;
        background-color: #F3F7F8;
        text-transform: none;
        height: 25px;
        background: no-repeat;
        }
.div_title {
  width: 100%;
  height:35px;
  text-align:center;
  padding-top: 8px;
  font-size:20px;
  background: #fcfdfd url(redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
}

.tabla_contenido_det {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #5C5C5C;
		background-color: #FBFFFF;
        font-weight: normal;
        text-transform: uppercase;
        }
		
		.botones_red {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
		 color: RED;
        font-style: normal;
        font-weight: normal;
        border: thin solid #577082;
        background-color: #F3F7F8;
        text-transform: none;
        }	
		
.Estilo_titulo {font-size: 18px}	

.tabla_contenido_col {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #000000;
        font-weight: normal;
        text-transform: uppercase;
        }
.Estilo_col {font-size: 10px}

.mano {
                  cursor: hand;}
.botones_form {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: nomal;
        font-weight: bold;
        color: #FFFFFF;
		border: 1px solid #4297d7;
      /*border: thin solid #0099FF;*/
       /* background-color: #0066CC;*/
	background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
        text-transform: none;
		height:20px;
        width: 100px;

}	

.Estilo_sub_til {font-size: 15px}		

.Estilo_texto {font-size: 14px}	
	  								
/*---------------------------------------------------------------------------------------------*/