@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
	outline: 0px;
}
form
	{
	margin:0px;
	padding:0px;
	}
/* CSS Document */
.datos_final 
{
	text-transform: uppercase;
	color: #cc0000;
	font: normal 1.5em "Trebuchet MS", Arial, sans-serif;
}
h1, h2, h3 {
	color: #330102;
	margin: 1em 0 0.5em;
	line-height: 1em;
	text-transform: uppercase;
}
h1 {
	font: normal 2.3em Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	text-align: center;
	letter-spacing: -0.05em;
}
h2, #datos_pedido  legend {
	text-transform: uppercase;
	color: #cc0000;
	font: normal 1.5em "Trebuchet MS", Arial, sans-serif;
}
h3, #pedir h2, #pedircorte h2, #resumen_carrito h2 {
	color: #330102;
	text-align: left;
	text-transform: uppercase;
	font: 1.3em "Trebuchet MS", Arial, sans-serif;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Links */
a {
	color: #000000;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	text-decoration: underline;
}

a:hover img {
	border-color: #3366FF;
}
a img {
	border-style: none;
}
ol  {
	margin: 0px 0px 10px 30px;
	padding: 0px 0px 10px 30px;
}
ol li {
	padding-bottom: 0.5em;
}
ol.letras {
	list-style: lower-alpha;
}


strong {
	color: #000000;
}






    body  {
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #333333;
	position: relative;
    }
	body.inicio {
	background: #46201D url(../imagenes/cabecera.jpg) no-repeat center top;
		}
	body.interior {
	background: #46201D url(../imagenes/cabecera_interior.jpg) no-repeat center top;
		}
#container  {
	width: 904px;
	margin: 0 auto;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	font-size: 1.3em;
	padding-bottom: 20px;
	line-height: 1.5em;
    } 
.inicio #header  {
	position: relative;
	height: 295px;

    } 
.interior #header {
	position: relative;
	height: 190px;
}

.logo   a  {
	width: 235px;
	height: 110px;
	text-indent: -5000px;
	display: block;
	position: absolute;
	top: 12px;
	left: 2px;
}
a img {
	border-style: none;
}

#pedido a {
	display: block;
	height: 94px;
	width: 229px;
	position: absolute;
	left: 354px;
	top: 51px;
	text-indent: -5000px;
}
#contacto {
	position: absolute;
	left: 133px;
	top: 14px;
	margin: 0px;
	padding: 0px;
	color: #321814;
}
.dato {
}
#contacto .dato a {
	color: #321814;
}


#pedido a:hover {
	background: url(../imagenes/pedido_jamon_iberico.jpg) no-repeat left top;
}


ul.navegacion {
	float: right;
	width: 170px;
	background: #2a0c06;
	list-style: none;
	margin: 0px;
	padding: 0px;

}

* html body ul.navegacion li {
	height: 1%;
}

ul.navegacion li a, ul.navegacion li a:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #8b4d39;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 12px 5px;
	border-bottom: 1px solid #46201D;
}
ul.navegacion a#activo, ul.navegacion a:hover, ul.navegacion a:hover, ul.navegacion a:focus {
background: #1C0400;
}
.navegacion img {
	margin-right: auto;
	margin-left: auto;
}
.navegacion  a.compra, .navegacion a.compra:active, .navegacion a.compra:visited {
	background: url(../imagenes/cesta_nav.png) no-repeat center 10px;
	padding-top: 70px;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #8B4D39;
	height: 10px;
}
.navegacion a.compra:hover, .navegacion a.compra:focus {
	background: #1C0400 url(../imagenes/cesta_nav.png) no-repeat center 10px;
	padding-top: 70px;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #8B4D39;
	height: 10px;
}

#compra .compra {
	background: #1C0400 url(../imagenes/cesta_nav.png) no-repeat center 10px;
	padding-top: 70px;
	font: 1em Arial, Helvetica, sans-serif;
	color: #fff;
	height: 10px;
	}

#home .home , #productos .productos , #lotes .lotes, #corte .corte, #sobre .sobre, #mapa .mapa, #como .como {
background: #1C0400;
color: #fff;
}
#home #footer .home , #productos #footer .productos , #lotes #footer .lotes, #corte #footer .corte, #sobre #footer .sobre, #compra #footer .compra, #mapa #footer .mapa, #como #footer .como {
	color: #fff;
	background: none;
}
#mainContent  {
	float: left;
	width: 686px;
    } 
#introduccion {
	background: #321814;
	width: 435px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	float: left;
	color: #C58570;
}
#introduccion h2 {
	margin: 0px 0px 10px;
}
#introduccion li {
	margin-left: 0px;
	padding-left: 0.3em;
	list-style: inside;
}
#introduccion strong {
	color: #fff;
}

.sello img {
	padding-top: 5px;

}
.sello h3 {
	color: #FFFFFF;
	text-align: left;
	font: normal 1.3em Arial, Helvetica, sans-serif;
	text-transform: none;
}


.caja_estrecha {
	float: right;
	width: 220px;
	background: #fff;
	position: relative;
}
.oferta {
	padding: 10px;
}

.oferta h2 {
	background: url(../imagenes/sello_oferta.gif) no-repeat;
	text-indent: -5000px;
	height: 130px;
	width: 130px;
	position: absolute;
	top: -40px;
	left: -12px;
	z-index: 11;
}
.oferta  a.comprar {
	position: relative;
	clear: right;
	margin-top: 0px;
	margin-bottom: 10px;
}
.oferta .precio {
	margin-top: 2px;
}
.oferta  ul {
	text-align: left;
	color: #000;
	clear: right;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.oferta img {
	bottom: 10px;
	width: 199px;
}
.precio  {
	font-size: 2em;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 4px;
	text-align: right;
	float: right;
	margin-top: -20px;
	height:40px;
}
a.comprar  {
	text-align: center;
	width: 60px;
	height: 15px;
	text-transform: uppercase;
	font-size: 0.8em;
	background: url(../imagenes/cesta_oferta.png) no-repeat center top;
	padding-top: 40px;
	color: #666666;
	display: block;
	float: right;
	margin-top: -50px;
	position: absolute;
	right: 0px;
}



#footer {
	background: #321814;
	bottom: 0px;
	height: 150px;
	left: 0px;
	width: 100%;
}
#footer #contenido {
	width: 904px;
	position: relative;
	margin-left: auto;
	font-size: 1.3em;
	color: #FFFFFF;
	padding-top: 10px;
	text-align: left;
	margin-right: auto;
}
#home #footer #contenido .dato {
	font-weight: normal;
	color: #FFFFFF;
}
#footer  .dato a {
	color: #FFFFFF;
}


#footer #contenido .nav_pie {
	margin-top: 10px;
}
#footer #contenido li {
	display: inline;
	margin-right: 10px;
}
.nav_pie a, .nav_pie a:active {
	color: #8b4d39;
	text-decoration: none;
}
.nav_pie a:hover, .nav_pie a:focus {
	text-decoration: underline;
}
#diseno  {
	text-align: left;
	margin-top: 15px;
	width: 320px;
	position: relative;
}
#diseno ul {
	list-style: none;
	margin-left: 0px;
	display: inline;
}
#diseno ul li{
	display: inline;
}


#diseno img {
	position: absolute;
	right: 0px;
	top: 0px;
}
#diseno a {
	color: #FFFFFF;
}
#footer #contenido #enlaces{
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#enlaces , #enlaces a{
	color: #8b4d39;
}

    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.clearleft {
	clear: left;
}

.centrar {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.floatleft {
	float: left;
	margin-right: 12px;
	margin-bottom: 10px;
}
.caja_ancha {
	background: #FFFFFF;
	width: 430px;
	padding: 10px;
	float: left;
}
.caja_ancha  .fotodetalle {
	float: right;
	width: 370px;
}

#compra li {
	margin-right: 20px;
	display: inline;
}
#pedir {
	margin-top: 20px;
	float: left;
}
.formularios {

}

#pedir, #pedircorte {
	position: relative;
	width: 300px;
}

#pedir ul, #pedircorte ul {
	width: 190px;
}

#pedir  li, #pedircorte li {
	display: inline;
}
/*.comprar  {
	float: right;
	margin-top: -30px;
	position: relative;

}*/
#pedircorte {
	float: right;
}
#carrito {
	background: #FFFFFF url(../imagenes/fondo_cesta.jpg) no-repeat left bottom;
	position: relative;
	padding-bottom: 30px;

}
#carrito       a     {
	color: #3366CC;
	margin-left: 40px;
	margin-right: 40px;
}
#carrito  div {
	text-align: center;
}
table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
	vertical-align: middle;
	line-height: 2em;
	font-size: 0.9em;
	margin-top: 10px;
}
th  {
	padding-bottom: 10px;
}


th, td {
	padding: 1px 10px 1px 0px;
	vertical-align: top;
}



th {
	font-weight: bold;
}

.odd {
  background-color:#edf5ff;
}

tr:hover {
	color: #fff;
	background: #7D95CC;
}
hr {
	height: 1px;
	margin-top: 10px;
}
.unidades {
	width: 25px;
	text-align: right;
	margin-left: 5px;

}

#unidades {
	text-align: center;
	width: 100px;
}

#articulo {
	padding-left: 5px;
}
#precio {
	width: 100px;
	text-align: right;
	height:30px;
}
#borrar {
	text-align: center;
}
.cajaleft, .caja_ancha {
	background: #FFFFFF;
	width: 430px;
	padding: 10px;
	float: left;
}
.cajaleft     h1, .caja_ancha h1 {
	margin: 0px;
	background: #330102;
	color: #FFFFFF;
	padding: 5px;
}
.caja_ancha {
	width: 666px;
}

#catalogo  li {
	width: 210px;
	float: left;
	height: 230px;
	margin-right: 6px;
	margin-bottom: 5px;
	position: relative;
	list-style: none;
	text-align: center;
	border-bottom: 1px solid #999;
	margin-left: 6px;
	padding-bottom: 30px;
}
#catalogo ul {
	text-align: center;
}
#catalogo ul li ul {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#catalogo  li.lote {
	border-style: none;

}
#catalogo  li.lote li  {
	display: inline;
	width: auto;
	float: left;
	height: auto;
	margin-right: 6px;
	margin-bottom: 5px;
	position: relative;
	list-style: none;
	text-align: center;
	border-bottom: none;
	margin-left: 6px;
	padding-bottom: 0px;
}


#catalogo   .precio {
	float: none;
	font-size: 1.7em;
	text-align: center;
}

#catalogo   h2   {
	text-transform: none;
	font: bold normal 1em/1.2em Arial, Helvetica, sans-serif;
	margin-top: 2em;
	margin-bottom: 0.5em;
	height:30px;
}
#catalogo   a.comprar   {
	bottom: 0px;
	left: -5px;
	margin:5px 0px 0px 8px;
}
#catalogo   img   {
	width: 210px;
	margin-top: 10px;
}

.detalle {
	float: right;
	color: #3366CC;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#catalogo     li.lote  {
	height: 280px;
	list-style: none;
	text-align: center;
	width: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

#catalogo .fondo {
	height: 260px;
}
#catalogo .lote img {
	width: auto;
	height: 219px;

}
#catalogo  .lote  .precio {
position: absolute;
	top: 48px;
	right: 10px;

}
#catalogo .lote .iva {
	position: absolute;
	top: 48px;
	right: 10px;
	text-transform: none;
	color: #000000;
	text-align: right;
}


.lote span {
	display: block;
	text-transform: uppercase;
	color: #CC0000;
}
#resumen_carrito {
	padding: 10px;
}
#resumen_carrito h2 {
	margin-top: 0px;
}
#resumen_carrito a {
	text-align: center;
	color: #3366CC;
	display: block;

}
#datos_pedido {
	margin-top: 20px;
	width: 99.5%;
	position: relative;
}

#datos_pedido fieldset {
	float: left;
	width: 29%;
	border-style: none;
	padding: 0px;
	margin: 0;

}
#datos_pedido .comprador {
	float: left;
}
#datos_pedido .envio {
	float: right;
}
#datos_pedido .facturacion {
	margin-left: 40px;
}

#datos_pedido legend {
	margin: 0;
	padding: 0 0 20px;
}

#datos_pedido label {
	display: block;
}
#datos_pedido input {
	width: 100%;
	margin-bottom: 5px;
}

.envio  #apellidos {
	margin-bottom: 51px;
}
#datos_pedido   #Submit       {
	/*width: 70px;*/
	margin-top: 20px;
}
#datos_pedido  p.centrar {
	text-align: center;
	width: 500px;
}
#datos_pedido .copiar_datos {
	display: inline;
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
}
/*
#datos_pedido  .checkbox     {
	width: 15px;
	margin: 0px;
	padding-top: 10px;
}
*/
#datos_pedido  .copiar_datos label {
	display: inline;
}
#datos_pedido .facturacion .copiar_datos {
	top: 30px;
	right: 230px;
	width: 200px;
}
#datos_pedido .envio .copiar_datos {
	top: 30px;
}
.imagenes {
	width: 300px;
	float: right;
	margin-left: 20px;
	margin-top: 20px;
}
.imagenes img {
	width: 300px;
}
#mainContent     ul.contenido  {
	text-align: left;
	color: #000;
	margin-left: 30px;
}
#gastos a {
    position: absolute;
    height: 48px;
    width: 116px;
    right: 183px;
    top: 6px;
    text-align: right;
	font-weight:bold;	
    color: #46201D;
    line-height: 1.2em;
    text-decoration: none;
}
#gastos a:hover, #gastos a:focus, #gastos a:active, #gastos a:hover strong, #gastos a:focus strong, #gastos a:active strong {
    color: #cc0000;
}
#gastos strong {
    font-size: 1.6em;
    letter-spacing: -0.05em;
}