body { text-align: center; margin: 0; padding: 0; color: #000; font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif; font-size: 80%; background: #EA9D31 url(img/back.png) repeat-x top center; }
#main { margin: 32px auto 0 auto; width: 770px; text-align: left; background: url(img/back-in.png) repeat-y top center; }

/* ---GENERAL--- */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dd, dt, dl { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a img, :link img, :visited img, fieldset { border: none; }
hr, .up { position: absolute; top: -10000px; }
a, a:link, a:visited, a:active { color: #E58401; text-decoration: underline; }
a:hover { color: #E58401; text-decoration: none; }
.clear { overflow: hidden; clear: both; }

/* ---HEADER--- */
#top { height: 16px; width: 770px; display: block; background: url(img/top.gif) no-repeat top center; position: absolute; top: 16px; padding-left: 0; z-index: 3; }

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

#logo { display: block; padding-left: 16px; margin: 0; position: absolute; top: 60px; z-index: 1; }

#flag ul { clear: both; height: 25px; width: 77px; display: block; position: absolute; top: 0; margin-left: 684px; z-index: 10; background: #D4D201; }
#flag li { list-style: none; padding: 7px 0 0 10px; float: left; }


/* ---RIGHT-COL--- */
#right-col { float: right; width: 477px !important; width /**/:527px; padding: 0 30px 0 20px; margin-bottom: 20px; }
#right-col h2 { margin: 15px 0; color: #E58401; font-size: 1.7em; font-weight: normal; border-bottom: 1px dashed #E58401; }
#right-col h3 { margin: 25px 0 15px 0; color: #3A90CD; font-size: 1.4em; font-weight: normal; }
#right-col p { margin: 15px 0; }
#right-col p img { border: 1px solid #4490CB; }

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

#right-col table.projekty { font-size: 100%; width: 475px; margin: 20px 0; }
#right-col table.projekty td { padding: 10px 5px; vertical-align: top; text-align: center;  width: 148px; _width: 158px; font-size: 85%; background: #EEF5FB; }
#right-col table.projekty td img { _text-align: center; *text-align: center; }
#right-col table.projekty td a { text-decoration: none; }
#right-col table.projekty td a:hover { text-decoration: underline; }

.frakcie { padding: 2px; font-size: 100%; width: 470px; }
.frakcie td { padding: 5px; }
.frakcie th { padding: 5px; background: #4490CB; text-align: center; color: #fff; }
.frakcie th.c { width: 80px; }
.frakcie td.a, .frakcie tr.a { background: #F2F2F2; }

/* ---LEFT-COL--- */
#left-col { float: left; width: 243px; }
#left-col ul { margin: 0 0 0 10px; }
#left-col li { height: 34px; line-height: 34px; background: #3A90CD url(img/menu-off.png) no-repeat; vertical-align: middle; list-style: none; width: 233px; }
#left-col li a, #left-col li a:link, #left-col li a:visited, #left-col li a:active { display: block; color: #fff; text-decoration: none; padding-left: 20px; height: 34px; width: 213px !important; width /**/:233px; }
#left-col li a:hover { color: #fff; background: #317FB7; text-decoration: underline; height: 33px; line-height: 33px; vertical-align: middle; }
#left-col li.tab { background: #E58401 url(img/menu-on.png) no-repeat; color: #fff; padding-left: 20px; width: 213px !important; width /**/:233px; }


/* ---FOOTER--- */

#footer { clear: both; font-size: 85%; text-align: left; background: url(img/footer.png) no-repeat; height: 1px; }
#footer #left { float: left; width: 223px !important; width /**/:243px; padding: 10px 0 4px 20px; color: #fff; }
#footer #left p, #footer #right p { padding: 2px; }
#footer #right p span { padding: 0 5px; }
#footer #left p a, #footer #left p a:link, #footer #left p a:visited, #footer #left p a:active, #footer #left p a:hover { color: #fff; }
#footer img, #footer iframe { border: 0; vertical-align: middle; }
#footer #right { float: right; width: 477px !important; width /**/:527px; padding: 10px 30px 4px 20px; }

#bottom { clear: both; height: 16px; width: 770px; width: 100%; text-align: center; background: url(img/bottom.gif) no-repeat bottom center; z-index: 3; }