@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;
	min-height:800px;
}
#start {
	background:url("../img/bg/start.jpg?v3") no-repeat;
}
#goal {
	background:url("../img/bg/goal.jpg?v3") no-repeat;
	height:1198px;
}
#defense {
	background:url("../img/bg/defense.jpg?v3") no-repeat;
	height:1254px;
}
#defenseLeft {
	background:url("../img/bg/defenseLeft.jpg?v3") no-repeat;
	height:1254px;
}
#defenseRight {
	background:url("../img/bg/defenseRight.jpg?v3") no-repeat;
	height:1254px;
}
#midfieldLeft {
	height:1254px;
	background:url("../img/bg/midfieldLeft.jpg?v3") no-repeat;
}
#midfieldDefensive {
	height:1254px;
	background:url("../img/bg/midfieldDefensive.jpg?v3") no-repeat;
}
#midfieldOffensive {
	height:1254px;
	background:url("../img/bg/midfieldOffensive.jpg?v3") no-repeat;
}
#midfieldRight {
	height:1254px;
	background:url("../img/bg/midfieldRight.jpg?v3") no-repeat;
}
#striker {
	background:url("../img/bg/striker.jpg?v3") no-repeat;
	height:1248px;
}
.defense #player_6,
.defense #player_7,
.defense #player_8,
.defense #player_9,
.defense #player_10,
.defense #player_11,
.midfield #player_11 {
	display:none;
}
#feedback {
	background:url("../img/bg/feedback.jpg?v3") no-repeat;
	height:1078px;
}
#compare-user {
	background:url("../img/bg/compare-user.jpg?v3") no-repeat;
	height:1198px;
}
#compare-office {
	background:url("../img/bg/compare-office.jpg?v3") no-repeat;
	height:1198px;
}
#compare-lodda {
	background:url("../img/bg/compare-lodda.jpg?v3") no-repeat;
	height:1198px;
}
#compare-saison {
	background:url("../img/bg/compare-saison.jpg?v3") no-repeat;
	height:1198px;
}
.absolute {
	position:absolute;
	z-index:1;
}
#statistic-office .player,
#statistic-all .player,
#statistic-lodda .player,
#statistic-saison .player {
	z-index:3;
}
.site {
	width:620px;
	height:1387px;
	left:0;
	top:0;
}
.hidden {
	display:none;
	z-index:0;
}
.button {
	cursor:pointer;
	width:290px;
	height:65px;
}
.player {
	width:125px;
	height:129px;
	float:left;
	margin:0 0 7px 20px;
	cursor:pointer;
}
.settle .player {
	position:relative;
}
.player .name {
	position:absolute;
	bottom:0;
	left:-20px;
	right:auto;
	top:auto;
	background:#061b3a;
	width:115px;
	height:35px;
	line-height:25px;
	font-size:12px;
	color:#FFF;
	text-align:center;
	word-wrap: nowrap;
	white-space: nowrap;
	overflow:hidden;
}
#player .player .name {
	bottom:3px;
	left:-28px;
}
.player .team {
	position:absolute;
	bottom:3px;
	left:-20px;
	width:115px;
	text-align:center;
	top:auto;
	right:auto;
	background:none;
	color:#FFF;
}
#player .player .team {
	left:-28px;
}
.settle {
	top:221px;
	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);
}
.player img {
	width:72px;
	margin-left:7px;
}
#start {
	z-index:5;
}
#startButton {
	top:571px;
	left:168px;
	z-index:5;
}
#shareButton {
	left:20px;
	top:254px;
	z-index:3;
}
.midfield #player_11 {
	display:none;
}
.feedback #shareButton,
.compare #shareButton {
	display:block;
}
.compare #shareButton {
	left: 360px;
    top: 410px;
}
#restartButton {
	left: 160px;
    top: 1073px;
	display:none;
}
.compare #restartButton {
	display:block;
}
#compareUserButton,
#compareOfficeButton,
#compareLoddaButton,
#compareSaisonButton {
	left: 47px;
    top: 666px;
    width: 230px;
	display:none;
}
#compareOfficeButton {
    left: 30px;
    top: 745px;
}
#compareLoddaButton {
    left: 20px;
    top: 877px;
}
#compareSaisonButton {
    left: 20px;
    top: 952px;
}
.compare #compareUserButton,
.compare #compareOfficeButton,
.compare #compareLoddaButton,
.compare #compareSaisonButton {
	display:block;
}
#compareButton {
	top:254px;
	left:310px;
}
#popupButton {
	left: 328px;
    top: 18px;
	display:none;
}
.feedback #popupButton,
.compare #popupButton{
	display:block;
}
#backButton {
	top:1270px;
	left:50px;
	display:none;
}
.defense #backButton,
.defenseLeft #backButton,
.defenseRight #backButton,
.midfieldLeft #backButton,
.midfieldDefensive #backButton,
.midfieldOffensive #backButton,
.midfieldRight #backButton {
	top:1163px;
	display:block;
}
.feedback #backButton {
	top:985px;
}
.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:255px;
  top:932px;
}
#player_2 {
	left:58px;
	top:795px;
}
#player_3 {
	left:188px;
	top:795px;
}
#player_4 {
	left:320px;
	top:795px;
}
#player_5 {
	left:452px;
	top:795px;
}
#player_6 {
	left: 162px;
    top: 661px;
}
#player_7 {
	left:347px;
	top:661px;
}
#player_8 {
	left: 68px;
    top: 624px;
}
#player_9 {
	left:255px;
	top:624px;
}
#player_10 {
	left: 440px;
    top: 624px;
}
#player_11 {
	left:259px;
	top:488px;
}
#statistic-user_1 {
	left: 134px;
    top: 457px;
}
#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_8 {
	left: 2px;
    top: 216px;
}
#statistic-user_6 {
	left: 74px;
    top: 256px;
}
#statistic-user_9 {
	left: 146px;
    top: 220px;
}
#statistic-user_7 {
	left: 216px;
    top: 252px;
}
#statistic-user_10 {
	left: 288px;
    top: 224px;
}
#statistic-user_11 {
	left: 145px;
	top: 122px;
}

#statistic-all_1,
#statistic-office_1,
#statistic-lodda_1,
#statistic-saison_1 {
	left: 385px;
    top: 833px;
}
#statistic-all_2,
#statistic-office_2,
#statistic-lodda_2,
#statistic-saison_2 {
	left: 252px;
    top: 731px;
}
#statistic-all_3,
#statistic-office_3,
#statistic-lodda_3,
#statistic-saison_3 {
	left: 348px;
    top: 731px;
}
#statistic-all_4,
#statistic-office_4,
#statistic-lodda_4,
#statistic-saison_4 {
	left: 443px;
    top: 731px;
}
#statistic-all_5,
#statistic-office_5,
#statistic-lodda_5,
#statistic-saison_5 {
	left: 540px;
    top: 731px;
}
#statistic-all_6,
#statistic-office_8,
#statistic-lodda_8,
#statistic-saison_6 {
	left: 252px;
    top: 590px;
}
#statistic-all_8,
#statistic-office_6,
#statistic-lodda_6,
#statistic-saison_8 {
	left: 324px;
    top: 631px;
	z-index:4 !important;
}
#statistic-all_9,
#statistic-office_9,
#statistic-lodda_9,
#statistic-saison_9 {
	left: 396px;
    top: 595px;
}
#statistic-all_7,
#statistic-office_7,
#statistic-lodda_7,
#statistic-saison_7 {
	left: 467px;
    top: 626px;
	z-index:4 !important;
}
#statistic-all_10,
#statistic-office_10,
#statistic-lodda_10,
#statistic-saison_10 {
	left: 540px;
    top: 598px;
}
#statistic-all_11,
#statistic-office_11,
#statistic-lodda_11,
#statistic-saison_11 {
	left: 396px;
    top: 497px;
}

.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;
}
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;
}
#player .player img {
	width:70px;
	margin:0;
}

#statistic-office .player img,
#statistic-user .player img,
#statistic-all .player img,
#statistic-lodda .player img,
#statistic-saison .player img {
  margin-left:3px;
  width:57px;
}
#statistic-office .player span,
#statistic-user .player span,
#statistic-all .player span,
#statistic-lodda .player span,
#statistic-saison .player span {
  background-color:#1858E0;
  background-position:initial initial;
  background-repeat:initial initial;
  color:#FFFFFF;
  font-family:arial;
  font-size:10px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  left:-20px;
  line-height:normal;
  padding:2px 5px;
  position:absolute;
  top:0;
  right:auto;
}
#statistic-saison .player span {
  left:-13px;
}
#statistic-office .player .team,
#statistic-user .player .team,
#statistic-all .player .team,
#statistic-lodda .player .team,
#statistic-saison .player .team {
  background:none;
  background-position:initial initial;
  background-repeat:initial initial;
  bottom:31px;
  color:#FFFFFF;
  left:-32px;
  position:absolute;
  right:auto;
  text-align:center;
  top:auto;
  width:112px;
}
#statistic-office .player .name,
#statistic-user .player .name,
#statistic-all .player .name,
#statistic-lodda .player .name,
#statistic-saison .player .name {
  background-color:#061B3A;
  background-position:initial initial;
  background-repeat:initial initial;
  bottom:29px;
  color:#FFFFFF;
  font-size:10px;
  height:28px;
  left:-18px;
  line-height:17px;
  overflow:hidden;
  position:absolute;
  right:auto;
  text-align:center;
  top:auto;
  white-space:nowrap;
  width:86px;
}
.compare .player {
	margin-top:91px;
}
#popupBG {
	position:fixed;
	z-index:9;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
}
#popup {
	position:absolute;
	top:50%;
	left:50%;
	width:300px;
	height:410px;
	margin:-205px 0 0 -150px;
	background:url("../img/mobile/popup.jpg?v3") no-repeat;
	z-index:10;
}
#popup iframe {
	width:100%;
	height:100%;
}
.player .right {
	position:absolute;
	top:80px;
	right:39px;
	width:17px;
	height:17px;
	cursor:pointer;
	background:url("../img/bg/right.png") no-repeat;
}
.player .left {
	position:absolute;
	top:80px;
	cursor:pointer;
	left:-17px;
	width:17px;
	height:17px;
	background:url("../img/bg/left.png") no-repeat;
}
#player_2 .left,
#player_5 .right,
#player_6 .left,
#player_10 .right {
	display:none;
}
#player_12,
#player_13,
#player_14,
#player_15,
#player_16,
#statistic-lodda_12,
#statistic-lodda_13,
#statistic-lodda_14,
#statistic-lodda_15,
#statistic-lodda_16,
#statistic-saison_12,
#statistic-saison_13,
#statistic-saison_14,
#statistic-saison_15,
#statistic-saison_16,
#statistic-office_12,
#statistic-office_13,
#statistic-office_14,
#statistic-office_15,
#statistic-office_16 {
	display:none;
}
#edm {
	width:250px;
	height:140px;
	top:0;
	left:0;
	z-index:9;
}
.striker #backButton {
	top:1155px;
}

.player,.settle {
	padding:50px 0 0;
}
.settle .player {
	padding:0;
}
.compare .player,
.feedback .player {
 	padding:0; 
}
.feedback .player {
	margin-top:-126px;
}