body{
	background:#fff url(img/bg.gif);
	font: normal 13px/1.3 verdana, arial, helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
}

#calosc{
  background: url(img/bg_calosc2.gif) repeat-y;
  width: 1000px;
  margin:0 auto;
  overflow: hidden;
}

#gora{
  width: 1008px;
  height: auto;
}

#logo{
  background: url(img/logo.gif) no-repeat;
  width: 241px;
  height: 185px;
  float: left;
}

#gora_prawa{
  width: 759px;
  height: 185px;
  float:left;
}

#inter{
  background: url(img/gora.gif) no-repeat;
  width: 759px;
  height: 113px;
  float: left;
}

#inter_belka{
  background: url(img/gora_pasek1.gif) repeat-x;
  width: 654px;
  height: 59px;
  float: left;
  text-align: right;
  margin: 0px 0px 0px 0px;	
}

#paseczek{
  background: url(img/gora_pasek11.gif) no-repeat;
  width: 19px;
  height: 59px;
  float: left;
  margin: 0px 0px 0px 0px;	
}

#inter_belka_navi{
  background: url(img/navi.gif) no-repeat;
  width: 692px;
  height: 26px;  
  font: normal 9px/1.3 verdana, arial, helvetica, sans-serif;
  float:left;
  margin: -3px 10px 0px 20px;
  padding: 0px 0 0 15px;
  text-align: left;
}


#przyciski{
  width: 217px;
  height: 67px;
  float: left;
  position: relative;
  left: 23px;
}

#srodek_tekst{
  background:#fff url(img/bg_srodek.gif);
  width: 741px;
  height: auto;
  font: normal 14px/1.3 verdana, arial, helvetica, sans-serif;
  padding:10px 0 0 0px;
  text-align: center;
  float:left;
  position: relative;
  left: 23px;
}

#dol{
  background: url(img/dol1.gif) repeat-x;
  width: 742px;
  height: 46px;
  font: normal 9px/1.3 verdana, arial, helvetica, sans-serif;
  margin: 20px 0 0 0;
  clear: both;
}

#pole_g{
  background: url(img/ramka_gora.gif) no-repeat;
  width: 640px;
  height: 9px;
  float:left;
  font-size: 1px;
  position: relative;
  left: 50px;
  padding: 0px 0px 0px 0px;
}

#pole_s{
  background: url(img/ramka_srodek.gif) repeat-y;
  width: 640px;
  font: normal 9px/1.3 verdana, arial, helvetica, sans-serif;
  margin: 0px 0 0 0;
  float:left;
  position: relative;
  left: 50px;
  padding: 0px 0px 0px 0px;
}

#pole_d{
  background: url(img/ramka_dol.gif) no-repeat;
  width: 640px;
  height: 9px;
  float:left;
  position: relative;
  left: 50px;
  padding: 0px 0 10px 0px;
}


span#odleglosc{
line-height: 15px;
letter-spacing: 3px;
}


/* -A- */
a{
  	text-decoration: none;
	font: normal 12px verdana, arial, helvetica, sans-serif;
	color: #000;
}
a:hover {
	color: #cc0000;
	text-decoration: underline;
}


a.tytul{
  	text-decoration: none;
	font: normal 15px verdana, arial, helvetica, sans-serif;
	color: #000;
}
a.tytul:hover {
	color: #cc0000;
	text-decoration: underline;
}


a.navi{
	text-decoration: none;
	font: normal 9px verdana, arial, helvetica, sans-serif;
	color: #cc0000;
}
a.navi:hover {
	color: #cc0000;
	text-decoration: underline;
}


a.stopka{
  text-decoration: none;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #000;
	line-height: 4px;
}
a.stopka:hover {
	color: #cc0000;
	text-decoration: underline;
	line-height: 4px;
}


a.stopka_m{
  text-decoration: none;
	font: bold 9px verdana, arial, helvetica, sans-serif;
	color: #000;
	line-height: 4px;
}
a.stopka_m:hover {
	color: #cc0000;
	text-decoration: underline;
	line-height: 4px;
}


a.bott1,.bott1_a {
  background: url(img/bott1.gif) no-repeat;
  height:  23px;
  width:  217px;
	text-decoration: none;
	margin:0;
	padding:0;
	position: absolute;
	left: 0px;
}
.bott1_a {
	background: url(img/bott1p.gif) no-repeat;
}
a.bott1:hover {
	background: url(img/bott1p.gif) no-repeat;
}
a.bott1_a:hover {
	background: url(img/bott1p.gif) no-repeat;
	text-decoration: none;
}


a.bott2,.bott2_a {
  background: url(img/bott2.gif) no-repeat;
  height:  22px;
  width:  217px;
	text-decoration: none;
	margin:0;
	padding:0;
	position: absolute;
	left: 0px;
	top: 23px;
}
.bott2_a {
	background: url(img/bott2p.gif) no-repeat;
}
a.bott2:hover {
	background: url(img/bott2p.gif) no-repeat;
}
a.bott2_a:hover {
	background: url(img/bott2p.gif) no-repeat;
	text-decoration: none;
}


a.bott3,.bott3_a {
  background: url(img/bott3.gif) no-repeat;
  height:  22px;
  width:  217px;
	text-decoration: none;
	margin:0;
	padding:0;
	position: absolute;
	left: 0px;
	top: 45px;
}
.bott3_a {
	background: url(img/bott3p.gif) no-repeat;
}
a.bott3:hover {
	background: url(img/bott3p.gif) no-repeat;
}
a.bott3_a:hover {
	background: url(img/bott3p.gif) no-repeat;
	text-decoration: none;
}


a.bott4,.bott4_a {
  background: url(img/bott4.gif) no-repeat;
  height:  22px;
  width:  217px;
	text-decoration: none;
	margin:0;
	padding:0;
	position: absolute;
	left: 0px;
	top: 67px;
}
.bott4_a {
	background: url(img/bott4p.gif) no-repeat;
}
a.bott4:hover {
	background: url(img/bott4p.gif) no-repeat;
}
a.bott4_a:hover {
	background: url(img/bott4p.gif) no-repeat;
	text-decoration: none;
}


a.bott5,.bott5_a {
  background: url(img/bott5.gif) no-repeat;
  height:  22px;
  width:  105px;
	text-decoration: none;
	margin:0;
	padding:0;
	position: absolute;
	left: 200px;
	top: 20px;
}
.bott5_a {
	background: url(img/bott5p.gif) no-repeat;
}
a.bott5:hover {
	background: url(img/bott5p.gif) no-repeat;
}
a.bott5_a:hover {
	background: url(img/bott5p.gif) no-repeat;
	text-decoration: none;
}


a.bott6,.bott6_a {
  background: url(img/bott6.gif) no-repeat;
  height:  22px;
  width:  105px;
	text-decoration: none;
	margin:0;
	padding:0;
	position: absolute;
	left: 305px;
	top: 20px;
}
.bott6_a {
	background: url(img/bott6p.gif) no-repeat;
}
a.bott6:hover {
	background: url(img/bott6p.gif) no-repeat;
}
a.bott6_a:hover {
	background: url(img/bott6p.gif) no-repeat;
	text-decoration: none;
}


a.bott7,.bott7_a {
  background: url(img/bott7.gif) no-repeat;
  height:  22px;
  width:  105px;
	text-decoration: none;
	margin:0;
	padding:0;
	position: absolute;
	left: 410px;
	top: 20px;
}
.bott7_a {
	background: url(img/bott7p.gif) no-repeat;
}
a.bott7:hover {
	background: url(img/bott7p.gif) no-repeat;
}
a.bott7_a:hover {
	background: url(img/bott7p.gif) no-repeat;
	text-decoration: none;
}


a.zaloguj{
  background: url(img/zaloguj.gif) no-repeat;
  height:  60px;
  width:  86px;
	text-decoration: none;
	float:left;
}
a.zaloguj:hover {
	background: url(img/zaloguj_p.gif) no-repeat;
}


a.wyloguj{
  background: url(img/wyloguj.gif) no-repeat;
  height:  60px;
  width:  86px;
	text-decoration: none;
	float:left;
}
a.wyloguj:hover {
	background: url(img/wyloguj_p.gif) no-repeat;
}


/* -H- */

h1 {
	color: #0000;
	font: bold 13px/1.3 verdana, arial, helvetica, sans-serif;
	text-align:center;
	margin: 0 0 0px 0px;
	padding: 3px 0 0 0;
}
h2 {
	color: #ab0001;
	font: bold 14px/1.3 verdana, arial, helvetica, sans-serif;
	text-align:center;
	padding: 14px 0 5px 0px;
	margin:0;
}

h3 {
	color: #bc1314;
	font: bold 11px/1.3 verdana, arial, helvetica, sans-serif;
	text-align:center;
	padding: 2px 0 2px 20px;
	margin:0;
}

h4 {
	color: #0000;
	font: normal 13px/1.3 verdana, arial, helvetica, sans-serif;
	text-align:center;
	padding: 10px 20px 20px 20px;
	
}

h5 {
	color: #838383;
	font: bold 13px/1.3 verdana, arial, helvetica, sans-serif;
	text-align:center;
	padding: 0;
	margin:0;
}

th {
	color: #838383;
	font: bold 13px/1.3 verdana, arial, helvetica, sans-serif;
	text-align:center;
	padding: 0;
	margin:0;
}

td {
	font: normal 15px/1.3 verdana, arial, helvetica, sans-serif;
	text-align:left;
	padding: 3px 0px 3px 5px;
	margin:0;
}

#wybierz{
width: 328px;
size: 1;
}


.switch {
	background-color:#CCCCCC;
	border:1px solid #AAAAAA;
	color:white;
	cursor:pointer;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:23px;
	left:160px;
	margin:3px;
	padding:5px 0 0;
	position:relative;
	text-align:center;
	width:110px;
}
	.switch:hover {
		border: 1px solid #666;
		color: #666;
	}
	.switch:active .switch.clicked {
		border: 1px solid #000;
		font-weight: bold;
		background-color: #aaa;
	}
	.switch a {
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
