/* global */
html{height: 100%;}
 
body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .68em;
}
 
p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.2em;
}
 
h1
{ font-family: arial, sans-serif;
  font-size: 108%;
  letter-spacing: .1em;
}
 
h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}
 
 
a{outline: none;}
 
/* image positioning - left, right and center */
.left
{ float: left;
  padding: 0px 8px 0px 0px;
}
 
.right
{ float: right;
  padding: 0px 0px 0px 8px;
}
 
.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}
 
/* block quote */
blockquote
{ margin: 20px 0px 20px 0px;
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}
 
/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
  padding: 0px;
}
 
ul li
{ list-style-type: square;
  margin: 0px 0px 11px 0px;
  padding: 0px;
}
 
/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}
 
ol li
{ margin: 0px 0px 11px 0px;
  padding: 0px;
}
 
/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content
{ margin-left: auto;
  margin-right: auto;
}
 
/* links above the logo / footer */
#links, #footer
{
  height: 20px;
  font-size: 88%;
/*text-transform: uppercase;*/
  padding: 8px 21px 0px 19px;
}
 
#links{text-align: right;}
 
#footer
{ text-align: center;
  border-top: 2px solid;
}
 
#footer a, #footer a:hover{text-decoration: none;}
#links a, #links a:hover{text-decoration: underline;}
/* logo */
#logo
{
  height: 200px;
  border-top: 2px solid;
  border-bottom: 5px solid;
  border-color: #109CEF;
  background: #000 url(gpt2logo.png) no-repeat;
  background-position: center;
  color: #D5D2D6;
}
 
#logo h1, #logo h2
{
margin: 0px;
text-align: RIGHT;
}
 
#logo h1
{ padding: 90px 30px 0px 0px;
  font-size: 150%;
}
 
#logo h2
{ font-family: arial, sans-serif;
  padding: 0px 10px 0px 0px;
  font-size: 100%;
}
#logo a
{
  color: #109CEF;
}
#logo a:hover
{
  color: #FFFFFF;
}
 
/* navigation menu */
#menu
{ height: 31px;
  width: 766px;
  margin-top: -31px;
  position: relative;
}
 
#menu ul{margin: 0px auto;}
 
#menu li
{ float: left;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  list-style: none;
}
 
#menu li a
{ display: block;
  float: left;
  height: 22px;
  text-decoration: none;
  padding: 6px 19px 2px 19px;
  text-transform: uppercase;
  font-size: 88%;
  border-bottom: 1px solid;
}
 
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ height: 22px;
  padding: 6px 19px 2px 19px;
  border: 0px;
  background: #109CEF;
  color: #FFF;
}
 
#puzzelshow
{
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  background:#545454;
}
#puzzelshow.prop
{
  background: #545454 url(../graf/propozycja.png) no-repeat right bottom;
}
img{border: 0px;}
img.przycisk{
margin: 0px 1px 0px 1px;
}
#puzzelshow img.puzz
{
border-style: DOUBLE;
border-width: 5PX;
border-color: #414141;
width:150px;
height:150px;
}
#puzzelshow img:hover
{
border-color: #109CEF;
}
#puzzelshowkom
{
  padding: 20px 0px 0px 170px;
  height:140px;
  clear: none;
}
 
 
/* main content */
#content
{ width: 766px;
  overflow: hidden;
}
 
/* column 1 - contains sidebar items */
#column1
{ width: 198px;
  margin: 22px 0px 0px 0px;
  float: right;
  padding: 19px 19px 15px 19px;
}
 
.sidebaritem
{ text-align: left;
  width: 184px;
  margin: 0px auto 10px auto;
}
 
.sidebaritem h1, .sidebaritem h2, .sidebaritem p{margin: 0px 10px 0px 10px}
 
.sidebaritem h1
{ font-weight: normal;
  padding: 8px 0px 16px 0px;
  text-transform: uppercase;
}
 
.sidebaritem p
{ line-height: 16px;
  padding: 0px 0px 8px 0px;
}
 
.sidebaritem a
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
  background: #545454;
  color: #D5D2D6;
}
 
.sidebaritem a:hover
{
  color: #109CEF;
}
 
.sbilinks ul{margin: 0px 0px 0px 10px;}
 
.sbilinks li
{ list-style: none;
  padding: 0px 0px 0px 0px;
}
 
.sidebaritem a.strz
{ background: #545454 url(arrow.png) no-repeat left center;
  color: #D5D2D6;
  padding: 0px 0px 2px 15px;
}
 
.sidebaritem a.strz:hover
{ background: #545454 url(blue_arrow.png) no-repeat left center;
  color: #109CEF;
}
 
.sbilinks li a
{ padding: 0px 0px 2px 15px;
  height: 16px;
  text-decoration: none;
  width: 149px;
  background: #545454 url(arrow.png) no-repeat left center;
  color: #D5D2D6;
}
.sbilinks li a:hover
{ background: #545454 url(blue_arrow.png) no-repeat left center;
  color: #109CEF;
}
#column1 #city
{
  width:180px;
  height:330px;
  padding:0px;
  margin: 0px auto 10px auto;
  overflow: hidden;
}
#column1 #city img
{
  width:360px;
  height:330px;
  margin:0px;
 
}
#column1 #city img:hover
{
position: relative;
left:-180px;
}
 
/* column 2 - page content */
#column2
{ text-align: justify;
  width: 508px;
  float: left;
  padding: 2px 3px 15px 19px;
}
 
#column2 h1
{ font-family: arial, sans-serif;
  background: url(../graf/h1bg.png) repeat-x bottom;
  padding: 16px 0px 5px 5px;
  margin: 0px 0px 12px 0px;
  border-bottom: 1px solid;
  font-size: 150%;
/*  text-transform: uppercase; */
  font-weight: normal;
  color: #109CEF;
  border-color: #787878;
}
 
#column2 a
{ padding: 0px 0px 0px 0px;
  text-decoration: underline;
  color: #D5D2D6;
  border-color: #D5D2D6;
}
#column2 a:hover
{
  color: #109CEF;
}
 
 
#column2 table{
  width: 508px;
  border: 1px solid #787878;
  border-collapse: collapse;
}
 
#column2 table td {
  border: 1px solid #787878;
  padding: 5px;
}
 
#column2 table td.profil1
{
  font-weight: BOLD;
  width: 150px;
  text-align: RIGHT;
  vertical-align: TOP;
  background: #4c4c4c;
}
 
#column2 tr.trhov:hover {background: #4F4A4A; color:#FFF;}
#column2 tr.trtop {font-weight: BOLD; background:#4c4c4c}
 
#column2 a.strz
{ background: #414141 url(arrow.png) no-repeat left center;
  color: #D5D2D6;
  font-weight: BOLD;
  padding: 0px 0px 2px 15px;
}
 
#column2 a.strz:hover
{ background: #414141 url(blue_arrow.png) no-repeat left center;
  color: #109CEF;
}
#column2 textarea,#column2 input
{
  background: #414141;
  width: 506px;
  border-style: solid;
  border-width: 1PX;
  border-color: #787878;
  color: #D5D2D6;
  margin: 2px 0px 2px 0px;
}
#column2 select
{
  background: #414141;
  width: 200px;
  border-style: solid;
  border-width: 1PX;
  border-color: #787878;
  color: #D5D2D6;
  margin: 0px 0px 0px 70px;
}
#column2 input.rad
{
  width: 10px;
}
#column1 input
{
  background: #414141;
  width: 100px;
  border-style: solid;
  border-width: 1PX;
  border-color: #787878;
  color: #D5D2D6;
  margin: 0px 38px 1px 38px;
}
#puzzelshow a
{
  background: #545454;
  border-bottom: 0px;
  text-decoration: UNDERLINE;
}
#puzzelshow a:hover
{
  border-bottom: 0px;
}
 
#doors
{
  min-height:100px;
  margin: 10px 0px 5px 0px;
  border: solid #787878 1px;
  border-left: solid #787878 7px;
  padding: 5px;
  padding-left: 105px;
  background-image: url(../graf/door.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
#doors a
{ background: url(arrow.png) no-repeat left center;
  color: #D5D2D6;
  font-weight: BOLD;
  margin: 30px 0px 3px 0px;
  padding: 0px 0px 2px 15px;
  line-height: 160%;
}
 
#doors a:hover
{ background: url(blue_arrow.png) no-repeat left center;
  color: #109CEF;
}
#alert
{
background: #212121;
font-size: 1.2em;
color: #CC0000;
margin-top: 10px;
padding: 5px;
border: dashed #CC0000 1px;
}
.allitembox
{
padding:3px;
}
.itemnamebox
{
margin: 1px;
margin-right: 3px;
border: 1px #787878 solid;
padding: 2px;
min-height: 13px;
font-weight: BOLD;
}

.itemnameboxlight
{
border: 1px #109CEF solid;
}
.itembox
{
display: inline-block;
margin:1px;
width:92px;
padding: 5px 2px 0px 2px;
border: 1px #787878 solid;
border-bottom: 5px #787878 solid;
}
.itembox:hover
{
border: 1px #109CEF solid;
border-bottom: 5px #109CEF solid;
}
.itembox img.itemimg
{
width:90px;
height:90px;
border: 1px #787878 solid;
}
 
/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom{display: block;}
 
.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4
{ display: block;
  height: 1px;
  overflow: hidden;
}
 
.r1{margin: 0 5px}
 
.r2{margin: 0 3px}
 
.r3{margin: 0 2px}
 
.rtop .r4, .rbottom .r4
{ margin: 0 1px;
  height: 2px
}
 
 
/* additional colour scheme selections */
#colour{margin: 0px 0px 20px 0px;}
 
#colour a, #colour a:hover{border: 0px;}
 
.blue
{ background: #414141 url(blue.png) no-repeat left center;
  color: #109CEF;
  padding: 0px 40px 0px 20px;
}
 
.green
{ background: #414141 url(green.png) no-repeat left center;
  color: #94C65A;
  padding: 0px 40px 0px 20px;
}
 
.purple
{ background: #414141 url(purple.png) no-repeat left center;
  color: #CE5AEF;
  padding: 0px 40px 0px 20px;
}
 
.orange
{ background: #414141 url(orange.png) no-repeat left center;
  color: #FF9C21;
  padding: 0px 40px 0px 20px;
}
 
span.cash
{
  font-size: 12px;
  color:#87C9F3;
  font-weight: BOLD;
}
span.cash2
{
  font-size: 12px;
  color:#e4979c;
  font-weight: BOLD;
}
.infobar
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px #109CEF solid;
color: #D5D2D6;
padding: 5px;
margin: 7px 0px 7px 0px;
}
#gpt2news
{
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	height: 23px;
}
#gpt2news li
{
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	padding: 5px;
	white-space: nowrap; /* keep all text on a single line */
}