#sli											{	width: 685px; height: 638px; }
#slider										{	width: 685px; height: 633px; position:absolute; margin: 4px 2px 0 277px; display:block; }
#sliderContainer							{	position: relative; width: 685px; height: 559px; margin: 0 2px 0 0; padding: 78px 0 0 0; background-image:url(../images/title_obras.png);
													background-repeat:no-repeat; }
.jFlowSlideContainer						{	overflow: hidden; }
.jFlowSlideContainer a					{	color: #F90; text-decoration: none; font-style: italic; }
.jFlowSlideContainer a:hover			{	text-decoration: none; }
.jFlowSlideContainer a:focus			{	position: relative; top: 1px; }

.jFlowNext									{	background:url("../images/next.png") no-repeat; height:74px; position:absolute; top:0px; right: 0px; width:74px; cursor:pointer; }
.jFlowPrev									{	background:url("../images/prev.png") no-repeat; height:74px; position:absolute; top:0px; left: 535px; width:74px; cursor:pointer; }

.jFlowPrev:hover							{	background-image:url("../images/prev_on.png"); }
.jFlowNext:hover							{	background-image:url("../images/next_on.png"); }

/* controller pagination */
#myController								{	position: absolute; top: 100px; right: 20px; }
.jFlowControl								{	background:url("../images/bullet.png") no-repeat scroll 0px 0px transparent;  float: left; width: 15px; height: 15px;}
.jFlowControl:hover						{	background-position: -32px 0px; cursor: pointer; }
.jFlowSelected, .jFlowSelected:hover
												{	background-position: -15px 0px;   }

.fotoObras									{	float: left; width: 685px; height: 359px; margin: 0 0 2px 0; }
.descripcionObrasDiv						{	float: left; width: 685px; height: 191px; }
.descripcionObras1						{	float: left; width: 175px; height: 195px; background-image:url(../images/descripcion.png); background-repeat:no-repeat; }
.descripcionObras2						{	float: left; width: 438px; height: 195px; margin: 0 0 0 2px; padding: 53px 30px 0 40px; background-image:url(../images/flecha_bg.png);
													background-repeat:no-repeat; }