/* ESTRUCTURA CATALOGO WEB MODELO A */

.contenedorsobrecabecera
	{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	background-color:#ececec;
	border-top: 5px solid #064773;
	border-bottom: 4px solid #ececec;
	}


.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:#ececec;
	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;
	padding: 3px;
	border-bottom: 1px solid #01476B;
	}

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


.pie
	{
	position: relative;
	margin-top: 5px;
	padding: 3px;
	background-color:#fff;
	border-top: 1px solid #01467b;
	text-align:center;
	}

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

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


.contenedorportadados
		{
		position: relative;
		margin:10px 0px 10px 0px;
		}

.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:#ececec;
		margin-top: 5px;
		margin-bottom: 5px;
		border-bottom: 1px solid #006699;
		border-top: 1px solid #ffffff;
		}



/* 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: #dde7ec; /* COLOR DE FONDO PARTE ABAJO DE LA NAVEGACION */
	overflow: hidden; /* NO TOCAR. OCULTA EL EXCESO DE CONTENIDO */
	border-bottom: 1px solid #9db9c8;
	}
		#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 #9db9c8; /* COLOR, TAMAŅO Y ESTILO BORDE IZQUIERDO */
		border-right: 10px solid #c8d7df; /* COLOR, TAMAŅO Y ESTILO BORDE DERECHO */
		background-color: #dde7ec; /* COLOR FONDO BOTON */
		color:#244c5f; /* 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 #507a8c; /* COLOR BORDE IZQUIERDO */
		border-right: 10px solid #507a8c; /* COLOR BORDE DERECHO*/
		background-color: #9db9c8; /* 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: #507a8c; /* COLOR DE FONDO */
		color:#ffffff; /* COLOR DEL TEXTO */
		font-weight: bold;
		border-left-color: #244c5f;
		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 #507a8c; /* COLOR, TAMAŅO Y ESTILO BORDE IZQUIERDO */
		border-right: 10px solid #507a8c; /* COLOR, TAMAŅO Y ESTILO BORDE DERECHO */
		background-color: #9db9c8; /* 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 #507a8c; /* COLOR, TAMAŅO Y ESTILO BORDE IZQUIERDO */
				border-right: 10px solid #507a8c; /* COLOR, TAMAŅO Y ESTILO BORDE DERECHO */
				background-color: #507a8c; /* 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 #9db9c8; /* COLOR, TAMAŅO Y ESTILO BORDE IZQUIERDO */
		border-right: 10px solid #9db9c8; /* COLOR, TAMAŅO Y ESTILO BORDE DERECHO */
		background-color: #c8d7df; /* COLOR FONDO BOTON */
		color:#507a8c; /* 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 #9db9c8; /* COLOR, TAMAŅO Y ESTILO BORDE IZQUIERDO */
				border-right: 10px solid #9db9c8; /* COLOR, TAMAŅO Y ESTILO BORDE DERECHO */
				background-color: #9db9c8; /* 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 #cccccc;
		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: #c7daf7;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-top-color: #1f6591;
	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: #Fdfbf2;
	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: #F8F2DE;
	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: #d3b841;} /* ** COLORES ESPECIFICOS DE TEXTO EN ESTE BLOQUE ****** */
	.bloqued h2 {color: #d3b841;} /* ** COLORES ESPECIFICOS DE TEXTO EN ESTE BLOQUE ****** */
	.bloqued h3 {color: #d3b841;} /* ** 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: #Fdfbf2;
	border:1px;
	border-color:#d3b841;
	border-style:solid;
	margin-top: 5px;
	padding:5px;
	clear:both;
	}	
	.bloquee h1 {color: #d3b841;} /* ** COLORES ESPECIFICOS DE TEXTO EN ESTE BLOQUE ****** */
	.bloquee h2 {color: #d3b841;} /* ** COLORES ESPECIFICOS DE TEXTO EN ESTE BLOQUE ****** */
	.bloquee h3 {color: #d3b841;} /* ** 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: #c7daf7;
	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:#727E01;
	border-left-color: #A9B517;
	border-left-style: solid;
	border-left-width: 10px;
	background-color: #F4F8C7;
	}
	
.piebloque /* ** PIE PARA IMPRIMIR, ENVIAR POR CORREO, VALORAR, ETC. ****** */
	{
	position:relative;
	padding: 3px 3px 3px 5px;
	margin: 7px 0px 7px 0px;
	background-color: #F4F8C7;
	}
		
.pieadjuntos /* ** ASPECTO DEL BLOQUE DE DOCUMENTOS ADJUNTOS****** */
	{
	position:relative;
	padding: 3px 3px 3px 5px;
	margin: 5px 0px 5px 0px;
	border-color: #F8F2DE;
	border-width: 4;
	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: #F8F2DE;
	border-width: 4;
	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: #F8F2DE;
	border-width: 4;
	border-style: solid;
	}
		
	.enlaces a:link    { color: #988423;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.enlaces a:visited { color: #988423;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.enlaces a:hover   { color: #5f5216;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */
	.enlaces a:active  { color: #333333;  font-weight: normal;}   /* ENLACES DENTRO DE ESTE BLOQUE */

.bloquebuscadoravanzado /* BUSCADOR AVANZADO */
	{
	margin-top:5px;
	position: relative;
	background-color: #ffffff;
	border-color: #e3b1b0;
	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: #F8F2DE;
	border-width: 5px;
	background-color: #ffffff;
	}
	.enlacesbuscador a:link    { color: #988423;  font-weight: normal;}   /* unvisited links */
	.enlacesbuscador a:visited { color: #988423;  font-weight: normal;}   /* visited links   */
	.enlacesbuscador a:hover   { color: #5f5216;  font-weight: normal;}   /* user hovers     */
	.enlacesbuscador a:active  { color: #333333;  font-weight: normal;}  /* active links    */

.mapa  /* MAPA DEL SITE */
	{
	margin-top:5px;
	position: relative;
	background-color: #ffffff;
	border-color: #e3b1b0;
	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: #e3b1b0;
	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: #F4F8C7;
	border-top-color: #727E01;
	border-top-style: solid;
	border-top-width: 5px;
	color:#727E01;
	}
		
.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: #5f5216;
	border-left-style: solid;
	border-left-width: 10px;
	background-color: #F3F3F3;
	font-size:12px;
	}
		
.galeria /* BLOQUES GALERIA DE IMAGENES */
	{
	position: relative;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #d3b841;
	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 #d3b841;
	border-style:solid;
	background-color: #F8F2DE;
	}

.enviarporcorreo /* ASPECTO BLOQUE ENVIAR POR CORREO */
	{
	position: relative;
	padding: 5px 5px 5px 5px;
	color:#666666;
	border-style: solid;
	border-width: 5px;
	border-color: #F8F2DE;
	background-color: #ffffff;
	margin-bottom: 10px;
	}
	.enviarporcorreo li /* BARRA LATERAL DE COLOR*/
		{
		list-style-type: none;
		border-left-color: #d3b841;
		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: #F8F2DE;
	background-color: #ffffff;
	margin-bottom: 10px;
	}
		.valorar li /* BARRA LATERAL DE COLOR*/
		{
		list-style-type: none;
		border-left-color: #d3b841;
		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;
	background-image: url(http://www.perezgimenez.es/pedidos/imagenes/candadogrande.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}

.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(http://www.perezgimenez.es/pedidos/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: #F8F2DE;
	background-color: #ffffff;
	margin-bottom: 5px;
	}