body{ 
    background: white;
    text-align: center;
    overflow: hidden;
} 

.wrapContenido{
    margin:0 auto 10px; 
    z-index:1; 
    width:843px;
    height: 577px;
    background-image:url('../../img/background/contenedor_completo.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position:absolute;
    top: 0px;
    text-align: left;
}

.wrapContenidoProductos{
    margin:0 auto 10px; 
    z-index:1; 
    width:753px;
    height: 620px;
    /*background-image:url('../../img/base.png');*/
    background-repeat: no-repeat;
    position:absolute;
    top:0px;
    text-align: left; 
}

.wrapPopup{
    margin:0 auto 10px; 
    z-index:1; 
    width:703px;
    height: 437px;
    /*background-image:url('../../img/base.png');*/
    background-repeat: no-repeat;
    position:absolute;
    top:0px;
    text-align: left; 
} 

.wrapPopupCatalogo{
    margin:0 auto 10px; 
    z-index:1; 
    width:970px;
    height: 640px;
    /*background-image:url('../../img/base.png');*/
    background-repeat: no-repeat;
    position:absolute;
    top:0px;
    text-align: left;
}

.wrapPopupInventario{
    margin:0 auto 10px; 
    z-index:1; 
    width:970px;
    height: 610px;
    /*background-image:url('../../img/base.png');*/
    background-repeat: no-repeat;
    position:absolute;
    top:0px;
    text-align: left;
}

.wrapPopupAcciones{
    margin:0 auto 10px; 
    z-index:1; 
    width:970px;
    height: 620px;
    /*background-image:url('../../img/base.png');*/
    background-repeat: no-repeat;
    position:absolute;
    top:0px;
    text-align: left; 
}

.wrapPopupClientes{
    margin:0 auto 10px; 
    z-index:1; 
    width:670px;
    height: 580px;
    /*background-image:url('../../img/base.png');*/
    background-repeat: no-repeat;
    position:absolute;
    top:0px;
    text-align: left;
}

.layout{
    width:843px; 
    margin:0 auto; 
    position:relative;
}

.layoutPopup{
    width:703px; 
    margin:0 auto; 
    position:relative;
}

.layoutPopupCatalogo{
    width:970px; 
    margin:0 auto; 
    position:relative;
}

.layoutPopupInventario{
    width:970px; 
    margin:0 auto; 
    position:relative;
}

.layoutPopupAcciones{
    width:970px; 
    margin:0 auto; 
    position:relative;
}

.layoutPopupProductos{
    width:753px; 
    margin:0 auto; 
    position:relative;
}

.layoutPopupClientes{
    width:670px; 
    margin:0 auto; 
    position:relative;
}

.login{
	width: 30%;
	position: absolute;
	top: 40%;
	left: 35%;
}

.menu{
    position: absolute;
    top: 15%;
    left: 1%;
    width: 98%;
    height: 50px;
    z-index: 3;
}

.menuPopup{
    position: absolute;
    top: 0%;
    left: 1%;
    width: 98%;
    height: 50px;
    z-index: 3;
}

.menuPopupInventario{
    position: absolute;
    top: 0%;
    left: 1%;
    width: 99.5%;
    height: 50px;
    z-index: 3;
}

.menuPopupProductos{
    position: absolute;
    top: 0%;
    left: 1%;
    width: 98%;
    height: 50px;
    z-index: 3;
}

.menuPopupClientes{
    position: absolute;
    top: 0%;
    left: 1%;
    width: 98%;
    height: 50px;
    z-index: 3;
}

.contenido{
    position: absolute;
    top: 23%;
    width: 98%;
    height: 79%;
    left: 1%;
    /*overflow: auto;*/
}

.contenidoPopup{
    position: absolute;
    top: 13%;
    width: 97%;
    height: 89%;
    left: 1.3%;
    /*overflow: auto;*/
}

.contenidoPopupCatalogo{
    position: absolute;
    top: 8%;
    width: 95.5%;
    height: 89%;
    left: 1%;
}

.contenidoPopupInventario{
    position: absolute;
    top: 10%;
    width: 97.25%;
    height: 89%;
    left: 1%;
}

.contenidoPopupProductos{
    position: absolute;
    top: 10%;
    width: 98%;
    height: 89%;
    left: 1%;
    /*overflow: auto;*/
}

.contenidoPopupClientes{
    position: absolute;
    top: 13%;
    width: 97%;
    height: 89%;
    left: 1.3%;
    /*overflow: auto;*/
}

.busquedaPrincipal {
    width: 100%;
    height: 100%;
    left: 0%;
    position: relative;
}

.busqueda {
    width: 85%;
    height: 25%;
    text-align: center;
}

.proveedores {
    width: 100%;
    height: 89%;
    text-align: center;
}

a.dato
{
	font-size:12px;
	font-family: Arial;
	color: red;
	text-decoration: none;
}

.dato_lista_sel_guardado {
	font-size: 12px;
	/*background: #A0CADE; color sip*/
	background: #12D23F;
	text-decoration: none;
	color: #3a3a5e;
}

.dato_par {
	font-size: 12px;
	/*background: #A0CADE; color sip*/
	background: #EAEAEA;
	/*background: 
	/* On "top" */
	/*repeating-linear-gradient(
	  -45deg,
	  transparent,
	  transparent 10px,
	  #ccc 10px,
	  #ccc 20px
	),*/
	/* on "bottom" */
	/*linear-gradient(
	  to bottom,
	  #eee,
	  #999
	);*/
	text-decoration: none;
	color: #3a3a5e;
}

.dato_non {
	font-size: 12px;
	background: white;
	text-decoration: none;
	color: #3a3a5e;
}

.dato_lista_sel {
	font-size: 12px;
	/*background: #A0CADE; color sip*/
	background: #F73B8F;
	text-decoration: none;
	color: #ffffff;
}

.titulo{
	font-size: 12px;
	/*background: #01557D; color sip*/
	background: #EAEAEA;
	color: #83162A;
}

.tituloChico{
	font-size: 12px;
	/*background: #01557D; color sip*/
	background: #EAEAEA;
	color: #83162A;
}

a.titulo{
	text-decoration: none;
}

.tituloReveal {
	color: #981A2C
}

.plecaReveal {
	width: 100%;
	border-color: #83162A;
}

.infoProveedor{
    width: 100%;
    height: 50%;
}

.datoPopUp{
    font-size: 12px;
}

.datoPopUpFieldset{
    font-size: 10px;
}

.datoPopUpChecksProducto{
    font-size: 11px;
}

.divObservacionesProveedor{
    width: 100%;
    height: 50px;
}

.textAreaInfoProveedor {
	/*background: transparent;*/
	resize: none;
	text-align: left;
}

.parrafo {
    position: absolute;
    top: 20%;
    left: 0%;
}

textarea{
	width:100%;
	height:100%; 
	box-sizing: border-box;         /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box;    /* For Firefox                          */
	-webkit-box-sizing: border-box; /* For Safari                           */
	overflow: auto;
}

.productosProveedor{
    width: 100%;
    height: 50%;
    position: relative;
}

.selAgregarProductos {
	width: 100%;
	height: 125px;
	/*outline: none;*/
}

.asterErrorHidden{
	font:14px Verdana, Helvetica, Arial; 
	font-weight:bold;
	color: #FF1000;	
	visibility: hidden;
}

.asterErrorVisible{
	font:14px Verdana, Helvetica, Arial; 
	font-weight:bold;
	color: #FF1000;	
	visibility: visible;
}

.fechasEnlistar{
        position: absolute;
	width: 70%;
        height: 8%;
	top: -5%;
	left: 0%;
}

.proveedoresDivBusqueda{
	position: absolute;
	top: 2%;
	width: 70%;
        height: 8%;
	left: 0%;
}

.listas{
        position: absolute;
	top: 10%;
	width: 20%;
        height: 86.9%;
	left: 0%;
	border: 1px solid #981A2C;
	
}

.verticalLine {
	border-left: thick solid #ffffff;
}

.panelPrincipal{
	position: absolute;
	top: 9%;
	left: 22%;
	width: 78%;
        height: 92%;
}

.fechaProveedorUsuario{
	position: absolute;
	width: 50%;
	height: 25%;
}

.fechaUsuarioSolicitadoEntregado{
	position: absolute;
	width: 50%;
	height: 20%;
	top: 2.5%;
}

.numeroCondicionesArea{
	position: absolute;
	width: 40%;
	height: 25%;
	left: 55%;
}

.requisicionBodegaRecibido{
	position: absolute;
	width: 41.5%;
	height: 20%;
	left: 55%;
	top: 2.5%;
}

.comentariosDiv{
	position: absolute;
	top: 24%;
	width: 93.5%;
	height: 15%;
}

.divComentariosTextArea{
	width: 101%;
	height: 42px;
}

.divComentariosProductoTextArea{
	width: 100%;
	height: 75px;
}

.tablaPrincipal{
	position: absolute;
	width: 93%;
	height: 50%;
	top: 22%;
	/*border: 1px solid #981A2C;*/
}

.precios{
	position: absolute;
	width: 55%;
	height: 25%;
	left: 43.5%;
	top: 75%;
}

.infoBasicaProducto{
	position: absolute;
	width: 69.5%;
	height: 21%;
	left: 0%;
	top: 0%;
}

.vinoProducto{
	position: absolute;
	width: 69%;
	height: 27%;
	left: 0%;
	top: 20%;
}

.paqueteProducto{
	position: absolute;
	width: 69%;
	height: 23%;
	left: 0%;
	top: 38.3%;
}

.proveedoresProducto{
	position: absolute;
	width: 69%;
	height: 21%;
	left: 0%;
	top: 59%;
}

.inventarioProducto{
	position: absolute;
	width: 100%;
	height: 26%;
	left: 0%;
	top: 77%;
}

.precioPublicoProducto{
	position: absolute;
	width: 30%;
	height: 21%;
	left: 70%;
	top: 59%;
}

.categoriaProducto{
	position: absolute;
	width: 30%;
	height: 22%;
	left: 70%;
	top: 38.2%;
}

.checksInfoProducto{
	position: absolute;
	width: 30%;
	height: 22%;
	left: 70%;
	top: -0.4%;
}

.comentariosProductoDiv{
	position: absolute;
	width: 30%;
	height: 19%;
	left: 70%;
	top: 20%;
}

.cantidadesPermitidas{
	position: absolute;
	width: 27%;
	height: 14%;
	left: 0%;
	top: 19.2%;
}

.paisRegionProducto{
	position: absolute;
	width: 30%;
	height: 16%;
	left: -0.5%;
	top: 14%;
}

.infoVino{
	position: absolute;
	top: 14.1%;
	left: 28%;
	width: 41%;
	height: 17%;
}

.hrefDisabled{
	color: grey !important;
}

.preciosProductosOrden{
	top: 75%;
	height: 15%;
	width: 91.5%;
	left: 4.3%;
	position: absolute;
}

.loaderCatalogo {
	z-index: 5;
	position: absolute;
	top: 80%;
	left: 47.5%;
}

.loaderProductos {
	z-index: 500;
	position: absolute;
	top: 55%;
	left: 50.5%;
}

.loaderPrincipal {
	z-index: 500;
	position: absolute;
	top: 40%;
	left: 47.5%;
}

.sexoMedicoDiv{
    position: absolute;
    font-size: 12px;
    width: 19%;
    height: 110%;
}

.datosMedicoDiv{
    position: absolute;
    font-size: 12px;
    left: 22%;
    width: 77.5%;
}

.direccionMedicoDiv{
    position: absolute;
    font-size: 12px;
    top: 37%;
    height: 30%;
    width: 88%
}

.vinos{
    position: relative;
    width: 420px;
}

.tiendas{
    position: absolute;
    width: 150px;
    top: 68%;
    left: 472px;
}

.preferenciasOtros{
    position: absolute;
    width: 40%;
    height: 20%;
    top: 94%;
    left: 21%;
}

.preferenciasVinos{
    position: absolute;
    width: 26%;
    height: 120%;
    top: 6%;
    left: 45%;
}

.preferenciasTiendas{
    position: absolute;
    width: 23%;
    height: 120%;
    top: 6%;
    left: 74%;
}

.busquedaVinos{
    position: absolute;
    width: 70%;
    height: 17%;
    left: 4%;
}

.ventaFechaHoraDiv{
    position: absolute;
    width: 45%;
    height: 6%;
    top: 4%;
    font-size: 12px;
}

.ventaUsuarioClientesDiv{
    position: absolute;
    width: 45%;
    height: 11%;
    top: 10%;
    font-size: 12px;
}

.ventaNumerosDiv{
    position: absolute;
    left: 48.2%;
    width: 50.5%;
    height: 14%;
    top: 4.7%;
}

.ventaComentariosDiv{
    position: absolute;
    top: 16.6%;
    width: 51%;
    height: 18%;
    left: 47.6%;
}

.trProductoVentasNormal{
	outline: thin solid white;
	height: 10px;
}

.trProductoVentasCancelado{
	outline: thin solid white;
	height: 10px;
	background:url('../img/background/FondoCancelado2.png') repeat-x top;
}

.trProductoVentasCanceladoTemplate{
	outline: thin solid white;
	height: 10px;
	background:url('../../img/background/FondoCancelado2.png') repeat-x top;
}

.trProductoVentasInexistenciasCancelado{
	outline: thin solid white;
	height: 10px;
	background:url('../../img/background/FondoInexistenciaCancelado.png') repeat-x top;
}

.dato_cancelado{
	font-size: 12px;
	text-decoration: none;
	color: #3a3a5e;
}

.dato_inexistencia{
	font-size: 12px;
	text-decoration: none;
	color: black;
	background: #FFD68B;
}

.dato_inexistencia_surtido{
	font-size: 12px;
	text-decoration: none;
	color: black;
	background: #88D58D;
}

.dato_inexistencia_entregado{
	font-size: 12px;
	text-decoration: none;
	color: black;
	background: #9CBCEC;
}

.dato_inexistencia_cancelado{
	font-size: 12px;
	text-decoration: none;
	color: black;
}

.infoFondosDiv{
	position: absolute;
    top: 80%;
    width: 58%;
    height: 17.5%;
}