html{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

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

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

.wrapContenidoLogin{
	margin:0 auto 10px; 
	z-index:1; 
	width:843px;
	height: 597px;
	background-image:url('../../img/background/contenedor_completoLogin.png');
	background-size: 100% 100%;
	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;
}

.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; 
}

.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;
}

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

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

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

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

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

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

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

.menu{
    position: absolute;
    top: 13%;
    left: 1%;
    width: 98%;
    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;
}

.menuPopupMedicos{
    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;*/
}

.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;*/
}

.contenidoPopupMedicos{
    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%;
}

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

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

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

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

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

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

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

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

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

.dato_ajuste{
	font-size: 12px;
	background: red;
	text-decoration: none;
	color: white;
}

.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: 10px;
	/*background: #01557D; color sip*/
	background: #EAEAEA;
	color: #83162A;
}

.tituloReveal {
	color: #981A2C
}

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

.datoPopUp{
    font-size: 12px;
}

.datoPopUpFieldset{
    font-size: 10px;
}

.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;
}

.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: 50%;
    height: 6%;
	top: 11.5%;
	left: 0%;
}

.radioVentasCotizacionesDiv{
	position: absolute;
	width: 20%;
	top: 6%;
	left: -1.5%;
	font-weight: bold;
}

.barraIconosDiv{
	position: absolute;
	width: 16%;
	top: -2%;
	left: -1.1%;
}

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

.panelPrincipal{
	position: absolute;
	top: 16.5%;
	left: 22%;
	width: 78%;
    height: 94.3%;
}

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

.divComentariosTextArea{
	width: 100%;
	height: 52px;
}

.divNumeroFacturaTextArea{
	width: 100%;
	height: 45px;
}

.divNotasCatalogoTextArea{
	width: 93%;
	height: 42px;
}

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

.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;
}

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

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

.ventaUsuarioDiv{
	width: 46.2%;
	position: absolute;
	top: 15.8%;
	left: 1.6%;
}

.ventaCodigoDiv{
	position: absolute;
    width: 46%;
    height: 8%;
    top: 21.6%;
    font-size: 12px;
}

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

.ventaChecksDiv{
    position: absolute;
    left: 54%;
    top: 16.5%;
    width: 44.5%;
    height: 12%;
}

.ventaComentariosDiv{
    position: absolute;
    top: 19.3%;
    width: 51%;
    height: 9%;
    left: 47.6%;
}

.inventarioDiv{
    position: absolute;
    top: 71%;
    left: 1.3%;
    width: 58%;
    height: 25.5%;
}

.infoFondosDiv{
	position: absolute;
    top: 57.5%;
    width: 58%;
    height: 31.5%;
}

.inventarioDivCargos{
    position: absolute;
    top: 58.2%;
    left: -1.4%;
    width: 99.5%;
    height: 52.5%;
}

.divListaClientes{
    outline: thin solid black; 
    position: absolute;
    left: -0.5%;
    width: 99.5%;
    height: 50%;
    top: 50%;
}

.botonDiv{
    position: absolute;
    top: 84.3%;
    left: 85.6%;
}

.botonDivFinalizarVenta{
	position: absolute;
    top: 93.3%;
    left: 36.1%;
	width: 54%;
}

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

.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%
}

.agregarProducto{
    position: absolute;
    width: 90%;
    height: 70%;
}

.laboratorioDiv{
    position: absolute;
    width: 99%;
    height: 650%;
}

.datoPopUpTabla{
    font-size: 12px;
}

.tablaPacientesDiv{
    border: 1px solid black;
    position: relative;
}

.busquedaVentaFieldset{
    position: absolute;
	width: 48%;
    height: 21%;
	top: -3.5%;
	left: 53%;
}

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

.tablePosCatalogo{
    position: relative;
    top: -3%;
}

.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%;
}

.loaderMain {
	z-index: 500;
	position: absolute;
	top: 50%;
	left: 55%;
}

.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%;
}

.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;
}

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

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

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

.divTotalesFinVenta{
	width: 81.2%;
	position: absolute;
	left: 8.1%;
	height: 16%;
	top: 75.7%;
}

#btnImgNuevaVenta .ui-button-text {
    padding: 1px 1px 0 1px;

}

#btnImgFinalizarVenta .ui-button-text {
    padding: 1px 1px 0 1px;

}

#btnImgImprimirVenta .ui-button-text {
    padding: 1px 1px 0 1px;

}