﻿/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* CONTENIDO PAGINA INICIAL */

.panelObjetoPublicidad
{
	background-color: #FFFFFF;
	height: 310px;
	width: 703px;		
	margin-bottom: 5px;
}

.panelContenidoPortada { position: relative; top: 0px; }

.panelControlNoticiasPortada { position: absolute; top: 0px; left: 0px; }

.panelControlContactosPortada { position: absolute; top: 300px; left: 0px; }

.panelControlAreaClientesPortada { position: absolute; top: 0px; left: 483px; }

.panelControlHoyDestacamosPortada { position: absolute; top: 91px; left: 483px; z-index:90; }

.panelControlHoyDestacamosPortadaVacaciones { position: absolute; top: 91px; left: 483px; z-index:100; background-color:Fuchsia; width:100px; height:100px; }

.panelProductosDestacadosPortada { position: absolute; top: 91px; left: 483px; z-index: 1; }

.enlaceDestacadoPortada { position: absolute; top: 264px; left: 105px; z-index: 2; width: 150px; }

.enlaceDestacadoPortada a { font-size: 7px; color: #F78B26; }

.panelDestacadoCentralPortada { position: absolute; top: 0px; left: 244px; }

.imagenSeparadorProductosDestacadosPortada { position: absolute; top: 54px; left: 369px; }

.listadoMosaicosPortada { position: absolute; top: 15px; left: 15px; }

.listadoMosaicosPortada li { margin-bottom: 12px; }

.panelMosaicoPortada { position: relative; width: 204px; height: 84px; }

.tituloPanelMosaicoPortada { position: absolute; top: 0px; left: 93px; color: #49494B; font-weight: bold; }

.textoPanelMosaicoPortada { position: absolute; top: 25px; left: 93px; width: 100px; 
                            color: #A5A5A5; font-weight: normal; line-height: 14px; }

/* --------------------------------------------------- */
/* INICIO - NOTICIAS PORTADA */

.tituloNoticiaPortada { font-weight: bold; color: #646464; } 

.contenidoNoticiaPortada { width: 214px; color: #A5A5A5; text-align: justify; line-height: 15px; }

.tituloNoticiaPortada_1, .contenidoNoticiaPortada_1, .enlaceNoticiaPortada_1,
.tituloNoticiaPortada_2, .contenidoNoticiaPortada_2, .enlaceNoticiaPortada_2  
{
	position: absolute;
	left: 10px; top: 43px;
}

.contenidoNoticiaPortada_1 {MARGIN-RIGHT: 0px; top: 63px; width: 214px; white-space:normal; word-wrap: break-word; overflow: hidden;} 

.enlaceNoticiaPortada_1 { top: 145px; left: 140px; }

.tituloNoticiaPortada_2 { top: 167px; }

.contenidoNoticiaPortada_2 {MARGIN-RIGHT: 0px; top: 187px; width: 214px; word-wrap: break-word; overflow: hidden;}

.enlaceNoticiaPortada_2 { top: 269px; left: 140px; }

/* --------------------------------------------------- */
/* CONTENIDO INTERIORES */

.contenedorInterior
{
	background-color: #FFFFFF;
	width: 703px;
	height: 773px;
}

.tituloPanelInterior
{
	position: absolute;
	left: 45px; top: 55px;
}

/* --------------------------------------------------- */
/* CONTENIDO INTERIORES - CATALOGO */

.panelTituloFamiliaCatalogo 
{ 
	position: absolute; 
	top: 55px; left: 49px; 
	width: 607px; height: 20px;
	background-color: #F78B26;
	color: #FFFFFF;
}

.tituloFamiliaCatalogo
{
	position: absolute;
	left: 6px; top: 1px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;

}

.panelEnlacesOrdenCatalogo { position: absolute; top: 1px; left: 330px; }

.panelEnlacesOrdenCatalogo a { color: #FFFFFF; }

.panelEnlacesOrdenCatalogo a:hover { color: #EBEBEB; }

.elementoEnlaceOrdenCatalogo { margin-right: 3px; }

.panelProductosDestacadosCatalogo { position: absolute; left: 0px; top: 746px; }

.elementoPanelSeparador_1_Catalogo, .elementoPanelSeparador_2_Catalogo
 { 
 	position: absolute; 
 	left: 49px; top: 94px; 
 }
 
.elementoPanelSeparador_2_Catalogo { top: 407px; }

.panelNavegacionListadoCatalogo { position: absolute; top: 716px; left: 49px;  }

.ficha_1_Catalogo, .ficha_3_Catalogo, .ficha_5_Catalogo, .ficha_7_Catalogo 
{ 
	position: absolute; 
	left: 49px; 
}

.ficha_2_Catalogo, .ficha_4_Catalogo, .ficha_6_Catalogo, .ficha_8_Catalogo 
{ 
	position: absolute; 
	left: 363px; 
}

.ficha_1_Catalogo, .ficha_2_Catalogo { top: 107px; }
.ficha_3_Catalogo, .ficha_4_Catalogo { top: 262px; }
.ficha_5_Catalogo, .ficha_6_Catalogo { top: 417px; }
.ficha_7_Catalogo, .ficha_8_Catalogo { top: 576px; }

/* --------------------------------------------------- */
/* CONTENIDO INTERIORES - PRODUCTO */

.panelObjetoImagenesProducto { position: absolute; top: 107px; left: 49px; }

.panelImagenProducto_0
{
	border-color: #D6D8D7; 
	border-width: 1px; 
	border-style: solid;
	width: 355px; height: 328px; 
}
	
.panelImagenProducto_0, .panelImagenProducto_1, .panelImagenProducto_2, .panelImagenProducto_3, .panelImagenProducto_4
{
	position: absolute;
	top: 107px;
	left: 49px;
}

.panelImagenProducto_1, .panelImagenProducto_2, .panelImagenProducto_3
{
	top: 443px; 
	border-color: #D6D8D7; 
	border-width: 1px; 
	border-style: solid;
	width: 98px; height: 91px; 
}

.panelImagenProducto_2 { left: 177px; }
.panelImagenProducto_3 { left: 306px; }

.imagenIconoDisponibilidadProducto { position: absolute; top: 107px; right: 60px; }

.imagenBotonComprarFichaProducto { position: absolute; top: 493px; left: 423px; }

.separadorFichaProducto_1, .separadorFichaProducto_2
{
	position: absolute;
	top: 444px;
	left: 159px;
}

.separadorFichaProducto_2 { left: 288px; }

.panelInformacionProducto
{
	position: absolute;
	top: 97px; left: 423px;
}

.imagenBotonVolverFichaProducto { position: absolute; top: 493px; right: 56px; }

/* --------------------------------------------------- */

/* CONTROLES */

.panelTituloControl
{
	width: 238px;
	height: 29px;	
	background-color: #FFFFFF;
	margin-bottom: 1px;	
}

.imagenTituloControl
{
	position: relative;
	top: 9px;
	left: 9px;
	background-color: #FFFFFF;
}

.panelContenidoControlNoticias
{	
	background-color: #FFFFFF;
	width: 238px;
	height: 264px;
}

.panelContenidoControlAreaClientes
{
	background-color: #FFFFFF;
	width: 220px;
	height: 56px;
}

.panelContenidoControlHoyDestacamos
{
	position: absolute;
	left: 0px; top: 30px;
	background-color: #FFFFFF;
	height: 502px;
	width: 220px;
}

/* CONTROLES - CONTROL CONTACTOS */

.panelContenidoControlContactosPortada
{
	background-color: #FFFFFF;
	height: 96px;
	width: 478px;
}

.iconoTelefonoControlContactosPortada
{
	position: absolute; 
	top: 37px;
	left: 375px;
}

.listadoColumna_1_ControlContactosPortada
{
	position: absolute; 
	top: 37px;
	left: 12px;
	color: #A3A3A3;
}

.listadoColumna_2_ControlContactosPortada
{
	position: absolute; 
	top: 37px;
	left: 18px;
	color: #A3A3A3;
}

.listadoColumna_2_ControlContactosPortada { left: 185px; } 

.listadoColumna_1_ControlContactosPortada li , .listadoColumna_2_ControlContactosPortada li { line-height: 20px;}
.listadoColumna_2_ControlContactosPortada a { color: #676767; }
.listadoColumna_2_ControlContactosPortada a:hover { color: #F78B26; }

/* CONTROLES - CONTROL ACCESO CLIENTES */

.panelTextoUsuario, .panelTextoClave
{
	position: absolute;
	/*left: 33px;*/
	left: 40px;
	top: 42px;
	color: #949494;
	width: 65px;
}

.panelTextoClave { left: 140px; width: 45px; }

.tituloPanelTextoUsuario, .tituloPanelTextoClave
{
	position: absolute;
	left: 10px;
	top: 42px;
	color: #98999B;
}

/*.tituloPanelTextoClave { left: 110px; }*/
.tituloPanelTextoClave { left: 113px; }

.panelBotonAccesoClientes
{
	position: absolute;
	left: 194px;
	top: 44px;
}

.enlaceRegistroClientes { position: absolute; bottom: 3px; right: 10px; color: #F78B26; font-weight:normal;  font-size:10px; }

.bienvenidaRegistroClientes { position: absolute; top: 42px; left: 10px; color: #98999B; }

.enlacePanelControl { position: absolute; bottom: 3px; left: 10px; color: #F78B26; font-weight:normal; font-size:10px; }

/* CONTROLES - CONTROL PRODUCTOS DESTACADOS */

/* Sección Portada ------------------------ */

.panelProductosDestacadosPortada { position: absolute; left: 0px; top: 746px; }

.panelContenidoProductosDestacadosPortada
{
	background-color: #FFFFFF;
	height: 162px;
	width: 750px;	
}

.ficha_1_PanelProductosDestacadosPortada, .ficha_2_PanelProductosDestacadosPortada { position: absolute; top: 57px; left: 36px; }

.ficha_2_PanelProductosDestacadosPortada { left: 403px; }

/* Secciones Interiores ------------------------ */

.panelProductosDestacadosInterior { position: relative; left: 0px; top: 0px; }

.panelContenidoProductosDestacadosInterior
{
	background-color: #FFFFFF;
	height: 162px;
	width: 975px;	
}

.ficha_1_PanelProductosDestacadosInterior, .ficha_2_PanelProductosDestacadosInterior, .ficha_3_PanelProductosDestacadosInterior  
{ 
	position: absolute; 
	top: 57px; left: 18px; 
}

.ficha_2_PanelProductosDestacadosInterior { left: 340px; }

.ficha_3_PanelProductosDestacadosInterior  { left: 665px; }

.imagenSeparadorProductosDestacadosInterior_1, .imagenSeparadorProductosDestacadosInterior_2
{ 
	position: absolute; 
	top: 47px; left: 322px; 
}

.imagenSeparadorProductosDestacadosInterior_2 { left: 647px }

.panelImagenFichaProducto  
{
	position: absolute; 
	top: 0px; left: 0px; 
	border-color: #D6D6D6;
	border-width: 1px; 
	border-style: solid;
	width: 98px; height: 91px; 
}

.imagenFichaProducto
{
	position: absolute; 
	top: 5px; left: 5px; 
}

.tituloFichaProducto 
{
	color: #4A4A4C; 
	font-weight: bold; 
}

.posicionInformacionFichaProducto
{
	position: absolute; 
	top: 1px; left: 122px;
	width: 292px;
}

.posicionInformacionFichaProducto li { line-height: 16px; }

.imagenIconoFichaProducto
{
	position: absolute; 
	top: 80px; left: 230px;
}

	
/* CATALOGO PRODUCTOS - LISTADO */

.elementoListadoProducto_1, .elementoListadoProducto_3, .elementoListadoProducto_5, .elementoListadoProducto_7, 
.separadorHorListadoProductos_1, .separadorHorListadoProductos_2, .separadorHorListadoProductos_3
{
	position: absolute;
	left: 0px;
	top: 12px;
}

.elementoListadoProducto_2, .elementoListadoProducto_4, .elementoListadoProducto_6, .elementoListadoProducto_8
{
	position: absolute;
	top: 12px;
	left: 322px;
}

.elementoListadoProducto_3, .elementoListadoProducto_4 { top: 167px; }

.elementoListadoProducto_5, .elementoListadoProducto_6 { top: 322px; }

.elementoListadoProducto_7, .elementoListadoProducto_8 { top: 482px; }


.separadorHorListadoProductos_2 { top: 294px; }
.separadorHorListadoProductos_3 { top: 452px; }

.separadorVerListadoProductos_1, .separadorVerListadoProductos_2, .separadorVerListadoProductos_3, .separadorVerListadoProductos_4
{
	position: absolute;
	left: 304px; top: 0px;
}

.separadorVerListadoProductos_2 { top: 146px } 
.separadorVerListadoProductos_3 { top: 302px } 
.separadorVerListadoProductos_4 { top: 460px } 

/* CONTROLES - MENU SECCIONES INTERIORES */

.elementoMenuInterior_1, .elementoMenuInterior_2, .elementoMenuInterior_3, .elementoMenuInterior_4, .elementoMenuInterior_5 
{
	position: absolute;
	top: 0px; left: 0px;
}
.elementoMenuInterior_2 { left: 142px; }
.elementoMenuInterior_3 { left: 282px; }
.elementoMenuInterior_4 { left: 422px; }
.elementoMenuInterior_5 { left: 562px; }


/* INTERIOR - NOTICIAS */

.panelListadoNoticias { position: absolute; top: 85px; left: 66px;  }

.panelNavegacionListadoNoticias { position: absolute; top: 500px; left: 68px;  }

.panelElementoListadoNoticias { position: relative; }

.tituloNoticiaListadoNoticias 
{
	position: absolute;
	top: 0px; left: 0px;
	font-weight: bold;
	color: #49494B;	
}

.fechaNoticiaListadoNoticias 
{
	position: absolute;
	top: 0px; right: 0px;
	font-weight: bold;
	color: #F8A724;	
}

.contenidoNoticiaListadoNoticias
{
	position: absolute;
	top: 25px; left: 0px;
	font-weight: normal;
	color: #A6A6A6;
	text-align: justify;	
	line-height: 16px;
	width:552px;
	word-wrap: break-word; 
	overflow: hidden;
}

.botonVerNoticiaListadoNoticias
{
	position: absolute;
	bottom: 0px; right: 0px;
}

.separadorNoticias { margin-top: 15px; margin-bottom: 15px; }

/* INTERIOR - NOTICIA */

.tituloInteriorNoticia, .separadorInteriorNoticia, .contenidoInteriorNoticia
{
	position: absolute;
	top: 108px; left: 68px;	
	word-wrap: break-word; overflow: hidden;
}

.tituloInteriorNoticia
{
	font-weight: bold;
	color: #49494B;	
}

.separadorInteriorNoticia { top: 115px; }

.contenidoInteriorNoticia 
{ 
	top: 135px; 
	font-weight: normal;
	color: #A6A6A6;
	text-align: justify;	
	line-height: 16px;
	width: 552px;
	word-wrap: break-word; overflow: hidden;
}

.fechaInteriorNoticia
{
	position: absolute;
	top: 108px; left: 563px;	
	font-weight: bold;
	color: #F8A724;	
}

/* INTERIOR FICHA PRODUCTO */

.contenidoInteriorFichaProducto p
{
	text-align: justify;
	width: 225px;
	color: #A5A5A5;
	line-height: 15px;
}

.separadorFichaProducto_1
{
	
}

/* INTERIOR - FORMULARIO DE CONTACTO */

.panelFormularioContacto
{
	position: relative;
	top: 150px; left: 65px;
	width: 600px;
}

.panelFormularioContacto a, .panelFormularioContacto a:hover { color: #F78B26; font-weight: bold; }

.panelFormularioContacto a:hover { text-decoration: underline; }

.panelFormularioContacto td { padding-bottom: 5px; }

.celdaSeparadorFormularioContacto { height: 30px;}

.textoInformativoFormularioContacto
{
	position: absolute;
	top: 95px; left: 65px;
	color: #A4A4A4; text-align: justify;
	width: 550px;
}

.textoInformativoFormularioContacto_2
{
	position: absolute;
	top: 155px; left: 65px;
	color: #A4A4A4; text-align: justify;
	width: 550px;
}

.textoInformativoPieFormularioContacto
{
	position: absolute;
	top: 480px; left: 65px;
	color: #A4A4A4; text-align: justify;
	width: 550px;
}

.textoInformativoPieFormularioContactoRegistro2
{
	position: absolute;
	top: 610px; left: 65px;
	color: #A4A4A4; text-align: justify;
	width: 550px;
}

.textoVacaciones
{
	position:relative;
	top: 355px; left: 65px;
	color: #F97725;
	font-weight:600;
	text-align: justify;
	width: 550px;
}

.botonEnviarFormularioContacto
{
	position: absolute;
	bottom: 30px; left: 544px;
}

.botonVolverInteriorNoticia
{
	position: absolute;
	bottom: 30px; right: 83px;
}

/* CATALOGO EMPRESA */

.imagenFondoInteriorEmpresa { position: absolute; left: 0px; bottom: 0px; }

.textoInteriorEmpresa 
{ 
	padding-top: 55px; padding-left: 40px; padding-right: 40px;
	text-align: justify; color: #B0B0B0;
}

/* REGISTRO EMPRESA */

.resultadoRegistroFormularioContacto { position: relative; bottom: 0px; left: 0px; }

.botonRegistroFormularioContacto { position: relative; top: 5px; left: 490px; }

.aceptarCondicionesRegistroFormularioContacto { position: absolute; bottom: 5px; right: 250px; }

/* CONTROL - BOLSA DE LA COMPRA */

.panelBolsaCompra { position: relative; margin-top: 3px; width: 264px; height: 115px; }

.botonConfirmarPedidoBolsaCompra { position: absolute; top: 94px; left: 0px; }

.botonBorrarContenidoBolsaCompra { position: absolute; top: 49px; left: 143px; }

.textoContenidoBolsaCompra { position: absolute; top: 26px; left: 11px; }

.totalContenidoBolsaCompra, .importeTotalContenidoBolsaCompra { position: absolute; top: 72px; left: 11px; }

.importeTotalContenidoBolsaCompra { left: 210px; }

/* INTERIOR - FORMULARIO RESUMENT DE PEDIDO */

.contenedorInteriorResumentPedido { background-color: #FFFFFF; width: 703px; height: 773px; 
                                    min-height: 600px; height: auto !important;	height: 773px; }

.panelDatosPedidoInteriorPedido { position: relative; top: 0px; left: 64px; } 

.panelTablaResumenInteriorPedido { position: relative; margin-top: 20px; margin-bottom: 20px; top: 0px; left: 64px; } 

.textoNombreCompletoInteriorPedido, .textoTelefonoInteriorPedido, .textoDireccionInteriorPedido 
{ position: absolute; top: 18px; left: 138px; }

.textoTelefonoInteriorPedido { top: 48px; }

.textoDireccionInteriorPedido { top: 75px; }

.textoCifInteriorPedido { position: absolute; top: 18px; left: 437px; }

.textoCorreoInteriorPedido { position: absolute; top: 48px; left: 380px; }

.tablaResumenInteriorPedido { position: relative; width: 553px; border: none;  }

.tablaResumenInteriorPedido td { height: 24px; padding-left: 5px; color: #8F8F8F; }

.filaContenidoResumenInteriorPedido td { border-left: solid 1px #C7C7C7; border-bottom: solid 1px #C7C7C7; }

.filaTituloTablaResumenInteriorPedido { background-color: #F78B26; border: solid 1px #F78B26;  }

.filaTituloTablaResumenInteriorPedido td { padding-left: 5px; color: #FFFFFF; font-weight: bold; }

.celdaEliminarResumenInteriorPedido { width: 18px; }

.celdaUnidadesResumenInteriorPedido { width: 60px; }

.celdaPrecioResumenInteriorPedido  
{
	width: 60px; text-align: right; padding-right: 10px;
	float:right; 
	}
	
.celdaImporteResumenInteriorPedido 
{ 
	width: 60px;
	background-color: #C6C6C6; border-bottom: solid 1px #FFFFFF;
	font-weight: bold; text-align: right; 
	padding-right: 10px; 
}

.celdaImporteResumenInteriorPedido td { border-bottom: solid 1px #FFFFFF; }

.filaTotalTablaResumenInteriorPedido { background-color: #4A4A4C; font-weight: bold; padding-left: 10px; }

.filaTotalTablaResumenInteriorPedido td { color: #FFFFFF; }

.filaTransporteTablaResumenInteriorPedido { background-color: #F7F7F7; font-weight: bold; padding-left: 10px; }

.filaTransporteTablaResumenInteriorPedido td { color: #8F8F8F; }

.celdaTotalTablaResumenInteriorPedido { width: 60px; text-align: right; padding-right: 10px; }

.botoneraInteriorPedido { position: relative; margin-top: 15px; left: 285px; }

.botoneraInteriorPedidoResumen2{ position: relative; margin-top: 15px; left: 341px; }

.botonInteriorPedido { margin-right: 8px; }


