* { padding: 0px; margin: 0px; font-family: Tahoma; font-size: 11px; } a { color: #000000; text-decoration: none; } body { text-align: center; background-color: #03426b; } div.cleaner { clear: both; width: 100%; height: 1px; } img { vertical-align: middle; border: 0px; } #root { width: 969px; margin: 20px auto 0px auto; padding: 0px 11px 0px 11px; text-align: left; } #links { width: 969px; height: 20px; } #links h1 { font-weight:bold; padding-left: 15px; color: #132030; } #top { width: 969px; height: 110px; } #top div.logo { float: left; width: 400px; background-color: #03426b;} #top div.right-panel { float: right; width: 549px; height:100px; background-image: url( "top/bgbanner.jpg" ); background-repeat: no-repeat; background-position: 0px 15px; } #top div.right-panel span { float:right; padding-right: 50px; font-weight:bold; color: #a4b8c8; } #top div.right-panel img { padding: 13px 0px 0px 10px; } #header { width: 969px; height: 163px; background-color: #132030; } #header img { position: absolute; } #header h2 { padding: 55px 0px 0px 40px; color: #FEC007; font-size: 22px; font-family: tahoma; } #navigation { width: 969px; height: 76px; background-color: #132030; background-image: url( "menu/menu.jpg" ); background-repeat: no-repeat; } #navigation ul { list-style-type: none; float: right; padding: 10px 15px 0px 15px; } #navigation ul li { float: left; padding: 0px 10px; } #navigation ul li a.online { color: #132030; font-size: 13px; text-decoration: underline; } #navigation ul li a.offline { color: #ffffff; font-size: 13px; text-decoration: none; } #navigation ul li a.offline:hover { color: #132030; font-size: 13px; text-decoration: underline; } #main { width: 969px; background-color: #d6d6d6; } #left-panel { width: 225px; float: left; } #left-panel h3 { } #left-panel h3.uzivatelske-menu { text-transform: uppercase; padding: 8px 10px 4px 10px; color: #ffffff; font-weight: bold; background-color: #03426b; } #left-panel p.uzivatelske-menu { line-height: 22px; background-color: #a4b8c8; background-image: url( "/layout/left-panel/menu.jpg" ); background-repeat: no-repeat; background-position: bottom; padding: 0px 20px; } #left-panel p.uzivatelske-menu span { width: 80px; } #left-panel p.uzivatelske-menu input { float: right; height: 17px; width: 120px; padding: 0px 10px; background-color: #d6d6d6; border: 1px solid #03426b; border-top: 0px solid; } #left-panel p.uzivatelske-menu a { text-decoration: none; clear:both; } #left-panel p.uzivatelske-menu a:hover{ text-decoration: underline; } #left-panel input.s{ margin-left: 110px; width:100px; height: 20px; font-size: 12px; clear:both; text-align: center; color: #000000; background-color: #a4b8c8; border: 0px; } #left-panel input.s:hover{ font-weight:bold; border-left: 1px solid #03426b; border-right: 1px solid #03426b;} #left-panel h3.nabidka-obleceni { text-transform: uppercase; padding: 8px 10px 4px 10px; color: #ffffff; font-weight: bold; background-color: #03426b;} #left-panel ul.nabidka-obleceni { padding: 15px 0px 10px 25px; list-style-type: none; margin-bottom: 10px; background-color: #a4b8c8; background-image: url( "/layout/left-panel/menu.jpg" ); background-repeat: no-repeat; background-position: bottom; } #left-panel ul.nabidka-obleceni li { margin-bottom: 5px; height: 25px; background-image: url( "left-panel/menu.png" ); background-repeat: no-repeat; } #left-panel ul.nabidka-obleceni li:hover { background-image: url( "left-panel/menuhover.png" ); background-repeat: no-repeat; } #left-panel ul.nabidka-obleceni li.online { background-image: url( "left-panel/menuhover.png" ); background-repeat: no-repeat; } #left-panel ul.nabidka-obleceni li img { width: 16px; height: 16px; float:left; padding: 4px 0px 0px 12px; border: 0px solid; } #left-panel ul.nabidka-obleceni li a { color: #132030; padding-left: 55px; display: block; padding-top: 5px; font-weight: bold; } #left-panel ul.nabidka-obleceni li a:hover { color: #000000; text-decoration: underline; } #left-panel h3.kontaktni-informace { text-transform: uppercase; padding: 8px 10px 4px 10px; color: #ffffff; font-weight: bold; background-color: #03426b; } #left-panel p.kontaktni-informace { padding: 4px; line-height: 17px; } #left-panel p.kontaktni-informace strong { display: block; width: 70px; float: left; } #left-panel p.kontaktni-informace span { color: #B0371C; font-weight: bold; } #left-panel p.kontaktni-informace span.green { color: green; } #left-panel p.kontaktni-informace span.blue { color: blue; } #left-panel h3.technicka-podpora { text-transform: uppercase; padding: 8px 10px 4px 10px; color: #ffffff; font-weight: bold; background-color: #03426b; } #left-panel p.technicka-podpora { padding: 5px; margin-bottom: 10px; background-color: #a4b8c8; background-image: url( "/layout/left-panel/menu.jpg" ); background-repeat: no-repeat; background-position: bottom; padding: 5px 5px 5px 25px; } #left-panel p.stats { padding: 4px; line-height: 17px; } #left-panel p.stats strong { display: block; width: 100px; float: left; clear: both; } #left-panel p.stats span { color: #B0371C; font-weight: bold; } #left-panel p.podpora { text-align: center; padding: 5px; } #left-panel p.anketa span { display: block; } #left-panel p.anketa span.otazka { padding: 6px; border-bottom: 1px solid #B0B8BA; text-align: Justify; } #left-panel p.anketa span.vsechny { border-bottom: 0px; padding: 6px; } #left-panel p.anketa span.vsechny a { color: #CB0014; } #left-panel p.anketa span.odpoved a { background-color: #FFFFFF; border-bottom: 1px solid #B0B8BA; display: block; background-image: url( "/layout/left-panel/anketa_bg.gif" ); background-repeat: no-repeat; background-position: 6px; padding: 5px 5px 5px 25px; } #left-panel p.anketa span.odpoved a.second { background-color: #F1F1F1; } #text { width: 744px; height: 100%; background-color: #d6d6d6; float: right; } #text h3 { float:left;width: 744px; padding: 0px 10px 6px 10px; color: #03426b; font-weight: bold; text-transform: uppercase; } #text div.topcontent { float:left; width: 714px; text-align:right; color: #03426b; } #text div.topcontent a { color: #03426b; font-weight: bold; text-decoration: none; } #text div.topcontent a:hover { text-decoration: underline; } #text div.topcontent img { border: 0px solid; padding-right: 5px; margin-bottom: 3px;} #text div.content { float:left; width: 714px; margin: 3px 15px 10px 15px; padding: 10px 0px; border: 1px solid #03426b; } #text div.content div.deleter { border-top: 1px solid #999999; margin-top: 20px; margin-bottom: 10px; width: 100%; clear: both; } #text div.content div.center { margin-top: 10px; float:right; text-align: center; background-color: #DADFE2; margin-right: 60px; padding: 2px 50px; } #text div.content a { color: #03426b; } #text div.content a:hover { text-decoration: underline; } #text div.content h4 { clear: both; color: #03426b; padding: 0px 0px 5px 10px; position: relative; } #text div.content ul { margin-left: 10px; margin-bottom: 10px; list-style-type: none; } #text div.content ul li { padding: 3px 0px 3px 20px; background-image: url( "root/arrow.png" ); background-repeat: no-repeat; background-position: 3px 4px; } #text div.content span { font-weight: bold; } #text div.content span.darkred { color: #B0371C; font-weight: bold; } #text div.content span.red { color: red; font-weight: bold; } #text div.content span.green { color: green; font-weight: bold; } #text div.content span.gray { color: gray; font-weight: bold; } #text div.content span.blue { color: blue; font-weight: bold; } #text div.content div.float { float: left; } #text div.content div.float_maplist { float: left; width: 180px; margin-left: 10px; } #text div.content div.float_maplist input { margin: 2px; } #text div.content p { padding: 0px 10px; line-height: 20px; font-size: 11px; text-align: Justify; position: relative; } #text div.content p.team { float: left; padding: 5px; margin: 5px 20px; } #text div.content p.team span { color: #B0371C; font-weight: bold; } #text div.content p.error { color: #B0371C; font-weight: bold; } #text div.content p.true { color: #249302; font-weight: bold; } #text div.content p.center { text-align: center; } #text div.content p.right { text-align: right; } #text div.content img.icon { margin-right: 10px; } #text div.content input { padding: 3px 5px 0px 5px; height: 17px; border: 1px solid #000000; background-color: #d6d6d6; vertical-align: middle; } #text div.content input.send { padding: 0px 5px; color: #FFFFFF; border: 1px solid #000000; background-color: #333333; background-image: url( "content/input-send.gif" ); } #text div.content input.nostyle { padding: 0px; border: 0px; background-image: url( "" ); } #text div.content pre { padding: 5px; white-space: pre-wrap; } #text div.content textarea { padding: 5px; } #text div.content form input.send { margin-left: 20px; } #text div.content table.list { width: 100%; } #text div.content table.list tr { background-color: #d6d6d6; } #text div.content table.list tr.error { background-color: #CB0114; } #text div.content table.list tr.error:hover { background-color: #CB0114; } #text div.content table.list tr.error span { color: white; } #text div.content table.list tr.noline { background-color: #F9F9F9; } #text div.content table.list tr.noline:hover { background-color: #F9F9F9; } #text div.content table.list tr.offline { background-color: #FFAC24; } #text div.content table.list tr.offline:hover { background-color: #FF9B47; } #text div.content table.list tr:hover { background-color: #FFE5E0; } #text div.content table.list td.nadpis { font-weight: bold; padding: 4px 5px; background-color: #a4b8c8; } #text div.content table.list td { padding: 3px 5px; } #text div.content table.list td span.true { color: #249302; font-weight: bold; } #text div.content table.list td span.false { color: #CB0114; font-weight: bold; } #text div.content table.rezer { width: 100%; padding: 10px; } #text div.content table.rezer tr { background-color: #F9F9F9; } #text div.content table.rezer tr:hover { background-color: #F9F9F9; } #text div.content table.rezer td { padding: 3px 5px; text-align: center; } #text div.content table.rezer td.nadpis { font-weight: bold; padding: 4px 5px; background-color: #DADFE2; } #text div.content table.rezer td.free:hover { background-color: #ff9c00; } #text div.content table.rezer td.empty:hover { background-color: #d21e1e; } #text div.content table.rezer td.full { background-color: #d21e1e; } #text div.content table.formular { margin: 20px; margin-top: 0px; } #text div.content table.formular td { vertical-align: top; padding: 2px 0px; } #text div.content table.formular td.nadpis { color: #000000; font-weight: bold; padding: 5px 20px 0px 0px; } #text div.content table.form_list { margin: 20px 20px 0px 20px; float: left; } #text div.content table.form_list td { vertical-align: top; padding: 2px 0px; } #text div.content table.form_list td.nadpis { color: #B0371C; font-weight: bold; padding-right: 20px; } #text div.content div.turnaje_skupina { float: left; margin: 0px 10px; width: 170px; } #text div.content div.turnaje_skupina h4 { text-transform: uppercase; padding: 8px 10px 4px 10px; color: #FFFFFF; font-weight: bold; font-style: italic; background-color: #B0371C; background-image: url( "leve-menu/span.gif" ); } #text div.content div.turnaje_skupina h4.black { background-color: #000000; background-image: url( "leve-menu/span_black.gif" ); } #text div.content div.turnaje_skupina p { margin: 4px 1px; border: 1px solid #999999; background-image: url( "leve-menu/p.gif" ); background-repeat: repeat-x; background-color: #FFFFFF; } #text div.content div.anketa { float: left; width: 200px; margin: 10px; padding: 5px; border: 1px solid #999999; background-image: url( "leve-menu/p.gif" ); background-repeat: repeat-x; background-color: #FFFFFF; } #text div.content div.anketa p { font-weight: bold; text-align: Justify; } #text div.content div.anketa ul li { display: block; clear: both; float: none; } #text div.content div.anketa ul li span { float: left; font-weight: normal; } #text div.content div.anketa ul li span.hlasu { color: #CB0014; float: right; font-weight: bold; } #text div.content div.hosting { float:left;width: 721px; padding: 10px; margin: 10px 10px 0px 10px; border: 1px solid #999999; background-image: url( "leve-menu/p.gif" ); background-repeat: repeat-x; background-color: #FFFFFF; } #text div.content div.hosting img { border: 0px solid; width: 721px; } #text div.content div.uvodni-slova { float:left; width: 435px; padding: 5px; background-image: url( "logo/banner.jpg" ); background-repeat: no-repeat; background-position: 230px 80px; } #text div.content div.akcni-nabidky { float:right; width: 250px; padding: 5px; } #text div.content div.akcni-nabidky img { float:left; padding-right: 5px; } #text div.content div.novinky { width: 50%; float:left; margin-bottom: 10px; } #text div.content div.novinky div { width: 40px; height: 40px; float:left; padding: 10px; text-align: center; } #text div.content div.novinky div img { border: 0px solid; } #text div.content div.kontakt_left { width: 49%; float:left; } #text div.content div.kontakt_left span { padding: 3px 0px 0px 10px; float:left; width:100px; font-weight:bold; } #text div.content div.kontakt_left input { float:left; width: 180px; padding: 3px 5px 0px 5px; height: 15px; border: 1px solid #132030; background-color:#d6d6d6; vertical-align: middle; margin: 2px; } #text div.content div.kontakt_right { width: 49%; float:right; } #text div.content div.kontakt_right span { padding: 3px 0px 0px 10px; float:left; width:100px; font-weight:bold; } #text div.content div.kontakt_right textarea { padding: 5px; border: 1px solid #132030; background-color:#d6d6d6; width: 200px; } #text div.content div.kontakt_right input.odeslat { float:right; padding: 0px 5px; margin: 10px 60px 0px 0px; color: #FFFFFF; border: 1px solid #000000; background-color: #333333; background-image: url( "content/input-send.gif" ); } #bottom { margin-bottom: 25px; padding: 15px 0px 10px 10px; background-image: url( "bottom/bg.jpg" ); background-repeat: no-repeat; } #bottom a:hover { color: #03426b; } #odkazy { clear: both; width: px; margin: 0px auto; padding: 0px 31px 20px 31px; text-align: left; }