/* ========================= G L O B A L ============================================================================ */ body { margin: 0; padding: 15px 0 0; text-align: center; background: #E5E3E3; color: #777; } body * { line-height: 120%; } body, td, th, input, textarea, select { font: 12px "Helvetica CE", helvetica, arial, lucida, sans-serif; } img, fieldset { border: 0 solid; } h6, h5, h4, h3, h2, h1, p, ul, ol, li, dl, dd, dt, form, fieldset, input, select, textarea { margin: 0; padding: 0; } /* ................................................................................................................... */ a:link, a:visited { color: #222; } a:hover { color: #0F298F; } /* ................................................................................................................... */ .clr { clear: both; height: 1px; font-size: 1px; overflow: hidden; } h6, hr { display: none; } hr.line { display: block; color: #bbb; height: 1px; margin-top: 5px; } /* =================================================================================================================== */ #page { width: 735px; margin: 0 auto; text-align: left; background: url(images/bg-page.gif) repeat-y; } /* ................................................................................................................... */ /* hlavni menu a montage */ #menu { height: 225px; } #menu h1, #menu span { position: absolute; top: -1000px; } #menu ul { list-style-type: none; } #menu li { float: left; width: 105px; height: 225px; } #menu li a { display: block; width: 105px; padding: 5px 0; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; color: #999; text-transform: uppercase; letter-spacing: 2px;} #menu li#menu-01 a { margin: 60px 0 0 13px; width: 102px; height: 108px; } #menu li a:hover, #menu li.active a { color: #CE2900; } /* obrazky na pozadi */ #menu li#menu-01 { background: url(images/bg-menu-01.jpg); width: 210px; } #menu li#menu-02 { background: url(images/bg-menu-02.jpg); } #menu li#menu-03 { background: url(images/bg-menu-03.jpg); } #menu li#menu-04 { background: url(images/bg-menu-04.jpg); } #menu li#menu-05 { background: url(images/bg-menu-05.jpg); } #menu li#menu-06 { background: url(images/bg-menu-06.jpg); } /* over obrazky na pozadi */ #menu li#menu-02.active { background: url(images/bg-menu-02-over.jpg); } #menu li#menu-03.active { background: url(images/bg-menu-03-over.jpg); } #menu li#menu-04.active { background: url(images/bg-menu-04-over.jpg); } #menu li#menu-05.active { background: url(images/bg-menu-05-over.jpg); } #menu li#menu-06.active { background: url(images/bg-menu-06-over.jpg); } /* ................................................................................................................... */ /* hlavni ramec - layout */ #main { background: url(images/bg-main.gif) no-repeat; } #main #languages { width: 121px; float: right; padding: 45px 0 0; } #main #submenu { float: right; width: 180px; padding: 22px 0 0 0; } #main #content { float: left; width: 360px; padding: 22px 0 0 30px; } * html #main #content { width: 390px; w\idth: 360px; } #main h3 { height: 50px; padding: 0 0 0 15px; font-size: 12px; color: #BFBFBF; letter-spacing: 3px; } /* ................................................................................................................... */ /* prepinani jazyku */ #languages a { display: block; width: 32px; height: 24px; float: left; margin: 0 15px 0 0 } /*#languages a#czech.active { background: url(images/flag-cz-active.gif)}*/ #languages a#czech:hover { background: url(images/flag-cz.gif)} /*#languages a#english.active { background: url(images/flag-en-active.gif)}*/ #languages a#english:hover { background: url(images/flag-en.gif)} #languages a span { display: none; } /* ................................................................................................................... */ /* submenu */ #submenu h4 { margin: 0 0 0.5em; padding: 3px 0 3px 29px; font-size: 13px; font-weight: bold; } #submenu h4#cas-01 { background: url(images/bg-cas-01.gif) no-repeat; } #submenu h4#cas-02 { background: url(images/bg-cas-02.gif) no-repeat; } #submenu h4#cas-03 { background: url(images/bg-cas-03.gif) no-repeat; } #submenu h4#cas-04 { background: url(images/bg-cas-04.gif) no-repeat; } #submenu h4#cas-05 { background: url(images/bg-cas-05.gif) no-repeat; } #submenu h4#cas-06 { background: url(images/bg-cas-06.gif) no-repeat; } #submenu h4#cas-07 { background: url(images/bg-cas-07.gif) no-repeat; } #submenu h4#cas-08 { background: url(images/bg-cas-08.gif) no-repeat; } #submenu h4#cas-09 { background: url(images/bg-cas-09.gif) no-repeat; } #submenu h4#cas-10 { background: url(images/bg-cas-10.gif) no-repeat; } #submenu h4#cas-11 { background: url(images/bg-cas-11.gif) no-repeat; } #submenu h4#cas-12 { background: url(images/bg-cas-12.gif) no-repeat; } #submenu h4#cas-13 { background: url(images/bg-cas-13.gif) no-repeat; } #submenu h4#cas-14 { background: url(images/bg-cas-14.gif) no-repeat; } #submenu h4#cas-15 { background: url(images/bg-cas-15.gif) no-repeat; } #submenu h4#cas-16 { background: url(images/bg-cas-16.gif) no-repeat; } #submenu h4#cas-17 { background: url(images/bg-cas-17.gif) no-repeat; } #submenu h4#cas-18 { background: url(images/bg-cas-18.gif) no-repeat; } #submenu h4#cas-19 { background: url(images/bg-cas-19.gif) no-repeat; } #submenu h4#cas-20 { background: url(images/bg-cas-20.gif) no-repeat; } #submenu h4#cas-21 { background: url(images/bg-cas-21.gif) no-repeat; } #submenu h4#cas-22 { background: url(images/bg-cas-22.gif) no-repeat; } #submenu h4#cas-23 { background: url(images/bg-cas-23.gif) no-repeat; } #submenu h4#cas-24 { background: url(images/bg-cas-24.gif) no-repeat; } #submenu h4#cas-25 { background: url(images/bg-cas-25.gif) no-repeat; } #submenu h4#cas-26 { background: url(images/bg-cas-26.gif) no-repeat; } #submenu ul { margin: 0.5em 0 1em; list-style-type: none; } #submenu li { margin: 0 0 0.3em 4px; padding: 0 0 0 25px; background: url(images/bg-li.gif) no-repeat 0 3px; } #submenu li.norm { font-weight: bold; margin: 0 0 0.3em -8px; padding: 0 0 0 25px; background: url(images/bg-li.gif) no-repeat 0px 3px; } #submenu a { text-decoration: none; color: #7B8483; } #submenu a:hover { text-decoration: underline; color: #CE2900; } #submenu .active a, #submenu .active a:hover { text-decoration: none; color: #CE2900; } /* ................................................................................................................... */ /* hlavni obsah */ #content { color: #555; } #content h4 { margin: 0 0 0.2em; font-size: 19px; font-weight: normal; } #content h5 { margin: 0 0 0.5em; font-size: 14px; } #content h5 span { float: right; font-size: 11px; font-weight: bold; margin: 0 0 0.5em; } #content p { margin: 0 0 1em; } #content p.h { margin: 0 0 0.5em; } #content p.d { margin: 0 0 2em; } #content p span.ir { float: right; } #content a { text-decoration: underline; color: #CE2900; } #content a:hover { color: #000; } #content a.active { text-decoration: none; color: #000; } /* obecne tridy */ #content .d { margin: 0 0 2em; } #content .blue { color: #0F298F; } #content .gray { color: #777; } #content .bold { font-weight: bold; } #content .d { margin: 0 0 2em; } /* seznam */ #content ul { margin: 0 0 1em; list-style-type: none; } #content li { padding: 0 0 0.2em 20px; background: url(images/bg-li.gif) no-repeat 0 3px; } /* obrazky */ #content img.il { float: left; clear: left; margin: 2px 1em 0.5em 0; } #content img.ir { float: right; clear: right; margin: 2px 0 0.5em 1em; } #content img.frame { border: 1px solid #999; } /* odkzy pod clankem */ #content #links-l { float: left; width: 175px; margin-top: 0.4em; } #content #links-r { float: right; width: 175px; margin-top: 0.4em; } #content dl { margin: 0 0 2em; font-size: 11px; } #content dt { float: left; margin-bottom: -100px; } #content dd { margin: 0 0 0.2em 30px; padding: 0.3em 0 0; } /* listovani */ #content .list { clear: both; margin: 1.5em 0 1em 0; text-align: center; font-size: 11px; } #content .list .fl { float: left; width: 100px; } #content .list .fr { float: right; width: 100px; } #content .list .ac { margin: 0 0 0.3em; } #content .list p { margin: 0.6em 0m; color: #777; } /* ................................................................................................................... */ /* titulka */ #main #content.title { width: 380px; } * html #main #content.title { width: 410px; w\idth: 380px; } #content.title ul * { line-height: 100%; } #content.title ul { margin: 0; min-height:250px; _height:250px;} /*#content.title li { padding: 0; width: 77px; height: 110px; float: left; margin: 0 18px 0 0; background: url(images/bg-li.gif) no-repeat 62px 80px; text-align: center; }*/ /*#content.title li { padding: 0; width: 102px; height: 150px; float: left; margin: 0px 24px 0px 0; */ /*kostky na hlavni strance*/ #content.title li { padding: 0; width:116px; height: 153px; float: left; margin: 0px 8px 40px 2px; /*_margin: 0px 46px 0px 20px;*/ background: url(images/bg-li.gif) no-repeat 96px 148px; text-align: center;} #content.title li span { } /*#content.title li img { border: 1px solid #a8a8a8;}*/ #content.title li img { border: 1px solid #a8a8a8; margin:5px 0px; height: 140px;} #content.title li a { font-size: 13px; font-weight: bold; text-decoration: none; color: #7B8483; margin-right: 5px; } #content.title li a:hover { color: #CE2900; text-decoration: underline; } #submenu.title ul { margin: 0.5em 0 1em; list-style-type: none; font-size: 10px; } #submenu.title li { margin: 0 0 2em 0; padding: 0 20px 0 15px; background: url(images/bg-li.gif) no-repeat -7px 3px; } #submenu.title .tmenu a { font-size: 11px; font-weight: bold; color: #CE2900; text-decoration: none; } /* ................................................................................................................... */ /* formular */ #content form { margin: 0 0 1em; } #content form fieldset { margin: 0.7em 0 0.5em ; padding: 1em 0 0.5em; border-top: 1px solid #A8A8A8; } #content form legend { margin: 0 0 0.5em 0; padding: 0.4em 0.6em; color: #0F298F; font-weight: bold; font-size: 12px; } #content form label { display: block; float: left; clear: left; width: 120px; text-align: right; font-weight: bold; color: #333; padding-top: 0.2em; margin: 0 20px 0.1em 0; } #content form label.left { display: block; float: left; clear: left; width: 70px; text-align: left; font-weight: bold; color: #333; padding-top: 0.2em; margin: -2px 20px 0.1em 0; } #content form label.tajenka { display: block; float: left; clear: left; width: 0px; text-align: right; font-weight: bold; color: #333; padding-top: 0.2em; margin: 0 20px 0.1em 0; } /* zakladni prvky: input, textarea, select, check box, file select */ #content form label.nr { font-weight: normal; } #content form input, #content form textarea, #content form select { background: #fff; border: 1px solid #333; font-size: 1em; margin-bottom: 3px; } #content form select.small { background: #fff; border: 1px solid #333; font-size: 0.8em; margin-bottom: 3px; } /* ikona vpravo od policka input */ #content form img { margin: 4px 0 0 5px; vertical-align: top; } /* chybov� hl�ska - vykricnik */ #content form img.er { margin: 0 0 0 5px; } /* popiska pod polickem input */ #content form p { font-size: 10px; margin: 0 10px 0 144px; } #content form p.tajenka { font-size: 10px; margin: 0 10px 0 1px; float: left; text-align: left; } /* falesne pole - text misto policka input */ #content form div { margin: 0.2em 10px 0 140px; } /* odesilaci tlacitka */ #content form .submit { text-align: right; padding: 0.5em 0; border-top: 1px solid #A8A8A8; clear: both; margin: 0; } #content form .submit input { width: 64px; height: 18px; border: 1px solid #999; background: url(images/bg-button.gif); font-weight: bold; color: #CE2900; } /* chybova hlaska */ #content .error { margin: 0 0 1em; padding: 0.5em 1em 0; border: 1px solid #000; background: #fec000; font-size: 12px;} #content .error h5 { margin: 0 0 0.5em; font-size: 12px;} #content .error ul { list-style-type: square; margin: 0 0 0.5em; padding: 0; } #content .error li { margin: 0 0 0 24px; background: none; } /* success hlaska */ #content .success { margin: 0 0 1em; padding: 0.5em 1em 0; border: 1px solid #000; background: #7ADDFA; font-size: 12px;} #content .success h5 { margin: 0 0 0.5em; font-size: 12px;} #content .success p { margin: 0 0 0.5em; } /* ................................................................................................................... */ /* pata */ #main #foot { background: url(images/bg-foot.gif) no-repeat #fff; font-size: 10px; text-align: center; color: #8C8C8C; } #main #foot p { margin: 0 0 10px; padding: 35px 0 0; } #main #foot a { color: #8C8C8C; text-decoration: none; } #main #foot a.active { color: #CE2900; text-decoration: none; } #main #foot a:hover { text-decoration: underline; color: #CE2900; } #main #copyright { background: #E5E3E3; padding: 1em 0; color: #fff; } #main #copyright a { color: #fff; } #main #copyright a:hover { color: #222; text-decoration: underline; } /* =================================================================================================================== */