/* KOLORY
#89499B - fiolet/sliwka
#8FCA7C - zielen jasna
#007171 - zielen ciemna

zielen ciemna
#FBFCFC - 2% zielen ciemna
#F3F7F7 - 5% zielen ciemna
#E8F0F0 - 10% zielen ciemna
#A0C1C0 - 40% zielen ciemna 
#72A4A4 - 60% zielen ciemna

fiolet
#f9f6fa - 5% 
#f3ecf5 - 10%
#d0b6d7 - 40% 
#b892c3 - 60%


#333333 - 80% czern
#666666 - 60% czern
#999999 - 40% czern 
#CCCCCC - 20% czern
*/

body { font-family: Verdana, Arial, sans-serif; font-size:12px; line-height:1.5em; background:#E8F0F0 url(../img/tlo.jpg) top right no-repeat fixed; color: #333333; text-align:center}
/*.ukryty { display:none }*/
.wazne { padding:1em; margin:0.5em 0em; font-style:italic; background-color:#F3F7F7; border-top: 1px solid #A0C1C0; border-bottom: 1px solid #A0C1C0}
.uwaga { padding:1em; margin:0.5em 0em; background-color:#f3ecf5; border-top: 1px solid #d0b6d7; border-bottom: 1px solid #d0b6d7}


a {	color:#007171; text-decoration:underline; }
a:hover { color:#89499B; text-decoration: none }
a img {border:0px;}

p { margin-bottom:1em; }
hr.linia { height:2px; border:0; overflow:hidden; background-color: #A0C1C0; margin-top:1em; margin-bottom:1em;	padding:0; }

.spacer { clear:both; height:0px; font-size:1px; line-height:0px; }
.float-left, .alignleft    { float:left; }
.float-right, .alignright { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }


/* _______________________________________________________________ CZYSZCZENIE */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.spacer { clear:both; height:0px; font-size:1px; line-height:0px; }

/* _______________________________________________________________ H3, H4, H5, H6 */
h3, h4, h5, h6 { font-family: "Lucida Sans Unicode", Corbel, Trebuchet MS, Verdana, sans-serif; font-weight:normal; letter-spacing:-1px; margin-bottom:0.25em; }
h3 { font-size:2em; line-height:1.2em;  }
h4 { font-size:1.6em; line-height:1.2em;  }
h5 { font-size:1.3em; line-height:1.2em; color:#007171 }
h6 { font-size:1.2em; line-height:1.2em; font-family: Verdana, Arial, sans-serif; font-weight: bold}

/* _______________________________________________________________ LOGO i NAPIS */
a.logo { display:block; width:120px; height:80px; text-indent:-9999px; background:url(../img/logo.png) top left no-repeat }
a:hover.logo { background-position:bottom}
.logo-napis { display:block; width:350px; height:80px; text-indent:-9999px; background:url(../img/logo-napis.png) top left no-repeat }

/* _______________________________________________________________ NAGLOWEK */
#naglowek {  position:relative;  z-index:60;  height:160px; width:900px; margin:0px auto; font-size:0.8em; }
#naglowek a.logo { /*float:left; margin-top:45px;*/ position:absolute; top:45px; left:0px; z-index:20}
#naglowek h2.logo-napis { /*float:left; margin-top:45px;*/  position:absolute; top:45px; left:120px; z-index:30}
#naglowek .mozliwe { background: url(../img/naglowek-tlo.gif) top left no-repeat; width:900px; height:60px; position:absolute; top:0; left:-500px; text-indent:-9999px; z-index:10 }

/* _______________________________________________________________ PRZYCISKI */
.btn { overflow: hidden; height: 100%; margin-top:1em; }
a.btnDoGory { background-image: url(../img/przyciski/gora.gif); }
a.btnRozwin{ background-image: url(../img/przyciski/plus.gif); }
a.btnZwin{	background-image: url(../img/przyciski/minus.gif); }
a.btnPrzejdz{ background-image: url(../img/przyciski/prawo.gif);  }
a.btnLightBox{ background-image: url(../img/przyciski/lightbox.gif);  }

a.btnLightBox, a.btnRozwin, a.btnZwin, a.btnDoGory, a.btnPrzewin, a.btnPrzejdz { background-position: 98% 50%; background-repeat:no-repeat; display:block; float:left; }
a.btnLightBox, a.btnRozwin, a.btnZwin, a.btnDoGory, a.btnPrzewin, a.btnPrzejdz { text-transform:uppercase; font-size:0.9em; font-family: Lucida Sans Unicode, Corbel, Trebuchet MS, Verdana, sans-serif; }
a.btnLightBox, a.btnRozwin, a.btnZwin, a.btnDoGory, a.btnPrzewin, a.btnPrzejdz { color: #007171; background-color:#A0C1C0; padding:.5em 2.2em .5em .5em; text-decoration:none;  }
a.btnLightBox:hover, a.btnRozwin:hover, a.btnZwin:hover, a.btnDoGory:hover, a.btnPrzewin:hover, a.btnPrzejdz:hover { color: #FFFFFF; background-color:#007171; cursor:pointer; background-position:98% 50% }

/* _______________________________________________________________ TABY */
@media projection, screen { .tabs-hide {     display: none; } }
@media print { .tabs-nav {     display: none; } }
/* TABY */
#kolumna-lewa .tabs-nav { list-style: none; margin:0px; padding:0px; overflow:hidden; position:relative; z-index:1; border-bottom: 4px solid #007171;}
#kolumna-lewa .tabs-nav li {display: inline-block; float:left; margin:0em; padding:0px; width:auto}
#kolumna-lewa .tabs-container {   padding-top:1em; position:relative; z-index:2}
#kolumna-lewa .tabs-nav a { background-color: #E8F0F0; color:#007171; display: block; padding:0.6em 0.5em; margin-right:0.5em; letter-spacing:-1px; font-size:0.9em;  white-space: nowrap; text-align: center; text-decoration:none; position: relative; top: 4px; z-index: 0; }
#kolumna-lewa .tabs-nav a:hover { text-decoration:underline; background-color: #007171; color:#FFF;  }
#kolumna-lewa .tabs-nav li.tabs-selected a { background-color: #007171; color:#FFF;  position: relative; top: 0px; z-index: 2; }
#kolumna-lewa .tabs-nav .tabs-selected a:link,
#kolumna-lewa .tabs-nav .tabs-selected a:visited { cursor: text; }


/* _______________________________________________________________ CENNIK NA SKROTY */
#cennikNaSkroty {}
#cennikNaSkroty h5 a { text-decoration:none; padding-left:20px; font-size:0.9em; }
#cennikNaSkroty h5 a:hover { text-decoration: underline }
.cennikNaSkrotyH5Rozwin { background:url(../img/przyciski/plus-zielony.gif) no-repeat left center; }
.cennikNaSkrotyH5Zwin {	background:url(../img/przyciski/minus-zielony.gif) no-repeat left center; }

#cennikNaSkroty div { /*border-top: 1px solid #b2d2d3; padding:0 0 0.5em 0;  */ margin: 0 0 1em 0; letter-spacing:-1px; }
#cennikNaSkroty dt { font-weight:bold; /*padding:0em 1em 0.5em 1em; */}
#cennikNaSkroty dd { margin-top:1em;}
#cennikNaSkroty table {	width:100%;	border-collapse: collapse;	line-height:1.2em; }

/*.tabelkaOver { background-color: #FBFCFC; color:#333333; }*/
#cennikNaSkroty table td { border:0; padding:0.5em; }
#cennikNaSkroty table td { width:60%; }
#cennikNaSkroty table td.opis {	font-weight:bold; }
#cennikNaSkroty table td.cena {	width:40%; text-align:right; }
#cennikNaSkroty dd.wiersz1 { background-color:#E8F0F0; }
#cennikNaSkroty dd.wiersz2 { background-color:#F3F7F7; }

/* _______________________________________________________________ MENU MALE */
#menu-male { position:absolute; top:10px; right:0px; z-index:40; line-height:20px; }
#menu-male li { float:left; margin-left:10px; }
a#style1, a#style2, a#style3, #flaga-de, #flaga-en { display:block; width:30px; height:20px; background-image:url(../img/misc/wielkosc-tekstu.png); text-indent:-9999px; overflow:hidden}
#flaga-de, #flaga-en { background-image:url(../img/misc/flagi.png); }
#flaga-de { margin-left:20px; background-position: 0px 0px }
#flaga-en {background-position: 30px 0px }
a#style1 { background-position: 0px 20px }
a#style2 { background-position: -30px 20px }
a#style3 { background-position: -60px 20px }
a:hover#style1 { background-position: 0px 0px }
a:hover#style2 { background-position: -30px 0px }
a:hover#style3 { background-position: -60px 0px }

/* _______________________________________________________________ MENU DUZE */
#menu-duze { position:absolute; top:120px; left:0px; line-height:40px; background-color:#007171; width:100%; z-index:100; text-align:left }
#menu-duze { font-size: 1.1em; font-family: Lucida Sans Unicode, Corbel, Trebuchet MS, Verdana, sans-serif; text-transform: uppercase;}
#menu-duze a { color:#FFFFFF; text-decoration:none; height:100%; display: inline-block; padding:0px 0.8em;  }
#menu-duze a#teraz { background-color:#FFF; color:#333333}
#menu-duze a:hover, #menu-duze .ponad { background-color:#A0C1C0; color:#333333 }
#menu-duze li { float:left;  position:relative }
#menu-duze li  ul { display: none; }
/*#menu-duze li:hover ul { display: block; }*/
#menu-duze li ul { line-height:1.2em; background-color:#A0C1C0; position:absolute; top:40px; left:0px; width:240px; }
#menu-duze li ul li { /*float:inherit;*/ float:none; text-transform: none; text-indent:10px;}
#menu-duze li ul li a { color: #333333; width:100%; display: block; padding:0.8em 0}
#menu-duze li ul li a:hover { background-color:#F3F7F7 ; color:#007171 }

/* _______________________________________________________________ SCIEZKA */
#sciezka { width:860px; color:#A0C1C0; font-size:0.8em; letter-spacing:-1px; line-height:30px; }
#sciezka a {color:#A0C1C0; text-decoration:none}
#sciezka a:hover { color:#007171; text-decoration:underline }

/* _______________________________________________________________ SRODEK, KOLUMNA LEWA, PRAWA */
#srodek { width:900px; margin:0px auto; margin-bottom:2em; text-align:left; }
#kolumna-lewa { float:left; width: 600px;  position:relative;  z-index:50  }
#kolumna-prawa { width:280px; float:right }
.modul { background-color:#FBFCFC; padding:10px; margin-bottom:20px; }
#kolumna-lewa ul li, #kolumna-lewa ol li { margin:0em 12em 0.1em 3em; float: inherit }
#kolumna-lewa ul {list-style:disc; margin-bottom: 1em; border:0px;}
#kolumna-lewa ol {list-style: decimal; margin-bottom: 1em; border:0px;}
#specjalista-radzi { overflow:hidden; height:100% }
#specjalista-radzi img { float:right }

/* _______________________________________________________________ CENNIK - TABELKI */
.cennik table {	width:100%;	border-collapse: collapse;	line-height:1.2em;	vertical-align: bottom; }
.cennik .wiersz1 { background-color:#E8F0F0; }
.cennik .wiersz2 { background-color:#F3F7F7; }
.cennik .cennikOpis {	width:50%; }
.cennik .cennikCena {	width:40%;	text-align:right;	white-space:nowrap; }
/*.cennik .tabelkaNaglowek {	color:#32828c;	font-size:10px;}*/
.cennik table td {	padding:1em 0.5em; }
.cennik tr {	border-bottom: 1px #72A4A4 solid; }

/* _______________________________________________________________ FORMULARZ */
#formularz-rejstracja p { font-size:11px; letter-spacing:-1px }
#formularz-rejstracja input.pole { font: normal 12px Verdana, Arial, sans-serif; color:#000; width:90%; padding:0.5em 0em;}
#formularz-rejstracja label { color:#999999; font-size:11px; letter-spacing:-1px; width:90%; float:left}
#formularz-rejstracja fieldset { height:100%; overflow:hidden; padding:0; margin:0; margin-bottom:1em; border:0; }
#formularz-rejstracja .blad { font-weight:bold; color: #FF0000; }
#formularz-rejstracja em { color: #FF0000; font-style:normal}
#formularz-rejstracja .przycisk { cursor:pointer; text-transform:uppercase; font-size:0.9em; font-family: Lucida Sans Unicode, Corbel, Trebuchet MS, Verdana, sans-serif; color: #FFF; padding:.5em; text-decoration:none; background-color:#007171; border: 0px solid #999999}
#formularz-rejstracja dd { margin:0.5em 0em 0.5em 1em }

.formularz input.pole, .formularz textarea.pole { font: normal 12px Verdana, Arial, sans-serif; color:#000; width:90%; padding:0.5em 0em;}
.formularz fieldset { height:100%; overflow:hidden; padding:0; margin:0; margin-bottom:1em; border:0; }
.formularz em { color: #FF0000; font-style:normal}
.blad { color: #FF0000; font-size:11px; line-height:1em;   background:url(../img/misc/stop.png) left center no-repeat; padding-left:16px; display:none; }
.formularz .przycisk { cursor:pointer; text-transform:uppercase; font-size:0.9em; font-family: Lucida Sans Unicode, Corbel, Trebuchet MS, Verdana, sans-serif; color: #FFF; padding:.5em; text-decoration:none; background-color:#007171; border: 0px solid #999999}

.formularz label.error { font-weight:bold; color: #FF0000; font-size:11px; line-height:1em; display:block; width:100%; background:url(../img/misc/stop.png) left center no-repeat; padding-left:16px; margin-top:0.5em }
.formularz label { color: #666; font-size:11px; letter-spacing:-1px;  }
.formularz label.label {display:block;}

/* _______________________________________________________________ KALENDARZ jcalendar */
#calendarDiv {  display: block; font-size:12px;  display: none; position: relative; border: 2px solid #007171; background-color:#007171 }
#calendarDiv table { width:100% }
#calendarDiv a {  cursor: pointer; color:#000000 }
#calendarDiv a:hover { color:#000 }
#calendar {  background: #E8F0F0;  clear: both;  text-align: center; }
#calendar, #linksTable { }
#calendar .calendarHeader {  background: #E8F0F0;  border-bottom: 1px solid #00696e;  color: #000; padding:0.5em 0em; }
#calendar .weekDaysTitleRow {  background: #E8F0F0;  color: #000; font-size:10px; font-weight:bold  }
#calendar .weekDaysRow {  background: #E5F0F0;  color: #000; }
#calendar .weekDaysCell {  color: #000;  border: 1px solid #007171; padding:5px 10px; }
#calendar .weekDaysCellOver {  background: #00696e; border: 1px solid #777; }
#closeCalender { text-align:right; display: block;  padding:5px;  cursor: pointer; font-size:10px; line-height:1.2em }
a#closeCalender { color:#FFFFFF; text-decoration:none; }
a:hover#closeCalender { color:#FFFFFF; text-decoration:underline }
#closeCalender:hover {  /*background: #000;  color: #fff; */}
#linksTable {  background: #E8F0F0; font-size:10px; letter-spacing:-1px; line-height:1.2em; }
#linksTable a {  display: block;  color: #000; text-decoration:none; padding:5px 5px; }
#linksTable a:hover {  text-decoration:underline; }
#prevMonth {  float: left; }
#nextMonth {  float: right; }
#today, #today a{ font-weight:bold; background: #00696e; color:#FFFFFF }

/* _______________________________________________________________ STOPKA */
#stopka { text-align:left; font-size:0.8em; line-height:1.4em; letter-spacing:-1px;  width:900px; margin:0px auto; background: url(../img/stopka-tlo.gif) 50px 0px no-repeat;}
#stopka strong { letter-spacing:0px;}
#stopka #stopka-naglowek { height:110px; position:relative; }
#stopka a.logo { position:absolute; top:25px; left:0px; z-index:20}
#stopka .logo-napis { position:absolute; top:25px; left:120px; z-index:30}

#stopka-adresy { margin-bottom:2em; margin-left:136px;  }
#stopka-adresy p { float:left; display:inline; width: 25%; margin:0; }
#stopka-adresy, #stopka-credits { height:100%; overflow:hidden }
#stopka-info, #stopka-credits { color:#999999; text-align:justify; font-size:1em; line-height:1.2em; border-top: 1px #A0C1C0 solid; padding:2em 1em;}
#stopka-info a, #stopka-credits a { color:#999999; text-decoration:none }

/* _______________________________________________________________ KALENDARZ */
/*table.kalendarz { border: 0;	width:100%;	text-align: center;	line-height:1.6em; background-color:#FFF }
table.kalendarz td { border-right: 1px solid #B2D2D3; }
table.kalendarz td.alignLeft { text-align: left; padding-left:10px; border-left: 1px solid #B2D2D3; }
table.kalendarz .wiersz1 { 	background-color:#F3F7F7; color:#000000 }
table.kalendarz .wiersz0 {	font-size:0.8em; background-color:#E8F0F0; color:#000; font-weight:bold}
table.kalendarz .kPierwsza { width:30%;}
table.kalendarz .kNastepne { width:14% }*/
table.kalendarz { border: 0; text-align: center; width:900px; font-size:11px; line-height:1.2em; background-color:#FFF }
table.kalendarz td { border-right: 1px solid #B2D2D3; padding:5px 5px }
table.kalendarz td.alignLeft { text-align: left; padding-left:10px; border-left: 1px solid #B2D2D3; }
table.kalendarz tr.wiersz1 td { 	background-color:#F3F7F7; color:#000000 }
table.kalendarz tr.wiersz0 td {	font-size:0.8em; background-color:#E8F0F0; color:#000; font-weight:bold}
table.kalendarz td.kPierwsza { width:30%;}
table.kalendarz td.kNastepne {width:10%;}


.baner { margin-bottom:20px; }
.baner p { background-color:#FFF; padding:10px; }

ul#pytania-odpowiedzi { list-style:none; margin:0 0 1em 0 }
ul#pytania-odpowiedzi li { margin:1em 0 3em 0; border-bottom:1px #8FCA7C solid; padding-bottom:2em }
ul#pytania-odpowiedzi strong {display:block; float:left; width:20%; text-align:right }
ul#pytania-odpowiedzi p { float:right; width:78% }
ul#pytania-odpowiedzi em { color:#007171; font-weight:bold; font-size:1.2em; display:block; text-align:right }