html {
	width: 100%;
	height: 100%;
}

body {
	color: #000;
	font: 75%/130% "Lucida Grande", Lucida, Verdana, sans-serif;
	background: white url(../images/estructura/filigrana.jpg) no-repeat right bottom;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	text-align: justify;
}

h1 {
	font-size: 20px;
	color: #000;
	width: 450px;
	height: 40px;
	margin: 0;
	padding: 0;
}

h1 span {
	visibility: hidden;
}

h2 {
	font: italic 1.6em Georgia, "Times New Roman", Times, serif;
	color: #c2b189;
	margin-left: 20px;
}

h3 {
	font-size: 1.4em;
	color: olive;
}

p {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1em;
}

a:link {
	color: #674822;
}

a:visited {
	color: #674822;
	text-decoration: none;
}

a:hover {
	color: #674822;
	text-decoration: none;
	border-bottom: 1px dashed #674822;
}

/* @group estructura */

.logo {
	margin: 0;
	padding: 0;
}

#pagina {
	width: auto;
	height: auto;
}

#contenedora {
	width: auto;
	height: auto;
}

#menu {
	height: 320px;
	background: #d6c08c url(../images/estructura/cerdos.jpg) no-repeat right top;
	border-top: 1px solid #674822;
}

#contenido {
	margin-left: 215px;
	margin-top: 0;
	width: 450px;
	padding-right: 10px;
	padding-left: 10px;
	background: white url(../images/estructura/sombra.jpg) repeat-y 0 0;
	padding-bottom: 0;
}

#direccion {
	text-align: right;
	background-color: #d6c08c;
	padding: 4px;
}

#direccion p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.9em;
}



/* @end */

/* @group menu */

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu span {
	visibility: hidden;
}

#menu a {
	font-size: 2px;
	text-decoration: none;
	border-style: none;
}

#menu ul li {
	width: 225px;
	margin: 0;
	padding: 0;
}

a#inicio {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu.jpg) 0 0;
}

a#inicio:hover {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu2.jpg) 0 0;
}

#xinicio a#inicio {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu3.jpg) 0 0;
}

a#producto {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu.jpg) 0 -35px;
}

a#producto:hover {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu2.jpg) 0 -35px;
}

#xproducto a#producto {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu3.jpg) 0 -35px;
}

a#distribucion {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu.jpg) 0 -70px;
}

a#distribucion:hover {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu2.jpg) 0 -70px;
}

#xdistribucion a#distribucion {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu3.jpg) 0 -70px;
}

a#contacto {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu.jpg) 0 -105px;
}

a#contacto:hover {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu2.jpg) 0 -105px;
}

#xcontacto a#contacto {
	width: 225px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(../images/estructura/menu3.jpg) 0 -105px;
}

ul#submenu {
	height: 180px;
	display: none;
}

#xproducto ul#submenu {
	display: block;
}

a#tradicional {
	display: block;
	width: 225px;
	height: 30px;
	background: url(../images/estructura/menu_productos.jpg) no-repeat 0 0;
}

a#tradicional:hover {
	display: block;
	width: 225px;
	height: 30px;
	background: url(../images/estructura/menu_productos2.jpg) no-repeat 0 0;
}

a#trufado {
	display: block;
	width: 225px;
	height: 21px;
	background: url(../images/estructura/menu_productos.jpg) no-repeat 0 -30px;
}

a#trufado:hover {
	display: block;
	width: 225px;
	height: 21px;
	background: url(../images/estructura/menu_productos2.jpg) no-repeat 0 -30px;
}

a#pimienta {
	display: block;
	width: 225px;
	height: 21px;
	background: url(../images/estructura/menu_productos.jpg) no-repeat 0 -51px;
}

a#pimienta:hover {
	display: block;
	width: 225px;
	height: 21px;
	background: url(../images/estructura/menu_productos2.jpg) no-repeat 0 -51px;
}

a#hierbas {
	display: block;
	width: 225px;
	height: 21px;
	background: url(../images/estructura/menu_productos.jpg) no-repeat 0 -72px;
}

a#hierbas:hover {
	display: block;
	width: 225px;
	height: 21px;
	background: url(../images/estructura/menu_productos2.jpg) no-repeat 0 -72px;
}

a#oporto {
	display: block;
	width: 225px;
	height: 21px;
	background: url(../images/estructura/menu_productos.jpg) no-repeat 0 -93px;
}

a#oporto:hover {
	display: block;
	width: 225px;
	height: 21px;
	background: url(../images/estructura/menu_productos2.jpg) no-repeat 0 -93px;
}

a#roquefort {
	display: block;
	width: 225px;
	height: 21px;
	background: url(../images/estructura/menu_productos.jpg) no-repeat 0 -114px;
}

a#roquefort:hover {
	display: block;
	width: 225px;
	height: 21px;
	background: url(../images/estructura/menu_productos2.jpg) no-repeat 0 -114px;
}

a#jabali {
	display: block;
	width: 225px;
	height: 20px;
	background: url(../images/estructura/menu_productos.jpg) no-repeat 0 -135px;
}

a#jabali:hover {
	display: block;
	width: 225px;
	height: 20px;
	background: url(../images/estructura/menu_productos2.jpg) no-repeat 0 -135px;
}

a#embutido {
	display: block;
	width: 225px;
	height: 25px;
	background: url(../images/estructura/menu_productos.jpg) no-repeat 0 -155px;
}

a#embutido:hover {
	display: block;
	width: 225px;
	height: 25px;
	background: url(../images/estructura/menu_productos2.jpg) no-repeat 0 -155px;
}
/* @end */

/* @group clases */

.imagen {
	position: absolute;
	top: 101px;
	left: 225px;
	z-index: 10;
	background-color: #fff;
}



/* @end */

/* @group titulos */

.h1inicio {
	background: white url(../images/estructura/h1.inicio.jpg) no-repeat 0 0;
}

.h1producto {
	background: white url(../images/estructura/h1.productos.jpg) no-repeat 0 0;
}

.h1tradicional {
	background: white url(../images/estructura/h1.tradicional.jpg) no-repeat 0 0;
}

.h1trufado {
	background: white url(../images/estructura/h1.trufado.jpg) no-repeat 0 0;
}

.h1pimienta {
	background: white url(../images/estructura/h1.pimienta.jpg) no-repeat 0 0;
}

.h1hierbas {
	background: white url(../images/estructura/h1.hierbas.jpg) no-repeat 0 0;
}

.h1oporto {
	background: white url(../images/estructura/h1.oporto.jpg) no-repeat 0 0;
}

.h1roquefort {
	background: white url(../images/estructura/h1.roquefort.jpg) no-repeat 0 0;
}

.h1jabali {
	background: white url(../images/estructura/h1.jabali.jpg) no-repeat 0 0;
}

.h1distribucion {
	background: white url(../images/estructura/h1.distribucion.jpg) no-repeat 0 0;
}

.h1contacto {
	background: white url(../images/estructura/h1.contacto.jpg) no-repeat 0 0;
}

.h1embutido {
	background: white url(../images/estructura/h1.embutido.jpg) no-repeat 0 0;
}



/* @end */

/* @group formulario */

form dd {
	margin: 0;
	padding: 1px 0 10px;
	width: auto;
}
	
	
form dt {
	float: left;
	padding-right: 10px;
	width: 90px;
	padding-left: 20px;
	text-align: right;
	margin: 0;
}

input {
	width: 300px;
}

.enviar {
	width: auto;

}

textarea {
	width: 300px;
	height: 50px;
}	
/* @end */