@charset "utf-8";

/* CSS Document */
body {
	font-family: 'Pontano Sans', sans-serif;
	font-size: 12px;
	color: #000000;
	
	
}

.oneColElsCtrHdr #container {
	/*width: 65em;
	*/
	
	background: #FFF;
	margin: 0 auto;
	/* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 1px solid #dcdcdc;
	text-align: left;
	/* esto anula text-align: center en el elemento body. */
}

.oneColElsCtrHdr #header {
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	/* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}
.oneColElsCtrHdr #header img{
	margin-bottom:10px;
	margin-top:0px;
	/* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}
.oneColElsCtrHdr #header h1 {
	margin: 0;
	padding: 10px 0;
	/* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}

.oneColElsCtrHdr #mainContent {
	padding: 0 5px 5px 5px;
	/*recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	background: #FFFFFF;
}
.tabla_datos {
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	border-top: #CCC solid 1px;
}
.oneColElsCtrHdr #mainContent #tabla_datos {
	
}

.oneColElsCtrHdr #footer {
	padding: 0 0px;
	/* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background: #ffffff;
}

.oneColElsCtrHdr #footer p {
	margin: 0;
	/* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 5px 0;
	/* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}

#cargando {
	display: none;
	background-color: #000;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 500;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	_position: absolute;
	bottom: 0;
	_top: expression(document.body.scrollTop +
		document.body.clientHeight-this.clientHeight);
	margin-left: 0px;
	margin-top: 0px;
}

#ventana_modal {
	display: none;
	background-color: #FFF;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 500;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	_position: absolute;
	bottom: 0;
	_top: expression(document.body.scrollTop +
		document.body.clientHeight-this.clientHeight);
	margin-left: 0px;
	margin-top: 0px;
}

.campo {
		font-family: 'Pontano Sans', sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #1A4064;
		
		}
		
.label_campo{
		font-family: 'Pontano Sans', sans-serif;
		font-size: 12px;
		color: #000000;
		font-weight: bold;
		}
		.label_campo6{
		font-family: 'Pontano Sans', sans-serif;
		font-size: 12px;
		color: #000000;
		}
		.tabla{
		font-family: 'Pontano Sans', sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		background-color: #F5F5DC;	
		}
		.tabla_titulo{
		font-family: 'Pontano Sans', sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		background-color: #696969;	
		}
		.tabla_texto{
		font-family: 'Pontano Sans', sans-serif;
		font-size: 12px;
		color: #000000;
		background-color: #F5F5DC;	
		}
		.subtitulo_catalogo8{
		font-family: 'Pontano Sans', sans-serif;
		font-size: 12px;
		color: #8B0000;
		
		margin:0px;
		text-align:thin solid #191970;
		}
		.subtitulo_catalogo9{
		font-family: 'Pontano Sans', sans-serif;
		font-size: 12px;
		color: #8B0000;
		font-weight: bold;
		margin:0px;
		text-align:thin solid #191970;
		}
		.subtitulo_catalogo{
		font-family: 'Pontano Sans', sans-serif;
		font-size: 12px;
		color: #000000;
		font-weight: bold;
	
		}
		.boton {
		font-family: 'Pontano Sans', sans-serif;
		font-size: 10px;
		
		color: #000000;
		background-color: #dcdcdc;
		border:1px solid #696969;
		cursor:pointer;		
		
		}
		
		.botonhover {
					
		font-family: 'Pontano Sans', sans-serif;
		font-size: 10px;
		/*
		Verdana, Arial, Helvetica, sans-serif
		*/
		color: #8B0000;
		background-color: #FFFFFF;
		border:1px solid #FFFFFF;
		cursor:pointer;	
		font-weight: bold;		
		}
		
		.boton_menu {
		font-family: 'Pontano Sans', sans-serif;
		font-size: 10px;
		/*
		Verdana, Arial, Helvetica, sans-serif
		*/
		color: #ffffff;
		background-color: #8B0000;
		border:1px solid #FFFFFF;
		cursor:pointer;	
		font-weight: bold;		
		
		}
.codigobarra {
	font: code128;
}

.msgStatus {
	position: absolute;
	border: 1px solid #FF6600;
	background-color: #FFFFFF;
	color: #333;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 14px;
	left: 50%;
	top: 50%;
	height: 450px;
	margin-top: -225px; //
	margin-top: auto;
	width: 450px;
	margin-left: -225px; //
	margin-left: auto;
	display: none;
}

#menu { 
}

#menu ul {
	
}

/*Top level list items*/
#menu ul li {
	position: relative;
	display: inline;
	float: left;
	/*z-index: 999;*/
	
	font: 8px Verdana;
}

/*Top level menu link items style*/
#menu ul li a {
	display: block;
	/*background: #DDD url('../img/fondo_boton.png')	top center repeat-x;*/
	/*background of tabs (default state)*/
	/*padding: 5px 7px 4px 7px;*/
	/*margin-right: 1px;*/ /*spacing between tabs*/
	/*border: 1px solid #dcdcdc;*/
	/*border-bottom-width: 0;*/
	/*border-bottom-width: 1px solid ffffe0;*/
	/*color: #ffffe0;*/
	font: 8px Verdana;
	/*text-decoration: none;*/
}

#menu ul li a:hover {
	
}

#menuSalir {
	display: inline;
	float: right;
	text-align: right;
}

#encabezado_tabla {
	
	text-align: center;
	
		font-family: 'Pontano Sans', sans-serif;
		font-size: 12px;
		color: #ffffff;
	
}
.encabezado_tabla {
	
	text-align: center;
	text-transform: uppercase;
	font-family: 'Pontano Sans', sans-serif;
		font-size: 12px;
		color: #ffffff;
	
	
}
.tabla:hover {
	background-color: #FFEBCD;
}
.celda {
	border: 1px solid #ccc;
}
.celda:hover {
	background-color: #FFEBCD;
}
.cerrar {
	background-color: #FFEBCD;
	text-align:justify;
	border-bottom:#E5FFE5 solid 2px;
	height:30px;
}
.cerrar span{
	vertical-align:middle;
}

#tabla:hover {
	background-color: #FFEBCD;
}

/*************************
	Modal Window
*************************/
#mask 
{
	z-index: 9000;
	background-color: #000;
	display: none;
	
	text-align: center;
	width: 100%;
	height: 100%;
	
	left: 0;
	margin: 0;
	padding: 0;
	
	position: fixed;
	_position: absolute;
	bottom: 0;
	_top: expression(document.body.scrollTop + document.body.clientHeight-this.clientHeight);
	
	margin-left: 0px;
	margin-top: 0px;
}
/* Personaliza tu ventana modal aquí, incluso puedes agregar una imagen de fondo */
#boxes #dialog {
	width: 375px;
	height: 203px;
}

#boxes #ventana_modal {
	display: none;
	background-color: #FFF;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 500;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 0;
	_top: expression(document.body.scrollTop + document.body.clientHeight-this.clientHeight);
	margin-left: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}
#boxes #ventana_modal_horarios {
	display: none;
	background-color: #FFF;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 500;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 0;
	_top: expression(document.body.scrollTop + document.body.clientHeight-this.clientHeight);
	margin-left: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}
#boxes #ventana_modal fieldset{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:3px;
}
#boxes #ventana_modal_horarios fieldset{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:3px;
}
.oneColElsCtrHdr #mainContent #boxes .window {
	position: fixed;
	height: 300px;
	width: 900px;
	display: none;
	z-index: 9999;
}
.oneColElsCtrHdr #mainContent #boxes .windowGrande {
	position: fixed;
	height: 650px;
	width: 900px;
	display: none;
	z-index: 9999;
}

body >div#ventana_modal{
	position:fixed;
}