/* -- GLOBALNIE -- */

* {
font: 10pt Verdana, 'MS Sans Serif', sans-serif;
color: #333;
}

p, h1, h2, h3 { margin: 0px; }

strong {font-weight: bolder;}

/* -- BODY -- */

body {
padding: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
margin-top: 0px;
width: 770px;
background-color: #D2D0E7;
background: url(backgrounds/bg.gif);
}

/* -- ELEMENTY -- */

#main, #zdjecie, #esbjorn, #stopka, #mapa, #mapamin {
width: 770px;
margin-bottom: 20px; 
background-color: white;
border: solid 3px #B7A5CD;
}

#main {
border-top: none;
padding-bottom: 20px;
min-height: 750px;
background: url(backgrounds/top.jpg) no-repeat top;
background-color: #fff;
}

#stopka {
margin-bottom: 0px;
text-align: center;
}

#logo {
height: 150px;
margin-bottom: 10px;
}

#logo h1 span, #logo p span { display: none; }

#menu {
position: absolute;
top: 168px;
left: auto;
right: auto;
width: 190px;
background-color: #DCDCEE;
}

#inside {
position: relative;
width: 559px;
left: auto;
right: auto;
margin-left: 190px;
padding: 8px 10px;
border-left: solid 1px #666;
}

#zdjecie {
text-align: center;
padding: 0px;
}

span.prev, span.next {
margin-top: 0px;
width: 150px;
padding: 8px 15px 10px 15px;
background-color: #B7A5CD;
}

span.prev a, span.next a {
font: 8pt Tahoma, sans-serif;
text-decoration: none;
}

span.next {
float: right;
text-align: right;
}

span.prev {
float: left;
text-align: left;
}

/* -- LINKI -- */

a:link {
text-decoration: none;
padding: 0px;
margin: 0px;
}

/* -- WIZYTOWKA -- */

#wizytowka {
padding: 50px 0px 30px 0px;
width: 232px;
margin-right: auto;
margin-left: auto;
}

#w01 span,#w02 span,#w03 span,#w04 span,#w05 span,#w06 span,
#w07 span,#w08 span,#w09 span,#w10 span {
display: none;
}

#w01,#w02,#w03,#w04,#w05,#w06,
#w07,#w08,#w09,#w10 {
width: 232px;
text-align: center;
margin: 0px;
}

#w01 {height: 58px; background: url(wizytowka/w01.gif);}
#w02 {height: 24px; background: url(wizytowka/w02.gif);}
#w03 {height: 26px; background: url(wizytowka/w03.gif);}
#w04 {height: 47px; background: url(wizytowka/w04.gif);}
#w05 {height: 22px; background: url(wizytowka/w05.gif);}
#w06 {height: 22px; background: url(wizytowka/w06.gif);}
#w07 {height: 22px; background: url(wizytowka/w07.gif);}
#w08 {height: 41px; background: url(wizytowka/w08.gif);}
#w09 {height: 20px; background: url(wizytowka/w09.gif);}
#w10 {height: 20px; background: url(wizytowka/w10.gif);}

/* -- MENU -- */

#menu ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menu a, #menu h1, #news h1 {
font: bold 10pt Tahoma, sans-serif;
text-decoration: none;
padding: 0px;
margin: 0px;
}

#menu h1, #news h1 {
color: #000;
padding: 17px 0px 17px 10px;
background: url(backgrounds/m01off.gif) repeat-x top;
background-color: #B5B4CD;
}

#menu a {
display: block;
padding: 10px 0px 12px 10px;
width: 180px;
background: url(backgrounds/m01on.gif) repeat-x top;
background-color: #DBDBEE;
color: #555;
}

#menu li {
border-bottom: solid 1px #B5B4CD;
}

#menu li span {
display: block;
font: 8pt Tahoma, sans-serif;
color: #999;
}

#menu a:link, #menu a:visited {
text-decoration: none;
color: #666;
}

#menu a:hover {
background: url(backgrounds/m01off.gif) repeat-x top;
background-color: #B5B4CD;
color: #000;
}

#menu a:hover span {
color: #000;
}

/* SUBSKRYPCJA */

#subskrypcja form {
margin: 0px;
padding: 0px;
}

#subskrypcja form p {
background-color: white;
text-align: center;
padding-top: 8px;
color: #666;
font-size: 7pt;
}

input.inputtext {
border: solid 1px #999;
padding: 2px;
color: #666;
font: 8pt Tahoma, sans-serif;
width: 110px;
}

input.inputsubmit {
border: solid 1px #999;
background-color: #eee;
padding: 2px;
color: #666;
font: 8pt Tahoma, sans-serif;
width: 65px;
height: 19px;
}

/* -- STOPKA -- */

#stopka h1, #stopka h2, #stopka a {
font-size: 8pt;
text-align: center;
margin: 0px;
color: #ccc;
text-decoration: none;
}

#stopka h1, #stopka a { color: #333; }

/* INSIDE */

#inside p { margin-bottom: 8px; text-align: justify; }

#inside a:link {
color: #000;
text-decoration: underline;
}

#inside a:hover, #inside a:active {
color: #A98FC7;
}

#inside a:visited {
color: #333;
}

.important {
font-weight: bold;
}

#inside img {
border: solid 1px #B7B6CF;
margin-bottom: 6px;
}

div.info {
display: block;
width: 537px;
border: solid 1px #B7B6CF;
background: #E8E8F4;
margin: 0px 0px 15px 0px;
padding: 40px 10px 10px 10px;
}

div.info span.tytul {
position: absolute;
margin: -40px 0px 0px -10px;
background-color: #B7B6CF;
padding: 6px 10px 8px 10px;
width: 337px;
font-weight: bold;
text-decoration: underline
}

ul.dzial {
list-style-type: none;
padding: 0px;
margin: 0px 10px 15px 15px;
}

ul.dzial span.usluga {
font-weight: bold;
}

ul.dzial span.opis {
display: block;
width: 490px;
text-align: justify;
margin: 0px 0px 6px 10px;
font-size: 8pt;
color: #666;
}

ul.dzial span.opis a:link, ul.dzial span.opis a:visited, ul.dzial span.opis a:hover, ul.dzial span.opis a:active {
text-decoration: underline;
font-size: 8pt;
}

/* GALERIA */

#galeria {
list-style-type: none;
margin: 0px 0px 0px 20%;
padding: 0px;
}

#galeria a:link {
text-decoration: none;
}

#galeria a {
border: solid 1px #ddd;
display: block;
padding: 10px;
width: 305px;
background-color: #eee;
text-decoration: none;
}

#galeria li {
margin: 5px 0px;
}

#galeria li span {
padding: 3px;
background-color: #ddd;
color: #000;
position: absolute;
display: block;
width: 160px;
margin-left: 149px;
margin-top: -10px;
text-align: right;
font: 7pt Verdana;
}

#galeria img {
border-style: none;
}

#galeria a:hover {
border: solid 1px #B5B4CD;
background-color: #DBDBEE;
text-decoration: none;
}

#galeria a:hover span {
background-color: #B5B4CD;
text-decoration: none;
}

/* MAPA */

#mapa {height: 800px; padding: 0px;}
#mapamin {height: 600px; padding: 0px;}

#mapa {background: url(dojazd/mapa.jpg) no-repeat;}
#mapamin {background: url(dojazd/mapamin.jpg) no-repeat;}

span.mapainfo {
position: absolute;
margin-left: 570px;
padding: 15px 0px;
text-align: center;
width: 200px;
background-color: #B7A5CD;
}

span.mapaminmax {
position: absolute;
margin-left: -3px;
padding: 15px 0px;
text-align: center;
width: 150px;
background-color: #B7A5CD;
}

span.mapap1, span.mapap2, span.mapap3, span.mapap4, span.mapazoom {
position: absolute;
width: 50px;
height: 50px;
cursor:hand;
}

span.mapap1 {
margin-left: 380px;
margin-top: 390px;
}

span.mapap2 {
margin-left: 550px;
margin-top: 465px;
}

span.mapap3 {
margin-left: 252px;
margin-top: 337px;
}

span.mapap4 {
margin-left: 508px;
margin-top: 420px;
}


span.mapazoom {
margin-left: 50px;
margin-top: 100px;
width: 200px;
height: 250px;
}

#mapap1d, #mapap2d, #mapap3d, #mapap4d {
visibility: hidden;
position: absolute;
border: solid 1px #000;
background-color: #fff;
width: 175px;
height: 85px;
}

#mapap1d { margin-left: 330px; margin-top: 375px;}
#mapap2d { margin-left: 510px; margin-top: 455px;}
#mapap3d { margin-left: 200px; margin-top: 320px;}
#mapap4d { margin-left: 440px; margin-top: 400px;}

span.autobusy {
position: absolute;
margin-left: 175px;
margin-top: -3px;
}

a.autobuse, a.autobusn {
width: 40px;
font: bold 10pt Tahoma, sans-serif;
text-align: center;
text-decoration: underline;
margin: 2px;
padding: 7px 0px;
display: block;
}

a.autobuse {
border: solid 5px #c00;
background-color: #fff;
color: #c00;
}

a.autobuse:hover { background-color: #fcc;}

a.autobusn {
border: solid 5px #000;
background-color: #fff;
color: black;
}

a.autobusn:hover { background-color: #ccc;}

span.pdane { display: block; padding: 10px;}

span.ppnazwa {
display: block;
font: 7pt Tahoma, sans-serif;
color: #666;
}

span.pnazwa {
display: block;
padding: 12px 0px;
font: bold 10pt Tahoma, sans-serif;
}

img.animax {
margin-left: 340px;
margin-top: 140px;
}

img.animin {
margin-left: 125px;
margin-top: 180px;
}