/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	/*importante ancho de imagenes en slider movil*/
	width:408px;
	height:auto !important;
	/*border:#FF0 solid 3px;*/
}

div.scrollableArea
{
	position: relative;	
	
}
#touchScroller
			{
	position: relative;
	/*border: 1px solid #3FF;				*/

			}
			
			/* Replace the last selector for the type(s) of element(s) you have in
			   your scroller.
			   If you have images use #touchScroller div.scrollableArea img,
			   If you have div's use #touchScroller div.scrollableArea div,
			   if you have links use #touchScroller div.scrollableArea a,
			   or add several selectors if you have mixed content
			   ...and so on. */
			#touchScroller div.scrollableArea a
			{
	position: relative;
	float: left;
	margin:0px;
	padding:0px;
	/* If you don't want the images in the scroller to be selectable, try the following
				   block of code. It's just a nice feature that prevent the images from
				   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	/*border: 1px solid #936;*/
			}
						#touchScroller div.scrollableArea img
			{
				position: relative;
				width:400px;	
				/*border: 1px solid #00F;*/
			}