<style type="text/css">

/* ############################################################# */
/* IDStudio 2007 - StyleSheet */
/* ############################################################# */

/* Estilos Generales */
/*###########################################################################*/ 

p	{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #969696;
	}
		
img	{
	border: none;
	}

div	{
	font-family: "Tahoma";
	font-size: 11px;
	color: #626262;
	}
	
a	{
	text-decoration: none;
	color: #626262;
	}
	
	a:hover	{
		text-decoration: underline;
		color: #626262;
		}
.anio_rojo {
	font-size:20px;
	font-weight:bold;
	color:red;
}

.on_top {
	z-index: 10;
}

/* ########## Estilos para el Top ############## */

.navSuperior{
	font-size:10px;
	font-weight:bold;
	font-family:Tahoma; 
	color:#ffffff;
	width: 589px;
	background-image: url(../img/background_navSuperior.gif);
	padding-top: 0;
	padding-bottom: 0;
	}
	.navSuperior a{
		text-decoration:none;
		color: #FFF;
		}
		
	.navSuperior a:hover{
		color:#f50f00;
		text-decoration: none;
		}


/* ########## Estilos para el Contenido ############## */

/* General */
/*###########################################################################*/ 
.path	{
	font-family: "Tahoma";
	font-size: 10px;
	color: #929494;
	border-bottom: 1px solid #cecece;
	padding-bottom: 5px;
	margin-top: 20px;
	}
	
	.path a	{
		color: #929494;
		text-decoration: underline;
		}
		
	.path a:hover {
		color: #929494;
		text-decoration: none;
		}
		
.fecha	{
	color:#FF0000;
	font-size: 10px;
	}
	
.titNovedad 
	{
	font-weight:bold;
	}
											
.textInstitucional p{
	font-size: 12px !important;
	font-family: Tahoma;
	color: #626262;
	line-height: 16px;
	}
	
.titulo	{
	}
	
.subtitulo	{
	margin-top: 5px;
	}
	
.textoDestacado	{
	font-size: 15px;
	line-height: 19px;
	margin-top: 20px;
	}
	

/* Home */
/*###########################################################################*/ 

.ofertaHome	{
	background-image: url(../img/back_ofertasHome.gif);
	background-repeat: no-repeat;
	height: 95px;
	color: #FFF;
	padding: 10px 110px 10px 13px;
	}
	
	.ofertaHome div	{position: absolute; margin-left: 107px; margin-top: -15px; height: 91px;}
	.ofertaHome a	{ color: #FFF; text-decoration: none;}
	.ofertaHome a:hover	{ color: #FFF; text-decoration: underline;}

	
/* Novedades */
/*###########################################################################*/ 

.novedadDestacada	{
	background-image: url(../img/background_novedadDestacada.jpg);
	background-repeat: no-repeat;
	height: 133px;	
	margin-top: 30px;
	padding-left: 130px;
	padding-right: 20px;
	padding-top: 22px;
	padding-bottom: -10px;
	border-bottom: 1px solid #cecece;
	}
	
	.fechaN	{
		color: #b9b9b9;
		font-size: 10px;
		font-weight: bold;
		}
		
	.tituloN	{
		color: #FFF;
		font-weight: bold;
		font-size: 12px;
		}
		
	.textoN	{
		color: #FFF;
		font-size: 12px;
		}
		
	.imagenN	{
		position: absolute;
		margin-top: -40px;
		margin-left: -112px;
		}
		
	.bloqueN	{
		border-bottom: 1px solid #cecece;
		padding-bottom: 8px;
		padding-top: 10px;
		}
		
.fechaNovedad	{
	font-size: 12px;
	color: #f50f00;
	margin-top: 30px;
	margin-bottom: 10px;
	}

.tituloNovedad	{
	font-size: 20px;
	}
	
.fotoNovedad	{
	float: right;
	clear: both;
	padding: 10px;
	padding-top: 24px;
	}
	
.textoNovedad	{
	line-height: 16px;
	margin-bottom: 10px;
	}
	
	.linksNovedad	{
		padding: 8px;
		background-color: #c7c7c7;
		font-size: 10px;
		padding-left: 12px;
		text-transform: uppercase;
		color: #FFF;
		font-weight: bold;
		}


/* Ofertas */
/*###########################################################################*/

.ofertaDestacada	{
	background-image: url(../img/background_novedadDestacada.jpg);
	background-repeat: no-repeat;
	height: 133px;	
	margin-top: 30px;
	padding-left: 130px;
	padding-right: 20px;
	padding-top: 22px;
	padding-bottom: -10px;
	border-bottom: 1px solid #cecece;
	}
	
	.fechaO	{
		color: #b9b9b9;
		font-size: 10px;
		font-weight: bold;
		margin-bottom: 4px;
		}
		
	.tituloO	{
		color: #FFF;
		font-weight: bold;
		font-size: 12px;
		}
		
	.textoO	{
		color: #FFF;
		font-size: 12px;
		}
		
	.imagenO	{
		position: absolute;
		margin-top: -30px;
		margin-left: -112px;
		}
		
	.bloqueO	{
		border-bottom: 1px solid #cecece;
		padding-bottom: 8px;
		padding-top: 10px;
		}
		
/* Listados */
/*###########################################################################*/ 

.bloqueListado	{
	padding-bottom: 9px;
	margin-top: 10px;
	border-bottom: 1px solid #CACACA;
	}

.paginado	{
	float: right;
	}
	
	.paginado a	{
		color: #f50f00;
		text-decoration: none;
		}
		
	.paginado a:hover	{
		text-decoration: underline;
		}

/* Productos */
/*###########################################################################*/ 

.tituloProducto		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF0000;
	margin-top: 22px;
	font-weight: bold;
	}
	
	.tituloProducto span	{
		font-weight: normal;
		}
	
.textoTituloProducto	{
	font-size: 15px;
	}
	
.fotoProducto	{
	margin-top: 20px;
	/*border: 1px solid #aaa;*/
	}
	
.caracteristicasProducto	{
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
	.bloqueCaracteristicas {
		border-top: 1px solid #cacaca;	
		margin-top: 8px;
		padding-top: 8px;
		}
	
	.caracteristicasProducto p a	{
		text-decoration: underline !important;
		}
		
		.caracteristicasProducto p a:hover	{
		text-decoration: none !important;
		}
	
.titProducto{
	font:Tahoma;
	font-size: 10px;
	color:#FF0000;
	font-weight:bold;
	text-transform: uppercase;
	}
	
.titVerOfertas{
	font:Tahoma;
	font-size:11px; 
	color:#666666;
	font-weight:bold;
	}

				.titVerOfertas a{
					text-decoration:none;
					color:#626262;
					}
					
				.titVerOfertas a:hover{
					color:#CCCCCC;
					}
					
.bloqueOfertasrelacionadas	{
	margin-top: 20px;
	}
	
	.tituloOfertasrelacionadas	{
		margin-bottom: 15px;
		}
	
	.bloqueOferta	{
		background-image: url(../img/back_bloqueOferta.gif);
		background-repeat: no-repeat;
		padding: 15px;
		height: 74px;
		margin-bottom: 5px;
		}
		
		.textoOferta	{
			width: 70px;
			font-family: "Tahoma";
			font-size: 10x;
			color: #FFF;
			}
			
			.textoOferta a	{
				color: #FFF;
				text-decoration: none;
				}
				
				.textoOferta a:hover	{
					color: #F00;
					text-decoration: underline;
					}
			
		.imagenOferta	{
			float: right;
			clear: both;
			margin-right: -10px;
			}
					
.listados	{
	border-top: 1px solid #CACACA;
	margin-left: 0px;
	padding: 0;
	width: 122px;
	}

	.listados li	{
		padding-left: -50px;
		list-style-type: none;
		border-bottom: 1px solid #CACACA;
		line-height: 15px;
		padding-left: 10px;
		}
	
	.listados li a{
		text-decoration:none;
		color: #626262;
		display: block;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-left: -10px;
		padding-left: 10px;
		}
	
	.listados li a:hover{
		text-decoration:none;
		background-color:#FF0000;
		margin-left: -10px;
		color:#FFF !important;
		display: block;
		}		
		
.listadosItems	{
	margin-left: 0px;
	font-family: "Tahoma";
	color: #969696;
	font-size: 11px;
	margin-top: 13px;
	border-top: 1px solid #CACACA;
	margin-bottom: 10px;
	padding: 0;
	}

	.listadosItems li	{
		padding-top: 7px;
		padding-bottom: 7px;
		padding-top: expression("3px");
		padding-bottom: expression("6px");
		list-style-type: none;
		border-bottom: 1px solid #CACACA;
		padding-left: 20px;
		padding-left: expression("24px");
		display: block;
		background-image: url(../img/ico_item.gif);
		background-position: top 4px;
		background-repeat: no-repeat;
		}
	
	.listadosItems li a{
		text-decoration:none;
		color: #626262;
		display: block;
		}
	
	.listadosItems li a:hover{
		text-decoration:underline;
		display: block;
		}
		
.contenedorArchivos	{
	border-top:  1px solid #CACACA;
	padding-top: 4px;
	margin-top: 8px;
	}

	.icoPdf	{
		background-image: url(../img/ico_pdf.gif);
		background-repeat: no-repeat;
		padding-left: 22px;
		height: 20px;
		padding-top: 1px;
		margin-top: 4px;
		border-bottom: 1px solid #CACACA;
		margin-bottom: 4px;
		}
		
	.icoLink	{
		background-image: url(../img/ico_link.gif);
		background-repeat: no-repeat;
		padding-left: 22px;
		height: 20px;
		padding-top: 1px;
		margin-top: 4px;
		border-bottom: 1px solid #CACACA;
		margin-bottom: 4px;
		}
										
/* Colapsable */
/*###########################################################################*/ 

.titColapsable	{
	cursor: pointer;
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-left: 10px;
	text-transform: uppercase;
	font-weight: bold;
	float:left;
}

.colapsableOfertas	{
	background-image:url(../img/fondo_colapsable.gif);
	height:32px
	}
	
	.colapsableOfertasInterior	{
		display:block;
		font-size:11px;
		}
					
.colapsableNovedades	{
	background:#999999;
	height:32px;
	margin-top:1px
	}

	.colapsableNovedadesInterior	{
		display:block;
		}

.listaColapsables	{
	margin:0;
	padding:0;		
}

/* Contacto */
/*###########################################################################*/ 

.contenedorContacto	{
	margin-top: 14px;
	margin-bottom: 20px;
	}
	
	.tdActivo	{
		background-color: #EEEEEE;
		}
		
.contacto	{
	width: 160px;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	font-family: "Tahoma";
	font-size: 11px;
	color: #3a3a3a;
	padding: 4px;
	}

/* Footer */
/*###########################################################################*/ 

.footer	{
	background:#f50f00 url(../img/logos_certificacion.png) no-repeat top right;
	font-family: "Tahoma";
	font-size: 11px;
	height: 119px;
}
.footer p {
	color: #FFF;
	padding:15px;
}

	/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:auto;
	.width:380px;
	min-height:200px;
	border:1px solid #666;
	padding:10px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.listaDeTagsArbol{
	border:1px solid red;
	clear:both;
	float:left;
	height:280px;
	list-style:none outside none;
	overflow:auto;
	padding-left:0;
	width:438px;
}
.listaDeTagsArbol li{
	list-style:none;
}
#headerBusquedas{
	background-image:url('../img/back_busqueda.gif');
	height:40px;
	width:510px;
	background-repeat: no-repeat;
	background-color: #EF0F00;
	
}
#content_tags{
	width:510px;
	height: 490px;
	border:1px solid white;
	background-color: white;
}
#cerrarPopup{
	color:white;
	cursor:pointer;
	float:right;
	font-size:13px;
	font-weight:bold;
	height:19px;
	margin-right:10px;
	margin-top:10px;
	width:10px;
}
#busquedaPorPalabra{
	clear:both;
	float:left;
	margin-left:35px;
	margin-top:20px;
	width:400px;
	
}
#inputBusquedaPorPalabra{
	height:12px;
	margin-left:10px;
	padding:4px;
	width:250px;
}

.lineaGrisDivisoria{
	background-color:#B1B1B1;
	float:left;
	height:2px;
	margin-top:10px;
	width:435px;
}
#busquedaPorEtiqueta{
	clear:both;
	float:left;
	height:365px;
	margin-left:35px;
	margin-top:20px;
	width:435px;
}
.listaEtiquetas{
	margin-left:10px;
	padding-left:13px;
	list-style: none;
}
.listaEtiquetas li{
	list-style: none;
}
#searchProdsButton{
	background-color:transparent;
	background-image:url("../img/bot_buscar.gif");
	background-repeat:no-repeat;
	border:0 none;
	clear:both;
	cursor:pointer;
	height:25px;
	margin:5px 150px;;
	text-indent:-999999px;
	width:154px;
	float:left;
	line-height: 1px;
	font-size: 1px;
}

#listaAllEtiquetas{
	float:left;
	height:320px;
	overflow-x:auto;
	overflow-y:auto;
	width:450px;
}
.buttonDesplegable{
	color:red;
	cursor:pointer;
	float:left;
	font-weight:bold;
	height:8px;
	margin-top:2px;
	padding-bottom:6px;
	text-align:center;
	width:12px;
	clear:both;
}

