#prod_ser_imagenes{
	width: 73%;
	display:block;
	float: left;
}

#prod_ser_subservicios{
	width: 24%;
	display:block;
	float: left;
}

@media only screen and (max-width: 704px) {
	#prod_ser_imagenes, #prod_ser_subservicios{
		width: 100%;
	}
}


#scroller_container{
 width: 480px;
 height:150px;
}

#scroller{
	width:405px;
	height:128px;
	overflow:hidden;
	float:left;
	border: medium solid #ffffff;
	border-left: 5px solid #ffffff;	
	vertical-align:middle
}

#scroller_marco{
	width:414px;
	height:134px;
	float:left;
	border: thin solid #a8b9e2;	
	vertical-align:middle
}


@media only screen and (max-width: 529px) {
	#scroller_container{	 width: 450px;	}	
	#scroller{		width:375px;	}	
	#scroller_marco{		width:386px;	}
}

@media only screen and (max-width: 510px) {
	#scroller_container{	 width: 417px;	}	
	#scroller{		width:346px;	}	
	#scroller_marco{		width:357px;	}
}

@media only screen and (max-width: 480px) {
	#scroller_container{	 width: 385px;	}	
	#scroller{		width:315px;	}	
	#scroller_marco{		width:326px;	}
}

@media only screen and (max-width: 450px) {
	#scroller_container{	 width: 355px;	}	
	#scroller{		width:285px;	}	
	#scroller_marco{		width:296px;	}
}

@media only screen and (max-width: 420px) {
	#scroller_container{	 width: 325px;	}	
	#scroller{		width:255px;	}	
	#scroller_marco{		width:266px;	}
}

@media only screen and (max-width: 390px) {
	#scroller_container{	 width: 295px;	}	
	#scroller{		width:225px;	}	
	#scroller_marco{		width:236px;	}
}

@media only screen and (max-width: 360px) {
	#scroller_container{	 width: 265px;	}	
	#scroller{		width:195px;	}	
	#scroller_marco{		width:206px;	}
}


#scroller_left_arrow{
	width:20px;  
	height:121px;
	background-image:url(flecha_izq.png);
	background-position: 2px 13px ;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-right: 5px;
	float:left
}
#scroller_right_arrow{
	width:20px;  
	height:121px;
	background-image:url(flecha_der.png);
	background-position: 2px 13px ;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left: 5px;
	float:left
}