body { text-align: center; color: #454545; font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif; font-size: 80%; background: #13579E url(img/back.jpg) repeat-x; position: relative; }
#main { margin: 0 auto; width: 789px; text-align: left; background: url(img/back_in.jpg) repeat-y top center; }
html>body { font-size: 85%; *font-size: 80%; } body:last-child, * html body { font-size: 80%; }

/* ---GENERAL--- */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a img, :link img, :visited img, fieldset { border: none; }

.none { display: none; }
.clear { overflow: hidden; clear: both; }

#header { height: 220px; position: relative; font-size: 1.5em; }
#header span { background: url(img/header.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; }

#header_under { background: url(img/header_under.jpg) no-repeat; width: 789px; height: 250px; *height: 100%; }

#logo { display: block; padding-left: 26px; position: absolute; top: 73px; z-index: 1; }

a, a:link, a:visited, a:active { color: #13579E; text-decoration: underline; }
a:hover { color: #13579E; text-decoration: none; }

/* ---RIGHT--- */

#right-col { float: right; width: 576px; min-height: 550px; height: auto; _height: 550px; }

#right-col h2 { margin: 5px 20px 20px 5px; font-size: 1.8em; color: #13579E; }
#right-col h3 { margin: 40px 20px 5px 5px; font-size: 1.3em; color: #13579E; }
#right-col p { margin: 0 20px 15px 5px; line-height: 1.4em; text-indent: 30px; text-align: justify; }
#right-col p.nico { margin: 0 20px 15px 5px; line-height: 1.4em; text-indent: 0; text-align: justify; }

#right-col ul { margin: 0 20px 15px 20px; }
#right-col li { margin: 0 20px 5px 20px; list-style: disc; }

#right-col table { font-size: 100%; margin: 10px 10px 10px 20px; }
#right-col table th, #right-col table td { padding: 5px; }

#right-col table.ref { font-size: 100%; margin: 10px 10px 10px 20px; border-collapse: collapse; }
#right-col table.ref th, #right-col table.ref td { padding: 5px; width: 280px; text-align: left; }

#right-col table.foto { font-size: 100%; margin: 10px 10px 10px 20px; text-align: center; }
#right-col table.foto td { padding: 5px; width: 280px; background: #FCF3F3; text-align: center; }
#right-col table.foto td img { text-align: center; }

#right-col table.img { font-size: 100%; margin: 10px 0 10px 0; }

#right-col .adobe { font-size: 110%; padding: 10px; margin: 10px 15px 10px 0; background: #F1F8EC url(img/adobe.jpg) no-repeat 10px 10px; padding-left: 33px;  }


#right-col .okno_top { width: 170px; float: left; margin: 10px 0 10px 12px; background: #C7E8F7; }
#right-col .okno_top img { margin: 3px 0 0 3px; }
#right-col .okno_top h3 { text-align: center; margin: 0; padding: 5px; font-size: 130%; }
#right-col .okno_top h3 a { text-decoration: none; }
#right-col .okno_top h4 { text-align: center; margin: 0; padding: 5px; font-size: 100%; }
#right-col .okno_top h4 a { text-decoration: none; }
#right-col .okno_top p { padding: 5px 10px; margin: 0; line-height: normal; text-indent: 0; text-align: justify; }
#right-col .okno_top p.right { text-align: right; }

#right-col .okno { width: 270px; float: left; margin: 10px 0 10px 10px; _margin: 10px 0 10px 5px; }
#right-col .okno img { margin-left: 30px; }
#right-col .okno p { padding: 5px 10px; margin: 0 0 30px 0; line-height: normal; text-indent: 0; text-align: justify; }
#right-col .okno p.right { text-align: right; }
#right-col .okno .pdfka ul { float: left; width: 260px; _width: 250px; margin: 0 0 0 10px; _margin: 0 0 0 5px; padding: 0; }
#right-col .okno .pdfka ul li.pdf { list-style: none; background: url(img/icon_pdf.png) no-repeat; margin: 0; padding: 0 0 5px 20px; }

#right-col .pdfka li.else { list-style: none; font-size: 130%; margin: 0; padding: 8px 0 5px 0; }

#right-col .pdfka { margin: 20px 0 0 0; _margin: 5px 0 0 0; *margin: 0 0 0 0; }
#right-col .pdfka .pdfka_img { float: left; width: 220px; margin: 0; border: none; }
#right-col .pdfka ul { float: right; width: 306px; _width: 296px; }
#right-col .pdfka ul.nic { float: none; width: 576px; _width: 536px; }
#right-col .pdfka ul li.pdf { list-style: none; background: url(img/icon_pdf.png) no-repeat; margin: 0; padding: 0 0 5px 20px; }

#right-col img.floatRightClearLong { float: right; clear: right; margin: 0 30px 40px 0; border: none; }
#right-col .pdfka img.floatLeftClearLonger { float: left; clear: left; margin: 0 30px 200px 0; border: none; }

.form { font-size: 100%; margin: 0 20px; }
.form td { padding: 5px; text-align: right; width: 220px; }
.input, .select { width: 220px; }
.izba { width: 30px; }
.textarea { width: 220px; height: 100px; }
#chyby { color: #F00; border: 1px solid #F00; margin: 0 20px; width: 500px; }
#right-col #chyby h3 { color: #F00; font-size: 1.5em; font-weight: normal; margin: 0; padding: 10px; }

.good { color: #21A71E; border: 1px solid #21A71E; margin: 0 20px; width: 460px; }
#right-col .good h3 { color: #21A71E; font-size: 1.5em; font-weight: normal; margin: 0; padding: 10px; }

/* ---LEFT--- */

#left-col { float: left; width: 213px; }

/* ---MENU--- */

#menu { width: 213px; }
#menu ul { margin: 0 30px; padding-top: 10px; }
#menu li { padding: 6px 0 6px 13px; border-bottom: 1px dotted #76A2CE; font-size: 100%; color: #13579E; background: url(img/arrow_off.jpg) no-repeat 0 0.9em; }
#menu li.last { border-bottom: none; }
#menu li#tab { color: #13579E; font-weight: bold; font-size: 110%; background: url(img/arrow_on.jpg) no-repeat 0 0.9em; }
#menu li a, #menu li a:link, #menu li a:visited, #menu li a:active { color: #13579E; text-decoration: none; }
#menu li a:hover { color: #13579E; text-decoration: underline; }

#menu li ul { margin: 6px 0 0 10px; padding: 0; font-size: 85%; }
#menu li li { background: none; list-style: none; margin: 0; border-bottom: none; padding: 7px 0 0 10px; }
#menu li.tab li { display: inherit; padding: 7px 0 0 0; margin: 0; }


#footer_img { margin: 0 auto; background: url(img/footer.jpg) no-repeat; width: 789px; height: 26px; overflow: hidden; clear: both; }
#footer img { vertical-align: middle; }
#footer p { padding: 5px 0; font-size: 85%; text-align: center; color: #fff; }
#footer a, #footer a:link, #footer a:visited { text-decoration: underline; color: #7BA7D3; }
#footer a:hover { text-decoration: none; color: #7BA7D3; }