@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;
}
.livegame #start {
	background:url("../img/bg/start.em.jpg?v3") no-repeat;
}
.livegame #startButton {
	top:276px;
}
#goal {
	background:url("../img/bg/goal.jpg?v3") no-repeat;
	height:1100px;
}
#defense {
	background:url("../img/bg/defense.jpg?v3") no-repeat;
	height:1246px;
}
#defenseLeft {
	background:url("../img/bg/defenseLeft.jpg?v3") no-repeat;
}
#defenseRight {
	background:url("../img/bg/defenseRight.jpg?v3") no-repeat;
}
#midfieldLeft {
	background:url("../img/bg/midfieldLeft.jpg?v3") no-repeat;
}
#midfieldDefensive {
	background:url("../img/bg/midfieldDefensive.jpg?v3") no-repeat;
	height:1246px;
}
#midfieldOffensive {
	background:url("../img/bg/midfieldOffensive.jpg?v3") no-repeat;
}
#midfieldRight {
	background:url("../img/bg/midfieldRight.jpg?v3") no-repeat;
}
#striker {
	background:url("../img/bg/striker.jpg?v3") no-repeat;
}
.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:972px;
}
#compare-user {
	background:url("../img/bg/compareUser.jpg?v3") no-repeat;
	height:1087px;
}
#compare-office {
	background:url("../img/bg/compareOffice.jpg?v3") no-repeat;
	height:1087px;
}
#compare-saison {
	background:url("../img/bg/compareSaison.jpg?v3") no-repeat;
	height:1087px;
}
.livegame #compare-user {
	background:url("../img/bg/compareUser.em.jpg?v3") no-repeat;
	height:1171px;
}
.livegame #compare-office {
	background:url("../img/bg/compareOffice.em.jpg?v3") no-repeat;
	height:1171px;
}
.livegame #compare-saison {
	background:url("../img/bg/compareSaison.em.jpg?v3") no-repeat;
	height:1171px;
}
.absolute {
	position:absolute;
	z-index:1;
}
#start h1,
#compare-user h1,
#compare-office h1 {
	margin:17px 0 0;
	text-align:center;
	width:520px;
}
#compare-user h1,
#compare-office h1 {
	margin:27px 0 0;
}
#statistic-office .player,
#statistic-all .player,
#statistic-lodda .player,
#statistic-saison .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:120px;
	height:135px;
	float:left;
	margin:0 0 7px 10px;
	cursor:pointer;
}
.settle .player {
	position:relative;
}
.player .name {
	position:absolute;
	bottom:0;
	left:-17px;
	right:auto;
	top:auto;
	background:#061b3a;
	width:110px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#FFF;
	text-align:center;
	word-wrap: nowrap;
	white-space: nowrap;
	overflow:hidden;
}
#player .player .name {
	bottom:3px;
}
.player .team {
	display:none;
	position:absolute;
	bottom:3px;
	left:-17px;
	width:110px;
	text-align:center;
	top:auto;
	right:auto;
	background:none;
	color:#FFF;
}
.settle {
	top:116px;
	left:61px;
}
#goal .settle {
    left: 126px;
}
.settle:hover .player {
	opacity:0.7;
	filter:alpha(opacity=70);
}
.settle.nohover:hover .player,
.settle .player:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.settle .player.active,
.settle .player.out {
	opacity:0.5;
	filter:alpha(opacity=50);
}
.settle:hover .player.active,
.settle:hover .player.out {
	opacity:0.3;
	filter:alpha(opacity=30);
}
.player img {
	width:85px;
}
#start {
	z-index:5;
}
#startButton {
	top:259px;
	left:168px;
	z-index:5;
}
#shareButton {
	left:20px;
	top:145px;
	z-index:3;
}
.midfield #player_11 {
	display:none;
}
.feedback #shareButton,
.compare #shareButton {
	display:block;
}
.compare #shareButton {
	left: 360px;
    top: 340px;
    width: 230px;
}
.compare .livegame #shareButton {
	top: 423px;
}
#restartButton {
	left: 160px;
    top: 987px;
	display:none;
}
.livegame #restartButton {
	top:1067px;
}
.compare #restartButton {
	display:block;
}
#compareUserButton,
#compareOfficeButton,
#compareLoddaButton,
#compareSaisonButton {
	left: 47px;
    top: 739px;
    width: 230px;
	display:none;
}
.livegame #compareUserButton,
.livegame #compareOfficeButton,
.livegame #compareLoddaButton,
.livegame #compareSaisonButton {
	left: 17px;
    top: 819px;
}
#compareOfficeButton {
   left: 11px;
    top: 812px;
}
.livegame #compareOfficeButton {
    top: 892px;
}
#compareLoddaButton {
    left: 20px;
    top: 877px;
	display:none !important;
}
#compareSaisonButton {
    left: 20px;
    top: 952px;
	display:none !important;
}
.compare #compareUserButton,
.compare #compareOfficeButton,
.compare #compareLoddaButton,
.compare #compareSaisonButton {
	display:block;
}
#compareButton {
	top:143px;
	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:1008px;
	display:block;
}
.feedback #backButton {
	top:875px;
}
.defense #backButton,
.midfield #backButton,
.striker #backButton,
.goal #backButton,
.feedback #backButton {
	display:block;
}
.defense #backButton,
.midfieldDefensive #backButton {
	top:1162px;
}
.defense #player .player,
.midfieldDefensive #player .player {
	margin:150px 0 0 10px;
}
#player .player {
	z-index:3;
	cursor:default;
	opacity:0;
	filter:alpha(opacity=0);
}
#player_1 {
	left:256px;
  top:778px;
}
#player_2 {
	left:56px;
	top:638px;
}
#player_3 {
	left:189px;
	top:638px;
}
#player_4 {
	left:321px;
	top:638px;
}
#player_5 {
	left:454px;
	top:638px;
}
#player_6 {
	left: 149px;
    top: 498px;
}
#player_7 {
	left: 364px;
    top: 498px;
}
#player_8 {
	left: 41px;
    top: 462px;
}
#player_9 {
	left:257px;
	top:462px;
}
#player_10 {
	left: 472px;
    top: 462px;
}
#player_11 {
	left: 257px;
    top: 322px;
}
#statistic-user_1 {
	left: 145px;
    top: 461px;
}
#statistic-user_2 {
	left: 2px;
    top: 356px;
}
#statistic-user_3 {
	left: 98px;
    top: 356px;
}
#statistic-user_4 {
	left: 193px;
    top: 356px;
}
#statistic-user_5 {
	left: 288px;
    top: 356px;
}
#statistic-user_8 {
	left: 2px;
    top: 226px;
}
#statistic-user_6 {
	left: 74px;
    top: 256px;
}
#statistic-user_9 {
	left: 146px;
    top: 220px;
}
#statistic-user_7 {
	left: 217px;
    top: 252px;
}
#statistic-user_10 {
	left: 289px;
    top: 224px;
}
#statistic-user_11 {
	left: 145px;
	top: 122px;
}

#statistic-all_1,
#statistic-office_1,
#statistic-lodda_1,
#statistic-saison_1 {
	left: 385px;
    top: 836px;
}
#statistic-all_2,
#statistic-office_2,
#statistic-lodda_2,
#statistic-saison_2 {
	left: 253px;
    top: 731px;
}
#statistic-all_3,
#statistic-office_3,
#statistic-lodda_3,
#statistic-saison_3 {
	left: 349px;
    top: 731px;
}
#statistic-all_4,
#statistic-office_4,
#statistic-lodda_4,
#statistic-saison_4 {
	left: 444px;
    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: 253px;
    top: 600px;
}
#statistic-all_8,
#statistic-office_6,
#statistic-lodda_6,
#statistic-saison_8 {
	left: 325px;
    top: 630px;
	z-index:4 !important;
}
#statistic-all_9,
#statistic-office_9,
#statistic-lodda_9,
#statistic-saison_9 {
	left: 397px;
    top: 595px;
}
#statistic-all_7,
#statistic-office_7,
#statistic-lodda_7,
#statistic-saison_7 {
	left: 468px;
    top: 626px;
	z-index:4 !important;
}
#statistic-all_8 {
	top:627px;
}
#statistic-all_10,
#statistic-office_10,
#statistic-lodda_10,
#statistic-saison_10 {
	left: 540px;
    top: 600px;
}
#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 {
	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:63px;
}
#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:9px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  right:54px;
    line-height: normal;
    padding: 0;
  position:absolute;
  top:0;
  left:auto;
  word-spacing:-2px;
}
#statistic-user .player span.info {
	display:none;
}
#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:19px;
  left:-9px;
  line-height:17px;
  overflow:hidden;
  position:absolute;
  right:auto;
  text-align:center;
  top:auto;
  white-space:nowrap;
  width:83px;
  word-spacing: 1px;
}

.compare .player {
	margin-left: 24px;
    margin-top: 12px;
	height:126px;
}
.compare .livegame .player {
	margin-top:92px;
}
#statistic-all .player,
#statistic-office .player {
    margin-left: -15px;
    margin-top: -1px;
}
.livegame #statistic-all .player,
.livegame #statistic-office .player {
    margin-left: -15px;
    margin-top: 79px;
}
#statistic-all #statistic-all_1,
#statistic-office  #statistic-office_1 {
    margin-left: -4px;
}
#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:1009px;
}

.player,.settle {
	padding:50px 0 0;
}
.settle .player {
	padding:0;
}
.compare .player,
.feedback .player {
 	padding:0; 
}
.feedback .player {
	margin-top:-80px;
}
.player span.info {
	background:none;
}
.settle .player .info {
    background: rgba(0, 0, 0, 0) url("../img/bg/info.png") no-repeat scroll center center;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 14px;
    top: 106px;
    width: 22px;
}

.info.popup {
	display:none;
	z-index:99;
	position:absolute;
	top:80px;
	left:132px;
	width:345px;
	height:494px;
	font-family: ciutadella_runbold_italic;
	background:url("../img/bg/overlay.jpg") no-repeat;
}
.info.popup img {
	width:120px;
	margin:40px 0 0 20px;
}
.info.popup span {
	display:block;
	margin:2px 0 0 20px;
	color:#FFF;
	font-size:16px;
}
.info.popup span span {
	display:inline;
	margin-left:0;
}
.info.popup span.alter {
	margin-top:15px;
}
.info.popup span.name {
	margin-top:10px;
	font-size:25px;
}
.info.popup .close {
	position:absolute;
	top:10px;
	right:10px;
	width:50px;
	height:50px;
	cursor:pointer;
}
.info.popup span.team {
	margin-bottom:15px;
}
#darkoverlay {
	z-index:49;
	display:none;
	opacity:0;
	background:rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
}
#p3201 span.name {
	text-align:left;
}