/* 
   Petr Stanicek (-pixy-) jest autorem zastosowanej tutaj metody 
   wyrownywania wysokosci kolumn. Przyklad na stronie 
   http://www.pixy.cz/blogg/clanky/css-3col-layout/ 
   Wykorzystalem rowniez jeden w wariantow sztuczki z modelem ramkowym ze strony
   http://www.inknoise.com/experimental/layoutomatic.php  
*/

body { 
text-align: center;
margin: 0;
padding: 0;
background: #F7F1F0 url("../res/kreski-tlo.gif"); 
font: normal 12px verdana, sans-serif;
color: black;
}

div
{
margin:0px 0;
padding: 5px 0;
}

strong
{
font-weight:bold;
color:#777;
}

img
{
border:0;
margin:0;
padding:0;
}

fieldset
{
border: 0;
padding:0;
}

label
{
    font-size:12px; 
}

input, textarea
{
    font-size:12px; 
    border: 1px solid gray;
    margin: 2px 0;
    padding-left:2px;
    padding-right:2px;
}

select
{
font-size:12px;
}

.radio
{
    border: 0;
}

p
{
line-height:18px;
}

h1
{
color:#BE9D94;
font: bold 18px verdana, sans-serif;
margin: 20px 0;
}

h2
{
color:#57513D;
font: bold 12px verdana, sans-serif;
margin: 20px 0 10px 0;
font-variant: small-caps;
}

h2.sub
{
color:#777;
border-left: 15px solid #E4D1D9;
padding:0 0 0 10px;
font: normal 12px verdana, sans-serif;
}

hr.sep
{
display:block;
visibility: hidden;
clear:both;
}

.button
{
    background: #8B72A3;
    color: #FFF;
	 height: 18px;
}

.alert
{
	color:red;
}

.male-info
{
	font-size:10px;
	color: gray;
}

ul, ul.outer
{
list-style-type: square;
}

li, li.outer
{
color: #F0E4E2;
padding:2px 0;
}

li:hover, li.outer:hover
{
color: #DBC7BB;
}

ul.outer a:hover
{
color: #47557D;
background: none;
text-decoration:underline;
}


ul.menu, ul.menu_graf
{
padding: 0;
margin:0;
list-style-type: none;
color: black;
}

ul.menu li, ul.menu_graf li
{
margin:0;
padding:0;
display: inline;
float: left;
color: black;
}

ul.menu a, ul.menu_graf a 
{
margin:0;
padding: 0 3px;
color: #47557D;
text-decoration: none;
float: left;
}

ul.menu a:hover
{
margin:0;
padding: 0 3px;
text-decoration: none;
color: #FFFFFF;
background: #47557D; 
}

ul.menu_graf a:hover
{
margin:0;
padding: 0 3px;
text-decoration: none;
color: #47557D;
background: none; 
}

ul.menu a:active, ul.menu_graf a:active
{
color: #47557D;
background: none; 
}

a.outer, a.outer:link, a.outer:visited  {
margin:0;
padding: 0 2px 0 2px;
color: #47557D;
text-decoration:none;
}

a.outer:hover , a.outer:active {
margin:0;
padding: 0 2px 0 2px;
color: #47557D;
background: none;
text-decoration:underline;
}

a, a:link, a:visited, a:active{
color: #47557D;
background: transparent;
text-decoration:none;
}

a:hover{
color: #FFFFFF; 
text-decoration:none;
background: #47557D; 
}

#menu_top
{
margin:0;
padding:0;
}

#container {
text-align: left;
vertical-align: middle;
width: 760px;
border:0;
margin:10px 180px 10px auto;
padding:0;
position: relative;
background: white;
left:5px;
}

#slogan
{
margin:0;
padding:0;
position: absolute;
top: 0px;
left:350px;
font: italic 12px verdana, sans-serif;
color: #D7BFBC;
letter-spacing: 2px;
z-index:100;
}

#logo
{
position: absolute;
top: 5px;
left: 10px;
z-index:95;
}

#wierzby
{
position: absolute;
top: 10px;
left: 62px;
z-index:90;
}

#wierzba
{
position: absolute;
top: 10px;
left: 492px;
z-index:90;
}

#formularz_szukaj
{
position:absolute;
top: 15px;
left: 570px;
}

#formularz_szukaj img
{
margin:0 0 10px 0;
}

#header {
padding: 0;
margin: 0;
border-left: 1px solid  #F0E4E2;
border-right: 1px solid  #F0E4E2;
z-index:200;
background-color: #F0E4E2;
}

#header-menu {
padding:3px;
}

#header-panel {
margin:0;
padding:0;
background: #FFFFFF url("../res/right-2.gif") top right repeat-y;
position: relative;
top:0;
left:0;
height: 75px;
}

#content {
margin:0 0 0 0; 
padding:0;
background: white url("../res/right-2.gif") top right repeat-y;  /*szer.260px*/
border-left: 1px solid  #F0E4E2;
border-right: 1px solid  #F0E4E2;
}

#content-right {
float:right;
width:178px;
\width:198px;
w\idth:178px;
margin:0; 
padding:10px;
}

#allegro{
text-align:center;
padding:2px;
margin: 20px auto; 
border:1px solid #ccc;
width: 114px;
\width:120px;
w\idth: 114px; 
}

#content-left {
background:white;
float:left;
width:540px;  
\width:560px;
w\idth: 540px; 
margin:0; 
padding:10px;
}


.tytul_bloku{
margin:0px 0 0px 0;
padding: 10px 0 0px 0px;
color:#57513D;
font: bold 12px verdana, sans-serif;
font-variant: small-caps;
}

.navouter ul, .navinner ul
{
margin:0 10px 20px 0px;
padding:0;
}

.navouter li, .navinner li
{
margin: 5px 0;
padding: 0 0 0 0;
list-style-type: none;
}

.navouter li.sub, .navinner li.sub
{
margin: 5px 0 5px 20px;
padding: 0 0 0 0;
list-style-type: none;
}

.navouter a, .navouter a:link, .navouter a:visited,  .navinner a, .navinner a:link, .navinner a:visited {
margin:0;
padding: 0 0;
color: #47557D;
background: none;
text-decoration:none;
}

.navouter a:hover  {
margin:0;
padding: 0 0 0 0;
color: #47557D;
background: none;
text-decoration:underline;
}

.navinner a:hover  {
margin:0;
padding: 0 0 0 0;
color: #FFF;
background: #47557D;;
}


#linkowisko
{
float:left;
width:200px;
}

#linkowisko_tekst
{
margin: -40px 0 0 0;
float:right;
width:250px;
}

#linkowisko_tekst p
{
line-height:18px;
}

#footer {
margin:0 0 0 0px; 
padding:5px;
background: #F0E4E2; 
border: 1px solid #F0E4E2;
text-align: center;
}

.cleaner {
clear:both;
height:0px;
font-size:1px;
border:none;
margin:0; 
padding:0;
background:transparent; 
}

#podpis
{
text-align: center;
margin:10px 180px 10px auto;
padding:0 0 5px 0;
font: normal 10px verdana, sans-serif;
color: #777;
width:760px;
}

#menu-bottom1
{
padding:5px 0 0 0;
margin:0 auto 0px auto;
width: 460px;
}

#menu-bottom2
{
padding:5px 0 0 0;
margin:0 auto 0px auto;
width: 380px;
}

#w3c
{
margin:10px auto 0px 0;
padding:0;
}


#formularz_miejsc
{
margin: 10px 0 0 0;
}

#imgw-linki
{
float:left;
}

#imgw-regiony
{
float:right;
}

img.odl-obraz
{
float:left;
width:100px;
margin: 10px 0 0 0;
}

div.odl-opis
{
float:right;
width:400px;
}

.ikona
{
border:0 solid black;
margin:0 5px;
}

#top_ads
{
width: 750px;
height: auto;
visibility: visible;

border:0;
margin:0px 190px 10px auto;
padding:0;
background: white;
left:10px;
position: relative;

z-index:500;
}


#right_ads
{
visibility: visible;
position: absolute;
top: 0px;
right: -170px;
width: 160px;
margin:0 0px 0 0px;
padding:0;
border:1px white;
background: none;
color: white;
}

#upper_ads
{
visibility: visible;	/* visible */
text-align:center;
height:auto;		/* auto */
margin:0;
padding:0;
position: relative; /* relative */
}

#rectangle_ads
{
display:inline;
visibility: visible;
margin:20px 0 0 0;
padding:0;
}

.button_ads
{
text-align:center;
visibility: visible;
margin:10px 0 20px 0;
padding:0;
}


table.formularz
{
margin:5px 0;
padding:0;
}

table.formularz th
{
font: bold 12px verdana, sans-serif;
color:#777;
}

table.lista
{
margin:5px 0;
padding:0px;
}

table.lista th
{
font: bold 12px verdana, sans-serif;
color:#777;
padding: 5px;
background: #F0E4E2;
}

table.lista tr
{
background: #F7F1F0;
}

table.lista td
{
font: normal 12px verdana, sans-serif;
padding: 2px 5px;
}


.tab_panel
{
position: relative;
margin:0px 0 0 0;
border-bottom: 1px solid #F0E4E2;
height: 200px;
}

.tab_sheet
{
position:absolute;
top:0px;
visibility: hidden;
}


.tabs
{
margin: 15px 0 0 0;
padding: 0 0 0 10px;
background: white url("../res/zakladki-tlo.gif") repeat-x;
}

.tabs li, .tabs ul
{
margin:0;
padding:0;
display: inline;
color: black;
list-style-type: none;
}

a.tab:link, a.tab:visited
{
border: 1px solid #F0E4E2;
background: #F7F1F0;
color: #A483B1;
margin:0 10px 0 0;
padding: 2px 10px;
text-decoration: none;
float:left;
}

a.tab:hover
{
color: #47557D;
}

a.active_tab:link, a.active_tab:visited
{
border: 1px solid #F0E4E2;
border-bottom: 1px solid white;
background: white;
color: #47557D;
margin:0 10px 0 0;
padding: 2px 10px;
text-decoration: none;
float:left;
}

.opis_kontekstowy
{
font-style:italic;
}


/* POCZATEK: style okna szukaj */

#container2 {
text-align: left;
vertical-align: middle;
width:738px;
\width:760px;
w\idth:738px;
border: 1px solid #F0E4E2;
margin:10px auto;
padding:10px;
background: white;
position:relative;
}


#header2 {
padding: 0;
margin: 0;
height:35px;
}

#content2 {
margin:0; 
padding:0;
}

#footer2 {
margin:0; 
padding:0;
}

#tabela_wynikow th{
font-variant: small-caps;
font-size: 11px;
text-align:left;
}

#tabela_wynikow
{
font-size: 12px;
}

#wynik_szukania
{
float:left;
width: 520px;
}

#mapka_szukania
{
float:right;
width: 210px;
position:relative;
}

tr.aktywny_wiersz, tr.aktywny_wiersz span
{
background: #47557D; 
color: white;
}

#info2_informacje
{
padding:5px 0;
margin:0;
line-height:12px;
}

#info2_informacje_mapa
{
width:200px;
line-height:12px;
}

#info2_wynik
{
padding:0;
margin:0;
}

#formularz2
{
margin:0;
padding:0;
}
/* KONIEC: style okna szukaj */



/* POCZĄTEK: style okna odległości */

#kalkulator
{
font: normal 12px verdana, sans-serif;
width:300px;
float:left;
}

#kilometry
{
width:300px;
}

#kilometry_punktow
{
width:400px;
}


#kilometry th, #kilometry_punktow th
{
font: bold 10px verdana, sans-serif;
color:#777;
}

#kol_miejsc
{
}

#kol_poprz
{
width: 50px;
}

#kol_pierwsz
{
width: 50px;
}

#kol_plus, #kol_minus
{
width: 30px;
}

th.col_right, td.col_right
{
text-align: right;
padding:0 5px 0 5px;
}

#kilometry td.wpg
{
font: normal 10px verdana, sans-serif;
color: #D7BFBC; 
border-bottom: 1px solid #F0E4E2;
}

#mapka_polski
{
float:right;
width: 140px;
position:relative;
}

#uwaga_trasy
{
font: normal 10px verdana, sans-serif;
color: #D7BFBC; 
width:300px;
}

#uwaga_trasy_punktow
{
font: normal 10px verdana, sans-serif;
color: #D7BFBC; 
width:400px;
}

#panel_kontekst
{
float:left;
width: 230px;
margin:0;
padding:0;
}

.menu_graf div
{
text-align:center;
width:50px;
}

.menu_graf span
{
display:block;
}

.menu_graf span.gray
{
color:#ccc;
}

/* KONIEC: style okna odległości */

/* POCZĄTEK: centrum informacyjne */

#blok_dane_adm
{
width:300px;
float:left;
}

#blok_skroty
{
float:right;
width: 200px;
}

#blok_odleglosci
{
margin: 20px 0 0 0;
width:300px;
float:left;
}

#mapka_polski_duza
{
margin: 20px 0 0 0;
float:right;
width: 200px;
position:relative;
}


/* KONIEC: centrum informacyjne */


/* POCZĄTEK: index*/

div.blok_kolumn
{
margin:0px 0 20px 10px;padding:0;
}

.blok_kolumn p
{
padding: 2px 0;
margin:0px;
}

ul.kolumny
{
list-style-type: none;
margin:0;
padding:0;
}

ul.kolumny li
{
margin:0;
padding:0;
float:left;
display:inline;
}

#li_m_a, #li_m_b, #li_gmn, #li_pwt, #li_w16
{ 
width:220px; 
margin:10px 10px 0px 10px;
padding:10px;
}

div.kol_miejsc 
{ 
/*	width:200px;margin:10px 20px 0px 20px;padding:10px;*/
	margin:0;
	padding:10px;
	background: #fafafa;
	border: 1px solid #f0f0f0;
	
}

.kol_miejsc h2, .kol_miejsc form
{
	margin: 0;
}

div.kol_warto { width:170px;margin:0;padding:0 }
div.kol_wyszuk { width:130px;margin:0;padding:0 }

div#linki_spons
{
padding:0;
border:1px solid #F7F1F0;
}

div.link_spons
{
padding:0;
margin:10px;
}

p#linki_spons_tyt
{
margin:10px 0 0 10px;
padding:0 10px 0 10px;
font-size:10px;
line-height:12px;
background: #F7F1F0;
color: gray;
width: 130px;
text-align: center;
}

p#linki_spons_dod
{
font-size:10px;
text-align:right;
margin:5px;
padding:0;
}

div#linki_spons2
{
padding:5px;
margin:0;
border:1px solid #F7F1F0;
}

p#linki_spons2_tyt
{
margin:10px 0 0 0px;
padding:0 1px 0 1px;
font-size:10px;
line-height:12px;
background: #F7F1F0;
color: gray;
width: 130px;
text-align: center;
}

p#linki_spons2_dod
{
font-size:10px;
text-align:right;
margin:5px;
padding:0;
}


div#zapytania
{
background: #F2F7F9;
}

div#mapa-serwisu
{
text-align: center;
width: 700px;
font-size:10px;
line-height:12px;
margin:10px 210px 10px auto;
border-top: 1px solid #c0c0c0;
color:gray;
}

div#mapa-serwisu p
{
display:block;
padding:0;
margin:0;
line-height:12px;
}

/* KONIEC: nowy index*/