*					{ padding:0; margin:0;}
#wrap_producto		{ width:520px; height:345px; background-color:#f4c91b;}

#header_producto	{ position:absolute; top:0; height:60px; width:520px; background-color:#fda909;}
.title				{ position:absolute; left:15px; top:13px; width:100%; text-align:left;}
.presentacion		{ position:absolute; right:15px; top:23px; width:100%; text-align:right;}

#content_producto	{ position:absolute; top:60px; height:265px; width:520px;}
#foto				{ position:absolute; left:10px; width:245px; height:265px; overflow:hidden;}
#descripcion		{ position:absolute; right:10px; margin:15px 0 20px 0;}


.arrow				{ position:absolute; right:7px;}
.arrow:hover		{ cursor:pointer;}

.up					{ top:100px;}
.down				{ bottom:100px;}

#footer_producto	{ position:absolute; top:325px; height:20px; width:100%; background-color:#fda909; vertical-align:middle;}
.recetas_link		{ position:absolute; right:10px; height:20px;  width:150px;}


/*Scroll Pane Plug-in*/
.scroll_pane		{ width:245px; height:230px; overflow:auto; }
a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}