@charset "utf-8";
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:.75em;
	margin: 0px;
	padding:0;
	color: #5c5c5c;
	font-weight:bold;
	background-color:#121212;
	}
#map{
	position:relative;
	margin: 100px auto;
	width:800px;
	height:600px;
	background: #26a923 url(../img/map.jpg);
}
#provinces{
	width:800px;
	height:600px;	
	background-position:203px 123px,329px 97px,449px 125px,570px 121px,219px 239px,284px 199px,357px 186px,462px 205px,242px 348px,404px 302px,
	585px 301px,346px 402px,404px 403px,489px 386px,459px 455px,566px 423px;
	background-repeat:no-repeat;	
}
#menu{
	padding-top:260px;
	width:230px;
	
}
#menu a, #menu a:visited, #begin, #beginReset {
	width:190px;
	color:#7f4200;
	text-decoration:none;
	display:block;
	text-align:center;
	background:#ff8400 url(../img/hl.png) center center;
	padding:10px 0;
	margin:0 0 5px 0;
	border-radius:6px;
	box-shadow: 1px 1px 3px #414141;
	-webkit-transition: all .15s ease-in;
  	-moz-transition: all .15s ease-in;
 	-o-transition: all .15s ease-in;
  	transition: all .15s ease-in;
}
#begin, #beginReset {
	position:absolute;
	bottom:110px;
	right:160px;
}

#menu a:hover, #begin:hover , #beginReset:hover{
	color:#5b190e;
	background-color:#e43f22;
	-webkit-transition: all .3s ease-in-out;
  	-moz-transition: all .3s ease-in-out;
 	-o-transition: all .3s ease-in-out;
  	transition: all .3s ease-in-out;
}

#butts a {
	width:70px;
	height:70px;
	background:url(../img/butt.png);
	opacity:.55;
	position:absolute;	
}
#butts a:hover { opacity:1; }
#butt01 { top:166px; left:244px; }
#butt02 { top:118px; left:356px; }
#butt03 { top:139px; left:498px; }
#butt04 { top:188px; left:606px; }
#butt05 { top:286px; left:228px; }
#butt06 { top:282px; left:325px; }
#butt07 { top:213px; left:384px; }
#butt08 { top:262px; left:520px; }
#butt09 { top:376px; left:287px; }
#butt10 { top:332px; left:439px; }
#butt11 { top:353px; left:615px; }
#butt12 { top:411px; left:362px; }
#butt13 { top:439px; left:415px; }
#butt14 { top:400px; left:512px; }
#butt15 { top:480px; left:490px; }
#butt16 { top:465px; left:585px; }

#butts a.active { opacity:1; background:url(../img/butt_active.png); }

#picker {
	background-position: center center;
	padding:13px;
	position: absolute;
	top:25px;
	right:18px;
	-webkit-transition: all .15s ease-in-out;
  	-moz-transition: all .15s ease-in-out;
 	-o-transition: all .15s ease-in-out;
  	transition: all .15s ease-in-out;
}
.picker {
	background: url(../img/paper.png) no-repeat center center;
	-webkit-transition: all .15s ease-in-out;
  	-moz-transition: all .15s ease-in-out;
 	-o-transition: all .15s ease-in-out;
  	transition: all .15s ease-in-out;
}
#picker div {
	width:30px;
	height:30px;
	margin-bottom:4px;
	border:2px solid #eeeeee;
	border-radius:20px;
}

#color01 {	background-color:#fbbc85; }
#color02 {	background-color:#71d3e9; }
#color03 {	background-color:#005364; }
#color04 {	background-color:#a1c250; }
#color05 {	background-color:#81297e; }
#color06 {	background-color:#ff7037; }
#color07 {	background-color:#76513b; }
#color08 {	background-color:#ffe634; }
#color09 {	background-color:#ef2e46; }

#info {	
    color:#c3d5ad;
	padding:55px 0 0 35px;
	font-size:.9em;
	line-height:24px;	
}
#info span{
	color:#5b190e;
	font-size:2em;
	background-color:rgba(225,228,198,.6);
	padding:8px 14px;
	margin-left:15px;
	border-radius:8px;
}
#popBack {	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image: url(../img/pop.png);
}
.popCont {
	position:relative;
	font-size:1.1em;
	line-height:1.4em;
	z-index:99;
	width:600px;		
	border-radius:9px;
}
.hide {
	display:none;
}
#popHelp {
	height:450px;
	margin:65px auto;
	background: #ffffff url(../img/popBack.jpg)center center;
}
#popCredits {
	height:500px;
	margin:55px auto;
	background: #ffffff url(../img/popBackCredits.jpg)center center;
}
#popBest {
	height:500px;
	margin:55px auto;
	background: #ffffff url(../img/popBackBest.jpg)center center;
}
#popWin {
	height:450px;
	margin:65px auto;
	background: #ffffff url(../img/popBackWin.jpg)center center;
}
#popFail {
	height:450px;
	margin:65px auto;
	background: #ffffff url(../img/popBackFail.jpg)center center;
}
h1 {
	color:#ff8400;
}
#close, #closeReset {
	width:26px;
	height:26px;
	position:absolute;
	top:-13px;
	right:-13px;
	background-image: url(../img/close.png);	
}
.pop {
	padding:50px;	
}
.ok {
	display:block;
}
table {
    width: 500px;
    margin: auto;
}
table.best tbody {
	display: block;
	height:297px;	
	overflow-y: scroll;
}
table.best tr {
	display:block;
}
table tr td {
    padding: 5px;
}
table.best tr td {
    text-align:center;
	border-bottom:1px dashed #ff8400;
}
table.credits tr.alt td {
    background-color: rgb(238, 238, 238);
}

table.best tr th {
	text-align:center;
    background-color:rgba(255,132,0,.85);
	color: #ffffff;
	padding-bottom:2px;
	border-bottom:1px dashed #cc6a00;	
}
.left {
	text-align:left !important;
	text-indent:15px;
}
	
