/*::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:: 				CONTENIDO DE LA WEB				  ::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* :::::::::: Alojado en la celda  cuerpoDch:  :::::::*/

/* ::::: Tabla contenida para aislar de la contenedora. */
table#Contenida, 
/*  La tabla contenido es usada en contenido1.xsl de la misma forma que esta.
	Si interesa que el contenido (html embebido) tenga un ajuste diferente se pueden
	diferenciar.*/
table#Contenido{ 
	width: 99%;	 /* El 100% se calcula más grande que lo que debería*/
	height: 100%;	
	margin-top: 5px;
	margin-left: 5px !important;
	margin-right: 5px !important;
	border: dotted 1px #CCC;
}

/* :: Si solo posee una única celda: */
td#ContSimple{
	border: none 0px;
	padding:8px;
	padding-top: 0px;
	vertical-align: middle;
}


/* ---------- NO APLICABLE EN ESTE EJEMPLO -------------*/
/**** (Si el contenido tiene columna izq y col decha(menú):  |    | |)***/
/* :::: CONTENIDA COLUMNA IZQ (En la plantilla base no hay.) */
/* :: Cuerpo principal de la contenida.*/
td#ContColIzq{
	width:75%;	
	height: auto;
	vertical-align: top;
}

/* :: Para separarlo del menú de la derecha. **/
table#ContColIzq{
	border: none;
	border-spacing: 1px;
	height: auto;
	width: 99%;
	margin-right: 1%;
}

/** Celdas del posible menú de la derecha**/
td#ContColDch{
	padding: 0px;
	vertical-align: top;
	width: 15%;
}

/* Las tablas dentro de la columna derecha:*/
/* Características fuertes de las tablas de la derecha */
table.ContColDch { 
	height: auto;
	border: solid 1px rgb(50, 153, 0);
	width: 100%;
	margin-left: 0px;
	padding: 0px;

}
/* ---------- -------------------------- -------------*/




/*::::::::::::::: GENERAL PARA EL CONTENIDO ::::::::::::::::::::::::*/


/* ::::::::::::::::::::::::
		PERSONALIZABLE
   ::::::::::::::::::::::::*/
/* ::::: Titulos de las posibles secciones de la tabla */
th.TitSeccion {
	font-size: 12px;
	font-weight: bold;
	background-color: #390;
	color:#FFF;
	padding-left: 8px;
	padding-top:2px;
	padding-bottom:2px;
	text-align: left;
	height: 20px !important;
	font-family: Arial,Tahoma;
}
/* :: Los enlaces del titulo: */
.TitSeccion a:link {color: #FFF; text-decoration: none;}
.TitSeccion a:visited {color: #FFF; text-decoration: none;}
.TitSeccion a:hover {color: #FFFFCC; text-decoration: underline;}
.TitSeccion a:active {color: #FFFFCC; text-decoration: underline;}

/* :: Diseño por defecto, de texto/descripciones de las secciones, o productos en ellas.*/
.Descripcion , td.Descripcion  {	
	font-size: 10px;	
	vertical-align: top;
	height: auto;
	background-color: #EEE;
	font-family: Arial,Tahoma,Verdana;
	padding: 4px;
}

/* :: Clases para el botón comprar de los productos*/
.vista {
	VISIBILITY: visible
}
.oculta {
	VISIBILITY: hidden
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/*::::::::::::  PRODUCTO1.XSL  :::::::::::::::::::::::::::*/

/* :: Bloque del producto*/
table#bloqueProducto{
	border: solid 1px #CCC;
}
/* :: Celda con tabla de imagen del producto, botón y referencia)*/
td.tdImagenProducto{
	vertical-align: top;
	width: 20%;
}
/* :: A la derecha de la imagen, esta celda.*/
td.tdDatosProducto{
	vertical-align: top;
	width: 80%;

}
/* :: */
.textoReferenciaProducto {
	FONT-SIZE: 10px;
	COLOR: #990000;
	FONT-FAMILY: Arial, Verdana, Tahoma;
	TEXT-DECORATION: none
}
/* :: Texto con la cadena "Precio"*/
.textoPrecio {
	FONT-SIZE: 12px;
	color: #6F6F6F;
	FONT-FAMILY: Tahoma;
}
/* :: Mensajes informativos con letra pequeña.*/
.mensajeP {
	FONT-SIZE: 10px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Verdana, Tahoma
}

/* :: Eliminación de los bordes de las imágenes.*/
img.boton {
	border: none;
}

/* :: Descripcion de los productos en producto.xsl*/
 td.descripcionProducto {
	width: 100%;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Verdana, Tahoma;
	padding-left: 4px;
	
}

/* :: Celda con el precio (y precios tachado si encarta)*/
td.Precio { 
	font-size: 11px;
	color: #666666;
	font-weight: bold;	
	font-family: Tahoma,Arial;
	padding-left: 4px;
}

/* :: El valor del precio.*/
.valorPrecioTotal {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ff0000;
	FONT-FAMILY: Tahoma, Verdana, Arial;
}

/* :: En caso de oferta, se tacha el precio normal.*/
.PrecioTachado { 
	font-size: 12px;
	color: #666666;
	font-weight: bold;	
	font-family: Tahoma, Verdana, Arial;
	text-decoration: line-through;
}



/* :::: Atributos de los productos*/
.fondoLineaAtributosCabecera
{
	background-color:#cccccc;
	font-family: Tahoma;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.fondoLineaAtributosClara
{ background-color:#ffffff;
	font-family: Tahoma;
	font-size: 10px;
	color: #000000;
	text-decoration: none;}
.fondoLineaAtributosOscura
{ background-color:#f0f0f0;
	font-family: Tahoma;
	font-size: 10px;
	color: #000000;
	text-decoration: none;}

/*::::::::::::::::: FIN  PRODUCTO1.XSL ::::::::::::::::*/





/* :::::::::::::::::::: COMUNES ::::::::::::::::::::::*/
/* :::: Tabla con contenido centrado en horizontal y vertical*/
table.Centrada {
	width: 100%;
}
table.Centrada td{
	text-align: center;
	vertical-align: middle;
}
/* :::: Línea separadora. Usada debajo de TitSeccion y demás.*/
tr.LineaSeparadora {
	height: 1px;	
}
/* :: Al heredar hacia las celdas, estas no necesitan indicar la clase*/
.LineaSeparadora td{
	width:100%;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color:#390;
}

/* ::  Línea de estilo especial usada en producto. */
.fondoLineaAtributosSeparadora
{ background-color:#999999;}

/* :: Margen vertical.*/
tr.margenV {
	height: 2px;	
}
.margenV td{
	width:100%;
	padding: 0px;	
}
/* :: Margen horizotal.*/
td.margenH {width: 4px;}

/* :::::: Celda o div para mostrar avisos.*/
.Aviso {
	/*border: dotted 1px;
	background-color: #FFFFCC;*/
	font-size: 11px;
	font-weight: bold;
	padding: 7px;
	text-align: center;
	font-family: Tahoma;	
}


/*::::::::::::::::  CATEGORIAS :::::::::::::::::::::::::::::*/

/*::::: LISTADO INICIAL DE CATEGORIAS PRINCIPALES */
td#ListadoInicial{
	vertical-align: top;
}



/* ::::::::::::::::::::::::
		PERSONALIZABLE
   ::::::::::::::::::::::::*/
/* :::: Tabla con la información de la categoría principal*/
table#datosCategoriaPadre{
	width: 100%;
	border: solid 1px #600;	 /*PERSONALIZAR COLOR*/
}
td#imagenCategoriaPadre{
	padding: 2px;
	width: 120px;
}
#imagenCategoriaPadre img{
	width: 120px;
}
td#descripcionCategoriaPadre {
	font-size: 14px;
	font-family: Arial;
	vertical-align: top;
	padding: 5px;
}


/* ::::::::::::::::::::::::
		PERSONALIZABLE
   ::::::::::::::::::::::::*/
/* :::: Tabla con la lista de subCategorias */
table#ListaSubCategorias{
	width: 100%;
	margin-top: 10px;
	border: solid 1px #390; /*Personalizar color*/
}

/* Descripcion de la categorias*/
.descripcionCategoria{
	font-size: 12px;	
	vertical-align: top;
	height: auto;
	background-color: #EEE;
	font-family: Arial,Tahoma,Verdana;
	padding: 4px;
	color: #333;
}


/* :::: Nombre de las categorias en el listado de categorias*/
th.TitListCatego{
	font-size: 12px;	
	padding-left: 5px;
	text-align: left;
	vertical-align: bottom;
	height: 30px;
	font-family: Verdana,Helvetica,Times;
	width: 100%;
}
/* Los enlaces del titulo: */
.TitListCatego a:link {color: #000; text-decoration: none;}
.TitListCatego a:visited {color: #000; text-decoration: none;}
.TitListCatego a:hover {color: #390; text-decoration: underline;}
.TitListCatego a:active {color: #000; text-decoration: underline;}


/*:::: Celda que encabeza el listado de los productos.*/
td.cabeceraIva {
	font-size: 10px;	
	text-align: right;
	padding-right: 10px;
	font-family: Verdana,Helvetica,Times;
}

/* :::: Lista de los productos de la categoria seleccionada y 
   	    lista de los productos resultados de las busquedas */ 
table#ListaProductosCatego, table#ListaProductosBusqueda {
	/*margin-left: 10px;*/
	margin-top: 10px;
	width: 100%;
	border: solid 1px #390; 
}

/* :::: Lista con las ofertas de las categorias y lista con las ofertas
		de las novedades.*/
table#ListaOfertasCatego, table#ListaNovedadesCatego {
	/*margin-left: 10px;*/
	margin-top: 10px;
	width: 100%;
	border: solid 1px #390; 
	/*Como ie no lo soporta, esta puesto en el codigo
	  html con cellspacing ...*/
	/*border-spacing: 4px;*/ 
}


/* :::: Tabla para cada uno de los productos*/
table.ProductoCatego{
	border: none 0px;
	width: 100%;
}
/* ::Celda con la imagen del producto*/
td.ImagenProductoCatego {	
	width: 15% !important; /*Si la imagen ocupa mas, se estirará. El min-width no funcinó*/
}
/* :::: Datos de los productos de las categorias.*/
td.CeldaDatosProductosCatego{
	width: 85%;
}
/* ::Tabla con los datos del producto (a la dch de la imagen)*/
table.DatosProductoCatego {
	border: none 0px;
	margin-left: 2px;
	margin-top: 4px;
	width :100%;	
	border-spacing: 2px;
}

/* ::::::::::::::::::::::::
		PERSONALIZABLE
   ::::::::::::::::::::::::*/
/* ::Nombre del producto*/
th.TitNombreProducto{
	font-size: 12px;	
	padding-left: 3px;
	text-align: left;
	vertical-align: bottom;
	color: #390;  /*Personalizar*/
	font-family: Tahoma;
}
/* Linea inferior */
tr.subLineaTitNombreProducto{
	background-color: #390; /*Personalizar*/
	height: 1px;
}
tr.subLineaTitNombreProducto td{
	padding : 0px;
}


/* ::::::::::::::::::::::::
		PERSONALIZABLE
   ::::::::::::::::::::::::*/
/*::  Los enlaces del titulo: */ /*Personalizar*/
.TitNombreProducto a:link {color: #390; text-decoration: none;}
.TitNombreProducto a:visited {color: #390; text-decoration: none;}
.TitNombreProducto a:hover {color: #390; text-decoration: underline;}
.TitNombreProducto a:active {color: #000; text-decoration: underline;}


/* :: Descripcion de los productos en el resultado de las busquedas*/
td.descripcionProdEnCatego{
	width: 75%;
	font-size: 10px;	
	vertical-align: top;
	height: auto;
	background-color: #EEE;
	font-family: Arial,Tahoma,Verdana;
	padding: 4px;
	
}

/* :: No es el mismo estilo que en producto.xsl*/
.PrecioTachadoCatego { 
	font-size: 11px;
	color: #666666;
	font-weight: bold;	
	font-family: Tahoma, Verdana, Arial;
	text-decoration: line-through;
}
/* :: Valor del precio */
.valorPrecio {
	font-size: 12px;
	color: #6F6F6F;
	font-weight: bold;	
	font-family: Tahoma, Verdana, Arial;
}
.valorPrecioFinanciado {
	font-size: 11px;
	color: #6F6F6F;
	font-weight: bold;	
	font-family: Tahoma, Verdana, Arial;
}
/* :: Estilo de la paginación al pie de página*/
.Paginacion {
	text-align: right;
	background-color: #EEE;
	font-family: Arial,Tahoma,Verdana;
	font-size: 10px;
	padding: 4px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/* ::::::::::::::::::  FORMULARIOS :::::::::::::::::::::::*/
/* Formularios de busqueda y de solicitud */

table#formulario {
	width: 100%;	
	margin-right: 2px;
}
#formulario td{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
}
td.nombreCampos {
	width: 25%;
}

.DatosTienda {
	font-size: 12px;
	font-family: Arial,Tahoma,Verdana;
}
.DatosTienda td{
	text-align: Center;
}
.DatosTienda th{
	text-align: Center;
}

nombreCategoriaLstProductos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#444236;
	text-align:left;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.texto_normal {
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
}

.texto_normal_tachado{ 
	font-size: 11px;
	color: #333333;
	font-weight: bold;	
	font-family: Tahoma;
	text-decoration: line-through;
}


.texto_normal_financiado {
	font-family: Tahoma;
	font-size: 11px;
	color: #747474;
}


.texto_titulo_oferta {
	font-family: Tahoma;
	font-size: 11px;
	color: #C72A19;
	font-weight:bold;
}

.texto_precio_oferta {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
}
.lista{
list-style-image:url(img/puntito.jpg);
color:#C72A19;
padding:1px;
margin:1px;
text-align:left;
background-color:#0000CC;
}


a:link{
	color: #C72A19;
	text-decoration:none;
}

a:visited{
	color: #C72A19;
	text-decoration:none;
}

a:active{
	color: #C72A19;
	text-decoration:none;
}

a:hover{
	color: #333333;
	text-decoration:none;
}

a.invertido:link{
	color: #333333;
	text-decoration:none;
}

a.invertido:visited{
	color: #333333;
	text-decoration:none;
}

a.invertido:active{
	color: #333333;
	text-decoration:none;
}

a.invertido:hover{
	color: #C72A19;
	text-decoration:none;
}