/* Patch para Firefox en visualización de páginas con scrollbar - sin scrollbar (contenido) */
html {
	height: 100%;
	margin-top:0px;
} 
body {
	min-height: 100%;
	top:0px;
	overflow-x:hidden;
	overflow-y:scroll;
}

body {
	background-image: url(img/fondo.jpg);
    background-repeat:repeat;
    background-position: center; 
    background-color:#382516; 
}

/*    *    *    *    *    *    *    *    *    *    *    *    *    *    *    *    *    *    */

body  {
	margin-top: 0px;
	text-align:center;
	top:0px;
	}

#todo {
	width:757px;
	min-height:500px; height:auto !important; height:500px;
	top:0px;
	margin:0 auto;
	margin-top:0px;
	text-align:left;
	position: relative;
	}
	
html>body #todo {
	height:auto;
	}	
	
#agrupador {
	height:1250px;
	background-image:url(img/fondo_amarillo.jpg);
	}	

.linkblanco
	{
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 13px;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	}			

	a.linkblanco:link,a.linkblanco:visited{
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 13px;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
	a.linkblanco:hover{
	font-family: "Trebuchet MS", Arial, Geneva;
	font-size: 13px;
	color: #F4C400;
	font-height: bold;
	text-decoration:none;
	font-weight:normal;
}	

.navega_actual {
	font-family: "Trebuchet MS", Arial, Geneva;
	font-size: 13px;
	color: #F4C400;
	font-height: bold;
	text-decoration:none;
	font-weight:normal;
}	

#lateralizquierdo { position:absolute; left:0px; top:0px;width:150px; height:100%; visibility:visible; background-image:url(img/fondo_amarillo_sombra.jpg); z-index:40;} 
#buscador { position:absolute; left:0px; top:231px;width:150px; height:132px;z-index:15; visibility:visible;
	border-right-color:#352410; border-right-style:solid; border-right-width:1px;
	border-bottom-color:#352410; border-bottom-style:solid; border-bottom-width:1px;
	background-image:url(img/fondo_amarillo_sombra.jpg);
	} 
html>body #buscador {
	height:131px;
	}	
#buscarreferencia { position:absolute; left:100px; top:342px;width:50px; height:24px;z-index:16; visibility:visible; }
html>body #buscarreferencia {
	left:97px;
	} 
#cajareferencia { position:absolute; left:6px; top:323px;width:141px; height:15px;z-index:17; visibility:visible; } 
#tituloreferencia { position:absolute; left:6px; top:306px;width:141px; height:18px;z-index:18; visibility:visible;
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 12px;
	color: #24180A;
	font-weight:normal;
	text-decoration:none;
	} 
#buscarcategoria { position:absolute; left:100px; top:285px;width:50px; height:24px;z-index:19; visibility:visible; }
html>body #buscarcategoria {
	left:97px;
	}  
#cajacategoria { position:absolute; left:6px; top:266px;width:141px; height:15px;z-index:20; visibility:visible; } 
#titulocategoria { position:absolute; left:6px; top:248px;width:141px; height:18px;z-index:21; visibility:visible;
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 12px;
	color: #24180A;
	font-weight:normal;
	text-decoration:none;
	} 
	
#cajamenu { position:absolute; left:0px; top:363px;width:150px;z-index:100; visibility:visible;
	background-image:url(img/menuizquierdo.jpg);
	}	

#opciones { position:relative; left:0px; top:0px; width:150px; height:21px; visibility:visible; background-image:url(img/fondo_opciones.jpg);
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 12px;
	color: #24180A;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding-left:13px;
	padding-top:1px;
	float:left;
	z-index:40;
	}	

#central { position:absolute; left:150px; top:208px; width:607px; min-height:500px; height:auto !important; height:500px; visibility:visible; z-index:50; background-image:url(img/fondo_amarillo.jpg);} 
#titulo { position:absolute; left:10px; top:10px; width:430px; height:20px; visibility:visible; z-index:23; background-image:url(img/fondo_amarillo.jpg); } 
#paginador { position:absolute; left:270px; top:10px; width:325px; height:20px; visibility:visible; z-index:23; float:left; text-align:right; padding-right:10px;} 
#flechas_paginador { position:absolute; left:565px; top:10px; width:40px; height:20px; visibility:visible; z-index:23; float:left;} 
#contenedor_catalogo { position:relative; left:10px; top:35px; width:595px; height:auto; visibility:visible; z-index:23; float:left;} 
#producto_catalogo { position:relative; width:194px; height:190px; visibility:visible; z-index:23; float:left;} 
#espaciador1 { position:relative; width:3px; height:190px; visibility:visible; z-index:23; float:left;} 
#foto_catalogo { position:relative; width:194px; height:146px; visibility:visible; z-index:23; float:left;} 
#botones_catalogo { position:relative; width:194px; height:44px; visibility:visible; z-index:23; float:left;} 


#encabezado_pedido1 { position:absolute; left:10px; top:30px; width:583px; height:26px; visibility:visible; z-index:23; background-color:#F3C301; padding-left:5px; padding-top:5px;} 
#encabezado_pedido2 { position:absolute; left:10px; top:58px; width:583px; height:26px; visibility:visible; z-index:23; background-color:#F3C301; padding-left:5px; padding-top:5px; float:left;} 
html>body #encabezado_pedido2 { top:63px;}
#encabezado_pedido3 { position:relative; left:10px; top:86px; width:583px; height:auto; visibility:visible; z-index:23; background-color:#FFE270; padding-left:5px; padding-top:5px; float:left;}
html>body #encabezado_pedido3 { top:96px;}
#pie_pedido3 { position:relative; top:85px; left:10px; width:583px; height:60px; visibility:visible; z-index:23; background-color:#FFE270; padding-top:20px; float:left;} 
html>body #pie_pedido3 { width:588px;  top:95px;  height:40px; }
#botones_pedido { position:relative; left:10px; top:96px; width:583px; height:70px; visibility:visible; z-index:23; padding-top:5px; float:left;} 
html>body #botones_pedido { top:106px;}

#texto_plano { position:absolute; left:10px; top:30px; width:566px; height:26px; visibility:visible; z-index:23; padding-top:5px; padding-left:15px; 
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 13px;
	color: #24180A;
	font-weight:normal;
	text-decoration:none;
	text-align:justify;
} 
html>body #texto_plano { width:554px;}

#referencia { position:relative; width:90px; height:auto; float:left;} 
#descripcion { position:relative; width:120px; height:auto; float:left;} 
#descripcion_b { position:relative; width:180px; height:auto; float:left;} 
#precio { position:relative; width:87px; height:auto; float:left; text-align:center;} 
#cantidad { position:relative; width:82px; height:auto; float:left; text-align:center;} 
#subtotal { position:relative; width:76px; height:auto; float:left; text-align:center;} 
#eliminar { position:relative; width:58px; height:auto; float:left; text-align:center;} 
#actualizar_b { position:relative; width:45px; height:auto; float:left; text-align:center;} 


#total { position:relative; width:203px; left:360px; float:left; text-align:right;} 
#actualizar { position:absolute; width:25px; left:545px;} 


#boton_volver { position:absolute; float:left; left:285px;} 
html>body #boton_volver { left:345px; }
#boton_finalizar { position:absolute; left:445px;} 
html>body #boton_finalizar { left:475px; }


#foto_producto_grande { position:relative; left:10px; top:35px; width:585px; height:auto; visibility:visible; z-index:23; background-color:#F3C301; float:left; } 
#encabezado_producto1 { position:relative; top:40px; left:10px; width:585px; height:26px; visibility:visible; z-index:23; padding-left:5px; padding-top:5px; float:left; background-color:#F3C301;}
html>body #encabezado_producto1 { height:36px;}
#encabezado_producto2 { position:relative; left:10px; top:42px; width:585px; height:auto; visibility:visible; z-index:23; padding-left:5px; padding-top:5px; float:left; background-color:#FFE270;} 
#botones_producto { position:relative; left:10px; top:43px; width:585px; height:70px; visibility:visible; z-index:23; padding-top:5px; float:left;} 
#boton_agregar { position:absolute; left:434px;} 
html>body #boton_agregar { left:468px;}

#encabezado_login1 { position:absolute; left:10px; top:30px; width:585px; height:30px; visibility:visible; z-index:23; background-color:#F3C301; padding-left:5px; padding-top:5px; border:solid; border-width:1px; border-color:#7C4E12;} 
html>body #encabezado_login1 { width:578px; }
#encabezado_login2 { position:absolute; left:10px; top:51px; width:585px; height:17px; visibility:visible; z-index:22; background-color:#7C4E12; float:left;} 
html>body #encabezado_login2 { z-index:23; top:61px; }
#encabezado_login3 { position:relative; left:10px; top:70px; width:585px; height:200px; visibility:visible; z-index:23; background-color:#FFE270; padding-left:5px; padding-top:5px; float:left; border:solid; border-width:1px; border-color:#7C4E12;} 
html>body #encabezado_login3 { width:578px; }
#usuario { position:relative; width:300px; left:130px; top:30px;} 
#contrasena { position:relative; width:300px; left:130px; top:50px; } 
#etiqueta_dato { position:relative; width:95px; float:left;} 
#caja_dato { position:relative; width:300px; float:left;} 
#botones_login { position:relative; left:10px; top:0px; width:585px; height:40px; visibility:visible; z-index:23; padding-top:5px; float:left;} 
#boton_login { position:absolute; left:420px;} 


#encabezado_contacto1 { position:absolute; left:10px; top:30px; width:585px; height:83px; visibility:visible; z-index:23; background-color:#F3C301; padding-left:5px; padding-top:5px; border:solid; border-width:1px; border-color:#7C4E12;} 
html>body #encabezado_contacto1 { width:578px; }
#encabezado_contacto2 { position:absolute; left:10px; top:151px; width:585px; height:25px; visibility:visible; z-index:22; background-color:#7C4E12; float:left;} 
#encabezado_contacto3 { position:relative; left:10px; top:170px; width:585px; height:380px; visibility:visible; z-index:23; background-color:#FFE270; padding-left:5px; padding-top:5px; float:left; border:solid; border-width:1px; border-color:#7C4E12;} 
html>body #encabezado_contacto3 { width:578px; }
#nombre { position:relative; width:395px; left:80px; top:30px;}	 
#telefono { position:relative; width:395px; left:80px; top:50px; } 
#email { position:relative; width:395px; left:80px; top:70px; } 
#mensaje { position:relative; width:395px; left:80px; top:90px; } 
#botones_enviar { position:relative; left:380px; top:120px; width:250px; height:40px; visibility:visible; z-index:23; padding-top:5px; vertical-align:top;}
html>body #botones_enviar { left:375px; }	

#cabecera { position:absolute; left:0px; top:0px;width:757px; height:231px;z-index:45; visibility:visible; } 
#contactar { position:absolute; left:637px; top:184px;width:120px; height:24px;z-index:50; visibility:visible;
	background-image:url(img/contactar.jpg);
	padding-top:3px;
	text-align:center;
	} 
#pedidos { position:absolute; left:515px; top:184px;width:122px; height:24px;z-index:50; visibility:visible;
	background-image:url(img/pedidos.jpg);
	padding-top:3px;
	text-align:center;	
	} 
#novedades { position:absolute; left:393px; top:184px;width:122px; height:24px;z-index:50; visibility:visible;
	background-image:url(img/novedades.jpg);
	padding-top:3px;
	text-align:center;	
	} 
#catalogo { position:absolute; left:271px; top:184px;width:122px; height:24px;z-index:50; visibility:visible;
	background-image:url(img/catalogo.jpg);
	padding-top:3px;
	text-align:center;
	} 
#presentacion { position:absolute; left:168px; top:184px;width:103px; height:24px;z-index:50; visibility:visible;
	background-image:url(img/presentacion.jpg);
	padding-top:3px;
	text-align:center;
	} 
.caja1 {
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size:13px;
	width:135px;
	height:20px;
	border:none;
	}	
.caja2 {
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size:13px;
	width:50px;
	height:20px;
	border:none;
	text-align:center;
	}	
.caja3 {
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size:13px;
	width:200px;
	height:20px;
	border:none;
	text-align:left;
	}	
.caja4 {
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size:13px;
	width:300px;
	height:150px;
	border:none;
	text-align:left;
	}	
.caja3_b {
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size:13px;
	width:300px;
	height:20px;
	border:none;
	text-align:left;
	}		
.boton1 {
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size:11px;
	font-weight:normal;
	color:#24180A;
	text-decoration:none;
	background-color:#F4C400;
	border:none;
	cursor:pointer;
	}	
.boton2 {
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size:13px;
	font-weight:normal;
	color:#382517;
	text-decoration:none;
	background-color:#01ABAA;
	border:solid;
	border-width:1px;
	border-color:#246D5A;
	cursor:pointer;
	}		
.texto0 { 
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 12px;
	color: #24180A;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	}		
.texto1 { 
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 13px;
	color: #24180A;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	}	
.texto2 { 
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 14px;
	color: #24180A;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	}	
.texto3 { 
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 13px;
	color: #D99E02;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	}	
.texto4 { 
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 13px;
	color: #24180A;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	}	
		
.texto_verde { 
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 11px;
	color: #7C4E12;
	font-weight:normal;
	text-decoration:none;
	}	
	a.texto_verde:link,a.texto_verde:visited{
	font-family: "Trebuchet MS", Arial, Geneva; 
	font-size: 11px;
	color: #24180A;
	font-weight:normal;
	text-decoration:none;
}
	a.texto_verde:hover{
	font-family: "Trebuchet MS", Arial, Geneva;
	font-size: 11px;
	color: #7C4E12;
	font-height: bold;
	text-decoration:none;
	font-weight:normal;
}