body {
	background-image: url('site_bg.gif');
	background-repeat: repeat-y;
	margin: 0px;
	font-size: 80%;
	font-family: arial;
	font-style: italic;
	font-weight: normal;
	color: #B20000
}

img {
	border: none;
}

.headerFrame {
	float: left;
}

.leftHeader {
	background-image: url('header1.jpg');
	background-repeat: none;
	float: left;
	width: 500px;
	height: 159px
}

.rightHeader {
	background-image: url('header2.jpg');
	background-repeat: none;
	float: left;
	width: 500px;
	height: 159px
}

#navigation {
	float: left;
	margin-top: 10px;
	width: 171px;
}

#navigation a.firstLevel:link, a.firstLevel:visited, a.firstLevel:active, a.firstLevel:hover {
	background-image: url('button_bg.gif');
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 24px;
	text-decoration: none;
	color: #E5E3E3;
	padding-left: 15px;
	padding-top: 4px;
	font-weight: bold
}

#navigation a.secLevel:link, a.secLevel:visited, a.secLevel:active {
	background-color: none;
	text-decoration: none;
	color: #B20000;
	padding-left: 30px;
	line-height: 150%;
	font-style: normal;
	font-weight: normal;
}

#navigation a.secLevel:hover {
	text-decoration: none;
	color: #e5e3e3;
	padding-left: 30px;
	line-height: 150%;
	font-style: normal;
	background-color: #B20000;
	font-weight: normal;
}

.pageInfos {
	float: left;
}

.location {
	float: left;
	padding-left: 0px;
	padding-top: 5px;
}

#content {
	float: left;
	width: 82%;
}

#content a:link, a:visited, a:active {
	background-color: none;
	text-decoration: none;
	color: #B20000;
	font-weight: bold;
}

#content a:hover {
	text-decoration: none;
	background-color: #B20000;
	color: #E5E3E3;
	font-weight: bold;
}

#content h1 {
	background-image: url('ueberschrift_unterstrich.gif');
	background-repeat: no-repeat;
	color: #B20000;
	font-weight: bold;
	font-style: italic;
	font-size: 130%
}

#content .contentFormat {
	margin-left: 40px;
}

.dgTable 
	{ 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

.dgTable .dgHeader, .dg_dataTable .editTitle	/* Titulo del grid *//* DataGrid Title */
	{ 
		background: url(../images/bck_title.gif) repeat-x 0 -1px;
		border: 1px solid #ccc;
		font-weight:bold;
	}

.dgTable .dgToolbar	/* Toolbar */
	{
		line-height:26px;
		background: #F0F0F0 url(../images/bck_toolbar.gif) repeat-x top;
		border: 1px solid #ccc;
		font-weight:normal;
	}

.dgTable .dgToolbar div.btnseparator	/* Separador de la barra de iconos *//* Toolbar Separator */
	{
		border-left: 1px solid #ccc;
		border-right: 1px solid #fff;
	}

.dgTable .dgTitles /* Titulo de cada columna *//* column titles */
	{
		background: #fafafa url(../images/bck_column_names.gif) repeat-x bottom;
		border-left: 1px solid #fff;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top:0px;
	}

.dgTable .dgTitles .ordered /* Titulo de cada columna ordenada *//* ordered column titles */
	{
		background: #CBD8D1 url(../images/bck_column_ordered.gif) repeat-x top;
	}

.dgTable .SelectLines
	{
		border:1px solid #ccc; 
		font-size:12px;
	}

.dgTable .dgSelectpages, .dgTable .dgSelectnormal 
	{
		border:1px solid #ccc; 
		font-size:10px;
	}

.dgSearchDivInline, .dgExportDivInline	/* Barra de búsqueda y exportación en línea */
	{
		background: #eee;
		border-bottom: 1px solid #ccc;
	}

.dgRowsnormTR /* Color de las filas *//* Rows Color */
	{
		background:#fff; 
	}

.dgRowsaltTR /* Color alterno de las filas *//* Alternate Rows Color */
	{
		background:#eee;
	}

.dgRowsnormTR:hover, .dgRowsaltTR:hover /* Colores de las filas *//* Rows Colors */
	{
		background: #d9ebf5;
	}

.dgSelRow /* Color de las filas seleccionadas *//* Selected rows color */
	{
		background-color:#E3EAED;
	}

.dgRowalt div input, .dgRownorm div input /* Cuadros de lectura de datos *//* Input fields */
	{
		font-size:12px;
		border:1px solid #ccc;
		background:#eee;
		color:#900;
	}

.dgInnerDiv .dg_dataTable thead tr th
	{
		background:#999;
		padding:10px 0 10px 0;
	}

.dgInnerDiv .dg_dataTable tfoot tr th
	{
		background:#333;
		color:#FFF;
	}

.dgInnerDiv .dg_dataTable tbody tr td.dgAddInputs input, .dgInnerDiv .dg_dataTable tbody tr td.dgAddInputs textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
	}

/* Ventana indicadora de procesos AJAX */
/* Floating AJAX loading Window */
.dgAjax
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		background-color:#FFFFE1; 
		border-style: dotted; 
		border-width: 2px; 
		padding: 4px;
	}

/* Loading en toolbar */
/* Toolbar loading */
.dgToolbar .dgAjax{
	font-family:inherit;
	font-size:inherit;
	background:none;
	border:none;
}

/* Ventanas flotantes de búsqueda y exportación */
/* Floating search and export windows */
.dgSearchDiv 
	{
		background:#666 url(../images/bck-windows.gif) repeat-x;
		border:1px solid #000;
	}

.dgInnerDiv 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		background:#F5F5F5;
	}
	
.dgSearchTit 
	{
		font-family:Arial, Helvetica, sans-serif;
		color:#FFF;
		font-weight:bold;
	}

.dgPagRow
	{
		background:#EFEFEF;
		border-top:solid 5px #C0C0C0;
		font-size:9px;
	}

/* celdas de total */ /* Total cells */
.dgRowsTot
	{
		border-top:10px solid #CCC;
		background:#efefef;
	}

.dgTable .dgToolbar div.fbutton:hover
	{
		border: 1px solid #ccc;
	}
								
/* Mensajes de ayuda al usuario *//* Input help Message */
.dgMsgInput{color:#00F;}

/* Error al validar un campo *//* A field do not pass the validation */
.dgErrorInput{color:#F00;}
								
																																 /* 
--------------------------------------------------------------------------------------------------------------------------------
	es: Por favor no modifique características importantes a partir de este punto a no ser que usted sepa lo que esté haciendo 
	en: Please do not modify the definitions below unless you know what you are doing 
-------------------------------------------------------------------------------------------------------------------------------- */

.dgTable img
	{
		border:0;
	}

/* 
	es: Titulo del Grid 
	en: DataGrid title
*/
.dgTable .dgHeader, .dg_dataTable .editTitle
	{ 
		border-top: 0px;
		overflow: hidden;
		white-space: nowrap;
		line-height:28px; 
		text-align:left; 
		padding-left:5px;
	}

/* Toolbar */
.dgTable .dgToolbar
	{
		line-height:26px;
		overflow: hidden;
		text-align:left;
		padding:3px 0 3px 5px;
	}

.dgTable .dgToolbar div.btnseparator
	{
		float: left;
		height: 22px;
		margin: 1px 1px 1px 2px;
	}

.SelectLines, .dgLinks, .dgBold, .dgSelectpages, .toolbarItem
	{
		line-height: 22px;
		margin: 1px 5px 1px 5px;
	}

.dgToolbar .SelectLines, .dgToolbar .dgLinks, .dgToolbar .dgBold, .dgToolbar .dgSelectpages, .dgToolbar .toolbarItem
	{
		float: left;
		line-height: 22px;
		margin: 1px 5px 1px 5px;
	}

.dgTable .dgToolbar .dgInputPage
	{
		float:left;
	}
	
.dgTable .dgInputPage
	{
		height:18px;
		padding:1px;
		margin: 1px 5px 1px 5px;
		width:30px;
		border:1px solid #ccc; 
	}
	
.dgTable .dgToolbar div.fbutton
	{
		line-height:22px;
		float: left;
		display: block;
		cursor: pointer;
		padding: 1px;
	}

.dgTable .dgToolbar div.fbutton img
	{
		padding-top:3px;
	}
	
.dgTable .dgToolbar div.fbutton div
	{
		padding: 0px 1px;
	}
	
.dgTable .dgToolbar div.fbutton span
	{
		float: left;
		display: block;
		padding-left: 3px;
	}

.dgTable .dgToolbar div.fbutton:hover
	{
		height: 22px;
		padding: 0px;
	}

.dgTable .dgToolbar div.fbutton:hover div
	{
		padding: 0px 0px;
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}		
	
/* Ttulo de cada columna *//* Column Titles */
.dgTable .dgTitles
	{
		overflow: hidden;
	}

.dgTable .dgTitles:hover
	{ 
		border-bottom:1px solid #ffc83c; 
	}

.dgTable .dgTitles .titleContainer
	{
		width:100%; 
		height:25px;
		border-collapse:collapse;
	}

.dgTable .dgTitles .titleContainer .dgArrows
	{
		width:10px; 
	}

.dgTable .dgTitles .titleContainer .up 
	{
		vertical-align:bottom; 
		padding-bottom:1px;
	}
	
.dgTable .dgTitles .titleContainer .dn 
	{
		vertical-align:top; 
		padding-top:1px;
	}

.dgSearchDivInline, .dgExportDivInline
	{
		display:none;
		width:100%;
		overflow: hidden;
		text-align:left;
		font-weight:normal;
		margin-bottom:3px;
		height:28px;
	}

.dgExportDivInline
	{
		vertical-align:middle;
		clear:both;
		height:28px;
	}

.dgExportDivInline table tr td.dgRadioBg
	{
		padding:0px;
	}
	
.dgExportDivInline table tr td input
	{
		margin-left:10px;
	}
	
.dgExportDivInline table tr td.msgExport
	{
		width:70px;
	}
	
.dgRownorm, .dgRowalt 
	{ 
		padding:5px;
	}
	
/* estilo para cada uno de los div's que se encuentran en las celdas de la tabla */
/* Style for each div inside table cells */
.dgRownorm div, .dgRowalt div
	{ 
		display:block;
		height:100%; 
		width:100%;
		overflow:hidden;
	}

.dgRowalt div input, .dgRownorm div input
	{
		width:100%;
		padding:3px;
	}
	
.pointer
	{
		cursor:pointer;
	}

.dgImgLink
	{
		padding:2px;
		cursor:pointer;
	}

.imgSearch
	{
		line-height:28px;
		margin-left:10px;
	}

.exportBtn
	{
		border:1px solid #666;
	}

td.dgError
	{
		padding:10px;
		background:#EFEFEF;
		text-align:center;
		font-weight:bold;
		font-style:italic;
	}
	
/* Estilo para tabla de adicion/edicion/visualizacion de datos */
/* Styling for add/edit/view */
.dgInnerDiv
	{
		width:100%;
	}

.dgInnerDiv .dg_dataTable
	{
		width:100%;
		border-collapse:collapse;
	}

.dgInnerDiv .dg_dataTable thead tr th
	{
		text-align:center;
		padding:10px 0 10px 0;
	}

.dgInnerDiv .dg_dataTable tfoot tr th
	{
		text-align:left;
		padding:10px 0 10px 0;
	}

.dgInnerDiv .dg_dataTable tfoot tr th .edtBtns
	{
		padding:15px 0 0 0;
		text-align:center;
		width:100%;
	}
	
.dgInnerDiv .dg_dataTable tbody tr td.dgAddNames
	{
		text-align:right;
		font-weight:bold;
		padding:5px 8px 2px 0;
		vertical-align:top;
		width:200px;
	}

.dgInnerDiv .dg_dataTable tbody tr td.dgAddInputs
	{
		text-align:left;
		padding:5px 0 5px 8px;
	}

.dgInnerDiv .dg_dataTable tbody tr td.dgAddInputs input, .dgInnerDiv .dg_dataTable tbody tr td.dgAddInputs textarea
	{
		padding:2px;
	}

/* Error messages */
/* Mensajes de error */
.dgError{
	margin:50px 30px 0px 30px;
	background-color:#EFEFEF;
	border:none;
	padding:10px;
	font-weight:bold;
	text-align:center;
	color:#666;
}

/* Ventanas flotantes de búsqueda y exportación */
/* Floating search and export windows */
.dgSearchDiv 
	{
		position:fixed;
		top: 0; left:0;
		width:300px; 
		height:150px;
		z-index: 10000; 
		display: none; 
		opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
	}

.dgInnerDiv 
	{
		margin:28px 3px 0 3px;
		height:118px;
		width:98%;
	}
	
.dgSearchTit 
	{
		width:250px; 
		font-weight:bold;
		cursor:move;
		float:left;
	}

.dgSearchTit img
	{
		margin:3px 3px 0 3px;
	}

/* Ventana flotante de exportacion */
/* Floating export window */
.DG_xportDIV
	{
		height:247px;
	}
	
.DG_subdivxport
	{
		height:215px;
	}

/* Botones de exportación en ventana flotante */
/* Buttons in the export floating window */
.dgRadioBg
	{	
		padding:15px; 
	}
	
.dgRadioBg img
	{ 
		margin-left:4px; 
	}


/* linea de paginacion */
/* Pagination line */
.dgImgPags
	{
		cursor:pointer;
		padding:0px;
	}

/* celdas de total */
/* Total cell */
.dgRowsTot
	{
		padding:5px 0;
	}

/* Manejo de capas *//* Layers Management */
.opaque
	{
		height: auto;
		width : 600px;
		display: block; 
		opacity: 100;
		-moz-opacity: 100;
		-khtml-opacity: 100;
	}

.dgAddDiv
	{
		position:fixed;
		top: 0%; left: 0%;
		width: 110%; height: 110%;
		z-index:101;
		background-color: black;
		opacity:.7;
		-moz-opacity: 0.7; 
		-khtml-opacity: 0.7;
	}

.opaque .dgSearchTit 
	{
		width:560px;
	}