* { padding: 0; margin: 0; }
a { text-decoration: none; }
img { border: 0; display: block; }
label { cursor: pointer; }
a#logo, div#wrapper ul { display: inline; }
body { text-align: center; background: #F2FDC3 url('../img/bg.png') repeat-x; }
div#container { margin: auto; width: 900px; text-align: left; border-top: 6px solid #204154; }
div#wrapper { height: 122px; }
a#logo { float: left; width: 249px; height: 80px; padding: 8px; margin: 8px; }
div#wrapper ul { float: right; margin: 35px 23px 0 0; }
div#wrapper li { list-style-type: none; text-align: right; height: 24px; }
div#wrapper li a { font: 9px/9px arial, sans-serif; letter-spacing: 1px; color: #586A17; display: block; width: 110px; padding-right: 25px; overflow: hidden; position: relative; }
div#wrapper li a:hover { color: #232B05; }
a#polec { height: 12px; background: url('../img/polec.png') no-repeat scroll right top; }
a#polec:hover { background-position: right -12px; }
a#add { height: 10px; background: url('../img/add.png') no-repeat scroll right top; }
a#add:hover { background-position: right -10px; }
a#map { height: 10px; background: url('../img/map.png') no-repeat scroll right top; }
a#map:hover { background-position: right -10px; }
div#top { height: 253px; background: url('../img/top.jpg') no-repeat scroll right; position: relative; }
div#menu { width: 287px; background-color: #1F4053; height: 253px; font: 13px/29px arial, sans-serif; }
div#menu ul { padding: 17px 0 0 30px; }
div#menu li { list-style-type: none; border-bottom: 1px solid #2C5154; width: 225px; }
div#menu li a { color: #AAB6BE; background: url('../img/marker.png') no-repeat scroll 7px center; padding-left: 27px; display: block; width: 198px; }
div#menu li a:hover { color: #fff; background-color: #102A38; background-image: url('../img/marker2.png'); }
a#readmore { display: block; position: absolute; left: 347px; top: 181px; height: 37px; width: 120px; color: #fff; font: bold 11px/37px arial, sans-serif; text-align: center; background: url('../img/readmore.png') no-repeat scroll left -37px; }
a#readmore:hover { background-repeat: repeat; }
div#content { width: 820px; margin: 10px 40px 40px 40px; text-align: justify; color: #162F3D; font: 13px/20px arial, sans-serif; }
div#content a { color: #769600; text-decoration: underline; }
div#content a:hover { text-decoration: none; }
div#content h1, div#content h2, div#content h3, div#content h4 { color: #204154; margin-top: 10px; }
div#content h1 { font: 27px/60px "Times New Roman", serif; margin-top: 0; }
div#content h2 { font: 23px/50px "Times New Roman", serif; }
div#content h3 { font: 19px/40px "Times New Roman", serif; }
div#content h4 { font: 16px/30px "Times New Roman", serif; }
div#content ul,   div#content ol { padding-left: 30px; padding-bottom: 15px; }
div#footer { height: 93px; background: #1F4053 url('../img/footer.png') repeat-x scroll bottom; font: 13px/53px arial, sans-serif; color: #fff; padding: 0 15px; }
div#footer a { color: #9FD0ED; }
div#footer a:hover { color: #BEE7FF; }
.noborder { border: 0 !important; }
.left { float: left; text-align: left; }
.right { float: right; text-align: right; }
.clear { clear: both; display: block; }
.skip { position: absolute; top: -5000px; left: -5000px; font-style: italic !important; text-align: left; }
p.cyte { padding-left: 20px; padding-top: 40px; padding-bottom: 5px; font-size: 18px; color: #778E17; }
p.cyte b { margin-left: 15px; line-height: 16px; color: #BACD6C; font-size: 14px; }
form, fieldset { padding: 0; margin: 0; border: 0; }
div.field { width: 360px; display: block; padding-top: 3px; padding-bottom: 3px; }
div.field label { width: 130px; text-align: left; display: inline; float: left; }
div.field input { width: 200px; background-color: #fff; display: left; border: 1px solid #efefef; padding: 2px; }
div.field input.wiek { width: 60px; }
div.field2 { font-weight: bold; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; }
div.field3 { font-weight: normal; padding-left: 40px; padding-top: 3px; padding-bottom: 3px; }
div.field3 input.wiek { width: 30px; background-color: #fff; display: left; border: 1px solid #efefef; padding: 2px; }
form { padding-left: 50px; }
div.lf { float: left; width: 360px; display: inline; border-right: 1px solid #C2CB9C; height: 260px; }
div.rt { float: left; width: 350px; display: inline; padding-left: 20px; }
form { text-align: center; }
form fieldset { text-align: left; padding-left: 20px; padding-bottom: 10px; }
form input.button { padding-left: 5px; padding-right: 5px; padding-bottom: 1px; height: 25px; color: #fff; background-color: #1F4053; border: 0; }
div#error { background-color: #DF3B3A; color: #fff; display: none; margin: auto auto 15px; position: relative; width: 350px; text-align: left; }
div#message { color: #fff; display: none; margin: auto auto 15px; position: relative; width: 350px; text-align: center; }
div#error ol { padding-bottom: 8px; padding-left: 40px; padding-top: 8px; }
div.green { padding-top: 5px; padding-bottom: 5px; background-color: #319600; color: #fff; text-align: center; font-weight: bold; margin: auto; margin-bottom: 10px; }
div.red { padding-top: 5px; padding-bottom: 5px; background-color: #E79898 !important; color: #fff; text-align: center; font-weight: bold; margin: auto; margin-bottom: 10px; }
div.field input.error { border: 1px solid #DF3B3A !important; }
form#polecznajomemu { width: 400px; }
div.col1 { width: 320px; position: relative; left: 50px; border-right: 1px solid #C2CB9C; display: table; float: left; text-align: left; padding-top: 4px; padding-bottom: 4px; }
div.col2 { width: 330px; position: relative; left: 70px; display: table; text-align: left; clear: right; padding-top: 4px; padding-bottom: 4px; float: left; }
div.cols { display: table; padding-bottom: 10px; }
div.cols  b { display: block; }
div.cols p { padding-top: 5px; padding-bottom: 7px; line-height: 15px; }
div.gallery { padding: 10px 0; /*width: 780px;*/ width: 614px; margin-left: 5px; }
div.gallery img { border: 1px solid #B09F53; display: inline; margin: 2px; padding: 2px; }
div.gallery a:hover img { border: 1px solid #060; display: inline; margin: 2px; padding: 2px; }
div#menuleft { float: left; width: 247px; border-right: 1px solid #C9E074; padding-top: 2px; display: inline; overflow: hidden; }
div#menuleft ul { list-style-type: none; margin: 0; padding: 0; }
div#menuleft li a { display: block; text-decoration: none !important; padding: 5px 0 5px 32px; width: 216px; background: url('../img/li-photo.png') no-repeat scroll 2px 6px; }
div#menuleft li a:hover { color: #102A38; }
div#menuleft li a.selected { font-weight: bold; }
div#menuleft h2 { margin: 25px 0 10px 0; font: 18px/18px Arial, Helvetica, sans-serif; }
div#text { float: right; display: inline; width: 538px; margin-left: -1px; padding-left: 34px; border-left: 1px solid #C8D39E; overflow: hidden; }
