/*
*******************************************
 Estilos generales
*******************************************
*/

body, form, input, select, table, td, textarea {
	font-family: Tahoma,Verdana,sans-serif;
	font-size: 11px;
}

/*
*******************************************
 Estilos personalizados
*******************************************
*/

/* Body de escritorio */
.body01 {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	color: black;
	background-color: #FFFFFF;
	font-family: Tahoma,Verdana,sans-serif;
	font-size: 10px;
} 

/* Body de introduccion de datos o resultados */
.body02 {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: black;
	background-color: #E6E6E6;
	font-family: Tahoma,Verdana,sans-serif;
	font-size: 10px;
}

/* Body de login */
.body03 {
	margin-top: 200px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	color: black;
	background-color: #FFFFFF;
	font-family: Tahoma,Verdana,sans-serif;
	font-size: 10px;
} 

/* Celda lateral izquierda pestaņa seccion activa horizontal */
.celda01 {
	background-image: url(images/pestAct1.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

/* Celda central pestaņa seccion activa horizontal */
.celda02 {
	color: white;
	background-color: #FF9933;
	background-image: url(images/pestAct2.gif);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	height: 20px;
	width: 80px;
}

/* Celda lateral derecha pestaņa seccion activa horizontal */
.celda03 {
	background-image: url(images/pestAct3.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

/* Celda lateral izquierda pestaņa seccion inactiva horizontal */
.celda04 {
	background-image: url(images/pestInact1.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

/* Celda central pestaņa seccion inactiva horizontal */
.celda05 {
	background-color: #CCCCCC;
	background-image: url(images/pestInact2.gif);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 11px;
	text-align: center;
	height: 20px;
	width: 80px;
}

/* Celda lateral derecha pestaņa seccion inactiva horizontal */
.celda06 {
	background-image: url(images/pestInact3.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

/* Celda seccion */
.celda07 {
	background-color: #FF9933;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	vertical-align: top;
}

/* Celda borde vertical */
.celda08 {
	background-color: black;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 1px;
}

/* Celda borde horizontal */
.celda09 {
	background-color: black;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	height: 1px;
}

/* Celda barra de estado */
.celda10 {
	color: black;
	background-color: #EEEEEE;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Celda encabezado tabla */
.celda11 {
	color: white;
	background-color: #666666;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	height: 20px;
}

/* Celda encabezado renglon */
.celda12 {
	background-color:#CCCCCC;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
	width: 20%;
}

/* Celda comun */
.celda13 {
	background-color: #E6E6E6;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
}

/* Celda botones inferior */
.celda14 {
	background-color: #AAAAAA;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}

/* Celda botones superior */
.celda15 {
	background-color: #AAAAAA;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
}

/* Celda encabezado checkbox*/
.celda16 {
	background-color: #CCCCCC;
	width: 19px;
}

/* Celda encabezado columna */
.celda17 {
	background-color: #CCCCCC;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}

/* Celda checkbox*/
.celda18 {
	background-color: #CCCCCC;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	width: 19px;
}

/* Celda icono */
.celda19 {
	background-color: white;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	width: 24px;
}

/* Celda encabezado icono */
.celda20 {
	background-color: #CCCCCC;
	width: 24px;
}

/* Celda error */
.celda21 {
	color: white;
	background-color: red;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}

/* Celda subseccion */
.celda22 {
	background-color: #FFCC66;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	vertical-align: top;
}

/* Celda fondo pestaņas subsecciones verticales */
.celda23 {
	background-image: url(images/subSeccionPadding.gif);
	background-repeat: repeat-y;
	text-align: right;
	vertical-align: top;
	width: 90px;
}

/* Celda superior pestaņa subseccion activa vertical */
.celda24 {
	background-image: url(images/subSeccionActiva1.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 90px;
}

/* Celda central pestaņa subseccion activa vertical */
.celda25 {
	background-color: #FFCC66;
	background-image: url(images/subSeccionActiva2.gif);
	background-repeat: repeat-y;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	height: 20px;
	width: 90px;
}

/* Celda inferior pestaņa subseccion activa vertical */
.celda26 {
	background-image: url(images/subSeccionActiva3.gif);
	background-repeat: no-repeat;
	height: 6px;
	width: 90px;
}

/* Celda superior pestaņa subseccion inactiva vertical */
.celda27 {
	background-image: url(images/subSeccionInactiva1.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 90px;
}

/* Celda central pestaņa subseccion inactiva vertical */
.celda28 {
	background-color: #CCCCCC;
	background-image: url(images/subSeccionInactiva2.gif);
	background-repeat: repeat-y;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	height: 20px;
	width: 90px;
}

/* Celda inferior pestaņa subseccion inactiva vertical */
.celda29 {
	background-image: url(images/subSeccionInactiva3.gif);
	background-repeat: no-repeat;
	height: 6px;
	width: 90px;
}

/* Celda paginacion */
.celda30 {
	color: #555555;
	background-color: #99CC66;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

/* Celda navegacion */
.celda31 {
	color: #555555;
	background-color: #FF9933;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
}

/* Celda encabezado tabla 2 */
.celda32 {
	color: white;
	background-color: #009933;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	text-transform: uppercase;
	height: 20px;
}

/* Celda encabezado tabla 3 */
.celda33 {
	color: #555555;
	background-color: #99CC66;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	text-transform: uppercase;
	height: 20px;
}

/* Celda contenido detalles */
.celda34 {
	background-color: #EEEEEE;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}

/* Celda encabezado renglon 2 */
.celda35 {
	background-color: #FFCC66;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
	width: 35%;
}

/* Celda superior pestaņa seccion activa vertical */
.celda36 {
	background-image: url(images/pestana05.gif);
	background-repeat: no-repeat;
	width: 90px;
	height: 5px;
}

/* Celda central pestaņa seccion activa vertical */
.celda37 {
	color: white;
	background-color: #FF9933;
	background-image: url(images/subSeccionActiva2.gif);
	background-repeat: repeat-y;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	font-weight: bold;
	height: 20px;
	width: 90px;
}

/* Celda inferior pestaņa seccion activa vertical */
.celda38 {
	background-image: url(images/pestana06.gif);
	background-repeat: no-repeat;
	width: 90px;
	height: 6px;
}

/* Celda lateral izquierda pestaņa subseccion activa horizontal */
.celda39 {
	background-image: url(images/subSeccionActiva4.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

/* Celda central pestaņa subseccion activa horizontal */
.celda40 {
	color: white;
	background-color: #FFCC66;
	background-image: url(images/pestAct2.gif);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	height: 20px;
	width: 80px;
}

/* Celda lateral derecha pestaņa subseccion activa horizontal */
.celda41 {
	background-image: url(images/subSeccionActiva5.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

/* Celda encabezado renglon 3 */
.celda42 {
	background-color: #FFCC66;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
}

/* Link pestaņa horizontal inactiva */
.link01 {
	font-size: 11px;
	color: #555555;
}

/* Link comun */
.link02 {
	color: #009933;
	/*color: #FF9933;*/
}

/* Link pestaņa vertical inactiva */
.link03 {
	color: #555555;
}

/* Link navegacion o paginacion */
.link04 {
	color: white;
	font-weight: bold;
}

/* Option encabezado 1 */
.option01 {
	color: white;
	background-color: #009933;
	font-size: 11px;
	text-transform: uppercase;
}

/* Option encabezado 2 */
.option02 {
	color: #555555;
	background-color: #99CC66;
	text-transform: uppercase;
}