/* NULL.CSS se pripojuje ke kazde strance jako prvni, nastavuje vychozi hodnoty, univerzalni tridy a veci striktni pro cely web. */

/* Ukazneni prednastavenych */

html, body { height:100%; text-align:center; }
html, body, h1, h2, h3, h4, h5, h6, p, form, ul, ol, dl, li, dd, table { margin:0; }
blockquote { margin-top:0; margin-bottom:0; }
html, body, ul, ol, dl, form, table { padding:0; }
table { font-size:100%; }
img { border:0; }
textarea { overflow: auto; font-size: expression('90%'); font-size: 110% !important; }

/* Nastaveni elementu, ktere nejsou soucasti boxu, kde jsou definovany nadpisy ostatni, lec pouzivaji se hojne */

h4 { float:left; font-size:120%; color:#404040; margin-left:13px; _margin-left:3px; margin-top:16px; margin-bottom:4px; text-decoration:none; }
h5 { float:left; color:#4A4A4A; font-size:100%; margin-top:20px; margin-left:15px; margin-right:15px; padding-bottom:2px; }

/* DL neni deklarovan ci predeklarovan kdekoli jinde, pouziva se po celem webu jen v teto podobe, kde je termin i definice v jedne radce */

dl { display:table; width:95%; border-right:0; margin-right:0; float:none; }
dt { display:table; position:relative; float:left; margin-left:15px; margin-right:7px; background:url('/img/dt.gif') no-repeat 0px 7px; padding-left:13px; list-style:none; padding-top:2px; }
dd { display:table; position:relative; padding-top:2px; margin-right:4em; @margin-left:7em; }

/* Zde je deklarovano vse pro formulare, ktere nelezi v boxech webu - tedy temer vsechny existujici a dulezite. */
/* Bohuzel nutno pouzivat elementy pomoci tridy 'jb-X', bez oznaceni tridy jsou deklarovany jinde a nevhodne, mozna i nikde, az pod boxy....  */

label { display:inline; float:none; }
form { float:none; clear:both; }
fieldset.jb-fieldset { border:none; padding-top:5px; padding-bottom:5px; margin-left:15px; width:96%; }
input.jb-input { float:none; background-color: #eeeeee; font-size:90%; border:1px solid #A8A8A8; margin-left:15px; margin-top:20px; list-style:none; }
input.jb-submit { float:none; background-color: rgb(45,86,131); color: #FFFFFF; font-size:110%; font-weight:bold; border:1px solid #A8A8A8; margin-left:15px; margin-top:20px; }
input.jb-reset { float:none; background-color: rgb(186,32,30); color:#ffffff; font-size:110%; font-weight:bold; border:1px solid #A8A8A8; margin-left:15px; margin-top:20px; }
textarea.jb-input { float:none; background-color: #EEEEEE; border:1px solid #A8A8A8; padding:3px; font-size:100%; }
select.jb-input { float:none; background-color: #EEEEEE; font-size:90%; border:1px solid #A8A8A8; margin-left:15px; margin-top:20px; }

/* Zazita a dlouho pouzivana zvyrazneni textu */

span.red { color:red; }
span.u { text-decoration:underline; }
span.i { font-style:italic; }
p.opr { text-indent:30px; text-align:justify; }
span.c_pozvanka { display:block; width:110px; font-size:95%; font-style:oblique; background-color:#E8E8E8; padding:4px; padding-left:12px; padding-right:12px; }

/* Implicitni chovani odkazu mimo boxy - v boxech jsou bohuzel zasadne predeklarovavany co box to nova deklarace vsech.... */

a { color:#2C5176; }
a:link { color:#2C5176; }
a:visited { color:#555555; }
a:active, a:focus { color:#BA2221; }
a:hover { color:#000000; }

/* Par implicitnich velikosti v tabulkach - opakuji se opravdu casto */

td.w80 { width:80px; }
th.w10p { width:10%; }

/* Vse s touto tridou je viditelne textovym, ale ne grafickym browserem - jsou to orientacni prvky zejmena pro nevidome */

.skryj { position:absolute; left:-1000px; top:-1000px; width:1px; overflow:hidden; }

/* Casto se hodi pro vkladani cehokoli do textu je-li to take 'inline', jinak tam, kde vsechno kolem prvku snadno tridou zrusime */
/* a pak dame stylem to nejnutnejsi vlastni - u prekombinovanych, buhsud kde deklarovanych prvku zlata vec! */
/* Tez pomohou pri ladeni CSS, zejmena 'robinson' neobklopeny nicim, zadnymi rozmery navic. */

.no-margin { margin:0 !important; }
.no-border { border:0 !important; }
.no-padding { padding:0 !important; }
.robinson { margin:0 !important; border:0 !important; padding:0 !important; outline:0 !important; }

/* A uz zarovnavame: 'c_<neco>' umisti jeden textovy element, 'm_<neco>' umisti naopak elementy netextove, napriklad tabulku: */
/* <table class="bordered-table m_center">...</table> umisti tabulku na stred stranky. (drive v HTML vsemocny 'align' uz je mrtev) */
/* Tyto styly nefunguji nad oblasti vice elementu coby tridy DIVu, jsou urceny pro elementy-individualisty. */

.c_center { text-align:center; }
.c_left { text-align:left; }
.c_justify { text-align:justify; }
.c_indent { text-indent:3em; }
.m_center { display:table !important; margin-left:auto !important; margin-right:auto !important; }
.m_left { display:table !important; margin-right:auto !important; }
.m_right { display:table !important; margin-left:auto !important; }

/* Pokusna trida "TAJ" */
.taj { text-align:justify; letter-spacing:0.04em; }

/* Tridy pro pretypovani preddefinovane vlastnosti "display" u elementu, pouziti maji spise coby pokus s takovym tim "zda to vyjde". */
/* Napriklad tabulka deklarovana coby <table class="bordered-table cast_as_inline"> se potom chova jako cast textu, s textem se tahne a muze */
/* byt zarovnavana stejne jednoduse jako prosty text. V oblasti obtekani, okraju a podobnych vlastnosti se ovsem potom chova obavam se atypicky. */
/* Treba u obrazku <img> se mohou hodit ihned pri deklaraci, psany sem byly pouze pro pripady formatovaci nouze, ve stylech dale pouzivany nejsou. */

.cast_as_inline { display:inline !important; display:inline-block !important; zoom:1 !important; clear:both !important; vertical-align:bottom !important; }
.cast_as_block { display:block !important; width:auto !important; height:auto !important; }
.cast_as_table { display:table !important; width:auto !important; height:auto !important; }

/* Dale popsane tridy jsou deklarovany pouze jako soucast elementu DIV, maji tedy vylucne hromadne pouziti na casti dokumentu, */
/* jinde nez jako tridu v DIVu je pouzit nelze a ani to nema smysl, na jeden element existuji lepsi a jednodussi. */
/* Tridy vsem podrizenym elementum, ktere jsou textove (inline) vnuti sve nastaveni. (a s netextovymi neudelaji nic) */
/* Vyjimkam, co se podle DIVu chovat nemaji, lze dat vlastni tridy; typicke pouziti techto trid je nad velkou skupinou odstavcu, */
/* u kterych by jinak musel byt individualne vsude treba: class="c_justify", takto je jen vpredu <div class="justify-text">. */
/* Samotny text se samozrejme nemeni a ctenar nic nepozna, u dlouhych povidavych stranek je efektivnejsi stylovat odstavce takto, */
/* po celych kapitolach, statich ci blocich, klidne pro celou stranku (spatne se meni tag <body>). */

div.center-text { text-align:center !important; }
div.justify-text { text-align:justify !important; }
div.left-text { text-align:left !important; }
div.right-text { text-align:right !important; }
div.indent-text { text-indent:3em !important; }

/* Trida, ktera by mela v ramci tagu zmenit (ci "obalit") chovani kazdeho a nejlepe tajemneho neznameho elementu na inline text, coz zjednodusi */
/* formatovani stejne, jako facka vyslech. (nekdy) Takto inlinovany element je jiz soucasti bloku ci odstavce a plati pro nej */
/* textove styly. S malymi elementy vyzkouseno. Ucinnejsi a surovejsi metoda zalozena na tomtez principu je v samotnem elementu */
/* pouzit tridu "cast_as_inline", neexperimentoval jsem dost na to, bych vedel, zda neni popsana metoda zbytecna. Jevi se cistsi, jeste uvidime. */

blockquote.force-inline, span.force-inline { display:inline !important; display:inline-block !important; zoom:1 !important; vertical-align:bottom !important; clear:both !important; float:none; border:0 !important; padding:0 !important; }

/* Logicky vznikla trida pro elementy, kterezto neni mozne formatovat tedy ani centrovat pres textove vlastnosti, v KS typickym takovymto objektem */
/* jest tabulka. Takoveto objekty se pak vycentrovavaji obvykle automatickym nastavenim okraju, coz tato trida realizuje. Vyborne se hodi pro */
/* vycentrovani rady tabulek ci grafu do jednoho sloupce, pokud je ovsem nejaky objekt siroky skoro jako ta stranka, vznikly sloupec uz moc necentruje. */

div.center-non-text { border:0; padding:0; display:block !important; max-width:80% !important; clear:both !important; float:none !important; margin-left:auto !important; margin-right:auto !important; }

/* A posledni, treti trida, slucuje vlastnosti obou - tedy zarovnava texty i netextove elementy, zaroven vzdy nastavuje redukovanou siri */
/* stranky. Tedy chcete-li mit nejaky vetsi kus nespecifikovaneho HTML dokumentu formatovan ke stredu, dejte jej s nadeji do */
/* <div class="center-all"> a dokud nedate </div>, tak tomu take ma byt. Za pokus to stoji. */

div.center-all { display:block !important; border:0; padding:0; min-width:20% !important; max-width:99% !important; clear:both !important; float:none !important; margin:0 auto !important; }
div.center-all p { max-width:96% !important; text-align:center !important; display:block !important; margin-left:auto !important; margin-right:auto !important;  }
div.center-all table { max-width:96% !important; margin-left:auto !important; margin-right:auto !important; }
div.center-all img { max-width:96% !important; display:block !important; margin-left:auto !important; margin-right:auto !important; }
div.center-all form { max-width:96% !important; margin-left:auto !important; margin-right:auto !important; }
div.center-all ul, div.center-all ol, div.center-all dl { max-width:96% !important; margin-left:auto !important; margin-right:auto !important; }

/* V mnohych boxech jsou vnorene elementy typu <p> nastaveny na mnohem nizsi sirku, nez ktera by spravne zaplnovala box - snad polovicni i mene. */
/* Proc, to se mne neptejte, prosty <p> se lisi box od boxu. DIVem s touto tridou proste obalte obsah boxu, co je treba rozsirit a sire bude plna. */
/* Lepsi, nez se s kazdym elementem v boxu hydrit individualne ci dokonce pripisovat do boxu tridy jen proto, by se vynutilo standardni chovani. */

div.full-width-for-content { width:96% !important; }
div.full-width-for-content p, div.full-width-for-content h3, div.full-width-for-content h4, div.full-width-for-content h5 { width:96% !important; }
div.full-width-for-content table, div.full-width-for-content form { width:96% !important; }
div.full-width-for-content ul, div.full-width-for-content ol, div.full-width-for-content dl { width:96% !important; }

/* Konec J.Br. */

/* pridal J.Bl. 15.12.09 */
ul.line { display:inline; list-style-type:none; }
li.line { display:inline; }
/* Konec J.Bl. */