HTML, BODY { height: 100%; } BODY { margin: 0; padding: 0; font: 13px Arial, Tahoma, Verdana, Helvetica, sans-serif; } A { text-decoration: none; } A:HOVER { text-decoration: underline; } UL { margin: 0; padding: 0; } #all { position: relative; left: 2px; width: 980px; min-height: 100%; height: 100%; margin-right: auto; } #sedy_pas { position: relative; top: 0; left: 0; width: 100%; line-height: 3px; line-height=1px; } #head { position: relative; width: 100%; height: 84px; height=86px; background: #FFF url(/web05.nsf//head2.jpg) no-repeat right; border-top: 1px solid #95B5D5; border-bottom: 1px solid #95B5D5; z-index: 2; } #head #logo { position: absolute; top: 12px; left: 11px; width: 140px; height: 64px; /*background: url(/web05.nsf/logo.gif);*/ z-index: 2; } #head #tri { position: absolute; top: 0; left: 0; width: 68px; height: 58px; background: url(/web05.nsf/tri.jpg); } #menu { position: relative; width: 100%; height: 24px; background: #FFF url(/web05.nsf/menu_back.gif) repeat-x; margin-top: 4px; z-index: 2; } #menu A { color: #FFF; } #menu #menu_left { position: absolute; top: 0; left: 0; width: 100px; height: 20px; background: #FFF url(/web05.nsf/menu_left.gif) no-repeat; } #menu UL { margin-left: 168px; } #menu LI { line-height: 19px; height: 20px; position: relative; display: block; float: left; margin: 0; text-align: center; background: url(/web05.nsf/menu_delim.gif) no-repeat left; padding-left: 20px; padding-right: 20px; font-size: 11px; font-weight: bold; color: #FFF; } #menu #lang { position: absolute; top: 2px; right: 41px; width: 24px; height: 16px; z-index: 4; } #menu #lang IMG { border: 0; } #menu LI.first { background: none; } #blue_row { position: absolute; top: 117px; top=119px; left: 0; width: 978px; width=980px; line-height: 4px; background: #BFD7EF; border: 1px solid #80A6CD; z-index: 1; } #main { position: relative; width: 100%; border-top: #96BED7; text-align: left; z-index: 2; } HTML>BODY #right, HTML>BODY #main, HTML>BODY #all { height: auto; } #left { float: left; position: relative; top: 5px; width: 160px; background: url(/web05.nsf/left_back.gif ) repeat-x bottom; font: 11px Arial, Tahoma, Verdana, Helvetica, sans-serif; z-index: 3; } #left H2, #boxes H2 { font: bold 11px Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #275B98; margin-left: 14px; margin-right: 14px; margin-top: 6px; margin-bottom: 4px; } #left P, #boxes P { margin: 0; padding: 0; padding-top: 6px; margin-left: 10px; margin-right: 8px; color: #444; } #boxes P { padding-bottom: 4px; } #map { font-family: Verdana, Arial; color: #0F569D; } #map A:link { color: #0F569D; font-weight:normal; text-decoration: underline; } #map A:hover { color: #9A253E; font-weight:normal; text-decoration: underline; } #map A:visited { color: #0F569D; font-weight:normal; text-decoration: underline; } #map #area { margin-top:15px; } #map #area A { text-decoration: underline; font: 14px Verdana, Aria; font-weight:normal; } #map #title A { text-decoration: underline; font: 12px Verdana, Aria; font-weight:normal; } #left P#search, #boxes P#news { position: relative; } #left FORM, #boxes FORM { margin-top: 0; margin-bottom=0; } #left INPUT.text, #boxes P#news INPUT.text { background: url(/web05.nsf/textfield.gif) #FFF no-repeat right; border: 0; font: 11px Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #454545; padding-left: 5px; padding-top: 4px; padding-right: 4px; width: 110px; height: 20px; } #left P#search IMG, #boxes P#news IMG { position: absolute; top: 6px; top=7px; left: 120px; width: 21px; height: 21px; border: 0; } #left P#search INPUT.img, #boxes P#news INPUT.img { position: absolute; top: 5px; top=6px; left: 120px; width: 21px; height: 21px; border: 0; } #left HR, #boxes HR { border: 0; border-top: 1px solid #FFF; height: 1px; margin: 1px; margin-top: 8px; margin-bottom: 8px; margin=0; margin-left: 1px; margin-right: 1px; } #left UL { color: #747A7D; list-style-type: square; margin-left: 28px; } #left LI { line-height: 20px; padding-left: 16px; } #left A { color: #454545; } #left A:HOVER { color: #BF0000; text-decoration: none; } #left UL#obsah { list-style-type: none; list-style-position: outside; margin-left: 1px; margin-right: 1px; } #left UL#obsah LI { display: block; width: auto; height: 20px; padding-left: 10px; padding-top: 3px; } #left UL#obsah LI.active { background: #FFF ; /*horni aktivnisekce static ??? neni potreba??? */ padding-left: 10px; } #left UL#obsah LI.active A { /* zvyrazneni barvy textu vpodmenu - cervena*/ color: #BF0000; } #left UL#obsah LI.active:HOVER, #left UL#obsah LI.activehover { display:block; background: #FFF ; /*horni*/ padding-left: 10px; } #left UL#obsah LI:HOVER, #left UL#obsah LI.hover { background: #FFF; /*oznaci menu sekci pro Kliku */ padding-left: 10px; } #left UL#obsah LI:HOVER A, #left UL#obsah LI.hover A { /* zvyrazneni barvy textu vpodmenu - cervena*/ color: #BF0000; } #left UL#obsah LI.submenu { padding-left: 20px; padding-top: 3px; } #left UL#obsah LI.submenu:HOVER, #left UL#obsah LI.submenuhover { background: #FFF ; /* zvyrazneni menu - zluty*/ padding-left: 20px; } #left UL#obsah LI.submenu:HOVER A, #left UL#obsah LI.submenuhover A { /* zvyrazneni barvy textu vpodmenu - cervena*/ color: #BF0000; } #left UL#obsah LI.submenuactive, #left UL#obsah LI.submenuactive:HOVER, #left UL#obsah LI.submenuactivehover { background: #FFF ; padding-left: 20px; } #left #adresa { position: relative; bottom: 12px; right: 8px; color: #454545; text-align: right; margin-top: 124px; visibility: hidden; } #left #adresa A:HOVER { color: #454545; text-decoration:none; } #right { width: 626px; width=646px; height: 200px; float: left; padding: 10px; padding-left: 16px; padding-top: 18px; color: #333333; } #right H1 { margin: 0; padding: 0; font: bold 12px Arial, Verdana, Tahoma, Helvetica, sans-serif; color: #9C1D20; } #right HR { height: 3px; border: 0; border-top: 1px solid #5589BD; border-bottom: 1px solid #E9E9E9; color: #FFFFFF; clear: both; } #right P { margin: 0; margin-top: 6px; margin-bottom: 4px; } #right P.right { margin-top: 2px; text-align: right; float:right; } #right A { color: #2B6BAC; text-decoration: none; font-weight: bold; } #right A:HOVER { text-decoration: none; } #right P.right A { font-size: 11px; } #right IMG.sipka { border: 0; margin-left: 4px; } #right IMG.novinka { margin-left: 4px; margin-right: 4px; } #boxes { float: left; position: relative; top: 5px; width: 160px; background: #FFF url('/web05.nsf/boxes_back.jpg') repeat-x bottom; font: 11px Arial, Tahoma, Verdana, Helvetica, sans-serif; margin-left: 8px; margin-left=14px; z-index: 3; } #boxes A { color: #2B6BAC; text-decoration: none; font-weight: bold; } #boxes A:HOVER { text-decoration: underline; } #boxes #eshop { padding-top: 10px; } #boxes #eshop IMG { border: 0; } #boxes #pd { height: 100px; visibility: hidden; } #reset { clear: both; width: 100%; margin-bottom: 16px; height: 40px; height=20px; } #copyright { position: absolute; left: 0; bottom: 3px; width: 100%; padding: 3px; background: #FFF; z-index: 8; } #copyright HR { height: 3px; margin-bottom: 3px; margin-bottom= -5px; border: 0; border-top: 1px solid #5589BD; border-bottom: 1px solid #E9E9E9; color: #FFFFFF; clear: both; } #copyright #author { float: left; font: bold 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;; color: #ADADAD; padding-left: 17px; } #copyright #navigacia { float: right; color: #2B6BAC ; } #copyright A { font: bold 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;; color: #9C1D20; } #copyright A.mut { color: #2B6BAC; } #hmm { display: none; position: absolute; top: 0; left: 2; width: 160px; height: 100%; background: white url(/web05.nsf/left_bottom_back.gif) repeat-y; font: 11px Arial, Tahoma, Verdana, Helvetica, sans-serif; z-index: 0; } @media screen and (min-width: 550px) { #blue_row { top: 116px; } #copyright HR { margin-bottom: 3px; } #right {width: 620px; } } #left #adresa { position: relative; color: #454545; margin-top: 124px; right: 8px; bottom: 12px; text-align: right; } #left #adresa A:HOVER { color: #454545; text-decoration: none; }