/* CSS Document */
* {
	margin:0px;
	padding:0px;
}

body {
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	text-align:center;
}

a {
	color:#6699cc;
}

	a img {
		border:none;
	}

h1 {
	font:2.2em "Century Gothic", "Georgia", "Trebuchet MS";
	margin:0px 0px 10px 0px;
}

h2 {
	font:1.8em Arial, Helvetica, sans-serif;
	margin:5px 0px;
}
h3 {
	font:bold 1.4em Arial, Helvetica, sans-serif;
	margin:5px 0px;
}
h4 {
	font:bold 1.0em Arial, Helvetica, sans-serif;
	margin:5px 0px;
}

/* Páginas estáticas, textos normales */
.txt ul, .txt ol, .txt p, .txt dl {
	margin:10px 0px;
}
	.txt .imgd {
		float:right;
		margin:0px 0px 10px 15px;
	}
	.txt .imgi {
		float:left;
		margin:0px 15px 10px 0px;
	}
	
	.txt table {
		width:99%;
		border-collapse:collapse;
		margin:0px 0px 10px 0px;
	}
		.txt caption {
			padding:5px 0px;
			margin:10px 0px 0px 0px;
			color:#999;
			border-top:2px solid #eee;
		}
		.txt th {
			background:#FFCC33;
			color:#000;
			padding:3px 5px;
			font-weight:bold;
			text-align:center;
		}
		.txt td {
			background:#eee;
			border:2px solid #fff;
			padding:5px;
			vertical-align:top;
		}

form {
	border:1px solid #ccc;
	background:#f6f6f6;
	margin:10px 0px;
	padding:0px 0px 10px 0px;
	text-align:center;
}
	form h2 {
		border-bottom:1px solid #ddd;
		color:#888;
		font:1.0em Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		margin:0px;
		padding:6px 10px;
	}
	form.busqueda h2 {
		background:#fff url(img/buscar.gif) 5px 5px no-repeat;
		padding:6px 5px 6px 25px;
	}
	fieldset {
		border:none;
		border-top:1px solid #ccc;
		text-align:left;
		margin:10px;
		padding:0px 10px;
	}
	input, select, textarea {
		font:1.0em Verdana, Arial, Helvetica, sans-serif;
		padding:1px;
	}
	input.boton {
		width:auto;
	}
	legend {
		padding:0px 5px;
		color:#000;
		font-size:0.9em;
	}
	form p {
		margin:0px 0px 10px 0px;
	}

.wrap {
	width:980px;
	text-align:left;
	margin:0px auto;
}

#header {
	width:100%;
	overflow:hidden;
	background:#000 url(img/header6.jpg) top center no-repeat;
}

	#miniheader h1 {
		width:600px;
		height:40px;
		float:left;
	}
	
	#header h1 {
		height:45px;
		width:100%;
	}
	
	#header h1 a, #miniheader h1 a {
		height:40px;
		width:100%;
		display:block;
	}
	
	#header span, #miniheader span {
		display:none;
	}
	
	#header #buscar {
		margin:75px 0px 0px 0px;
		clear:both;
		text-align:right;
		padding:5px 15px 3px 15px;
		border-top:1px solid #3399FF;
		background:#000;
	}
	
		#buscar #q {
			border:none;
			width:180px;
			border:none;
			background:#eee;
			margin:0px 5px 5px 10px;
		}

#miniheader {
	height:35px;
	background:#000 url(img/mini-header.jpg) top left no-repeat;
	border-bottom:1px solid #3399FF;
	width:100%;
	overflow:hidden;
}

	#miniheader #buscar {
		padding:10px 20px;
		float:right;
	}

#content {
	margin:15px 0px 0px 165px;
}

	ul li {
		list-style-image:url(img/bullet.png);
	}
	li {
		margin:5px 0px 0px 20px;
	}

	#portada {
		margin:0px 230px 0px 0px;
	}

	#noticias, #campanas {
		margin:0px 0px 20px 0px;
	}
	
	#campanas {
		border-bottom:1px dotted #ccc;
	}

	#campanas div {
		margin:0px 0px 10px 0px;
		padding:10px 0px 10px 0px;
		border-top:1px dotted #ccc;
		width:97%;
		overflow:hidden;
	}
	
		#campanas div img {
			border:5px solid #ccc;
			float:left;
			margin:0px 10px 5px 0px;
		}
		
		#campanas div h2 {
			font-size:1.0em;
			padding:0px 0px 5px 0px;
			margin:0px 0px 5px 110px;
			border-bottom:1px solid #000;
			font-weight:bold;
		}
		
		#campanas div h2 span {
			color:#555;
			font-weight:normal;
		}
		
		#campanas div p a {
			display:block;
			text-align:right;
		}
		
		.noticias li, .item {
			padding:0px 0px 5px 15px;
			background:url(img/doc.gif) top left no-repeat;
			margin:5px 3% 0px 0px;
			border-bottom:1px dotted #999;
		}
		
		.item {
			width:90%;
			overflow:hidden;
		}
	
		.noticias li {
			list-style-image:none;
			list-style-type:none;
		}
		
		.noticias li h2 {
			font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
			color:#CC0000;
		}
		
	.item h2 {
		color:#c00;
	}
	
	.item p {
		margin:0px 0px 10px 0px;
	}
	
	.item img {
		float:left;
		margin:0px 10px 5px 0px;
		border:5px solid #ccc;
	}
		
	.item ul.meta {
		margin:0px 0px 10px 0px;
		padding:0px 0px 5px 0px;
		border-bottom:1px dotted #999;
	}
	
		.meta li {
			display:inline;
			padding:5px 5px 5px 20px;
			margin:0px;
			background:url(img/imprimir.gif) left no-repeat;
		}
		
		.meta li.enviar-mail {
			background-image:url(img/enviar-mail.gif);
		}
		
		.meta li.descargar-pdf {
			background-image:url(img/descargar-pdf.gif)
		}
		
		.meta a {
			color:#333;
			text-decoration:none;
		}
		
			.meta a:hover {
				color:#000;
				text-decoration:underline;
			}

	#patrocinadores {
		width:215px;
		float:right;
		margin:0px 0px 0px 20px;
		display:inline;
	}
	
		#patrocinadores li {
			list-style-image:none;
			list-style-type:none;
			float:left;
			margin:5px 2px 0px 5px;
		}
		
		#patrocinadores li a img {
			border:2px solid #ddd;
		}
		
	#destacados {
		margin:0px 0px 15px 0px;
	}
	
#menu {
	width:140px;
	float:left;
	margin:15px 0px 0px 0px;
}

	#menu h1 {
		background:#6699ff url(img/faldon-azul.gif) top left no-repeat;
		color:#fff;
		padding:7px 10px;
		margin:0px 1px 0px 0px;
		border-bottom:1px solid #0066CC;
		font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	}
	
	#menu h2 {
		font-size:1.0em;
		color:#0066FF;
		padding:0px 5px;
		margin:5px 0px;
		font-weight:bold;
	}

	#menu ul {
		border-bottom:1px solid #0066CC;
	}

	#menu ul li {
		list-style-image:none;
		margin:0px;
		list-style-type:none;
		border-bottom:1px solid #fff;
	}
	
	#menu ul li a {
		display:block;
		padding:5px 5px 5px 20px;
		background:#f0f0f0 url(img/arrow.gif) 5px 5px no-repeat;
		text-decoration:none;
		color:#336699;
	}
	
		#menu ul li a:hover {
			background-color:#fff;
			text-decoration:underline;
			color:#0066FF;
		}
		
	#menu img {
		display:block;
		margin:10px auto;
	}

#micromenu {
	background:#000;
	padding:5px 0px;
	margin-bottom:10px;
	text-align:right;
}

	#micromenu li {
		display:inline;
		padding:4px 0px 4px 10px;
		margin:0px 10px 0px 0px;
		border-left:1px solid #999;
	}
	
	#micromenu a {
		color:#ccc;
		text-decoration:none;
	}
	
	#micromenu a:hover {
		color:#fff;
		text-decoration:underline;
	}

#footer {
	clear:both;
	color:#888;
	padding:15px 20px 5px 20px;
	text-align:center;
}

	#footer img {
		float:left;
		margin:0px 10px 0px 0px;
	}
	
	#footer p {
		margin:15px 0px;
	}

/* codigos por actividad */
.actividad {
	padding:5px 10px;
}

.actividad, .actividad a {
	color:#fff;
}

.alimentacion {
	background:#DF0032;
}

.salud {
	background:#F1A636;
	color:#000;
}

.hogar {
	background:#956A2B;
}

.textil {
	background:#6DC127;
}

.persona {
	background:#00946D;
}

.cultura {
	background:#0071B8;
}

.restauracion {
	background:#F7DC00;
	color:#000;
}

	.salud a, .restauracion a {
		color:#000;
	}

.personales {
	background:#82378B;
}

.otros {
	background:#DC5F9A;
}

.comercios {
	background:#877463;
}

/* clases comunes */
span.fecha {
	font-weight:normal;
	color:#555;
}
		
.navegacion {
	text-align:center;
	margin:10px 0px;
}

	.navegacion li {
		display:inline;
		margin:0px 10px;
	}
	
	.navegacion a {
		padding:3px 5px;
		border:1px solid #ccc;
		background:#f0f0f0;
		color:#777;
		text-decoration:none;
	}
	
	.navegacion a:hover {
		background:#fff;
		color:#000;
		border-color:#000;
	}
	
	.navegacion .activo a {
		background:#fff;
	}
	
	.navegacion a.nav {
		border:none;
		font:bold 1.8em Arial, Helvetica, sans-serif;
		color:#000;
		background:#fff;
	}

h1.actividad span {
	display:block;
	width:100%;
	text-align:right;
	font:bold 0.45em Arial, Helvetica, sans-serif;
}

h2.actividad {
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
}

h2.actividad span {
	float:right;
	font-size:0.9em;
}

/* listadoguia */
.listadoguia {
	margin:10px 0px;
}

	.listadoguia li {
		border-bottom:1px dotted #999;
		padding:0px;
		margin:0px;
		list-style-image:none;
		list-style-type:none;
		width:100%;
		overflow:hidden;
	}
	
	.listadoguia li img {
		float:right;
		margin:10px 0px 10px 20px;
	}
	
	.datoscontacto , .listadoguia dl.datoscontacto {
		margin:10px 0px;
		float:left;
	}
	
	.descripcion .datoscontacto {
		width:100%;
	}
	
	.datoscontacto dt {
		clear:left;
		background:bottom left no-repeat;
		padding:2px 5px 3px 25px;
		float:left;
		font-weight:bold;
	}
	
	.datoscontacto dd {
		padding:2px 5px 10px 5px;
	}
	
	dt.direccion {
		background-image:url(img/home.gif);
	}	
	dt.telefono {
		background-image:url(img/phone.gif);
	}
	dt.web {
		background-image:url(img/web.gif);
	}
	dt.fax {
		background-image:url(img/fax.gif);
	}
	dt.horario {
		background-image:url(img/horario.gif);
	}
	dt.email {
		background-image:url(img/mail.gif);
	}

.mapa {
	border:5px solid #ccc;
}

#mapa {
	text-align:center;
	margin:10px 0px;
}

	#mapa object {
		display:block;
		margin:0px auto;
	}

.busquedaguia {
}

	.busquedaguia fieldset label {
		float:left;
		clear:both;
		width:25%;
		margin:0px 0px 10px 0px;
		text-align:right;
		display:inline;
	}
	
	.busquedaguia fieldset select, .busquedaguia fieldset input {
		width:70%;
		float:right;
		margin:0px 0px 10px 0px;
		display:inline;
	}

#side .busqueda label {
	display:block;
	margin:10px 0px;
}
	#side .busqueda label input {
		display:block;
		width:230px;
		margin:5px 0px 0px 0px;
	}

/* cliente */
h1.actividad {
	border-bottom:1px solid #3399FF;
	margin:0px;
}

	ul.galeria {
		width:220px;
		float:left;
	}
	
		.galeria li {
			margin:0px 0px 10px 0px;
			list-style-type:none;
			list-style-image:none;
		}

	.galeria img {
		border:5px solid #ccc;
	}

	.descripcion {
		margin:0px 0px 0px 240px;
	}
	
	.descripcion .mapa {
		float:right;
		margin:0px 0px 10px 10px;
	}

#contacto {
	float:left;
	width:550px;
}
	.contactocliente {
		margin:0px auto;
	}

	#contacto textarea {
		height:10em;
	}
	
	#contacto fieldset label {
		float:left;
		clear:both;
		width:15%;
		margin:15px 30px 5px 30px;
		display:inline;
	}
	
	#contacto fieldset textarea {
		width:65%;
		float:left;
		margin:15px 0px 5px 0px;
		display:inline;
	}
	
	#contacto fieldset input, #contacto fieldset select {
		width:55%;
		float:left;
		margin:15px 0px 5px 0px;
		display:inline;
	}
	
img.nuevo {
	float:left;
}

.catalogo li {
	position:relative;
	width:20%;
	height:200px;
	float:left;
	margin:0px 2% 15px 2%;
	border:1px solid #ddd;
	list-style-type:none;
	list-style-image:none;
}

	.catalogo li img.producto {
		clear:both;
		display:block;
		margin:5px auto;
	}

.catalogo li p {
	position:absolute;
	bottom:10px;
	right:10px;
	text-align:right;
}

.catalogo-detalle {
	border:1px solid #ddd;
	width:100%;
	overflow:hidden;
}

	.catalogo-detalle h2 {
		font-size:1.0em;
		float:right;
		color:#999;
		padding:5px 10px;
	}
	
	.catalogo-detalle h3 {
		margin:10px 0px 5px 0px;
	}

	.catalogo-detalle img.producto {
		float:left;
		margin:10px 10px 10px 0px;
	}

/* localidad */
.localidad #locontent {
	margin:0px 0px 0px 320px;
}
.localidad #side {
	clear:both;
	width:290px;
	float:left;
}

/* gua comercial */
h1.guia {
	background:url(img/bolsas.jpg) bottom left no-repeat;
	padding:30px 0px 0px 45px;
	margin:0px 0px 20px 0px;
	border-bottom:2px solid #000;
}

#locontent ul.listadoguia {
	float:left;
	width:99%;
}

.localidad #side h1 {
	background:#000;
	color:#fff;
	padding:5px 0px;
	font-size:2.6em;
	text-align:center;
	margin:0px;
	border-bottom:1px solid #3399FF;
}

	.localidad #side h1 img {
		display:block;
		margin:5px 5px 0px 5px;
	}

#datos {
	clear:both;
}

	#datos div {
		width:22%;
		height:215px;
		float:left;
		margin:15px 1% 15px 1.3%;
		background:#fff;
		border:1px solid #000;
		position:relative;
	}
	
	#datos div h1 {
		background:#000;
		color:#ccc;
		padding:5px 0px 5px 10px;
		font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	}
	#datos div ul, #datos div p {
		margin:5px 10px;
	}
	#datos div p.nav {
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
		padding:5px 0px;
		margin:0px;
		text-align:right;
		border-top:2px solid #FFCC00;
		background:#f9f9f9;
	}
		#datos div p.nav a {
			text-decoration:none;
			color:#000;
			font-weight:bold;
			padding:0px 5px;
		}
			#datos div p.nav a:hover {
				color:#FF0033;
				text-decoration:underline;
			}

ul.enlaces {
	float:left;
	margin:0px 10% 15px 0px;
}

.wrap {
	width:980px;
}