/* #########################################################  */
/* #########################################################  */

/* CONTENEDOR */
	#contenedor
	{
		position: absolute; 
		left: 50%; margin-left: -327px;
		top: 50%; margin-top: -260px;
	}

/* MEN�*/
	#menu
	{
	position: absolute;
	top: 82px;
	left: 0px;
	letter-spacing: 8px;
	width: 685px;
	height: 37px;
	}
	#header
	{
		float:left;
		width:655px;
		background:url("../imagenes/bg1.gif") repeat-x bottom;	
		font-size:12px;
		line-height:normal;	
	}
	
	/* composici� del elemento lista del men */
	#header ul 
	{
		margin:0;
		padding:10px 10px 0;
		list-style:none;	
	}
	#header li
	{
		float:left;
		background:url("../imagenes/norm_right1.gif") no-repeat right top;	
		margin:0;
		padding:0;
	}
	#header a 
	{
		display:block;
		background:url("../imagenes/norm_left1.gif") no-repeat left top;
		padding:5px 15px 10px;
	}
	#header #current 
	{
		background-image:url("../imagenes/norm_right_on1.gif");
	}
	#header #current a 
	{
		background-image:url("../imagenes/norm_left_on1.gif");
/* 		padding-bottom:5px; */
	}
	
	/* enlaces del men */
	a.enlacemenu:link
	{
		font-weight: bold;
		text-decoration: none;
		letter-spacing: 3px;
		color: black
	}
	a.enlacemenu:active
	{
		font-weight: bold;
		text-decoration: none;
		letter-spacing: 3px;	
		color: black
	}
	a.enlacemenu:visited
	{
		font-weight: bold;
		text-decoration: none;
		letter-spacing: 3px;	
		color: black
	}
	a.enlacemenu:hover
	{
		font-weight: bold;
		text-decoration: none;
		letter-spacing: 3px;	
		color: #9B6830
	}
/* FIN MEN�*/

/* CUADRO (CUADRO_P: cuadro para la p�ina de productos) */
	#cuadro
	{
		position: absolute; 
		top: 120px; left: 0px;
		width: 653px; height: 300px; 
		border-right: 1px solid #776655; 
		border-bottom: 1px solid #776655; 
		border-left: 1px solid #776655;
		background: white
	}
	#cuadro_p
	{
		position: absolute; 
		top: 120px; left: 0px;
		width: 653px; height: 395px; 
		border-right: 1px solid #776655; 
		border-bottom: 1px solid #776655; 
		border-left: 1px solid #776655;
		background: white
	}
		
		/* im�enes */
		#foto1
		{
			position: absolute; 
			float: left; 
			padding-top: 20px
		}
		#foto3
		{
			position: absolute; 
			float: left; 
			padding-top: 72px
		}
		
		/* textos de las p�inas*/
		#texto1
		{
			position: absolute;
			font-family: georgia;
			font-size: 10px;
			color: #9B6830;
			width: 304px;
			height: 334px;
		
		}


		#prod
		{
			position: absolute;
			top: 35px; left: 30px;
			text-decoration: none;
			text-align: center;
			font-weight: bold;
			font-family: georgia;
			font-size: 16px;
			width: 230px;
			
		}
		#prod2
		{
			position: absolute; 
			top: 40px; left: 350px; 
			text-decoration: none;
			font-family: georgia;
			font-weight: bold; 
			text-align: center;
			font-size: 16px; 
			width: 230px; 
			z-index: 10000000;
		}
		

		#texto2
		{
			position: absolute;
			font-family: georgia;
			font-size: 11px;
			color: #9B6830;

		
		}

		p.texto3
		{

			font-family: georgia; 
			font-weight: bold; 
			font-size: 10px; 
			color: #9B6830; 

		}
		
		p.texto4
		{

			font-family: georgia; 
			font-weight: bold; 
			font-size: 11px; 
			color: #9B6830; 

		}
		
		
		/* FORMULARIO (P�ina contacto) */		
		#formulario 
		{
			position:absolute;
			width:340px;
			top:20px;
			left:325px;
			z-index: 10;
		}
		#textoformulario
		{
			text-align:justify;
			width:260px;
		}
		#todoformulario 
		{
			margin-right:auto;
			margin-left:auto;
			margin-top:0px;
			padding:0px;
		}
		
		div.fila 
		{
		  clear: both;
		  padding-top: 1px;
		}
		form>div.fila 
		{
			padding-top:4px;
		}
		div.fila_botones 
		{
		  clear: both;
		  padding-top: 2px;
		  padding-left: 5px;
		}
		div.fila span.etiqueta 
		{
			font-family: georgia;
			float: left;
			width: 80px;
			text-align: right;
			font-size:12px;
			color: #9B6830;
			padding-right:5px;
		}
		div.fila span.campo 
		{
		  float: right;
		  width: 235px;
		  text-align: left; 
		} 
		input,textarea 
		{
		  font-size:12px;
		  background-color:#C1BB98;
		}
		/* FIN FORMULARIO */		

		/* COLUMNAS de la p�ina Productos */						
		#columnaizda
		{
			position: absolute; 
			top: 20px; left: 15px; 
			background: #C1BB98; 
			width: 290px; height: 355px; 
			z-index: 20
		}
		#columnadcha
		{
			position: absolute; 
			top: 20px; left: 320px; 
			background: #C1BB98; 
			width: 320px; height: 355px; 
			z-index: 20
		}
		
		/* ENLACES */
		a.enlace:link
		{
			text-decoration: none;
			height: 10px;	
			border-bottom: 1px dotted #9B6830;
			color: #663333;
		}
		a.enlace:active
		{
			text-decoration: none;
			height: 10px;
			border-bottom: 1px dotted #9B6830;		
			color: #9B6830;
		}
		a.enlace:visited
		{
			text-decoration: none;
			height: 10px;	
			border-bottom: 1px dotted #9B6830;		
			color: #663333;
		}
		a.enlace:hover
		{ 
			text-decoration: none;
			height: 10px;	
			border-bottom: 1px dotted white;		
			color: white;
		}						
/* fin CUADRO (CUADRO_P) */
		
/* PIE DE P�INA */
	#foto2
	{
		position: absolute; 
		top: 335px; 
		left: 536px
	}		
	#foto4
	{
		position: absolute; 
		top: 304px; 
		left: 265px;
	}
	
	/* pie de p�ina (piepagina_p: pie de p�ina ara la secci� productos) */
	#piepagina
	{
		position: absolute;
		top: 430px;
		left: 90px;
		width: 596px;
		font-family: georgia;
		font-size: 10px;
		color: #9B6830;
		height: 13px;
	}
	#piepagina_p
	{
		position: absolute;
		top: 400px;
		left: 90px;
		width: 596px;
		font-family: georgia;
		font-size: 10px;
		color: #9B6830;
		height: 13px;
	}
	#codytel
	{
		position: absolute; 
		top: 430px; left: 300px;
	}
	
	/* enlaces del pie de p�ina */
	a.enlacepie:link
	{
		font-weight: bold;
		text-decoration: none;
		height: 10px;	
		border-bottom: 2px solid #9B6830;
		color: #9B6830;
	}
	a.enlacepie:active
	{
		font-weight: bold;
		text-decoration: none;
		height: 10px;
		border-bottom: 2px solid #9B6830;		
		color: #9B6830;
	}
	a.enlacepie:visited
	{
		font-weight: bold;
		text-decoration: none;
		height: 10px;	
		border-bottom: 2px solid #9B6830;		
		color: #9B6830;
	}
	a.enlacepie:hover
	{ 
		font-weight: bold;
		text-decoration: none;
		height: 10px;	
		border-bottom: 2px solid white;		
		color: white;
	}

	a.enlacepie2:link
	{
		font-weight: bold;
		text-decoration: none;
		height: 10px;	
		color: #9B6830;
	}
	a.enlacepie2:active
	{
		font-weight: bold;
		text-decoration: none;
		height: 10px;		
		color: #9B6830;
	}
	a.enlacepie2:visited
	{
		font-weight: bold;
		text-decoration: none;
		height: 10px;			
		color: #9B6830;
	}
	a.enlacepie2:hover
	{ 
		font-weight: bold;
		text-decoration: none;
		height: 10px;			
		color: red;
	}

	a.entrar:link
	{
		text-decoration: none;
		font-weight: bold;
		height: 10px;	
		border-bottom: 1px dotted #9B6830;
		color: #9B6830;
	}
	a.entrar:active
	{
		text-decoration: none;
		font-weight: bold;		
		height: 10px;
		border-bottom: 1px dotted #9B6830;		
		color: #9B6830;
	}
	a.entrar:visited
	{
		text-decoration: none;
		font-weight: bold;		
		height: 10px;	
		border-bottom: 1px dotted #9B6830;		
		color: #9B6830;
	}
	a.entrar:hover
	{ 
		text-decoration: none;
		font-weight: bold;		
		height: 10px;	
		border-bottom: 1px dotted #EAE5C6;		
		color: #EAE5C6;
	}			
/* FIN PIE DE P�INA */