html,body {
  height:100%;
  margin: 0;
  padding: 0;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:.8em;
  color:#333333;
  background:#666769;
  min-height:100%;
}

#sistema-body {
  color:#333333;
  background:#000000;	
  font-size:1.1em;
  height:100%;
  margin: 0;
  padding: 0;
  overflow:hidden;
}
#encabezado {
  height:50px;
}
p { line-height: 1.5em;}


/*- MENU DE USUARIO FLOTANTE ------------------------------------------------------------------------*/
#menu_usuario_flotante {  position:relative;float:right;padding:6px 10px 6px 10px;margin:0px;}
#menu_usuario_flotante:hover {  z-Index: 3000;}
/*- MENU DE USUARIO FLOTANTE ------------------------------------------------------------------------*/



/*- FILA ITEM PROVEEDORES ------------------------------------------------------------------------*/
.fila-item-proveedores{
  position:relative;
  top:0;
  left:0;
  overflow:hidden;
  border-bottom:1px dotted #CCC;
}
.fila-item-proveedores .fila-item-proveedores-botones {
  position:relative;
  top:100px;
  right:0;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.fila-item-proveedores:hover .fila-item-proveedores-botones {top:5px; }
/*- FILA ITEM PROVEEDORES ------------------------------------------------------------------------*/


.fila-item {
  position:relative;
  top:0;
  left:0;
  overflow:hidden;
  border-bottom:1px dotted #999999;
}
.fila-item .fila-item-botonera {
  position:absolute;
  top:100px;
  width:300px;
  font-size:90%;
  padding:0;
  right:0px;
  border:0;
  text-align:right;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.fila-item:hover .fila-item-botonera {top:5px; }

a:link {
        text-decoration:none;
        color:#003399;
        font-weight:normal;
}
a:hover{
        font-weight:normal;
}

#pagina {
	margin: 0 auto;
	min-height:100%;
}

#contenido {
	margin:0 auto;
}

#footer {
  position:relative;
  height:60px;
  margin-top:-50px;
  border-top:1px solid #666666;
  width:100%;
  text-align:center;
  padding-top:10px;
}



input { padding:3px; }
a:hover,focus,actived  { font-weight:bold; cursor:pointer;}

/* tabla prueba */
div.tablap { clear:none; overflow:auto; }

div.tablaTitulop { float:left; background-color:#333333; -moz-border-radius:10px 10px 0 0; color:#FFFFFF; padding:7px; padding-bottom:4px; font-size:1.4em; padding-right:50px; text-align:center; }
div.tablaSubTitulop { clear:both; overflow:hidden; border:1px solid #333333; border-bottom:0; -moz-border-radius:0 6px 0 0; color:#FFFFFF; padding:5px; background-image:url(../imagenes/filaTituloBg.png); background-repeat:repeat-x; background-position:bottom; }

div.tablaCuerpop { clear:both; background-color:#666666;  -moz-border-radius:0 0 6px 6px; }
div.tablaContenedorp { clear: both; background-color:#ffffff; padding-top:8px; padding-bottom:30px;   -moz-border-radius:0 0 6px 6px; border:1px solid #666666; border-top:0; padding-left:2px; padding-right:2px;  }
div.tablaFilap {  clear: both; border-bottom:1px dotted #CCCCCC; overflow:auto;  padding-top:3px;}
div.tablaFilaptop {  clear: both; border-top:1px dotted #CCCCCC; overflow:auto;  padding-top:3px;}

div.tablaFilaBordep {  clear: both; border-bottom:1px solid #CCCCCC; overflow:auto;  padding-top:3px;}
div.tablaFilaBordeptop {  clear: both; border-top:1px solid #CCCCCC; overflow:auto;  padding-top:3px;}

div.tablaFilaSinBordep {  clear: both; overflow:auto;  padding-top:3px;}
div.tablaFilaPie {  clear: both; overflow:auto;  padding-top:3px; height:35px;}
div.tablaFilaSelec { clear: both; border-bottom:1px solid #666666; font-weight:bold; overflow:auto; padding-top:3px; }
/*div.tablaFilaSelec { clear: both; border-bottom:1px solid #4bae57; font-weight:bold; background-color:#eafdec; overflow:auto; padding-top:3px; }*/
div.tablaFilaMatch { clear: both; border-bottom:1px dotted #CCCCCC; background-color:#c9d9cb; overflow:auto; padding-top:3px; }
div.tablaColp { float:left; padding:3px;  }
div.tablaColpx { float:left; padding:0px;  }
div.tablaFilaListadosTitulo {  clear: both; font-weight:bold; padding:3px; vertical-align:bottom; overflow:hidden; height:30px;  background-image:url(../imagenes/sistema/listadoTituloBG.png); background-position:bottom;}
div.tablaColButton { float:left; padding:3px; margin:3px; background-color:#F1F1F1; border:1px solid #999999; font-weight:normal; cursor:pointer;  }

div.tablaColButton:hover { background-color:#dff4b2; border:1px solid #93a009; font-weight:normal; cursor:pointer;  }

/* tabla de accion */
div.tablaForm { clear:none; overflow:auto; }

div.tablaFormCuerpo {
	border:2px solid #d4d0c8;
	-moz-border-radius:15px;
}
div.tablaFormTitulo{
	background-color:#d4d0c8;
	-moz-border-radius:15px 15px 0 0;
	text-indent:50px;
	padding-top:6px;
	padding-bottom:6px;
	font-weight:bold;
	font-size:1.4em;
	overflow:auto;
	clear: both;
}
div.tablaFormFila {  clear: both; border-bottom:1px dotted #CCCCCC; overflow:auto;  padding-top:3px;  }
div.tablaFormFilaSB { clear: both; overflow:auto; }

div.tablaFormCol { float:left; padding:5px; }
div.tablaFormColText { float:left; padding:5px; vertical-align:bottom; padding-bottom:0px; height:40px; }
div.tablaFormColIma { float:left; width:33px; }

.ui-state-checkok {
  background-color:#98eca6;
}

.listadoTotalResaltado {
        font-size:1.3em;
        font-weight:bold;
}


div.encabezado {	margin-bottom:15px;
	font-size:1.1em;
	font-weight:bold;}

	
	
/* UTILIZADAS */	
.alert-state-roja { background-color:#FF0000; }
.alert-state-naranja { background-color:#FFCC66; }




/*a.enlace-black:link {        text-decoration:none;        color:#000000;        font-weight:normal;}
a.enlace-black:visited {        text-decoration:none;        color:#000000;        font-weight:normal;}
a.enlace-black:hover {        text-decoration:none;        color:#000000;        font-weight:normal;}
a.enlace-black:active {        text-decoration:none;        color:#000000;        font-weight:normal;*/}

.overflow-hidden { overflow:hidden;}
div.overflow-hidden { overflow:hidden;}

.padd-x3 { padding:3px;}
div.padd-x3 { padding:3px;}
.padd-x5 { padding:5px;}
div.padd-x5 { padding:5px;}

.margen-left-x2 { margin-left:2px; }
.margen-left-x3 { margin-left:3px; }
.margen-left-x5 { margin-left:5px; }
.margen-left-x10 { margin-left:10px; }
.margen-left-x20 { margin-left:20px; }
.margen-left-x30 { margin-left:30px; }
.margen-left-x40 { margin-left:40px; }

/* SIN PROBAR */
.notas_al_pie { font-size:.8em; color:#666; font-style:italic; }

.margen-bottom { margin-bottom:2px; }
.margen-bottom-x3 { margin-bottom:3px; }
div.margen-bottom-x3 { margin-bottom:3px; }
.margen-bottom-x5 { margin-bottom:5px; }
.margen-bottom-x10 { margin-bottom:10px; }

.margen { margin:2px; }
.margen-x0 { margin:0px; }
div.margen-x0 { margin:0px; }
.margen-x3 { margin:3px; }
.margen-x5 { margin:5px; }
.margen-x8 { margin:8px; }
.margen-x10 { margin:10px; }


.margen-dialog-input {  margin:35px 80px 15px 60px;}
div.margen-dialog-input {  margin:35px 80px 15px 60px;}


.margen-top-m1 { margin-top:-1px; }
.margen-top-m2 { margin-top:-2px; }
.margen-top-m3 { margin-top:-3px; }
.margen-top-m5 { margin-top:-5px; }
.margen-top-m10 { margin-top:-10px; }

.margen-top { margin-top:2px; }
.margen-top-x1 { margin-top:1px; }
.margen-top-x2 { margin-top:2px; }
div.margen-top-x2 { margin-top:2px; }
.margen-top-x3 { margin-top:3px; }
.margen-top-x5 { margin-top:5px; }
.margen-top-x7 { margin-top:7px; }
.margen-top-x81 { margin-top:8px; }
.margen-top-x8 { margin-top:10px; }
.margen-top-x10 { margin-top:10px; }
.margen-top-x12 { margin-top:12px; }
.margen-top-x13 { margin-top:13px; }
.margen-top-x14 { margin-top:14px; }
div.margen-top-x10 { margin-top:10px; }
.margen-top-x20 { margin-top:20px; }
.margen-top-x30 { margin-top:30px; }

.margen-left { margin-left:2px; }
.margen-left-x3 { margin-left:3px; }
.margen-left-x5 { margin-left:5px; }
.margen-left-x9 { margin-left:15px; }
.margen-left-x10 { margin-left:10px; }
.margen-left-x15 { margin-left:15px; }
div.margen-left-x15 { margin-left:15px; }
.margen-left-x20 { margin-left:20px; }

.margen-right { margin-right:2px; }
.margen-right-x3 { margin-right:3px; }
.margen-right-x5 { margin-right:5px; }
.margen-right-x10 { margin-right:10px; }
.margen-right-x15 { margin-right:15px; }
.margen-right-x30 { margin-right:30px; }

.padd-x0 { padding:0px;}
div.padd-x0 { padding:0px;}
.padd-x1 { padding:1px;}
div.padd-x1 {padding:1px; }
.padd-x2 { padding:2px;}
div.padd-x2 { padding:2px;}
.padd-x3 { padding:3px;}
.padd-x5 { padding:5px;}
div.padd-x5 { padding:5px;}

.padd-x8 { padding:8px;}
div.padd-x8 { padding:8px;}

.padd-x10 { padding:10px;}
div.padd-x10 { padding:10px;}

.padd-x20 { padding:20px;}
div.padd-x20 { padding:20px;}

.padd-x30 { padding:30px;}
div.padd-x30 { padding:30px;}

.padd-top-x1 { padding-top:1px;}
div.padd-top-x1 { padding-top:1px;}
.padd-top-x2 { padding-top:2px;}
div.padd-top-x2 { padding-top:2px;}
.padd-top-x3 { padding-top:3px;}
div.padd-top-x3 { padding-top:3px;}
.padd-top-x5 { padding-top:5px;}
div.padd-top-x5 { padding-top:5px;}
.padd-top-x8 { padding-top:8px;}
div.padd-top-x8 { padding-top:8px;}
.padd-top-x10 { padding-top:10px;}
.padd-top-x13 { padding-top:13px;}

.padd-right-x5 { padding-right:5px;}
div.padd-right-x5 { padding-right:5px;}

.padd-right-x15 { padding-right:15px;}
div.padd-right-x15 { padding-right:15px;}

.padd-left-x20 { padding-left:20px;}
div.padd-left-x20 { padding-left:20px;}

.padd-bottom-x1 { padding-bottom:1px;}
.padd-bottom-x2 { padding-bottom:2px;}
.padd-bottom-x3 { padding-bottom:3px;}
.padd-bottom-x5 { padding-bottom:5px;}
div.padd-bottom-x1 { padding-bottom:1px;}
div.padd-bottom-x2 { padding-bottom:2px;}
div.padd-bottom-x3 { padding-bottom:3px;}
div.padd-bottom-x5 { padding-bottom:5px;}

.padding-x3 { padding:3px;}
.padding-x5 { padding:5px;}

.borde-x0 { border:0px;}
div.borde-x0 { border:0px;}



.font-x1 { font-size:12px; }
.font-x2 { font-size:15px; }
.font-x3 { font-size:18px; }

.font-px12 { font-size:120%; }

.font-black { color:#000000;}
.font-red { color:#ff0000;}
.font-titulo { font-size:14px; }
.font-titulo-m { font-size:13px; }

.font-sin-resultado { font-size:15px; }
.font-strong { font-weight:bold;}
.font-style-italic { font-style:italic;}

.font-ayuda { color:#666666; font-style:italic; font-size:90%; }
.font-signos { font-weight:bold;font-size:1.1em; }
.font-ok { color:green; font-weight:normal; }
.font-gris { color:#666666; }
.font-black { color:#000000;}
.font-error { color:#ff0000;}
.font-azul { color:blue;}
.font-info { color:blue;}
.font-amarillo { color:yellow;}

.font-titulo-dialog { font-size:130%;font-weight:bold; }
.font-dialog-input { font-size:1.3em; }

.text-center { text-align:center; }
.font-text-center { text-align:center; }
.font-text-right { text-align:right; }
.font-text-left { text-align:left; }
.font-underline { text-decoration:underline;}

.font-mayuscula { text-transform: uppercase; }
.font-minuscula { text-transform: lowercase; }
.font-mayuscula-empieza { text-transform: capitalize; }

.flota-left { float:left; }
.flota-right { float:right; }

div.flotar-right { float:right; }
div.flotar-left { float:left; }

.display-none { display:none; }
i.display-none { display:none; }
button.display-none { display:none; }

.invisible { visibility:hidden; }
.visible { visibility:visible; }

.div-listados-alto { height:350px; }
.div-listados-alto-m1 { height:300px; }
.div-listados-alto-m2 { height:200px; }

.div-heigth-x100 { height:100px; }
.div-heigth-x200 { height:200px; }
.div-heigth-x250 { height:250px; }
.div-heigth-x300 { height:300px; }

.div-font-titulo { font-size:14px; }
.div-font-titulo-x2 { font-size:16px; }


.dialog-font-text { font-size:16px; }
.dialog-confirm-font-text { font-size:16px; font-weight:bold; }

.cursor-link { cursor:pointer;} 

.posicionar-al-fondo { position:absolute;bottom:0px;left:0px;right:0px; }


.font-tamanio-x1 { font-size:8px; }
.font-tamanio-x2 { font-size:10px; }
.font-tamanio-x3 { font-size:12px; }
.font-tamanio-x4 { font-size:15px; }
input.font-tamanio-x4 { font-size:15px; }
.font-tamanio-x5 { font-size:18px; }
.font-tamanio-x6 { font-size:20px; }

.font-porcentaje-x40 { font-size:40%;}
.font-porcentaje-x60 { font-size:60%;}
.font-porcentaje-x80 { font-size:80%;}
.font-porcentaje-x90 { font-size:90%;}
.font-porcentaje-x110 { font-size:110%;}
.font-porcentaje-x120 { font-size:120%;}
.font-porcentaje-x130 { font-size:130%;}
div.font-porcentaje-x130 { font-size:130%;}
.font-porcentaje-x140 { font-size:140%;}
.font-porcentaje-x150 { font-size:150%;}

.form-titulo { padding-top:10px;padding-bottom:10px;margin:0px;width:100px;}


.dialog-text-alert {
  font-size:18px; 
  line-height:25px;
}


a.link-blue:link {        text-decoration:none;        color:blue;        font-weight:normal;}
a.link-blue:visited {        text-decoration:none;        color:blue;        font-weight:normal;}
a.link-blue:hover {        text-decoration:underline;        color:blue;        font-weight:normal;}
a.link-blue:active {        text-decoration:none;        color:blue;        font-weight:normal;}

a.link-underline:link {        text-decoration:none;        font-weight:normal;}
a.link-underline:visited {        text-decoration:none;     font-weight:normal;}
a.link-underline:hover {        text-decoration:underline;  font-weight:normal;}
a.link-underline:active {        text-decoration:none;      font-weight:normal;}

.scroll-off { overflow:hidden;}
div.scroll-off { overflow:hidden;}

.vertical-alineacion-x20 { vertical-align:20%; }
.vertical-alineacion-x30 { vertical-align:30%; }
.vertical-alineacion-x40 { vertical-align:40%; }
.vertical-alineacion-x50 { vertical-align:50%; }


.border-gris { border:1px solid #666666; }


/*.div-zIndex-fulltop { zIndex:2000; }*/


