body {
    background: #FFF;
}

button{
    border-radius:30px;
    position:relative;
    behavior:url(pie.htc);
}    
#BodyHome {
    /*width:100%;*/
}
input,textarea{
    text-transform: uppercase;
}

.ImagenArticulos:hover {margin-top: 2px;width: 130px;height: 125px;z-index: 9999;}

#NavegadoresCompatibles{position:relative;float:left}
#NavegadoresCompatibles img{width: 30px;height: 30px}

.ImagenesHome { width:393px; margin:0px 0px 0px 50px; float:left;}
.ImagenHomeReflejo { position:relative;margin: 2px 0 0 0}
.ImagenHomeReflejo img {
    -webkit-transform: scaleY(-1);
     -moz-transform: scaleY(-1);
     -ms-transform: scaleY(-1);
     -o-transform: scaleY(-1);
     transform: scaleY(-1);
     -ms-transform: scaleY(-1); /* IE9 */
    filter: flipv; opacity:0.2;
    filter: alpha(opacity='20');
    filter: flipv alpha(opacity='20'); /* IE8 */
}
.overlay{ position:absolute; top:0px; left:0px; width:393px; height:150px;
    background-image: -moz-linear-gradient( center bottom, rgb(191,191,190) 30%, rgba(191,191,190,0) 80%);
    background-image:  -o-linear-gradient( rgba(191,191,190,0) 80%, rgb(191,191,190) 30%);
    background-image:  -webkit-gradient( linear, left bottom, left top, color-stop(0.60, rgb(191,191,190)), color-stop(0.75, rgba(191,191,190,0)));
    filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, startColor=0, EndColorStr=#BFBFBF);
}

.WrapHome{
    /*width:980px;
    margin:auto*/
}
.Wrap{
    /*width:980px;
    margin:auto;*/
}
.Header {
    width:980px;
    margin: auto;
}
.HeaderHome{
    position:relative;
    height: 25%;
    padding: 20px 0 0 50px;
    width:980px;
    margin: auto;
}

.Content{
	position: relative;
	min-height: 75%;
	height: auto !important;
	font-family: Verdana;
	width: 980px;
	margin: auto;
}
.ContentHome{
	position:relative; 
	min-height:64%;
	height:auto !important;
	margin: 20px 0 0 0;
    width:980px;
    margin: auto;
}

#UltimasPropuestas, #UsuariosLogueados {
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 15px 5px #CCC;
    -webkit-box-shadow: 0 0 15px 5px #CCC;
    box-shadow: 0 0 15px 5px #CCC;
    font-size:12px;
    margin:0px 10px 25px 10px;
    padding:5px;
    font-family:Verdana;
    border-radius:10px;
    behavior:url(pie.htc);
}
#DetallesUsuariosLogueados{
    font-size:12px;
    position:relative;
    width:96%;
    margin:0 2%
}
.UsuarioLogueado,.NombreUsuarioLogueado,.EmailUsuarioLogueado{height:25px;position:relative;float:left;background:white;padding:5px 0 0 5px;border:solid 1px;text-align: center}
.UsuarioLogueado{width: 25%}
.NombreUsuarioLogueado{width:37%}
.EmailUsuarioLogueado{width:30%}


.Footer{position:relative;background:#bebfbe url(../imagenes/fondobotonpagina.png) repeat ; height:21%;_height:22%;padding:0%}
.Footer  a{text-decoration:none; color:#ffffff;font-size:18px}

.Imagenes{position:relative;width:930;padding: 0px 0 0 0;margin:0% 0 0 1%}
.Imagenes  img:hover{padding: 0 0 0px 0}

.ColDerecha{
    margin:auto;
    width:220px;
    padding: 45px 0px;
}
.ColIzquierda{position:relative;float:left; width:49%;height: 33%;padding: 48px 5px 0 0px;margin:0 3px;}

.TituloModulos{position: relative;float:left; padding:0 0 10px 38%;font-weight: bold; color:#0979AE;font-size:21px;text-shadow: 0 0 16px #FFF, 0 0 27px #C00, 1px 8px 7px #8EB1C1; behavior:url(pie.htc); }
.ColDerechaPedido{position:relative;float:left;font-family:Verdana; width:100% ;margin-bottom: 15px; overflow: visible}

/*.ColIzquierdaPedido{position:relative;float:left; width:28%;height:250px;margin:0 2px 0 0;padding: 0 5px 0 0;border-right: 2px solid; font-size:16px;}
.ColIzquierdaPedido button {background:transparent; border:none; padding:0 0 0 0; float:left;}
.ColIzquierdaPedido button > span {color:blue}*/
.BotonesDetalle{margin: 3px 0 5px 2px}
.Boton{background:wheat; border: 2px outset; margin: 5px 0 0 25px;color:saddlebrown;font-size: 16px;}
.BotonActualizar{background:wheat; border: 1px outset; margin: 2px 0 0 15px;color:saddlebrown;font-size: 14px}
.BotonHome{background:wheat; border: 1px outset; margin: 5px 0 0 25px;color:royalblue;font-size: 15px}
.BotonLimpiar{background:snow;font-size: 15px; border:3px outset;}




/*.FormAltaPedido{font-family:Verdana;position: relative;font-size:13px;width:99%; height:139px;line-height:20px; background:#CEE3F6; margin: 0 0 5px 0px;padding:3px;border-radius:15px;-moz-border-radius:15p 15px; -webkit-border-radius:15px 15px; 
border:1px solid #707070;}*/

.FormAltaPedido {
	background: none repeat scroll 0 0 #D2D7DE;
	border: 1px solid #707070;
	border-radius:25px;
        behavior:url(pie.htc);

	font-family: Verdana;
	font-size: 12px;        
	height: 200px;
	line-height: 20px;
	margin: 0 0 5px 0;
	padding: 3px;
	position: relative;
	width: 99%;
}

.SugerenciasDePropuestas {
	background: none repeat scroll 0 0 #D2D7DE;
	border: 1px solid #707070;
	border-radius:24px;
        behavior:url(pie.htc);
	font-family: Verdana;
	font-size: 12px;        
	height: 110px;
	line-height: 23px;
	margin: 5px 0 5px 0;
	padding: 6px;
	position: relative;
	width: 99%;
}


.ColFormIzquierda{position:relative; width: 52%; float:left}
.ColFormIzquierda label {color:blue;font-family: Verdana}
.ColFormDerecha{position:relative; width: 47%; float:left}
.ColFormDerecha label {color:blue;font-family: Verdana}

.LogoHeader{position:relative; float:left; height:auto; width:77%; height:98%;}
.DatosLogin{
    font-family:Arial;
    font-size:12px;
    color:#2E3192;
    font-weight: bold;
    float:right;
    line-height:22px;
    margin-right:20px;
}
.DatosLogin > a {color:#D8A8AF;font-weight: bold;font-size: 14px}

#BDEmpresas{background:transparent; border: thin ridge;display:block}

 a{text-decoration:none;}

#listadetalles{margin:0 0 0 0; width: 99%}
#listadetalles tr,th{width:130px; font-family: Verdana; font-size: 12px}
#listadetalles .TextoDetalle{font-size:11px;font-style: Verdana;}

.TotalPedido{font-weight: bold; position:relative;text-align:right;padding: 0 6px 0 0;float:right;width:35%;font-family:Verdana;font-size:16px;color:purple}
.SubTotalPedido{position:relative;text-align:right;padding: 4px 6px 4px 0;float:right;width:30%;font-family: Verdana;font-size:13px;color:#3352EF}

.TotalPedidoConfirmado{font-weight: bold; position:relative;text-align:right;padding: 4px 6px 4px 0;float:left;width:33%;font-family:Verdana;font-size:16px;color:purple}
.SubTotalPedidoConfirmado{position:relative;text-align:right;padding: 4px 6px 4px 0;float:left; width:31%;font-family: Verdana;font-size:13px;color:#3352EF}

#TotalPedidoActual{text-align:right;font-weigth:bold;background:#8B9DBE;color:#fff;font-size: 18px;width: 167px}
#TotalSinIvaPedidoActual{text-align:right;font-weigth:bold;background:#8B9DBE;color:#fff;font-size:15px;width: 167px}

#TotalSinIvaPedidoConfirmado{text-align:right;font-weigth:bold;background:#8B9DBE;color:#fff;font-size: 18px;width: 167px}
#TotalPedidoActualConfirmado{text-align:right;font-weigth:bold;background:#8B9DBE;color:#fff;font-size: 18px;width: 167px}

.DetallePedido,.DetallePedidoArticulos{position:relative;text-align: center;width:99%; float:left; font-size:12px;margin: 5px 0}
.DetPedCodArt,.DetPedSinonimo,.DetPedDescripcion,.DetPedDescripcionSugerencia,.DetPedCantidad,.DetPedCantidadSugerencia,
.DetPedPrecio,.DetPedPrecioSugerencia,.DetPedSubtotal,.ProveedorArtPedido,.ProveedorArtPedidoSugerencia,
.EstadoEliminar,.EstadoEliminarSugerencia{position:relative;border:none;float:left;}/*background:#E1F5A9;*/
.DetPedCodArt{width:13%}
.DetPedSinonimo{width:11%;min-height: 19px}
.DetPedDescripcion{width: 29%}
.DetPedDescripcionSugerencia{width: 36%}
.DetPedCantidadSugerencia{width: 10%}
.DetPedCantidad{width:10%}
.DetPedPrecio{width: 11%}
.DetPedPrecioSugerencia{width: 15%}
.DetPedSubtotal{width:12% }
.EstadoEliminar{width: 8%}
.EstadoEliminarSugerencia{width: 10%}
.ProveedorArtPedido{width: 15%;min-height:50px }
.ProveedorArtPedidoSugerencia{width: 15%;min-height:30px}

.BuscadorArticulos{ position: relative;height: 228px;background: #D2D7DE;border: solid 1px; font-size: 12px; font-family: verdana;}
.BuscadorArticulos fieldset{padding-left: 10px; height: 207px; border:none}

.BuscadorPedidos,.BuscadorPropuestas{ position: relative;height: 130px;background: url(../imagenes/EncabezadoBusqueda.png) repeat-x #FFFACD;border: solid 1px; font-size: 12px; font-family: verdana;}
.BuscadorPedidos{height: 100px}
.BuscadorPropuestas{height: 95px}
.BotonBuscarFecha{background: transparent url(../imagenes/lupa.png) no-repeat; margin-left: 4px; width:20px;height: 20px}

.ColIzquierdaBuscador,.ColCentroBuscador,.ColDerechaBuscador{position:relative; width:28%;float:left; margin: 0px 0 0 0}
.LimpiarBusqueda{position:relative; width:8%;float:left; margin: 17px 0 0 0}
.BotonEliminar{width: 96px; font-family: verdana; color:red;font-size:12px;font-weight: bold}
#ImporteTotalPedido{background:#B0C4DE; font-weight: bold; font-family: verdana; text-align: right}


.Sugerencias{background: #E0EBEB;
    border: 1px solid #008585;
    color: #000;
    display: none;
    top:4px;
    left:1px;
    font-size: 12px;
    height: 134px;
    overflow: auto;
    position: relative;
    width: 98%;
    text-align: left;
}

.Listado{background:#D2D7DE; position:relative ;OVERFLOW:auto; WIDTH: 100%; TOP: 5px; HEIGHT: 370px; margin: 0 0 0px 0}
.FilaListaPedClaro{background:#FFFACD;text-align: center}
.FilaListaPedOscuro {background:#FFDAB9;text-align: center}


.ListaPedidos,#ListaPropuestas,#ListaReuniones,#ListaHojas{background:#D2D7DE;font-family: verdana;font-size: 11px; position:relative ;OVERFLOW:scroll; WIDTH: 100%; TOP: 5px; HEIGHT: 380px; margin: 0 0 0px 0}
#ListaHojas{height:450px}/*450*/
.HojaCompra{background:#FFFACD;position: relative; padding: 1% 2%;font-size: 12px;OVERFLOW:scroll; WIDTH: 100%; TOP: 5px; HEIGHT: auto; margin: 0 0 0px 0}
.ListadoPedidos{width:100%}

.BotonesControlPedidos{position: relative; float:left }
.BotonesControlPedidos ul{display:block;list-style-type: none;margin:3px 0 3px 0 ;padding:0 0 0 0 }
.BotonesControlPedidos ul li {float:left; padding: 0 10px 0 0}



#NroPedido,#Cotizacion,#N_REMITO,#FechaPedido,#TotalPedido,#EstadoPedido,
#CodArtPedido,#DescArtPedido,#CantPedido,#PendienteAsignar,#AsignarArticulos{position:relative;float:left;border: 1px solid; height: 25px;line-height:23px }

/*Listado de pedidos*/
#NroPedido{width: 14%}/*198*/
#Cotizacion{width: 17%}
#N_REMITO{width: 16%;line-height: 12px}
#FechaPedido{width: 16%}
#TotalPedido{width:17%}
#EstadoPedido{width: 15%}


/*ENCABEZADO DETALLE PEDIDO*/
#EncArtDetallePedido,#EncDescDetallePedido,#EncCantConfDetallePedido,#EncCantDetallePedido,#EncPrecioDetallePedido,#PrecioDetalleStock{position:relative; float:left;border-bottom: 1px solid;line-height: 21px}
#EncArtDetallePedido{width:11%}
#EncDescDetallePedido{width: 40%}
#EncCantDetallePedido{width: 11%}
#EncCantConfDetallePedido{width:20%}

.DetallePedido{background:#E1F5A9;font-family:Verdana;}
.DetallePedidoArticulos{background:#E1F5A9;font-family:Verdana;padding: 9px 0 }
#ArtDetallePedido,#DescDetallePedido,#CantConfDetallePedido,#CantDetallePedido,#PrecioDetallePedido{position:relative; float:left;border-bottom: 1px solid;line-height: 22px}
#ArtDetallePedido{width:10%}
#DescDetallePedido,#EncDescDetallePedido{width: 38%}
#CantDetallePedido{width: 15%}
#CantConfDetallePedido{width:16%}
#EncPrecioDetallePedido{width:11%}
#PrecioDetallePedido{width: 10%}
#PrecioDetalleStock{width: 8%}

/*------------------------------------
/*PROPUESTA COMPRA*/
/*----------------------------------*/

#BorrarGrupo{position: relative;float: right}
#Propuesta{position: relative; padding: 0 6% }
.EncabezadoGrupo{position: relative;width: 99%}
#EncabezadoPropuesta,#EdicionEncabezadoPropuesta,#EncabezadoReunion,#EncabezadoHojaCompra{position:relative;float:left;background:#D2D7DE;border:solid 1px;font-family: Verdana; font-size: 12px; width: 96%;line-height: 23px;padding:6px 2%;margin:0 0 5px 0}
#EncabezadoProIzquierda{position:relative; float:left;width:54%}
#EncabezadoProIzquierda label {color:blue;font-family: Verdana}
#EncabezadoProDerecha{position: relative;float:left;width: 45%}
#EncabezadoProDerecha label {color:blue;font-family: Verdana}
#ObservacionPago{width:66%;position:relative;font-size: 11px}
.BuscadorArticulosPropuestas{position: relative;height: 170px;background: #D2D7DE;border: solid 1px; font-size: 12px; font-family: verdana;}
.SugerenciasPropuestas{background: #E0EBEB;
    border: 1px solid #008585;
    color: #000;
    display: none;
    top:4px;
    left:1px;
    font-size: 11px;
    height: 98px;
    overflow: auto;
    position: relative;
    width: 98%;
    text-align: left;
}
#NombreGrupo{text-transform: uppercase;}

.GrupoPropuesta{position:relative;width:100%;background:#FFFACD;margin: 5px 0;line-height: 17px}
.GrupoPropuesta >span{background:#fff; color:#000; font-weight: bold}
.GrupoPropuesta > a {position:relative; float: right}
.ArticuloGrupo{position:relative; font-family: Verdana; font-size: 11px; border: solid 1px}
#PVPS,#Costo,#CantidadArtP,.CantidadArtP{position:relative; width: 69px;background:#D8D8D8; text-align: right}
#CantidadArtP,.CantidadArtP{width: 60px;text-align: center}
#SinonimoArtProp,#ImagenArtProp,#DescrArtProp,#PVPSArtProp,#CostoArtProp,#CantidadArtProp,#BorrarArtProp,#IncIVA{position:relative; float:left; border-right: solid 1px}
#DescrArtProp{width: 49%;font-size: 11px}
#IncIVA{width:5%}
#CantidadArtProp{width: 9%;min-height: 21px;text-align: center;}
#PVPSArtProp{width: 9%;}
#SinonimoArtProp{width: 9%;min-height: 1px;}
#ImagenArtProp{min-width: 7%;min-height: 1px;}
#CostoArtProp{width: 10%;}
#BorrarArtProp{position:relative;float:left;width: 3%}


/*EDICION PROPUESTA*/
#NroPropuestaListado,#FechaPropuestaListado,#NombrePropuestaListado,#NombreProveePropListado,#PropuestaVigenteDesde,#GestorPropuestaListado,#EstadoPropuestaListado,#DetPropuestaListado{font-family: Verdana;height: 31px;line-height: 16px; position:relative;float: left;border: solid 1px;text-align: center}
#NroPropuestaListado{width: 11%}
#NombrePropuestaListado{width:24%}
#NombreProveePropListado{width:23%}
#GestorPropuestaListado{width:23%}
#FechaPropuestaListado{width:15%}
#EstadoPropuestaListado {width: 9%}
#DetPropuestaListado{width:6%; font-weight: bold}

#PedidoArtProp{position:relative;float:left}


#EdicionPropuesta{position: relative; padding: 0 0%;}
#EdicionDetallesGrupos{position:relative; width: 104%}
#EdicionEncabezadoPropuesta{position:relative;width: 100%}

/*MIS PROPUESTAS */
.DetallePropuesta,.AgregarDetallePropuesta{background:#CEE3F6;font-family:Verdana;position: relative;padding: 1% }
.AgregarDetallePropuesta{padding: 2%;background:#B6E2CF;float:left;width:96%}
#EncArtDetalleProp,#EncDescDetalleProp,#EncPrecioDetalleProp,#EncPVPSDetalleProp,#EncPedidoDetalleProp,
#EncConfDetalleProp{position:relative;font-weight:bold; float:left;border-bottom: 1px solid;line-height: 21px}
#EncArtDetalleProp{width:13%}
#EncDescDetalleProp{width: 40%}
#EncPrecioDetalleProp{width: 13%}
#EncPVPSDetalleProp{width: 9%}
#EncPedidoDetalleProp{width: 12%}
#EncConfDetalleProp{width:10%}

#ArtDetalleProp,#DescDetalleProp,#PrecioDetalleProp,#PVPSDetalleProp,
#PedidoDetalleProp,#PedidoConfDetalleProp{position:relative; float:left;border-bottom: 1px solid;line-height: 22px}
#ArtDetalleProp{width:13%}
#DescDetalleProp{width: 39%}
#PrecioDetalleProp{width:13%}
#PedidoDetalleProp{width: 11%}
#PedidoConfDetalleProp{width:11%}
#PVPSDetalleProp{width: 10%}

/*-------------------
REUNION DE COMPRA
-------------------*/
#Reunion{position: relative; padding: 0 6%} 
#DetallesReunion{position: relative;background:transparent;font-family:Verdana;}
.ControlProveeReunion{position: relative;font-family: Verdana;font-size: 11px;margin:8px 0 0 0}
.DetalleProveeReunion{position: relative}
.NombreProveeReunion{position: relative;font-weight: bold; background:#99FFCC;width: 99%;height: 25px }
.SocioArtProvee{position:relative;width: 98%;float:left}
#CondPagoObsProveeReunion{position:relative;width:99%;margin: 0 0 2px 0;background:#CEE3F6}
#AgregarSocioArtReunion{position:relative;width: 99%;font-family: Verdana;font-size: 10px}
#BotoneraReunion{position: relative;float:left}

#ConsultaSocioReunion{position: relative;float:left;width: 99%;font-family: Verdana;font-size:11px}
#ResultadoConsultaSocio{position:relative; width:99%;background:#A4DDEE;margin:6px 0; border:1px solid;color: #2E3192;font-weight: bold}
#DetallePedidoArtReunion{position: relative;width: 98%}
.ArtPedidoEnReunion{position: relative;float:left;font-family: Verdana;font-size:11px}

.ListaSocioReunion{position:relative;width:50%;float:right;margin: 0 25px 0 0}
.SugerenciasArtProvReunion{background: #E0EBEB;
    border: 1px solid #008585;
    color: #000;
    display: none;
    top:4px;
    left:1px;
    font-size: 12px;
    height: 122px;
    overflow: auto;
    position: relative;
    width: 98%;
    text-align: left;
}


.ArticuloReunion{position:relative; font-family: Verdana; font-size: 11px;background: #FCC327; border: solid 1px;margin:9px 0 0 0}
#PVPS,#Costo{position:relative; width: 69px;background:#D8D8D8; text-align: right}
#SinonimoArtReunion,#DescrArtReunion,#PVPSArtReunion,#CostoArtReunion,#BorrarArtReunion,#IncIVA{position:relative; float:left; border-right: solid 1px}
#DescrArtReunion{width: 58%;font-size: 11px}
#IncIVA{width:5%}
#PVPSArtReunion{width: 11%;}
#SinonimoArtReunion{width: 10%}
#CostoArtReunion{width: 12%;}
#BorrarArtReunion{position:relative;float:left;width:auto;border:none;padding:5px 0}

/*SOCIOS DE REUNION DE COMPRAS*/
.SocioArtProvee2{position:relative;width: 98%;float:left;margin:9px 0 0 0;background:#E1DDC1}
#CodSocioArtProvee,#RazonSocialSocioArtProvee,#CantidadPedidaSocioReunionArtProvee,#CantidadPedidaConfSocioReunionArtProvee,#EliminarSocioArtReunion{position: relative;float:left;font-size:10px}
#CodSocioArtProvee{width:15%}
#RazonSocialSocioArtProvee{width:28%}
#CantidadPedidaSocioReunionArtProvee{width: 21%}
#EliminarSocioArtReunion{width: 11%}
#CantidadPedidaConfSocioReunionArtProvee{width: 22%}

/*VER REUNION DE COMPRAS*/
#NroReunionListado,#FechaReunionListado,#GestorReunionListado,#EstadoReunionListado,#NombreReunionListado{position: relative;float:left;border:1px solid;height:29px;font-family: Verdana; line-height:24px  }
#NroReunionListado{width: 15%}
#FechaReunionListado{width: 21%}
#GestorReunionListado{width: 20%}
#EstadoReunionListado{width: 20%}
#NombreReunionListado{width: 20%}

/*MIS REUNIONES*/
.DetalleReunionSocio{background:#CEE3F6;font-family:Verdana;position: relative }
#EncDetalleReunionSocio{position: relative;width: 98%;text-align:center}
#EncProveeReunionSocio,#EncModeloReunionSocio,#EncDescripcionArtReunionSocio,
#EncPVPSArtReunionSocio,#EncPrecioArtReunionSocio,#EncPedidoArtReunionSocio,
#EncArtConfReunionSocio{position:relative;font-weight:bold; float:left;border-bottom: 1px solid;line-height: 21px;}
#EncProveeReunionSocio{width:17%}
#EncModeloReunionSocio{width: 11%}
#EncDescripcionArtReunionSocio{width: 27%}
#EncPrecioArtReunionSocio{width: 9%}
#EncPVPSArtReunionSocio{width: 11%}
#EncPedidoArtReunionSocio{width: 9%}
#EncArtConfReunionSocio{width:10%}

#ProveeReunionSocio,#ModeloReunionSocio,#DescripcionArtReunionSocio,#PVPSArtReunionSocio,
#PrecioArtReunionSocio,#PedidoArtReunionSocio,#ArtConfReunionSocio{position: relative;float:left;margin:8px 0;text-align: center}

#ProveeReunionSocio{width: 17%}
#ModeloReunionSocio{width: 11%}
#DescripcionArtReunionSocio{width: 31%}
#PVPSArtReunionSocio,
#PrecioArtReunionSocio,#ArtConfReunionSocio{width: 8%}
#PedidoArtReunionSocio{width:7%}

/*Hoja de Compras*/
#VerPedidosHC,#VerPropuestasHC,#VerReunionesHC{position:relative,float:left;margin: 20px 0;width:90%; padding: 1% 3%;background:#F8B408;border-radius:25px;}
#VerPedidosHC > span,#VerPropuestasHC > span,#VerReunionesHC > span{font-size: 18px;font-weight: bold;color:#04417A ;text-align: center;}
#VerPedidosHC a,#VerPropuestasHC a,#VerReunionesHC a{float:right}
#BotonGenerarHC{text-align: center;margin:0 29%}

#VerPedidosHC{font-family: Verdana;font-size: 12px;WIDTH: 90%;margin:1% 0}

/*
    PEDIDOS
*/
#ArticulosDePedidos{position: relative;background:#FFCC53;position:relative ;OVERFLOW:scroll; WIDTH: 99%; TOP: 5px; HEIGHT: 350px; margin: 0 0 0px 0}
.ArticuloDePedido{position: relative;margin:4px 0;background:#CEE3F6;height:58px;padding:10px 0 0 0;width: 99%}
.ProveedorDePedido{position: relative;margin:4px 0;background:#FFFFCC;height:58px;padding:10px 0 0 0;width: 99%}
#SinonimoArtDePedido,#DescArtDePedido,#PedidoArtDePedido,#ConfirmadoArtDePedido,#PedirYAsignarArtDePedido,#CodProveeDePedido,#NomProveeDePedido,
#SolicitadoProveeDePedido,#ConfirmadoProveeDePedido{position:relative;float:left;margin:5px 0}
#SinonimoArtDePedido{width:11%}
#DescArtDePedido{width:41%}
#PedidoArtDePedido,#ConfirmadoArtDePedido{width: 14%}
#PedirYAsignarArtDePedido{width: 14%}
#CodProveeDePedido{width: 18%}
#NomProveeDePedido{width: 25%}
#SolicitadoProveeDePedido{width:15%}
#ConfirmadoProveeDePedido{width:15%}

/*PROPUESTAS*/
.ProveeDePropuesta{position: relative;margin:4px 0;background:#FFFFCC;height:55px;padding:10px 0 0 0}
#CodProveeProp,#NomProveeProp,#SolicitadoProveeProp,#AsignacionAutProvee,#ConfProveeProp,#AsignarArtSociosProp{position: relative;float:left;margin:5px}
#CodProveeProp{width: 8%}
#NomProveeProp{width: 29%}
#SolicitadoProveeProp{width: 12%}
#ConfProveeProp{width: 14%}
#AsignarArtSociosProp{width: 15%}
#AsignacionAutProvee{width: 13%; color:green;font-weight: bold}

/*--------------------------------------
PedirYAsignarPedidos
---------------------------------------*/
#TituloProvArtPed,#TituloSocioArtPed{position:relative;font-size:12px; font-weight: bold;padding:0 34%}
.ProveeArtPed,.SocioArtPed{position: relative;width: 80%;padding:1% 10%;margin:10px 0;background:#A1E2FA;overflow: auto}
#CodProveeArtPed,#NomProveeArtPed,#SolicitarProveeArtPed{position: relative;float:left}
#CodProveeArtPed{width: 12%}
#NomProveeArtPed{width: 30%}
#SolicitarProveeArtPed{width: 21%}

.SocioArtPed{width: auto;background:#C9FC8B;padding:1% 5%}
#CodSocioPed,#NroPedidoSocio,#NombreSocioPed,#PedidoSocioPed,#ConfirmadoSocioPed,#FaltanSocioPed,#AsignarSocioPed,#AsignarSocioPed{position:relative;float:left}
#NroPedidoSocio{width: 10%;font-weight: bold}
#CodSocioPed{width: 12%}
#NombreSocioPed{width: 29%}
#PedidoSocioPed{width: 16%}
#ConfirmadoSocioPed{width: 15%}
#FaltanSocioPed{width: 12%}
#AsignarSocioPed{width: 13%}
#AsignarSocioPed{width: 12%}

/*Articulos de proveedores de PROPUESTAS*/
#TituloProvArtProp{position:relative;font-size:12px; font-weight: bold;padding:0 30%}
.ArtProveeProp{height:52px; width:auto;background:#CEE3F6;padding:5px 2%;margin: 6px 0 }
#ModeloArtProveeProp,#DescArtProveeProp,#SolicitadoArtProveeProp,#ConfArtProveeProp,#AsignarSociosProp{position:relative; float:left;}
#ModeloArtProveeProp{width: 13%}
#DescArtProveeProp{width: 38%}
#SolicitadoArtProveeProp{width:13%}
#ConfArtProveeProp{width: 14%}
#AsignarSociosProp{width: 18%}
/*------------------------------------------------------------------
    SOCIO ARTICULO PROPUESTA
-----------------------------------------------------------------*/
.ArtSocioProp{height:35px; width:auto;background:#C9FC8B;padding:5px 2%;margin: 4px 0}
#PropuestaSocioProp,#CodSocioProp,#NomSocioProp,#SolicitadoSocioProp,#ConfirmadoSocioProp,#AsignarSocioPed{position: relative;float:left}
#PropuestaSocioProp{width: 12%}
#PropuestaSocioProp{color:#8E1012;font-weight: bold;font-size: 15px}
#CodSocioProp{width:11%}
#NomSocioProp{width: 38%}
#SolicitadoSocioProp{width:14%}
#ConfirmadoSocioProp{width: 13%}
#AsignarSocioPed{width: 12%}


/*-------------------------------------------------------------------------
    HOJA DE COMPRA --> REUNIONES DE COMPRA
--------------------------------------------------------------------------*/
.ProveeReunion{position: relative;margin:4px 0;background:#FFFFCC;height:50px;padding:10px 0 0 0}
#CodProveeReunion,#NomProveeReunion,#SolicitadoProveeReunion,#ConfProveeReunion,#AsignarArtReunion{position:relative;float:left}
#CodProveeReunion{width:9%}
#NomProveeReunion{width:30%}
#SolicitadoProveeReunion{width:13%}
#ConfProveeReunion{width:14%}
#AsignarArtReunion{width:15%}

/*------------------------------------------------------------
        ARTICULOS DE PROVEEDORES DE REUNION
-------------------------------------------------------------*/
.ProveeArtReunion{position: relative;margin:4px 0;background:#CEE3F6;height:50px;padding:10px 0 0 0}
#ModeloArtReunion,#DescripcionArtReunion,#PedidoArtReunion,#ConfArtReunion,#AsignarSociosReunion{position:relative; float:left}
#ModeloArtReunion{width: 12%}
#DescripcionArtReunion{width:39%}
#PedidoArtReunion{width: 14%}
#ConfArtReunion{width: 15%}
#AsignarSociosReunion{width: 16%}

/*------------------------------------------------------------
        SOCIOS DE ARTICULOS DE REUNION
-------------------------------------------------------------*/
.ArtSocioReunion{height:35px; width:auto;background:#C9FC8B;padding:5px 2%;margin: 4px 0}
#ReunionSocio,#CodSocioReunion,#NombreSocioReunion,#PedidoSocioReunion,#ConfSocioReunion,#AsignarArtSocioReunion{position: relative;float:left}
#ReunionSocio,#CodSocioReunion{width:12%}
#ReunionSocio{color:#8E1012;font-weight: bold;font-size: 15px}
#NombreSocioReunion{width: 34%}
#PedidoSocioReunion,#ConfSocioReunion{width: 13%}
#AsignarArtSocioReunion{width: 12%}

/*
    VER HOJAS DE COMPRAS CONFIRMADAS Y CERRADAS
*/
/*VER REUNION DE COMPRAS*/
#NroHCListado,#FechaHCListado,#GestorHCListado,.EstadoHCListado,#EliminarHC,.InfoBloqueo,
#VerNPHCListado,#VerOCHCListado,#CandadosOCHCListado{position: relative;float:left;border:1px solid;height:29px;font-family: Verdana;font-size:12px;line-height:24px;height:32px}
#NroHCListado{width: 13%}
#FechaHCListado{width: 20%}
#GestorHCListado{width: 16%}
.EstadoHCListado{width: 20%;}
#VerNPHCListado,#VerOCHCListado{width: 8%}
#EliminarHC{width:5%}
#CandadosOCHCListado{width: 5%}
.InfoBloqueo{width: 21%}

/*VER REUNION DE COMPRAS*/
#NroIdPedidoListado,#GestorPedidoListado,#NroPedidoListado,#EstadoPedidoListado,.InfoBloqueo,#FechaPedidoListado,
#VerNPHCListado,#VerOCHCListado,#CandadosOCHCListado,#CandadosNPListado{position: relative;float:left;border:1px solid;height:29px;font-family: Verdana;font-size:12px;line-height:24px;height:32px}
#NroIdPedidoListado{width: 13%;color:red}
#NroPedidoListado{width: 16%;color:blue}
#FechaPedidoListado{width: 15%}
#GestorPedidoListado{width: 16%}
#EstadoPedidoListado{width: 16%;}
#VerNPHCListado,#VerOCHCListado{width: 8%}
#EliminarHC{width:5%}
#CandadosOCHCListado{width: 5%}
#CandadosNPListado{width: 13%}
.InfoBloqueo{width: 21%}

/*
--VER HOJAS Y EDITAR OC Y NP
*/
.NPAsociadasAHoja{position: relative;float: left;width: 99%;background:#CEE3F6;margin:5px 0}
.OCAsociadasAHoja{position: relative;float: left;width: 99%;background:#D8D8D8;margin:5px 0}
/*----------------------------------------------------------
    ENCABEZADO Y DETALLE DE NP DE HOJA DE COMPRA
-----------------------------------------------------------*/

.DetalleNPListadasHC,.DetalleOCListadasHC{position:relative;width:100%;float:left;height:auto;margin: 2px 0 8px 0;border-bottom: 10px dotted #8E1012}
#EncabezadoNPListado{position:relative;float:left;height: auto;width: 98%;margin:10px 0;text-align: center}

#NroNPEncabezado,#EstadoNPEncabezado,#ProveeNPEncabezado,#TotalNPEncabezado,#DepositoNPEncabezado,#Leyendas45NPEncabezado,
#CondVentaNPEncabezado,#ComentarioNPEncabezado,#VerNPDetalle,#DescargarExcelOC{position: relative;float:left;font-size: 11px;
                                                             font-weight: bold;margin: 0 0 6px 0;}
#NroNPEncabezado{width: 19%}
#EstadoNPEncabezado{width:11%}
#VerOCDetalle{width:9%}
#DescargarExcelOC{width: 5%}
#ProveeNPEncabezado{width: 36%}
#CondVentaNPEncabezado{width: 40%;text-align: left;padding: 0 0 0 12px;margin-left: 18px}
#ComentarioNPEncabezado{width: 45%;padding: 0 5px;}
#TotalNPEncabezado{width: 12%}
#DepositoNPEncabezado{width: 32%;font-size: 12px}
#Leyendas45NPEncabezado{width: 85%;margin: 3% 0%;}

#NroNPDetalle,#EstadoNPDetalle,#ProveeNPDetalle,#TotalNPDetalle,#VerNPDetalle{position:relative;float:left;text-align:center;margin: 0 0 5px 0}
#NroNPDetalle{width: 19%}
#EstadoNPDetalle,#TotalNPDetalle{width:12%}
#VerNPDetalle{width: 11%}
#ProveeNPDetalle{width: 35%}

/*DETALLE NOTA PEDIDO*/
.DetalleNP{position: relative;float:left;width: 100%;background: #C9FC8B;margin:2px 0 4px 5px}
#EncabezadoNPDetalle{position: relative;float: left;margin:6px 0;width:99%}
#ModeloArtEncDetNP,#DescArtEncDetNP,#PrecioArtEncDetNP,#PedidoEncDetNP,#FacEncDetNP,
#PendFEncDetNP,#PendDEncDetNP,#PendDEncDetNP {position: relative;float:left;margin:5px 0;text-align: center;font-size: 12px;font-weight: bold}
#ModeloArtEncDetNP{width:11%}
#DescArtEncDetNP{width: 29%}
#PrecioArtEncDetNP{width: 11%}
#PedidoEncDetNP{width: 9%}
#PendFEncDetNP,#PendDEncDetNP{width: 9%}
#FacEncDetNP{width: 7%}
#PendDEncDetNP{width: 8%}

#ModeloArtDetNP,#DescArtDetNP,#PrecioArtDetNP,#PedidoDetNP,#FacDetNP,#RemDDetNP,
#PendFDetNP,#PendDDetNP,#QuitarArtDetNP{position: relative;float: left;text-align: center;margin:5px 0}
#ModeloArtDetNP{width:11%}
#DescArtDetNP{width: 30%}
#PrecioArtDetNP{width:10% }
#PedidoDetNP,
#PendFDetNP,#PendDDetNP{width: 9%}
#QuitarArtDetNP{width: 5%}
#FacDetNP{width: 6%;color:red;font-weight: bold}
#RemDDetNP{width: 8%;color:blue;font-weight: bold}

/*----------------------------------------------------------
    ENCABEZADO Y DETALLE DE OC DE HOJA DE COMPRA
-----------------------------------------------------------*/
#EncabezadoOCListado{position:relative;float:left;height: auto;width: 98%;margin:10px 0;text-align: center}

#NroOCEncabezado,#EstadoOCEncabezado,#ProveeOCEncabezado,#TotalOCEncabezado,#VerOCDetalle{position: relative;float:left;font-size: 12px;font-weight: bold;margin: 0 0 6px 0}
#NroOCEncabezado{width: 17%}
#EstadoOCEncabezado,#VerOCDetalle{width:11%}
#ProveeOCEncabezado{width: 40%}
#TotalOVEncabezado{width: 12%}

#NroOCDetalle,#EstadoOCDetalle,#ProveeOCDetalle,#TotalOCDetalle,
#VerOCDetalle,#VerOCDetalleDistribucion{position:relative;float:left;text-align:center;margin: 0 0 5px 0}
#NroOCDetalle{width: 17%}
#EstadoOCDetalle,#TotalOCDetalle{width:12%}
#VerOCDetalle{width: 11%}
VerOCDetalleDistribucion{width:8%}
#ProveeOCDetalle{width: 35%}

/*DETALLE ORDEN DE COMPRAS*/
/*FIXME*/
.DetalleOC,.DetalleDistribucionOC{position: relative;float:left;width: 99%;background:#E0EBEB;margin:2px 0 4px 5px}
.DetalleDistribucionOC{background: #F6CED8}
#EncabezadoOCDetalle{position: relative;float: left;margin:6px 0;width:99%}
#ModeloArtEncDetOC,#DescArtEncDetOC,#PrecioArtEncDetOC,#DepEncDetOC,#PedidoEncDetOC,#RecEncDetOC,
#PendEncDetOC{position: relative;float:left;margin:5px 0;text-align: center;font-size: 12px;font-weight: bold}
#ModeloArtEncDetOC{width:11%}
#DescArtEncDetOC{width: 31%}
#PrecioArtEncDetOC{width: 10%}
#DepEncDetOC{width: 6%}
#PedidoEncDetOC{width: 8%}
#PendEncDetOC{width: 7%}
#RecEncDetOC{width: 6%}

/*FIXME*/
#ModeloArtDetOC,#DescArtDetOC,#PrecioArtDetOC,#DepDetOC,#PedidoDetOC,#EstadoArtDetOC,#ReemplazoArtDetOC,
#PendDetOC,#RecDetOC,#RecEncDetOC,#QuitarArtDetOC{position: relative;float: left;text-align: center;margin:5px 0}
#ModeloArtDetOC{width:11%}
#DescArtDetOC{width: 30%}
#PrecioArtDetOC{width:12% }
#DepDetOC{width: 5%}
#PedidoDetOC{width: 8%}
#PendDetOC{width: 6%}
#QuitarArtDetOC{width: 5%}
#ReemplazoArtDetOC,
#EstadoArtDetOC{width: 6%}
#RecDetOC{width: 7%}

/*--------------------------------------------------------
REEMPLAZO DE ARTICULO
-----------------------------------------------*/
.ReemplazarArtOC{postion:relative;float:left;width:99%; border:1px solid;margin: 0 8px;padding: 0 0 8px 0;background: #FCBE61}
.ReemplazoArticuloOC,#ReemplazoArticuloOC,#TituloPanelReemplazoArticulo,.PosiblesReemplazosArtOC,#BuscadorCodArtReemplazar{postion:relative;float:left;width:99%;margin: 0 8px}
#ReemplazoArticuloOC{width:97%}
#BuscadorCodArtReemplazar{width: 28%}
.PosiblesReemplazosArtOC{width: 56%}
#TituloPanelReemplazoArticulo{margin: -7px 0 5px 0;width: 90%}

/*--------------------------------------------------------
SOCIOS AFECTADOS EN REEMPLAZO
-----------------------------------------------*/
#EncabezadoSociosAfectados,#EncNroPedidoSocioAfectado,#EncRazonSocialSocioAfectado,
#EncPedidoSocioAfectado,#EncPedidoAsignadoAfectado,#EncAsignarSocioAfectado{position:relative;float:left;margin:4px;width:98%;font-weight: bold}
#EncNroPedidoSocioAfectado{width: 14%}
#EncRazonSocialSocioAfectado{width: 20%}
#EncPedidoSocioAfectado{width: 14%}
#EncPedidoAsignadoAfectado{width: 11%}
#EncAsignarSocioAfectado{width: 10%}

.SociosAfectadosOC,#NroPedidoSocioAfectado,#RazonSocialSocioAfectado,#TotalPedidoSocioAfectado,
#TotalAsignadoSocioAfectado,#AsignarPedidoSocioAfectado,#EliminarArtPedidoSocio{position:relative;float:left;width:98%}
#NroPedidoSocioAfectado{width: 15%}
#RazonSocialSocioAfectado{width: 20%}
#TotalPedidoSocioAfectado{width: 16%}
#AsignarPedidoSocioAfectado{width: 11%}
#TotalAsignadoSocioAfectado{width: 10%}
#EliminarArtPedidoSocio{width: 20%}
/*--------------------------------------------
DISTRIBUCION  DE ARTICULOS
---------------------------------------------*/
#DetalleArtDistribuibles{position:relative;float:left; padding:1%;width: 99%}
#EncCodArtDetalle,#EncDescArtDetalle,#EncArtDisponibleDetalle,#EncArtAdicionalesDetalle{position:relative;color:white;font-weight: bold;float:left;font-size:14px;background:#848484}
#EncCodArtDetalle{width:16%}
#EncDescArtDetalle{width:45%}
#EncArtDisponibleDetalle,#EncArtAdicionalesDetalle{width:12%}

#CodArtDetalle,#DescArtDetalle,#ArtDisponibleDetalle,.AsignarDistrArticulos,#ArtAdicionalesDetalle{position:relative;float:left;text-align:center;margin:5px 0}
#CodArtDetalle{width: 14%}
#DescArtDetalle{width:48%}
#ArtDisponibleDetalle,#ArtAdicionalesDetalle{width:12%;}
#ArtDisponibleDetalle{font-weight: bold;font-size: 15px;color:blue}
.AsignarDistrArticulos{width: 10%}


/*--------------------------------------------
DISTRIBUCION  A SOCIOS
---------------------------------------------*/
#DetalleSociosDistribuibles{position:relative;float:left; padding:0%;width: 99%;background:BlanchedAlmond}
#EncNroPedidoSocioDist,#EncSocioDist,#EncAsignarDistSocio,
#EncPedidoDist,#EncFaltaAsignarDist,
#EncAsignarDistSocio,.DistribucionAutomatica{position:relative;color:#3104B4;font-weight: bold;float:left;font-size:14px;background:#CEE3F6}
#EncNroPedidoSocioDist{width:16%}
#EncSocioDist{width:35%}
#EncPedidoDist,#EncFaltaAsignarDist{width:11%}
#EncAsignarDistSocio{width:12%}
.DistribucionAutomatica{width: 6%}



#NroPedidoSocioDist,#SocioDist,#PedidoDist,#FaltaAsignarDist,
#AsignarDistrArticulos,#AsignacionAutomatica{position:relative;float:left;text-align:center;margin:5px 0}
#NroPedidoSocioDist{width:14%}
#SocioDist{width:37%}
#PedidoDist,#FaltaAsignarDist{width:11%}
#FaltaAsignarDist{font-weight: bold;font-size: 14px;}
#AsignacionAutomatica{width: 11%}
#AsignarDistrArticulos{width:10%}

/*------------------------------------------
CONFIGURACIONES
-------------------------------------------*/
.PlantillaConfiguraciones{background:#CEE3F6;position:relative;height:500px ;width:85%;margin:0 8%; font-family: Verdana; 
                          font-size:11px;padding:1% 0 0 0;border-radius:31px;behavior:url(pie.htc);}
#ConfigListaPrecios,#ConfigCondVenta,#ConfVendedor,#ConfDeposito,#ConfigActPreciosPed,#PosiblesReemplazosArtPrecio,
#BuscadorCodArtReemplazar,#FechasModificacionPrecios,#FechaModifDesde,#FechaModifHasta,
#ConfTalonarioNP,#ConfTalonarioOC,#TituloConfiguraciones,#ConfPerfilFac,#ConfListaSinStock{position: relative;float:left;font-size: 12px}
#TituloConfiguraciones{font-size: 12px;font-weight: bold;margin:0 35%;width: 40%;color:blue}
#ConfigListaPrecios{width: 23%}
#ConfigCondVenta{width: 37%}
#ConfVendedor{width: 36%}
#ConfDeposito{width: 26%}
#ConfTalonarioNP{width: 38%}
#ConfTalonarioOC{width: 23%}
#ConfigActPreciosPed{width:100%;padding: 0 9%}
#PosiblesReemplazosArtPrecio{width: 55%}
#BuscadorCodArtReemplazar{width: 18%}
#ConfPerfilFac{width: 32%}

#PrecioArtModifPrecio{width: 85px;}

#FechasModificacionPrecios{width: 100%;margin:2% 0 0 0;padding: 0 10%}
#FechaModifDesde{width: 27%}
#FechaModifHasta{width: 27%}


/*---------------------
CONTACTO
----------------------*/
.PlantillaContacto{background:#CEE3F6;position:relative;height:500px ;width:84%;margin:0 8%; font-family: Verdana; font-size:12px;border-radius:31px;behavior:url(pie.htc); }
.EncabezadoContacto{position:relative; margin: 5px 0;padding: 5px 0 0 3px;line-height: 15px; width:100%; text-align: right}
.MensajeContacto{position:relative;  margin:0 0 0 9%; width: 64%}
.MensajeContacto > textarea {width:100%; height: 215px;position: relative;float: left; text-align: left}
#ParaContacto,#DeContacto,#AsuntoContacto{text-align: left;}

#Captcha{width:64%; position:relative; margin: 1% 9%; Conffloat: left;text-align: right; font-size: 18px}

/*-----------------------------------------------------------------------------------------------------
    SOPORTE TECNICO
------------------------------------------------------------------------------------------------------*/
.Soporte{position: relative; background:#CEE3F6;height:395px; margin: 0 10%; padding: 5% 0 0 5% }
.TecnicoUno,.TecnicoDos{position:relative;float:left; width:49%; height: auto}


.Nosotros {background:#CEE3F6; position:relative; float:none; margin:0 10%}


/* CSS IE*/
/**.Content{position:relative ; height:65%;}*/
_#BDEmpresas{background:transparent; display:block;border:ridge; scrollbar-face-color: #6685CA; scrollbar-highlight-color: #6685CA; scrollbar-shadow-color: #6685CA; scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#FFFFFF;scrollbar-track-color:#E5E5E5;scrollbar-drakshadow-color:#000000;}

_.BuscadorArticulos{ position: relative;height: 217px;background: #FFFACD;border: solid 1px; font-size: 12px; font-family: verdana;}
_.BuscadorArticulos > fieldset{padding-left: 10px;height: 207px; border: none}


#Footer{
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top, #7db9e8 0%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7db9e8 0%,#1e5799 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */	position:relative;
	height:44px;
}

#PiePagina{
	float: right;
	margin-right: 10px;
	position:relative;
	font-weight:bold;
	font-size:12px;
	background:url(../imagenes/logo-LCI.png) right center no-repeat;
	width: 220px;
	height: 44px;
}