body{
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:Bold;
	font-size:10px;
	color: #666;
	margin:  0 auto 0 auto;
	/*background-image:url('../imagenes/bg_sitio.png');background-repeat: repeat-none; background-attachment: fixed;
	background: #CCFFFF;*/
	background: #F5ECCE;
	padding: 0;
	text-transform: uppercase;
	overflow-x:hidden;
	overflow-y:auto;
}

input.boton {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight:Bold;
	color: #fff;
	background-color:#c3042c;
	padding: 5px 10px 6px;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
	border-bottom: 1px solid rgba(0,0,0,0.25);
	text-align: center;
	min-width: 100px;
	cursor: pointer;
	text-transform: uppercase;
} 
input.boton:focus {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
	font-weight:Bold; 
	color: #fff;
	background-color:#c3042c; 
	padding: 5px 10px 6px; 
	text-decoration: none;	
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	text-align: center;
	min-width: 100px;
	cursor: pointer;
}

/*font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:Bold;*/

a {
	color: #c3042c;
	text-decoration:none;
}
a:hover{
	color: #c3042c;
	text-decoration:underline;
}
h1{
	color: #c3042c;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:Bold;	
	font-size:16px;
	text-align:center;
	display:block;
	clear:both;
	margin: 3px;
	font-weight:bold;
	text-transform: uppercase;
}                    

/*font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:Bold;*/


h2{                  
	color: #c3042c;    
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:Bold;	
	font-size:14px;    
	text-align:center; 
	display:block;     
	clear:both;        
	margin: 3px;
	font-weight:bold;
       
}
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:Bold;	
	font-size:12px;
	text-align:center;
	display:block;
	clear:both;
	margin: 3px;
	font-weight:bold;

}
h4{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:Bold;	
	font-size:12px;
	text-align:center;
	display:block;
	clear:both;
	margin: 3px;
	font-weight:bold;

}
strong{
	color: #999;
	font-size:1em;
}
input {
	border: 1px solid #003366;
	font-size:12px;
	background-color: #CCFFFF;
	text-transform: uppercase;
	font-weight: bold;
}

input:readOnly {
	color: #999;
	border: 1px solid #dedede;
	font-size:12px;
	text-transform: uppercase;
}

input:focus {
    background-color: #F2F5A9;
}
select {
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #003366;
	background-color: #CCFFFF;
	text-transform: uppercase;
}
select:focus {
    background-color: #F2F5A9;
}
table {
	border:none;
	margin:auto;
}

th a{
	color:#FFFFFF;
	}
	
th a:hover{
	color:#7b031c;
}
	
th {
	background-color:#999;
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}
td{
	font-size: 10em;
	padding: 2px 4px 2px 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

td a{
color:#7b031c;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}
td a:hover{
color: #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

.cabecera {
	width:100%;
	height:120px;
	border:none;
	margin-top:20px;
	background-color:#c3042c;
	background-image: url(css/cabecera.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.tabla_transparente {
	padding-top: 20px;
}
.tabla_transparente tr{
	background-color:#;
}
.tabla_transparente td{
	padding-left:2px;
	padding-top:0px;
	padding-right:2px;
	padding-bottom:0px;
	color:#000000; 
	font-size:10px; 
	font-weight: ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.tabla_transparente th {
	background:#5882FA; 
	padding-left:4px; 
	padding-right:4px; 
	color:#FFF; 
	font-size:11px; 
	font-weight: ;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
}

.lineatr hover {
	background-color: #16D6B0;
	cursor: pointer;
}


.lineas_horizontales {
	padding-top: 6px;
}

.lineas_horizontales tr{
	background-color:#FFF;
	border: #003399 1px solid;
}

.lineas_horizontales td{
	background: #FFFFFF; 
	padding-left:2px; 
	color:#000000; 
	font-size:10px; 
	font-weight: ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.lineas_horizontales th {
	background:#5882FA; 
	padding-left:4px; 
	padding-right:4px; 
	color:#FFF; 
	font-size:11px; 
	font-weight: ;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	text-transform: uppercase;
}


.lineas_horizontales_fondo_libre {
	background-color: #CCCCCC;
	margin:auto;
}
.lineas_horizontales_fondo_libre tr{

}
.lineas_horizontales_fondo_libre td{
	padding: 2px 4px 2px 4px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#333333;
}

.aling_left{
	text-align: left;
}
.aling_center{
	text-align: center;
}
.aling_right{
	text-align:right;
}
.cssbarestado {
	background-color:#fff;
	color:#f00;
	font-size: 10px;
	border-right-color: #fff;
	border-left-color: #fff;
	border-bottom-color: #fff;
	border-top-color: #fff;
}	
.clsDiv { /* Considerando que el elemento a centra esté definido así: <div class="clsDiv">&nbs</div>
  display: block; /* Es necesario mostrarlo como un bloque */
  position: absolute; /* Esto es obligatorio solo cuando sea una división principal */
  margin: auto;
  left: 80px;
  top: 50px;
  /*bottom: 0px; /* Si definimos esta opción estará en el centro del navegador (centro de la pantalla) */
  min-height: 60px; /* La altura es opcional */
  /*width: 900px; /* Si esto no se define no se visualizará los resultados en el navegador (Internet Explorer) */
  /* Estas propiedades, anteriormente definidos ayudarán a centrar el elemento en el navegador */
  background-color:#FFFFFF;
  layer-background-color:#FFFFFF;
  border:1px solid #999999;
  overflow:auto; 
}
.centrar{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:50%;
	left:50%;
	/*determinamos una anchura*/
	min-height: 400px; /* La altura es opcional */
	width:920px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-460px;
	/*determinamos una altura*/
	height:460px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-230px;

	border:1px solid #808080;
	padding:5px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px solid #999999;
	overflow:auto; 
}


.DivManBonos { /* Considerando que el elemento a centra esté definido así: <div class="clsDiv">&nbs</div>*/
  display: block; /* Es necesario mostrarlo como un bloque */
  position: absolute; /* Esto es obligatorio solo cuando sea una división principal */
  margin: auto;
  left: 330px;
  top: 100px;
  /*bottom: 0px; /* Si definimos esta opción estará en el centro del navegador (centro de la pantalla) */
  min-height: 60px; /* La altura es opcional */
  width: 640px; /* Si esto no se define no se visualizará los resultados en el navegador (Internet Explorer) */
  /* Estas propiedades, anteriormente definidos ayudarán a centrar el elemento en el navegador */
  background-color:#FFFFFF;
  layer-background-color:#FFFFFF;
  border:1px solid #999999;
  overflow:auto; 
}

.cargando{
	position: absolute;
	top:20%;
	/*min-height: 72px; /* La altura es opcional */
	width:100%;
	text-align: center;
	margin:0px;
	border:0px;
	display:none;
	z-index:98;
}
#contenido{
    width:100%;
    height:61%;
    display:block;
    margin:auto auto 10 auto;
}

#TablaUser {
    width:100%;
    display:block;
    margin:0 0 5 0;
}
.ventanaLogin{
	width: 100%;
	height: 100%;
	color: #FFF;
	position: fixed;
	background-image: url(../imagenes/bg-modal.png);
	top: 0;
	left: 0;
	display:none;
	z-index:auto;
}
.formLogin{
	width: 400px;
	height: 200px;
	padding: 25px;
	background-color: #FFF;
	color: #666;
	top: 50%;
	left: 50%;
	position: absolute;
	margin-left: -200px;
	margin-top: -150px;
}

.VentanaGral{
	width: 100%;
	height: 100%;
	color: #FFF;
	position: fixed;
	background-image: url(../imagenes/bg-modal.png);
	top: 0;
	left: 0;
	display:none;
	z-index:99;
}
.FormAncho{
	width: 1200px;
	height: 540px;
	padding: 5px;
	background-color: #FFF;
	color: #666;
	top: 50%;
	left: 50%;
	position: absolute;
	margin-left: -600px;
	margin-top: -270px;
}
.FormGral{
	width: 900px;
	height: 540px;
	padding: 5px;
	background-color: #FFF;
	color: #666;
	top: 50%;
	left: 50%;
	position: absolute;
	margin-left: -450px;
	margin-top: -270px;
}
.FormChico{
	width: 900px;
	height: 340px;
	padding: 5px;
	background-color: #FFF;
	color: #666;
	top: 50%;
	left: 50%;
	position: absolute;
	margin-left: -450px;
	margin-top: -170px;
}

.cerrar{
	cursor:pointer;
}
.cerrar a{
	color: red;
}