#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
}
#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
}




#scroller_container.detalle_scroll{
 width: 280px !important;
 height:80px !important;
}

#scroller.detalle_scroll{
	width:205px !important;
	height:78px !important;
	overflow:hidden;
	float:left;
	border: medium solid #ffffff;
	border-left: 5px solid #ffffff;	
	vertical-align:middle
}


#scroller_marco.detalle_scroll{
	width:214px !important;
	height:84px !important;
	float:left;
	border: thin solid #bdbdbd;	
	vertical-align:middle
}

#scroller_container.detalle_scroll_2{
 width: 480px;
 height:80px !important;
}
#scroller.detalle_scroll_2{
	width:405px;
	height:78px !important;
	overflow:hidden;
	float:left;
	border: medium solid #ffffff;
	border-left: 5px solid #ffffff;	
	vertical-align:middle
}
#scroller_marco.detalle_scroll_2{
	width:414px;
	height:84px !important;
	float:left;
	border: thin solid #bdbdbd;	
	vertical-align:middle
}



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

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

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

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

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

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

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



#scroller_left_arrow.detalle_scroll{
	width:11px;  
	height:81px;
	background-image:url(flecha_izq_p.png);
	background-position: 2px 8px ;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-right: 5px;
	float:left
}
#scroller_right_arrow.detalle_scroll{
	width:11px;  
	height:81px;
	background-image:url(flecha_der_p.png);
	background-position: 2px 8px ;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left: 5px;
	float:left
}