html { background-color:#C0DEED}
.icon-login {background-image: url('img/locked.png');}
.header{background:url(img/top.jpg) no-repeat;height:50px;padding:27px 30px 0 30px;margin:50px 0 0 0;}
.bottom{background:url(img/footer.jpg) no-repeat;height:31px;padding:0 30px 0 30px;}
.field-number {text-align:right;}

.container{	
	background-color:#ffffff;
	-moz-box-shadow: 0 0 4px 4px #999;
	-webkit-box-shadow: 0 0 4px 4px#999;
	box-shadow: 0 0 4px 4px #999;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	behavior: url(PIE.htc);
	font-size:14px;    
	margin:100px auto 0 auto;
    padding:20px 0 0 0;
    width:900px;}    
.content {clear:both;}

.menu {
    text-align: center;
    width: 90px;
}
.menuitem{
    margin:10px 0 45px 43px;
    padding: 66px 0 0px 0;
    height: 64px;
    width: 64px;
    text-align:center;
    align-items: center;
}
.menuitem:hover {cursor:pointer;cursor:hand;}
.menuitem a {   
    color:#777;
    font:bold 12px tahoma, arial, helvetica, sans-serif;
    text-decoration:none;
}   
.menuitem a:hover {color:#000000;}


.img_menuordenesdetrabajo {background:url('img/lista_lapiz2.png') no-repeat center;}
.img_iconordenesdetrabajo {background:url('img/lista_lapiz2_16.png') no-repeat center;}
.img_menucompletarordenesdetrabajo {background:url('img/lista2.png') no-repeat center;}
.img_iconcompletarordenesdetrabajo {background:url('img/lista2_16.png') no-repeat center;}
.img_menuclientes {background:url('img/personas_negocios.png') no-repeat center;}
.img_iconclientes {background:url('img/personas_negocios_16.png') no-repeat center;} 
.img_menuusuarios {background:url('img/3personas2.png') no-repeat center;}
.img_iconusuarios {background:url('img/3personas2_16.png') no-repeat center;}
.img_menumaquinarias {background:url('img/herramientas.png') no-repeat center;}
.img_iconmaquinarias {background:url('img/herramientas_16.png') no-repeat center;}
.img_menuelementosdeproteccion {background:url('img/casco.png') no-repeat center;}
.img_iconelementosdeproteccion {background:url('img/casco_16.png') no-repeat center;}
.img_menuoperarios {background:url('img/2trabajadores.png') no-repeat center;}
.img_iconoperarios {background:url('img/2trabajadores_16.png') no-repeat center;}
.img_menumovimientoelementosdeproteccion {background:url('img/casco_movimiento2.png') no-repeat center;}
.img_iconmovimientoelementosdeproteccion {background:url('img/casco_movimiento2_16.png') no-repeat center;}
.img_menutiposdedocumento {background:url('img/documento2.png') no-repeat center;}
.img_icontiposdedocumento {background:url('img/documento2_16.png') no-repeat center;}
.img_menutiposot {background:url('img/lista_engranaje.png') no-repeat center;}
.img_icontiposot {background:url('img/lista_engranaje_16.png') no-repeat center;}
.img_menuestadosot {background:url('img/lista_lapiz.png') no-repeat center;}
.img_iconestadosot {background:url('img/lista_lapiz_16.png') no-repeat center;}

.img_menuordenesdetrabajovalorizada {background:url('img/lista_lapiz.png') no-repeat center;}
.img_iconordenesdetrabajovalorizada {background:url('img/lista_lapiz_16.png') no-repeat center;}

.img_menuunidadesdemedida {background:url('img/regla.png') no-repeat center;}
.img_iconunidadesdemedida {background:url('img/regla_16.png') no-repeat center;}
.img_menutiposdemovimientodestock {background:url('img/compara.png') no-repeat center;}
.img_icontiposdemovimientodestock {background:url('img/compara_16.png') no-repeat center;}
.img_menutiposdeproducto {background:url('img/estructura_arbol.png') no-repeat center;}
.img_icontiposdeproducto {background:url('img/estructura_arbol_16.png') no-repeat center;}
.img_menutiposdesubproductos {background:url('img/estructura_arbol2.png') no-repeat center;}
.img_icontiposdesubproductos {background:url('img/estructura_arbol2_16.png') no-repeat center;}
.img_menuproducto {background:url('img/caja.png') no-repeat center;}
.img_iconproducto {background:url('img/caja_16.png') no-repeat center;}
.img_menuubicaciones {background:url('img/compas.png') no-repeat center;}
.img_iconubicaciones {background:url('img/compas_16.png') no-repeat center;}
.img_menuconversionunidaddemedida {background:url('img/matematica.png') no-repeat center;}
.img_iconconversionunidaddemedida {background:url('img/matematica_16.png') no-repeat center;}
.img_menumovimientosdestock {background:url('img/caja_movimiento.png') no-repeat center;}
.img_iconmovimientosdestock {background:url('img/caja_movimiento_16.png') no-repeat center;}
.img_menustockporproducto {background:url('img/caja_abierta.png') no-repeat center;}
.img_iconstockporproducto {background:url('img/caja_abierta_16.png') no-repeat center;}
.img_menuactualizadorprecios {background:url('img/precio.png') no-repeat center;}
.img_iconactualizadorprecios {background:url('img/precio_16.png') no-repeat center;}
.img_menureporteporhoras {background:url('img/lista_reloj.png') no-repeat center;}
.img_iconreporteporhoras {background:url('img/lista_reloj_16.png') no-repeat center;}



#clouds {
position:fixed;
top:0px;left:0px;
width:100%;
height:100%;
text-align:center;
margin:0px;
padding:0px;
background-color:#C0DEED;
background: url(img/clouds.png) center top repeat-x;
padding-top:100px;
padding-bottom:10px;
  width: 100%;
  height: 135px;
  animation: cloud-animasi 50s linear infinite;
  -ms-animation: cloud-animasi 50s linear infinite;
  -moz-animation: cloud-animasi 50s linear infinite;
  -webkit-animation: cloud-animasi 50s linear infinite;
}

@keyframes cloud-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  };
}

@-webkit-keyframes cloud-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  };
}

@-ms-keyframes cloud-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  };
}

@-moz-keyframes cloud-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  };
}


/*Estilo para el reporte de Grafico de Barras*/
.tableVertical {
	font:11px/120% Verdana, Arial, Helvetica, sans-serif;
	color:#777777;
    text-align: center;
    vertical-align: bottom; 
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    border: 0;
}
.barrasVertical {
	width:5em;
	text-shadow:#CCCCCC 0.1em 0.1em 0.1em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:1px 1px 1px black;
	-webkit-box-shadow:1px 1px 1px black;
	-moz-box-shadow:1px 1px 1px black;
	margin-bottom:1px;
    background-color:#EF9415;
}
.etiquetaVertical {
	height:3em;
	font-weight:bold;
    border-top: 1px solid #777777;
}
.dataVertical {
    vertical-align: bottom;
    height:100%;
}
.reglaVertical {
	border-top: 1px solid #777777;
	height: 20%;
	font:10px/80% Verdana, Arial, Helvetica, sans-serif;
	vertical-align:text-top
}
.tableHorizontal {
	font:11px/120% Verdana, Arial, Helvetica, sans-serif;
	color:#777777;
    text-align: left;
    vertical-align: bottom; 
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    border: 0;
}
.barrasHorizontal {
	height:2em;
	text-shadow:#CCCCCC 0.1em 0.1em 0.1em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:1px 1px 1px black;
	-webkit-box-shadow:1px 1px 1px black;
	-moz-box-shadow:1px 1px 1px black;
	margin-bottom:2px;
	margin-top:2px;
    background-color:#EF9415;
}
.etiquetaHorizontal {
	font-weight:bold;
    vertical-align: central;
    width:60px;
}
.dataHorizontal {
    width: 95%; 
}
.reglaHorizontal {
	border-right: 1px solid #777777;
	width: 20%;
	font:10px/80% Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
    vertical-align:top;
    height:25px;
    
}