BODY {background-image: url('images/bg.jpg'); background-repeat: repeat-x; background-position: center top; background-color: #002636; font-family: Arial; margin: 0px;} A:HOVER {text-decoration: none;} #mainFrame {width: 975px; margin-left: auto; margin-right: auto;} #topLine {width: 975px; height: 22px; float: left; padding: 8px 0px 0px 0px; margin: 0px 0px 20px 0px; text-align: center; font-size: 12px; color: #82b0cb; font-style: italic; letter-spacing: 0px;} #topLine A {color: #FFF; font-style: normal; text-decoration: none;} #topLine A:HOVER {color: #f5bd15;} #topFrame {width: 975px; height: 143px; float: left;} #topFrame H1 {width: 200px; height: 143px; float: left; padding: 0px; margin: 0px; background-image: url('images/logo.jpg');} #topFrame H1 .hideText {display: none;} #topFrame H1 A {width: 200px; height: 143px; float: left; display: block; border: 0px;} #mainPic {width: 575px; height: 143px; float: left; position: relative;} #mainPic IMG {border: 0px; float: left;} #mainPic .header {width: 575px; height: 60px; float: left; position: absolute; top: 0px; left: 0px; padding: 83px 0px 0px 0px;} #mainPic .header P {height: 22px; float: right; padding: 8px 15px 0px 15px; margin: 0px; font-size: 14px; color: #1b6593; font-weight: bold; text-decoration: none; text-align: center; background-image: url('images/mainpic-header2-bg.gif');} #bannerSpace01 {width: 200px; height: 143px; float: left; background-image: url('images/righttop.jpg');} #bannerSpace01 IMG {border: 0px; float: left;} #menu {width: 975px; height: 63px; float: left; background-image: url('images/menu-bg.jpg');} #menuAligner {float: right; position: relative; left: -50%; text-align: center;} #menuAligner UL .hideMenu {display: none;} #menuAligner UL {height: 63px; list-style: none; padding: 0px; margin: 0px; position: relative; left: 50%;} #menuAligner UL LI {height: 63px; float: left; position: relative; padding: 0px; margin: 0px; background-image: url('images/menu-delimiter.gif'); background-position: right 22px; background-repeat: no-repeat;} #menuAligner UL LI A {height: 43px; padding: 20px 17px 0px 18px; display: block; float: left; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; text-transform: uppercase;} #menuAligner UL LI A:HOVER {color: #0d3852;} #menuAligner UL .last {background-image: none;} #menuAligner UL .last A {padding: 20px 17px 0px 17px;} #menuAligner UL .now A {color: #f5bd15;} #menuAligner UL LI UL {width: 250px; height: auto; position: absolute; list-style: none; left: 0px; top: 45px; z-index: 100;} #menuAligner UL LI UL LI {width: 250px; height: auto; clear: both; background-image: url('images/submenu-bg.gif'); background-repeat: no-repeat; background-position: left 1px; background-color: #6398b9; margin: 0px 0px 1px 0px; padding: 0px;} #menuAligner UL LI UL LI A {width: 222px; height: auto; padding: 4px 10px 4px 18px; font-size: 11px; color: #FFF; font-weight: 100; margin: 0px; text-align: left;} #menuAligner UL LI UL LI A:HOVER {color: #0d3852;} #menuAligner UL .now UL LI A {color: #FFF;} #menuAligner UL .now UL LI A:HOVER {color: #0d3852;} #middleFrame {width: 975px; float: left; min-height: 822px; _height: 822px;} #middleFrame .leftBar {width: 200px; float: left;} #middleFrame .leftBar .frame {width: 200px; float: left; margin: 0px 0px 20px 0px; padding: 0px 0px 8px 0px; background-image: url('images/frame-bg.png'); _background-image: url('images/frame-bg.gif'); background-repeat: no-repeat; background-position: left top;} #middleFrame .leftBar .frame H2 {width: 185px; height: 20px; float: left; padding: 5px 0px 0px 15px; margin: 0px 0px 15px 0px; font-size: 12px; color: #372a05;} #middleFrame .leftBar .frame P {width: 170px; float: left; padding: 0px 15px 0px 15px; margin: 0px 0px 7px 0px; font-size: 11px; color: #FFF; line-height: 1.4;} #middleFrame .leftBar .frame P A {color: #FFF;} #middleFrame .leftBar .frame P A:HOVER {color: #f5bd15;} #middleFrame .leftBar .frame IMG {border: 0px;} #middleFrame .leftBar .frame .yellowText {color: #f5bd15; font-weight: bold;} #middleFrame .leftBar .frame .sumpersko {width: 170px; float: left; padding: 0px 15px 0px 15px; margin: 7px 0px 7px 0px;} #middleFrame .leftBar .frame .sumpersko IMG {border: 0px;} #middleFrame .leftBar .formInput {width: 140px; float: left; padding: 0px 0px 0px 15px;} #middleFrame .leftBar .formInput INPUT {width: 124px; height: 16px; float: left; border: 1px solid #ccc; padding: 1px 2px 1px 2px; font-size: 11px; color: #073a56;} #middleFrame .leftBar .formSubmit {width: 30px; float: left; padding: 0px 0px 7px 0px;} #middleFrame .leftBar .formSubmit INPUT {width: 30px; float: left; height: 20px; border: 0px; font-size: 11px; color: #372a05;; font-weight: bold; background-color: #f5bd15;} #middleFrame .content {width: 515px; float: left; padding: 5px 30px 20px 30px;} #middleFrame .content .navigation {width: 515px; float: left; margin: 0px 0px 15px 0px; font-size: 11px; color: #82b0cb;} #middleFrame .content .navigation A {color: #82b0cb; text-decoration: none;} #middleFrame .content .navigation A B {color: #FFF; font-weight: bold;} #middleFrame .content .navigation A:HOVER {color: #f5bd15;} #middleFrame .content H2 {width: 515px; float: left; margin: 0px 0px 10px 0px; font-size: 18px; font-weight: bold; color: #f5bd15;} #middleFrame .content H3 {width: 515px; float: left; margin: 10px 0px 10px 0px; font-size: 14px; font-weight: bold; color: #FFF; padding: 0px 0px 5px 0px; border-bottom: 1px dotted #FFF;} #middleFrame .content H4 {width: 515px; float: left; margin: 10px 0px 0px 0px; font-size: 14px; font-weight: bold; color: #f5bd15; padding: 0px 0px 5px 0px;} #middleFrame .content H4 A {color: #f5bd15;} #middleFrame .content .HR {width: 515px; height: 2px; border-top: 1px dotted #FFF; float: left; font-size: 1px;} #middleFrame .content P {width: 515px; float: left; margin: 0px 0px 10px 0px; font-size: 11px; color: #FFF; line-height: 1.5;} #middleFrame .content UL {width: 495px; float: left; padding: 0px 0px 0px 20px; margin: 0px 0px 15px 0px; list-style: square;} #middleFrame .content UL LI {width: 495px; float: left; font-size: 11px; color: #FFF; line-height: 1.5; padding: 1px 0px 1px 0px;} #middleFrame .content UL LI A {color: #f5bd15;} #middleFrame .content P A {color: #f5bd15;} #middleFrame .content .as {text-align: right; margin: 0px; padding: 15px 0px 0px 0px;} #middleFrame .content .formRow {width: 270px; height: 22px; padding: 8px 0px 0px 0px; float: left; font-size: 12px; color: #FFF;} #middleFrame .content .formRow2 {width: 270px; height: 72px; padding: 8px 0px 0px 0px; float: left; font-size: 12px; color: #FFF;} #middleFrame .content .formRow .smallText {font-size: 10px;} #middleFrame .content .formInput2 {width: 245px; height: 75px; float: left; padding: 5px 0px 0px 0px;} #middleFrame .content .formInput2 TEXTAREA {width: 239px; height: 65px; float: left; font-family: Arial; padding: 1px 2px 1px 2px; border: 1px solid #ccc; font-size: 11px; color: #073a56;;} #middleFrame .content .formInput {width: 245px; height: 25px; float: left; padding: 5px 0px 0px 0px;} #middleFrame .content .formInput INPUT {width: 239px; float: left; padding: 1px 2px 1px 2px; border: 1px solid #ccc; font-size: 11px; color: #073a56;} #middleFrame .content .formSubmit {width: 515px; float: left; margin: 10px 0px 10px 0px;} #middleFrame .content .formSubmit INPUT {width: 515px; float: left; height: 20px; border: 0px; font-size: 11px; color: #372a05;; font-weight: bold; background-color: #f5bd15;} #middleFrame .content .photoFrame {width: 515px; float: left; margin: 0px 0px 10px 0px;} #middleFrame .content .photoFrame IMG {float: left; border: 2px solid #FFF; margin: 0px 0px 10px 0px;} #middleFrame .content .photoFrame .delimiter {width: 7px; height: 96px; float: left;} #middleFrame .content .frame {width: 513px; height: 113px; float: left; padding: 1px; margin: 0px 0px 10px 0px; background-image: url('images/cnt-frame.jpg');} #middleFrame .content .frame .date {width: 76px; height: 23px; float: left; padding: 8px 0px 0px 0px; text-align: center; font-size: 11px; color: #FFF;} #middleFrame .content .frame H3 {width: 429px; float: left; height: 25px; margin: 0px; padding: 6px 0px 0px 8px; font-size: 16px; font-weight: bold; border: 0px;} #middleFrame .content .frame H3 A {color: #f5bd15; text-decoration: none;} #middleFrame .content .frame H3 A:HOVER {text-decoration: underline;} #middleFrame .content .frame IMG {float: left; border: 0px;} #middleFrame .content .frame P {width: 413px; float: left; padding: 8px 8px 0px 8px; color: #7badcb; margin: 0px; line-height: 1.6;} #middleFrame .content .frame2 {width: 513px; height: 113px; float: left; padding: 1px; margin: 0px 0px 10px 0px; background-image: url('images/cnt-frame2.jpg');} #middleFrame .content .frame2 H3 {width: 505px; float: left; height: 25px; margin: 0px; padding: 6px 0px 0px 8px; font-size: 16px; font-weight: bold; border: 0px;} #middleFrame .content .frame2 H3 A {color: #f5bd15; text-decoration: none;} #middleFrame .content .frame2 H3 A:HOVER {text-decoration: underline;} #middleFrame .content .frame2 IMG {float: left; border: 0px;} #middleFrame .content .frame2 P {width: 413px; float: left; padding: 8px 8px 0px 8px; color: #7badcb; margin: 0px; line-height: 1.6;} /* MCHAL */ #middleFrame .content .programDate {margin-bottom: 0px;} #middleFrame .content .programNadpis {margin-top: 0px; margin-bottom: 15px;} #middleFrame .content TABLE {width: 515px;} #middleFrame .content TH {font-size: 12px; padding: 3px 5px 3px 5px; color: #FFF; text-align: center; font-weight: bold; background-color: #114d72;} #middleFrame .content TD {font-size: 11px; padding: 3px 5px 3px 5px; color: #FFF; background-color: #114d72;} #middleFrame .content P IMG {border: 2px #114d72 solid;} /* END MCHAL */ #middleFrame .rightBar {width: 200px; float: left;} #middleFrame .rightBar .frame {width: 200px; min-height: 123px; _height: 123px; float: left; margin: 0px 0px 20px 0px; background-image: url('images/frame-bg.png'); _background-image: url('images/frame-bg.gif'); background-repeat: no-repeat; background-position: left top;} #middleFrame .rightBar .frame H2 {width: 185px; height: 20px; float: left; padding: 5px 0px 0px 15px; margin: 0px 0px 15px 0px; font-size: 12px; color: #372a05;} #middleFrame .rightBar .frame P {width: 170px; float: left; padding: 0px 15px 0px 15px; margin: 0px 0px 15px 0px; font-size: 11px; color: #FFF; line-height: 1.6;} #middleFrame .rightBar .frame P A {color: #FFF;} #middleFrame .rightBar .frame P A:HOVER {color: #f5bd15;} #middleFrame .rightBar .frame IMG {border: 0px; float: left;} #middleFrame .rightBar .frame .yellowText {color: #f5bd15; font-weight: bold;} #middleFrame .rightBar .projects {width: 200px; float: left; margin: 0px 0px 20px 0px;} #middleFrame .rightBar .projects .hideText {display: none;} #middleFrame .rightBar .projects A {width: 200px; height: 50px; float: left; display: block; margin: 0px 0px 10px 0px;} #middleFrame .rightBar .projects .project01 {background-image: url('images/projects/01-off.jpg');} #middleFrame .rightBar .projects .project01:HOVER {background-image: url('images/projects/01.jpg');} #middleFrame .rightBar .projects .project02 {background-image: url('images/projects/02-off.jpg');} #middleFrame .rightBar .projects .project02:HOVER {background-image: url('images/projects/02.jpg');} #middleFrame .rightBar .projects .project03 {background-image: url('images/projects/03-off.jpg');} #middleFrame .rightBar .projects .project03:HOVER {background-image: url('images/projects/03.jpg');} #middleFrame .rightBar .projects .project04 {background-image: url('images/projects/04-off.jpg');} #middleFrame .rightBar .projects .project04:HOVER {background-image: url('images/projects/04.jpg');} #middleFrame .rightBar .projects .project05 {background-image: url('images/projects/05-off.jpg');} #middleFrame .rightBar .projects .project05:HOVER {background-image: url('images/projects/05.jpg');} #middleFrame .rightBar .projects .project06 {background-image: url('images/projects/06-off.jpg');} #middleFrame .rightBar .projects .project06:HOVER {background-image: url('images/projects/06.jpg');} #middleFrame .rightBar .fb {width: 166px; padding: 8px 0px 8px 8px; float: left; margin: 0px 0px 20px 13px; background-color: #f5bd15;} #bottomFrame {width: 975px; height: 121px; float: left; background-image: url('images/bottom-bg.jpg');} #bottomFrame .copyright {width: 200px; float: left; padding: 30px 0px 0px 0px; text-align: center; font-size: 11px; color: #427593;} #bottomFrame .adds {width: 575px; float: left; padding: 30px 0px 0px 0px; text-align: center; font-size: 11px; color: #427593;} #bottomFrame .adds A {text-decoration: none; color: #427593;} #bottomFrame .adds A:HOVER {color: #FFF;} #bottomFrame .adds .counter {font-size: 14px; color: #FFF;} #bottomFrame .createdBy {width: 133px; float: left; padding: 17px 0px 0px 67px;} #bottomFrame .createdBy A .hideText {display: none;} #bottomFrame .createdBy A {width: 66px; height: 35px; float: left; display: block; background-image: url('images/netsimple.jpg');} #bottomFrame .createdBy A:HOVER {background-image: url('images/netsimple-on.jpg');}