body { margin: 0; padding: 0; border: 0; color: #000; font-family : Verdana, Arial, Helvetica; font-size: 12px; background: #fafafa url("../grafika/pozadi.png") repeat; } p { margin: 0.2em; padding: 0.2em; text-align: justify; } p.center { text-align: center; } p.vlevo { text-align: left; } p.vpravo { text-align: right; } p.info { text-align: center; font-weight: bold; margin: 0.5em auto; border: 1px solid gray; background: #d0d0ff; width: 50em; } p.varovani { text-align: center; font-weight: bold; margin: 0.5em auto; border: 1px solid gray; background: #ffd0d0; width: 50em; } p.chyba { text-align: center; font-weight: bold; margin: 0.5em auto; border: 1px solid gray; background: #ffd0d0; width: 50em; } p.uspech { text-align: center; font-weight: bold; margin: 0.5em auto; border: 1px solid gray; background: #d0ffd0; width: 50em; } p.napoveda { text-align: justify; margin: 0.5em auto; border: 1px solid gray; background: #fff url("../grafika/symbol_napoveda.png") no-repeat top left; width: 45em; padding-left: 4em; padding-right: 1em; min-height: 32px; } a { color: navy; text-decoration: none; } a:hover { text-decoration: underline; } a:visited { color: maroon; } img { margin: 0; padding: 0; border: 0; } input { width: 100%; vertical-align: middle; padding: 0; margin: 0; height: 1.6em; } input.tlacitko { width: 100%; text-align: center; background: silver; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid gray; border-right: 1px solid gray; height: 1.8em; } input.tlacitko:hover { background: #cccccc; } input.tlacitko_stredni { width: 15em; text-align: center; background: silver; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid gray; border-right: 1px solid gray; margin: 0.1em 0; height: 1.8em; } input.tlacitko_stredni:hover { background: #cccccc; } input.box { text-align: left; background: #eeeeaa; border: 0; font-size: 95%; border-bottom: 1px solid gray; border-top: 1px solid silver; } input.box_ro { text-align: left; background: #d0d0f5; border: 0; font-size: 95%; border-bottom: 1px solid gray; border-top: 1px solid silver; } input.box_ro_stred { text-align: center; background: #d0d0f5; border: 0; font-size: 95%; border-bottom: 1px solid gray; border-top: 1px solid silver; } input.skryty { display: none; } select { width: 100%; background: #eeeeaa; margin: 0; padding: 0; border: 0; font-size: 95%; border-bottom: 1px solid gray; border-top: 1px solid silver; } select.uzsi { width: 4.5em; } textarea { background: #eeeeaa; vertical-align: top; height: 15em; border: 0; font-size: 95%; border-bottom: 1px solid gray; border-top: 1px solid silver; } textarea.dotabulky { width:100%; } textarea.vysoky { width:100%; height: 40em; } h1,h2,h3,h4 { margin: 0.2em 0; padding: 0.1em 0; font-weight: bold; vertical-align: middle; color: #015486; } h1 { text-align: center; font-size: 135%; padding: 0.3em 0; margin: 0 0 0.5em 0; } h2 { text-align: left; font-size: 115%; padding-left: 0.5em; } h3 { text-align: left; font-size: 100%; padding-left: 0.5em; } /* em { color: red; font-weight: bold; } */ table { border: 0; padding: 0; margin: 0.2em 0; border-collapse: collapse; } table.formular { border: 1px solid #000; width: 100%; } table.polovicni { border: 1px solid #000; margin: 0.2em auto; width: 50%; } table.uzka { border: 1px solid #000; margin: 0.2em auto; width: 20em; } table.stredni { border: 1px solid #000; margin: 0.2em auto; width: 40em; } table.sirsi { border: 1px solid #000; margin: 0.2em auto; width: 50em; } table.siroka { border: 1px solid #000; margin: 0.2em auto; width: 65em; } table.velmisiroka { border: 1px solid #000; margin: 0.2em auto; width: 82em; } table.castecna { border: 1px solid #000; } table.centrovana { border: 1px solid #000; margin: 0.2em auto; } table.vpravo { border: 1px solid #000; margin: 0 0.2em auto 0.2em; } tr { margin: 0; } tr:hover { background: #dedeba; } tr.zvyrazneny { background: #fff; } tr.zvyrazneny:hover { background: #dedeba; } tr.sudy { background: #eeeeff; } tr.hsudy { background: #eeeeff; } tr.hlichy:hover { background: #dedeba; } tr.hsudy:hover { background: #dedeba; } th { background: gray; color: #fff; vertical-align: top; text-align: left; padding: 0; border-bottom: 1px solid #000; padding-left: 1px; padding-right: 1px; } th.stred { text-align: center; } th.vpravo { text-align: right; } th.velmiuzky { text-align: center; width: 1.5em; } th.velmiuzkyl { text-align: left; width: 1.5em; } th.velmiuzkyp { text-align: right; width: 1.5em; } th.uzky { text-align: center; width: 3em; } th.uzkyl { text-align: left; width: 3em; } th.uzkyp { text-align: right; width: 3em; } th.uzsi { text-align: center; width: 5em; } th.uzsil { text-align: left; width: 5em; } th.uzsip { text-align: right; width: 5em; } th.stredni { text-align: center; width: 9em; } th.strednil { text-align: left; width: 9em; } th.strednip { text-align: right; width: 9em; } th.sirsi { text-align: center; width: 13em; } th.sirsil { text-align: left; width: 13em; } th.sirsip { text-align: right; width: 13em; } th.siroky { text-align: center; width: 20em; } th.sirokyl { text-align: left; width: 20em; } th.sirokyp { text-align: right; width: 20em; } th.osminovy { text-align: center; width: 12%; } th.osminovyl { text-align: left; width: 12%; } th.ctvrtinovy { text-align: center; width: 25%; } th.ctvrtinovyl { text-align: left; width: 25%; } th.tretinovy { text-align: center; width: 33%; } th.tretinovyl { text-align: left; width: 33%; } th.polovicni { text-align: center; width: 50%; } th.polovicnil { text-align: left; width: 50%; } td { vertical-align: top; text-align: left; } td.stred { text-align: center; } td.odstavec { text-align: justify; } td.vpravo { text-align: right; } td.velmiuzky { text-align: center; width: 1.5em; } td.uzky { text-align: center; width: 3em; } td.uzkyl { text-align: left; width: 3em; } td.uzkyp { text-align: right; width: 3em; } td.uzsi { text-align: center; width: 5em; } td.uzsil { text-align: left; width: 5em; } td.uzsip { text-align: right; width: 5em; } td.stredni { text-align: center; width: 9em; } td.strednil { text-align: left; width: 9em; } td.strednip { text-align: right; width: 9em; } td.sirsi { text-align: center; width: 13em; } td.sirsil { text-align: left; width: 13em; } td.sirsip { text-align: right; width: 13em; } td.siroky { text-align: center; width: 20em; } td.sirokyl { text-align: left; width: 20em; } td.sirokyp { text-align: right; width: 20em; } td.osminovy { text-align: center; width: 12%; } td.osminovyl { text-align: left; width: 12%; } td.ctvrtinovy { text-align: center; width: 25%; } td.ctvrtinovyl { text-align: left; width: 25%; } td.tretinovy { text-align: center; width: 33%; } td.tretinovyl { text-align: left; width: 33%; } td.polovicni { text-align: center; width: 50%; } td.polovicnil { text-align: left; width: 50%; } @media print { body { margin: 0; padding: 0; font-family: sans-serif; font-size: 7px; } a { color: #000; text-decoration: none; } p { margin: 0; padding: 0; text-align: justify; } p.center { text-align: center; } p.info { text-align: center; font-weight: bold; margin: 0.5em; border: 1px solid blue; } p.error { text-align: center; font-weight: bold; margin: 0.5em; border: 1px solid red; } h1 { text-align: center; font-size: 150%; padding: 0.5em; font-weight: bold; text-decoration: underline; } h2 { color: #000; border: 0; } h3 { color: #000; border: 0; } table { border: 0; padding: 0; margin: 0.2em 0; font-size: 7px; } tr.sudy { background: #eeeeee; } img.razeni { display: none; } } /******************** ZAHLAVI ****************/ #zahlavi { width: 900px; height: 88px; background: #ffffff url("../grafika/pozadi_zahlavi.png") no-repeat top left; margin: 0 auto; padding: 0; border: 0; clear: both; } #zahlavi p { width: 750px; height: 88px; float: left; margin: 0; padding: 0; border: 0; } #zahlavi a { height: 36px; float: left; text-align: center; font-weight: bold; } #zahlavi a.cs { background: url("../grafika/zahlavi_vlajka_cz.png") no-repeat; width: 34px; } #zahlavi a.en { background: url("../grafika/zahlavi_vlajka_en.png") no-repeat; width: 33px; } #zahlavi a.ru { background: url("../grafika/zahlavi_vlajka_ru.png") no-repeat; width: 33px; } #zahlavi a.cs_zvoleno { background: url("../grafika/zahlavi_vlajka_cz.png") no-repeat; width: 34px; background-position: 0px -72px; } #zahlavi a.en_zvoleno { background: url("../grafika/zahlavi_vlajka_en.png") no-repeat; width: 33px; background-position: 0px -72px; } #zahlavi a.ru_zvoleno { background: url("../grafika/zahlavi_vlajka_ru.png") no-repeat; width: 33px; background-position: 0px -72px; } #zahlavi a:hover { background-position: 0px -36px; } #zahlavi a:active { border: 0; } @media print { #zahlavi { display: none; }} /******************** HLAVNI MENU ****************/ #hlavnimenu { width: 900px; height: 32px; border: 0; margin: 0 auto; padding: 0; clear: both; background: #e8f4fa url("../grafika/pozadi_hlavnimenu.png") no-repeat top left; } #hlavnimenu a { display: block; height: 27px; padding: 5px 1.1em 0 1.1em;float:left; color: #000; font-weight: bold; vertical-align: middle; text-align: center; } #hlavnimenu a:hover { background: url("../grafika/pozadi_hlavnimenu_zvyrazne-polozky.png") no-repeat; text-decoration: none; } #hlavnimenu a:active { border: 0; } #hlavnimenu p { display: block; width: 200px; height: 27px; float: left; padding: 5px 0 0 0; margin: 0; border: 0; font-size: 110%; color: #ff9d1f; font-weight: bold; vertical-align: middle; text-align: center; } #hlavnimenu span.oddelovac{ display: block; width: 10px; height: 27px; float: left; padding: 0; margin: 0; border: 0; background: url("../grafika/hlavnimenu_oddelovac.png") no-repeat top left; } #hlavnimenu a.uvod { } #hlavnimenu a.produkty { } #hlavnimenu a.spolecnost{ } #hlavnimenu a.sluzby { } #hlavnimenu a.spolecnost{ } #hlavnimenu a.reference { } #hlavnimenu a.uvod_zvoleno { color: #ff9d1f; } #hlavnimenu a.produkty_zvoleno { color: #ff9d1f; } #hlavnimenu a.spolecnost_zvoleno{ color: #ff9d1f; } #hlavnimenu a.kontakty_zvoleno { color: #ff9d1f; } #hlavnimenu a.sluzby_zvoleno { color: #ff9d1f; } #hlavnimenu a.reference_zvoleno { color: #ff9d1f; } @media print { #hlavnimenu { display: none; }} /******************** DVOUSLOUPCOVY LAYOUT ****************/ /* Ty tri pixely navic jsou nutne kvuli MSEI, ze zahadnych duvodu je nekde pripocitava k sirce. */ #dvasloupce { display: block; width: 900px; margin: 0; padding: 0 0 10px 0; min-height: 550px; border: 0; clear: both; background: #fafafa url("../grafika/pozadi_obsahu.png"); } /******************** LEVY SLOUPEC ****************/ #levysloupec { width: 210px; float: left; margin: 0; padding: 0; border: 0; min-height: 550px; } #pravysloupec { width: 10px; float: right; margin: 0; padding: 0; border: 0; min-height: 550px; } #pravysloupec_matrjoska { width: 10px; min-height: 550px; margin: 0; border: 0; } #submenu { width: 200px; margin: 50px 0 0 0; padding: 0 0 0 5px; border: 0; } #submenu span { display: block; width: 1px; height: 35px; padding: 0; margin: 0; border: 0; background: transparent; } #submenu span.pododkaz { display: block; width: 1px; height: 11px; padding: 0; margin: 0; border: 0; background: transparent; } #submenu a { display: block; width: 190px; height: 22px; padding: 4px 0 0 0; color: #000; font-size: 13px; font-weight: bold; text-align: center; } #submenu a:hover { background: url("../grafika/pozadi_submenu_zvyrazne-polozky.png") no-repeat left top; text-decoration: none; } #submenu a.zvoleno { color: #ff9d1f; } /******************** OBSAH ****************/ #obsah { width: 630px; margin: 10px 0 0 20px; border: 0; float: left; } #obsah_matrjoska { width: 631px; margin: 0; padding: 0; border: 0; clear: both; } #obsah p { margin: 0; padding: 0.3em; border: 0; } #obsah p.info { width: 500px; text-align: center; font-weight: bold; margin: 0 auto; padding: 0.3em; border: 1px solid gray; background: #d0d0ff; } #obsah p.varovani { width: 500px; text-align: center; font-weight: bold; margin: 0 auto; padding: 0.3em; border: 1px solid gray; background: #ffd0d0; } #obsah p.uspech { width: 500px; text-align: center; font-weight: bold; margin: 0 auto; padding: 0.3em; border: 1px solid gray; background: #d0ffd0; } #obsah p.bezokraje { margin: 0; padding: 0; border: 0; } #obsah ul { margin: 4px; } #obsah li { margin: 0.1em 1em; } #obsah img { clear: both; margin: 4px; padding: 0; border: 3px solid white ; background: transparent; } #obsah img.r { display: block; float: right; margin-left: 10px; } #obsah img.l { display: block; float: left; margin-right: 10px; } #obsah img.bezokraje { margin: 0; padding: 0; border: 0; } #obsah span { margin: 0; padding: 0; border: 0; background: transparent; } #obsah span.mezera { display: block; height: 10px; } #obsah span.oddelovac { display: block; height: 1px; width: 100%; border: 0px; margin: 0px; padding: 0px; font-size: 1px; clear: both; } #obsah table.zvyraznena { background: #f4ece0; border: 1px solid #000; margin: 1em auto; width: 500px; } #obsah tr:hover { background: transparent; } #obsah th { background: #015486; } #obsah input.box { text-align: left; background: #ffffff; border: 0; font-size: 95%; border-bottom: 1px solid gray; border-top: 1px solid silver; } #obsah input.box_ro { text-align: left; background: #b5dcf9; border: 0; font-size: 95%; border-bottom: 1px solid gray; border-top: 1px solid silver; } #obsah input.skryty { display: none; } #obsah textarea { width: 100%; background: #ffffff; vertical-align: top; height: 15em; border: 0; font-size: 95%; border-bottom: 1px solid gray; border-top: 1px solid silver; } #obsah textarea.vysoky { height: 16em; } /******************** NOVINKY ****************/ #novinky { margin: 0; padding: 0; border: 0; } #novinky_matrjoska { margin: 0; padding: 0; border: 0; } #novinky p { margin: 0; padding: 0.3em; border: 0; } #novinky ul { margin: 4px; } #novinky li { margin: 0.1em 1em; } #novinky img { clear: both; margin: 4px; padding: 0; border: 3px solid white ; background: transparent; } #novinky img.r { display: block; float: right; margin-left: 10px; } #novinky img.l { display: block; float: left; margin-right: 10px; } #novinky span { display: block; padding: 0.5em; border: 1px solid #fff; } #novinky span.oddelovac { display: block; height: 1px; width: 100%; border: 0px; margin: 0px; /*background: blue;*/ padding: 0px; font-size: 1px; clear: both; } #novinky table.zvyraznena { background: #f7eee6; border: 1px solid #000; margin: 1em auto; width: 500px; } #novinky tr:hover { background: transparent; } #novinky th { background: #2a64ad; } #novinky input.box { text-align: left; background: #ffffff; border: 0; font-size: 95%; border-bottom: 1px solid gray; border-top: 1px solid silver; } #novinky input.box_ro { text-align: left; background: #b5dcf9; border: 0; font-size: 95%; border-bottom: 1px solid gray; border-top: 1px solid silver; } #novinky input.skryty { display: none; } #novinky textarea { width: 100%; background: #ffffff; vertical-align: top; height: 15em; border: 0; font-size: 95%; border-bottom: 1px solid gray; border-top: 1px solid silver; } #novinky textarea.vysoky { height: 40em; } /******************** DOLNI MENU ****************/ #dolnimenu { width: 900px; height: 15px; margin: 0 ; padding: 0 0 3px 0; border: 0; clear: both; background: #fafafa url("../grafika/pozadi_obsahu.png"); } #dolnimenu_matrjoska { margin: 0; padding: 0; border: 0; } #dolnimenu a { display: block; height: 15px; padding: 0; float: right; color: #000; font-size: 9px; font-weight: bold; } #dolnimenu a:hover { text-decoration: underline; } #dolnimenu a:active { border: 0; } #dolnimenu span.oddelovac { display: block; width: 3px; height: 15px; float: right; padding: 0; margin: 0; border: 0; background: url("../grafika/zapati_oddelovac.png") no-repeat top left; } #dolnimenu a.uvod { } #dolnimenu a.produkty { } #dolnimenu a.spolecnost { } #dolnimenu a.kontakty { } #dolnimenu a.sluzby { } #dolnimenu a.reference { } #dolnimenu a.uvod_zvoleno { color: #e28e11; } #dolnimenu a.produkty_zvoleno { color: #e28e11; } #dolnimenu a.spolecnost_zvoleno { color: #e28e11; } #dolnimenu a.kontakty_zvoleno { color: #e28e11; } #dolnimenu a.sluzby_zvoleno { color: #e28e11; } #dolnimenu a.reference_zvoleno { color: #e28e11; } /******************** ZAPATI ****************/ #zapati { width: 900px; height: 32px; clear: both; background: #015486; margin: 0 ; padding: 0; border: 0; font-size: 10px; font-weight: bold; color: #fff; } #zapati_matrjoska { margin: 0; padding: 0; border: 0; } #zapati p { padding: 5px; margin: 0; border: 0; font-size: 12px; color: #fff; text-align: center; vertical-align: middle; } /******************** HLAVNI BLOK STRANKY ****************/ #stranka { width: 100%; margin: 0; padding: 0 0 3em 0; border: 0; clear: both; background: gray url("../grafika/pozadi.png"); } #stranka_matrjoska { width: 900px; margin: 0 auto; padding: 0; border: 0; } @media print { #stranka { margin: 0; padding: 0; background: #fff; clear: both; }} @media print { #stranka_matrjoska { margin: 0; padding: 0; background: #fff; clear: both; }} /******************** SPRAVCOVSKY REZIM ****************/ #login { width: 510px; height: 311px; margin: 0 auto; padding: 0; border: 0; background: #ffffff url("../grafika/login.png") no-repeat top left; } #login input { border: 0; margin: 0; padding: 0; background: #ffffb2; width: 345px; height: 46px; margin: 0; } #login input.jmeno { position: relative; top: 90px; left: 25px; font-size: 36px; } #login input.heslo { position: relative; top: 134px; left: 25px; font-size: 36px; } #login input.tlacitko { position: relative; top: 195px; left: -219px; width: 158px; height: 44px; background: transparent; } #login_matrjoska { width: 100%; margin: 0; padding: 50px 0 10px 0; border: 0; background: #f0f0f0; } #login2 { width: 100%; height: 130px; margin: 0; padding: 10px 0; border: 0; background: #f0f0f0; text-align: center; } #admin { width: 100%; height: 2.4em; background: #000; color: #fff; margin: 0; padding: 0; border: 0; font-size: 10px; font-weight: bold; } #admin p { display: block; float: right; color: yellow; height: 1.6em; padding: 0.6em 1em 0 0; margin: 0; border: 0; } #admin a { display: block; float: left; width: 8em; height: 1.6em; background: #777700; color: #fff; padding: 0em; text-align: center; vertical-align: middle; padding-top: 0.4em; border-left: solid #000 0.2em; border-top: solid #000 0.2em; text-decoration: none; } #admin a:hover { background: #7F9FAF; } #admin a.logout { background: #994444; float: right;} #admin a.logout:hover { background: #7F9FAF; } #admin a.zvyrazneno { background: #9F9F5F; } #admin a.zvyrazneno:hover{ background: #7F9FAF; } #admin2 { width: 100%; margin: 0; padding: 0; clear: both; border-bottom: 1px solid #000; background: #f0f0f0; } #admin2 h1 { font-size: 110%; background: transparent; text-align: center; font-weight: bold; color: #000; margin: 0 auto 1em auto; padding: 0.3em 0; } #admin2 h2 { background: transparent; text-align: left; font-weight: bold; color: #000; margin: 0.2em 1em 0.2em 0; } #admin2 a { color: navy; text-decoration: none; border: 1px dotted transparent; } #admin2 a:hover { color: #000; background: #efe700; text-decoration: underline; border: 1px solid gray; } #admin2 a:visited { color: navy; } #admin2 a.razeni { color: #FFFF55; } #admin2 a.razeni:hover { } #admin2 img { } #admin2 a.upravy { color: #8888cc; font-weight: bold; } #admin2 a.upravy:visited{ color: #8888cc; font-weight: bold; } #admin2 a.mazani { color: #cc8888; font-weight: bold; } #admin2 a.mazani:visited{ color: #cc8888; font-weight: bold; } #admin2 a.vytvoreni { color: #88cc88; font-weight: bold; } #admin2 a.vytvoreni:visited{ color: #88cc88; font-weight: bold; } #admin2 span.oddelovac { height: 16px; display: block; float: left; width: 1em; } #admin2 a.vlajky { display: block; height: 16px; float:left; margin: 0; border: 0; padding: 1px; } #admin2 a.vlajky:hover { background: #000; color: #fff; margin: 0; } #admin2 img.vlajky { display: block; height: 16px; float:left; margin: 0; border: 0; padding: 1px; } #admin2 a.tlacitka_html { display: block; float: left; padding: 0 0.5em 0.2em 0.6em; margin: 0.1em; border: 1px solid gray; background: #fbfbbb; color: black; } #admin2 a.tlacitka_html:hover { text-decoration: none; background: #ffffff; } @media print { #admin { display: none; }} /******************** DEBUG LOG ****************/ #debuglog { display: block; width: 40em; padding: 0 1em; margin: 1em auto; background: #ffffdd; border: solid black 1px; font-size: 90%; } #debuglog h1 { font-weight: bold; font-size: 120%; color: #900; background: transparent; } #debuglog span.promenna { display: block; float: left; width: 15em; height: 1.5em; margin: 0; border: 0; text-align: left; vertical-align: middle; font-weight: bold; border-bottom: silver solid 1px; } #debuglog span.hodnota { display: block; float: left; width: 25em; height: 1.5em; margin: 0; border: 0; text-align: left; vertical-align: middle; border-bottom: silver solid 1px;} #debuglog span.pole { display: block; float: left; width: 40em; height: 1.5em; margin: 0; border: 0; text-align: left; vertical-align: middle; border-bottom: silver solid 1px; color: navy; } #debuglog p { display: block; clear: both; width: 100%; } /******************** OSTATNI ****************/ .center { text-align: center; } .vnitrek { margin: 0; padding: 0; } .unfloat { margin: 0; padding: 0; clear: both; height: 10px; font-size: 1px; background: transparent; } .neviditelny { display: none; } .ramecek { display: block; height: 2em; width: 10em; background: #ffff00; border: 1px solid #000000; } a.edit { padding: 0.15em 0.5em; font-weight: bold; color: #000000; background: #ffff99; border: 1px solid #000000; } a.edit:hover { background: #99ff99; text-decoration: none; } .malevarovani { color: #bb0909; } .maleinfo { color: #008000; } @media print { .netisknout { display: none; }}