body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", lucida, sans-serif;
  font-size: 95%;
  background: #333 url('../obrazky/pozadi.png') repeat-x 0px 25px;
}

div#lista {
  height: 20px;
  padding-bottom: 4px;
  text-align: center;
  color: #88D367;
  background-color: #3D7D1F;
  border-bottom: 1px dotted #88D367;
  overflow: hidden;
}

div#lista strong {
  font-size: 88%;
}

div#lista a {
  font-size: 88%;
  color: #88D367;
  text-decoration: none;
}

div#lista a:hover {
  text-decoration: underline;
}

a img { border: none; }
.skryty { display: none; }

p {
  margin: 0;
  padding: 0 0 10px 0;
  text-align: justify;
}

p.error, p.info {
  padding-left: 20px;
  font-weight: bold;
  color: #999;
  background: url('../obrazky/ikona-chyba.gif') no-repeat scroll 0 3px;
}

p.info {
  color: #6EC563;
  background: url('../obrazky/ikona-info.gif') no-repeat scroll 0 3px;
}

.right { text-align: right; }
.strike { text-decoration: line-through; }

hr { border: none; border-bottom: 1px solid #CCC; }

a.pridat, a.upravit, a.smazat, a.faktura-vytvorit, a.faktura-upravit, a.faktura-stahnout {
  padding-left: 20px;
  background-position: 0 2px;
  background-repeat: no-repeat;
}

a.pridat {background-image: url('../obrazky/ikona-pridat.gif');}
a.upravit {background-image: url('../obrazky/ikona-tuzka.gif');}
a.smazat {background-image: url('../obrazky/ikona-zrusit.gif');}
a.faktura-vytvorit {background-image: url('../obrazky/ikona-page.png');}
a.faktura-upravit {background-image: url('../obrazky/ikona-page-edit.png');}
a.faktura-stahnout {background-image: url('../obrazky/ikona-page-save.png');}
img.vyplatit {
  cursor: pointer;
}

.zbyva-znaku {
  color: #999;
  padding-left: 5px;
}

p.prazdny {
  font-style: italic;
  color: #888;
}

ol, ul { margin: 0; }
div#stranka ol, div#stranka ul, div#stranka p { font-size: 85%; }

div#obsah ol li ol, div#obsah ul li ul {
  margin: 0;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 100%;
  color: #555;
}

ol li, ul li {
  text-align: justify;
  padding: 0 0 5px 0;
}

a:link {
  color: #C1315F;
  text-decoration: underline;
}

a:visited { color: #7D1033; }
a:hover { color: #E0638B; }

h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}

h1 {
  padding-bottom: 10px;
  font-size: 165%;
  color: #A7415C;
}

h1 em { font-size: 0.9em; }

h2 {
  color: #4DBD16;
  font-size: 115%;
  padding: 0 0 5px 0;
}

.cleaner { clear: both; }

div#web {
  width: 990px;
  margin: 0 auto;
}

div#hlavicka {
  position: relative;
  padding-top: 9px;
  height: 98px;
}

div#hlavicka a.odhlasit, div#hlavicka a.upravit-profil {
  background-image: url('../obrazky/ikona-zamek-zeleny.gif');
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 20px;
}

div#hlavicka a.odhlasit:hover { background-image: url('../obrazky/ikona-zamek-svetly.gif'); }
div#hlavicka a.upravit-profil { background-image: url('../obrazky/ikona-tuzka-zelena.gif'); }
div#hlavicka a.upravit-profil:hover { background-image: url('../obrazky/ikona-tuzka-svetla.gif'); }

div#stranka { 
  padding: 10px 10px 1px 10px;
  background: #FFF url('../obrazky/pozadi-stranka-nahore.gif') no-repeat 0px 0px;
}

div#vlevo {
  width: 230px;
  float: left;
}

div#obsah {
  width: 740px;
  float: right;
}

/* == FORMULARE ============================================================= */

form {
  margin: 0;
  padding: 0 0 10px 0;
}

label {
  color: #3A7121;
  display: block;
  font-style: italic;
}

label span { color: #F00; }

div#stranka textarea.kod {
  width: 100%;
  height: 100px;
  padding: 5px;
  font-size: 70%;
}

.radio { float: left; }
p.radio input, p.radio label, .checkbox, p.p-float input { float: left; }
p.p-float input, p.p-float select { margin-right: 5px; float: left;}


input#searchForm-ok {
  float: none;
}

input#login-send {
  border: 1px solid #FFF;
  background-color: #9CB591;
  color: #000;
  padding: 2px;
  margin-left: 5px;  
}


p.p-float {
  display: block;
  float: left;
}

p.p-float label {
  float: left;
  padding-right: 10px;
}

p.obrazek-sluzby {
  float: left;
  width: 180px;
}

p.mensi-mezera { width: 140px; }

.sloupec1 {
  width: 48%;
  float: left;
}

.sloupec2 {
  width: 48%;
  float: right;
}

span.error {
  color:red;
  font-style:italic;
  padding-left:10px;
}

div.paginator { float: right; width: 270px; }

td.posledni select {
  float: left;
}


/* == LOGIN ================================================================= */

form#frm-login, p#login {
  display: block;
  position: absolute;
  right: 0px;
  top: 62px;
  padding: 0;
}

p#login { color: #FFF; }
p#login a:link, p#login a:visited { color: #88D367; }
p#login a:hover { color: #FFC; }

form#frm-login label {
  display: inline;
  color: #FFC;
  font-size: 85%;
  padding-left: 5px;
}

form#frm-login input.text {
  padding: 2px;
  color: #333;
  border: 1px solid #CCC;
  background-color: #9CB591;
  width: 120px;
}


/* == MENU ================================================================== */

ul#menu, ul#menu li ul {
  display: block;
  width: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
}

ul#menu li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
  font-size: 115%;
}

ul#menu li a {
  text-decoration: none;
  padding: 0;
  margin: 0;  
}

ul#menu li a {
  display: block;
  font-weight: bold;
  color: #FAD5D5;
  border-bottom: 1px #A7415C solid;
  background-color: #9D2B4A;
  background-image: url('../obrazky/pozadi-menu-uprostred-off.gif');
  background-repeat: repeat-x;
}

ul#menu li ul li a {
  color: #A50;
  border-bottom: 1px #FFC solid;
  background-color: #FFCC99;
  background-image: url('../obrazky/pozadi-submenumenu-uprostred-off.gif');
  background-repeat: repeat-x;
}

ul#menu li a strong {
  display: block;
  padding: 10px;
}

ul#menu li ul li a strong {
  padding: 5px 10px;
  font-size: 90%;
}

ul#menu li a span {
  display: block;
  padding: 10px 15px 11px 15px;
}

ul#menu li a:hover, ul#menu li a.aktualni {
  background-color: #BF315F;
  color: #FFF;  
  background-image: url('../obrazky/pozadi-menu-uprostred-on.gif');
  background-repeat: repeat-x;
}

ul#menu li ul li a:hover, ul#menu li ul li a.aktualni {
  background-color: #FFE6CD;
  color: #000;  
  background-image: url('../obrazky/pozadi-submenu-uprostred-on.gif');
  background-repeat: repeat-x;
}

ul#menu li.prvni a {
  background-image: url('../obrazky/pozadi-menu-nahore-off.gif');
  background-repeat: no-repeat;
}

ul#menu li.prvni a:hover, ul#menu li.prvni a.aktualni {
  background-color: #BF315F;
  background-image: url('../obrazky/pozadi-menu-nahore-on.gif');
  background-repeat: repeat-x;
}

ul#menu li.posledni a {
  border: none;
  background-image: url('../obrazky/pozadi-menu-dole-off.gif');
  background-repeat: no-repeat;
}

ul#menu li ul li.posledni a {
  border: none;
  background-image: url('../obrazky/pozadi-submenu-dole-off.gif');
  background-repeat: no-repeat;
  background-position: bottom;
}

ul#menu li.posledni a:hover, ul#menu li.posledni a.aktualni {
  background-color: #BF315F;
  background-image: url('../obrazky/pozadi-menu-dole-on.gif');
  background-repeat: no-repeat;
}

ul#menu li ul li.posledni a:hover, ul#menu li ul li.posledni a.aktualni {
  background-color: #FFE6CD;
  background-image: url('../obrazky/pozadi-submenu-dole-on.gif');
  background-repeat: no-repeat;
}

ul#menu li h2, ul#menu li h3, ul#menu li h4 { font-size: 100%; }
ul#menu li a.aktualni strong { background: url('../obrazky/pozadi-menu-sipka.gif') no-repeat right center; }
ul#menu ul li a.aktualni strong { background: url('../obrazky/pozadi-submenu-sipka.gif') no-repeat right center; }


/* == MENU ================================================================== */

ul#menu-special, ul#menu li ul-special {
  display: block;
  width: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
}

ul#menu-special li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
  font-size: 115%;
}

ul#menu-special li a {
  text-decoration: none;
  padding: 0;
  margin: 0;  
}

ul#menu-special li a {
  display: block;
  font-weight: bold;
  color: #000;
  background-color: #CCC;
  background-image: url('../obrazky/pozadi-special-menu.gif');
  background-repeat: repeat-x;
}

ul#menu-special li a strong {
  display: block;
  padding: 10px;
}

ul#menu-special li a span {
  display: block;
  padding: 10px 15px 11px 15px;
}

ul#menu-special li a:hover, ul#menu-special li a.aktualni { background: #396B22 url('../obrazky/pozadi-special-menu.gif') repeat-x; }
ul#menu-special li.prvni a { background: url('../obrazky/pozadi-special-menu.gif') no-repeat; }
ul#menu-special li h2, ul#menu-special li h3, ul#menu-special li h4 { font-size: 100%; }


/* == BOX VLEVO ============================================================= */

.box-vlevo {
  width: 200px;
  background: #F1D1D8 url('../obrazky/pozadi-box-vlevo-dole.gif') no-repeat 0px bottom;
}

.box-vlevo h3 {
  display: block;
  padding: 10px;
  color: #A33047;
  background: url('../obrazky/pozadi-box-vlevo-nahore.gif') no-repeat 0px 0px;
}

.mezera-box { height: 10px; }
.box-vlevo p { padding: 0px 10px 10px 10px; }


/* == NOVINKY =============================================================== */

div#stranka div.box-vlevo p.datum-novinky, div#stranka div.box-vlevo p.text-novinky {
  padding-bottom: 0;
  font-weight: bold;
  font-size: 70%;
  color: #5B1C28;
}

div#stranka div.box-vlevo p.text-novinky {
  padding-bottom: 10px;
  font-size: 80%;
  text-align: left;
  font-weight: normal;
  color: #2E0E14;
}


/* == COPYRIGHT ============================================================= */

p#copyright {
  display: block;
  padding: 15px 0 15px 0;
  font-size: 75%;
  text-align: right;
  color: #999;
  background: #333 url('../obrazky/pozadi-stranka-dole.gif') no-repeat right top;
}

p#copyright span { cursor: help; }

p#copyright a:link, p#copyright a:visited {
  color: #888E93;
  text-decoration: underline;
}

p#copyright a:hover { color: #FFF; }


/* == AKCE ================================================================== */

div.akce p {
  display: block;
  font-size: 85%;
  text-align: justify;
  color: #FFF;
}

div.akce { padding: 15px 15px 11px 15px; }

div.akce p.vice-info {
  padding: 10px 0 0 0;
  text-align: right;
  font-weight: bold;
}

div.akce p.vice-info a {
  padding: 2px 72px 3px 2px;
  background-repeat: no-repeat;
  background-position: right center;
}

div.akce a:link, div.akce a:visited { color: #FFF; }

div.akce-konec {
  height: 4px;
  background-repeat: no-repeat;
}

div.akce h2 { padding-bottom: 5px; }
div.akce h2 a:link, div.akce h2 a:visited { color: #FFF; }
div.akce-konec { margin-bottom: 10px; }

div.akce div.ikona {
  float: left;
  width: 175px;
  height: 120px;
  background-repeat: no-repeat;
}

/* AKCE - MODRA */
div.akce-modra {background: #0CF url('../obrazky/akce-modra-nahore.png') no-repeat;}
div.akce-modra-konec {background-image: url('../obrazky/akce-modra-dole.png');}
div.akce-modra div.prase {background-image: url('../obrazky/akce-prase.png');}
div.akce-modra p.vice-info a {background-image: url('../obrazky/akce-modra-sipky.gif');}
div.akce-modra p.vice-info a:hover {color: #0099BF;}
div.akce-modra h2 a:link, div.akce-modra h2 a:visited {color: #BFE8FF;}
div.akce-modra h2 a:hover {color: #80D2FF;}

/* AKCE - ZELENA */
div.akce-zelena {background: #94CA00 url('../obrazky/akce-zelena-nahore.png') no-repeat;}
div.akce-zelena-konec {background-image: url('../obrazky/akce-zelena-dole.png');}
div.akce-zelena div.pohar {background-image: url('../obrazky/akce-souteze.png');}
div.akce-zelena p.vice-info a {background-image: url('../obrazky/akce-zelena-sipky.gif');}
div.akce-zelena p.vice-info a:hover {color: #FFF;}
div.akce-zelena h2 a:link, div.akce-zelena h2 a:visited {color: #C2E280;}
div.akce-zelena h2 a:hover {color: #FFF;}

/* AKCE - ORANZOVA */
div.akce-oranzova {background: #FC0 url('../obrazky/akce-oranzova-nahore.png') no-repeat;}
div.akce-oranzova-konec {background-image: url('../obrazky/akce-oranzova-dole.png');}
div.akce-oranzova div.graf {background-image: url('../obrazky/akce-graf.png');}
div.akce-oranzova p.vice-info a {background-image: url('../obrazky/akce-oranzova-sipky.gif');}
div.akce-oranzova p.vice-info a:hover {color: #BF9500;}
div.akce-oranzova h2 a:link, div.akce-oranzova h2 a:visited {color: #FFDEBF;}
div.akce-oranzova h2 a:hover {color: #FFBD80;}

/* AKCE - CERVENA */
div.akce-cervena {background: #7A1E19 url('../obrazky/akce-cervena-nahore.png') no-repeat;}
div.akce-cervena-konec {background-image: url('../obrazky/akce-cervena-dole.png');}
div.akce-cervena div.sponka {background-image: url('../obrazky/akce-sponka.png');}
div.akce-cervena p.vice-info a {background-image: url('../obrazky/akce-cervena-sipky.gif');}
div.akce-cervena p.vice-info a:hover {color: #9D5653;}
div.akce-cervena h2 a:link, div.akce-cervena h2 a:visited {color: #EBC7C6;}
div.akce-cervena h2 a:hover {color: #D7908D;}


/* == TABULKA =============================================================== */

table {
  border-collapse: collapse;
  border: 1px solid #CCC;
  margin-bottom: 10px;
}

table th, table td {
  padding: 5px 10px 5px 5px;
  vertical-align: top;
  font-size: 90%;
  border: 1px solid #CCC; 
}

table th.posledni, table td.posledni { padding-right: 5px; }

table th {
  text-align: left;
  background: #DDD url('../obrazky/pozadi-th.gif') repeat-x 0px 0px;
}

table th a:link, table th a:visited {
  text-decoration: none;
  color: #000;
}

table th a:hover { text-decoration: underline; }

table tbody th {
  background-image: none;
  background-color: #F5F5F5;
}

table tfoot td {
  font-weight: bold;
  background-color: #FFFFE5;
}

table tr.sudy { background-color: #F7F7F7; }

table tbody a {
   font-weight: normal;
   text-decoration: underline !important;
}

table tfoot td div form label {
  padding-right: 10px;
  float: left;
}


/* == ANKETY ================================================================ */

#vzhled #nastaveni { width: 300px; float: right; }
#vzhled label { float: left; width: 160px; }
#vzhled select { width: 100px; }
#anketa { position: relative; border: 1px dotted black; padding: 1px; }
#anketa div.prekryv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* == TABS ================================================================== */

.ui-widget {font-family: "Trebuchet MS",lucida,sans-serif; font-size: 100%;}
.ui-widget-header {border: none; border-bottom: 1px solid #CCC; background: none}
.ui-tabs {border: none;}
.ui-tabs-panel {padding: 1.5em 0.2em !important;}
.ui-dialog {border: 1px solid black;}


/* == POPUP ================================================================= */

body.popup { background-color: #FFF; }
body.popup div#stranka, body.popup p#copyright { background-image: none; background-color: #FFF; }
body.popup div#web { margin: 0 10px; width: auto; }


strong.smstext { font-size: 1.3em; }


/* == NO-LAYOUT ============================================================= */

body.no-layout { padding: 0.5em; background: none; }