/* Definiciones generales. */

body {
	margin: 0;
	padding: 0;
	color: black;
	background-color: #CA4;
	} 
h1,h2,h6 {
	position: relative;
	width: 852px;
	height: 26px;
	background: url("images/barra.gif") repeat-x;
	margin: 0 0 20px 0;
	font: bold 16px Tahoma;
	color: #960;
	text-align: left;
	padding: 6px 0 0 20px;
	}
h2 {
	margin: 20px 0;
	}
h6 {
	color: white;
	margin: 0;
	}
table {
	border: none;
	margin: 0px;
	padding: 0px;
	}
a {
	outline: none;
	color: #960;
	}
a:hover {
	color: #FA1;
	}

a, img {
	border: none;
	}
ol {
	margin: 0 0 0 100px;
	padding: 0;
	font: 13px Verdana;
	}
form {
	margin: 0;
	}
p {
	margin: 10px 40px;
	font: 13px Verdana;
	}
#banner {
	margin: 20px auto;
	width: 650px;
	height: 90px;
	}

/* Diseño general de todas las páginas. */

#menu {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 12px;
	top: 6px;
	}
#menu li {
	width: 92px;
	height: 92px;
	margin: 5px 0;
	background: url("images/menu.gif") no-repeat;
	list-style: none;
	cursor: pointer;
	cursor: hand;
	}
#menu img {
	padding: 16px 6px;
	width: 80px;
	height: 60px;
	}
#informacion {
	position: absolute;
	top: 520px;
	left: 46px;
	width: 25px;
	height: 56px;
	}
#cesta {
	position: absolute;
	top: 610px;
	left: 28px;
	width: 60px;
	height: 56px;
	}
#cuerpo {
	position: relative;
	top: 0px;
	left: 114px;
	width: 880px;
	background: url("images/fondo.gif") repeat-y;
	min-height: 750px;
	height: auto !important;
	height: 750px;
	}
#logotipo {
	position: relative;
	overflow: hidden;
	left: 4px;
	width: 872px;
	height: 200px;
	background: url("images/portada.jpg") no-repeat;
	}
#logotipo.portada1 {
	background: url("images/portada1.jpg") no-repeat;
	}
#logotipo.portada2 {
	background: url("images/portada2.jpg") no-repeat;
	}
#logotipo.portada3 {
	background: url("images/portada3.jpg") no-repeat;
	}
#logotipo.portada4 {
	background: url("images/portada4.jpg") no-repeat;
	}
#logotipo.portada5 {
	background: url("images/portada5.jpg") no-repeat;
	}
#logotipo.portada6 {
	background: url("images/portada6.jpg") no-repeat;
	}
#logotipo.portada7 {
	background: url("images/portada7.jpg") no-repeat;
	}
#logotipo.portada8 {
	background: url("images/portada8.jpg") no-repeat;
	}
#home {
	position: absolute;
	top: 44px;
	left: 25px;
	width: 252px;
	height: 77px;
	}
#interior {
	position: relative;
	left: 4px;
	width: 872px;
	}
#estado {
	padding-top: 20px;
	background: url("images/filtro.gif") repeat-x;
	width: 872px;
	height: 40px;
	}
#estado table {
	margin: 0 auto 0 auto;
	}
#estado td {
	padding: 1px 4px;
	font: 11px Tahoma;
	color: #740;
	}
#estado input {
	font: 11px Tahoma;
	width: 50px;
	}
#estado .correo {
	width: 200px;
	}
#estado .boton {
	text-align: center;
	width: 100px;
	}
#control {
	padding-top: 7px;
	background: url("images/filtro.gif") repeat-x;
	width: 872px;
	height: 53px;
	}
#control table {
	margin: 0 auto 0 auto;
	}
#control td {
	padding: 1px 4px;
	font: 11px Tahoma;
	color: #740;
	}
#control input {
	font: 11px Tahoma;
	width: 60px;
	}
#control select {
	font: 11px Tahoma;
	width: 145px;
	}
#control .separa {
	background: url("images/separa.gif") repeat-y center;
	}
#control .promarca {
	width: 95px;
	}
#control .texto {
	width: 90px;
	}
#control .boton {
	text-align: center;
	width: 70px;
	}
#control .checkbox input {
	width: auto;
	}
#enlaces {
	position: relative;
	width: 872px;
	text-align: center;
	}
#enlaces img {
	margin: 20px 30px;
	}
#final {
	position: relative;
	top: 0px;
	left: 114px;
	width: 880px;
	background: url("images/final.gif") no-repeat;
	padding-top: 20px;
	height: 100px;
	text-align: center;
	color: #960;
	font: 12px Tahoma;
	}
#final a {
	color: #960;
	text-decoration: none;
	}
#final a:hover {
	color: white;
	}
.noticia {
	margin: 10px 40px 20px 40px;
	font: 13px Verdana;
	text-align: justify;
	}

/* Diseño de las Cajas. */

#indice {
	margin: 0 0 0 60px;
	padding: 0;
	list-style: none;
	font: 12px/1.3 Verdana;
	}
.envoltorio {
	margin: 0 0 10px 22px;
	}
.caja {
	position: relative;
	margin: 10px;
	width: 254px;
	height: 104px;
	background: url("images/caja1.gif");
	}
.caja h3 {
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	width: 239px;
	padding: 7px 0 7px 15px;
	font: 11px Tahoma;
	color: white;
	}
.caja h3.comparable {
	cursor: pointer;
	cursor: hand;
	}
.caja h4 {
	position: absolute;
	margin: 0;
	top: 35px;
	left: 130px;
	width: 100px;
	height: 30px;
	font: 11px Tahoma;
	color: #555;
	}
.caja h5 {
	position: absolute;
	margin: 0;
	top: 75px;
	left: 130px; 
	width: 100px;
	height: 15px;
	font: bold 11px Tahoma;
	color: black;
	text-align: right;
	}
.caja img {
	position: absolute;
	top: 30px;
	left: 25px;
	width: 80px;
	height: 60px;
	}
.indisponible {
	background: url("images/caja2.gif");
	}
.descatalogada {
	background: url("images/caja3.gif");
	}
.comparada {
	background: url("images/caja4.gif");
	}

/* Diseño de las páginas de detalles. */

#producto {
	position: relative;
	width: 872px;
	height: 306px;
	}
#foto {
	position: absolute;
	top: 0;
	left: 78px;
	width: 320px;
	height: 286px;
	background: url("images/sombra.gif") no-repeat bottom;
	vertical-align: top;
	}
#ficha {
	position: absolute;
	left: 461px;
	top: 45px;
	background: url("images/ficha.gif") no-repeat;
	width: 326px;
	height: 187px;
	}
#ficha h3 {
	position: absolute;
	margin: 0;
	top: 15px;
	left: 80px;
	font: 11px Tahoma;
	color: white;
	}
#ficha img {
	position: absolute;
	width: 100px;
	height: 50px;
	top: 46px;
	left: 124px;
	}
#ficha #botones {
	position: absolute;
	top: 110px;
	}
#ficha a {
	text-decoration: none;
	}
#ficha .boton {
	position: absolute;
	background: url("images/boton.gif") no-repeat;
	top: 0;
	width: 95px;
	height: 18px;
	margin: 0;
	padding-top: 4px;
	text-align: center;
	font: bold 11px Tahoma;
	color: #960;
	cursor: pointer;
	cursor: hand;
	}
#ficha .numero1 {
	left: 73px; 
	}
#ficha .numero2 {
	left: 180px; 
	}
#ficha .numero3 {
	left: 126px; 
	}
#ficha span.precio {
	position: absolute;
	top: 153px;
	left: 100px; 
	width: 200px;
	height: 15px;
	font: bold 12px Tahoma;
	color: black;
	text-align: right;
	}
#ficha #aviso {
	position: absolute;
	top: 110px;
	left: 45px;
	font: bold 12px Tahoma;
	visibility: hidden;
	}	
#ficha #aviso input {
	width: 200px;
	font: 12px Tahoma;
	}	
#detalles {
	margin: 0 0 20px 0;
	width: 872px;
	font: 12px Tahoma;
	background-color: #FD8;
	color: #740;
	}
#detalles th, #detalles td {
	margin: 0;
	padding: 5px 0 5px 40px;
	text-align: left;
	}
#detalles th {
	width: 160px;
	}
#detalles td {
	width: 712px;
	}
#detalles .separa {
	height: 32px;
	background: url("images/barra.gif") repeat-x;
	margin: 0;
	font: bold 16px Tahoma;
	color: #960;
	text-align: left;
	padding: 0 0 0 20px;
	}
#detalles .lista {
	width: 872px;
	}
#detalles ul {
	margin: 8px 0 10px 30px;
	padding: 0;
	}
#detalles li {
	margin: 5px;
	}

/* Diseño de las imágenes ampliadas. */

#ampliada {
	margin: 50px auto;
	width: 640px;
	height: 480px;
	}

/* Diseño de las comparativas. */

#comparativa {
	margin: 0 0 20px 0;
	width: 872px;
	font: 12px Tahoma;
	color: #740;
	background-color: #FD8;
	}
#comparativa th, #comparativa td {
	margin: 0;
	padding: 6px 5px;
	text-align: left;
	}
#comparativa th {
	width: 142px;
	border-bottom: solid 1px #C93;
	}
#comparativa td {
	text-align: center;
	vertical-align: top;
	border-left: solid 1px #C93;
	border-bottom: solid 1px #C93;
	}
#comparativa img {
	width: 80px;
	height: 60px;
	}
#comparativa.numero2 td {
	width: 349px;
	}
#comparativa.numero3 td {
	width: 229px;
	}
#comparativa.numero4 td {
	width: 169px;
	}
#comparativa.numero5 td {
	width: 133px;
	}
#comparativa.numero6 td {
	width: 109px;
	}
#comparativa td.imagenes {
	height: 80px;
	width: auto;
	padding-top: 0;
	background-color: white;
	border-left: none;
	}

/* Diseño de la información general. */

#consultas {
	margin: 30px auto 30px auto;
	padding-top: 25px;
	width: 600px;
	height: 275px;
	background: url("images/preguntas.gif");
	text-align: left;
	}
#consultas table {
	margin: 0 auto;
	}
#consultas td {
	padding: 4px;
	font: bold 12px Tahoma;
	}
#consultas th {
	padding: 4px;
	font: bold 12px Tahoma;
	}
#consultas select {
	font: 12px Tahoma;
	}
#consultas input {
	width: 440px;
	font: 12px Tahoma;
	}
#consultas .center {
	text-align: center;
	}
#consultas .enviar {
	text-align: center;
	}
#consultas .enviar input {
	width: auto;
	}
#consultas textarea {
	width: 500px;
	font: 12px Tahoma;
	}
#preguntas {
	margin-left: 50px;
	}

/* Diseño de los Pedidos. */

#pedido {
	margin: 0;
	width: 872px;
	background-color: #FD8;
	color: #740;
	}
#pedido thead th, #pedido tfoot th {
	padding: 0 0 0 20px;
	height: 32px;
	background: url("images/barra.gif") repeat-x;
	text-align: left;
	font: bold 16px Tahoma;
	color: #960;
	}
#pedido th {
	border-bottom: solid 1px #C93;
	padding: 4px 10px;
	height: 30px;
	text-align: center;
	font: bold 12px Verdana;
	}
#pedido td {
	border-bottom: solid 1px #C93;
	border-left: solid 1px #C93;
	padding: 4px 10px;
	text-align: left;
	font: 12px Verdana;
	}
#pedido img {
	width: 80px;
	height: 60px;
	}
#pedido .imagen {
	width: 100px;
	height: 70px;
	background-color: white;
	}	
#pedido .nombre {
	width: 378px;
	}
#pedido .cantidad {
	width: 70px;
	text-align: center;
	}
#pedido .precio {
	width: 110px;
	text-align: right;
	}
#pedido .total th {
	text-align: right;
	}
#pedido input {
	width: 20px;
	font: 12px Tahoma;
	}

/* Diseño del Formulario de Datos. */

#formulario {
	margin: 0;
	width: 872px;
	background-color: #FD8;
	color: #740;
	}
#formulario thead th {
	border-bottom: solid 1px #C93;
	padding: 0 0 0 20px;
	height: 32px;
	background: url("images/barra.gif") repeat-x;
	text-align: left;
	font: bold 16px Tahoma;
	color: #960;
	}
#formulario th {
	padding: 0;
	text-align: center;
	font: bold 12px Verdana;
	}
#formulario td {
	padding: 20px 0 0 0;
	text-align: center;
	font: 12px Verdana;
	}
#formulario table {
	margin: 0 auto 20px auto;
	}
#formulario table th, #formulario table td {
	padding: 4px 10px;
	text-align: left;
	}
#formulario .titulo th {
	text-align: center;
	}
#formulario #rellena {
	width: auto;
	}
#formulario input {
	width: 220px;
	font: 12px Tahoma;
	}
#formulario .medio input {
	width: 70px;
	}
#formulario .corto input {
	width: 40px;
	}
#formulario textarea {
	margin-bottom: 25px;
	width: 710px;
	font: 12px Tahoma;
	}
#formulario div {
	margin: 0 60px 30px 60px;
	text-align: left;
	}

/* Diseño de la Forma de Pago. */

#pago {
	margin: 0;
	width: 872px;
	background-color: #FD8;
	color: #740;
	}
#pago thead th, #pago tfoot th {
	border-top: solid 1px #C93;
	border-bottom: solid 1px #C93;
	padding: 0 0 0 20px;
	height: 32px;
	background: url("images/barra.gif") repeat-x;
	text-align: left;
	font: bold 16px Tahoma;
	color: #960;
	}
#pago th {
	padding: 20px 40px;
	font: bold 12px Verdana;
	}
#pago td {
	padding: 20px 40px;
	text-align: left;
	font: 12px Verdana;
	}
#pago table th, #pago table td {
	padding: 10px 0px;
	text-align: left;
	}
#pago .radio {
	padding-right: 20px;
	vertical-align: top;
	}
#opciones {
	margin: 20px auto 80px auto;
	text-align: center;
	}
#opciones input {
	margin: 0 10px;
	border: none;
	width: 150px;
	height: 30px;
	background: url("images/botoncompra.gif") no-repeat;
	font: bold 12px Tahoma;
	color: #960;
	cursor: pointer;
	cursor: hand;
	}

/* Diseño de la lista completa de productos. */

#todo {
	margin: 0 40px;
	font: 13px Verdana;
	}
#todo span {
	white-space: nowrap;
	}