html {
	font-size: 10px;
}

body {
	background: #fff;
	font-family: 'Arvo', Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	line-height: 1.4;
	background-image:url(http://www.ibs-hair.com/images/back_img2.png);
	background-position:bottom;
	background-repeat:no-repeat;
	
}


.background {
	position: fixed;
	height: 100%;
	width: 100%;
background-image:url(http://www.ibs-hair.com/images/back_img.png);
	background-position:top;
	background-repeat:no-repeat;
}

ul {
	list-style: none;
	padding: 0;
}

a, a:visited {
}

/*----------------------------------------  HEADER  */

#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	padding:1em;
	font-size: 12px;
	color: #fff;
	background: #000;
}

#header h1 {
	float:left;
	width:40%;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
}

#nav {
	float:right;
	margin:0;
	padding-right:1em;
	text-transform: capitalize;
}

#nav li {
	float:left;
	padding-right:1em;
}

.nav-button {
	color:#fff;
	text-decoration:none;
}

.current, a.nav-button:hover {
	color: #666;
}

#intro h1 {
	margin: 0;
	padding:180px 0 0;
	font-size: 60px;
	font-weight: bold;
}


/*------------------------  SLIDES  */

.slide {
	position:relative;
	margin: 0 auto;
	width: 100%;
	height: 500px;
	padding: 200px 0 50px;
	text-align: center;
}

/*------------------------  FONTS SIZE  */

.nation, .name, .name2, .number, .club {
	position: absolute;
	font-weight: bold;
	text-transform: uppercase;
	width: 633px;
}

.nation {
	font-size:25px;
}

.name, .name2 {
	font-size: 40px;
}

.number {
	font-size: 38px;
}

.club {
	font-size: 20px;
}

/*------------------------  PLAYERS  */

/* messi */

#messi {
	color:#791816;
}

#messi .img {
	padding-left:300px;
}

#messi .nation {
	top: 164px;
	right: 533px;


}

#messi .name {
	top: 291px;
	left: 132px;
		text-align:left;

	}

#messi .number {
	top: 289px;
	right: 128px;
	font-size: 30px;

}

#messi .club {
	top:450px;
	right:200px;
}

/* ronaldo */

#ronaldo {
	color:#9C841D;
}

#ronaldo .img {
	padding-right:80px;
}

#ronaldo .nation {
	top:280px;
	right:200px;
		text-align:left;

}

#ronaldo .name {
	top:170px;
	left:540px;
}

#ronaldo .name2 {
	top:220px;
	left:510px;
}

#ronaldo .number {
	top:240px;
	right:600px;
}

#ronaldo .club {
	top:380px;
	right:550px;
}

/* kagawa */

#kagawa {
	color:#E4D70D;
}

#kagawa .img {
	position:absolute;
	top:100px;
	left:15%;
}

#kagawa .nation {
	top:150px;
	left:40%;
	margin-left:-100px;	font-size:20px;
}

#kagawa .name {
	top:260px;
	left:40%;

	line-height:150%;
	text-align:right;
	font-size:18px;
}

#kagawa .number {
	top:340px;
	left:40%;
	font-size:19px;text-align:left;
}

#kagawa .club {
	top:440px;
	left:40%;
	line-height:150%;
	text-align:left;font-size:20px;
}

/* mourinho */

#mourinho {
	color:#12243F;
}

#mourinho .img {
	position:absolute;
	top:100px;
	left:50%;
}

#mourinho .nation {
	top:145px;
	left:50%;
	margin-left:-370px;
}

#mourinho .name {
	top:250px;
	left:50%;
	margin-left:-370px;font-size:20px;
}

#mourinho .number {
	top:390px;
	left:50%;
	margin-left:-370px;font-size:20px;
}

#mourinho .club {
	top:335px;
	left:50%;
	margin-left:-370px;
}

/* omake */

#omake {
	color:#760517;
}

#omake .img {
	position:absolute;
	top:350px;
	left:45%;
}

#omake .img2 {
	position:absolute;
	top:155px;
	left:45%;
	margin-left:100px;
}

#omake .nation {
	top:170px;
	left:45%;
}

#omake .name {
	top:160px;
	left:45%;
	margin-left:-170px;
	line-height:.8;
	text-align:right;
}

#omake .number {
	top:360px;
	left:45%;
	margin-left:100px;
}

#fin p {
	padding:200px 0 0;
}