BODY { 
	font-family: Arial; font-size:11px; font-weight: normal; color: #884400; 
	margin-left: 0px;	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px;

}
 
a:link { 
	font-weight: normal; font-size:11px; color: #000000; text-decoration: none; }
 
a:hover {
	font-weight: normal; font-size:11px; color: #000000; 	text-decoration:none; }
 
a:active { 
	font-weight: normal; font-size:11px; color: #000000; text-decoration: none; } 

a:visited { 
	font-weight: normal; font-size:11px; color: #000000; text-decoration: none; } 

SELECT {
	font-family: Verdana; font-size: 10px; color: #000000; background-color: #F5F4E0; border: #E1DFD9; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}
INPUT {
	font-family: Verdana; font-size: 10px; color: #000000;  background-color:#F5F4E0; border: #E1DFD9; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}
TEXTAREA {
	font-family: Verdana; font-size: 10px; color: #000000; background-color: #F5F4E0; border: #E1DFD9; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}
DIV#marco{  /*Marco principal -- Contiene la imagen marrón*/
	width: 1000px;
	height: 520px;
	/*left: 15px;*/
	/*top: 20px;*/
	position: absolute;
	background-color: #d7c8a2; 
	border: #d7c8a2; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}
DIV#marco_f{  /*Marco principal -- Contiene la imagen marrón*/
	width: 380px;
	height: 520px;
	/*left: 15px;*/
	/*top: 20px;*/
	position: absolute;
	background-color: #d7c8a2; 
	border: #d7c8a2; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}


DIV#fondo_m{  /*Fondo Marrón*/
	width: 778px;
	height: 432px;
	left: 100px;
	top: 100px;
	position: absolute;
	background-color: #c08914; /*Color marrón*/
}

DIV#imagen{  /*Imagen*/
	left: 5px;
	top: 5px;
	position: absolute;
}
DIV#cuadro1{  /*Cuadro marrón*/
	width: 97px;
	height: 103px;

	left: 676px;
	top: 5px;

	position: absolute;
	background-color: transparent;
	border: #d7c8a2;
	border-style: solid;
	border-top-width: 1px;	border-right-width: 1px;
	border-bottom-width: 1px;	border-left-width: 1px;
}
DIV#cuadro2{  /*Cuadro marrón*/
	width: 97px;
	height: 103px;

	left: 676px;
	top: 217px;

	position: absolute;
	background-color: transparent;
	border: #d7c8a2;
	border-style: solid;
	border-top-width: 1px;	border-right-width: 1px;
	border-bottom-width: 1px;	border-left-width: 1px;
}
DIV#cuadro3{  /*Cuadro marrón*/
	width: 97px;
	height: 103px;

	left: 676px;
	top: 115px;

	position: absolute;
	background-color: transparent;
	border: #d7c8a2;
	border-style: solid;
	border-top-width: 1px;	border-right-width: 1px;
	border-bottom-width: 1px;	border-left-width: 1px;
}

DIV#cuadro3{  /*Cuadro marrón*/
	width: 97px;
	height: 103px;

	left: 676px;
	top: 111px;

	position: absolute;
	background-color: transparent;
	border: #d7c8a2;
	border-style: solid;
	border-top-width: 1px;	border-right-width: 1px;
	border-bottom-width: 1px;	border-left-width: 1px;
}
DIV#cuadro4{  /*Cuadro marrón*/
	width: 97px;
	height: 103px;

	left: 676px;
	top: 323px;

	position: absolute;
	background-color: transparent;
	border: #d7c8a2;
	border-style: solid;
	border-top-width: 1px;	border-right-width: 1px;
	border-bottom-width: 1px;	border-left-width: 1px;
}
/************** ENLACES IMAGENES *************/
a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}

a.linkopacity:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

img.estImgProd {
	border:1px;
	border-color:#666666;
	border-style:solid;
	width:119px;
	height:80px;
}
/***************************/

DIV#text{ /*TEXTO 1 --- marrón claro*/
	width: 373px;
	height: 15px;
	position: absolute;
	top: 271px;
	left: 130px;
}

DIV#text1{ /*TEXTO 1 --- naranja*/
	width: 373px;
	height: 15px;
	position: absolute;
	color: #ea9c1a;
	
	top: 333px;
	left: 130px;
}
DIV#text2{ /*TEXTO 2 --- marrón claro*/
	width: 373px;
	height: 15px;
	position: absolute;

	top: 353px;
	left: 130px;
}

DIV#imagenes{ /*IMAGENES PEQUEÑAS*/
	width: 383px;
	height: 15px;
	position: absolute;

	top: 375px;
	left: 130px;
}

/*Estilos del Escroll del texto*/

#divUp   {position:absolute; left:474px; top:342px; z-index:4;}
#divDown {position:absolute; left:488px; top:342px; z-index:4;}
#divText {
	position:absolute; left:0px; top:0px;
	text-align:justify;
	vertical-align:middle;
}

#divScrollTextCont {
position:absolute; 
left:129px; 
top:270px; 
width:377px; 
height:70px; 
clip:rect(0px,377px,280px,0px); 
overflow:hidden; visibility:hidden;
z-index:9;
}

#divContProd {
position:absolute; 
left:24px; top:14px;
width:377px; 
height:247px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
text-align:justify;
}

#divScrollTextProd {
position:absolute; 
left:314px; 
top:142px; 
width:360px; 
height:270px; 
border:1px;
border-color:#CCCCCC;
border-style:solid;
z-index:9;
}


#divSubirBajar {
position:absolute; 
left:655px; 
top:168px; 
width:8px; 
height:219px; 
clip:rect(0px 350px 280px 0px); 
border-color:#666666;
z-index:11;
}

div.direccion {
position:absolute;
width:263px;
height:263;
top:149px;
left:59px;
z-index:4;
border:none;
}

div.scrollImg {
position:absolute;
width:165px;
height:330px;
top:113px;
left:691px;
z-index:4;
border:none;
}
DIV#mariposa{  /*Animación Mariposa*/
	width: 100px;
	height: 100px;
	left: 566px;
	top: 405px;
	position: absolute;
}



/**/