/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO PAGINA INICIAL */

#cabeceraPublicitariaInicial
{
	position: relative;
	top: 0px;
	left: 0px;	
}

#panelInteriorPaginaInicio
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 787px;
}

#imagenTituloNovedades
{
	position: absolute;
	top: 471px;
	left: 342px;	
}

#lineaSeparadoraPaginaInicio
{
	position: absolute;
	top: 643px;
	left: 361px;	
}

#panelAccesoClientes
{
	position: absolute;
	top: 471px;
	left: 24px;	
}

#accesoClientes
{
	position: absolute;
	width: 298px;
	height: 111px;
	top: 471px;
	left: 24px;	
}

#panelTextoUsuario
{
	position: absolute;
	top: 48px;
	left: 88px;	
	width: 135px;
}

#panelTextoClave
{
	position: absolute;
	top: 76px;
	left: 88px;	
	width: 135px;
}

#panelBotonAccesoClientes
{
	position: absolute;
	top: 48px;
	left: 233px;	
}

#panelBotonAccesoGestor
{
	position: absolute;
	top: 48px;
	left: 233px;
	z-index: 2;	
}

.panelDestacadoPuntosVenta
{
	position: absolute;
	top: 594px;
	left: 24px;	
}

.panelUsuarioActivo
{
	position: absolute;
	top: 32px;
	left: 0px;	
}

.panelNombreUsuarioActivo
{
	position: absolute;
	top: 16px;
	left: 17px;	
}

.textoNombreUsuarioActivo
{
	position: absolute;
	top: 17px;
	left: 25px;	
	z-index:2;
	font-weight: bold;
}

.botonCerrarSesion
{
	position: absolute;
	bottom: 16px;
	left: 17px;	
}

#panelProductoNovedad_1
{
	position: absolute; 
	top: 515px;
	left: 360px; 
}

#panelProductoNovedad_2
{
	position: absolute; 
	top: 655px;
	left: 360px; 
}

#panelProductoNovedad_3
{
	position: absolute; 
	top: 515px;
	left: 694px; 
}

#panelProductoNovedad_4
{
	position: absolute; 
	top: 655px;
	left: 694px; 
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO PAGINA CATALOGO */

#panelInteriorPaginaCatalogo
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 867px;	
}

#cabeceraCatalogo
{
	position: relative;
	top: 0px;
	height: 275px;
}

#panelOpcionesMenuPaginaCatalogo
{
	position: relative;
	top: 1px;
	left: 0px;	
	height: 52px;
}

#panelControlMenuFamilias
{
	position: relative;
	top: 0px;
	left: 0px;	
	height: 270px;
}

.tituloPanelFamilia_1, .tituloPanelFamilia_2, .tituloPanelFamilia_3, .tituloPanelFamilia_5
{
	position: relative;
	display:block;
	cursor:pointer;
}

.tituloPanelFamilia_1 { top:77px; left: 20px; }

.tituloPanelFamilia_2 { top:83px; left: 20px; }

.tituloPanelFamilia_3 { top:89px; left: 20px; }

.tituloPanelFamilia_5 { top:95px; left: 20px; }

.panelFamilia_1,  .panelFamilia_2,  .panelFamilia_3,  .panelFamilia_5
{
	position: absolute;
	top:77px; 
	left: 264px;
	line-height: 15px;
	
}

.panelFamilia_1 { width: 482px; height: 163px;}

.panelFamilia_2 { display:none; width: 482px; height: 163px;}

.panelFamilia_3 { display:none; width: 482px; height:163px; }

.panelFamilia_5 { display:none; width: 482px; height:163px; }

.panelFamilia_4
{
	position: absolute;
	top: 77px;
	left: 755px;	
}

.textoSeccionesPanelFamilia
{
	position: absolute;
	top: 4px;
	left: 4px;	
	width:476px;
	height:159px;
}

.textoSeccionesPanelFamilia table
{
	/*padding: 0 0 0 0;
	margin-top: 0px;
	margin-bottom: 0px;	*/
	
	position:absolute;
	top:4px;
	width: 230px;
	line-height:17px;
}

.textoSeccionesPanelFamilia td
{
	font-size: 10px;
	padding-left: 4px;
	border-bottom-color: #6A6A6A;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.textoSeccionesPanelFamiliaColumna2 
{		
	right:2px;
}

.textoSeccionesPanelFamilia a {color: #D2D2D2;}

.textoSeccionesPanelFamilia td:hover {background-color: #AF061D;}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO PAGINA NOVEDADES */

#panelInteriorPaginaNovedades
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 660px;	
}

.panelListadoNovedades
{
	position: relative; 
	left: 20px;
	top: 70px;
	width: 951px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	line-height: 10px;
	z-index: 1;
}

#panelNavegacionListadoProductosNovedades
{
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 962px;
}

.panelPaginacionPaginaNovedades
{
	position: absolute; 
	left: 962px; 
	top: 0px	
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO LISTADO FAMILIAS */

.panelListado 
{
	position: relative; 
	left: 20px;
	width: 757px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	line-height: 10px;
	margin-bottom: 17px;
	z-index: 1;
}

#panelListadoProductos
{
	position: relative; 
	top: -10px;
	left: -30px;	
}

#panelTituloCatalogo
{
	position: relative;
	top: 0px;
	left: 0px;	
}

#panelNavegacionListadoProductos
{
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 962px;	
}

.tituloCategoriaActivaListado
{
	position: absolute;
	top: 6px;
	left: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.panelPaginacion
{
	position: absolute; 
	right: 0px; 
	top: 0px	
}

.botonInicioPaginacion, .botonAtrasPaginacion, .botonSiguientePaginacion, .botonFinalPaginacion
{
	position: absolute; 
	top: 2px;
}

.botonInicioPaginacion {right: 83px;}

.botonAtrasPaginacion {right: 56px;}

.botonSiguientePaginacion {right: 29px;}

.botonFinalPaginacion {right: 2px;}

.textoInformativoPaginacion
{
	position: absolute; 
	top: 6px;
	left: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO ELEMENTO PRODUCTO */

.panelElementoListado
{
	position: relative;
	background-color: #D3D3D3;
}

.imagenProductoListado
{
	position: absolute;
	top: 23px;
	left: 1px;
}

.nombreProductoListado
{
	position: absolute;
	top: 7px;
	left: 5px;	
}

.nombreProductoListado a
{
	color: #000000;
}

.nombreProductoListado a: hover
{
	color: #FFFFFF;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO CONTROL BOLSA */

#panelControlBolsa
{
	position: absolute;
	right: 14px;
	top: 303px;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO PAGINA UBICACION */

#panelInteriorPaginaUbicacion
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 483px;
}
	
#imagenMapaSituacion
{
	position: absolute;
	top: 74px;
	left: 21px;	
}

.imagenPanelInformacion
{
	position: absolute;
	top: 74px;
	right: 21px;
	width: 395px;	
	height: 391px;
	background-repeat: repeat;
}

.panelInformacionContacto
{
	position: absolute;
	top: 105px;
	left: 614px;	
}
	
/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO PAGINA CONTACTAR */

#panelInteriorPaginaContactar
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 588px;
}

#tituloContactar
{
	position: absolute;
	top: 74px;
	left: 24px;
}

#imagenDerechaContactar
{
	position: absolute;
	top: 70px;
	left: 710px;	
}

#panelInformacionContactar
{
	position: absolute; 
	left: 70px; 
	top: 74px; 
	height: 66px; 
	width: 572px; 
	background-color: #1A1A1A	
}

#textoPanelInformacionContactar
{
	position: absolute; 
	left: 88px; 
	top: 90px; 
	height: 54px; 
	width: 560px; 
	color: #FFFFFF;
}

.panelFormularioContactar
{
	position: absolute; 
	top: 175px; 
	left: 87px; 
	width: 555px;
	color: #9E9E9E;
}

.panelFormularioContactar table
{
	border-collapse: collapse;
	border-spacing: 0px;
}

.panelFormularioContactar td table
{
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 0px;
}

.labelFormularioContacto
{
	position:absolute;
	top:250px;
	font-family:Arial;
	font-size:11px;
	color:#6a6a6a;
}
	
#botonEnviarContactar
{
	position: absolute; 
	bottom: 25px; 
	left: 593px; 
	width: 100px;
}

.cajaDeTextoContactar {	background-color: #D2D2D2; color: #353535;}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO PAGINA PUNTOS VENTA */

#panelInteriorPaginaPuntosVenta
{
	position: relative;
	top: 0px;
	left: 0px;
	min-height: 483px;
	height: auto !important;
	height: 483px;
}

#elementoMapa
{
	position: relative; top: 77px; left: 21px; 
	width: 961px;
	min-height: 391px;
	height: auto !important;
	height: 391px;
	background-color: #EFEFEF;
	margin-bottom: 100px;
}

#elementoMapa a { font-size: 11px; color: #808083; }

.primeraColumnaEnlacesUbicacion { position: absolute; top: 10px; left: 10px; }

.iconoListado { position: relative; top: -2px; left: -2px; }

.tituloPuntosVenta_1 { position: absolute; top: 0px; left: 0px; } 

.tituloPuntosVenta_2 { position: absolute; top: 0px; left: 0px; } 

#panelListadoPuntosVenta
{
    position: relative; top: 0px; left: 490px; 
	width: 471px;
	min-height: 391px;
	height: auto !important;
	height: 391px;
	background-image: url(PatronFondo.gif);
	background-repeat: repeat;
}

#mapaPuntosVenta { position: absolute; top: 0px; left: 28px; }

#panelTituloProvincia 
{   
	position: relative; top: 0px; left: 28px; 
	width: 443px; height: 45px;
	background-image: url(PatronGrisOscuro.gif);
	background-repeat: repeat;
}

.tituloProvincia { position: absolute; top: 15px; left: 15px; 
                           color: #AA0418; font-size: 22px; font-weight: bold; }
                           
.listadoPuntosVenta { position: relative; top: 0px; left: 5px; }

.listadoPuntosVenta li { }

.nombreElementoPuntoVenta { color: #FFFFFF; font-size: 12px; font-weight: bold; }

.direccionElementoPuntoVenta { color: #B00621; font-size: 11px; font-weight: normal; }

.telefonoElementoPuntoVenta { color: #9F9F9F; font-size: 11px; font-weight: normal; }

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO PRODUCTO */

.panelInteriorPaginaProducto
{
	position: relative; 
	left: 20px; 
	height: 440px;
}

.tituloProducto
{
	position: absolute; 
	top: 2px;
	left: 5px; 
}

#imagenBarraSeparadorProducto
{
	position: absolute; 
	top: 50px;
	left: 405px; 
}

#imagenBarraGrisCorta
{
	position: absolute; 
	top: 230px;
	left: 30px; 
}

.propiedadesProducto
{
	position: absolute; 
	top: 235px;
	left: 30px; 
}

.panelImagenFichaProducto
{
	position: absolute; 
	top: 50px;
	left: 440px; 	
	border-color: #E3E3E3;
	border-style: solid;
	border-width: 1px;
}

.nombreProducto
{
	position: absolute; 
	top: 50px;
	left: 30px; 
	color: #262626;
	font-size: 18px;
	font-weight: bold;
}

.referenciaProducto
{
	position: absolute; 
	top: 77px;
	left: 30px; 
	color: #AE061F;
	font-size: 16px;
	font-weight: bold;
}

.descripcionProducto
{
	position: absolute; 
	top: 104px;
	left: 30px; 
	color: #9F9F9F;
	text-align: justify;
	line-height: 15px;
}

.colorTextoGris
{	
	color: #9F9F9F;
}

.enlacePDFFichaProducto
{
	position: absolute; 
	bottom: 31px;
	left: 30px; 

}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* ELEMENTO MICRO FICHA */


.imagenProductoMicroFicha
{
	position: absolute; 
	top: 0px;
	left: 145px; 
}

.nombreProductoMicroFicha
{
	position: absolute; 
	top: 0px;
	left: 0px; 
	color: #262626;
	font-size: 14px;
	font-weight: bold;
}

.referenciaProductoMicroFicha
{
	position: absolute; 
	top: 15px;
	left: 0px; 
	color: #AE061F;
	font-size: 12px;
	font-weight: normal;
}

.descripcionProductoMicroFicha
{
	position: absolute; 
	top: 35px;
	left: 0px; 
	color: #9F9F9F;
	text-align: justify;
	line-height: 13px;
}

.enlaceFichaProducto
{
	position: absolute; 
	top: 95px;
	left: 0px;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO PAGINA QUIENES SOMOS */

#panelInteriorPaginaQuienesSomos
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 650px;	
}

.imagenPanelPublicitario
{
	position: absolute;
	top: 90px;
	left: 710px;
}

.tituloCoteQuienesSomos
{
	position: absolute;
	top: 325px;
	left: 80px;
}

.tituloMariaQuienesSomos
{
	position: absolute;
	top: 325px;
	left: 400px;
}

#panelTexto_1, #panelTexto_2, #panelTexto_3, #panelTexto_4
{
	position: absolute;
	width: 258px;
	text-align: justify;
	color: #9E9E9E;
	line-height: 15px;
}

#panelTexto_1
{
	top: 130px;
	left: 80px;
}

#panelTexto_2
{
	top: 355px;
	left: 80px;
}

#panelTexto_3
{
	top: 130px;
	left: 400px;
}

#panelTexto_4
{
	top: 355px;
	left: 400px;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* ELEMENTOS EN REALIZAR PEDIDO */

#panelInteriorPaginaPedido
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 520px;
}

.tituloFormularioPaginaPedido_1, .tituloFormularioPaginaPedido_2
{
	position: absolute; 
	top: 75px; 
	left: 12px; 
}

.tituloFormularioPaginaPedido_2
{
	left: 415px; 
}

.panelFormularioPaginaPedido
{
	position: absolute; 
	top: 75px; 
	left: 40px; 
	width: 375px;
	height: 424px;
	background-color: #E1E1E1;
	font-weight: bold;
	z-index: 3;
}

.tablaFormulario
{
	position: absolute; 
	top: 12px; 
	left: 12px; 
	z-index: 2;
}

.panelFormularioPaginaPedido td
{
	width: 95px;
	color: #707070;
}

.panelProductoPaginaPedido
{
	position: absolute; 
	top: 0px;
	right: 0px; 
}

.botonSeleccionarDetallePedido
{
	position: absolute; 
	bottom: 0px;
	right: 0px; 
}

.imagenProductoFormularioPedido
{
	position: absolute; 
	top: 266px;
	left: 192px; 
	z-index: 1;
}

.referenciaProductoFormularioPedido
{
	position: absolute; 
	top: 385px;
	left: 195px; 
	z-index: 3;
}

.precioProductoFormularioPedido
{
	position: absolute; 
	top: 385px;
	right: 25px; 
	z-index: 3;
}

.botonNuevoProductoFormularioPedido
{
	position: absolute; 
	top: 362px;
	left: 114px;
	z-index: 1; 
}

.panelTablaFormularioPaginaPedido
{
	position: absolute; 
	top: 75px; 
	left: 441px;
	width: 562px;	
	height: 424px;
	margin-bottom: 1px;
}

.totalResumenFormularioPedido
{
	position: absolute; 
	bottom: 43px; 
	right: 95px;
}

.valorTotalResumenFormularioPedido
{
	position: absolute; 
	bottom: 43px;
	right: 10px;
	font-size: 13px;
	font-weight: bold;
}

.botonConfirmarPedidoFormularioPedido
{
	position: absolute; 
	bottom: 7px; 
	right: 7px;
}

#panelNavegacionListadoDetallesPedido
{
	position: absolute;
	bottom: 8px;
	left: 15px;
	width: 382px;
	height: 24px;
	background-color: #1A1A1A;
	color: #FFFFFF;
}

/* --------------------------------------------------- */
/* LISTADOS - PAGINACION */

.elementosPaginacionFormulario
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 108px;
	height: 100%;
}

.botonInicioPaginacionFormulario, .botonAtrasPaginacionFormulario, 
.botonSiguientePaginacionFormulario, .botonFinalPaginacionFormulario
{
	position: absolute;
	top: 0px;
	right: 0px;
}

.botonSiguientePaginacionFormulario {right: 27px;}

.botonAtrasPaginacionFormulario {right: 54px;}

.botonInicioPaginacionFormulario {right: 79px;}

.textoInformativoPaginacionFormulario
{
	position: absolute; 
	top: 3px;
	left: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO TITULOS TABLA FORMULARIO */

.tituloReferenciaProductoTabla, .tituloNombreProductoTabla, .tituloTallaProductoTabla, .tituloColorProductoTabla, 
.tituloAnchoProductoTabla, .tituloPrecioProductoTabla, .tituloCantidadProductoTabla, .tituloTotalProductoTabla
{
	position: absolute;
	top: 12px;
	color: #FFFFFF;
}

.tituloReferenciaProductoTabla {left: 23px;}

.tituloNombreProductoTabla {left: 260px;}

.tituloTallaProductoTabla {left: 220px;}

.tituloAnchoProductoTabla {left: 170px;}

.tituloColorProductoTabla {left: 80px;}

.tituloPrecioProductoTabla {right: 110px;}

.tituloCantidadProductoTabla {right: 70px;}

.tituloTotalProductoTabla {right: 15px;}

#panelListadoDetallesResumenPedido
{
	position: absolute;
	top: 41px;  
}

.elementoProductoResumenPedido {top: 3px;}

.elementoTotalProductoResumenPedido
{
	position: absolute;
	top: 3px; 
	right: 10px;
	color: #FFFFFF;
}

.elementoEliminarProductoResumenPedido
{
	position: absolute;
	top: 6px; 
	left: 6px;
}