/* Tags generales y reset */
body, form, h1, h2, h3, h4, h5, h6, p, img, label, hr, ul{
 position:relative;
 margin: 0;
 padding-top:0px; 
}

body, body.popup{
 font:16px Arial, Helvetica, Verdana, sans-serif;
 
 color:#666464;
}

body.popup{
 width:98%;
 margin:auto;
 margin-top:10px;
 background:#fff;
}

html{
	background: url(../images/default/fondoSistema.gif) repeat-x 0 -198px; 
}

ul{ 
	margin-top:5px; 
}

img{ 
	vertical-align:middle; 
}

a img{ 
	border:none; 
}

hr{
 color:#4b6b87;
 height:1px;
 border:0;
 background:#4b6b87; 
}

/* Página */
.pagina{
	 position:relative; 
}

.pagina{
 width:987px;
 margin:auto;
 padding-top:0; 
}

.nowrap{ 
	white-space:nowrap; 
}

.clear{
   clear:both;
   padding-bottom:1px; 
}

.invisible{
   display:none; 
}

.hidden{
   visibility:hidden; 
}

.botonImagen, .botonTexto{ 
	display:none; 
}

.Inicio div.nombreSistema{
	/* background: url(../images/default/fondoInicio.jpg) no-repeat; */
}

/* <Encabezado> */
div.encabezado{	
 position:relative;
 z-index:2; 
}

.encabezado .nombreSistema{
	/*background: url(../images/default/fondoInicio.jpg) no-repeat;*/
	background: url(../images/default/FondoInicioSmall.png) no-repeat;
   position:relative;
   height:115px;
   background-color:white; 
   
   font-family: trajan pro;
   font-size: 22px;
   font-weight: bold;   
   text-align: center;
}

.logoEncabezado {
    position:absolute;
    width:100%;
    height:131px;
    top:45px;    
	background-repeat:no-repeat;
 	background-image: url(../images/default/logo.png);
	z-index:3; 
}

.nombreUsuario{
	
	position:absolute;    
    top:80px;
    left: 320px;
	z-index:3;
	font-size: 22px;
	color: #000000;
	font-family: tarjan pro;
	font-weight: bold;
}

/* Menú */
.bloqueMenu{
 position:relative;
 height:24px;
 background:url(../images/default/menuFondo.gif) repeat-x;
 font-weight: bold;
 margin: 0px auto;
 z-index:3; 
}

/* Login */


.login_container{
	background-color: #F1F1F1;
	width: 350px;
	border-radius: 5px;
	color: #000;
}

/* </Encabezado> */
/* <Cuerpo> y <Contenido> */
.cuerpo, .contenido, .contenido .sup, .contenido .inf, .contenido .centro{ 
	position:relative; 
}

.cuerpo, .contenido{
   	width:100%;
 	padding:0;
	margin:0; 
}

.contenido .centro{
	padding-bottom:40px;
	border-top:solid 1px #ADACBF; 
}

/* Bloques y Scrolls */
.bloqueIzq25, .bloqueDer75, .bloqueIzq75, .bloqueIzq50,.bloqueDer50, .bloqueDer20, .bloqueIzq80
.bloqueIzq70, .bloqueDer30{ position:relative; }
.bloqueIzq70{ float:left; }
.bloqueDer30{float:right;}
.bloqueIzq50{ float:left; }
.bloqueDer50{float:right;}
.bloqueIzq25{ float:left; }
.bloqueDer25{ float:right; }
.bloqueIzq80{ float:left; }
.bloqueDer20{ float:right; }
.bloqueDer75{ float:right; }
.bloqueIzq25, .bloqueDer25{ width:24%;}
.bloqueIzq70{ width:69%; padding-top:20px;}
.bloqueDer30{ width:29%; padding-top:20px;}
.bloqueDer75,.bloqueIzq75{ width:74%; }
.bloqueIzq50, .bloqueDer50{width:49%;}
.bloqueIzq80 {width:79%; padding-left: 5px;}
.bloqueDer20 {width:19%; padding-right: 5px;}
fieldset, legend{border:solid 1px #AFBECC;}
fieldset{margin:4px 4px 10px 4px; }
legend{font-size:12px;font-weight:bold;color: #374E73;padding:2px 10px;background-color: #F5F8FC;}



.loading{position:absolute;right:3px;top:2px;height:20px;width:20px;}

.scrollVertical{
 position:relative;
 height:443px;
 width:100%;
 padding-right:0;
 overflow-x:hidden;
 overflow:-moz-scrollbars-vertical;
 overflow-y:auto; }

/* <Subcontenido> */
.subcontenido, .subcontenido .sup, .subcontenido .inf, .subcontenido .centro{ 
	position:relative; 
}

.subcontenido .sup .der, .subcontenido .inf .izq, .subcontenido .inf .der{ 
	position:absolute; 
}

.subcontenido{
	margin-bottom:40px;
	border-top:solid 1px #dfdee3;
	border-left:solid 1px #dfdee3;
	border-right:solid 1px #dfdee3; 
	top: 25px;
}

.active_form .subcontenido, .inactive_form .subcontenido{ 
	background:url(../images/default/subFondoAct.gif) repeat-x top; 
}

.bloqueFolder .active_form .subcontenido, .bloqueFolder .inactive_form .subcontenido{ 
	background:none; 
}

.scrollVertical .subcontenido{ 
	margin-bottom:0; 
}

.subcontenido .sup, .subcontenido .inf{
   width:100%;
   margin:20px 0 0; 
}

.subcontenido .sup, .subcontenido .sup .izq{ 
	background:none; 
}

.subcontenido .inf{
   height:4px;
   background:url(../images/default/subInfFondo.gif) repeat-x; 
}

.subcontenido .inf .der{
     left:1px;
     width:100%;
     height:2px; 
}

.subcontenido .inf .izq{
     left:-1px;
     width:1px;
     height:2px;
     background:url(../images/default/subInfFondo.gif) no-repeat; 
}

.subcontenido .inf .der{ 
	background:url(../images/default/subInfFondo.gif) no-repeat right top; 
}

.login .inf .izq, .inicio .inf .izq{ 
	left:-1px; 
}

.login .sup .der, .inicio .sup .der, .login .inf .der, .inicio .inf .der{ 
	right:-1px; 
}

.subcontenido .centro{
   	padding-top:2px;
   	padding-bottom:1px;
	border-top:none; 
}

.login, .inicio{
 	margin:0 auto 20px auto; 
}

.login{ 
	width:300px; 
}

.inicio{ 
	width:500px; 
}
/* </Subcontenido> */

/* Headings y texto */
.tituloPagina, .subtituloPagina, .mensajeError{ position:relative; }
h1, .tituloPagina{
 font:23px Arial, Helvetica, Verdana, sans-serif;
 color:#FF0000;
 margin:0 0 10px 10px;
 padding:10px 0; 
}
  

.listado{
  
   background-image:url(../images/default/listado.png); 
}
width:356px;

h2, .subtituloPagina{
 font:bold 16px Arial, Helvetica, Verdana, sans-serif;
 color:#000000;
 text-align:left;
 margin:0;
 padding:0 0 0 3px; 
}

.datos, .listado, .listadoReporte, .seleccionMenu{
   padding-left:28px;
   background:no-repeat 3px 2px; 
}

.datos{ 
  background-image:url(../images/default/paginaedicionforma.gif); 
  background-position:6px 2px;
}
  .listado{ background-image:url(../images/default/iconoListado.png); }
 
.textoFuerte{ font-weight:bold; }
.textoBusqueda, .areaBusqueda label{ font-size:11px; }

.textoFiltro, .textoNavegacion{
 color:#6d6d71;
 font-size:10px; 
}

.areaNavegacionSup select, .areaNavegacionInf select{
 font-size:10px;
 vertical-align:middle; 
}

.areaBusqueda select{ 
	font-size:11px; 
}

.areaNavegacionSup .liga:link, .areaNavegacionSup .liga:visited, .areaNavegacionSup .liga:hover, .areaNavegacionSup .liga:active,  .areaNavegacionSup .liga,
.areaNavegacionInf .liga:link, .areaNavegacionInf .liga:visited, .areaNavegacionInf .liga:hover, .areaNavegacionInf .liga:active,  .areaNavegacionInf .liga{
 font-size:11px; 
}

.mensaje_error{
 color:#515151;
 font-weight:bold; 
}



/* Botones y Links */
#btn_submit, #borrar, input.button, tr.encabezado td, tr.encabezado td div, tr.encabezado td a,
.ligaMenu, .ligaEstatus, .ligaRegistro, .ligaSiguiente, .ligaAnterior{
 	font:bold 11px Arial, Helvetica, Verdana, sans-serif; 
}

.liga{ 
	color:#F5F5F5; 
}

.liga:link, .liga:visited{
   line-height:16px;
   text-decoration:none;
   margin:0;
   padding:0 10px;
   white-space:nowrap; 
}

.areaBoton #btn_submit, input.button{
 	position:relative;
 	font-size:16px;
 	padding:2px 5px; 
}

.areaBoton #btn_submit:hover, input.button:hover{ 
	padding:2px 5px 1px 5px; 
}

.areaBoton #btn_submit, input.button{ 
	cursor:pointer; 
}

.areaBoton #btn_submit, input.button{
   color:#fff;
   border:solid 1px;
   border-color:#b9bdda #7880ac #7880ac #b9bdda;
   background:#3073AA no-repeat left top; 
}

input.save{ 
	background:#46AB33 no-repeat left top; 
}

input.cancel{ 
	background:#A83435 no-repeat left top; 
}

.areaBoton #btn_submit:hover, input.button:hover{ 
	border-bottom:solid 2px #455666; 
}

tr.encabezado td, tr.encabezado td div, tr.encabezado td a{
 	color:#9b9b9b;
 	text-decoration:none;
 	margin:0; 
}

tr.encabezado td a, tr.encabezado td span{
   position:relative;
   margin:-2px -3px;
   padding:2px 3px;
   display:block; 
}

tr.encabezado td a:hover{
   color:#828282; 
}

tr.encabezado td a:hover, tr.encabezado td a:active, tr.encabezado td a:focus{
   padding-bottom:1px;
   border-bottom:solid 1px #dfe5a5; 
}

tr.encabezado td a.columnaOrdenAsc, tr.encabezado td a.columnaOrdenDesc{
   padding-right:15px;
   padding-bottom:1px;
   border-bottom:solid 1px #c2cbdb; 
}

tr.encabezado td a.columnaOrdenAsc{
   background:url(../images/default/columnaOrdenAsc.gif) no-repeat right center; 
}

tr.encabezado td a.columnaOrdenDesc{
   background:url(../images/default/columnaOrdenDesc.gif) no-repeat right center; 
}

.lista td a{
   margin-left:4px;
   white-space:nowrap; 
}

/* Table */
table, table.forma, table.lista, table.listaReporte{
 position:relative;  
}

table.lista, table.listaReporte{
 width:100%; 
}
table.forma, table.lista{
 margin:auto;
 margin-bottom:5px; 
}

table.forma{
 margin-top:15px; 
}

table.forma td{
   padding:1px 5px; 
}

tr.encabezado td, .tituloGrupo0 td{
   text-align:left;
   padding:2px 3px;
   border:solid 1px;
   border-color:#f3f3f4 #d1d1d3 #d1d1d3 #f3f3f4;
   background:#f8f8fa url(../images/default/tablaEncaFondo.gif) repeat-x top; 
}


table.forma td.item{  
	vertical-align:center; 
	text-align:right;
}


fieldset .tbl td.item{
	text-align:right; 
	padding-top:3px; 
	vertical-align:top;
}

table.forma td.column1{ 
	padding-right:50px; 
	border-right:solid 1px #c7cde4; 
}

table.forma td.column2{ 
	padding-left:50px; 
}

.cell_edit{
   font-weight:normal;
}


.lista .listaReporte { display:block; }


div .toolbar_cell{
	float:left;
	text-align:left;
}

.tbl_toolbar{
	position:relative;
	width:100%;
	background-color:#FFF;
	border-top:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	text-align:center; 
}

td.toolbar_cell, td.navigation_cell{ 
	position:relative; 
}

td.toolbar_cell{ 
	text-align:left; 
	padding-left:20px; 
}

td.navigation_cell{ 
	text-align:right; 
	padding-right:40px; 
}

td.edit_toolbar, div.edit_toolbar{ 
	text-align:center; 
}

td.edit_toolbar input.button{ 
	margin:2px 5px;
	width: 10em;
}
 
.cell{
	font-size:16px;
}

/* Elementos de forma */
input, textarea, select{
 position:relative;
 color:#000;
 font:16px arial, helvetica, verdana, sans-serif;
 margin:1px;
 background:#fff;
}

textarea{
	overflow:auto; 
}

input, textarea, select{
	padding:0 3px;
	border:solid 1px;
	border-color:#a7a6ac #e1e0e4 #e1e0e4 #a7a6ac;
	border-radius:5px;
	height:1.5em;
	vertical-align: middle;
}

select{
	padding-left:3px; 
}

.cell_edit input:focus, .cell_edit select:focus, .cell_edit textarea:focus{
  	background:#fffeb6; 
  	border-color: blue;
}

.cell_editPopup{
	float:right;
	top:1px;
	width:70%;  

}

.total_negativo{color:#D71717; font-weight:bold;}
.total_positivo{color:#10D455; font-weight:bold;}
/* </Contenido> y </Cuerpo> */

/* <Pie> */
.pie{
	position:relative;
}

.pie .izq, .pie .der{
	position:absolute;
	height:75px;
	top:-36px; 
}

.pie .izq{
	left:-21px;
	width:21px;
	background:url(../images/default/contInfIzq.gif) no-repeat; 
}

.pie .der{
	right:-21px;
	width:100%;
	background:url(../images/default/contInfDer.gif) no-repeat right; 
}


.thumbnail {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 100px
}

/* </Pie> */



