* {
  margin:			0px;
  padding:			0px;
}
body {
  background-image:		url(img/fondo-cuerpo.gif);
  background-repeat:		repeat-x;
  background-color:		#6D664C;
  font-family: 			georgia, times new roman;
  font-size:			11px;
  color:			#666666;
  border:			0px;
  width: 			920px;
  margin:			0px 0px 20px 30px;
}
img {
  border:			0px;
}
a {
  color:			#3E3D38;
  text-decoration:		none;
}
a:hover {
  color:			#AAEEFF;
}
label {
  font-weight:			bold;
}
s {
  color:			#B5B1A4;
}

/* ------------------------------------------------------------ */
#cuerpo {
  position:			relative;
  width:			920px;
}

/* ------------------------------------------------------------ */
#encabezado {
  position:			relative;
  width: 			920px;
  height:			90px;
}
#encabezado #logo {
  position:			absolute;
  margin:			7px 0px 0px -4px;
}
#encabezado #menu {
  position:			absolute;
  right:			200px;
  top:				42px;
}
#encabezado #menu ul {
  list-style-type:		none;
}
#encabezado #menu ul li {
  float:			left;
}


/* ------------------------------------------------------------ */
#columnaIzq {
  width:			192px;
  padding-right:		8px;
  float:			left;
}

/* ------------------------------------------------------------ */
#centro {
  width:			520px;
  float:			left;
  font-size:			0px;
  padding-bottom:		20px;
  background-image:		url(img/fondo-copyright.gif);
  background-position:		bottom;
  background-repeat:		no-repeat;
}

#contenido {
  float:			left;
  width:			518px;
  background-color:		#959174;
  border-left:			1px solid #3E3D38;
  border-right:			1px solid #3E3D38;
  font-size:			11px;
  color:			#3E3D38;
  padding-bottom:		30px;
  min-height:			400px;
}
#contenido h1 {
  width:			488px;
  background-color:		#837F66;
  font-weight:			bold;
  font-size:			16px;
  color:			#FFFFFF;
  padding:			0px 0px 5px 30px;
}


/* ------------------------------------------------------------ */
#columnaDer {
  position:			absolute;
  right:			0px;
  width:			192px;
  padding-left:			8px;
  float:			right;
}


/* ------------------------------------------------------------ */
.panel {
  width:			192px;
  height:			26px;
  background-image:		url(img/panel-cerrado.gif);
  background-repeat:		no-repeat;
  background-position:		top;
  margin-bottom:		4px;
  font-size:			0px;
}
.panel h1 {
  margin:			2px 0px 0px 10px;
  display:			inline;
  float:			left;
  font-size:			16px;
  height:			24px;
  color:			#3E3D38;
}
.panel h1 a {
  color:			#3E3D38;
}
.panel .boton {
  margin:			3px 6px 0px 0px;
  display:			inline;
  float:			right;
}
.panel .contenido {
  clear:			both;
  background-color:		#959174;
  border-left:			1px solid #3E3D38;
  border-right:			1px solid #3E3D38;
  border-bottom:		1px solid #3E3D38;
  padding-top:			5px;
}
.panel .contenido .flow {
  width:			175px;
  height:			110px;
  overflow:			auto;
  font-size:			11px;
  color:			#3E3D38;
  padding-left:			10px;
}
.panel .contenido .flow ul {
  list-style-type:		none;
}
.panel .contenido .flow ul li {
  line-height:			16px;
}
.panel .contenido .On {
  color:			#FFFFFF;
}


/* ------------------------------------------------------------ */
.destacado {
  position:			relative;
  background-color:		#8A866C;
  width:			225px;
  height:			112px;
  margin:			5px;
  padding:			10px;
  float:			left;
  display:			inline;
}
.destacado .thumb {
  width:			80px;
  height:			110px;
  border:			1px solid #3E3D38;
  float:			left;
  margin-right:			8px !important;
  margin-right:			5px;
}
.destacado .texto {
  font-size:			11px;
  color:			#333333;
}
.destacado .precio {
  position:			absolute;
  bottom:			35px;
  right:			5px !important;
  right:			4px;
  width:			90px;
  text-align:			right;
  font-size:			12px;
  font-weight:			bold;
  color:			#FFFFFF;
}


.producto {
  position:			relative;
  float:			left;
  display:			inline;
  width:			518px;
  margin:			4px 0px 2px 0px;
  border-bottom:		1px dashed;
}
.producto .boton {
  width:			27px;
  height:			21px;
  margin:			1px 0px 2px 4px;
  float:			left;
  display:			inline;
}
.producto .mini {
  float:			left;
  padding:			1px 8px 4px 0px;
  width:			17px;
}
.producto .mini img {
  border:			1px solid;
}
.producto .nombre {
  width:			200px;
  font-size:			12px;
  color:			#333333;
  float:			left;
  margin-top:			5px;
}
.producto .precio {
  position:			absolute;
  top:				5px;
  right:			140px;
  width:			110px;
  font-size:			12px;
  font-weight:			bold;
  text-align:			right;
  color:			#FFFFFF;
}
.producto .detalle {
  clear:			both;
  width:			488px;
  border-top:			1px dashed;
  background-color:		#387071;
  float:			left;
  margin-top:			4px;
  padding:			10px 0px 20px 30px;
}
.producto .detalle .imagen {
  float:			left;
  margin-right:			10px;
  width:			180px;
  height:			240px;
}
.producto .detalle .imagen img {
  border:			1px solid;
}
.producto .detalle .texto {
  width:			270px;
  color:			#FFFFFF;
  float:			left;
}


.compra {
  position:			absolute;
  right:			5px !important;
  right:			4px;
  width:			130px;
  height:			21px;
  background-image:		url(img/comprar.gif);
  background-repeat:		no-repeat;
  font-size:			0px;
  text-align:			right;
}
.compra .mas {
  position:			absolute;
  top:				2px;
  left:				70px;
}
.compra .menos {
  position:			absolute;
  top:				2px;
  left:				110px;
}
.compra .cantidad {
  position:			absolute;
  top:				0px !important;
  top:				1px;
  left:				88px;
  width:			12px;
  height:			14px;
  font-size:			11px;
  text-align:			right;
  color:			#FFFFFF;
  background-color:		#387071;
  border:			0px;
  margin-top:			1px !important;
  margin-top:			0px;
  padding:			3px 2px 2px 4px;
}



/* ------------------------------------------------------------ */
#datos {
  float:			left;
  width:			440px;
  margin:			20px 30px;
  display:			inline;
}
#datos ul {
  width:			100%;
  clear:			both;
  list-style-type:		none;
  float:			left;
  margin-top:			20px;
}
#datos .list {
  padding-left:			25px;
  width:			400px;
  list-style-type:		disc;
  margin-bottom:		20px;
}
#datos ul li {
  clear:			both;
}
#datos label {
  font-size:			11px;
  width:			140px;
  float:			left;
  text-align:			right;
  padding:			5px 10px 0px 0px !important;
  padding:			5px 7px  0px 0px;
}
#datos .input {
  width:			273px;
}
#datos .select {
  width:			281px;
}
#datos h2 {
  font-size:			16px;
  clear:			both;
}
#datos h3 {
  font-size:			14px;
  color:			#FFFFFF;
}
#datos #no {
  color:			#6D664C;
}
#datos #defecto {
  margin-top:			5px;
}
#datos .info {
  margin-top:			5px;
  float:			left;
}
#datos .modos {
  position:			relative;
}
#datos .modos input {
  float:			left;
  text-align:			right;
  margin:			5px 8px 0px 147px !important;
  margin:			1px 5px 0px 143px;
}
#datos .modos label {
  text-align:			left;
  width:			250px;
  font-weight:			normal;
}


/* ------------------------------------------------------------ */
#mensaje {
  clear:			both;
  width:			270px;
  text-align:			center;
  margin:			auto;
  float:			none;
}
#mensaje .ok {
  display:			block;
  padding:			20px 0px 0px 0px;
  color:			#FFFFFF;
}
#mensaje .error {
  display:			block;
  padding:			20px 0px 0px 0px;
  color:			#BB0000;
}
#mensaje h2 {
  font-weight:			bold;
  font-size:			14px;
}
#mensaje p {
  margin-top:			10px;
  font-size:			12px;
}


/* ------------------------------------------------------------ */
#listaCarrito {
  float:			left;
  width:			440px;
  margin:			20px 30px;
  display:			inline;
}
#listaCarrito .unidades {
  width:			65px;
  height:			14px;
  font-size:			11px;
  text-align:			right;
  color:			#FFFFFF;
  background-color:		#387071;
  border:			0px;
  margin-top:			1px !important;
  margin-top:			0px;
  padding:			3px 2px 2px 4px;
}
#listaCarrito tr {
  clear:			both;
}
#listaCarrito tr td {
  padding:			3px;
}
#listaCarrito .nombres {
  font-weight:			bold;
  text-align:			center;
  background-color:		#837F66;
  color:			#FFFFFF;
}
#listaCarrito .borrar {
  width:			13px;
  text-align:			center;
}
#listaCarrito .borrar img {
  margin-top:			4px;
}
#listaCarrito .nombre {
  width:			193px;
}
#listaCarrito .nombre img {
  float:			left;
  margin-right:			5px;
  border:			1px solid #3E3D38;
}
#listaCarrito .nombre p {
  margin-top:			4px;
  float:			left;
  width:			165px;
}
#listaCarrito .cantidad {
  width:			70px;
  text-align:			right;
}
#listaCarrito .precio {
  width:			60px;
  text-align:			right;
}
#listaCarrito .subtotal {
  width:			60px;
  text-align:			right;
}
#listaCarrito .alt0 {
  background-color:		#928D71;
}
#listaCarrito .alt1 {
  background-color:		#8E8A6D;
}
#listaCarrito #total {
  color:			#FFFFFF;
  text-align:			right;
  padding:			5px;
}
#listaCarrito #total h2 {
  font-size:			11px;
}


/* ------------------------------------------------------------ */
#enCarrito {
  clear:			both;
}
#enCarrito .cantidad {
  width:			40px;
  float:			left;
  text-align:			right;
}
#enCarrito .nombre {
  width:			110px;
  float:			left;
}


/* ------------------------------------------------------------ */
#listaCompras {
  float:			left;
  width:			440px;
  margin:			20px 0px;
  display:			inline;
}
#listaCompras tr {
  clear:			both;
}
#listaCompras tr td {
  padding:			3px;
}
#listaCompras .nombres {
  font-weight:			bold;
  text-align:			center;
  background-color:		#837F66;
  color:			#FFFFFF;
}
#listaCompras .fecha {
  text-align:			center;
  width:			80px;
}
#listaCompras .productos {
  width:			260px;
}
#listaCompras .productos .cantidad {
  clear:			both;
  float:			left;
  margin-right:			5px;
  width:			30px;
  text-align:			right;
}
#listaCompras .productos .nombre {
  float:			left;
  margin-right:			5px;
  width:			200px;
}
#listaCompras .detalle {
  width:			23px;
  text-align:			center;
}
#listaCompras .detalle img {
  margin-top:			4px;
}
#listaCompras .total {
  width:			60px;
  text-align:			right;
}
#listaCompras .alt0 {
  background-color:		#928D71;
}
#listaCompras .alt1 {
  background-color:		#8E8A6D;
}


/* ------------------------------------------------------------ */
#error {
  color:			#CC0000;
  height:			20px;
}
#vacio {
  margin:			30px;
}


/* ------------------------------------------------------------ */
#botones {
  clear:			both;
  text-align:			right;
}
#botones img, input {
  padding-left:			10px;
}

.botonOferta {
  margin:			5px 5px 0px 0px;
}

.botonNuevo {
  margin:			5px 0px 0px 0px;
}


/* ------------------------------------------------------------ */
#espera {
  position:			absolute;
  top:				190px;
  left:				415px;
  width:			170px;
  height:			60px;
  z-index:			100;
}
#espera #mensaje {
  position:			absolute;
  width:			100px;
  height:			40px;
  padding:			15px 20px 5px 50px;
  background-image:		url(img/cargando.gif);
  background-position:		0px 10px;
  background-repeat:		no-repeat;
  background-color:		#FFFFFF;
  border:			1px solid #4D462C;
  z-index:			1;
}
#espera #sombra {
  position:			absolute;
  top:				5px;
  left:				5px;
  width:			170px;
  height:			60px;
  background-color:		#223200;
  -moz-opacity:			0.5;
  opacity:			0.5;
  z-index:			0;
}


/* ------------------------------------------------------------ */
.input {
  font-family: 			georgia, times new roman;
  padding:			2px 2px 2px 4px;
  border:			1px solid #605E4E;
  font-size:			11px;
  background-color:		#8B876A;
  color:			#FFFFFF;
  margin:			1px 0px 6px 0px !important;
  margin:			0px 0px 5px 0px;
}
.input:hover {
}
.select {
  font-family: 			georgia, times new roman;
  padding:			2px 2px 2px 0px;
  border:			1px solid #605E4E;
  font-size:			11px;
  background-color:		#8B876A;
  color:			#FFFFFF;
  margin-top:			1px !important;
}
.select .on {
  background-color:		#7B775A;
}
.linea {
  margin:			5px 10px;
  clear:			both;
  width:			170px;
  border-bottom:		1px dashed #666666;
  font-size:			0px;
}
.radio {
  height:			14px;
  display:			block;
  float:			left;
  position:			relative;
  top:				2px;
  left:				0px !important;
  left:				-3px;
  margin:			0px 4px  0px 1px !important;
  margin:			0px -5px 0px 0px;
}
.checkbox {
  height:			14px;
  display:			block;
  float:			left;
  position:			relative;
  top:				0px;
  left:				-1px !important;
  left:				-2px;
  margin-right:			3px !important;
  margin-right:			-4px;
}
.divisor {
  clear:			both;
  margin:			20px 0px;
  height:			1px;
  width:			100%;
  border-bottom:		1px dashed;
  float:			left;
}
.requerido {
  position:			relative;
  top:				-8px;
  color:			#CC0000;
}