/* violoncello.ondrejkratochvil.eu/css/default.css */

body { color: black; background: white; font: 90% "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif; text-align: center; }
#page { position: relative; z-index: 0; width: 980px; margin: 0 auto; padding: 12px 0; 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; }
#legenda { margin: 0; font-style: italic; }
#legenda span.sup { font-style: normal; }
p#vyzva { margin: 2em 0 0 0; padding-left: 21px; color: inherit; background: white url("/img/warning.gif") center left no-repeat; }
.hl { /* margin: -0.5em; padding: 0.5em; */ color: inherit; background: #FFFFCC; } /* část jiné stránky na tomto webu jako cíl odkazu (pridava JavaScript) */
p.nahoru { text-align: right; }
#portret { margin: 0 0 1em 1em; float: right; }
span.sup { vertical-align: super; font-size: 0.6em; }

/* accessibility */
#accessibility { position: absolute; left: 893px; /* ne right: 12px; kvůli širokým obrázkům, které by to posunuly doprava */ top: 12px; 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; height: 75px; margin: 0 87px; padding: 6px; border-top: black solid 2px; border-bottom: black solid 2px; color: white; background: black; } #page>#header { height: 59px; }
#header h1 { z-index: 1; margin: 0; padding: 0; font-size: 40px /* 36px */; }
#header h1 a { display: block; position: relative; width: 100%; height: 59px; padding: 0 0 0 93px /* 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: white 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; */ }

#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; /* 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-repeat: 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; }

#description { position: absolute; right: 2px; bottom: 2px; width: 450px; margin: 0; font-size: 16px; font-style: italic; text-align: right; }
#description span { display: none; }
#login { position: absolute; top: 78px; right: -73px; z-index: 2; margin: 0; padding: 0; color: black; font-size: 0.8em; }
#login h4 { display: none; }
#login a { /* color: black; */ }

/* 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.8em; text-indent: 0; }
#obsah { margin: 1em 0 0 0; padding: 1em; color: inherit; background: #E6E6E6; }
#obsah h4 { margin: 0; }
#obsah ul { margin-bottom: 0; } #obsah>ul { margin-bottom: 0.3em; } /* nepochopitelné chování v IE */
#content a.asc { padding-right: 10px; background: url("/img/sort-asc.gif") top right no-repeat; }
#content a.desc { padding-right: 10px; background: url("/img/sort-desc.gif") top right no-repeat; }
#content a.asc:hover, #content a.asc:focus, #content a.asc:active { background: #FFC0CB url("/img/sort-asc.gif") top right no-repeat; }
#content a.desc:hover, #content a.desc:focus, #content a.desc:active { background: #FFC0CB url("/img/sort-desc.gif") top right no-repeat; }
#content a.asc1 { padding-right: 10px; background: url("/img/sort-asc1.gif") top right no-repeat; }
#content a.desc1 { padding-right: 10px; background: url("/img/sort-desc1.gif") top right no-repeat; }
#content a.asc1:hover, #content a.asc1:focus, #content a.asc1:active { background: #FFC0CB url("/img/sort-asc1.gif") top right no-repeat; }
#content a.desc1:hover, #content a.desc1:focus, #content a.desc1:active { background: #FFC0CB url("/img/sort-desc1.gif") top right no-repeat; }
#content #zdroje { margin: 3em 0 0 0.2em; color: #999999; font-size: 0.6em; font-style: italic; text-indent: 0; }

/* right_column */
#right_column { position: relative; z-index: 1; margin: -3px 0 12px 793px; width: 175px; } #page>#right_column { margin-left: 790px; }
#right_column h4 { /* margin-top: 0; */ }
#nejblizsi_akce p { line-height: 1.2em; margin: 0.5em 0; font-size: 0.9em; }
#nejblizsi_akce p a { display: block; height: 100%; margin: -2px; padding: 2px; text-decoration: none; }
#nejblizsi_akce p a:hover strong { text-decoration: underline; }
#nejblizsi_akce p.dalsi { /* text-align: right; */ margin-bottom: 0; }
#nejblizsi_akce p.dalsi a { display: inline; text-decoration: underline; }
#smyk_dne img { margin: 0.5em 0 0 1em; }
#rytmus_dne img { margin: 1em 0 0 1em; }

/* menu */
#menu { position: relative; z-index: 1; margin: 12px 0 12px 790px; padding: 12px 0; width: 175px; /* background: #DCDCDC #99FFFF; */ }
#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: 4px 0 0 10px; border: 2px outset white; color: white; background: black; text-decoration: none; } #page>#menu a { height: 33px; }
#menu a:hover, #menu a:focus, #menu a:active { border-style: inset; color: yellow; background: black; }
#menu a.external_link:hover, #menu a.external_link:focus, #menu a.external_link:active { border-style: inset; color: lime; background: black; }
#menu li.active a { color: yellow; background: black; }

/* footer */
#footer { position: relative; height: 30px; margin: 0 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 */
#violoncellista { margin: 0 0 1em 1em; float: right; }
#popis_violoncella img { margin: 1em 1em 1em 0; float: left; }
div#popis_smycce { clear: left; }
#popis_smycce img { margin: 1em 1em 1em 0; float: left; }

/* aktuality */
.aktuality #content #obsah { width: 27em; } .aktuality #content>#obsah { width: 25em; }
.aktuality #content #akce { padding-bottom: 1em; border-bottom: 1px dotted black; }
.aktuality #content #akce p { margin-top: 1em; }
.aktuality #content tr.past { color: gray; }
.aktuality #content tr.past a { color: gray; }
.aktuality #content tr.past a:hover { color: black; }
.aktuality #content .cas { text-align: right; white-space: nowrap; }
.aktuality #content span#previous { margin-right: 5em; }
.aktuality #content #inzerce .prodam { background: #FFD8D8; }
.aktuality #content #inzerce .koupim { background: #E0E0FF; }

/* akce */
.akce #content h3 { font-size: 1.2em; }
.akce #content dt { width: 7em; margin-right: 0.2em; float: left; font-style: italic; }
.akce #content dd { margin: 0; }

/* historie */
.historie #content p { text-indent: 2em; }

/* violoncelliste */
#zivotopis h3 { font-size: 1.2em; }
#kontakt h3 { font-size: 1.2em; }
#kontakt table { margin-top: 0; }
#repertoar h3 { font-size: 1.2em; }
#repertoar table { margin-top: 0; }

/* violoncellista */
.violoncellista #content h3 { font-size: 1.2em; }
.violoncellista #content dt { width: 4em; margin-right: 0.2em; float: left; clear: left; font-style: italic; }
.violoncellista #content dd { margin: 0; }
.violoncellista #content #repertoar { clear: right; }
.violoncellista #content table { margin-top: 0; }

/* skladatele */
.skladatele #content table { margin-top: 0; }

/* skladatel */
.skladatel #content h3 { font-size: 1.2em; }
.skladatel #content img { position: relative; }
.skladatel #content #dilo { clear: right; }
.skladatel #content table { margin-top: 0; }

/* skladba */
.skladba #content h3 { font-size: 1.2em; }
.skladba #content dt { width: 6em; margin-right: 0.2em; float: left; font-style: italic; }
.skladba #content dd { margin: 0; }
.skladba #content table { margin-top: 0; }

/* houslari */
.houslari #content table { margin-top: 0; }

/* houslar */
.houslar #content h3 { font-size: 1.2em; }
.houslar #content dt { width: 4em; margin-right: 0.2em; float: left; clear: left; font-style: italic; }
.houslar #content dd { margin: 0; }
.houslar #content table { margin-top: 0; }

/* metodika */
.metodika #obsah { width: 18em; } .metodika #content>#obsah { width: 16em; }

/* prihlaseni */
.prihlaseni #content form { width: 24.5em; margin: 1em 0; padding: 1em; border: 1px solid black; } .prihlaseni #content>form { width: 22.5em; }
.prihlaseni #content form p { line-height: 2em; text-indent: 0; margin: 0; }
.prihlaseni #content form label { width: 11em; margin-right: 0.5em; font-weight: bold; float: left; clear: left; }
.prihlaseni #content form input { width: 11.5em; border: 1px solid black; }
.prihlaseni #content form input:focus { background: yellow; }
.prihlaseni #content p.chyba { color: red; font-weight: bold; text-indent: 0; clear: left; }
.prihlaseni #content form p#submit { margin-top: 1em; text-align: right; }
.prihlaseni #content form p#submit input { width: auto; margin-right: 0.15em; border: 2px outset white; color: black; background: white; font-weight: bold; cursor: pointer; } .prihlaseni #content form p#submit>/**/input { border-color: gray; }
.prihlaseni #content form p#submit input:focus { background: yellow; }
.prihlaseni #content form p#submit input:active { border-style: inset; }

/* 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: 100% 'Courier New', Courier, monospace; }

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