@charset "utf-8";

/* CSS Document */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url('../presentacion/image/s4.png');
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

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

.oneColElsCtrHdr #header {
	background: #ffffff;
	padding: 2px 0px 0px 15px;
	/* 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:10px;
	/* 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 {
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	border-top: #CCC solid 1px;
}

.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: #DDDDDD;
}

.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;
}

.boton2 {
	font-size: 11px;
	font-family: Verdana, Helvetica;
	font-weight: bold;
	color: #000000;
	background: #FFFFE0;
	border: 0px;
	width: 100%;
	height: 100%;
}

.boton3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.punteado {
	border-width: 1px;
	border-color: #FFFFE0;
	background-color: #FF8C00;
	font-family: verdana, arial;
	font-size: 10pt;
	color: #FFFFFF;
	width: 100%;
	cursor: pointer;
}

.subtitulo_catalogo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	margin: 0px;
}

.subtitulo_catalogo1 {
	font-family: Arial;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	margin: 0px;
}

.subtitulo_catalogo2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin: 0px;
}

.subtitulo_catalogo3 {
	font-family: Arial;
	font-size: 18px;
	color: #8B0000;
	font-weight: bold;
	margin: 0px;
}

.subtitulo_catalogo4 {
	font-family: Arial;
	font-size: 14px;
	color: #000080;
	font-weight: bold;
	margin: 0px;
}

.subtitulo_catalogo5 {
	font-family: Arial;
	font-size: 14px;
	color: #008000;
	font-weight: bold;
	margin: 0px;
}

.subtitulo_catalogo6 {
	font-family: Arial;
	font-size: 16px;
	color: red;
	font-weight: bold;
	margin: 0px;
}

.label_campo {
	
	margin: 0px;
}

.campo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1A4064;
	border: thin solid #696969;
}

.combos_usb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1A4064;
	border: thin solid #696969;
}

.boton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #ffffff;
		background-color: #28394B;
		border:1px solid #000000;
}

.botonRojo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #0F67A1;
	border: 2px solid #FFF;
	padding-top:5px;
	padding-bottom:5px;
}

.boton1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #dcdcdc;
	border: 1px solid #000000;
}

.label_campo {
	
	margin: 0px;
}

.label_campo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
}

.label_campo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFE0;
	font-weight: bold;
	margin: 0px;
}

.label_campo3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000080;
	font-weight: bold;
	margin: 0px;
}

.label_campo4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin: 0px;
}

.label_campo5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1A4064;
	border: thin solid #1A4064;
}

.label_campo6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	border: thin solid #1A4064;
}

.label_campo7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #dcdcdc;
}

.label_campo8 {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.label_campo9 {
	font: lighter 13px arial narrow;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
}

.label_campo10 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 0px;
}

.label_campo11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1A4064;
}

.label_campo12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}

.label_campo13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #008000;
}

.label_campo14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: orange;
}

.label_campo15 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: DarkGray;
}

.codigobarra {
	font: code128;
}

.msgStatus {
	position: absolute;
	border: 1px solid #FF6600;
	background-color: #FFFFFF;
	color: #333;
	font-family: Verdana, Arial, Helvetica, 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 { /*font: bold 12px Verdana;*/
	padding-bottom: 5px;
	padding-top: 2px;
	width: 99%;
}

#menu ul {
	margin: 0;
	padding-left: 5px;
	list-style-type: none;
}

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

/*Top level menu link items style*/
#menu ul li a {
	display: block;
	padding: 5px 7px 4px 7px;
	margin-right: 3px; /*spacing between tabs*/
	border: 1px solid #778;
	border-bottom-width: 1px solid black;
	color: #2d2b2b;
	text-decoration: none;
}

#menu ul li a:hover {
	color: #000;
	font-weight: bold;
}

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

#encabezado_tabla {
	background-color: #CCC;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.encabezado_tabla {
	background-color: #DDD;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size:13px;
}
.tabla:hover {
	background-color: #D1E8EB;
}
.celda {
	border: 1px solid #ccc;
}
.celda:hover {
	background-color: #D1E8EB;
}
.cerrar {
	background-color: #EEF8D5;
	text-align:justify;
	border-bottom:#E5FFE5 solid 2px;
	height:30px;
}
.cerrar span{
	vertical-align:middle;
}

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

/*************************
	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;
}