/* www.ondrejkratochvil.eu/css/default.css */

body { color: black; background: white; text-align: center; }
#page { position: relative; z-index: 0; width: 980px; margin: 12px auto; text-align: left; }
a { color: black; background-color: inherit; background-image: none; }
a:visited { color: #4C4C4C; background-color: inherit; background-image: none; }
a:visited:hover { color: #4C4C4C; background: yellow; }
a:hover, a:focus, a:active, #obsah a.separate:hover, #obsah a.separate:focus, #obsah a.separate:active { color: black; background: yellow; } /* odkaz na jinou stránku na tomto webu */
a.external_link:hover, a.external_link:focus, a.external_link:active { color: inherit; background: lime /* url(/img/external_link.png) center right no-repeat; padding-right: 13px */; } /* odkaz na stránku na jiném webu */
a.e-mail:hover, a.e-mail:focus, a.e-mail:active { color: black; background: aqua; } /* odkaz na e-mail */
#obsah a { color: black; background: #E6E6E6; } /* a neni inherit, pozadí je bílé */
#obsah a:hover, #obsah a:focus, #obsah a:active, a.nahoru:hover, a.nahoru:focus, a.nahoru:active, a.move:hover, a.move:focus, a.move:active { color: black; background: #FFC0CB; } /* odkaz na jinou část na této stránce */
a.file:hover, a.file:focus, a.file:active { color: black; background: #EBE9ED; } /* odkaz na soubor ke stažení */
span.application { border-bottom: 1px dotted black; cursor: help; } /* info o aplikaci bez odkazu */
span.hidden { display: none; }
hr.hidden { display: none; }
#tip { margin: 2em 0 0 0; padding-left: 15px; color: inherit; background: white url(/img/tip.gif) center left no-repeat; font-style: italic; clear: left; }
.hl { color: inherit; background: #FFFFCC; } /* část jiné stránky na tomto webu jako cíl odkazu (pridava JavaScript) */

/* accessibility */
#accessibility { position: absolute; left: 893px; /* ne right: 12px; kvůli širokým obrázkům, které by to posunuly doprava */ top: 0; width: 75px; height: 75px; padding: 0; }
#accessibility ul { width: 75px; height: 75px; margin: 0; padding: 0; list-style: none; background: url("/img/bg-tr1-trans.gif") no-repeat; }
#accessibility ul li { margin: 0; padding: 0; }
#accessibility ul li a { display: block; position: absolute; margin: 0; padding: 0; text-decoration: none; }
#help { right: -2px; top: 4px; width: 16px; height: 22px; color: inherit; background: white url("/img/help5.gif") center no-repeat; }
#help:hover, #help:focus, #help:active { background-color: yellow; }
#skip_to_content { right: 22px; top: 4px; width: 12px; height: 21px; color: inherit; background: white url("/img/stc-cz1.gif") center no-repeat; }
.en #skip_to_content, .de #skip_to_content { background-image: url("/img/stc1.gif"); }
#skip_to_content:hover, #skip_to_content:focus, #skip_to_content:active { background-color: #FFC0CB; }
#skip_to_menu { right: -1px; top: 33px; width: 12px; height: 21px; color: inherit; background: white url("/img/stm1.gif") center no-repeat; }
#skip_to_menu:hover, #skip_to_menu:focus, #skip_to_menu:active { background-color: #FFC0CB; }
#accessibility ul li a span { display: none; }

/* header */
#header { position: relative; /* width: 806px; */ height: 75px; margin: 0 87px; padding: 6px; border-top: black solid 2px; border-bottom: black solid 2px; color: white; background: black; } #page>#header { /* width: 794px; */ height: 59px; }
#header h1 { z-index: 1; margin: 0; padding: 0; font-size: 36px; }
#header h1 a { display: block; position: relative; width: 100%; height: 59px; padding: 0 0 0 89px; overflow: hidden; text-decoration: none; color: white; background: black; } #page>#header h1 a { width: auto; }
#header h1 a:hover, #header h1 a:focus, #header h1 a:active { color: yellow; background: black; }
#header h1 a span { position: absolute; left: 0; top: 6px; z-index: 2; width: 79px; height: 46px; margin: 0; padding: 0; border: 1px white solid; background: url("/img/logo.gif") top left no-repeat; cursor: pointer; /* pro IE 5.5- "cursor: hand;" */ } #page>#header h1 a span { width: 77px; height: 44px; }
#header h1 a:hover span { /* border: 1px black solid; background: url("/img/logoh.gif") top left no-repeat; */ }
#motto { position: absolute; right: 0; bottom: 2px; width: 450px; margin: 0; font-size: 14px; text-align: right; }
#motto span { display: none; }

/* language */
#language { position: absolute; left: -75px; top: -2px; width: 75px; height: 75px; }
#language h4 { display: none; }
#language ul { position: absolute; width: 75px; height: 75px; margin: 0; padding: 0; list-style: none; background: url("/img/bg-tl1-trans.gif") no-repeat; }
#language ul li { position: absolute; margin: 0; padding: 0; /* color: inherit; background: gray; */ }
#czech, .en #english, .de #german { left: 0; bottom: -1px; width: 32px; height: 22px; }
#english, #german, .en #czech, .de #czech { width: 20px; height: 14px; }
#english, .en #czech, .de #english { left: 0; bottom: 24px; }
#german, .en #german, .de #czech { left: 35px; bottom: -1px; }
#language ul li a { display: block; position: absolute; margin: 0; padding: 0; border: 1px solid black; background-position: no-repeat; text-decoration: none; }
#language ul li a:hover, #language ul li a:focus, #language ul li a:active { border: 1px solid yellow; }
#czech a { width: 32px; height: 22px; background-image: url("/img/czech.gif"); } #czech>a { width: 30px; height: 20px; }
.en #czech a, .de #czech a { width: 20px; height: 14px; background-image: url("/img/czech-xs.gif"); } .en #czech>a, .de #czech>a { width: 18px; height: 12px; }
.en #english a { width: 32px; height: 22px; background-image: url("/img/english.gif"); } .en #english>a { width: 30px; height: 20px; }
#english a, .de #english a { width: 20px; height: 14px; background-image: url("/img/english-xs.gif"); } #english>a, .de #english>a { width: 18px; height: 12px; }
.de #german a { width: 32px; height: 22px; background-image: url("/img/german.gif"); } .de #german>a { width: 30px; height: 20px; }
#german a, .en #german a { width: 20px; height: 14px; background-image: url("/img/german-xs.gif"); } #german>a, .en #german>a { width: 18px; height: 12px; }
#language ul li a span { display: none; }

/* content */
#content { position: relative; width: 766px; margin: 12px 12px 0 6px; padding: 12px; float: left; } #page>#content { width: 742px; margin: 12px; }
#content #breadcrumb_navigation { margin: -13px 0 1.5em -12px; padding: 0; font-size: 0.9em; }
#obsah { margin: 1em 0 0 0; padding: 1em; color: inherit; background: #E6E6E6 url("/img/obsah.gif") 10px 10px no-repeat; }
#obsah h4 { display: none; margin: 0; }
#obsah ul { margin-bottom: 0; } #obsah>ul { margin-bottom: 0.3em; } /* nepochopitelné chování v IE */

/* menu */
#menu { position: relative; z-index: 1; margin: 12px 12px 12px 790px; padding: 12px 0; width: 175px; /* color: inherit; background: #DCDCDC #99FFFF; */ } /* #page>#menu { width: 156px; } */
#menu.hide { display: none; }
#menu h4 { display: none; }
#menu ul { margin: 0; padding: 0; list-style: none; font-size: 22px; }
#menu li { margin: 2px 0; border: 1px solid gray; }
#menu a { display: block; height: 41px; padding: 3px 10px 4px 10px; border: 2px outset white; color: white; background: black; text-decoration: none; } #page>#menu a { height: 30px; }
#menu a:hover, #menu a:focus, #menu a:active { border: 2px inset white; color: yellow; background: black; }
#menu a.external_link:hover, #menu a.external_link:focus, #menu a.external_link:active { border: 2px inset white; color: lime; background: black; }
#menu li.active a { color: yellow; background: black; }

/* footer */
#footer { position: relative; height: 30px; margin: 0 43px 12px 43px; padding: 6px; color: white; background: black; font-size: 12px; clear: both; } #page>#footer { height: 18px; }
#footer hr { display: none; }
#footer a { color: white; background: black; }
#footer a:hover, #footer a:focus, #footer a:active { color: yellow; background: black; }
#footer a.external_link:hover, #footer a.external_link:focus, #footer a.external_link:active { color: lime; background: black; }
#footer a.e-mail:hover, #footer a.e-mail:focus, #footer a.e-mail:active { color: aqua; background: black; }
#footer a.nahoru:hover, #footer a.nahoru:focus, #footer a.nahoru:active { color: #FFC0CB; background: black; }
#fav_print_top { float: right; text-align: right; }
#favorites, #print { display: block; position: absolute; z-index: 2; margin: 0; padding: 0; text-decoration: none; }
#footer #favorites { right: 100px; top: 7px; width: 16px; height: 16px; color: inherit; background: black url("/img/favorites5.gif") top left no-repeat; }
#favorites span { display: none; }
#footer #print { right: 75px; top: 7px; width: 18px; height: 16px; color: inherit; background: black url("/img/print2.gif") top left no-repeat; }
#print span { display: none; }
.arrow { font: 100% 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', Times, serif; }
#bg-bl { position: absolute; left: -30px; top: 0; width: 30px; height: 30px; background: url("/img/bg-bl-trans.gif") top left no-repeat; }
#bg-br { position: absolute; right: -30px; top: 0; width: 30px; height: 30px; background: url("/img/bg-br-trans.gif") top left no-repeat; }

/* other */
/* index */
.index p.podpis { font-size: 14px /* při zvětšení em by byl větší než obrázek */; font-style: italic; }
#muj_podpis strong { position: relative; z-index: 0; width: 165px; height: 20px; margin: 0; padding: 0; overflow: hidden; }
#muj_podpis strong span { display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 165px; height: 20px; margin: 0; padding: 0; background: url("/img/muj_podpis.gif") top left no-repeat; }

/* o_mne */
#portret { position: relative; /* kvůli neznámému problému v IE - překrývání portrétu člena rodiny po najetí nad odkaz v životopise */ margin: 0 0 1em 1em; float: right; }
.o_mne #obsah { width: 16em; } .o_mne #content>#obsah { width: 14em; }
.o_mne #content ul { margin-top: 0; }
.o_mne #content p { margin: 0; text-indent: 0; }
.o_mne #content #strucne p { margin-bottom: 1em; }
#icq_status { margin-bottom: -3px; border: none; }
#skype_status { margin-bottom: -1px; border: none; }
.o_mne #otec { margin-top: 0; }

/* zivotopis - zivotopis.css */

/* rodina */
.rodina #content p#perex { margin-top: 1em; }
.rodina a.asc { padding-right: 10px; background: url(/img/sort-asc.gif) top right no-repeat; }
.rodina a.desc { padding-right: 10px; background: url(/img/sort-desc.gif) top right no-repeat; }
.rodina a.asc:hover, .rodina a.asc:focus, .rodina a.asc:active { background: #FFC0CB url(/img/sort-asc.gif) top right no-repeat; }
.rodina a.desc:hover, .rodina a.desc:focus, .rodina a.desc:active { background: #FFC0CB url(/img/sort-desc.gif) top right no-repeat; }
.rodina a.asc1 { padding-right: 10px; background: url(/img/sort-asc1.gif) top right no-repeat; }
.rodina a.desc1 { padding-right: 10px; background: url(/img/sort-desc1.gif) top right no-repeat; }
.rodina a.asc1:hover, .rodina a.asc1:focus, .rodina a.asc1:active { background: #FFC0CB url(/img/sort-asc1.gif) top right no-repeat; }
.rodina a.desc1:hover, .rodina a.desc1:focus, .rodina a.desc1:active { background: #FFC0CB url(/img/sort-desc1.gif) top right no-repeat; }
.rodina #content table { margin-top: 0; }
.rodina #content p#narozeniny { position: absolute; top: 41px; right: 10px; width: 550px; text-align: right; font-style: italic; }
h2#jmeno_pribuzneho { margin-right: 0.4em; float: left; } /* relationship vpravo */
p#relationship { margin: 0; padding-top: 0.9em; font-style: italic; cursor: help; } /* zarovnat naspod jména */
p#zivotopis { clear: left; }
p#v_rodokmenu { /* margin-top: 2em; */ padding-left: 25px; color: inherit; background: white url(/img/rodokmen.gif) center left no-repeat; }
p#vyzva { margin: 2em 0 0 0; padding-left: 21px; color: inherit; background: white url(/img/warning.gif) center left no-repeat; }

/* rodokmen */
.rodokmen form { margin: 0.5em 0 1.5em 0; padding: 0.5em; background: #E6E6E6; }
.rodokmen form p { margin: 0; }
.rodokmen form label { padding: 0 0.2em; }
.rodokmen form #zobrazit { margin-left: 1em; }
.rodokmen table { width: 100%; margin: 0; border-collapse: collapse; /* font-size: 0.95em; */ }
.rodokmen th { padding-bottom: 0.5em; /* text-align: center; */ }
.rodokmen td { /* width: 17em; */ height: 5em; margin: 0; padding: 0.5em 0; border: 1px solid #ccc; text-align: center; vertical-align: middle; } .rodokmen tr>td { /* width: 15em; */ height: 4em; }
.rodokmen span.partneri, .rodokmen span.partneri a, .rodokmen span.partneri a:visited { color: gray; background-color: inherit; font-style: italic; }
.rodokmen p#vyzva { margin: 2em 0 0 0; padding-left: 21px; color: inherit; background: white url(/img/warning.gif) center left no-repeat; }

/* pratele_znami */
.pratele_znami a.asc { padding-right: 10px; background: url(/img/sort-asc.gif) top right no-repeat; }
.pratele_znami a.desc { padding-right: 10px; background: url(/img/sort-desc.gif) top right no-repeat; }
.pratele_znami a.asc:hover, .pratele_znami a.asc:focus, .pratele_znami a.asc:active { background: #FFC0CB url(/img/sort-asc.gif) top right no-repeat; }
.pratele_znami a.desc:hover, .pratele_znami a.desc:focus, .pratele_znami a.desc:active { background: #FFC0CB url(/img/sort-desc.gif) top right no-repeat; }
.pratele_znami #content p#narozeniny { position: absolute; top: 41px; right: 10px; text-align: right; font-style: italic; }
h2#jmeno_znameho { margin-right: 0.4em; float: left; } /* poznamka vpravo */
p#poznamka { margin: 0; padding-top: 0.9em; font-style: italic; cursor: help; } /* zarovnat naspod jména */
p#zivotopis { clear: left; }

/* sluzby */
.sluzby #obsah { width: 20em; } #content>#obsah { width: 18em; }
#cenik_www { margin-top: 0; }

/* reference */
.reference .projekt { margin: 1em 0; clear: left; } .reference #content>.projekt { min-height: 162px; } /* div musí končit pod obrázkem */
.reference .projekt img { margin: 0 1em 1em 0; border: none; float: left; }
.reference .projekt table { margin: 0 0 0 -2px; /* srovnání s p - ne v IE*/ padding: 0; border: none; }
.reference .projekt td { padding: 0 1em 1em 0; }
.reference .projekt td.popisek { width: 13em; /* font-style: italic; */ } .reference .projekt tr>td.popisek { width: 12em; }

/* noty */
.noty .skladba { margin: 1em 0; }
.noty .skladba h5 { margin: 1em 0 0.15em 0; }
.noty .skladba dl { margin: 0.5em 0; }
.noty .skladba dt { float: left; font-style: italic; }

/* fotoalbum */
.fotoalbum #content h4#vyberte_filtry { margin: 0; float: left; }
.fotoalbum #content p.zobrazit_skryt_filtry { margin-top: 0.5em; }
.fotoalbum #content form { margin: 0; }
.fotoalbum #content form p { margin-bottom: 0.5em; }
.fotoalbum #content form label { font-weight: bold; }
.fotoalbum #content #filtry.hide { display: none; }
.fotoalbum #content p#zobrazit { margin-bottom: 1em; }
#seznam_fotografii a img { margin: 0 0.5em 0.5em 0; border: 1px black solid; } #seznam_fotografii a>img { margin: 0 0.8em 0.8em 0; float: left; } /* kvůli problému s a:hover ve Firefoxu */
#seznam_fotografii a:visited img { border: 1px #4C4C4C solid; }
#seznam_fotografii a:visited:hover img { border: 1px yellow solid; }
#seznam_fotografii a:hover img, #seznam_fotografii a:focus img, #seznam_fotografii a:active img { border: 1px yellow solid; }
#seznam_fotografii a.s_podrobnostmi { /* clear: left; */ }
#seznam_fotografii a.s_podrobnostmi img { margin: 0 0.7em 0 0; float: left; }
.fotoalbum #content div.podrobnosti { height: 120px; margin-bottom: 1em; }
.fotoalbum #content div.podrobnosti p { margin-bottom: 0.5em; }
.fotoalbum #content p#strankovani { margin: 0; clear: left; }

/* detail */
.detail #content .zobrazit_skryt_menu { margin: 0 0 0.5em 0; font-size: 0.8em; /* text-align: right; */ }
.detail #content #horni_navigace { margin: 0 0 1em 0; }
.detail #content .zpet_do_fotoalba { margin: 0 1em 0 0; float: left; }
.detail #content .navigace-fotografie { /* padding: 0 2em; */ }
.detail #content .prvni { display: block; margin: 0 0.5em; padding: 1px; width: 23px; height: 19px; background: url("/img/arrow-first.gif") center no-repeat; float: left; } .detail>#content .prvni { width: 21px; height: 17px; }
.detail #content a.prvni { background: url("/img/arrow-first-a.gif") center no-repeat; }
.detail #content .prvni span { display: none; }
.detail #content .predchozi { display: block; margin: 0 0.5em; padding: 1px; width: 19px; height: 19px; background: url("/img/arrow-previous.gif") center no-repeat; float: left; } .detail>#content .predchozi { width: 17px; height: 17px; }
.detail #content a.predchozi { background: url("/img/arrow-previous-a.gif") center no-repeat; }
.detail #content .predchozi span { display: none; }
.detail #content .nasledujici { display: block; margin: 0 0.5em; padding: 1px; width: 19px; height: 19px; background: url("/img/arrow-next.gif") center no-repeat; float: left; } .detail>#content .nasledujici { width: 17px; height: 17px; }
.detail #content a.nasledujici { background: url("/img/arrow-next-a.gif") center no-repeat; }
.detail #content .nasledujici span { display: none; }
.detail #content .posledni { display: block; margin: 0 0.5em; padding: 1px; width: 23px; height: 19px; background: url("/img/arrow-last.gif") center no-repeat; float: left; } .detail>#content .posledni { width: 21px; height: 17px; }
.detail #content a.posledni { background: url("/img/arrow-last-a.gif") center no-repeat; }
.detail #content .posledni span { display: none; }
.detail #content .navigace-fotografie a:hover { background-color: yellow; }
.detail #content .na_podrobnosti, .detail #content .na_fotografii { margin: 0 0 0 1em; }
.detail #content img { margin: 0 0 1em 0; }
.detail #content #podrobnosti dt, .detail #content #details dt { margin: 0 0.3em 0 0; float: left; clear: left; font-weight: bold; }
.detail #content dt#autor, .detail #content dd#autor-dd { margin-top: 1em; }
.detail #content dt#klicova_slova, .detail #content dd#klicova_slova-dd { margin-top: 1em; }
.detail #content #spodni_navigace { margin: 1em 0 0.5em 0; }

/* napoveda */
.napoveda #obsah { width: 30em; } .napoveda #content>#obsah { width: 28em; }
.underline { text-decoration: underline; }
.c-black { color: black; background: inherit; text-decoration: underline; }
.c-grey { color: #4C4C4C; background: inherit; text-decoration: underline; }
.pink { color: inherit; background: #FFC0CB; }
.yellow { color: inherit; background: yellow; }
.lime { color: inherit; background: lime; }
.aqua { color: inherit; background: aqua; }
.grey { color: inherit; background: #EBE9ED; }
.lightyellow { color: inherit; background: #FFFFCC; }
.poznamka-odkaz { vertical-align: super; font-size: 0.83em; font-style: italic; }
.grey-obsah { color: inherit; background: #E6E6E6; }
.u-dashed { border-bottom: 1px dashed black; cursor: help; }
.u-dotted { border-bottom: 1px dotted black; cursor: help; }

/* prohlaseni_o_pristupnosti */
#accesskeys { margin-bottom: 1em; }
#accesskeys p { margin-bottom: 0.5em; }
#accesskeys ul { margin-bottom: 1em; }
.key { font: 125% 'Courier New', Courier, monospace; }

/* chyba */
.chyba #content ul { margin-bottom: 1em; }
.chyba #zkuste { margin-bottom: 0; }