* {
  margin:		0;
  padding:		0;
  border:		0;
  outline:		none;
}
body {
  font:			14px arial, trebuchet ms, tahoma, verdana, sans-serif;
  color:		#FFF;
  background:		#000;
  width:		100%;
  height:		100%;
}
a {
  font:			12px arial, trebuchet ms, tahoma, verdana, sans-serif;
  color:		#FFF;
  text-decoration:	none;
  display:		block;
}
p {
  margin-bottom:	1em;
}
ul,
ol {
  list-style:		none;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#fondo {
  position:		fixed;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#ie6 {
  display:		none;
}

/*------------------------------------------------------ ::: - ::: - ::: ---  */
#logo {
  position:		absolute;
  z-index:		100;
  top:			14px;
  left:			720px;
}
#logo h1 a {
  font-size:		22px;
  font-weight:		bold;
  line-height:		34px;
  text-transform:	uppercase;
}
#logo h2 {
  font-size:		16px;
  color:		#D1D3D4;
  text-transform:	uppercase;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#menu {
  position:		absolute;
  top:			25px;
  left:			0;
  z-index:		200;
}
#menu ul li {
  position:		relative;
  clear:		both;
}
#menu ul li a.seccion {
  position:		relative;
  top:			0;
  left:			0;
  width:		120px;
  display:		block;
  font-size:		16px;
  font-weight:		bold;
  text-transform:	uppercase;
  padding:		1px 0 0 20px;
  margin:		3px 0;
  float:		left;
}
#menu ul li a.seccion:hover {
  color:		#000;
  background-color:	#FFF;
  cursor:		pointer;
}
#menu ul li a.seccion span {
  position:		absolute;
  top:			0;
  left:			0;
  width:		140px;
  height:		21px;
  display:		block;
}
#menu ul li.activo a.seccion span {
  background-color:	#FFF;
  opacity:		0.2;
}
#menu ul li ul.subsecciones {
  position:		absolute;
  top:			0;
  left:			140px;
  width:		400px;
  margin:		3px 0;
  padding:		0;
  background:		transparent;
}
#menu ul li.activo ul.subsecciones,
#menu ul li:hover ul.subsecciones {
  display:		block;
}
#menu ul li ul {
  display:		none;
}
#menu ul li ul li {
  clear:		none;
  float:		left;
}
#menu ul li ul li a {
  position:		relative;
  font-size:		13px;
  font-weight:		bold;
  padding:		2px 20px 3px 20px;
  background-color:	transparent;
  text-transform:	lowercase;
  display:		inline-block;
  float:		left;
}
#menu ul li.activo ul li.activo a,
#menu ul li:hover ul:hover li:hover a,
#menu ul li:hover ul:hover li a:hover {
  color:		#FFFFFF;
  background:		transparent url(/img/marcador-menu.png) no-repeat 10px 6px;
}
#menu ul li.activo ul li a span,
#menu ul li ul li a span {
  position:		absolute;
  top:			0;
  left:			0;
  width:		100%;
  height:		20px;
  background:		#FFFFFF;
  opacity:		0;
  filter:		alpha(opacity=0);
  display:		block;
}
#menu ul li:hover ul li ul {
  display:		none;
}
#menu ul li:hover ul:hover li:hover ul {
  position:		absolute;
  top:			21px;
  left:			0;
  width:		130px;
  margin:		0 0 0 20px;
  padding:		10px;
  background:		#000000;
  float:		none;
  z-index:		200;
  display:		block;
}
#menu ul li ul li ul li {
  margin:		0;
  padding:		0;
  float:		none;
  clear:		both;
}
#menu ul li:hover ul:hover li:hover ul li a {
  padding:		0;
  text-transform:	none;
  line-height:		20px;
  color:		#B2B2B2;
  background:		none;
}
#menu ul li:hover ul:hover li:hover ul li a:hover,
#menu ul li:hover ul:hover li:hover ul li a.activo {
  color:		#FFFFFF;
  cursor:		pointer;
}
#menu a.destacado {
  text-transform:	uppercase;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#submenu {
  position:		absolute;
  z-index:		100;
  top:			84px;
  left:			720px;
}
#submenu ul li a {
  font-size:		13px;
  font-weight:		bold;
}
#submenu ul li a.listas {
  margin-top:		13px;
}
#submenu ul li a.listas.activo {
  color:		#EEDC00;
}
#submenu ul li a:hover {
  color:		#D1D3D4;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#inicio {
  position:		absolute;
  z-index:		100;
  top:			200px;
  left:			0;
  background-color:	#000000;
  background-image:	url(/img/marcador-inicio-izq.gif);
  background-position:	bottom right;
  background-repeat:	no-repeat;
  font-size:		16px;
  line-height:		20px;
  width:		430px;
  padding:		20px 20px 45px 20px;
  cursor:		pointer;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#cartelNovedad {
  position:		absolute;
  z-index:		100;
  top:			190px;
  left:			740px;
  width:		200px;
  height:		200px;
  background:		url(/img/fondo-novedad.png) no-repeat left top;
}
#cartelNovedad a {
  font-size:		12px;
  width:		160px;
  height:		100px;
  color:		#000;
  padding:		40px 20px 45px 20px;
  text-align:		center;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#novedad {
  position:		absolute;
  z-index:		100;
  top:			200px;
  left:			0;
  width:		930px;
  padding:		10px 10px 10px 20px;
  color:		#3F3F3F;
  background:		#EEDC00;
}
#novedad .texto {
  width:		340px;
  float:		left;
}
#novedad .texto h1 {
  font-size:		22px;
  margin-bottom:	1em;
}
#novedad .imagen {
  float:		right;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#desarrollo {
  position:		absolute;
  z-index:		100;
  top:			200px;
  left:			0;
  width:		930px;
  padding:		10px 20px 10px 10px;
  color:		#000000;
  background:		#FFFFFF;
}
#desarrollo .imagenes {
  width:		650px;
  height:		370px;
  float:		left;
  overflow:		hidden;
}
#desarrollo .imagenes img {
  width:		660px;
  height:		370px;
}
#desarrollo .texto {
  width:		220px;
  font-size:		13px;
  color:		#666666;
  float:		right;
}
#desarrollo .controles {
  position:		absolute;
  bottom:		12px;
  right:		180px;
}
#desarrollo .controles a {
  margin-right:		10px;
  float:		left;
}
#desarrollo .controles a span {
  display:		none;
}
#desarrollo .controles a.ant,
#desarrollo .controles a.alt,
#desarrollo .controles a.cnt,
#desarrollo .controles a.sig {
  width:		11px;
  height:		10px;
}
#desarrollo .controles a.ant {
  background:		url(/img/marcador-contenido-izq.gif) no-repeat top left;
}
#desarrollo .controles a.alt {
  background:		url(/img/marcador-contenido-alt.gif) no-repeat top left;
}
#desarrollo .controles a.cnt {
  background:		url(/img/marcador-contenido-cnt.gif) no-repeat top left;
}
#desarrollo .controles a.sig {
  background:		url(/img/marcador-contenido-der.gif) no-repeat top left;
}
#desarrollo .controles a:hover {
  background-position:	bottom left;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#catalogo {
  position:		absolute;
  z-index:		100;
  top:			200px;
  left:			0;
  width:		520px;
  padding:		0 0 0 160px;
  color:		#000000;
}
#catalogo ul {
  margin-bottom:	30px;
  float:		left;
}
#catalogo ul li {
  background:		#FFFFFF;
  margin:		0 2px 2px 0;
  float:		left;
}
#catalogo ul li a {
  padding:		5px 5px 13px 5px;
}
#catalogo ul li a img {
  width:		90px;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#detalle {
  position:		absolute;
  z-index:		100;
  top:			200px;
  left:			0;
  width:		940px;
  height:		370px;
  padding:		10px;
  color:		#000000;
  background:		#FFFFFF;
  overflow:		hidden;
}
#detalle ul {
}
#detalle ul li {
  width:		940px;
  height:		370px;
  float:		left;
}
#detalle ul li .texto {
  width:		170px;
  padding:		0 20px 0 10px;
  font-size:		13px;
  float:		left;
}
#detalle ul li .texto .codigo {
  color:		#8C8C8C;
}
#detalle ul li .imagen {
  float:		right;
}
#detalle .controles {
  position:		absolute;
  z-index:		300;
  bottom:		10px;
  right:		685px;
  width:		150px;
}
#detalle .controles a {
  margin:		2px 5px 0 0;
  float:		left;
}
#detalle .controles a.ant,
#detalle .controles a.sig {
  width:		13px;
  height:		13px;
}
#detalle .controles a span {
  display:		none;
}
#detalle .controles a.ant {
  background:		url(/img/marcador-productos-izq.gif) no-repeat top left;
}
#detalle .controles a.sig {
  background:		url(/img/marcador-productos-der.gif) no-repeat top left;
}
#detalle .controles a.gal {
  margin-left:		10px;
  width:		19px;
  height:		14px;
  background:		url(/img/marcador-productos-gal.gif) no-repeat top left;
}
#detalle .controles a:hover {
  background-position:	bottom left;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#contacto fieldset {
  position:		absolute;
  z-index:		100;
  top:			200px;
  left:			150px;
  width:		490px;
  height:		300px;
  padding:		10px;
  color:		#000000;
  background:		#FFFFFF;
}
#contacto fieldset h2 {
  font-size:		12px;
  margin-bottom:	22px;
}
#contacto fieldset label {
  font-weight:		bold;
  font-size:		12px;
  width:		80px;
  padding-top:		4px;
  float:		left;
}
#contacto fieldset .ingreso {
  width:		392px;
  font:			12px arial, trebuchet ms, tahoma, verdana, sans-serif;
  font-weight:		bold;
  color:		#666;
  padding:		3px 8px;
  margin-bottom:	5px;
  background:		#CCC;
  border:		1px solid #AAA;
}
#contacto fieldset textarea {
  height:		140px;
}
#contacto fieldset .ingreso:hover,
#contacto fieldset .ingreso:active {
  background:		#DDD;
}
#contacto fieldset input.boton {
  width:		60px;
  height:		22px;
  font-size:		12px;
  margin-left:		80px;
  padding-bottom:	3px;
  color:		#B2B2B2;
  background:		#3F3F3F;
}
#contacto fieldset input.boton:hover {
  color:		#EEEEEE;
  background:		#5F5F5F;
  cursor:		pointer;
}
#contacto fieldset span {
  font-size:		12px;
  color:		#666666;
  padding-top:		7px;
  float:		right;
}
#contacto fieldset .error {
  color:		#D00;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#direccion {
  position:		absolute;
  z-index:		100;
  top:			200px;
  left:			720px;
  width:		220px;
  height:		300px;
  padding:		10px;
  font-size:		13px;
  color:		#8C8C8C;
  background:		#FFFFFF;
}
#direccion h3 {
  font-size:		13px;
  font-weight:		normal;
  margin-bottom:	20px;
}
#direccion address {
  font-style:		normal;
  font-weight:		bold;
}
#direccion a {
  color:		#8C8C8C;
  font-weight:		bold;
}
#direccion a:hover {
  color:		#333333;
}


/*------------------------------------------------------ ::: - ::: - ::: ---  */
#copyright {
  position:		absolute;
  z-index:		300;
  top:			675px;
  left:			760px;
  width:		200px;
  text-align:		right;
}
#copyright #mostrarCopyright {
  font-size:		17px;
  color:		#FFFFFF;
  padding-bottom:	10px;
  float:		right;
}
#copyright .data {
  position:		absolute;
  bottom:		30px;
  right:		0px;
  font-size:		12px;
  text-align:		left;
  background:		#FFFFFF;
  color:		#333333;
  padding:		10px;
}
#copyright .data a {
  font-weight:		bold;
  color:		#333333;
}
#copyright .data a:hover {
  color:		#000000;
}
#copyright #facebook {
  width:		16px;
  height:		16px;
  margin:		4px 10px 0 0;
  background:		url(/img/icono-facebook.png) no-repeat;
  text-indent:		1000px;
  float:		right;
  overflow:		hidden;
}