/* COLOR DE FONDO Y TAMAÑO TEXTO POR DEFECTO PARA TODAS LAS PÁGINAS */

html, body{

background-color: #B00000;
background-image:url(img/bg.jpg);
background-repeat:repeat-x;
background-repeat:repeat-y;
background-position: center;
} 


/*body,td,th {*/
body,th {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	
}
td{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	
}

p {
   text-align:justify;
} 

/* CAPA QUE CONTIENE TODO */

#cuerpo {
	height: 100%;
	left:50%;
	margin-left:-480px;
	position:absolute;
	top:0px;
	width:959px;
	background-color: #86a004;
}





/* CABECERA */

#cabecera {
	background-image: url(img/cabecera.jpg);
	position: absolute;
	left: 0px;
	top: 0px;
 	width: 959px;
  	height: 199px;
  	z-index: 1;
}




/* BOTONES DE ARRIBA  */

#menu {
	position: absolute;
	left: 140px;
	top: 171px;
	width: 680px;
	height: 21px;
	z-index: 40;
}

#menu ul {
	padding: 0px;
	margin: 0px;
}

#menu ul li {	
	list-style-type: none;
	display: inline;
	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;
/*  font-weight: bold;  */

}

#menu ul li a:hover {
	color: #cf9;

}



/* BOTONES DE LA IZQUIERDA */

#contenedor-izda {
	position: absolute;
	left: 0px;
	top: 213px;
	width: 219px;
	height: 106px;
	overflow: visible;
}

#boton-izda {
	position: relative;
	left: 0px;
	width: 219px;
	height: 100px;
	z-index: 13;
	border:0px;
	padding-bottom: 6px;
}


/* CONTENIDO PARA 1 Y 3.html */

#contenedor-dcha {
	position: absolute;
	left: 251px;
	top: 221px;
	width: 674px;
	overflow: visible;
	
}

#contenido {
	position: relative;
	width: 670px;
	color:#000000;
	}


 /* 1.html el texto puede contornear la foto */
 
#foto img{ 
  float:right;
  margin: 0 0px 20px 30px;
}

/* TEXTO DEL TITULO h1  - SUBTITULO h2  Y DESCRIPCION. 1.html, 2.html y 3.html */

h1 {
	position: relative;
	width: 674px;
	height: 21px;
	z-index: 17;
	font-size: 22px;
	font-weight: bold;
	 
}

h2 {
	position: relative;
	width: 674px;
	height: 33px;
	z-index: 16;
	font-size: 15px;
	font-weight: bold;
	color:#FFF;
}

#descripcion {
	color: #000000;
	position: absolute;
	left: 253px;
	top: 346px;
	width: 287px;
	height: 286px;
	z-index: 15;
	text-align:justify;
  
 
}

#descripcionproductos {
	color: #000000;
	position: relative;
/*	left: 251px;
	top: 325px; */
	width: 675px;
	height: 54px;
	z-index: 14;
	text-align:justify;
}



/* BOTONES DE ABAJO Y EL FOOTER. 1.html, 2.html y 3.html*/



#footer {
	
	height: 50px;
	font-size: 10px;	
	left: -65px;
	text-align: center;
	padding: 2% 0%;
	position:relative;
	margin-bottom:30px;
	color: #FFFFFF;
}



#footerproductos {
	position: absolute;
	left: 220px;
	top: 825px;
	width: 600px;
	height: 20px;
	font-size: 10px;
	text-align:center;	
	
}





/* BOTONES DE ABAJO solamente para  2.html */


#zonaclientesproductos {
  position: absolute;
  left: 625px;
  top: 794px;
  width: 112px;
  height: 24px;
  z-index: 4;
}


#recomendarproductos {
  position: absolute;
  left: 443px;
  top: 794px;
  width: 175px;
  height: 24px;
  z-index: 5;
}


#favoritosproductos {
  position: absolute;
  left: 299px;
  top: 794px;
  width: 138px;
  height: 24px;
  z-index: 6;
}







/* COLORES LINKS */


a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

/* CSS para el index d la tienda                           */
#producto{
	display:inline-block;
	margin-right:50px;
}
#fotoproducto{
	position: relative;
	left: 0px;
	top: 0px;
	width: 190px;
	height: 130px;
	z-index: 17;
}


#fondoproducto {
	position: relative;
	left: 0px;
	top: 0px;
	width: 190px;
	height: 45px;
	z-index: 18;
	background-repeat:repeat;
}


#textoproducto {
	position: absolute;
	left: 5px;
	top: 6px;
	width: 132px;
	height: 33px;
	z-index: 19;
	vertical-align: middle;
	font-weight: bold;
}