body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; vertical-align: top}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:400; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body {
  background: url(images/tlo.jpg) no-repeat #000000 center 0;
  color: #b8af9f;
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
p {
  font-size: 0.95em;
}

a {
  color: #c99c79;
  text-decoration: none;
  outline: none;
}
a:hover { color: #79614a; }

h1 {font-size:2em}
h2 {font-size:1.5em; margin-top: 10px; margin-bottom: 20px;}
h3 {font-size:1.2em; margin-top: 7px; margin-bottom: 10px;}
h4 {font-size:1em}

strong {color: #d8b78e}

.div_main {
  width: 800px;
  height: 580px;
  margin: auto;
  text-align: center;
}
.tooltip {
    z-index: 1000;
	display:none;
	background-color:#ffa;
	border:1px solid #cc9;
	padding:3px;
	font-size:13px;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
}
#header {
  height: 120px;
  position: relative;
  width: 710px;
  margin-top: 50px;
  margin-left: 50px;
}
#nav {
  width:800px;
  height: 50px;
  font-size: 1.1em;
  position: relative;
  top: 75px;
}

#footer {
  position: relative;
  width:800px;
  height: 150px;
  color: #d8b78e;
  font-size: 14px;
  margin: auto;
}

#header h1 {
  color: #d8b78e;
  font-size: 32px;
  position: absolute;
  margin: 8px 0 0 0;
}

#header h2 {
  color: #d8b78e;
  font-size: 18px;
  position: absolute;
  margin: 50px 0 0 0;
}

#header h1 a {
  color: #9ca9b7;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: -1px;
  text-decoration: none;
}
#header h1 a:hover {color: #fff;}
#header h1 span {
  color: #fff;
  font-size: 18px;
}

#nav ul {
  display: inline;
}
#nav li {
  display: block;
  float: left;
  list-style: none;
}
#nav li a {
  color: #decdb9;
  display: block;
  line-height: 1.6em;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  width: 123px;
  height: 50px;
  padding-top: 16px;
}
#nav li a:hover {color: #eeb47d; font-size: 16px;}
#nav li a.current { color: #eeb47d; font-size: 16px; background: url(images/current.png) no-repeat center}

#footer p {
  line-height: 1.5em;
  margin-top: 15px;
  text-align: center;
}
#footer a {
  color: #c99c79
  text-decoration: none;
}

a img { border: none; }

img{border:none;}

#ogloszenia {
  float: left;
  width: 460px;
  height: 380px;
  margin-left: 45px;
  text-align:left;
  vertical-align:top;
  overflow:auto;
}
#trener {
  float: right;
  width: 240px;
  height: 380px;
  margin-right: 30px;
}
#trener img {
  border: medium solid
}

#zpliku {margin: 15px 0 0 0;}
.xml {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc;}
.xml h2 {margin: 0 0 7px 0;}
.xml p {margin: 0 0 2px 0;}

#mapa {
    width:360px; height:400px;
    margin: 25px 0 0 40px;
    float: left;}
#opis {
  float: left;
  width: 360px;
  margin-left: 20px;
  margin-top: 20px;
  text-align: left;
}
#sekcja {
    position: relative;
    width:720px;
    height:400px;
    margin: 25px 0 0 40px;
}



table.tablesorter {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 10pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	border: 1px solid #7f7f7f;
	font-size: 10pt;
	padding: 4px;
    color: #eeb47d;
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 4px;
	vertical-align: top;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #878787;
}

div.panes > div {
	display:none;
    height:380px;
    overflow: hidden;
}

ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
    font-size: 16px;
}


ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

ul.tabs a {
  	display: block;
	margin-bottom: 0;
	padding: 3px 0 0 20px;
	height: 24px;
	width: 200px;
    color: #decdb9;
}

ul.tabs a:active {
	outline:none;
    color: #79614a;
}

ul.tabs a:hover {
	margin-bottom: 0;
	padding: 3px 0 0 20px;
	height: 24px;
	display: block;
    color: #eeb47d;
}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	margin-bottom: 0;
	padding: 3px 0 0 20px;
	height: 24px;
	display: block;
    color: #eeb47d;
}

ul.galeria li {
  font-size: 14px;
}
ul.galeria li a {
  width: 160px;
}

.galerie ul{width:760px;list-style:none; margin:0 !important;padding-top:12px;height:330px;overflow:hidden; border-top: thin solid #decdb9}
.galerie ul li{	float:left;	text-indent:0;list-style-image:none !important; padding:2px; margin:0 6px 4px 0 !important; position:relative; overflow:hidden;}
.galerie a img {border: medium solid #decdb9;}
.galerie a:hover img {border: medium solid #eeb47d;}


form{font-size:10pt;margin-bottom:20px;width:auto;}
form fieldset{padding:10px;text-align:left;width:140px;}
form input {background: none; border:none; color: #b8af9f; text-align: center;}

#pushup {
  position: fixed;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
* html #pushup {
  position: absolute;
  top: expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');
}
#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a {
  outline-style: none;
  text-decoration: none;
}

#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}

#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}

#pushup .pushup_message {
  position: relative;
  float: left;
  marginRight: 3px;
  line-height: 22px;
  vertical-align: middle;
}

#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  cursor: pointer;
}

#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; }