/* CSS Document */
/*----------------------------------------------------------------------------------------------------------------*/
/* =general*/
* {margin:0; padding:0}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}
a {color:#595959;}
ul,ol {list-style:none;}
body {
	/*background:url(../img/all/modelo.png) center no-repeat top;*/
	border:0;
	color:#63544A;
	font-style:normal;
	font-family: Tahoma,Verdana,sans-serif;
	font-size:100%;
	font-weight:normal;
	/*text-align:center;*/
	/* NOTA: 70% equivale a un tamaño de fuente de 11px. Entenderíamos que esto sería 1em. */
}
.clearboth{clear:both}
.floatright{float:right}
.floatleft{float:left}
.texto_escondido{display:none;}
.ayudaAcces{position: absolute; left: -10000px; top: -10000px; font-size: .1em; line-height: 1%;}
fieldset{border:none;}
/* =fin de general*/
/*----------------------------------------------------------------------------------------------------------------*/
/* =documento*/
#documento{
	background:#c1a000;
	margin:0 auto;
	width:47.6em;
	margin: 0 auto 1em auto;
	position:relative;
}
/* =fin de documento*/
/*----------------------------------------------------------------------------------------------------------------*/
/* =cabecera*/
#cabecera{
	height: 25em;
}
#cabecera a{
	display:block;
	background:url(../img/fondo_bullet_flecha.gif) no-repeat left center;
	color:#fff;
	position:absolute;
	padding:0 0 0 1.5em;
	font-size: 0.7em;
	text-decoration:none;
	left:1em;
	top:22.5em;
}
#cabecera a:hover {
	text-decoration:underline;
}
#cabecera h1{
	margin:0 0 .2em 0;
	background:#514935;
	color:#FFF;
	height:8.45em;
	font-family:"Times New Roman", Times, serif;
}
#cabecera #proceso_fabricacion{
	background:#514935;
	color:#FFF;
	height:7.25em;
	display:block;
	font-family:"Times New Roman", Times, serif;
}
/* =fin de cabecera*/
/*----------------------------------------------------------------------------------------------------------------*/
/* =contenido_principal*/
#contenido_principal{
	float:left;
	background:#f3e980;
	width:23.8em;
	height: 18em;
}
#contenido_principal h2{
	padding: 1.2em 0 0.5em 0;
	font-family:"Times New Roman", Times, serif;
	color:#3a3120;
}
#contenido_principal p{
font-size:0.75em;
color:#3a3120;
padding:0em 1.6em 0.9em 1.6em;
}
/* =fin de contenido_principal*/
/*----------------------------------------------------------------------------------------------------------------*/
/* =video*/
#video{
	margin: 0 0 0 0;
	float:left;
	width:23.8em;
	background-color:#dfce3f;
	text-align:center;
	height: 18em;
}
#video #objeto{
	margin:0.9em 1.9em 1.3em 1.9em;
}
/* =fin de video*/
/*----------------------------------------------------------------------------------------------------------------*/
/* =opciones*/
#opciones{
	background:#dab600;
	height:7.5em;
	clear:both;
	padding: 0 1em 0 1em;
	border-top:1px #c1a000 solid;
}
#opciones li{
	width:13.8em;
	float:left;
	margin:1.7em 1em 0 0;
	border-right:1px solid #a18603;
	height:4.6em;
}
#opciones li.ultimo{
	width:15.5em;
	margin-right:0;
	border-right:none;
}
#opciones h2{
	font-size:0.9em;
	color:#240c01;
}
#opciones p{
	font-size:0.7em;
	color:#240c01;
	margin:0.2em 0 0.3em 0;
}
#opciones a{
	font-size:0.7em;
	font-weight:bold;
	color:#010101;
	padding:0 2em 0 0;
	background:url(../img/fondo_bullet_flechas.gif) no-repeat right center;
}
#opciones a:hover {text-decoration:none}
/* =fin de opciones*/
/*----------------------------------------------------------------------------------------------------------------*/
/* =gama_productos*/
#gama_productos{
	clear:both;
	background:url(../img/fondo_esquina_izq_ab.gif) left bottom no-repeat;
}
#gama_productos h2{
	font-size:1.4em;
	background:url(../img/fondo_gama.png) repeat-y right top #503a02 ;
	height:1.45em;
	font-family:"Times New Roman", Times, serif;
	color:#FFF;
}
#gama_productos h2 img{
	margin:0.32em 0 0 0;
}
#gama_productos ul{
	font-size:0.7em;
	height:16.8em;
	padding:1.8em 0 0 1.8em;
	background:url(../img/fondo_esquina_der_ab.gif) right bottom no-repeat;
}
#gama_productos li{
	background-color:#503a02;
	float:left;
	width:9.2em;
	text-align:center;
	margin:0 1.8em 0 0;
	height:14.8em;
	position:relative;
}
#gama_productos li.ultimo{
	margin:0 0 0 0;
}
#gama_productos h3{
	color:#FFF;
	font-weight:normal;
	font-size:1.1em;
	padding:0.6em 0.4em 0 0.4em;
	height: 3.2em;
}
#gama_productos li img{
	width:8.2em;
	margin:0 auto;
	clear:both;
	display:block;
	color:#AAA;
}
#gama_productos a{
	margin:0 0 0 0;
	line-height:1.6em;
	color:#c1a000;
}
#gama_productos a:hover {text-decoration:none}
/* =fin de gama_productos*/
/*----------------------------------------------------------------------------------------------------------------*/
/* =pie*/
#pie{
	background:#FFF;
	font-size:0.7em;
	height:4em;
}
#pie ul{
padding:1em 0 0 0;
}
#pie li{
	float:left;
	margin: 0 2em 0 0;
}
#pie li a{
	border-left:1px solid #503a02;
	padding:0 0 0 2em;
	color:#503a02;
}
#pie a:hover {text-decoration:none}
/* =fin de pie*/
/*----------------------------------------------------------------------------------------------------------------*/
/* =ESTILOS DE LAS ESQUINAS DE JAVASCRIPT*/
	.cornerTL{
		background:url(../img/fondo_esquina_os_izq_ar.gif) #c1a000 no-repeat top left scroll ;
		left:0px;
		position:absolute;
		top:0px;
		width:10px;
		height:9px;
	}
	.cornerTR{
		background:url(../img/fondo_esquina_os_der_ar.gif) #c1a000 no-repeat top left scroll;
		right:-1px;
		position:absolute;
		top:0px;
		width:11px;
		height:9px;
	}
	.cornerBL{
		background:url(../img/fondo_esquina_os_izq_ab.gif) #c1a000 no-repeat top left scroll;
		left:0px;
		position:absolute;
		bottom:0px;
		width:10px;
		height:9px;
	}
	.cornerBR{
		background:url(../img/fondo_esquina_os_der_ab.gif) #c1a000 no-repeat top left scroll;
		right:-1px;
		position:absolute;
		bottom:0px;
		width:11px;
		height:9px;
	}
/* =fin de ESTILOS DE LAS ESQUINAS DE JAVASCRIPT*/