* {
	padding: 0px;
	margin: 0px;
}

body,ul,li {
  margin: 0;
  padding: 0;

}

body {
  	font-family: 'Homenaje', sans-serif;
 	 color: #333;
	font-size: small;
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
/*	-webkit-box-sizing:border-box;*/
/*	padding-bottom:45px;	/*	This prevents the scroller to lock if the user swipes down outside of the screen.
							 	NOT needed if in home screen mode. */
}

#header {
	width:100%;
	height:70px;
	padding-bottom: 15px;
	background: #fff;
	text-align:center;
}

h1 {
	font-size: 200%;
	font-weight: 100;
	color: #333;
	text-transform: uppercase;
	line-height: 70px;
}

h2 {
	font-size: 200%;
	font-weight: 100;
	margin-top: 25px;
	color: #009dde;
	text-transform: uppercase;
}

a {
	color: #fff;
}

h3 {
	font-size: 200%;
	font-weight: 100;
	color: #333;
	text-transform: uppercase;
}

h3 span{
	color: #555;
}


h4 {
	font-size: 200%;
	font-weight: 100;
	color: #777;
	text-transform: uppercase;
}

h4 span{
	color: #999;
}

#wrapper {
	height:200px;		/* Of course you need to specify the object height */
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	width:100%;
}

#scroller {
/*	-webkit-touch-callout:none;*/
/*	-webkit-tap-highlight-color:rgba(0,0,0,0);*/
	width:10240px;
	height:100%;
	float:left;
	padding:0;
	
/*	-webkit-box-shadow:0 0 8px #555;	/* Don't use shadows in production, they slow down drastically CSS animations */
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:left;
}


#scroller li {
	display:block;
	vertical-align:middle;
	float:left;
	padding:0 25px;
	width:462px;
	height:100%;
	background-color:#fff;
/*	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d4d4d4), to(#fafafa));*/
}

#scroller li img {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

}