@charset "utf-8";
/* CSS Document */

/*
==========================
GENERALES
==========================
*/
body {
	margin:10px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
body, .bodymenu {
	background-color:#f0f0f0;
}
body.interno {
	margin:0;
	background-color:#FFF;
}
img {
	border:none;
}
a {
	color:#036;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#900;
}
h1.bienvenida {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#900;
	margin:0;
	padding:0;
}
/*
==========================
INDEX
==========================
*/

#maincontent {
	min-width:900px;
	background-color:#FFF;
}
#header {
	background-image:url(../images/bgcab.png);
	background-repeat:repeat-x;
	background-color:#036;
	height:50px;
}
ul.cabecera {
	margin:0;
	padding:0;
	list-style:none;
	height:60px;
}
ul.cabecera li.logomodulo {
	position:relative;
	float:left;
	margin:10px 0 10px 10px;
}
ul.cabecera li.modulo {
	display:inline-block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:24px;
	margin:15px 0 0 10px;
}
ul.cabecera li.suite {
	float:right;
}
.clear {
	clear:both;
}
#botonera {
	border:1px solid #ccc;
	background-color:#f0f0f0;
	height:20px;
	padding:5px 0 0 130px;
}
#botonera_opciones ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#botonera_opciones ul li {
	margin:0;
	padding:0;
	display:inline;
	margin:0 0 0 3px;
}
#botonera_usuario {
	text-align:right;
	padding-right:10px;
}
#contenidos {
	border:1px solid #ccc;
	border-top:none;
	padding:10px;
}
.dialog {
 filter: progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
	display: block;
	position: absolute;
	z-index:100;
}
#pestana {
	float:left;
	margin:0px;
	background-color:#036;
}
#pie {
	background-image:url(../images/bgpie.png);
	background-repeat:no-repeat;
	background-position:right -2px;
	text-align:right;
	padding:10px 5px;
	color:#666;
	border-top:2px solid #036;
}
#pie a {
	color:#666;
	text-decoration:none;
}
#pie a:hover {
	color:#900;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#menu ul li {
	background-image:url(../images/vineta.png);
	background-repeat:no-repeat;
	background-position:0 7px;
	padding-left:10px;
	line-height:20px;
}
/*
==========================
INTERNOS
==========================
*/
#contenidointerno {
	margin:0;
	padding:0;
	text-align:center;
}
#contenidointerno h1 {
	background-image:url(../images/bg25px.png);
	background-repeat:repeat-x;
	background-color:#900;
	color:#FFF;
	font-size:14px;
	padding:5px 5px 0px 5px;
	text-align:left;
	margin:0;
	height:20px;
}
#iconosinternos {
	background-color:#f0f0f0;
	padding:5px;
	text-align:left;
	border-bottom:1px solid #900;
	margin:0 0 5px 0;
	background-repeat:repeat-x;
}
#iconosinternos img {
	margin-right:5px;
	border:none;
}
#iconosinternos ul {
	margin:0;
	padding:0;
	list-style:none;
}
#iconosinternos ul li {
	display:inline;
}
.bgtitlepopup, #popcerrar {
	background-color:#900;
}
#popcerrar {
	float:right;
	margin:-25px 0 0 0;
	padding:3px 5px 0 0;
	width:69px;
	height:22px;
}
table {
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:2px;
	font-size:12px;
	margin:0 0 -1px 0;
	text-align:left;
	//margin:0 auto !important;
}
table caption, table th, table th.thgris, table th.thgrisclaro, table td, table td.cabecera {
	border:1px solid;
	height:20px;
}
table.noborder {
	border:none;
}
table caption, table th, table th.thgris, table th.thgrisclaro, table td.cabecera, input[type=submit], input.gris[type=submit], input[type=button], input.gris[type=button] {
	background-image:url(../images/bg25px.png);
	background-repeat:repeat-x;
}
table caption, table td.cabecera, input[type=submit], input[type=button] {
	background-color:#036;
	color:#FFF;
}
table caption {
	font-weight:bold;
	border-color:#ccc;
	padding-top:2px;
}
table th {
	background-color:#E6BE00;
	font-weight:bold;
	border-color:#fff;
}
table th.thgris {
	background-color:#999;
	font-weight:bold;
	border-color:#fff;
}
table th.thgrisclaro {
	background-color:#ccc;
	font-weight:bold;
	border-color:#fff;
}
table td {
	border-color:#ccc;/*padding:3px;*/
}
table td.cabecera {
	font-weight:bold;
}
#botones {
	text-align:right;
	border-top:1px dashed #036;
	padding-top:2px;
	margin-top:5px;
	background-image:url(../images/bgdivbotones.png);
	background-repeat:repeat-x;
}
input[type=submit], input[type=button] {
	height:25px;
	border:1px solid #333;
	margin:5px 0 0 5px;
}
input.gris[type=submit], input.gris[type=button] {
	height:25px;
	background-color:#CCC;
	color:#333;
	border:1px solid #333;
	margin:5px 0 0 5px;
}
input[type=text], textarea {
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
}
.botones_internos {
	text-align:right;
	margin:5px 0;
}
#volver {
	text-align:left;
}
#calendariocss a {
	text-decoration:none;
	color:#333;
}
#calendariocss a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#900;
}
#calendariocss .fondo_celda_2 {
	background-color:#E9C51A;
	font-weight:bold;
}
#calendariocss .fondo_celda_3 {
	background-color:#1A4876;
}
#calendariocss .fondo_celda_4 {
	background-color:#e6e6e6;
	font-weight:bold;
}
#calendariocss .fondo_celda_5 {
	background-color:#EBCCCC;
	color:#900;
}
/*
==========================
PESTANAS
==========================
*/

#pestanas ul {
	font-size:12px;
	list-style: none; /*Eliminamos el estilo de lista*/
	padding: 0; /*Evita la indentación que aparece en algunos navegadores*/
	margin: 0 0 2px 0;
	height:25px;
}
#pestanas ul li {
	width:200px;
	height:22px;
	display:inline-block;
	text-align: center;
	margin:0 3px 0 0;
	cursor:pointer;
	background-position:0 -2px;
	background-image:url(../images/bg25px.png);
	background-repeat:repeat-x;
	background-color:#ccc; /*#e6e6e6 */
	color:#333;
	border-color:#ccc;
	padding-top:5px;
	font-weight:bold;
}
#pestanas ul li:hover {
	background-color:#e6e6e6; /*#ccc */
	color:#333;
}
#pestanas ul li.pestanaactiva {
	background-color:#036; /*#036 */
	color:#fff;
	font-weight:bold;
}

/*
==========================================================
Estilos para las TABs Principales de las Funcionalidades
==========================================================
*/

.tabs-ul { margin:0; padding:0; list-style:none; }
.tabs-ul li { 
	background-color:#ccc;
	float:left;
	background-image:url(../images/bg25px.png);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #ccc;
	margin-right:3px;
	margin-bottom:3px;
	padding:5px 5px 0 5px;
	cursor: pointer;
	display:block; 	
	height:19px; 
}

.tabs-ul li a {	color:#333; text-decoration:none; }
.tabs-ul li:hover { background-color:#f0f0f0; }
.tabs-ul li.selected { background-color:#036; background-image:url(../images/bg25px.png); background-repeat:repeat-x; background-position:top; border:1px solid #036; font-weight:bold; }
.tabs-ul li.selected a { color:#FFF; }

.tabs-tab {	
	padding-top: 1px;
	list-style:	none;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 11px;
	padding-left:5px;
}

.tabs-tab li {
	display: block;
	float: left;
	margin:	0 0 5px 0;
	cursor: pointer;	
	background: url(../images/tabs.png) repeat-x;
	background-position: left -30px;
}

.tabs-tab li.selected {
	background: url(../images/tabs.png) repeat-x;
	background-position: left 0;
}

.tabs-tab li a {
	display: block;
	margin-left: 8px;
	padding: 2px 16px 5px 10px;
	text-align: center;
	font-weight: normal;
	color: #141414;
	background: url(../images/tabs.png) repeat-x;
	background-position: right -30px;
	font-family:tahoma,'Trebuchet ms',verdana, arial;
	white-space:nowrap;
}

.tabs-tab li.selected a {
	font-weight:bold ;	
	background: url(../images/tabs.png) repeat-x;
	background-position: right 0;
	font-size: 12px;
}

.tabs-content {
	padding:0px; 
	position:relative; 
	border-left:1px solid #bbb; 
	border-bottom:1px solid #bbb; 
	border-right:1px solid #bbb;
	overflow:auto;
}


/*
==========================================================
Estilos para la barra de carga
==========================================================
*/

div#vacio
{
	background-color: #e4e4e4;
	border: 1px solid black;
	width: 280px;
	padding: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
 
div#div_completado
{
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #036;
	/*background-color: #E6BE00;*/
	width: 0px;
	padding-top: 5px;
	padding: 0px;
}
 
div#div_barra
{
	position: relative;
	top: 0px;
	left: 2px;
	color: #000;
	/*color:#036;*/
	padding: 0px;
	padding-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#FFF;
}

.fondo_celda_6{
	background-color:#D0D2D5;
	height:20px;
}
/*
==========================================================
Estilos para Dt.SearchBox 
==========================================================
*/




.sb-list {
	background-color: #CCCCCC; 
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border: 1px solid;
    border-color: #CCCCCC; 
    overflow: hidden;			
}
.sb-list-inner {
	background-color: #ffffff;
	overflow-x: hidden;
    overflow-y: auto;
    position: relative;	
}

.sb-list-item {
    border: 1px solid;
    overflow: hidden;
    padding: 2px;
    white-space: nowrap;
}

.sb-list-item {
    border-color: #fff;
}

.sb-list .sb-list-selected {
    background-color: #E6E6E6;
    border-color: #E6E6E6 !important; 
    border: 1px dotted !important;
    cursor: pointer;
}

/*
===========================
Estilos para las TABs
===========================
*/

.tabs {	
	padding: 0; 
	background: url(../images/tabs.png) repeat-x;
	background-position: left -60px;
	overflow: hidden;
	height:25px;
	position:relative;
}

.tabs-tab {	
	padding-top: 1px;
	list-style:	none;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 11px;
	padding-left:5px;
}

.tabs-tab li {
	display: block;
	float: left;
	margin:	0 0 5px 0;
	cursor: pointer;	
	background: url(../images/tabs.png) repeat-x;
	background-position: left -30px;
}

.tabs-tab li.selected {
	background: url(../images/tabs.png) repeat-x;
	background-position: left 0;
}

.tabs-tab li a {
	display: block;
	margin-left: 8px;
	padding: 2px 16px 5px 10px;
	text-align: center;
	font-weight: normal;
	color: #141414;
	background: url(../images/tabs.png) repeat-x;
	background-position: right -30px;
	font-family:tahoma,'Trebuchet ms',verdana, arial;
	white-space:nowrap;
}

.tabs-tab li.selected a {
	font-weight:bold ;	
	background: url(../images/tabs.png) repeat-x;
	background-position: right 0;
	font-size: 12px;
}

.tabs-content {
	padding:0px; 
	position:relative; 
	border-left:1px solid #bbb; 
	border-bottom:1px solid #bbb; 
	border-right:1px solid #bbb;
	overflow:auto;
}

/*
==========================================================
Estilos para las TABs Principales de las Funcionalidades
==========================================================
*/

.tabs-ul { margin:0; padding:0; list-style:none; }
.tabs-ul li { 
	background-color:#ccc;
	float:left;
	background-image:url(../images/bg25px.png);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #ccc;
	margin-right:3px;
	margin-bottom:3px;
	padding:5px 5px 0 5px;
	cursor: pointer;
	display:block; 	
	height:19px; 
}
.tabs-ul li a {	color:#333; text-decoration:none; }
.tabs-ul li:hover { background-color:#f0f0f0; }
.tabs-ul li.selected { background-color:#036; background-image:url(../images/bg25px.png); background-repeat:repeat-x; background-position:top; border:1px solid #036; font-weight:bold; }
.tabs-ul li.selected a { color:#FFF; }

select{font-size:12px;}
textarea{font-size:12px;}



/*
==========================================================
		Estilos responsivo Carlos Atuesta 31-08-2025
==========================================================
*/

 .table-responsive {
    width: 100%;
    overflow-x: auto;  /* scroll lateral si no cabe */
  }

  .table-responsive table {
    width: 100%;       /* que ocupe todo el ancho */
    border-collapse: collapse;
  }

  @media (max-width: 768px) {
    th, td {
      font-size: 14px; /* texto más pequeño en móvil */
      white-space: nowrap; /* evita que se parta el contenido */
    }
  }


.div-responsivo {
	margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    text-align: center;
    font-size: 12px;
    background-color: #E6BE00;
  	font-weight: bold;
  	border-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

.label-responsivo {
	margin: 0;
    height: 20px;
}

 
.divgrisclaro-responsive {
	margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    text-align: center;
    font-size: 12px;
    background-color: #ccc;
  	font-weight: bold;
  	border-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

 
.divgris-responsive {
    background-color:#999;
	font-weight:bold;
	border-color:#fff;
}

 
.centrado1-responsive {
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center;     /* vertical respecto al contenedor padre */
    padding: 5px 0;  
}

 
.centrado2-responsive {
	display: flex;
	height: 27px;
    justify-content: center;    
    align-items: center;        
    text-align: center;
}

input#input-responsive{
	width: 100%;
	min-width: 150px;
	max-width: 600px;
	box-sizing: border-box;
  }
 
.input-responsive {
	width: 100%;
	min-width: 150px;
	max-width: 600px;
	box-sizing: border-box;
}


input#input-responsive{
	width: 100%;
	min-width: 150px;
	max-width: 600px;
	box-sizing: border-box;
  }
 
.input-responsive {
	width: 100%;
	min-width: 150px;
	max-width: 600px;
	box-sizing: border-box;
}

/* Estilo responsivo para caption */
.caption-responsivo {
    display: block;                  /* necesario para flex */
    background-color: #036;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 25px;                    /* altura por defecto */
    display: flex;
    justify-content: center;         /* centrado horizontal */
    align-items: center;             /* centrado vertical */
    text-align: center;
    padding: 0 10px;                 /* opcional, para espacio lateral */
}

/* Responsive para móviles */
@media (max-width: 768px) {
    .caption-responsivo {
        font-size: 14px;
        height: 30px;
    }
}

@media (max-width: 480px) {
    .caption-responsivo {
        font-size: 12px;
        height: 25px;
    }
}


 @media (max-width: 480px) {
    #botonera_usuario-responsivo {
      display: none !important;
    }
  }

  @media (max-width: 349px) {
    #botonera_opciones-responsivo {
      display: none !important;
    }
  }

  .tabs-ul-responsivo {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 20px;              /* altura de la barra */
    font-size: 12px;           /* tamaño de fuente de la barra */
}

.tabs-ul-responsivo li {
    float: left;
    display: block;
    height: 20px;              /* altura de cada tab */
    line-height: 20px;         /* centra vertical el texto */
    padding: 0 10px;           /* espacio lateral */
    margin-right: 3px;
    margin-bottom: 3px;
    cursor: pointer;
    background-color: #ccc;
    background-image: url(../images/bg25px.png);
    background-repeat: repeat-x;
    background-position: top;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 12px;           /* fuente de cada tab */
}

.tabs-ul-responsivo li a {
    color: #333;
    text-decoration: none;
    display: block;
    text-align: center;
}

.tabs-ul-responsivo li:hover {
    background-color: #f0f0f0;
}

.tabs-ul-responsivo li.selected {
    background-color: #036;
    border: 1px solid #036;
    font-weight: bold;
}

.tabs-ul-responsivo li.selected a {
    color: #FFF;
}

.select-responsive {
    width: 100%;
    max-width: 100%;
}

.fila-titulo1 {
    background-color: #E6BE00;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 5px;
    line-height: 1.2;
    border-radius: 3px;
    font-family: Arial, Helvetica, sans-serif;
}

.fila-titulo2 {
    background-color: #ccc;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 5px;
    line-height: 1.2;
    border-radius: 3px;
    font-family: Arial, Helvetica, sans-serif;
}


.fila-registros {
    text-align: center;
    font-size: 12px;
    padding: 2px 5px;
    line-height: 1.2;
    border-radius: 3px;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    font-family: Arial, Helvetica, sans-serif;
}