@font-face {
    font-family: 'ciutadella_runbold_italic';
    src: url('../font/ciutadella_run-bold_italic-webfont.eot');
    src: url('../font/ciutadella_run-bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ciutadella_run-bold_italic-webfont.woff') format('woff'),
         url('../font/ciutadella_run-bold_italic-webfont.ttf') format('truetype'),
         url('../font/ciutadella_run-bold_italic-webfont.svg#ciutadella_runbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
	margin:0;
	padding:0;
}
#game {
	width:620px;
	position:relative;
}
#start {
	background:url("../img/bg/start.jpg?v2") no-repeat;
}
#goal {
	background:url("../img/bg/goal.jpg") no-repeat;
}
#defense {
	background:url("../img/bg/defense.2.jpg") no-repeat;
	height:1248px;
}
#midfield {
	height:1379px;
	background:url("../img/bg/midfield.2.jpg") no-repeat;
}
#striker {
	background:url("../img/bg/striker.jpg") no-repeat;
}
#feedback {
	background:url("../img/bg/feedback.jpg") no-repeat;
	height:970px;
}
#compare-user {
	background:url("../img/bg/compare-user.jpg") no-repeat;
}
#compare-office {
	background:url("../img/bg/compare-office.jpg") no-repeat;
}
.absolute {
	position:absolute;
	z-index:1;
}
#statistic-office .player,
#statistic-all .player {
	z-index:3;
}
.site {
	width:620px;
	height:1100px;
	left:0;
	top:0;
}
.hidden {
	display:none;
	z-index:0;
}
.button {
	cursor:pointer;
	width:290px;
	height:65px;
}
.player {
	width:103px;
	height:114px;
	float:left;
	margin:0 0 7px;
	cursor:pointer;
}
.settle {
	top:127px;
	left:24px;
}
.settle:hover .player {
	opacity:0.7;
	filter:alpha(opacity=70);
}
.settle .player:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.settle .player.active {
	opacity:0.5;
	filter:alpha(opacity=50);
}
.settle:hover .player.active {
	opacity:0.3;
	filter:alpha(opacity=30);
}
#startButton {
	top:217px;
	left:168px;
}
#shareButton {
	left:20px;
	top:150px;
	z-index:3;
}
.feedback #shareButton,
.compare #shareButton {
	display:block;
}
.compare #shareButton {
	left: 360px;
    top: 330px;
}
#restartButton {
	left: 160px;
    top: 990px;
	display:none;
}
.compare #restartButton {
	display:block;
}
#compareUserButton,
#compareOfficeButton {
	left: 30px;
    top: 740px;
    width: 230px;
	display:none;
}
#compareOfficeButton {
    top: 815px;
}
.compare #compareUserButton,
.compare #compareOfficeButton {
	display:block;
}
#compareButton {
	top:150px;
	left:310px;
}
#backButton {
	top:1000px;
	left:50px;
	display:none;
}
.defense #backButton {
	top:1153px;
}
.midfield #backButton {
	top:1152px;
}
.feedback #backButton {
	top:860px;
}
.defense #backButton,
.midfield #backButton,
.striker #backButton,
.goal #backButton,
.feedback #backButton {
	display:block;
}
#player .player {
	z-index:3;
	cursor:default;
	opacity:0;
	filter:alpha(opacity=0);
}
#player_1 {
	left:261px;
	top:817px;
}
#player_2 {
	left:65px;
	top:683px;
}
#player_3 {
	left:196px;
	top:683px;
}
#player_4 {
	left:327px;
	top:683px;
}
#player_5 {
	left:458px;
	top:683px;
}
#player_6 {
	left:86px;
	top:513px;
}
#player_7 {
	left:173px;
	top:556px;
}
#player_8 {
	left:261px;
	top:513px;
}
#player_9 {
	left:348px;
	top:556px;
}
#player_10 {
	left:436px;
	top:513px;
}
#player_11 {
	left:259px;
	top:388px;
}
#statistic-user_1 {
	left: 145px;
    top: 461px;
}
#statistic-user_2 {
	left: 1px;
    top: 356px;
}
#statistic-user_3 {
	left: 97px;
    top: 356px;
}
#statistic-user_4 {
	left: 192px;
    top: 356px;
}
#statistic-user_5 {
	left: 288px;
    top: 356px;
}
#statistic-user_6 {
	left: 2px;
    top: 216px;
}
#statistic-user_7 {
	left: 74px;
    top: 256px;
}
#statistic-user_8 {
	left: 146px;
    top: 220px;
}
#statistic-user_9 {
	left: 216px;
    top: 252px;
}
#statistic-user_10 {
	left: 288px;
    top: 224px;
}
#statistic-user_11 {
	left: 145px;
	top: 122px;
}

#statistic-all_1,
#statistic-office_1 {
	left: 396px;
    top: 836px;
}
#statistic-all_2,
#statistic-office_2 {
	left: 252px;
    top: 731px;
}
#statistic-all_3,
#statistic-office_3 {
	left: 348px;
    top: 731px;
}
#statistic-all_4,
#statistic-office_4 {
	left: 443px;
    top: 731px;
}
#statistic-all_5,
#statistic-office_5 {
	left: 540px;
    top: 731px;
}
#statistic-all_6,
#statistic-office_6 {
	left: 252px;
    top: 590px;
}
#statistic-all_7,
#statistic-office_7 {
	left: 324px;
    top: 631px;
}
#statistic-all_8,
#statistic-office_8 {
	left: 396px;
    top: 595px;
}
#statistic-all_9,
#statistic-office_9 {
	left: 467px;
    top: 626px;
}
#statistic-all_10,
#statistic-office_10 {
	left: 540px;
    top: 598px;
}
#statistic-all_11,
#statistic-office_11 {
	left: 396px;
    top: 497px;
}

.midfield #player_1 {
	top:947px;
}
.midfield #player_2,
.midfield #player_3,
.midfield #player_4,
.midfield #player_5 {
	top:813px;
}
.midfield #player_6,
.midfield #player_8,
.midfield #player_10 {
	top:643px;
}
.midfield #player_7,
.midfield #player_9 {
	top:686px;
}
.feedback #player_1 {
	top:679px;
}
.feedback #player_2,
.feedback #player_3,
.feedback #player_4,
.feedback #player_5 {
	top:545px;
}
.feedback #player_6,
.feedback #player_8,
.feedback #player_10 {
	top:375px;
}
.feedback #player_7,
.feedback #player_9 {
	top:418px;
}
.feedback #player_11 {
	top:250px;
}
.share .player {
	opacity:1!important;
	filter:alpha(opacity=100)!important;
}
.share #striker {
	top:-300px;
	height:1000px;
	overflow:none;
}
.player span {
	background:#1858e0;
	color:#FFF;
	font: 10px arial;
    padding: 2px 5px;
    right: 31px;
	position:absolute;
	top:0;
}
.defense #player .player,
.midfield #player .player {
	margin-top:150px;
}
.defense #player .player {
	margin-top:33px;
}
.midfield #player .player {
	margin-top:20px;
}
h1 {
	color:#FFFFFF;
  font-family:ciutadella_runbold_italic;
  font-size:34px;
  left:45px;
  position:absolute;
  top:100px;
}
h2 {
	color:#FFFFFF;
  font-family:ciutadella_runbold_italic;
  font-size:26px;
  left:247px;
  position:absolute;
  text-align:center;
  top:130px;
}
.midfield #player_11 {
	display:none;
}