/* -------------------------------------------------------------------------
     Arkusz stylów CSS dla serwisu SAR - layout
		 (c) 2007, developed by Leszek Szamocki
     v08.02b
   ------------------------------------------------------------------------- */
*
{	background: transparent; border: 0px none; color: #012;	font-family: Tahoma, sans-serif; 
	font-size: 12px; margin: 0px; padding: 0px; }

a, *.link
{ color: #446; text-decoration: none; }

a:hover, *.link:hover
{	color: #00a; cursor: pointer; text-decoration: underline; }

body
{	background: transparent url('../img/bkg.png') repeat; }

body, html 
{	margin: 0px; padding: 0px; height: 101%; }

li
{	color: #246; text-align: left; }

li sup, li sub
{	color: #246; font-size: 10px; }

ol
{	list-style-type: decimal; }

ol li
{	margin-left:40px; padding: 0px 10px 5px 0px; }

ol, ul
{	display: block; padding-top: 10px; }

p
{	padding: 10px 10px 0px 10px; text-align: justify; }

table
{	border-collapse: collapse; border-spacing: 0px; }

ul
{	list-style-type: none; }

ul li
{	background: url('../img/dot.png') no-repeat 17px 4px; padding: 0px 20px 5px 35px; }

.title
{ border-bottom: 1px solid #8bc; color: #024; font-variant: small-caps; 
	font-weight: normal; margin-bottom: 5px; padding: 5px; text-align: left; }

div.col_0
{	border-right: 1px solid #e8e8e8; clear: both; padding-right: 10px; }

div.col_1
{	border-left: 1px solid #e8e8e8; margin-left: -1px; padding-left: 10px; }

div.photo_desc
{	color: #068; font-variant: small-caps; line-height: 14px; padding: 0px 10px 5px 10px; 
	width: 205px; }

div.photo_zoom
{	left: 10px; padding: 5px 10px; width: 60px; }

div.photos
{	float: left; padding: 0px 10px; position: relative; }

div.two_columns
{	color: #248; float: left; width: 368px; }

img.photos, span.photos
{	border: 1px solid; border-color: #aaa #ccc #ccc #aaa; left: 17px; position: absolute; 
	top: 31px; }

td.dist
{ line-height: 10px; height: 10px; }

td.main
{ font-size: 11px; font-weight: bold; text-transform: uppercase; height: 40px; }

td.main_dist
{ line-height: 20px; height: 20px; }

td.normal
{ color: #345; background: #ccc url('../img/tmn.gif') no-repeat 50%; }

td.select
{ color: #fff; background: #ccc url('../img/tms.gif') no-repeat 50%; }

td.submenu:hover
{ cursor: pointer; color: #fff; background: #ccc url('../img/tss.gif') no-repeat 50%; }

td.submenu
{	font-weight: normal; text-align: left; text-transform: none; 
  background: #ccc url('../img/tsn.gif') no-repeat 50%; color: #345; height: 25px; }

#bip
{	float: right; }

#body
{	background: #fff; border: 1px solid #8bc; clear: both; padding: 5px 10px; }

#date
{	color: #ccc; float: left; font-size: 11px; margin-left: 160px; margin-top: 25px; }

#footer 
{	background: #08a url('../img/footer.jpg'); height: 25px; left: 0px; 
	padding-top: 13px; text-align: center; width: 100%; }
	
#footer, #footer *, #lang_pl, #lang_uk, #lay_switch a
{ color: #ccc; font-size: 11px; }

#footer a:hover, #lang_pl:hover, #lang_uk:hover,  #lay_switch a:hover
{ color: #fff }

#get_files
{ background: #eee; border: 1px solid #8bc; clear: both; height: 19px;
	overflow: hidden; padding-top: 5px; text-align: left; }

#gf_text
{	background:  #eee; border: 1px solid #8bc; float: left; margin-top: 10px; 
	padding: 5px 20px; position: relative; top: 1px; }

#lang_menu
{ float: right; margin-right: 15px; }

#lang_pl, #lang_uk, #lay_switch a
{	display: block; float: left; font-size: 10px; line-height: 15px; text-align: center; 
	width: 45px; }

#lang_pl:hover, #lang_uk:hover,  #lay_switch a:hover
{ text-decoration: none; }

#layout
{	margin: 0px auto 0px auto; position: relative; width: 780px; }

#lay_switch
{ float: right; margin-right: 15px; }

#logo
{	position: absolute; z-index: 20; }

#margins
{ width: 759px; }

#menu
{ position: relative; z-index: 10; }

#page
{	background: #fff; border: 1px solid #8bc; clear: both; float: left; padding: 5px 10px;
	position: relative;	text-align: center; }

#title
{ border-bottom: 1px solid #8bc; color: #420; margin-bottom: 5px; padding: 7px; 
	text-align: center; text-transform: uppercase; }

#top_header
{	background: #08a url('../img/header.jpg') repeat-x; height: 150px; left: 0px; 
	position: absolute; top: 0px; width: 100%; }

#top_title
{ position: absolute; right: 0px; top: -55px; }