/* administrace */
body, body.admin, body.iframe {
  margin:5px 0;
	font-family:Arial, Verdana, Tahoma, sans-serif; 
	font-size:12px;
}
body.admin {
	background-color:silver;
	text-align:center;
}
body.iframe {
	background-color:transparent;
	text-align:left;
}

#main {
  margin:0 auto;
  background-color:white;
  border:solid 2px black;
  min-height:200px;
  height:200px;
  width:980px;
  text-align:center;
}
body[class] #main {
  height:auto;
}
@media screen and (min-width:1260px) { /* vyšší rozlišení */
  #main {
    width:1220px;
  }
}

#menu {
  text-align:left;
  margin:0 auto;
  width:650px;
  border:solid 2px black;
  background-color:white;
/* žluté podsvícení okrajů menu na hlavní straně */
  -moz-box-shadow:0 0 8px #ffff00;
  -webkit-box-shadow:0 0 8px #ffff00;
  -o-box-shadow:0 0 8px #ffff00;
  box-shadow:0 0 8px #ffff00;
}
#menu h2 {
  color:black;
  font-size:14px;
  padding:0 !important;
  margin:10px 10px 0 20px !important;
}
#menu h3 {
  padding:10px 20px !important;
}
#menu ul {
  margin:5px 10px 10px 40px;
  padding:0;
}
#menu ul li {
  list-style-type:disc;
  list-style-position:inside;
/*  color:blue; */
  text-align:left;
  font-size:12px;
  font-weight:bold;
  margin:0 0 5px 0;
}

#login {
  margin:30px auto;
  width:300px;
}

#timer { /* odpočet času do automatického odhlášení */
  background-color:#FFFACD;
  color:black;
  padding:0.2em 0.4em;
  border:solid 1px #606060;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -o-border-radius:8px;
  border-radius:8px;
  -moz-box-shadow:1px 1px 2px #555555;
  -webkit-box-shadow:1px 1px 2px #555555;
  -o-box-shadow:1px 1px 2px #555555;
  box-shadow:1px 1px 2px #555555;
}
#timer.boom { /* drsná hláška po odpočtu */
  font-size:250%;
  background-color:red;
  color:yellow;
  text-decoration:blink;
  -moz-transition:all 0.7s cubic-bezier(0.5,0,1,1);
  -webkit-transition:all 0.7s cubic-bezier(0.5,0,1,1);
  -o-transition:all 0.7s cubic-bezier(0.5,0,1,1);
  transition:all 0.7s cubic-bezier(0.5,0,1,1);
}

h1 {
  font-size:20px;
  text-align:center;
  margin:5px 0 5px 0;
  padding:0 2em 0.2em 2em;
}

h2 {
  font-size:16px;
  margin:5px 0;
  padding:0 2em 0.2em 2em;
}

h3 {
  font-size:14px;
  margin:0;
  padding:0.2em 2em;
}
h3.error {
  background-color:#ffa0a0;
}
#message { /* ok nebo chybová hláška */
  font-size:14px;
  text-align:center;
  font-weight:bold;
  color:black;
  padding:5px;
  margin:15px auto;
  width:800px;
  border:solid 1px #606060;
  -moz-box-shadow:2px 2px 2px #607080;
  -webkit-box-shadow:2px 2px 2px #607080;
  -o-box-shadow:2px 2px 2px #607080;
  box-shadow:2px 2px 2px #607080;
}
#message.w600 {
  width:600px;
}
#message.ok {
  display:block;
  background-color:#d0ffd0;
}
#message.error {
  display:block;
  background-color:#ffa0a0;
}
#message p, #message ul li {
  font-size:12px;
  font-weight:normal;
}
#message ul {
  margin:5px 0;
}
#message ul li {
  list-style-type:disc;
  text-align:left;
  margin-bottom:0.15em;
}
#message h3 {
  margin-left:20px;
  margin-right:20px;
}
.center {
  text-align:center;
}
.invisible {
  display:none;
}
p {
  margin:0;
  padding:0.2em 2em;
}
p.user {
  font-size:12px;
  color:firebrick;
  text-align:center;
  font-weight:bold;
}
p.copy {
  margin:0;
  padding:10px 0 5px 0;
  color:#666666;
  text-align:center;
}
p.copy a {
  color:#66aa66;
}
em {
  font-weight:bold;
  font-style:italic;
}
strong {font-weight:bold;}

small { font-size:80%; }

acronym { text-decoration:underline; }

span.center { text-align:center !important; }

.nowrap { white-space:nowrap; }

a {
  color:#0000cd;
  text-decoration:underline;
}
a:hover { 
  color:#FF1493;
}
#menu ul li a, /* odkazy v hlavním menu */
h2 a { /* navigační odkazy nahoře na stránkách */
  padding:2px 5px;
}
a.outline { /* odkazy vedoucí na další stránku (mimo tlačítka) */
  padding:1px 3px;
}
#menu ul li a:hover, h2 a:hover, a.outline:hover {
  outline-width:2px;
  outline-style:solid;
  text-decoration:none;
}
#menu ul li a:hover, h2 a:hover {
  outline-color:#ff8c00;
  background-color:#ffffe0;
}
a.outline:hover {
  outline-color:#303030;
  background-color:#ffffe0;
}

span.vyrazeno { /* zboží vyřazené z kategorie */
  color:red;
}
span.warning { /* zboží bez zadané ceny, částečně vyřízená objednávka */
  color:red;
  font-weight:bold;
}     

/* kategorie zboží */
#data ul li {
  list-style-type:square;
  color:black;  
  text-align:left;
  font-size:16px;
  margin-bottom:20px;
}
#data ul li ul li {
  list-style-type:disc;
/*  color:blue; */  
  text-align:left;
  font-size:14px;
  margin-bottom:15px;
}
#data ul li ul li ul li {
  list-style-type:circle;
/*  color:red; */  
  text-align:left;
  font-size:12px;
  margin-bottom:10px;
}
#data ul li {
  list-style-position:outside;
}
#data li.nomark {
  list-style-type:none;
}
span.func { /* pro stejnou velikost funkčních odkazů */
  font-size:12px;
}

/* formuláře */
fieldset {
  border:solid 1px #a0a0a0;
  margin:5px 10px;
/*
  -moz-box-shadow:2px 2px 2px #607080;
  -webkit-box-shadow:2px 2px 2px #607080;
  -o-box-shadow:2px 2px 2px #607080;
  box-shadow:2px 2px 2px #607080;
*/
}

legend {
  text-align:left;
  font-weight:bold;
  padding:0.1em 0.5em;
  border:solid 1px #606060;
  -moz-box-shadow:1px 1px 2px #607080;
  -webkit-box-shadow:1px 1px 2px #607080;
  -o-box-shadow:1px 1px 2px #607080;
  box-shadow:1px 1px 2px #607080;
}

label {
  font-weight:bold;
  font-size:12px;
}

fieldset.add { background-color:#eeffee; }
fieldset.edit { background-color:#eeeeff; }
fieldset.invisible { display:none; }
fieldset.add legend { background-color:#fcfcaa; }
fieldset.edit legend { background-color:#ffccff; }

/* IFRAME na seznam zboží */
table.form td.zbozi {
/* td ve kterém je uzavřen iframe */
  text-align:left;
  vertical-align:top;
  border-left:solid 1px #a0a0a0; /* oddělovač od seznamu kategorií */
}

iframe.zbozi {
  margin:0 10px;
  padding:0;
  overflow:auto;
  border:none;
  width:660px;
  height:auto;
  min-height:400px; /* 1024x768 */
}
@media screen and (min-height:800px) { /* vyšší rozlišení - prodloužení pole pro seznam zboží */
  iframe.zbozi {
    min-height:650px; /* x1024 */
  }
}
@media screen and (min-height:1000px) { /* vyšší rozlišení - prodloužení pole pro seznam zboží */
  iframe.zbozi {
    min-height:820px; /* x1200 */
  }
}
@media screen and (min-height:1400px) { /* vyšší rozlišení - prodloužení pole pro seznam zboží */
  iframe.zbozi {
    min-height:1220px; /* x1600 */
  }
}
@media screen and (min-width:1260px) { /* vyšší rozlišení do šířky */
  iframe.zbozi {
    width:900px;
  }
}

/* tabulka pro výběr zboží do košíku */
table.zbozi {
  padding:0;
  border-collapse:collapse;
  margin:5px 10px 10px 10px;
  border:solid 1px black;
  width:97%;
}
table.zbozi caption {
  text-align:center;
  font-weight:bold;
  font-size:14px;
  margin:5px auto;
}
table.zbozi thead {
  background-color:#ffffaa;
  font-weight:bold;
}
table.zbozi thead th {
  text-align:left;
}
table.zbozi tr.noborder {
  border:none !important;
}
table.zbozi th.numeric, table.zbozi td.numeric {
  min-width:0;
}
table.zbozi tbody th {
  text-align:center !important;
}
table.zbozi tr.odd, table.zbozi tr.even {
  border-top:solid 1px black;
}
table.zbozi tr.odd {
  background-color:#c0c0c0;
}
table.zbozi tr.even {
  background-color:#e0e0e0;
}

/* tabulka ve formuláři */
table.form {
  padding:0;
  border-collapse:collapse !important;
  border:none;
  margin:5px auto 3px auto;
}
fieldset table.form tr.nadpis { /* zvětšení pro nadpis ve fieldsetu formuláře */
  font-size:120%;
  text-align:center;
}
fieldset table.form tr.nadpis th, fieldset table.form tr.nadpis td {
  text-align:center;
  padding-bottom:5px;
}
fieldset table.form tr.odd { /* střídání barev řádků, normálně je bez class a má barvu fieldsetu formuláře */
  background-color:#ffffe0;
  border-top:solid 1px #a0a0a0;
}
fieldset table.form tr.even { /* střídání barev řádků, normálně je bez class a má barvu fieldsetu formuláře */
  background-color:#fff0c0;
  border-top:solid 1px #a0a0a0;
}
fieldset table.form tr.last {
  border-bottom:solid 1px #a0a0a0; /* zakončení zbarvené tabulky čárou */
}
table.form td,
table.zbozi td {
  padding:2px;
  text-align:left;
}
table.form th,
table.zbozi th {
  font-weight:bold;
  text-align:left;
  vertical-align:bottom;
  padding:3px;
}
table.form th.top, table.form td.top,
table.zbozi th.top, table.zbozi td.top {
  vertical-align:top;
}
table.form th.center {
  text-align:center;
}
table.form th.numeric, table.form td.numeric,
table.zbozi th.numeric, table.zbozi td.numeric,
table.data th.numeric, table.data td.numeric {
  width:35px;
  text-align:right;
  font-weight:bold;
}
table.form td.treemenu {
/* td ve kterém je JS treemenu */
  text-align:left;
  vertical-align:top;
  width:300px !important; /* fixní velikost sloupce menu */
}
table.form td.treemenu table,
table.form td.treemenu table th, table.form td.treemenu table td {
  padding:0;
  margin:0;
  white-space:normal !important; /* zalamování příliš dlouhých řádků menu */
}
table.form td.treemenu table a {
  text-decoration:none !important;
}

/* INPUT, TEXTAREA */
input, select {
  background-color:white !important;
  color:navy;
  border:inset 2px #a0a0a0;
}
input:focus { /* fokus */
  border:inset 2px #a0a0ff !important;
  background-color:#e0ffff !important;
  color:black !important;
/*  font-weight:bold !important; */
}
input.error, select.error { /* chybně zadané pole formuláře */
  border:inset 2px #ff0000 !important;
  background-color:#ffff60 !important;
  color:black !important;
/*  font-weight:bold !important; */
}
input.disabled {
  background-color:#a0a0a0 !important;
}
input.numeric, input.longnumeric, input.numericfloat {
/* numerický celočíselný vstup */
  text-align:right;
}
input.numericfloat {
  float:right;
}
input.numeric, input.numericfloat {
  width:30px;
}
input.longnumeric {
  width:50px;
}
input.decimal {
/* numerický desetinný vstup */
  width:60px;
}
input.short {
  width:100px;
}
input.normal {
  width:325px;
}
textarea.normal {
  width:750px;
  height:65px;
}
input.long {
  width:750px;
}
textarea.long {
  width:750px;
  height:80px;
}

/* tabulka pro data */
#data {
  margin:10px;
  padding:0 0 20px 0;
}
#search { /* input#search */
  width:200px;
}
table.data {
  margin-top:10px;
  border-top:solid 2px #606060;
  border-bottom:solid 2px #606060;
  border-left:solid 1px #606060;
  border-right:solid 1px #606060;
  border-collapse:collapse;
  width:100%;
/*
  -moz-box-shadow:2px 2px 2px #607080;
  -webkit-box-shadow:2px 2px 2px #607080;
  -o-box-shadow:2px 2px 2px #607080;
  box-shadow:2px 2px 2px #607080;
*/
}
table.data thead {
  text-align:left;
  border-bottom:solid 2px #606060;
  background-color:#ffffaa;
  font-weight:bold;
}
table.data tbody {
  border-bottom:solid 2px #606060;
}
table.data td, table.data th {
  padding:4px 10px;
  vertical-align:top;
}
table.data tbody td {
  text-align:left;
}
table.data tbody th {
  text-align:left;
  font-weight:bold;
}
table.data tbody td.center, table.data tbody th.center {
  text-align:center;
}
table.data th.watch, table.data td.watch { /* sledování */
  width:20px;
  padding:0;
  text-align:center;
  vertical-align:middle;
}
table.data tbody td.decimal {
  text-align:left;
}
table.data tbody td.decimal:after {
  content:" Kč";
}

/* střídání barev řádků */
table.data tbody tr.odd, table.data tbody tr.even,
table.data tbody tr.odddisabled, table.data tbody tr.evendisabled,
table.data tbody tr.oddsub, table.data tbody tr.evensub,
table.data tbody tr.error, table.data tbody tr.file {
  border-top:solid 1px #606060;
}
table.data tbody tr.noborder {
  border-top:none !important;
}
table.data tbody tr.even, table.data tbody td.even, table.data tbody th.even {
/* liché hlavní řádky tabulky - zelená (i=0 je even) */
  background-color:#eeffee;
}
table.data tbody tr.odd, table.data tbody td.odd, table.data tbody th.odd {
/* sudé hlavní řádky tabulky - červená */
  background-color:#ffeeee;
}
table.data tbody tr.error, table.data tbody td.error, table.data tbody th.error {
/* chybové řádky tabulky - černý text na šedém pozadí */
  color:black;
  background-color:#dcdcdc;
  letter-spacing:0.1em;
  word-spacing:0.2em;
  font-size:110%;
  text-transform:uppercase;
}
table.data tbody tr.error th, table.data tbody tr.error td {
  text-align:center;
}
table.data tbody tr.evensub, table.data tbody td.evensub, table.data tbody th.evensub,
table.zbozi tr.evensub {
/* liché podřízené řádky tabulky - žlutá */
  background-color:#ffffe0;
}
table.data tbody tr.oddsub, table.data tbody td.oddsub, table.data tbody th.oddsub,
table.zbozi tr.oddsub {
/* sudé podřízené řádky tabulky - oranžová */
  background-color:#fff0c0;
}
table.data tbody tr.evendisabled, table.data tbody td.evendisabled, table.data tbody th.evendisabled {
/* liché neaktivní řádky tabulky - světle šedá (i=0 je even) */
  background-color:#dcdcdc;
}
table.data tbody tr.odddisabled, table.data tbody td.odddisabled, table.data tbody th.odddisabled {
/* sudé neaktivní řádky tabulky - tmavě šedá */
  background-color:#c0c0c0;
}

table.data tbody tr.file {
/* řádek pro nahrání souboru */
  background-color:#eeeeee;
}
table.data tbody tr.file th, table.data tbody tr.file td {
  vertical-align:baseline;
}

table.data tbody tr.edit, ul li.edit {
/* zvýraznění editovaného záznamu - modrá */
  background-color:#0033cc;
  color:#f0f0f0 !important;
}
table.data tbody tr.delete, ul li.delete {
/* zvýraznění záznamu při dotazu na smazání - červená */
  background-color:#cc3333;
  color:#f0f0f0 !important;
}
table.data tbody tr.delete a, table.data tbody tr.edit a {
  color:white; /* bílý text ve zvýrazněném řádku */
}

table.data a, table.zbozi a {
  font-weight:bold;
}

/* HTML FORMÁTY ZADANÉ UŽIVATELEM DO EDITORU NEBO V LOGU */

/* tabulka vložená uživatelem do editoru */
table.zbozi table, table.data tbody table {
  padding:0;
  margin:10px auto 10px 10px;
  border:solid 2px #606060;
  border-collapse:collapse;
}
table.zbozi table thead, table.zbozi table tbody,
table.data table thead, table.data table tbody {
  border-bottom:solid 2px #606060;
}
table.zbozi table caption, table.data tbody table caption {
  text-align:center;
  font-weight:bold;
  margin:3px auto;
}
table.zbozi table thead tr th, table.zbozi table thead tr td,
table.data table thead tr th, table.data table thead tr td { /* žluté záhlaví */
  background-color:#ffffa0;
}
table.zbozi table th, table.zbozi table td,
table.data tbody table th, table.data tbody table td {
  min-width:0;
  padding:2px 5px;
  margin:0;
  border-bottom:solid 1px #606060;
}
/* střídání barev řádek v uživatelské tabulce */
table.zbozi table tr:nth-child(even),
table.data tbody table tr:nth-child(even) {
  background-color:#ffefe5; /* papayawhip */
}
table.zbozi table tr:nth-child(odd),
table.data tbody table tr:nth-child(odd) {
  background-color:#f5deb3; /* wheat */
}

/* listy vložené do editoru */
table.zbozi ul li, table.data ul li {
  font-size:12px !important;
  font-weight:normal;
}
table.zbozi ul, table.data ul {
  margin:5px 10px 5px 0;
}
table.zbozi ul li, table.data ul li {
  list-style-type:disc !important;
  text-align:left;
  margin-bottom:3px !important;
}

/* sloupec s extrahovanými obrázky */
span.imgcol {
  float:right;
  text-align:center;
  margin:0 5px 10px 10px;
}
span.imgcol img {
  border-style:solid;
  border-width:1px;
  border-color:#303030;
  -moz-box-shadow:2px 2px 2px #607080;
  -webkit-box-shadow:2px 2px 2px #607080;
  -o-box-shadow:2px 2px 2px #607080;
  box-shadow:2px 2px 2px #607080;
}
span.imgcol img.noborder {
  border:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;
}

/* CSS tlačítka */
a.submitbtn, a.resetbtn, a.deletebtn, a.editbtn, a.disabledbtn, a.logoffbtn,
a.submitbtnfloat, a.resetbtnfloat, a.editbtnfloat, a.deletebtnfloat, a.disabledbtnfloat,
a.resetbtnleft, a.disabledbtnleft {
/* normální */
  font-weight:bold;
	padding:1px;
	margin:3px 5px;
	text-decoration:none;
  white-space:nowrap;
	border-top:solid 1px #606060;
	border-left:solid 1px #606060;
	border-right:solid 1px #969696;
	border-bottom:solid 1px #969696;
/*
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  -o-border-radius:6px;
  border-radius:6px;
*/
  -moz-box-shadow:1px 1px 2px #555555;
  -webkit-box-shadow:1px 1px 2px #555555;
  -o-box-shadow:1px 1px 2px #555555;
  box-shadow:1px 1px 2px #555555;
  -moz-transition:all 0.2s cubic-bezier(0.5,0,1,1);
  -webkit-transition:all 0.2s cubic-bezier(0.5,0,1,1);
  -o-transition:all 0.2s cubic-bezier(0.5,0,1,1);
  transition:all 0.2s cubic-bezier(0.5,0,1,1);  
}
a.submitbtn:hover, a.resetbtn:hover, a.deletebtn:hover, a.editbtn:hover, a.disabledbtn:hover, a.logoffbtn:hover,
a.submitbtnfloat:hover, a.resetbtnfloat:hover, a.editbtnfloat:hover, a.deletebtnfloat:hover, a.disabledbtnfloat:hover,
a.resetbtnleft:hover, a.disabledbtnleft:hover {
	border-top:solid 1px #303030;
	border-left:solid 1px #303030;
	border-right:solid 1px #505050;
	border-bottom:solid 1px #505050;
}


a.submitbtnfloat, a.resetbtnfloat, a.editbtnfloat, a.deletebtnfloat, a.disabledbtnfloat {
/* plovoucí */
  float:right;
  clear:left;
}
a.resetbtnleft, a.disabledbtnleft {
  float:left;
}

a.submitbtn, a.submitbtnfloat {
	color:white;
	background-color:green;
}
a.submitbtn:hover, a.submitbtnfloat:hover {
  color:black !important; /* jinak je text bílý v editovaném modrém řádku */
	background-color:lime;
}

a.resetbtn, a.resetbtnfloat, a.resetbtnleft {
	color:white;
	background-color:#BA55D3;
}
a.resetbtn:hover, a.resetbtnfloat:hover, a.resetbtnleft:hover {
  color:black;
	background-color:#FFC0CB;
}

a.deletebtn, a.deletebtnfloat {
	color:white;
	background-color:#B22222;
}
a.deletebtn:hover, a.deletebtnfloat:hover {
  color:black;
	background-color:#ffa07a;
}

a.editbtn, a.editbtnfloat {
	color:white;
	background-color:#6A5ACD;
}
a.editbtn:hover, a.editbtnfloat:hover {
  color:black;
	background-color:#afddff;
}

a.disabledbtn, a.disabledbtnleft, a.disabledbtnfloat {
	color:#b0b0b0;
	background-color:#808080;
}
a.disabledbtn:hover, a.disabledbtnleft:hover, a.disabledbtnfloat:hover {
	color:white;
	background-color:silver;
}

a.logoffbtn {
	background-color:#804010;
	color:white;
}
a.logoffbtn:hover {
  color:black;
	background-color:#ffd700;
}