body { margin: 0; padding: 0; background: #80ccd0 url('./../images/pozadi.jpg') top left repeat; } p { margin: 0; } h1 { margin: 0; } h2 { margin: 0 0 3px 0; font-family: Arial Black; font-weight: normal; font-size: 21px; line-height: 24px; } h3 { margin: 4px 0 0 0; font-size: 14px; line-height: 16px; font-family: Arial Black; font-weight: normal; } a { text-decoration: underline; color: #000000; } a:hover {color: #0000FF;} img { border: 0; } #bkg-foot { position: relative; min-width: 980px; height: 960px;} #bkg-foot-so { position: relative; min-width: 980px; height: 760px; } #bkg-foot-ko { position: relative; min-width: 980px; height: 1000px; } #bkg-foot-tc { position: relative; min-width: 980px; height: 624px; } #bkg-foot-dwnld { position: relative; min-width: 980px; height: 600px; } #foot { position: absolute; right: 8px; bottom: 8px; width: 115px; height: 122px; } #foot #flash { position: absolute; left: 0; bottom: -8px; } a#prihlaska { display: block; position: absolute; left: 676px; top: -4px; width: 210px; height: 42px; background-image: url(./../images/elektronicka-prihlaska.gif); z-index: 1;} a#prihlaska:hover { background-position: -210px 0; } a#prihlaska span { display: none; } #page { position: relative; top: 24px; width: 980px; margin: 0 auto 0 auto; font-family: Times New Roman, Times, serif; font-size: 14px;} #bkg-push { position: absolute; top: 12px; width: 980px; height: 600px; opacity: 0.3; filter: alpha(opacity=30); z-index: -2; background: transparent url('./../images/pozadi-push.gif') top center no-repeat; } #bkg-fel, #bkg-fbmi, #bkg-fd, #bkg-fjfi { position: absolute; top: 12px; width: 980px; height: 640px; opacity: 0.3; filter: alpha(opacity=30); z-index: -2; background: transparent url('./../images/pozadi-fel.gif') top center no-repeat;} #bkg-fbmi {background-image: url('./../images/pozadi-fbmi.gif');} #bkg-fd {background-image: url('./../images/pozadi-fd.gif');} #bkg-fjfi {background-image: url('./../images/pozadi-fjfi.gif');} #sestava { position: absolute; left: 336px; top: 270px; width: 305px; height: 124px; } a#backses { display: block; z-index: 3; margin: 20px auto 0 auto; width: 129px; height: 99px; background-image: url(./../images/zpet.gif); } a#backses:hover { background-position: -129px 0; } a#backses span { display: none; } #vyhra { position: absolute; left: 103px; top: 0; width: 377px; height: 118px; } #cena { position: absolute; left: 342px; top: 124px; width: 359px; height: 453px; } #text-vy { position: absolute; top: 240px; left: 180px; width: 180px; } #text-vy span { padding: 2px 0 3px 0; line-height: 18px; background-color: #BCDC6C; } a#backvy { display: block; position: absolute; z-index: 3; left: 690px; top: 444px; width: 129px; height: 99px; background-image: url(./../images/zpet.gif); } a#backvy:hover { background-position: -129px 0; } a#backvy span { display: none; } #video-1 { display: block; position: absolute; left: 48px; top: 176px; width: 338px; height: 285px; background-image: url(./../images/box-video.gif); } #video-2 { display: block; position: absolute; left: 260px; top: 496px; width: 338px; height: 285px; background-image: url(./../images/box-video.gif); } #video-3 { display: block; position: absolute; left: 70px; top: 820px; width: 338px; height: 285px; background-image: url(./../images/box-video.gif); } .tube { position: absolute; left: 9px; top: 9px; width: 320px; height: 264px; } #casopis { position: absolute; left: 310px; top: 20px; width: 360px; height: 512px; } #casopis a { color: #000000; } #casopis a:hover { color: #A04060; } #casopis h3 { margin: 11px 0 0 7px; font-size: 16px; line-height: 18px; } #contact { position: absolute; left: 220px; top: 20px; width: 381px; } #adresa { position: absolute; left: 85px; top: 151px; } #adresa span { padding: 2px 0 2px 0; line-height: 18px; background-color: #E478F4; } #kontakt-1 { position: absolute; left: 95px; top: 313px; } #kontakt-2 { position: absolute; left: 85px; top: 478px; } #kontakt-3 { position: absolute; left: 101px; top: 654px; } #kontakt-4 { position: absolute; left: 93px; top: 813px; } #kontakt-5 { position: absolute; left: 547px; top: 290px; } #kontakt-6 { position: absolute; left: 572px; top: 479px; } #kontakt-7 { position: absolute; left: 537px; top: 626px; } #kontakt-8 { position: absolute; left: 569px; top: 825px; } #kontext-1 { position: absolute; left: 236px; top: 320px; } #kontext-1 span { padding: 2px 0 2px 0; line-height: 18px; background-color: #E8F074; } #kontext-2 { position: absolute; left: 257px; top: 482px; } #kontext-2 span { padding: 2px 0 2px 0; line-height: 18px; background-color: #E8F074; } #kontext-3 { position: absolute; left: 242px; top: 660px; } #kontext-3 span { padding: 2px 0 2px 0; line-height: 18px; background-color: #E8F074; } #kontext-4 { position: absolute; left: 242px; top: 834px; } #kontext-4 span { padding: 2px 0 2px 0; line-height: 18px; background-color: #E8F074; } #kontext-5 { position: absolute; left: 713px; top: 320px; } #kontext-5 span { padding: 2px 0 2px 0; line-height: 18px; background-color: #E8F074; } #kontext-6 { position: absolute; left: 713px; top: 491px; } #kontext-6 span { padding: 2px 0 2px 0; line-height: 18px; background-color: #E8F074; } #kontext-7 { position: absolute; left: 713px; top: 660px; } #kontext-7 span { padding: 2px 0 2px 0; line-height: 18px; background-color: #E8F074; } #kontext-8 { position: absolute; left: 713px; top: 834px; } #kontext-8 span { padding: 2px 0 2px 0; line-height: 18px; background-color: #E8F074; } #teknical { position: absolute; left: 232px; top: 36px; width: 50px; height: 381px; } #o-projektu { position: absolute; left: 0px; top: 64px; width: 77px; height: 294px; } #projekt-text { position: absolute; top: 32px; left: 128px; width: 568px; } #projekt-text p {margin: 1.2em 0;} #projekt-text span { padding: 1px 0 1px 0; line-height: 19px; background-color: #C0D868; } #projekt-text a { color: #000000; } #projekt-text a:hover { color: #0000FF; } a#backop { display: block; position: relative; z-index: 3; left: 600px; top: 360px; width: 129px; height: 99px; background-image: url(./../images/zpet.gif); } a#backop:hover { background-position: -129px 0; } a#backop span { display: none; } a#backtc { display: block; position: absolute; z-index: 3; left: 702px; top: 400px; width: 129px; height: 99px; background-image: url(./../images/zpet.gif); } a#backtc:hover { background-position: -129px 0; } a#backtc span { display: none; } a#backko { display: block; position: absolute; z-index: 3; left: 410px; top: 140px; width: 129px; height: 99px; background-image: url(./../images/zpet.gif); } a#backko:hover { background-position: -129px 0; } a#backko span { display: none; } a#back { display: block; position: absolute; left: 192px; top: 144px; width: 129px; height: 99px; background-image: url(./../images/zpet.gif); } a#back:hover { background-position: -129px 0; } a#back span { display: none; } #char { position: absolute; display: table; left: 420px; top: 336px; width: 192px; height: 192px; text-align: center; vertical-align: middle; z-index: 2; } #char img { display: block; position: relative; left: 0; margin: 0 auto; } #fakulta { position: absolute; left: 36px; width: 299px; } #fakulta a { margin-left: 12px; line-height: 20px; color: #404040; font-weight: bold; } #fakulta a:hover { color: #0000FF; } #fakulty { position: absolute; left: 112px; top: 420px; width: 282px; height: 214px; background-image: url(./../images/box-fakulty.gif); } #fakulty p { margin: 33px 0 0 18px; line-height: 21px; } #fakulty a { font-weight: normal; color: #80f0ff; display: block; } #fakulty a:hover { color: #A04060; } #kontakt { position: absolute; left: 720px; top: 270px; width: 206px; height: 29px; padding: 12px 0 0 12px; background-image: url(./../images/box-kontakt.gif); } #kontakt a { color: #80f0ff; font-weight: bold; } #kontakt a:hover { color: #FFFF00; } a#foto-1 { display: block; position: absolute; left: 360px; top: 80px; width: 287px; height: 215px; background-image: url(./../images/box-foto-1-off.gif); } a#foto-1:hover { background-image: url(./../images/box-foto-1-on.gif); } a#foto-1 img { position: absolute; left: 31px; top: 32px; width: 224px; height: 146px; } a#foto-2 { display: block; position: absolute; left: 420px; top: 512px; width: 380px; height: 274px; background-image: url(./../images/box-foto-2-off.gif); } a#foto-2:hover { background-image: url(./../images/box-foto-2-on.gif); } a#foto-2 img { position: absolute; left: 52px; top: 42px; width: 290px; height: 196px; } a#more { display: block; position: absolute; left: 618px; top: 336px; width: 378px; height: 206px; background: transparent url(./../images/reknete-mi-vic.gif) 0 0 no-repeat; } a#more:hover { background-position: -378px 0; } a#more:active { background-position: -756px 0; } a#more span { display: none; } #prijimacky { display: block; position: absolute; left: 804px; top: 520px; width: 178px; height: 166px; } #text-1 { position: absolute; top: 272px; left: 12px; width: 348px; } #text-1 span { padding: 2px 0 3px 0; line-height: 18px; background-color: #C068E8; } #text-2 { position: absolute; top: 32px; left: 672px; width: 272px; } #text-2 span { padding: 2px 0 3px 0; line-height: 18px; background-color: #BCDC6C; } #text-2 a { color: #000000; } #text-2 a:hover { color: #A04060; } #text-3 { position: absolute; top: 680px; left: 60px; width: 336px; } #text-3 span { padding: 2px 0 3px 0; line-height: 18px; background-color: #BCDC6C; }