/* ESTRUCTURA CATALOGO WEB MODELO A */

.contenedorsobrecabecera
	{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	background-color:#fff;
	border-top: 1px solid #ffffff;
	border-bottom: 4px solid #EF9F2F;
	}


.sobrecabecerabuscador
	{
	position: relative;
	float:left;
	width: 410px;
	padding: 2px 0px 2px 5px;
	}
	
.sobrecabeceracreditos
	{
	position: relative;
	float:right;
	width: 320px;
	padding: 2px 5px 2px 0px;
	text-align: right;
	}	

.cabecera
	{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	height: 133px;
	background-color:#fff;
	border-bottom: 1px solid #ccc;
	}
	
.contenedorprincipal
	{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	}
	
.columnanavegacion
	{
	position: relative;
	margin-top: 5px;
	float: left;
	width: 180px;
	background-color:#ffffff;
	}

.contenidoportada
	{
	position: relative;
	padding: 5px;
	float: right;
	width: 550px;
	background-color:#ffffff;
	}

.dummy {clear:both;}	

.breadcrumb
	{
	position: relative;
	background-color:#f5f5f5;
	padding: 3px;
	border-bottom: 2px solid #ccc;
	}

.bloqueusuarios
	{
	position: relative;
	padding: 5px;
	witdh: 180px;
	border: 1px solid #f5f5f5;
	color:#666666;
	background-color:#f5f5f5;
	margin-bottom: 5px;
	}


.pie
	{
	position: relative;
	margin-top: 5px;
	padding: 3px;
	background-color:#f5f5f5;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ffffff;
	text-align:center;
	}

.encabezadoproductos
	{
	position: relative;
	background-color:#f5f5f5;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ffffff;
	}
	
.bloqueproducto
	{
	position: relative;
	border: 1px solid #fff;
	background-color:#ffffff;
	margin-top: 5px;
	padding: 5px;
	color: #666666;
	}
.imagenproductoampliado
		{
		position:relative;
		float: right;
		margin: 2px 5px 2px 2px;
		padding: 5px 5px 5px 5px;
		background-color: #ededed;
		border: 1px solid #cccccc;
		border-style:solid;
		}

.productoportadapeque
	{
	position: relative;
	width: 340px;
	height: 80px;
	border: 1px solid #ccc;
	background-color:#f5f5f5;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	color: #666666;
	}
.imagenproductoportadapeque
		{
		position:relative;
		float: left;
		margin: 2px 10px 2px 2px;
		padding: 2px;
		background-color: #ededed;
		border: 1px solid #cccccc;
		border-style:solid;
		}
		
		
.productopeque
	{
	position: relative;
	height: 80px;
	border: 5px solid #7BBFD0;
	background-color:#f5f5f5;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	color: #666666;
	}
.imagenproductopeque
		{
		position:relative;
		float: left;
		margin: 2px 10px 2px 2px;
		padding: 2px;
		background-color: #ededed;
		border: 1px solid #cccccc;
		border-style:solid;
		}		


.contenedorportadados
		{
		position: relative;
		}

.topportadaizquierda
		{
		position: relative;
		float:left;
		width: 340px;
		}
		
.topportadaderecha
		{
		position: relative;
		float: right;
		width: 190px;
		}
		
.downportadaizquierda
		{
		position: relative;
		float:left;
		width: 265px;
		}
		
.downportadaderecha
		{
		position: relative;
		float: right;
		width: 265px;
		}

.losmasvendidos
		{
		padding: 3px;
		background-color:#f5f5f5;
		margin-top: 5px;
		margin-bottom: 5px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		}		


/* NAVEGACION */

#navegacion-vertical /* DEFINE EL COMPORTAMIENTO DE LA NAVEGACION */
	{
	width:180px; /* ANCHO DE LA BARRA DE NAVEGACION */
	padding: 0px 0px 1em; /* SEPARACION ENTRE TEXTO Y BORDE BOTON/SECCION */
	margin-bottom: 0em; /* MARGEN INFERIOR DEL BOTON */
	font-family: 'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #CC8F9A; /* COLOR DE FONDO PARTE ABAJO DE LA NAVEGACION */
	overflow: hidden; /* NO TOCAR. OCULTA EL EXCESO DE CONTENIDO */
	border-bottom: 1px solid #CC8F9A;
	}
		#navegacion-vertical ul  /* ASPECTO DE LOS BOLICHES. EN ESTA CASO, NINGUNO. NO TOCAR */
		{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
		#navegacion-vertical li /* ASPECTO DE LA LISTA. NO TOCAR */
		{
		margin: 0px;
		}
		
		#navegacion-vertical li a /* ASPECTO DE LOS BOTONES EN ESTADO "NORMAL" */
		{
		display: block; /* NO TOCAR */
		padding: 2px 2px 2px 2px; /* SEPARACION ENTRE EL TEXTO Y EL BORDE DEL BOTON */
		border-left: 10px solid #B35768; /* COLOR, TAMAŅO Y ESTILO BORDE IZQUIERDO */
		border-right: 10px solid #B35768; /* COLOR, TAMAŅO Y ESTILO BORDE DERECHO */
		background-color: #CC8F9A; /* COLOR FONDO BOTON */
		color:#fff; /* COLOR TEXTO */
		text-decoration: none; /* SUBRAYADO O NO */
		width: 100%; /* ANCHO, NO TOCAR */
		}
	
		html>body #navegacion-vertical li a
		{
		width: auto; /* NO TOCAR */
		}
	
		#navegacion-vertical li a:hover /* ASPECTO DE LOS BOTONES EN ESTADO "OVER" */
		{
		border-left: 10px solid #B35768; /* COLOR BORDE IZQUIERDO */
		border-right: 10px solid #B35768; /* COLOR BORDE DERECHO*/
		background-color: #B35768; /* COLOR FONDO OVER*/
		color: #fff; /* COLOR TEXTO */
		}
			
		#navegacion-vertical #etiqueta /* ASPECTO DE LAS ETIQUETAS DE SECCION */
		{
		padding: 3px 0 3px 3px; /* SEPARACION ENTRE EL TEXTO Y EL BORDE DEL BOTON */
		background-color: #991F36; /* COLOR DE FONDO */
		color:#ffffff; /* COLOR DEL TEXTO */
		font-weight: bold;
		border-left-color: #6B1627;
		border-left-style: solid;
		border-left-width: 10px;
		}
		
		#navegacion-vertical #portada a/* BOTON PORTADA */
		{
		display: block; /* NO TOCAR */
		padding: 2px 2px 2px 2px; /* SEPARACION ENTRE EL TEXTO Y EL BORDE DEL BOTON */
		border-left: 10px solid #6B1627; /* COLOR, TAMAŅO Y ESTILO BORDE IZQUIERDO */
		border-right: 10px solid #6B1627; /* COLOR, TAMAŅO Y ESTILO BORDE DERECHO */
		background-color: #6B1627; /* COLOR FONDO BOTON */
		color:#FFFFFF; /* COLOR TEXTO */
		text-decoration: none; /* SUBRAYADO O NO */
		width: 100%; /* ANCHO, NO TOCAR */
		}
				#navegacion-vertical #portada a:hover/* BOTON PORTADA */
				{
				display: block; /* NO TOCAR */
				padding: 2px 2px 2px 2px; /* SEPARACION ENTRE EL TEXTO Y EL BORDE DEL BOTON */
				border-left: 10px solid #333; /* COLOR, TAMAŅO Y ESTILO BORDE IZQUIERDO */
				border-right: 10px solid #333; /* COLOR, TAMAŅO Y ESTILO BORDE DERECHO */
				background-color: #333; /* COLOR FONDO BOTON */
				color:#FFFFFF; /* COLOR TEXTO */
				text-decoration: none; /* SUBRAYADO O NO */
				width: 100%; /* ANCHO, NO TOCAR */
				}
		
		#navegacion-vertical #volver a/* BOTON VOLVER */
		{
		display: block; /* NO TOCAR */
		padding: 2px 2px 2px 2px; /* SEPARACION ENTRE EL TEXTO Y EL BORDE DEL BOTON */
		border-left: 10px solid #B35768; /* COLOR, TAMAŅO Y ESTILO BORDE IZQUIERDO */
		border-right: 10px solid #B35768; /* COLOR, TAMAŅO Y ESTILO BORDE DERECHO */
		background-color: #B35768; /* COLOR FONDO BOTON */
		color:#fff; /* COLOR TEXTO */
		text-decoration: none; /* SUBRAYADO O NO */
		width: 100%; /* ANCHO, NO TOCAR */
		}
		
				#navegacion-vertical #volver a:hover/* BOTON VOLVER */
				{
				display: block; /* NO TOCAR */
				padding: 2px 2px 2px 2px; /* SEPARACION ENTRE EL TEXTO Y EL BORDE DEL BOTON */
				border-left: 10px solid #666; /* COLOR, TAMAŅO Y ESTILO BORDE IZQUIERDO */
				border-right: 10px solid #666; /* COLOR, TAMAŅO Y ESTILO BORDE DERECHO */
				background-color: #666; /* COLOR FONDO BOTON */
				color:#ffffff; /* COLOR TEXTO */
				text-decoration: none; /* SUBRAYADO O NO */
				width: 100%; /* ANCHO, NO TOCAR */
				}

.productofinal
		{
		background-color: #ffffff;
		border: 1px solid #fff;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 5px;
		text-align: center; 
		}
		
		.productofinal img
						{
						margin: 5px;
						padding: 5px;
						background-color: #ededed;
						border: 1px solid #cccccc;
						border-style:solid;
						}		

#publicidadprimaria /* ** ZONA DE PUBLICIDAD PRINCIPAL ****** */
	{
	position: relative;
	margin-top: 5px;
	height: 60px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 60px;
	text-align:center;
	}	
	
#publicidadsecundaria /* ** ZONA DE PUBLICIDAD SECUNDARIA ****** */
	{
	position: relative;
	padding:0px;
	border: 0px;
	text-align:center;
	}
	
#publicidadterciaria /* ** ZONA DE PUBLICIDAD TERCIARIA ****** */
	{
	position: relative;
	padding:0px;
	border: 0px;
	text-align:center;
	}
.votacion  /* ESTILOS PARA LAS PILDORAS LATERALES DE COLUMNAS. BUSCADOR, AUTENTICACION... */
	{
	background-color: #FFFFff;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-top-color: #ccc;
	border-top-style: solid;
	border-top-width: 4px;
	text-align: left;
	}

.bloquea 
	{
	position:relative;	
	margin-top: 5px;
	background-color:#ffffff;
	padding:5px;
	clear:both;
	}
	.bloquea a:link    { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloquea a:visited { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloquea a:hover   { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloquea a:active  { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
 				
.bloqueb 
	{
	position:relative;
	background-color: #f5f5f5;
	margin-top: 5px;
	padding:5px;
	clear:both;
	}		
	.bloqueb a:link    { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloqueb a:visited { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloqueb a:hover   { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloqueb a:active  { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	
.bloquec
	{
	position:relative;
	background-color: #f8f8f8;
	margin-top: 5px;
	padding:5px;
	clear:both;
	}	
	.bloquec a:link    { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloquec a:visited { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloquec a:hover   { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloquec a:active  { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
				
.bloqued	
	{
	position:relative;
	background-color: #ffffff;
	margin-top: 5px;
	padding:5px;
	clear:both;
	}	
	.bloqued h1 {color: #666;} /* ** COLORES ESPECIFICOS DE TEXTO EN ESTE BLOQUE ****** */
	.bloqued h2 {color: #666;} /* ** COLORES ESPECIFICOS DE TEXTO EN ESTE BLOQUE ****** */
	.bloqued h3 {color: #666;} /* ** COLORES ESPECIFICOS DE TEXTO EN ESTE BLOQUE ****** */
	.bloqued a:link    { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloqued a:visited { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloqued a:hover   { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloqued a:active  { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */

.bloquee 
	{
	position:relative;
	background-color: #fff;
	border:1px;
	border-color:#f5f5f5;
	border-style:solid;
	margin-top: 5px;
	padding:5px;
	clear:both;
	}	
	.bloquee h1 {color: #666;} /* ** COLORES ESPECIFICOS DE TEXTO EN ESTE BLOQUE ****** */
	.bloquee h2 {color: #666;} /* ** COLORES ESPECIFICOS DE TEXTO EN ESTE BLOQUE ****** */
	.bloquee h3 {color: #666;} /* ** COLORES ESPECIFICOS DE TEXTO EN ESTE BLOQUE ****** */
	.bloquee a:link    { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloquee a:visited { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloquee a:hover   { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.bloquee a:active  { padding:2px; margin:2px;}   /* ENLACES DENTRO DE ESTE BLOQUE */

.oferta{
	padding:1px 2px 1px 2px;
	background-color:#FF6600;
	color:#FFFFFF;
	font-weight:bold;
}

.foto /* **** ASPECTO GENERICO DE LAS IMAGENES ****** */
	{
	float: right; /* ** POSICION DERECHA O IZQUIERDA ****** */
	position:relative;
	margin: 5px 0px 10px 5px; /* ** SEPARACION RESPECTO AL BLOQUE CONTENEDOR ****** */
	padding: 5px 5px 5px 5px; /* ** SEPARACION RESPECTO AL FILETE EXTERIOR DE LA FOTO ****** */
	background-color: #f5f5f5;
	border: 1px solid #ffffff;
	border-style:solid;
	}
	div.foto img
	{
	border: 1px solid #1f6591;
	}

.cabecerabloque /* ** CABECERA BLOQUES (AUTOR Y FECHA) ****** */
	{
	padding: 2px 2px 2px 5px;
	margin: 0px;
	color:#666;
	border-left-color: #EF9F2F;
	border-left-style: solid;
	border-left-width: 10px;
	background-color: #f5f5f5;
	}
	
.piebloque /* ** PIE PARA IMPRIMIR, ENVIAR POR CORREO, VALORAR, ETC. ****** */
	{
	position:relative;
	padding: 3px 3px 3px 5px;
	margin: 7px 0px 7px 0px;
	background-color: #f5f5f5;
	}
		
.pieadjuntos /* ** ASPECTO DEL BLOQUE DE DOCUMENTOS ADJUNTOS****** */
	{
	position:relative;
	padding: 3px 3px 3px 5px;
	margin: 5px 0px 5px 0px;
	border-color: #EF9F2F;
	border-width: 4px;
	border-style: solid;
	}

.grafico /* ** ASPECTO DEL BLOQUE DE CONTENIDO CON GRAFICO ****** */
	{
	position: relative;
	padding: 3px 3px 3px 5px;
	margin: 5px 0px 5px 0px;
	border-color: #EF9F2F;
	border-width: 4px;
	border-style: solid;
	background-repeat: no-repeat;
	background-position: right top;
	}	

.enlaces /* ** ASPECTO DEL BLOQUE DE ENLACES ****** */
	{
	position: relative;
	padding: 3px 3px 3px 5px;
	margin: 5px 0px 5px 0px;
	border-color: #ccc;
	border-width: 4px;
	border-style: solid;
	}
		
	

.bloquebuscadoravanzado /* BUSCADOR AVANZADO */
	{
	margin-top:5px;
	position: relative;
	background-color: #ffffff;
	border-color: #ccc;
	border-style: solid;
	border-width: 5px;
	padding: 10px;
	}

.enlacesbuscador  /* ENLACES PERSONALIZADOS PARA EL BLOQUE BUSCADOR */
	{
	margin: 5px 0px 10px 0px;
	border-style: solid;
	border-color: #ccc;
	border-width: 5px;
	background-color: #ffffff;
	}

.mapa  /* MAPA DEL SITE */
	{
	margin-top:5px;
	position: relative;
	background-color: #ffffff;
	border-color: #ccc;
	border-style: solid;
	border-width: 5px;
	padding: 10px;
	}
	
.etiquetamapa /* ETIQUETAS DE SECCION DENTRO DEL MAPA */
	{
	color:#666666;
	font-size: 18px;
	list-style-type: square;
	}

.bloqueformularioalta /* FORMULARIO ALTA USUARIOS. ASPECTO DE LOS BOTONES VA EN ASPECTO.CSS */
	{
	margin-top:5px;
	position: relative;
	background-color: #ffffff;
	border-color: #ccc;
	border-style: solid;
	border-width: 5px;
	padding: 10px;
	}
	
.apoyo  /* BLOQUES DE TEXTO APOYO/ADICIONAL A LOS BLOQUES DE CONTENIDO */
	{
	float:right;
	position: relative;
	width:170px;
	margin: 5px 5px 20px 5px;
	padding: 5px 5px 5px 5px;
	background-color: #f5f5f5;
	border-top-color: #EF9F2F;
	border-top-style: solid;
	border-top-width: 5px;
	color:#666;
	}
		
.paginacion /* PAGINACION ENTRE PAGINAS */
	{
	padding: 3px 3px 3px 3px;
	margin: 10px 0px 10px 0px;
	color:#666666;
	text-align:center;
	}
		
		
.eventocircular /* CABECERA PARA LOS EVENTO "CIRCULAR" */
	{
	padding: 3px 3px 3px 3px;
	background:#ececec;
	color:#666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-left-color: #EF9F2F;
	border-left-style: solid;
	border-left-width: 10px;
	background-color: #f5f5f5;
	font-size:12px;
	}
		
.galeria /* BLOQUES GALERIA DE IMAGENES */
	{
	position: relative;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
	}
	.galeria img /* ASPECTO IMAGENES DENTRO DE LA GALERIA (TAMAŅO VA EN DEFINICIONES */
	{	
	padding: 5px;
	border: 1px solid #ccc;
	border-style:solid;
	background-color: #f5f5f5;
	}

.enviarporcorreo /* ASPECTO BLOQUE ENVIAR POR CORREO */
	{
	position: relative;
	padding: 5px 5px 5px 5px;
	color:#666666;
	border-style: solid;
	border-width: 5px;
	border-color: #ccc;
	background-color: #ffffff;
	margin-bottom: 10px;
	}
	.enviarporcorreo li /* BARRA LATERAL DE COLOR*/
		{
		list-style-type: none;
		border-left-color: #EF9F2F;
		border-left-style: solid;
		border-left-width: 5px;
		}
					
.valorar /* ASPECTO DEL BLOQUE VALORAR PUBLICACION */
	{
	position: relative;
	padding: 5px 5px 5px 5px;
	color:#666666;
	border-style: solid;
	border-width: 5px;
	border-color: #ccc;
	background-color: #ffffff;
	margin-bottom: 10px;
	}
		.valorar li /* BARRA LATERAL DE COLOR*/
		{
		list-style-type: none;
		border-left-color: #EF9F2F;
		border-left-style: solid;
		border-left-width: 5px;
		}

.error /* ESTILO PARA LA PAGINA ERROR 404 */
	{
	padding: 5px 5px 5px 10px;
	color:#666666;
	border-style: solid;
	border-width: 20px;
	border-color: #FF9900;
	background-color: #Fdfbf2;
	margin-bottom: 5px;
	}
		
.autenticacionerror /* ESTILO PARA ERROR DE AUTENTICACION */
	{
	background-color: #ffffff;
	border-color: #e3b1b0;
	border-style: solid;
	border-width: 5px;
	margin: 5px 0px 0px 0px;
	padding: 10px;
	}

.autenticacionok /* ESTILO PARA OK DE AUTENTICACION */

	{
	background-color: #ffffff;
	border-color: #e3b1b0;
	border-style: solid;
	border-width: 5px;
	margin: 5px 0px 0px 0px;
	padding: 10px;
	background-image: url(../imagenes/candadoabierto.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}

.formulario /* ESTILO EL BLOQUE DE FORMULARIO */
	{
	padding: 5px 5px 5px 10px;
	border-style: solid;
	border-width: 10px;
	border-color: #ccc;
	background-color: #ffffff;
	margin-bottom: 5px;
	}