/*@*/
* {
font-family:   Verdana;
font-size: 13px;
color: #474E7C;
}

/*@ akapit */
p { 
padding: 0;
margin: 3px 0 10px 0;
text-align: justify;
}

#homeLeft {
text-align: justify;
}

/*@ link */
a { 
color: #04e;
text-decoration: none;
}

/*@ link aktywny */
a:hover { 
color: #04e;
}

ul {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

ul li {
margin: 5px 0;
padding: 0 0 0 15px;
list-style-type: none;
display: block;
background: url(../img/xmark.gif) 0px 6px no-repeat;
}

h1 {
font-size: 20px;
font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-weight: normal;
margin: 0 0 15px 0;
padding: 10px 0 5px 0;
background: url(../img/dots.gif) bottom repeat-x;
color: #f60;
}

h2 {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
background: url(../img/dots.gif) bottom repeat-x;
}

h2, h2 * {
color: #f60;
font-size: 18px;
font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-weight: normal;
}

h3 {
font-size: 18px;
font-family: Arial;
font-weight: normal;
margin: 0;
padding: 0 0 5px 0;
}

h4 {
font-size: 13px;
margin: 0;
padding: 0 0 5px 0;
}

body {
margin: 0;
padding: 0;
background: #fff;
}

img {
border: 0;
}

.home {
height: 270px;
}

.page {
height: 131px;
}

#home {
width: 890px;
margin: 10px auto;
position: relative;
padding: 0 0 20px 0;
}

#container {
width: 940px;
margin: 10px auto;
position: relative;
padding: 0px 0 20px 0;
}

#hboksy {
padding: 0 0 0 268px;
}

.clear, .clear0 { 
clear:both;
margin:0;
padding:0;
height:1px;
width: 1px;
overflow: hidden;
line-height:1px;
}

.clear0 {
margin-top: -1px !important;
margin-top: -5px;
}

form {
display: inline;
margin: 0;
padding: 0;
}

.hide {
visibility:hidden;
}

#logo {
position: absolute;
left: 0px;
top: 0px;

}

#main {
position: relative;
margin-top: 5px;
width: 100%;
}

ul#menu {
padding: 0 0 0px 0;
margin: 0 0 0px 0;
position: absolute;
left: 268px;
top: 0px;
z-index: 2;
}

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

ul#menu li a { 
width: 131px;
display: block;
float: left;
width: 131px;
height: 35px;
margin: 0 3px 3px 0;
overflow: hidden;
background: #073B78 url(../img/button.gif) no-repeat;
color: #fff;
text-align: center;
line-height: 35px;
font-family:  Tahoma;
}

ul#menu li.selected a {
background-color: #FF810A;
}

#container #logo {
top: 0px;
left: 0px;
}

#slogan {
position: absolute;
left: 10px;
top: 190px;
width: 290px;
height: 140px;
overflow: hidden;
}

#sloganB {
position: absolute;
left: 2px;
top: 184px;
width: 310px;
height: 150px;
overflow: hidden;
z-index: 10;
}

#slogan div {
position: absolute;
left: 0px;
top: 0px;
width: 290px;
height: 140px;
overflow: hidden;
}

#slogan2 {
position: absolute;
left: 113px;
top: 92px;
width: 260px;
height: 140px;
overflow: hidden;
}

#slogan3 {
position: absolute;
left: 40px;
top: 152px;
width: 260px;
height: 140px;
}

#introTxt {
position: absolute;
background: url(../img/aktualnosci.gif) top left no-repeat;
left: 30px;
top: 140px;
width: 260px;
height: 140px;
padding-top: 35px;
}

#newsy {
position: relative;
}

#newsy div {
position: absolute;
width: 260px;
height: 140px;
background: #fff;
color: #464E7C;
font-size: 11px;
}

.box {
float: left;
width: 131px;
height: 131px;
margin: 0 3px 3px 0;
overflow: hidden;
background: #006 url(../img/kw.gif) no-repeat;
}

.pod1 {
float: left;
width: 131px;
height: 131px;
margin: 0 3px 3px 0;
overflow: hidden;
background: #006 url(../img/kw.gif) no-repeat;
}

.box a {
display: block;
text-align: center;
padding: 60px 10px 0 10px;
width: 118px;
height: 78px;
color: #fff;
line-height: 15px;
font-weight: bold;
font-family: Arial;
font-size: 13px;
border: 1px #f00 solid;
}

.mbox {
float: right;
width: 74px;
height: 74px;
margin: 0 0 3px 3px;
overflow: hidden;
}

.mbox a {
display: block;
text-align: center;
padding: 0px 1px 0 1px;
width: 70px;
height: 74px;
color: #fff;
line-height: 12px;
font-weight: bold;
font-family: Arial;
font-size: 11px;
border: 1px #f00 solid;
display: table-cell;
vertical-align: middle;
}

.mbox a span {
}

.blue a {
border: 1px #4352A8 solid;
}

.red a {
background: #FE0000;
}

.blue a {
background: #4352A8;
}

.red a:hover {
color: #fff;
}

.blue a:hover {
color: #fff;
}

.pani {
background: url(../img/pani.jpg);
}

.dziecko {
background: url(../img/mlody.jpg);
}

.lyzka1 {
background: url(../img/lyzka1.jpg);
}

.lyzka2 {
background: url(../img/lyzka2.jpg);
}

.mama {
background: url(../img/mama.jpg);
}

.tabletki {
background: url(../img/tabletki.jpg);
}

.nogi {
background: url(../img/mama_nogi.jpg);
}

.rodzinka2 {
background: url(../img/rodzinka2.jpg);
}

.rodzinka1 {
background: url(../img/rodzinka1.jpg);
}

.pani {
background: url(../img/pani.jpg);
}

.pani {
background: url(../img/pani.jpg);
}

.mlody {
background: url(../img/_small/mlody.jpg);
z-index: 10;
}

.jesien1 {
background: url(../img/_small/jesien1.jpg);
}

.jesien2 {
background: url(../img/_small/jesien2.jpg);
}

.mtata {
background: url(../img/_small/tata.jpg);
}

.mtabletki {
background: url(../img/_small/tabletki.jpg);
}

.mlyzka1 {
background: url(../img/_small/mlyzka1.jpg);
}

.mlyzka2 {
background: url(../img/_small/mlyzka2.jpg);
}

.linki {
position: absolute;
right: 0;
top: 5px;
}

.mlody {
position: absolute;
right: 77px;
top: 237px;
}

#top {
position: absolute;
right: 77px;
width: 883px;
top: 83px;
border-bottom: 1px #474E7C solid;
}

.crnl {
clear: both;
}

.scroll {
position: relative;
height: 32px;
width: 874px;
overflow: hidden;
margin: 0px 0 0 14px;
background: #eee;
}

.scroll span {
white-space: nowrap;
position: absolute;
font-size: 13px;
font-weight: bold;
font-family: Arial;
color: #f00;
line-height: 32px;
}

#submenu {
position: absolute;
left: 0;
top: 0px;
border-right: 0px #006 solid;
width: 265px;
padding: 0px 0px 0px 0;
z-index: 10;
background: url(../img/menu_bg.png) repeat-x;
height: auto !important;
height: 356px;
min-height: 356px;
}

div.page #submenu {
top: 40px;
}

#left {
display: block;
background: url(../img/menu_rogi.gif) no-repeat;
padding: 0px;
}

#left h2, #left h2 * {

font-size: 23px;
margin:0;
padding: 7px 5px 6px 5px;
background: #D8DDE9;
border-bottom: 1px #c2c8d6 solid;
}

#submenu ul {
margin: 0;
padding: 0;
}

#submenu ul li {
list-style-type: none;
display: block;


margin: 0;
padding: 0 0 0px 0;
}

#submenu ul li a{
display: block;
padding: 3px 0 4px 10px;
color: #474E7C;
background: #ECEFF5 url(../img/sm1.gif) 250px 8px no-repeat;
border-bottom: 1px #D2D8E6 solid;
}

#submenu ul li ul {
background: #fff;

padding: 0px 0 4px 0;
margin: 0px 0;
border-bottom: 1px #D2D8E6 solid;
}

#submenu ul li li {
list-style-type: none;
display: block;
background: transparent;
mrgiin: 0;
padding: 0 0 0px 0;
}

#submenu ul li li a{
padding: 1px 0 1px 22px;
background: url(../img/m1_1.png) 9px 7px no-repeat;
border: 0;
}

#submenu ul li a.selected {
font-weight: bold;
letter-spacing: -1px;
background: #fff url(../img/sm2.gif) 250px 8px no-repeat;
}

#submenu ul li li a.selected {
font-weight: normal;
letter-spacing: 0px;
color: #e60;
background: url(../img/m1_1_1.png) 9px 7px no-repeat;
}

/*@*/
#content {
padding: 45px 0 20px 0px;
margin: 0 0 10px 280px;
min-height: 280px;
border-left: 0px #BABDCE solid;
width: 650px;
position: relative;
}

.page #content {
min-height: 350px;
}

#footer {
top: 265px;
background: url(../img/dots.gif) top repeat-x;
padding: 10px 0;
height: 70px;
}

#footer * {
font-size: 11px;
font-family: Tahoma;
color: #789;
}

#powered {
margin:3px;
text-align: right;
}
#footer #powered, #footer #powered * {
color: #c8d0d8;
}

/*@*/
#footer #member {
width: 260px;
float: left;
padding: 0 20px 0 20px;
display: none;
}

#member img {
float: left;
margin: 0 10px 0 0;
}

#mapa {
position: absolute;
left: 300px;
width: 275px;
height: 247px;
background: url(../img/library/maps/mapa1.gif) no-repeat;
}

#mapa a {
position: absolute;
display: block;
padding: 2px 0 2px 20px;
background: url(../img/library/markers/arrow_rb.gif) 7px 4px no-repeat;
color: #000;
font-size: 11px;
font-family: Tahoma;
line-height: 12px;
}

/*@alertwin*/
#alertwin {
position:absolute;
z-index:100;
left:50%;
margin-left: -155px;
top:250px;
width:310px;
background:#D72A29
}

/*@alertwin - close*/
#alertwin .close {
width: 17px;
height: 17px;
float: right;
background: transparent url(../img/close.gif) center center no-repeat;
overflow: hidden;
cursor: pointer;
}

/*@alertwin - message*/
#alertwin .message{
color:#fff;
background:#D72A29;
background:#fff;
color:#D72A29;
clear:both;
padding:50px 40px;
margin:1px;
text-align:center;
font-family:Tahoma;
font-size:12px
}

a.more {
padding: 0 0 0 18px;
background: url(../img/library/markers/sq_red_1.gif) center left no-repeat;
}


div.back {
padding: 10px 0;
}

a.back, div.back a {
padding: 0 0 0 18px;
background: url(../img/library/markers/sq_red_2.gif) center left no-repeat;
color: #f00;
}


.promo {
padding: 5px 0 10px 0;
border-bottom: 1px #aaa dashed;
}

div.news {
padding: 10px 0 5px 0;
border-bottom: 1px #cacaca dashed;
}

div.news h4 {
margin: 0;
padding: 0 0 4px 0;
}

div.news h4 a {
color: #f00;
}

div.news .date {
color: #888;
}

a.more {
background: url(../img/library/markers/sq_red.gif) center left no-repeat;
padding: 0 0 0 18px;
color: #f00;
}

/********* forms *************/
tr.formRow input.text, tr.formRow textarea, tr.alertRow input.text, tr.alertRow textarea {
background-color: #fff;
border: 1px #aaa solid;
width: 220px;
padding: 2px;
}

tr.alertRow input.text, tr.alertRow textarea {
border-color: #f40;
}

/*@*/
tr.formRow td, tr.alertRow td {
border-bottom: 1px #bbb solid;
background-color: #fff;
padding: 2px 3px;
}

tr.formRow td td, tr.alertRow td td {
border-bottom: 0px;
}

tr.formRow  textarea, tr.alertRow  textarea {
height: 60px;
}

/*@*/
tr.formRow td.label, tr.alertRow td.label {
background: #f8f8f8;
padding: 2px 10px 2px 20px;
}

/*@*/
tr.alertRow td.label {
background: #f9eded url(../img/form_alert.gif) center left no-repeat;
}

tr.formRow td.info, tr.alertRow td.info {
padding: 2px 10px;
}

tr.alertRow td.info {
color: #f40;
}

td.required {
color: #f40;
}

#form table {
}

.checkboxes label {
display: block;
}

/*******       DatePicker       ************/
th.DatePicker {
font-size:11px;
font-weight:bold;
}

/*@ datepicker - tlo */
.DatePicker {
background-color: #f8f8f8;
}

/*@ datepicker - naglowek */
.DatePickerHdr {
background-color: #f0f0f0;
}

.DatePickerHdrBtn {
cursor: pointer;
}

.DatePickerBtn {
cursor: pointer;
}

/*@ datepicker - wybrana data */
.DatePickerBtnSelect {
background-color: #faa;
cursor: pointer;
}

div.nicetitle {
position: absolute;
padding: 3px;
top: 0px;
left: 0px;
color: #000;
background-color: #ffd;
border: 1px solid #000;
    /* Mozilla proprietary */
-moz-border-radius: 4px;
}

div.nicetitle p, #content div.nicetitle p {
margin: 0;
padding: 0 0px;
text-align: left;
font-size: 11px;
font-family: Tahoma;
}

div.nicetitle p.destination {
display: none;
}

table.wynik td {
width: 190px;
}

table.data {
margin-left: -1px;
}

table.data th {
border-bottom: 2px #62CBFF solid;
padding: 3px 10px 3px 10px;
font-weight: normal;
text-align: left;
}

table.data th.r {
text-align: right;
}

table.data tr td {
border-bottom: 1px #ddd solid;
padding: 3px 10px 3px 10px;
margin: 0;
}

table.data tr.suma td {
background: #f8f8f8;
}

table.data tr.suma td, table.data tr.suma td * {
font-weight: bold;
}

table.data tr td:first-child {
border-left: 0;
}

td.nw {
white-space: nowrap;
}

td.r {
text-align: right;
}


.nextprev {
padding: 10px 0 0 0;
}

#homeLeft {
float: left;
width: 350px;
}

#homeRight {
position: absolute;
left: 378px;
top: 100px;
width: 262px;
height: 187px;
overflow: hidden;
}

div.prj {
float: left;
display: block;
height: 80px;
width: 150px;
padding: 20px 3px 0 3px;
border: 1px #ddd solid;

margin: 0px 0px 5px 2px;
position: relative;
}

div.prj a.title {
font-size: 11px;
font-weight: normal;
font-family: tahoma;
color: #373F4E;
color: #fff;
display: block;
position: absolute;
left: 5px;
top: 4px;
background: #a8b0b8;
width: 135px;
padding: 1px 5px
}

div.prj a.img {
text-align: center;
display: block;
height: 80px;
width: 150px;
display: table-cell !important;
display: block;
vertical-align: middle;
overflow: hidden;
padding-top: 10px;
}

div.prj a.img img {
margin-top: 3px;
vertical-align: middle;
margin-top: expression(( 80 - this.height ) / 2);
}

img.right {
float: right;
clear: both;
}

.jqzoom{

width: 300px;
position:relative;
padding:0px;
cursor:pointer;
}

.jqzoom img{

}


div.zoomdiv {
z-index                 : 100;
position                : absolute;
top:0px;
left:-340px;
width                   : 320px;
height                  : 300px;
background: #ffffff;
border: 3px #eee solid;
display:none;
text-align: center;
overflow: hidden;


}

div.jqZoomPup {
z-index                 : 10;
visibility              : hidden;
position                : absolute;
top:0px;
left:0px;
width                   : 50px;
height                  : 50px;
border: 1px solid #aaa;
background: #ffffff url(../img/zoom.gif) 50% top  no-repeat;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
}

#kolfotos {
position: absolute;
left: 340px;
width: 300px;
top: 80px;
background: #ffffff url(../img/dots.gif) repeat-y;
padding: 0 0 0 4px;
height: 300px;
}

#afotos {
background: #ffffff;
border: 3px #eee solid;
margin: 0 10px 10px 0;
float: left;
width: 200px;
height: 200px;
overflow: hidden;
padding: 3px;
}


.gitem {
display: block;
height: 160px;
width: 150px;
border: 3px #eee solid;
margin: 5px 5px 0px 0;
}

.gitem a {
text-align: center;
display: block;
height: 160px;
width: 150px;
display: table-cell !important;
display: block;
vertical-align: middle;
overflow: hidden;
}

.gitem img {
margin-top: 3px;
vertical-align: middle;
margin-top: expression(( 160 - this.height ) / 2);
}

.gitem {
float: left;
}

a.pdf {
background: url(../img/library/icons/ico_pdf.gif) center left no-repeat;
padding: 0 0 0 20px;
line-height: 16px;
}

a.word {
background: url(../img/library/icons/ico_word.gif) center left no-repeat;
padding: 0 0 0 20px;
line-height: 16px;
}

a.zip {
background: url(../img/library/icons/ico_zip.gif) center left no-repeat;
padding: 0 0 0 20px;
line-height: 16px;
}