/* ================================================
PRO Jasněnu Vláhovou VYTVOŘIL V ROCE 2009
Ing. Tomáš Souček, webmaster[zavinac]penkavcivrch.cz
- všechna práva vyhrazena, zákaz použití kódu
================================================ */

/* SKRYTE TAGY */
.noscreen, .skryt { display: none; }


/* TOOLTIPS */
#tooltip {
  width: 200px;
  position: absolute;
  z-index: 3000;
  border: 1px solid #999;
  background-color: #eee;
  padding: 5px;
  text-align: left;
  font-size: 90%;
  opacity: .85;
}
#tooltip h3, #tooltip div { margin: 0px; }


/* HTML TAGY */
body {
  background: #000;
  color: #000;
  font-size: small;
  font-family: Verdana, Arial Narrow, "Arial CE", Arial, sans-serif;
	margin: 0px auto;
	padding: 8px 0px 20px 0px;
	text-align: center;
}
p { margin: 1em 0px; margin-bottom: 1.2em; padding: 0px; }
table { font-size: small; }
table td { padding: 0px; }
input, select, textarea { font-size: 100%; }
form, ul, ol.nomargin { margin: 0px; padding: 0px; }

h1, h2, h3, h4 { margin: 0px; padding: 0px; } /* font-family: Verdana, Arial Narrow, "Arial CE", Arial, sans-serif; */
h1, h1 span { width: 223px; height: 111px; }
h1 { font-size: 120%; position: relative; overflow: hidden; text-align: center; border-bottom: 1px solid #999; }
#holder h1 a { color: #f93; }
h1 span { display: block; position: absolute; left: 0px; top: 0px; cursor: pointer; background: url('./img/design/logo-jvd.gif') 0 0 no-repeat; }
h2 { font-size: 110%; margin-bottom: 1.2em; font-weight: normal; letter-spacing: -1px; color: #000; }
h3 { font-size: 110%; margin: 1.2em 0px 0.5em 0px; }
h4 { font-size: 105%; margin: 1.2em 0px 0.5em 0px; font-style: italic; }

hr { color: #999; height: 1px; background-color: #999; border: 0px solid #999; margin: 0px; margin-top: 1em; padding: 0px; }
img { border: 0px; }
ul li { list-style-position: outside; margin-left: 20px; padding-left: 0px; }
ul.graphic li { list-style-type: none; margin-left: 0px; padding: 3px 0px; padding-left: 15px; background: url('./img/design/arrow-right.gif') 0% 50% no-repeat; }
ol.nomargin li { list-style-position: outside; margin-left: 20px; padding: 3px 0px; padding-left: 0px; }
ol.nomargin li ul.graphic li { margin-left: 0px; padding-left: 15px; }

del {  text-decoration: line-through; }
del.small { color: #aaa; font-weight: normal; /* background: url('./img/design/linethrough.gif') center left repeat-x; */ }
acronym, abbr { border-bottom: 1px dotted; cursor: help; }
fieldset { padding: 7px; }


/* IDENTIFIKTORY */
#zahlavi { width: 998px; margin: 0px auto; background-color: #000; color: #fff; font-size: 80%; }
#zahlavi p { margin: 0.5em 0.7em; padding: 0px; letter-spacing: -1px; }
#zahlavi p span { color: #aaa; }
#zahlavi p a { text-decoration: none; font-weight: normal; }
#zahlavi p a.active { color: #eee; }
#zahlavi p a:hover, #zahlavi p a:active { text-decoration: underline; }

#design { clear: both; width: 998px; margin: 0px auto; border-left: 1px solid #999; border-right: 1px solid #999; border-top: 3px solid #c60; }
#holder { width: 998px; margin: 0px auto; background: url('./img/design/body-back.gif') 0 0 repeat-y; text-align: left; }
#hlavicka { height: 111px; background-color: #000; }

#jvd { height: 79px; background-color: #000; }
#jvd table { width: 100%; height: 100%; color: #999; font-size: 90%; }
#jvd table tr td.nadpis { width: 305px; }
#jvd table tr td.move { padding-top: 5px; }
#jvd table form { float: right; padding-right: 0.7em; padding-bottom: 4px; }
#jvd table form input { vertical-align: middle; }
#jvd table form input.search { background-color: #999; border: none; color: #333; font-weight: bold; padding: 3px 4px; }
#line { border-top: 1px solid #999; height: 223px; background: url('./img/design/foto-paticka.jpg') 0px 0px no-repeat; }

#leftpart { float: left; width: 223px; color: #444; }
#leftpart div.text { padding: 1em; }

#rightpart { float: right; width: 775px; min-height: 600px; color: #444; }
#rightpart .line { background: url('./img/design/prechod-top.png') 0px 0px no-repeat; }
#rightpart #obsah { background: url('./img/design/prechod.png') 0px 0px repeat-x; }
#rightpart #obsah div.text { padding: 1em 1.5em; }

#katalog table { clear: both; border-collapse: collapse; margin: 0px auto; }
#katalog table tr td { width: 239px !important; height: 238px; border-top: 1px solid #999; border-bottom: 1px solid #999; vertical-align: top; }
#katalog table tr td img { display: block; }
#katalog table tr td p { margin: 0px; line-height: 19px; }
#katalog table tr td p strong { display: block; position: relative; top: -3px; color: #900; font-size: 17px; font-family: "Trebuchet MS", Verdana, Arial Narrow, "Arial CE", Arial, sans-serif; width: 202px; height: 21px; overflow: auto; overflow-x: hidden; overflow-y: auto; }
#katalog table tr td p a.center { display: block; width: 200px; }
#katalog table tr td p img { margin: 0px auto; margin-top: 2px; text-align: center; } /* border: 1px dotted #ccc; */
#katalog table tr td div.piktogramy { float: right; }
#katalog table tr td div.piktogramy span { display: block; padding-bottom: 8px; }
#katalog table tr td div.piktogramy span img { cursor: help; }
#katalog table tr td div.piktogramy span img.kos { cursor: pointer; }
#katalog table tr td div.piktogramy span img.zerop { margin-top: 182px; }
#katalog table tr td div.piktogramy span img.onep { margin-top: 147px; }
#katalog table tr td div.piktogramy span img.twop { margin-top: 112px; }
#katalog table tr td div.piktogramy span img.threep { margin-top: 77px; }
#katalog table tr td div.piktogramy span img.fourp { margin-top: 42px; }
#katalog table tr td div.piktogramy span img.fivep { margin-top: 7px; }
#katalog table tr td div.cena { clear: both; }
#katalog table tr td div p { position: relative; top: 5px; font-size: 14px; color: #c60; }
#katalog table tr td div p span { color: #ccc; }
#katalog table tr td div p.floatright { color: #000; font-weight: bold; font-size: 17px; font-family: "Trebuchet MS", Verdana, Arial Narrow, "Arial CE", Arial, sans-serif; }
#katalog table tr td div p.floatright span { color: #000; font-weight: normal; }
#katalog table tr td.left { padding: 10px; padding-right: 9px; }
#katalog table tr td.middle { border: 1px solid #999; padding: 10px; }
#katalog table tr td.right { padding: 10px; padding-right: 9px; }

#paticka { width: 998px; height: 25px; line-height: 25px; margin: 0px auto; color: #fff; font-size: 85%; background: #c60 url('./img/design/paticka.png') 0px 0px repeat-x; letter-spacing: 1px; }
#tiraz { width: 998px; margin: 0px auto; color: #666; font-size: 90%; text-align: left; }
#tiraz span { display: block; font-size: 80%; }

#error { margin-left: 1px; padding: 0.7em 1.3em; color: #fff; background-color: #c60; }
#error a { color: #fff; }
#notice { margin-left: 1px; padding: 0.7em 1.3em; color: #fff; background-color: #090; }
#notice a { color: #fff; }


/* TRIDY */
.stred { text-align: center; margin: 0px auto; }
.doleva { text-align: left; }
.doprava { text-align: right; }
.valigntop { vertical-align: top; }
.valignmiddle { vertical-align: middle; }
.valignbottom { vertical-align: bottom; }
.floatleft { float: left; }
.floatright { float: right; }
.inline { display: inline; }
.block { display: block; }
.odsad { padding: 2em 0px; }
.doleodsad { margin-bottom: 20px; }
.horeodsad { margin-top: 20px; }
.tucne { font-weight: bold; }
.under { text-decoration: underline; }
.nomargin { margin: 0px; }
.small { font-size: 80%; }
.large { font-size: 120%; }
.ramecek { border: 1px solid #666; }
.strankovani { text-align: center; margin: 1.5em 0px; font-size: 90%; }

.red { color: #900; }
.green { color: #080; }
.blue { color: #009; }
.yellow { color: #ff0; }
.brown { color: #960; }
.black { color: #000; }
.orange { color: #c60; }
.gray { color: #aaa; }

.cleaner { clear: both; font-size: 0px; height: 0px; line-height: 0px; }
.cleanerb { clear: both; }
.imgrightb { float: right; margin: 0.5em; margin-bottom: 0.7em; margin-right: 0px; border: 1px solid #c60; }
.imgright { float: right; margin: 0.5em; margin-bottom: 0.7em; margin-right: 0px; }
.imgleft { float: left; margin-right: 1em; margin-bottom: 0.5em; }
.leftmargin { margin-left: 2.2em; }
.topmargin { margin-top: 1em; }
.margintop { margin: 1em 0px; }
.tablehlavicka { background-color: #eee; }
.misty { background-color: #ffe4e1; }
.light { background-color: #efefef; }
.trebuchet { font-family: "Trebuchet MS", Verdana, Arial Narrow, "Arial CE", Arial, sans-serif; }
.napoveda { width: 90%; margin: 1.2em auto; padding: 0.8em; background-color: #eee; border: 1px solid #ccc; font-size: 85%; }

.butonek { color: #27537a; width: 100%; height: 25px; background: url('./img/koupit.gif') 0 0 repeat-x; border: 1px solid #ccc; cursor: pointer; cursor: hand; }
.butkraj { padding: 0.6em 0.5em; text-align: center; background-color: #f6f9fe; border: 1px solid #ccc; }
.fifty { width: 49%; padding-bottom: 1px; }
.hundert { width: 99%; padding-bottom: 1px; margin-top: 0.5em; }
.noborder { border: none; }
.pravidla { overflow: auto; margin-bottom: 5px; padding: 5px; width: 90%; height: 100px; border: 1px solid #ccc; font-size: 90%; }
.pridej { float: right; padding-left: 1em; padding-bottom: 0.5em; }

.sort { clear: both; background-color: #eee; padding: 3px 8px; border-left: 1px solid #999; }
.sort.up { border-top: 1px solid #999; }
.sort.down { border-bottom: 1px solid #999; }
.sort.no { border: none; margin-top: 1em; }
.sort.nod { border: none; margin-bottom: 1em; }


/* SLOUCENINY */
span.datum { font-size: 90%; }

div.zalozky .ui-tabs-nav { border-bottom: 1px solid #ccc; }
div.zalozky .polozka { padding: 1em; overflow: auto; border: 1px solid #ccc; border-top: 0px; font-size: 100%; }
div.zalozky .polozka table.info td.value { font-style: normal; }

/* TABULKY */
table.info {
  border-collapse: collapse;
  margin: 0.3em 0px;
}
table.info td {
  padding: 0.3em 0px;
}
table.info td.value {
  padding-left: 0.8em;
  font-style: italic;
}

table.tab {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #999;
  margin: 10px 0px;
}
table.tab td {
  background-color: #fff;
  border-top: 1px solid #999;
  padding: 3px 4px;
}
table.tab tr.light td {
  background-color: #efefef;
}
table.tab tr.misty td {
  background-color: #ffe4e1;
}
table.tab tr.tablehlavicka td {
  background-color: #ccc;
  text-align: center;
  font-weight: bold;
}

table#itemdetail { width: 100%; }
table#itemdetail td.image { width: 220px; text-align: center; }
table#itemdetail td.image p { margin-top: 0.5em; font-size: 150%; color: #c60; font-family: "Trebuchet MS", Verdana, Arial Narrow, "Arial CE", Arial, sans-serif; }
table#itemdetail h3 { margin-top: 0px; }


/* LINKY */
a:link { color: #c60; font-weight: bold; text-decoration: underline; }
a:visited { color: #c60; font-weight: normal; text-decoration: underline; }
a:hover, a:active { color: #960; }

a.normal { font-weight: normal; }

#zahlavi a:hover, #zahlavi a:active { text-decoration: underline; color: #c60; }

#obsah h2 { position: relative; z-index: 2; }
#obsah h2 a { color: #000; text-decoration: none; font-weight: normal; }
#obsah h2 a:hover, #obsah h2 a:active { text-decoration: underline; }

#katalog table a { color: #900; text-decoration: none; cursor: pointer; }

#paticka a { color: #000; text-decoration: none; font-weight: normal; }
#paticka a:hover, #paticka a:active { text-decoration: none; color: #fff; }

#tiraz a { color: #666; text-decoration: none; font-weight: normal; }
#tiraz a:hover, #tiraz a:active { text-decoration: none; color: #ccc; }

.strankovani a { text-decoration: none; }
.strankovani a:hover, .strankovani a:active { text-decoration: underline; }

/* LOGIN */
form#login {
  border: 1px solid #999; background-color: #111; color: #fff; padding: 5px; margin: 10px;
}
form#login table {
  width: 100%;
  font-size: 13px; color: #fff;
  font-family: Trebuchet MS, Verdana, Arial Narrow, Arial CE, Arial, sans-serif;
}
form#login input {
  font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
  width: 110px;
  border: 1px solid #999;
  background-color: #ccc;
  color: #333;
}
form#login input.logins {
  font-family: Trebuchet MS, Verdana, Arial Narrow, Arial CE, Arial, sans-serif;
  height: 25px; border: 0px; background: url('./img/design/menu-vertical.gif'); border: 1px solid #999;
  color: #fff; padding: 2px 10px; font-weight: normal;
  width: auto;
}