/* Estilos globales. Machacamos los "defaults" de los navegadores. */
html { height: 100%; background: #090909 url(../img/fondo-html.jpg) bottom center repeat-x; margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; font-family: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif; font-size: .7em; background: url(../img/fondo-body.png) top center no-repeat; height: 115px; color: #ccc; }

img { border: none; }

p { margin: 0px; padding: .3em 0px; line-height: 1.4em;  }
p.firma { margin-top: 1em; text-align: right; }

a, a:active, a:visited { color: #cab215; }
a:hover { color: #bb3b28; }

em { color: #7E9721; font-style: normal; }
strong em { font-size: 1.1em; }


/* Layout general de la página. Contenedor de ancho fijo (760px) centrado. */
#contenedor { width: 760px; margin: 0 auto; background: #242424; padding-bottom: 30px;}

/* Cabecera y contenido */
.cabecera { background: #242424 top right no-repeat; height: 115px; }
#logo_cabecera { padding: 20px 0px 0px 10px; }

.contenido { overflow: visible; width: 760px; background-position: top left; background-repeat: no-repeat; }

/* Menú izquierdo */
#menu { width: 246px; background: #242424; margin-left: 6px; padding: 0px 0px 1em 0px; float: left; display: inline; }
#menu ul { list-style: none; margin: 0px; padding: 0px 0px 0px 5px; }
#menu ul li { margin-bottom: 2px; }
#menu ul li a { height: 1%; display: block; font-weight: bold; text-decoration: none; color: #fff; padding: 3px 7px 6px 7px; background: url(../img/fondo-menu-off.png) top left no-repeat; }
#menu ul li.actual a, #menu ul li ul li.actual a { color: #fff; background-image: url(../img/fondo-menu-on.png); }
#menu ul li a:hover { color: #fff; background-image: url(../img/fondo-menu-hover.png); }
#menu ul li.actual a:hover { background-image: url(../img/fondo-menu-on.png);  }

/* Doble alto */
#menu ul li a.dh { background: url(../img/fondo-menu-dh-off.png) top left no-repeat; }
#menu ul li.actual a.dh, #menu ul li ul li.actual a.dh { background-image: url(../img/fondo-menu-dh-on.png); }
#menu ul li a.dh:hover { color: #fff; background-image: url(../img/fondo-menu-dh-hover.png); }
#menu ul li.actual a.dh:hover { background-image: url(../img/fondo-menu-dh-on.png);  }

/* Menú izquierdo de nivel 2 */
#menu ul li ul { margin: 3px 0px 6px 10px; }
#menu ul li ul li a { color: #bbb; font-weight: normal; background: none; }
#menu ul li.actual ul li a { color: #bbb; background: none; }
#menu ul li.actual ul li a:hover { color: #fff; background: none; }
#menu ul li ul li a:hover { color: #fff; background: none; }
#menu ul li ul li.actual a { background: none; color: #C4A404; }
#menu ul li ul li.actual a:hover { background: none; }

/* Layout general del contenido de la página. Título, columna central con y sin sidebar y sidebar. */
#titulo { width: 508px; float: left; background: #000; }
#titulo h1 { font-size: 1.3em; margin: 0px; padding: .5em 1em; color: #fff; }
#central {  width: 352px; float: left; padding: 10px 10px 10px 13px; }

#central p {
	padding: 15px 15px 0px 15px;
}

.sin_sidebar { width: 444px !important; }
#sidebar { float: left; width: 130px; margin-left: 2px; }

/* Listado de empresas participantes */
#filtros { width: 100%; margin: 0px 0px 1em 0px; }
#filtros ul { list-style: none; margin: 0px; padding: 0px; }
#filtros ul li { display: inline; margin: 0px; padding: 0px; }
#filtros a { display: block; float: left; width: 8.3%; text-align: center; margin: 0px; padding: 0px; }
table.bonita { border: 1px solid #716618; border-bottom: none; width: 100%; border-collapse: collapse; margin-top: 1em; }
table.bonita td { border-bottom: 1px solid #716618; padding: 2px 2px 2px 6px; }
table.bonita td.ic { text-align: right; }
table.bonita td.ic img { margin-left: 3px; }
table.bonita td.lk { width: 16px; }

/* Formulario de solicitud de información */
.formERR, .formOK { border: 2px solid #000; border-width: 2px 0px 2px 0px; margin: 2em 0px 0px 0px; padding: 1em; }
.formERR { border-color: #BB3B28; color: #BB3B28; background: #322; }
.formOK { border-color: #7E9721; color: #7E9721; background: #232; margin: 10em 0px; }
.contacto { margin: 2em 0px; }
.contacto form { margin: 0px; padding: 0px 0px 0px 5%; }
.contacto form label { font-weight: bold; color: #CAB215; }
.contacto form input, .contacto form textarea { margin: .3em 0px .5em 0px; }
.contacto form input.text, .contacto form textarea { font-family: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif; font-size: 1em; background: #000; color: #CAB215; border: 1px solid #716618; padding: 3px; }
.contacto form input.text { width: 60%; }
.contacto form textarea { width: 85%; height: 100px; }
.contacto form .botonera { text-align: right; padding-right: 12%; }
.contacto form .botonera input { font-size: 1em; padding: .3em .5em; cursor: pointer; }
.contacto form .botonera input.reset { border: 1px solid #716618; background: #332; color: #CAB215; }
.contacto form .botonera input.reset:hover { border-color: #CAB215; background: #443; }
.contacto form .botonera input.submit { border: 1px solid #186618; background: #232; color: #15B215; padding: .3em 2em; font-weight: bold; }
.contacto form .botonera input.submit:hover { border-color: #15B215; background: #343; }

/* Sección: Denominaciones de origen... */
.falsa-tabla-dos {
	text-align: center;
	padding-bottom: 30px;
}
.falsa-tabla-dos ul {
	list-style: none;
	margin: 0px 0px 0px 10px; padding: 10px 0px;
	font-size: 0px;
	line-height: 0px;
}

.falsa-tabla-dos ul li {
	float: left;
	display: block; 
	width: 81px;
	height: 90px;
	margin: 5px 0px 0px 5px;
}

/* Sección Asturias */
.mapas h2{
	font-size: 1.3em;
	margin: 0px;
	margin-top: .5em;
	margin-bottom: 0px;
	padding: 0em 1em 0em 1em;
	color: #C4A404;
}

.mapas p {
	margin:0px;
	padding: 10px 0px 30px 0px !important;
	text-align: center;
}

/* Pie */
#pie {
	border-top: 1px solid #222;
	background: url(../img/fondo-pie.png) top right no-repeat;
	overflow: hidden;
	padding: 8px;
}

/* Estilos misceláneos, fixes y hacks */
.fffix { clear: both; }


/* Contacto */
.columna {
	width: 45%;
	margin-right: 5%;
	float: left;
}

.sinmargen {
	margin-right: 0px;
}


/* Descarga del catálogo de empresas y organismos */
.download {
	border: 1px solid #CCCCCC;
	padding: 10px;
	width: 330px;
	margin-top: 3em;
}

.download .imagenPortada {
	width: 129px;
	float: left;
}

.download .textoDescripcion {
	width: 200px;
	float: left;
}

.download .textoDescripcion p {
	padding: 0px !important;
	margin: 0px 0px .5em 0px !important;
}

.download .textoDescripcion a {
	text-decoration: none;
	font-weight: bold;
}

.download p {
	color: #CCCCCC;
}