body {background:white url(../image/tlogora.png) repeat-x;color:black;margin:0;padding:0;font-size:8pt;text-align:center;font-family:tahoma, verdana, helvetica, sans-serif;}
form, fieldset {margin:0;padding:0;border-width:0;}
input, select, textarea {font-size:8pt;}
p, ul {margin-top:1em;margin-bottom:1em}
.c {clear:both; height:1px;}
a {font-weight: bold}

/* Definicja tla strony. Czesc tla musi byc rozciagana na cała szerokosc strony, czesc musi przesuwać się zawsze na dół strony, stad tylko oddzielnych plików. Niestety CSS2.1 nie dopuszcza definiowania paru plikow graficznych tla do jednego znacznika (a i zadna przegladarka procz Opery tego nie obsługuje), dlatego do kazdego tła potrzebny jest oddzielny znacznik. */

#tloDol {background:transparent url(../image/tlodol.png) repeat-x left bottom; z-index: 1}
#tloCien {background:transparent url(../image/tlocien.png) repeat-y center top; z-index: 1}
#tloSrodekGora {background:transparent url(../image/tlosgora.png) no-repeat 50% 25px; z-index: 1}
#tloSrodekDol {background:transparent url(../image/tlosdol.png) no-repeat 50% 100%; z-index: 1}

#all {width:760px;margin:0 auto;text-align:left;background-color:white; z-index: 3}

/* Gorny pasek nad logiem */
#tools {height:32px;background:transparent url(../image/tools.png) no-repeat left bottom;}

/* Sciezka adresowa do aktualnie przegladanej podstrony  */
#nawigator {list-style-type:none;margin:0;line-height:32px;font-size:7.5pt; z-index: 5}
#nawigator.index {padding:0 0 0 208px;float:left;}
#naiwgator.photo {margin: 0px auto;}
#nawigator li {display:inline;padding-left:10px;margin-right:5px; background:transparent url(../image/arrow.png) no-repeat 0 65%;}
#nawigator li.home {background-image:none;}
#nawigator a {font-weight:normal;}

/* Ikony do dodawania do ulubionych i inne */
#icons {list-style-type:none;margin:0;padding:0 5px;float:right; z-index: 5}
#icons li {display:inline;padding:0 5px;}
#icons input {vertical-align:bottom;}

/* Naglowek strony */
#naglowek {background:transparent url(../image/naglowekdol.png) no-repeat left bottom;padding:2px 0 12px 0; z-index: 4}
#naglowek h1 {margin:0;height:140px;}

/* Czesc glowna strony oraz definicja szerokosci lewej i prawej kolumny */
#tresc {background:transparent url(../image/kolumny.png) repeat-y 39px 0;width:100%;overflow:auto; z-index:5}
#lewaKolumna {width:215px;float:left; z-index:4}
#prawaKolumna {width:530px;float:right;padding-top:10px; z-index:4}


/**** Prawa kolumna ****/

/* Bledy, komunikaty */
.myerror {color:red;font-weight:bold;}
.myok {color:#ADA96E;font-weight:bold;}
.mytinyinfo, .myinfo {color:gray;font-style:italic;}
.mytinyinfo, .mytinyinfo  a {color:gray;font-size:8pt;}
.definition {font-weight: bold;}
.comment {font-style:italic;color: gray;}


/* Kolory */
.yellow {color:#cccc33;font-weight:bold;}
.black {color:black;font-weight:bold;}
.blue {color:#336699;font-weight:bold;}
.red {color:#990033;font-weight:bold;}
.green {color:#99cc00;font-weight:bold;}
.highlight {color:white; background-color:black}

/* Domyslny wyglad tytułu działu w prawej kolumnie */
#prawaKolumna h2 {margin:0 0 1em 0;font-size:10pt;padding:10px 0 0 10px;}
#prawoKolumna h3 {font-size:9pt;}

/* Wyglad ramki i znacznikow podrzednych */
.ramka {background:transparent url(../image/news.png) no-repeat;width:486px;padding:5px 8px 7px 8px;position:relative;}
#prawaKolumna .ramka h2 {font-size:10pt;margin:0;line-height:24px;padding:0 4px 7px 4px;background:transparent url(../image/linia.png) no-repeat center bottom;}
.ramka h2 em {color:#ff4901;font-style:normal;}
.ramka p {text-align:justify;text-indent:20px;}
.padding {margin-bottom:10px;}

/* Linia oddzielajaca */
.hr {background:transparent url(../image/linia.png) no-repeat center top;height:7px;width:486px;overflow:hidden;margin-left:5px;}
.hr hr {display:none;}

/* Dodatkowa informacja do artykuly i recenzji (z ocenami, plusami i minusami) */
.info {overflow:auto;width:100%;background:transparent url(../image/linia.png) no-repeat center bottom;padding-bottom:8px;}
.ocena {float:right;width:195px;padding:2px 10px 2px 0;margin:0;}
.ocena dt {float:left;text-align:right;width:80px;margin-right:5px;height:20px;line-height:20px;}
.ocena dd {height:22px; margin-left: 20px;}
.ocena dd img {margin-right:1px;}
.info p {margin:0;padding:3px 0 3px 10px;text-indent:0;}
.info p.opisRecenzji {width:150px;}
.info p img {margin-left:5px;}
.info .infoDl {margin:0.4em 0 0 10px;}
.info .infoDl dt {float:left;margin-right:3px;}
.info .infoDl dd {margin:0;padding:0;}
.minusy {list-style-type:none;margin:5px 0 0 0;padding:16px 0 10px 0;float:right;width:150px;background:transparent url(../image/minusy.png) no-repeat;font-size:7.5pt;}
.minusy li {padding:0 6px;}
.plusy {list-style-type:none;margin:5px 0 0 12px;padding:16px 0 10px 0;float:right;width:150px;background:transparent url(../image/plusy.png) no-repeat;font-size:7.5pt;}
.plusy li {padding:0 6px;}

/* Style okreslajace wyglad tekstu artykułu, rezcenzji i schroniska */
.artykulTlo {min-height:510px;background:transparent url(../image/artykul.jpg) no-repeat;}
* html .artykulTlo {height:510px;}
.artykul p {text-indent:0;}
.indent p {text-indent:20px;}
.toRight {margin:0 0 2px 10px;float:right;}
.toLeft {margin:0 10px 2px 0;float:left;}
.artykul p.autor {text-align:right;clear:both;font-weight:bold;padding-top:1em;padding-right:5px;}
.artykul p.ocen {font-weight:bold;font-size:7.5pt;margin:2.3em 0 1em 0}
.artykul p.ocen a {color:#ff4200}
.artykul h3.inne {font-size:8.5pt;margin:2.3em 0 1em 0;}

/* Dodatkowa klasa dla wylistowania schronisk */
.schroniska h3 {background:transparent url(../image/h3.png) no-repeat;text-align:center;font-size:8.5pt;margin:0.5em 0 0 0;height:27px;line-height:27px;}
ul.schroniska {list-style-type:none;margin:0;padding:0;}
ul.schroniska li {background:transparent url(../image/linia1.png) no-repeat center bottom;padding:1px 12px 10px 12px;line-height:1.3em}
ul.schroniska li.dark {background-color:#f3f3f3;}
ul.schroniska h4 {font-size:8pt;margin:0;padding:0.5em 0 0.8em 0;}
ul.schroniska li div.desc {width:250px;float:left}
ul.schroniska li div.desc dl dt {float:left;font-weight:bold;margin-right:3px;}
ul.schroniska li div.desc dl dd {margin:0;padding:0;}
ul.schroniska li div.photo {float:left;width:180px;margin-right:20px;text-align:center;}
ul.schroniska li div.photo img.image {margin:0px auto;} 

/* Tabelki */
table.article th {background:transparent url(../image/h3.png) no-repeat;text-align:center;font-size:8.5pt;margin:0.5em 0 0 0;height:27px;line-height:27px;}
table.article td.dark {background-color:#f3f3f3;}

/* Style okreslajace wygląd listy newsow, wpisów w księdze gosci, recenzji i wyników wyszukiwania */
.lista {list-style-type:none;margin:0;padding:0;}
.ikona {position:absolute;right:16px;top:3px;}
.lista .ikona {position:absolute;right:17px;top:6px;}
.lista .ikony {margin:15px 0px; display:inline;}
.recenzje {padding-top:10px;}
.lista li {background:transparent url(../image/news.png) no-repeat;width:486px;padding:5px 8px 12px 8px;position:relative;}
.lista li.www {background-image:url(../image/news1.png);}
.lista li.gory {background-image:url(../image/news2.png);}
.lista li h3 {font-weight:bold;font-size:8.5pt;margin:0;line-height:18px;padding:0 4px 2px 4px;background:transparent url(../image/gradient.png) no-repeat 0 100%;}
.lista li p {text-align:justify;margin:0.3em 0 0.8em 0}
.lista li p.dane {color:#8e8e8e;font-size:7pt;}
.lista li p.ocenaArtykulu {font-size:8pt;margin:0.4em 0}
.lista li p.dane cite {font-style:normal;}
.lista li p.dane a {color:#8e8e8e;}
.lista li p.wiecej {text-align:right;color:#ff6c38;padding-right:15px;font-weight:bold;margin:0.4em 0;}
.lista li p.wiecej a {color:#ff6c38;}

/* Podstrona 'O autorach' */
.autorzy {list-style-type:none;margin:0;padding:20px 0 0 0;width:487px;}
.autorzy li {height:256px;background:transparent url(../image/autorzy.png) no-repeat;padding:10px 0;position:relative;}
.autorzy li h3 {margin:0;position:absolute;}
.autorzy li.piotr h3 {left:-15px;top:-16px;}
.autorzy li.marcin h3 {left:-11px;top:-18px;}
.autorzy li p {width:240px;padding:65px 0 0 225px;margin:0;text-indent:0;}

/* Dodatkowe strony do księgi gosci i nawigacji pomiędzy podstronami (wstecz i dalej) */
.infoKsiegi {text-indent:0;margin:0.5em 10px;line-height:1.5em;}
.infoKsiegi a {float:right;color:#ff4200;font-weight:bold;}

/* nieuzywane (dawniej w ksiedze, dostronicowania)
.podstrony {overflow:auto;padding:0;margin:0 0 0 10px;list-style-type:none;width:490px;}
.podstrony .left {float:left;}
.podstrony .right {float:right;}
*/

/* Podstrona 'linki' */
.linki {background:transparent url(../image/linki.jpg) no-repeat 215px 20px;padding:4px 4px 0 4px;}
.linki h3 {font-size:9pt;}
.linki h4 {font-size:8.5pt;}
.linki ul {list-style-type:none;margin:0;padding:0;}
/*.linki li {background:transparent url(../image/punkt.png) no-repeat 0 6px;padding-left:30px;padding-bottom:6px;}*/
.linki li a {font-weight:bold;color:#ff4200;}
.linki .katalog {width:100%;overflow:auto;padding-bottom:10px;}
.linki .katalog li {float:left;width:200px;}
.linki p {text-align: justify;}
p.banner {text-align:center;margin:1em 0;padding:0;text-indent:0;}

/* Podstrona 'Mapy' */
.mapy {background:transparent url(../image/mapy.jpg) no-repeat;padding:4px 4px 0 4px;min-height:338px;}
* html .mapy {height:338px;}
.mapy p {font-weight:bold;text-indent:0;}
.mapy ul {list-style-type:none;margin:0;padding:15px 0 0 0;width:100%;overflow:auto;}
.mapy li {float:left;width:115px;text-align:center;}
.mapy li a {display:block;color:#ff4200;font-weight:bold;}

/* Podstrona 'wyszukiwanie' */
.wyszukiwanie {padding:5px 6px 0 6px;list-style-type:none;margin:0;}
.wyszukiwanie p {text-indent:0;}
.wyszukiwanie p.ilosc {color:#6c6c6c;margin:0;}
.wyszukiwanie h3 {margin-bottom:0.2em;font-weight:bold;font-size:8.5pt;}
.wyszukiwanie ol {list-style-type:none;margin:0;padding:22px 0 5px 0;}
.wyszukiwanie li {margin:0;padding:0;}
.wyszukiwanie ol li {font-weight:bold;}
.wyszukiwanie ol li a {color:#ff4901;}
.wyszukiwanie .trafnosc {width:105px;height:14px;padding:8px 8px 0 7px;background:transparent url(../image/trafnosc.png) no-repeat;display:block;margin:5px 0;}
.wyszukiwanie .trafnosc span {display:block;background-color:#22ad07;height:6px;overflow:hidden;}


/*** Lewa kolumna ***/

/* Ogolny wyglad jednego boxa z lewej kolumny */
.box {margin-left:23px;width:192px;background:transparent url(../image/boxtlo.png) repeat-y;margin-bottom:8px;}
.box .tloGora {padding:18px 7px 0 7px;background:transparent url(../image/boxgora.png) no-repeat;}
.box .tloDol {padding-bottom:18px;background:transparent url(../image/boxdol.png) no-repeat left bottom;}
.box h2 {background:#494949 url(../image/h2left.png) no-repeat;height:42px;line-height:42px;color:white;font-family:'Trebuchet MS', tahoma, sans-serif;font-size:10pt;font-weight:bold;margin:0;text-align:center;}
.box a.new {color: red;}
.box h2.new {color: yellow;}

/* Wyszukiwarka */
#search input {border:1px solid #c2c2c2;padding:3px 4px;margin:3px 0 8px 12px;width:140px;}

/* Menu strony */
.menu {list-style-type:none;margin:0;padding:4px 0 16px 0px; padding-left: 9px; padding-right: 12px;}
.menu li {padding-top:1px;font-weight:bold; text-align: center; }
.menu li a {display:block; /*padding:4px 3px 3px 26px;*/ padding:4px 0px 3px 0px; width:170px;background-color:#f0f0f0;}
.menu li a:hover {background-color:#dad9d9;text-decoration:none;}

/* Lista uzywana zarowno w lewej kolumnie w dwoch ostatnich boxach, jak i w recenzji i artykule (lista 'inne artykuły z tej kategorii') */
.wypunktowanie {list-style-type:none;margin:0;padding:0 14px 10px 16px}
.wypunktowanie li {background:transparent url(../image/point.png) no-repeat 0 4px;padding-bottom:1px;padding-left:10px;}
.wypunktowanie li a {color:#ff4200;font-weight:bold;font-size:7.5pt;}
.wypunktowanie li a:hover {color:#c6c6c6;text-decoration:none;}

/* Stropka strony */
#stopka {background:transparent url(../image/stopka.png) no-repeat;height:45px;padding-left:201px;text-align:center;}
#stopka p {margin:0;padding:7px 0 0 0;line-height:28px;font-weight:bold;font-size:7.5pt;}

/* POPUpy */

#popup {background-image:none;}
#popup h1 {text-align:center;font-family:'Trebuchet MS', tahoma, sans-serif;margin:0;padding:60px 0 45px 0;font-size:16pt;font-weight:normal;}

.ocen form {background:transparent url(../image/ocen.jpg) no-repeat;width:300px;height:349px;margin:0 auto;text-align:left;position:relative;}
.ocen form fieldset {padding:0 66px;}
.ocen select {margin-left:5px;border:1px solid #e8e9ea;width:50px;height:20px;vertical-align:middle;}
.ocen .buttons {position:absolute;bottom:56px;right:66px;}
.ocen .buttons input {background-color:transparent;border-width:0;color:#fc6530;font-weight:bold;}

#popup.zglosBlad h1 {padding-top:80px;}
.zglosBlad form {background:transparent url(../image/zglosblad.jpg) no-repeat;width:600px;height:500px;margin:0 auto;text-align:left;position:relative;}
.zglosBlad form fieldset {padding:0 66px;}
.zglosBlad label {width:100%;clear:both;display:block;}
.zglosBlad label span {float:left;width:105px;margin-right:20px;padding-top:3px;text-align:right;}
.zglosBlad label input {width:200px;}
.zglosBlad label textarea {width:255px;height:80px}
.zglosBlad label .input {margin-bottom:20px;padding:3px;border:1px solid #abadb3;border-left-color:#e2e3ea;border-right-color:#dbdfe6;border-bottom-color:#e3e9ef;}

.zglosBlad .buttons {position:absolute;bottom:70px;right:70px;}
.zglosBlad .buttons input {background-color:transparent;border-width:0;color:#fc6530;font-weight:bold;}

img {vertical-align:bottom;}
a img {border-width:0;}
a {color:black;text-decoration:none;}
a:hover {text-decoration:underline;}
.none {display:none;}
* p.noindent {text-indent:0px;}
.small {font-size: 8pt}

li.noback {background-image: none; width:420px; padding:5px 8px 4px 4px;}