html {
  overflow-y: none;
}
@font-face {font-family: 'playregular';src: url('../../common/fonts/play-webfont.eot');src: url('../../common/fonts/play-webfont.eot?#iefix') format('embedded-opentype'), url('../../common/fonts/play-webfont.woff') format('woff'), url('../../common/fonts/play-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
body {
  font-family: playregular, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;
}

#pasekgora {
	display: block;
	height: 14px;
	width: 650px;
	font-size: 11px;
	color: #666;
	text-align: right;
	clear: right;
	float: right;
}

#pasekgora a {
	color: #000;
	text-decoration: underline;
	margin-right: 5px;
}

#naglowek {
	display: block;
	height: 75px;
	width: 250px;
	clear: left;
	float: left;
}

#naglowek img {
 margin: 5px 0px 0px 20px;
}

#naglowek2 {
	display: block;
	height: 51px;
	width: 650px;
	clear: right;
	float: right;
	color: #333;
	margin-top: 10px;
}

#naglowek2 img {
 float: right;
 margin: 5px 5px 0px 0px;
}

#main {
  width: 900px;
  height: 80%;
  display: block;
  text-align: left;
}

#menu {
	width: 174px;
	float: left;
	display: block;
}

#podguzikami {
	width: 160px;
	float: left;
	display: block;
	height: 150px;
}
#menu a {
	color: #FFF;
}


#okienko {
	border-radius: 8px;
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #333;
	display: none;
	text-align: center;
	padding: 20px;
	font-size: 14px;
}

div > div#okienko { position: fixed; }

#okienko div.zmienna
{
    width: 240px;
    height: 20px;
    margin: 5px 5px 0px 0px;
    padding: 4px 4px 0px 0px;
    display: inline;
    float: left;
    clear: left;
    text-align: right;
}
#okienko div.wartosc
{
    width: 240px;
    height: 20px;
    margin: 5px 0px 0px 5px;
    padding: 0px;
    display: inline;
    float: left;
    clear: none;
    text-align: left;
    vertical-align: middle;
}

#okienko div.guziki
{
    width: 490px;
    height: 40px;
    margin:  0px;
    padding: 0px;
    display: block;
    float: left;
    clear: both;
    text-align: center;
}

#okienko table
{
  width: 490px;
  clear: both;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-color: #FFFFFF;
}

#okienko tr
{
  padding: 0px;
  margin: 0px;
  border: 0px none;
}

#okienko td.le
{
  padding: 0px;
  margin: 0px;
  border: 0px none;
  text-align: left;
  vertical-align: top;
}

#okienko td.le a
{
  float: left;
}

#okienko td.pr
{
  padding: 0px;
  margin: 0px;
  Border: 0px none;
  vertical-align: top;
  text-align: right;
}

#okienko td.pr a
{
  float:  right;
}


#menu a
{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	width: 150px;
	height: 20px;
	display: block;
	float: left;
	background-color: #333;
	margin-bottom: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
}

#menu a:hover
{
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	width: 150px;
	height: 20px;
	display: block;
	float: left;
	background-color: #ed1c24;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	margin-bottom: 7px;
}

#wyszuk {
    width: 725px;
    float: left;
}

#wyszuk div.nag {
	width: 715px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	font-size: 16px;
	color: #ff0000;
	text-align: center;
}

#wyszuk div.tekst {
    width: 340px;
    height: 20px;
	margin: 10px 0px 0px 5px;
    padding: 0px;
    display: block;
    float: left;
    clear: left;
    text-align: right;
    font-size: 13px;
}

#wyszuk div.pole {
	width: 360px;
	height: 20px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	font-weight: 400;
    display: block;
    float: left;
    clear: none;
    text-align: left;
    font-size: 14px;
}

#wyszuk div.opis {
    width: 700px;
    height: 20px;
    padding: 0px;
    margin: 20px 0px 0px 10px;
    display: block;
    float: left;
    text-align: center;
}

#wyszuk select {
    width: 250px;
}

#wyszuk table {
	clear:both;
	border: 1px solid #999;
	margin: 10px 0px 0px 20px;
	text-align: center;
	padding: 0px;
	font-size: 12px;
}

#wyszuk th {
  border: dashed 1px #333;
 }

#wyszuk tr {
	padding: 0px;
}
#wyszuk td {
  padding: 0px 12px;
  border-bottom: dashed 1px #333;
}

#wyszuk .przycisk {
	border: 1px dotted #000;
	color: #333;
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	width: 70px;
	height: 17px;
	display: block;
	padding: 3px;
	background-color: #FFF;
}

#wyszuk div.radio {
	width: 715px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	font-size: 16px;
	color: #333;
	text-align: center;
}

#przystanek1 {
  margin: 0px;
  padding: 0px;
  display: block;
  float: left;
}

#przystanek2 {
  margin: 0px;
  padding: 0px;
  display: block;
  float: left;
}

#rezerwacja table {
  clear:both;
  border: 1px solid #000;
  margin: 10px 0px 0px 20px;
  text-align: center;
  padding: 0px;
  font-size: 12px;
}

#rezerwacja th {
  border-bottom: dashed 1px #eee;
 }

#rezerwacja tr {
  padding: 0px;
}
#rezerwacja td {
  padding: 2px 8px 2px 8px;
  border-bottom: dashed 1px #eee;
}

#wyniki {
	margin: 0px;
	padding: 0px;
	float: left;
}


#tresc{
    width: 726px;
    height: 40%;
    float: left;
    background-color: #FFFFFF;
}

#stopka{
  width: 900px;
  clear: both;
  text-align: left;
}

/* klasy same nie przypisane do id */
.odstep
{
  display: block ;
  clear: both;
  font-size: 0px;
  height: 15px;
}

.przycisk
{
  border: 1px solid #000;
  color: #5C5C5C;
  font-size: 16px;
  text-align: left;
  margin: 0px 0px 0px 0px;
  width: 66px;
  height: 20px;
  display: block;
  padding: 0px 4px 0px 4px;
}
.przycisk_maly
{
  border: 1px solid #000;
  color: #5C5C5C;
  font-size: 14px;
  text-align: left;
  margin: 0px 0px 0px 0px;
  width: 45px;
  height: 17px;
  display: block;
  padding: 0px 2px 0px 2px;
}

.przycisk_duzy
{
  border: 1px solid #000;
  color: #5C5C5C;
  font-size: 16px;
  text-align: center;
  margin: 0px 0px 0px 0px;
  width: 125px;
  height: 40px;
  display: block;
  padding: 18px 4px 0px 4px;
}

.przycisk_long
{
  background: #F6F6F6 url(../images/gtak.png) no-repeat scroll 100% 50%;
  border: 1px solid #000;
  color: #5C5C5C;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  margin: 4px 0px 4px 10px;
  width: 240px;
  height: 20px;
  display: block;
  float: left;
}
a{
	text-decoration:none}
#bod #main #tresc a:link
{
	color: #333;
	text-decoration: underline;
}
#bod #main #tresc a:hover
{
	color: #ff0000;
	text-decoration: underline;
}

#bod #main #tresc a:visited
{
	color: #aa0000;
	text-decoration: none;
}

.gstd {
  background: #F6F6F6 url(../images/gtak.png) no-repeat scroll 100% 50%;
}

.gadd {
  background: #F6F6F6 url(../images/gadd.png) no-repeat scroll 100% 50%;
}

.gedt {
  background: #F6F6F6 url(../images/gedt.png) no-repeat scroll 100% 50%;
}

.gnew {
	background-attachment: scroll;
	background-color: #F6F6F6;
	background-image: url(../images/gnew.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.giks {
	background-attachment: scroll;
	background-color: #F6F6F6;
	background-image: url(../images/gnie.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.gup {
	background-attachment: scroll;
	background-color: #F6F6F6;
	background-image: url(../images/gup.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.gdown {
	background-attachment: scroll;
	background-color: #F6F6F6;
	background-image: url(../images/gdow.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.gtak {
	clear: none;
	background-attachment: scroll;
	background-color: #F6F6F6;
	background-image: url(../images/gtak.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.gnie {
	clear: none;
	background-attachment: scroll;
	background-color: #F6F6F6;
	background-image: url(../images/gnie.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

td.szer {
	padding: 0px 15px 0px 15px;
	color: #333;
	border: dotted 2px #0000ff;
}

.tytul{
	color: #444444;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0px 20px 0px;
	display: block;
}

.komunikat
{
  color: #AA2211;
  font-size: 16px;
  text-align: center;
  margin: 20px 40px 20px 40px;
  padding: 10px 5px;
  display: block;
  border-bottom: solid 2px #AA2211;
}

img {
  border-style: none;
}
.tytul h1 {
	color: #F00;
}
