@charset "utf-8";
/* CSS Documento */

/**************************************************************************
PAR�_METROS GENERALES
***************************************************************************/
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
body {
	margin: 0px auto;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/**
	  * 20080219@ZCL
	  * Cambiado el tamaño de las
	  * tipo por defecto, controlar
	  * posibles daños colaterales
	  * font-size: 9px;
	  */
	font-size: 10px;
	}
	
img {
	border: 0px;
	}
	
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	}

span {
	font-size:8px;
	color: #8c8c8c;
	}
	span.normal {
		font-size:9px;
		color: #000000;
		}
	span.rojo {
		color: #9c301a;
		font-size:9px;
		}
		span.rojo a {
			color: #983226;
			font-size:10px;
			text-decoration: none;
			font-weight:bold;
			}
	span.gris {
		font-family: Arial, Helvetica, sans-serif;
		color:#444444;
		}	
		span.grisNegrita {
			font-family: Arial, Helvetica, sans-serif;
			color:#444444;
			font-weight: bold;
			}
.fleft {
	float: left;
	}
	
.fright {
	float: right;
	}
.justify {
	text-align:justify;
	}
		
a {
	text-decoration: none;
	color: #000000;
	font-size: 9px;
	}

.limpia {
	clear:both;
	}

.bordeLineaBottom {
	border-bottom: #9d9d9d dashed 1px;
	}

h2 {
	/**
	  * Cambio de tipo "Arial Black" a "Arial" con bold
	  * para una visualización más homogénea
	  * font-family: "Arial Black", Arial, Helvetica, sans-serif;
	  **/
	 font-family: Arial, Helvetica, sans-serif;
	 font-weight: bold;
	}

/**
  * 20080219@ZCL
  * Creado para unificar todos
  * los enlaces tipo
  * Revisado por Héctor y Zaca
  */
li.link,
li.linkBack,
li.linkBackEmpty {
	list-style: none;
	background-repeat: no-repeat;
	}
li.link {
	background-image: url(../imagenes/flecha_peque.gif);
	padding-left: 12px;
	background-position: 0px 2px;
	}
li.linkBack,
li.linkBackEmpty {
	background-image: url(../imagenes/flecha_peque_back.gif);
	padding-left: 10px;
	background-position: 0px 3px;
	margin: 5px 5px 5px 0px;
	}
li.linkBackEmpty {
	background-image:none;
	}
	li.link a,
	li.linkBack a,
	li.linkBackEmpty a,
	li.link a.inPage {
		color: #983226;
		font-size:10px;
		text-decoration: none;
		font-weight:bold;
		}
		li.link a.inPage {
			color:#FFFFFF;
			background-color:#983226;
		}
	
/**************************************************************************
M�_RGENES IMG
***************************************************************************/	
.mr2 {
	margin: 0px 2px 0px 0px;
	}
.mr8 {
	margin: 0px 8px 0px 0px;
	}
.mb2 {
	margin: 0px 0px 2px 0px;
	}

/**************************************************************************
PORTADA
***************************************************************************/
#seleccionLang {
	margin: 0px auto;
	text-align: left;
	width: 397px;	
	padding: 150px 0px;	
	}
	#seleccionLang #cat {
		width: 194px;
		margin: 0px 3px 0px 0px;
		}
		#seleccionLang #cat img {
			margin: 0px 0px 9px 0px;
			}
		#seleccionLang #cat p {
			border-top: #e5e5e5 solid 2px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #333333;
			line-height: 13px;
			padding: 4px 0px 0px 0px;
			}
			#seleccionLang #cat p a {
				color: #333333;
				}
				#seleccionLang #cat p a:hover {
					color: #9c301a;
					}
	#seleccionLang #esp {
		width: 194px;
		}
		#seleccionLang #esp img {
			margin: 0px 0px 9px 0px;
			}
		#seleccionLang #esp p {
			border-top: #e5e5e5 solid 2px;
			font-size: 9px;
			color: #333333;
			line-height: 13px;
			padding: 4px 0px 0px 0px;
			}
			#seleccionLang #esp p a {
				color: #333333;
				}
				#seleccionLang #esp p a:hover {
					color: #9c301a;
					}

/**************************************************************************
ESTRUCTURA
***************************************************************************/
#main {
	margin: 0px auto;
	text-align: left;
	width: 785px;
	}
	#header {
		margin: 0px 0px 5px 0px;
		width:785px;
		height:124px;
		background-repeat:no-repeat;
		background-position:right top;
		/* background: url(../imagenes/logo.jpg) 0 0 no-repeat; */
		}
		#selectWebLang {
			float:right;
			background-color:#2b2b2b;
			padding:8px 16px;
			}
	#sidebarleft {
		width: 150px;
		margin: 0px 3px 0px 0px;
		background-color: #f6f6f6;
		}
		#container {
			width: 632px;
			margin: 0px 0px 0px 0px;
			}		
			#menu {
				/* nada */
				}
			#content {
				/* nada */
				}
				#seleccionProducto {
					border: #e4e2e3 solid 1px;
					width: 416px;
					padding: 2px 2px;
					}
			#sidebarright {
				width: 207px;
				}

/**************************************************************************
MENU DE NAVEGACION - ENLACES
***************************************************************************/
#selectWebLang,
#selectWebLang a {
		color:#FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:11px;
	}
#selectWebLang a {
		text-decoration:underline;
	}
/**************************************************************************
MENU DE NAVEGACION - ENLACES
***************************************************************************/
ul#menu {
	list-style-type: none;
	font-size: 9px;
	font-weight: bold;
	display: inline;
	}
	ul#menu li {
		text-align: center;
		margin: 0px 5px 0px 0px;
		padding: 9px 0px 6px 0px;
		width: 81px;
		background-repeat:no-repeat;
		text-transform:uppercase;
		}
	ul#menu li.last {
		margin: 0px;
		}
		ul#menu li a {
			display: block;
			font-weight: bold;
			color: #595959;
			}
			ul#menu li a:hover, ul#menu li a.activa {
				color: #000000;
				}
			ul#menu li a.inactiva {
				color: #595959;
				}
a.back {
	color: #5c5c5c;
	font-weight: bold;
	font-size: 12px;
}

/**************************************************************************
SUBMENU (MENÚS OCULTOS)
***************************************************************************/
#lineaMenuEmpresa {
	position:relative;
	}
#lineaMenuProductes {
	position:relative;
	left: 50px; /* Márgenes para centrar el subMenu --> Productes. */
	}
#lineaMenuContacta {
	position:relative;
	left: 230px; /* Márgenes para centrar el subMenu --> Contacto. */
	}
	ul.subMenu {
		list-style-type: none;
		/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
		font-size: 8px;
		font-weight: bold;
		float: left;
		}
		ul.subMenu li {
			float: left;
			text-align: center;
			padding: 7px 12px 6px 12px;
			text-transform:uppercase;
			}
			ul.subMenu li a {
				display: block;
				font-weight: bold;
				color: #000000;
				}
				ul.subMenu li a:hover,
				ul.subMenu li .activa {
					color: #9b302a;
					}
					
/**************************************************************************
TRACKING
***************************************************************************/
#tracking {
	padding: 0px 0px 12px 0px;
	}
	#tracking span a {
		color: #000000;
		font-size: 9px;
		text-transform:uppercase;
		}
					
/**************************************************************************
COLUMNA IZQUIERDA (SIDEBARLEFT)
***************************************************************************/
#sidebarleft h2.tituloBloqueLeft {
	background: url(../imagenes/header_block_left.gif) 0 0 no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	padding: 9px 0px 6px 0px;
	text-transform:uppercase;
	}
#sidebarleft .separador {
	padding: 0px 8px 0px 8px; /* Separador de dashed para el título */
	margin: 0px 0px 10px 0px; /* Bottom*/
	}
#sidebarleft .separadorText {
	padding: 0px 10px 0px 10px; /* Separador de dashed para el texto */
	margin: 0px 0px 10px 0px; /* Bottom*/
	}
	
form.separadorForm {
	margin: 0px 0px 0px 10px;
	}
	#sidebarleft .separadorForm label {
		color: #848484;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight:bold;
		text-transform:uppercase;
		}
	#sidebarleft select.bloque_left {
		width: 130px;
		color: #848484;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		border: #7d7d7d solid 1px;
		margin: 0px 0px 10px 0px; /* Bottom */
		text-transform:uppercase;
		}
	#sidebarleft input.campoTexto {
		width: 128px;
		color: #848484;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		height: 13px;
		border: #7d7d7d solid 1px;
		text-transform:uppercase;
		}
	#sidebarleft .botonOk {
		float:right;
		margin: 10px 10px 0px 0px;
		border: none;
		background-color: #333333;
		color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 8px;
		padding: 2px;
		}
#sidebarleft .separaTop {
	margin-top: 3px;
	}
#sidebarleft p.accesoTexto {
	margin: 0px 0px 0px 5px;
	font-family: Arial, Helvetica, sans-serif, "Arial Black";
	font-size: 10px;
	}
	#sidebarleft p.accesoTexto a {
		color: #000000;
		}
#sidebarleft #atencionCliente {
	background: url(../imagenes/atencion_cliente.jpg) 0 0 no-repeat;
	width: 149px;
	height: 114px;
	float:left;
	}
	
#sidebarleft h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 3px 0px 3px 0px;
	color: #FFFFFF;
	background: #993128;
	margin: 83px 0px 0px 0px;
	}

#sidebarleft h2#trabajar {
	width:140px;
	background: url(../imagenes/header_block_left.gif) no-repeat;
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 0px 5px;
	text-transform:uppercase;
	}
	
#sidebarleft p.trabajar {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 8px 0px 15px 0px; /* Margen entre el título y el texto */
	padding: 0px 5px; /* Margen entre el dashed y el texto */
	}
	#sidebarleft p.trabajar a {
		text-decoration: none;
		color: #9c301a;
		font-weight: bold;
		font-size: 14px;
		}

/**************************************************************************
CONTENIDO CENTRAL (CONTENT)
***************************************************************************/
#content #seleccionProducto h2 {
	font-size: 12px;
	color: #333333;
	text-align: center;
	/** 20080222@ZCL
	  * Modificado el fondo para
	  * que sea un degradado como
	  * esta en el diseño
	  * background: #dbdbdb;
	  */
	background:#d1d2d4 url(../imagenes/header_title_back.gif) repeat-x top;
	padding: 2px 0px;
	margin: 0px 0px 2px 0px; /* Margen entre el título y los tipos de productos */
	font-weight: bold;
	}
	#content #seleccionProducto h3 {
		/**
		  * Cambio de tipo "Arial Black" a "Arial" con bold
		  * para una visualización más homogénea
		  * font-family: "Arial Black", Arial, Helvetica, sans-serif;
		  **/
	 	font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		text-decoration: underline;
		margin: 0px 0px 0px 0px;
		}
#content .moduloProducto {
	background: #dadada url(../imagenes/back_selec_productos.gif) top;
	padding: 3px 2px;
	height: 72px; /* mirar bien */
	}
	#content .imgProducto {
		margin: 0px 45px 0px 0px;
		}
	#content .moduloProducto p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333333;
		margin: 0px 0px 5px 0px;
		}
	#content .moduloProducto select {
		width: 130px;
		color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border: #7d7d7d solid 1px;
		font-size: 10px;
		}
	#content .moduloProducto input {
		border: none;
		background-color: #333333;
		color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 8px;
		padding: 2px;
		height: 17px;
		margin: 0px 0px 0px 10px;
		cursor:pointer;
		}
.moduloLinea {
	border-top: #e4e2e3 solid 1px;
	margin: 2px 13px;
	}
	
/**************************************************************************
BLOQUES (OFERTAS & NOTICIAS )
***************************************************************************/
#content .moduloBloques {
	width: 207px;
	border-top: #9d9d9d dashed 1px;
	min-height: 80px; /* Altura mínima de los bloques */
	_height: 80px; /* Para IE */
	}
	#content #moduloOfertas {
		background: #73f300;
		margin: 3px 7px 0px 0px;
		}
		#content #moduloOfertas h2 a {
			font-size: 22px;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: underline;
			margin: 0px 0px 0px 15px;
			}
			#content #moduloOfertas p a {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				margin: 3px 10px 5px 15px;
				font-weight:bold;
				color:#333333;
				display:block;
				}
	#content #moduloNoticias {
		background: #7f7f7f;
		margin: 3px 0px 0px 0px;
		color: #FFFFFF;
		}
		#content #moduloNoticias h2 a {
			font-size:13px;
			font-weight:bold;
			color: #FFFFFF;
			text-decoration:underline;
			margin:3px 10px 0px 15px;
			display:block;
			}
			#content #moduloNoticias p a {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				margin: 2px 10px 5px 15px;
				font-weight:bold;
				color:#333333;
				display:block;
				}

/**************************************************************************
PLANTILLA MODULOS
***************************************************************************/
.moduloSeccion {
	border: #e4e2e3 solid 1px;
	width: 626px;
	padding: 2px 2px;
	margin: 0px 0px 10px 0px; /* bottom */
	}
	.moduloSeccion h2 {
		font-size: 24px;
		/** 20080222@ZCL
		  * Modificado el fondo para
		  * que sea un degradado como
		  * esta en el diseño
		  * background: #dbdbdb;
		  */
		background:#d1d2d4 url(../imagenes/header_title_back.gif) repeat-x top;
		color: #333333;
		text-decoration: underline;
		padding: 5px;
		margin: 0px 0px 1px 0px; /* Margen de los títulos */
		}
	.moduloSeccion .separadorList {
		/**
		  * ZCL@20080313
		  * Ojo con el cambio hecho
		  * abajo puede que esto no
		  * se utlice en ningún lugar más
		  */
		padding: 0px 100px 0px 25px /* mirar */
		}
		.moduloSeccion ol {
			padding: 0px 100px 0px 25px
			}
			.moduloSeccion ol li {
				color: #444444;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: normal;
				line-height:13px;
				}
				.moduloSeccion ol li {
					color: #444444;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					font-weight: bold;
					}
					.moduloSeccion ol li p {
						margin:0px;
						color: #444444;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 10px;
						font-weight: normal;
						line-height:13px;
						}
					.moduloSeccion ol li a {
						color: #983226;
						font-size:10px;
						font-weight:bold;
						text-transform:uppercase;
						}
	.moduloSeccion table {
		color: #5c5c5c;
		font-weight: bold;
		}
	.moduloSeccion span {
		color: #5c5c5c;
		font-weight: bold;
		font-size: 12px;
		}
		/**
		  * 20080220@ZCL
		  * Mensajes generados tras
		  * las acciones de envío
		  */
		.moduloSeccion span.warning {
			text-align:justify;
			font-weight: normal;
			font-size:10px;
			color: #983226;
			}
	.bordeProducto {
		 border-bottom: #e3e3e3 solid 1px;
		 margin: 2px 0px 1px 0px;
	 		}	
	td.first {
		padding: 0px 0px 0px 5px; /* Margen entre ">" y la imagen. */
		width: 166px;
		}
	.espacioBottom {
		margin: 1px 0px 0px 0px;
		}
	.moduloSeccion p {
		color: #444444;
		font-size: 10px;
		margin: 0px 0px 0px 5px;
		}
		.moduloSeccion p a {
			text-decoration: underline;
			color: #000000;
			}
	p.productoDetalle {
		width: 250px;
		padding: 5px 0px 0px 0px;
		font-weight: normal;
		color:#444444;
		}
	.moduloContenido {
		padding: 15px 15px 15px 0px;
		}
		.moduloContenido h3 {
			color: #9b0109;
			font-weight: bold;
			font-size: 11px;
			text-transform:uppercase;
			}
		p.margen{
			padding: 0px 0px 0px 10px;
			color: #444444;
			}
	.moduloContenidoAll {
		padding: 15px 0px 15px 5px;
		}
	.moduloContenidoAllB {
		padding: 15px 0px 15px 0px;
		}
		.moduloContenidoAll h3 {
			color: #9b0109;
			font-weight: bold;
			font-size: 11px;
			text-transform:uppercase;
			}
		.moduloTextB {
			width: 358px; /* 320 px */
			border-right: #d1d1d1 solid 1px;
			}
		/* 11/02/08 */
		.moduloText {
			/**
			  * 200802119@ZCL
			  * Rebajado 7px para permitir
			  * margen derecho
			  * width: 356px;
			  */
			width: 349px;
			}
			/** 20080215@ZCL
			  * Añadido para dar estilo a los títulos de noticas,
			  * moduloText se estaba utilizando en Empresa > Gabarró,
			  **/
			.moduloText h3 {
				color: #9b0109;
				font-weight: bold;
				font-size: 11px;
				text-transform:uppercase;
				margin: 0px 0px 10px 0px;
				}
				.moduloText h3 .postDate {
					color:#9d9d9d;
					font-weight:bold;
					font-size: 11px;
					}
			/** 20080215@ZCL
			  * Añadido para dar estilo los párrafos de noticas
			  **/
			.moduloText ul {
				margin: 8px 3px 0px 3px;
			}
			.moduloText p {
				/** 20080219@ZCL
				  * Normalizar estilos de párrafos,
				  * en gris y justificado
				  **/
				margin: 0px 5px;
				color: #444444;
				line-height: 13px;
				text-align: justify;
				}
				/** 20080215@ZCL
				  * Añadido para dar estilo a los enlaces
				  * "Leer más" de noticas, moduloText se estaba utilizando
				  * en Empresa > Gabarró, yo la he utilizado también para el
				  * índice de noticias modificando los estilos de .moduloSeccion h4
				  **/
				.moduloText p a {
					color: #9c301a;
					padding: 0px 0px 0px 10px;
					margin: 0px 0px 10px 0px;
					background: url(../imagenes/flecha_listado.gif) no-repeat;
					}
				.postListDocuments {
					margin: 0px 0px 0px 12px;
					}
					.postListDocuments p a {
						color: #9c301a;
						padding:0px;
						margin:0px;
						background:none;
						}
/**************************************************************************
MODULOS - MEDI AMBIENT
***************************************************************************/			
.moduloTextMedi {
	border-right: #d1d1d1 solid 1px;
	width: 355px;
	padding: 0px 10px 30px 0px;
	margin: 0px 0px 0px 0px;
	}
	.moduloTextMedi p {
		color: #444444;
		line-height: 13px;
		text-align: justify;
		margin: 0px;
		}
		.moduloTextMedi p span {
			font-style: italic;
			color: #333333;
			font-weight: normal;
			font-size: 9px;
			}
	.moduloTextMedi ul.normal {
		list-style-position: inside;
		/**
		  * 20080219@ZCL
		  * Añadido color porque
		  * lo printaba en negro
		  */
		color: #444444;
		}
		.moduloTextMedi li.normal {
			/* nada */
			}

.mediRight {
	width: 243px;
	text-align: center;
	padding: 0px 5px 0px 5px;
	}
	.mediRight p {
		text-align: left;
		margin: 0px;
		}
	.pdf {
		text-align: center;
		width: 119px;
		}
		.pdf span {
			width: 115px;
			margin: 0px;
			text-align: center;
			font-weight: normal;
			}
			
/**************************************************************************
R.R.H.H
***************************************************************************/
ul.listadoBlack {
	font-size: 8px;
	font-size: 10px;
	margin: 0px 0px 0px 16px;
	list-style-image: url(../imagenes/flecha_listado_black.gif);
	}
	ul.listadoBlack li {
		font-weight: bold;
		color: #444540;
		}
	ul.listadoBlack span {
		font-size: 9px;
		font-weight: normal;
		color: #333333;
		}
		ul.listadoBlack span.rojo {
			color:#9c301a;
			}
		ul.listadoBlack span.rojo {
			color:#9c301a;
			}
	ul.listadoBlack p {
		color: #333333;
		font-weight: normal;
		margin: 0px;
		}
.centrar {
	text-align: center;
	}
	
form input.botonSoli {
	width: 110px;
	border-top: #a8a8a8 dashed 1px;
	border-bottom: #a8a8a8 dashed 1px;
	border-right: none;
	background: f3f3f3;
	font-weight: bold;
	color: #454545;
	font-size: 9px;
	}
.moduloTextSol {
	width: 358px; /* 320 px */
		border-right: #d1d1d1 solid 1px;
	}
.moduloContenidoTextB {
	width: 260px;
	padding: 0px 0px 0px 2px;
	}
.thumbRRHH {
	margin: 0px 5px 0px 0px;
}
/**************************************************************************
BLOQUE DERECHO
***************************************************************************/		
.moduloImg {
	width: 251px;
	}
img.lastImg {
	margin: 0px 0px 10px 0px;
	}
.tituloContenidoLeft {
	width: 372px;
	}
.moduloContenidoText {
	width: 260px;
	border-left: #d1d1d1 solid 1px;
	padding: 0px 0px 0px 2px;
	}
	.moduloContenidoText p,
	.moduloContenidoTextB p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #909090;
		font-weight: bold;
		line-height: 13px;
		margin: 2px 0px 0px 0px;
		}
		/**
		  * 20080219@ZCL
		  * Para dar estilo a los
		  * enlaces de copntacto,
		  * que no tenían
		  */
		.moduloContenidoTextB a.contacto {
			font-size: 9px;
			color: #983226;
			text-decoration:none;
		}
			
/**************************************************************************
MARCAS PRODUCTOS
***************************************************************************/
table.tipos {
	width: 300px;
	margin: 10px 0px 0px 5px;
	font-weight: normal;
	}
	table.tipos thead td {
		border-bottom: #999999 solid 1px;
		padding: 0px 0px 2px 0px;
		}
		table.tipos thead td h4 {
			margin: 0px;
			}
			table.tipos td {
				padding: 1px 0px;
				/**
				  * ZCL@20080317
				  * Ajuste del formato
				  */
				padding-top:4px;
				padding-left:11px;
				}
			/**
			  * ZCL@20080317
			  * Deshabilitadas temporalmente
			  * hasta no comprobar que se utilizan
			table.tipos td.sinBack {
				background: none;
				}
				img.bordeImg {
					margin: 0px 0px 0px 2px;
					}
			  */
ul.listado {
	/**
	  * Normalizar textos
	  * en gris y justificado
	  *
	  *	font-size: 8px;
	  *	font-size: 10px;
	  */
	color: #444444;
	line-height: 13px;
	text-align: justify;
	margin: 0px 0px 0px 16px;
	list-style-image: url(../imagenes/flecha_listado.gif);
	}
	ul.listado li {
		margin: 0px 0px 13px 0px;
		}
ul.listado2 {
	font-size: 8px;
	font-size: 10px;
	border: #FF0000 solid 1px;
	}
	.listadoDetalle {
		font-size: 8px;
		margin: 10px 0px 0px 0px;
		width: 250px;
		}
		.listadoDetalle p {
			font-weight: normal;
			}
			
span.listadoRojo {
	font-weight: bold;
	color: #b13327;
	}
		
span.listadoGris {
	font-weight: normal;
	color: #454545;
	}
	
.separadorContenido {
	margin: 0px 0px 0px 8px;
	}
	.separadorContenido h3 {
		text-transform:uppercase;
		}
	.separadorContenido a {
		font-size: 10px;
		color: #9c301a;
		}

.marcas {
	width: 175px;
	}

.moduloContenidoDetalles {
	width: 248px;
	padding: 0px 0px 0px 2px;
	}
	.moduloContenidoDetalles h3 {
		/**
		  * ZCL@20080311
		  * Unificando estilos
		  */
		background:#e5e6e6 url(../imagenes/sidebar_title_back_enciclopedia.gif) repeat-x top;
		font-size:10px;
		color: #58595B;
		padding:7px 5px;
		text-transform:none;
		}
	.moduloContenidoDetalles p {
		/**
		  * ZCL@20080311
		  * Unificando estilos
		  */
		padding:5px 5px 5px 0px;
		font-weight:normal;
		color: #444444;
		font-size:10px;
		line-height:13px;
		}
	.moduloContenidoDetalles ul {
		/**
		  * ZCL@20080312
		  * Unificando estilos
		  */
		padding:5px 5px 5px 3px;
		}
		.moduloContenidoDetalles li {
			/**
			  * ZCL@20080312
			  * Unificando estilos
			  */
			margin:0px 0px 3px 0px;
			}
		
		
.moduloSeccion h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9c301a;
	padding: 0px 0px 0px 10px;
	/**
	  * 20080219@ZCL
	  * Rebajado el margen izquierdo 5px
	  * para alinearlo con el resto del texto
	  * margin: 5px 0px 0px 10px;
	  * Corregir el desfase en la lista de ofertas
	  * y dptos. de RRHH
	  */
	margin: 5px 0px 0px 5px;
	background: url(../imagenes/flecha_listado.gif) no-repeat;
	/* border:#000033 solid 1px; */
	}
	/**
	  * 20080303@ZCL
	  * Añadido estilos a los enlaces
	  * dentro de los h4 que hay en 
	  * la sección de maderas por ejemplo
	  */
	.moduloSeccion h4 a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #9c301a;
		}
.moduloSeccion h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454545;
	/* padding: 0px 0px 0px 10px; */
	margin: 0px 0px 0px 14px;
	font-weight: normal;
	}
	
.textoDetalle {
	width: 375px;
	border-right: #d1d1d1 solid 1px;
	}
	.textoDetalle p {
		padding: 0px 20px 0px 5px;
		font-weight: normal;
		margin: 0px 0px 5px 10px;
		/*width: 170px;*/
		/**
		  * ZCL@11032008
		  * Unificando estilos
		  */
		color: #444444;
		font-size: 10px;
		line-height:13px;
		}
	.textoDetalle h4 {
		margin-bottom: 3px;
		}
	.stock {
		margin: 0px 20px;
		}
		h5.backRojo {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 16px;
			text-align: center;
			color: #FFFFFF;
			background: #993128;
			width: 335px;
			padding: 2px 0px;
			margin: 2px 0px 0px 0px;
			text-transform:uppercase;
			}
		.stock .novedad {
			margin: 0px 25px 0px 0px;
			}
		img.imgPad {
			padding: 0px 3px 0px 0px;
			}

/**************************************************************************
PRODUCTOS STOCK (TABLAS)
***************************************************************************/			
table.medidasStocks {
	color: #797979;
	width:100%;
	}
	table.medidasStocks td {
		padding: 1px 0px;
		}
	table.medidasStocks thead td {
		color:#993128;
		border-bottom: #858585 solid 1px;
		font-size: 10px;
		padding:4px 8px;
		font-weight: bold;
		}
		table.medidasStocks thead td a {
			color:#993128;
			font-size: 10px;
			font-weight: bold;
			}
	table.medidasStocks td.celdaCentro {
		text-align: center;
		}
	table.medidasStocks td.celdaDer {
		text-align: right;
		}
	table.medidasStocks thead td.borderNone{
		border-bottom:0px;
		}
		table.medidasStocks tr.celdaGris {
			background: #f6f6f6;
			}
		.moduloContenidoDetalles table td {
			text-decoration: none;
			color: #333333;
			}
			.moduloContenidoDetalles table td a {
				text-decoration: none;
				font-weight: normal;
				color: #333333;
				}
	
/**************************************************************************
MODULO CRYSTAL
***************************************************************************/				
.textoDetalleCrystal {
	border-right: #d1d1d1 solid 1px;
	width: 410px;
	}		
	.moduloContenidoDetallesPe h3 {
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: #e8e8e8;
		color: #333333;
		padding: 4px 2px;
		text-decoration: underline;
		}
		.moduloContenidoDetallesPe table {
			width: 213px;
			}
		.moduloContenidoDetallesPe table td {
			text-decoration: none;
			color: #333333;
			}
			.moduloContenidoDetallesPe table td a {
				text-decoration: none;
				font-weight: normal;
				color: #333333;
				}
		.margenCrystal {
			width: 282px;
			}
		.textoDetalleCrystal h3 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: bold;
			text-align: center;
			color: #FFFFFF;
			background: #993128;
			padding: 4px 0px;
			width: 282px;
			}
		.textoDetalleCrystal h6 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			color: #9c301a;
			}

/**************************************************************************
FORM SOLICITUD RRHH y CONTACTO
***************************************************************************/
form.solicitud {
	/* nada */
	}
	form.solicitud label {
		/**
		  * 20080219@ZCL
		  * Añadido para
		  * normalizar textos
		  */
		  color:#444444;
		  font-weight: bold;
		}
	form.solicitud input,
	form.solicitud textarea {
		color: #444444;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width: 167px;
		border: #dddddd solid 1px;
		margin-top:3px;
		}
		form.solicitud input.Big {
			width: 346px;
			border: #dddddd solid 1px;
			}
		form.solicitud input.radio {
			width: 20px;
			border: none;
			}
		form.solicitud textarea {
			width: 346px;
			height: 100px;
			}
	form.solicitud select {
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	    color:#444444;
		width: 170px;
		border: #dddddd solid 1px;
		font-size: 10px;
		margin-top:3px;
		}		
		form.solicitud select.Big {
			width: 346px;
			border: #dddddd solid 1px;
			}
		.fieldset {
			color:#444444;
			float: left;
			display: inline;
			margin: 0px 0px 7px 0px;
			padding: 0px 10px 0px 0px;
			}
	
form.solicitud .botonCon {
	width: auto;
	border-top: #a8a8a8 dashed 1px;
	border-bottom: #a8a8a8 dashed 1px;
	background: #f3f3f3;
	font-size:10px;
	font-weight: bold;
	padding:2px 5px;
	margin-right: 8px;
	color: #454545;
	cursor:pointer;
	}
form.solicitud .botonExa {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#444444;
	width: 270px;
	border: #dddddd solid 1px;
	margin-top:3px;	
}
form.contacto {
	}
	form.contacto label {
		/**
 		 * 20080219@ZCL
		 * Añadido para
		 * normalizar textos
		 */
		color:#444444;
		font-weight: bold;
		}
	form.contacto input,
	form.contacto textarea {
		color: #444444;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width: 167px;
		border: #dddddd solid 1px;
		margin-top:3px;
		}
	form.contacto textarea {
		width: 346px;
		height: 100px;
		}
	form.contacto input.Big {
		width: 346px;
		border: #dddddd solid 1px;
		}
	form.contacto select {
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	    color:#444444;
		width: 170px;
		border: #dddddd solid 1px;
		font-size: 10px;
		margin-top:3px;
		}		
		.fieldset {
			color:#444444;
			float: left;
			display: inline;
			margin: 0px 0px 7px 0px;
			padding: 0px 10px 0px 0px;
			}
form.contacto .botonCon {
	width: auto;
	border-top: #a8a8a8 dashed 1px;
	border-bottom: #a8a8a8 dashed 1px;
	background: #f3f3f3;
	font-size:10px;
	font-weight: bold;
	padding:2px 5px;
	margin-right: 8px;
	color: #454545;
	cursor:pointer;
	}

/**************************************************************************
MODULO PRODUCTOS OFERTAS
***************************************************************************/
.textoDetalle100 {
	width: 100%;
	}
	
/**************************************************************************
COLUMNA IZQUIERDA (SIDEBARLEFT)
***************************************************************************/

#sidebarright h2.tituloBloqueRight {
	background: url(../imagenes/header_block_right.gif) 0 0 no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	padding: 9px 0px 6px 0px;
	width: 207px;
	text-align: center;
	}
#sidebarright .moduloBloqueRight {
	background: #f6f6f6;
	padding: 0px 5px 0px 5px; /* Márgenes izqierdos y derechos */
	}
	#sidebarright .moduloBloqueRight h3 {
		font-size: 11px;
		color: #595959;
		/**
		  * Cambio de tipo "Arial Black" a "Arial" con bold
		  * para una visualización más homogénea
		  * font-family: "Arial Black", Arial, Helvetica, sans-serif;
		  **/
	 	font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 10px 0px 0px 0px;
		text-transform:uppercase;
		}
	img#bordesImg {
		border-top: #9d9d9d dashed 1px;
		border-bottom: #9d9d9d dashed 1px;
		border-left: none;
		border-right: none;
		}
		#sidebarright .separacionNoticia {
			margin: 5px 0px 0px 0px;
			}
		/**
		  * 20080218@ZCL
		  * Eliminado el ancho del párrafo
		  * para que si no hay imagen
		  * de la noticia el texto ocupe el 100%
		  * de la columna de noticias
		  */
		#sidebarright .moduloBloqueRight p {
			/* width: 124px; */
			}

/*14/02/08*/
.rellenarCapa {
	/** 20080222@ZCL
	  * Modificado el fondo para
	  * que sea un degradado como
	  * esta en el diseño
	  * background: #dbdbdb;
	  */
	background:#d1d2d4 url(../imagenes/header_title_back.gif) repeat-x top;
	width: 100%;
	}
/* *************************************************************************
20080225@ZCL
ENCICLOPEDIA
************************************************************************** */
body.enciclopedia .moduloSeccion h2 {
	background:#ec8e1d url(../imagenes/header_title_back_enciclopedia.gif) repeat-x top;
	}
body.enciclopedia p.margen{
	padding: 0px 0px 0px 5px;
	line-height:13px;
	}
body.enciclopedia .moduloContenidoAll {
		padding: 0px 0px 15px 5px;
		}
body.enciclopedia .moduloSeccion h4 {
	color: #EA8C1C;
	background: url(../imagenes/flecha_listado_enciclopedia.gif) no-repeat;
	margin: 5px 0px 0px 5px;
	}
/**
  * 20080225@ZCL
  * 
  * Cabeceras para la columna
  * lateral de enciclopedia
  */
body.enciclopedia .moduloContenidoTextB h3 {
	background:#e5e6e6 url(../imagenes/sidebar_title_back_enciclopedia.gif) repeat-x top;
	font-size:10px;
	color: #58595B;
	padding:7px 5px;
	text-transform:none;
	}
/**
  * 20080225@ZCL
  * 
  * Textos para la columna
  * lateral de enciclopedia
  */
body.enciclopedia .moduloContenidoTextB p {
	padding: 5px;
	font-weight:normal;
	color: #444444;
	font-size:10px;
	line-height:13px;
	}
/**
  * 20080225@ZCL
  * 
  * Listas para la columna
  * lateral de enciclopedia
  */
body.enciclopedia .moduloContenidoTextB ul {
	padding:5px 5px 5px 3px;
	}
	body.enciclopedia .moduloContenidoTextB li {
		margin:0px 0px 3px 0px;
		}

.defList td {
	vertical-align:top;
	padding:0px 5px 0px 0px;
	font-size:10px;
	line-height:13px;
}
	.defList .defLetter,
	.defList a {
		color:#EA8C1C;
	}
/* *************************************************************************
20080229@ZCL
CLASES PARA PRODUCTO
************************************************************************** */
li.linkProducto {
	list-style: none;
	background-repeat: no-repeat;
	background-image: url(../imagenes/flecha_listado_black_producto.gif);
	padding-left: 12px;
	}
li.subLinkProducto {
	list-style: none;
	padding-left: 12px;
	}
	li.linkProducto a {
		color: #5c5c5c;
		font-size:10px;
		text-decoration: none;
		font-weight:bold;
		}
#productOfferWarning {
	float:right;
	height:17px;
	width:170px;
	background:url(../imagenes/back_product_offer.gif) repeat-x 0 0;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:3px 0px;
	}
#productNewWarning {
	float:right;
	height:17px;
	width:170px;
	background:url(../imagenes/back_product_new.gif) repeat-x 0 0;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:3px 0px;
	}
.imgProduct {
	margin-bottom:3px;
	}
.productImageFooter {
	width:170px;
	float:right;
	color:#333333;
	margin:0px 0px 30px 15px;
	}
.galleryImg {
	margin:13px 0px 0px 0px;
	}
	.galleryImg td {
		padding:0px 0px 7px 7px;
		text-align:center;
		width:114px;
		/*
		height:114px;
		*/
		}
.detalleContenido {
	/*width:200px;*/
	}
p.stockLink {
	width:320px;
	padding-left:10px;
	padding-top:5px;
	}
p.stockLink a {
	color: #983226;
	font-size:10px;
	text-decoration: none;
	font-weight:bold;
	}
.closeStock {
	float:right;
	background-color:#993128;
	padding:4px 8px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	margin:1px 0px 3px 0px;
	border-right:#FFFFFF solid 1px;
	}
	.closeStock a {
		color:#FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:10px;
		}
.productBrand {
	margin:20px 0px 18px 16px;
		}
/* *************************************************************************
20080318@ZCL
RESULTADOS DE LA BÚSQEUDA
************************************************************************** */
h4.searchResultsCount {
	background-image:none;
	margin-right:20px;
	}
h4.searchResultsCount p.list_information{
	color: #9c301a;
	}
/* *************************************************************************
20080318@ZCL
RESULTADOS DE LA BÚSQEUDA
************************************************************************** */
label#usuari,
label#passw {
	text-transform:uppercase;
	}
/* *************************************************************************
20080405@ZCL
OFERTAS
************************************************************************** */
body.ofertas .moduloSeccion h2 {
	background:#ec8e1d url(../imagenes/header_title_back_ofertas.gif) repeat-x top;
	}
/* *************************************************************************
20080821@JCP
MARCAS
************************************************************************** */
.noticiaGal {
	float:left;
	border-right:#d1d1d1 solid 1px;
	padding:10px 10px 10px 10px;
	width:397px;
	min-height:300px;
	_height:300px;
	}
	.noticiaGal h4 {
		background:none;
		margin:0px 0px 0px 0px;
		padding:0px 0px 10px 0px;
		}
	.noticiaGal p {
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		text-align:justify;
		}
	.galeria {
		float:left;
		width:206px;
		margin:2px 0px 0px 2px;
		}
		.galeria .first {
			margin:0px 2px 2px 0px;
			}
		.galeria img {
			margin:0px 0px 2px 0px;
			}
		.galeria h5 {
			background-color:#231f20;
			font-size:10px;
			padding:0px 0px 0px 7px;
			height:24px;
			line-height:24px;
			margin:0px 0px 0px 0px;
			font-weight:bold;
			color:#FFFFFF;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			}
		.galeria ul {
			margin:10px 0px 10px 3px;
			}
/* *************************************************************************
20091116@RMP
NIVELES DE SERVICIOS
************************************************************************** */
.tabla_niveles table	{border: 0px; cellspacing: 0px; padding:0px;width:350px}
.tabla_niveles thead	{color:#993128; font-weight: bold;}			
.tabla_niveles td		{font-weight: normal; height:18px;}			
.black2gris				{color:#888888 !important;}
.gris2black				{color:#000000 !important;}