body{
  background-color: #8080FF;
  color: #000;
  border: 0;
  margin: 0;
  font-family: Tahoma, 'Tahoma CE', Arial, 'Arial CE', 'Helvetica CE', lucida, sans-serif;
  font-size: 1.2em;
  text-align: center;
  }
img{
  border: 0;
  }
h1{
  background-color: #7373FF;
  border-right: 10px #3333FF solid;
  margin: 1px 0 0 0;
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.6em;
  }
h2{
  background-color: #7373FF;
  border-bottom: 1px #3333FF solid;
    text-align: left;
  font-size: 1em;
  padding-left: 15px;
  font-weight: normal;
  margin: 10px 10px 10px 0;
  }
code{
  font-family: courier, 'Courier New CE', 'Courier CE', 'Courier New', monospace;
  font-size: 1em;
  line-height: 1em;
  clear: both;
  display: block;
  margin-top: 10px;
  text-align: left;
  overflow: auto;
  }
table{
  margin: auto;
  font-size: .9em;
  }
th{
  text-align: center;
  }
.pager{
  font-size: .8em;
    margin: 10px auto;
    background: transparent url('images/pager.jpg') center repeat-y;
    border-width: 1px 0;
    border-color: #7575E5;
    border-style: solid;
  }
.pager a{
  color: #000;
  text-decoration: none;
  padding: 0 1px;
  }
.pager a:hover{
 background-color: #000;
  color: #FFF;

  }
 .pager a.active{
text-decoration: underline;

  }

.error{
  background-color: #F00;
  text-align: center;
  padding: 3px;
  }
.oki{
  background-color: #0F0;
  text-align: center;
  padding: 3px;
  }
.info{
  background-color: #00F;
  text-align: center;
  padding: 3px;
  }

p.nadpis{
  background-color: #7373FF;
  border-right: 10px #3333FF solid;
  text-align: center;
  font-weight: bold;
  margin: 2px 0 0 0;
  }
#menu p.nadpis{
  background-color: #7373FF;
  border-left: 10px #3333FF solid;
  border-right: 0 #3333FF solid;
  text-align: center;
  font-weight: bold;
  margin: 1px 0 0 0;
  font-size: .8em;
  }

select, option{
  font-family: Tahoma, 'Tahoma CE', Arial, 'Arial CE', 'Helvetica CE', lucida, sans-serif;
  font-size: .9em;
  /*line-height: 1em;*/
  background-color: #8C8CFF;
  }
select{
  /*border: 1px #000 solid;*/
    border-width: 1px 1px 2px 1px;
  border-color: #7373FF;
  border-style: solid;
  }
input, textarea{
  font-family: Tahoma, 'Tahoma CE', Arial, 'Arial CE', 'Helvetica CE', lucida, sans-serif;
  font-weight: normal;
  }
input.input, textarea{
  background-color: #8C8CFF;

  padding: 0 2px;
  border-width: 1px 1px 2px 1px;
  border-color: #7373FF;
  border-style: solid;


  }
textarea{
  font-size: .9em;
  }

fieldset{
  border: 1px #3333FF dashed;
  padding: 2px;
  text-align: center;
  }
legend{
  background-color: #8080FF;
  padding: 0 5px;
  margin-left: 15px;
  font-weight: bold;
  font-size: .8em;
  }
form{
  margin: 0;
  }
button{
  padding: 3px;
  margin: 0;
  }
#telo{
  width: 750px;
  margin: 5px auto;
  text-align: justify;
  background-image: url('images/dokonceni.gif');
  background-position: left;
  background-repeat: repeat-y;
  }
#hlavicka{
  clear: both;
  text-align: center;
  border-bottom: 1px #5959FF solid;

  font-size: 1.5em;
  background: #8C8CFF url('images/vrsek.jpg') top repeat-x;
  height: 81px;
  line-height: 81px;
  }
#hlavicka #leva{
  background: #8C8CFF url('images/leva.jpg') top left no-repeat;
  height: 80px;
  float: left;
  width: 60px;
  }
#hlavicka #prava{
  background: #8C8CFF url('images/prava.jpg') top right no-repeat;
  height: 80px;
  float: right;
  width: 60px;
  }
#menu{
  float: left;
  width: 150px;
  /*margin: 10px 5px 5px 10px;*/
  /*padding: 2px;*/
  font-size: .8em;
  }
#menu a span{
  width: 150px;
  display: block;
  cursor: pointer;
  }
#menu a{
  background-color: #8C8CFF;
  /* background-color: #F60; */
  /*width: 350px;*/
  border-left: 10px #5959FF solid;
  /* border-left: 10px #F30 solid; */
  display: block;
  _width: 100%;
  text-decoration: none;
  text-align: center;
  /*margin-bottom: 1px;
   margin-top: 1px; */
  color: #000;
  /*padding: 2px;*/
  line-height: 1.5em;
  border-top-width: 1px;
    border-top-color: #8080FF;
    border-top-style: solid;
  }
#menu a:hover{
/*   background-color: #F30;
  border-left: 10px #F00 solid; */
  background-color: #7373FF;
  border-left: 10px #3333FF solid;
  font-weight: bold;
  }
#menu a.logout{
  color: #D00;
  }
#menu #repas{
  background-color: #8C8CFF;
  border: 0;
  margin: 0;
  line-height: 1em;
  }
#menu input{
  font-size: 1em;
  }
#menu .oddil{
 background: #8C8CFF url('images/pozadi_modra.gif') top repeat-x;
  border-left: 10px #5959FF solid;

  font-size: .8em;

  text-align: justify;
  margin-bottom: 1px;
  margin-top: 1px;
  color: #000;
  padding: 2px 10px;
  }

#stranka{
  float: right;
  width: 580px;
  text-align: center;
  }
#paticka{
  clear: both;
  text-align: center;
  font-size: 0.7em;
  border-width: 1px 0;
  border-color: #5959FF;
  border-style: solid;
  background-color: #8080FF;
  }
#paticka a{
  color: #000;
  text-decoration: none;
  margin: 0 3px;
  }
#paticka a:hover{
  text-decoration: underline;
  }



/* -----------------------------------------------------------------------------
    odstavce, texty
----------------------------------------------------------------------------- */
.odstavec{
 background: #8C8CFF url('images/pozadi_modra.gif') top repeat-x;
  border-right: 10px #5959FF solid;

  font-size: .8em;

  text-align: justify;
  margin-bottom: 1px;
  margin-top: 1px;
  color: #000;
  padding: 2px 10px;
  }
.odstavec a{
  text-decoration: underline;
  color: #00A;
  }
.odstavec a:hover{
  text-decoration: none;
  color: #000;
  }
.odrazka{
  padding: 0 10px;
  }
span.tucne{
  font-weight: bold;
  }
/* -----------------------------------------------------------------------------
    polozka
----------------------------------------------------------------------------- */
.polozka{
  background: #8C8CFF url('images/pozadi_modra.gif') top repeat-x;
  border-right: 10px #5959FF solid;

  font-size: .8em;

  text-align: justify;
  margin-bottom: 1px;
  margin-top: 1px;
  color: #000;
  padding: 1px;

  }

.polozka .nahled{
  float: left;
  margin-right: 5px;
  }

.polozka .nahled img{
  margin: 2px 2px 0 2px;
  border: 1px #FFF solid;
  }
.polozka .nazev{
  float: left;
  width: 50%;
  }
.polozka .cena-kos{
  float: right;
  text-align: right;
  clear: right;
  margin-top: .5em;
  padding-right: 3px;
  width: 80px;
  margin-left: 10px;
  }

.polozka .cena-kos a, a.zpet{
  display: block;
  margin-top: 5px;
  color: #FFF;
  text-decoration: none;
  background-color: #8080FF;
  border: 1px #5959FF solid;
  padding: 1px 3px;
  clear: both;
  text-align: center;
  }
.polozka .cena-kos a:hover, a.zpet:hover{
  color: #000;
  background-color: #7070EF;
  border: 1px #4949EF solid;
  text-decoration: none;
  }
.cleaner{
  clear: both;
  width: 100%;
  height:0px;
  margin:0;
  line-height:0px;
  border:0;
  padding:0;
  }
.polozka a{
  text-decoration: none;
  color: #000;
  }
.polozka a:hover{
  text-decoration: underline;
  }

/* -----------------------------------------------------------------------------
    nahled-nakupnihokosiku
----------------------------------------------------------------------------- */

.nahled-nakupnihokosiku{
  border-top: 1px #7373FF solid;
  }
  
#nakupnikosik{
  display: none;
  text-align: center;
  cursor: default;
  }
#stavkose{
  text-align: right;
  font-size: .8em;
  }
.nahled-cenacelkem{
  text-align: right;
  font-weight: bold;
  border-top: 1px #000 dashed;
  margin-top: 2px;
  padding-top: 1px;
  font-size: .8em;
  }

/* -----------------------------------------------------------------------------
    nakupni kosik
----------------------------------------------------------------------------- */
table.kosik{
    width: 100%;
  border-collapse: collapse;
  /*border: 1px #000 solid;*/
  }

.kosik th{
  padding: 0 1px;
  font-size: .8em;
  font-weight: bold;
  text-align: center;
  }
.kosik td{
  border-collapse: collapse;
  /*border: 1px #000 solid;*/
  text-align: right;
  padding: 0 1px;
  border-bottom: 1px #7373FF solid;
 font-size: .8em;
  font-weight: normal;


  }



 td.data{
  padding: 0 3px;
  /*background-color: #8C8CFF;*/
  /*border-bottom: 1px #7373FF solid;
  border-right: 1px #7373FF solid;*/
  text-align: left;
  font-weight: bold;
  }

td.smazat{
  background-color: #3333FF;
  }
td.smazat a{
  color: #000;
  text-decoration: none;
  background-color: #F00;
  line-height: 1em;
  }
td.smazat a:hover{
  color: #FFF;
  background-color: #000;
  
  }

div.oddil{
  border-bottom: 1px #7373FF solid;
  font-size: .9em;
  text-align: right;
  }
div.radek{
  border-bottom: 1px #7373FF solid;
  font-size: .9em;
  text-align: right;
  font-weight: normal;
  clear: both;
  padding: 1px 0;
  }
div.radek div{
  width: 50%;
  text-align: justify;
  float: right;
  padding-left: 5px;
  font-weight: bold;
  clear: both;
  }
  
div.radek span{
  clear: both;
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  }
/* -----------------------------------------------------------------------------
    kontakt
----------------------------------------------------------------------------- */
.kontakt{
  width: 50%;
  float: right;
  }
.kontakt div{
  background: #8C8CFF url('images/pozadi_modra.gif') top repeat-x;
  border-right: 10px #5959FF solid;
  font-size: .8em;
  text-align: justify;
  margin-bottom: 1px;
  margin-top: 1px;
  color: #000;
  padding: 1px 1px 1px 10px;
  }
.kontakt ul{
  margin: 5px 0 35px 30px;
  padding: 0;
  }
.kontakt ul li{
  list-style-type: none;
  font-weight: bold;
  }
  
/* --------------- fotogalerie ----------------- */
.foto{
  width: 49%;
  float: right;
  margin: 2px 0 2px 4px;
  background: #8C8CFF url('images/pozadi_modra.gif') top repeat-x;
  }
.foto div{
  /*background-color: #8C8CFF;*/
  border-right: 10px #5959FF solid;




  }
.foto div img{
  margin: 1px;
  }
.foto div div{
  /*background-color: #5959FF;*/
  border-width: 1px 0;
  border-color: #5959FF;
  border-style: solid;
  }
  
.filtr{
  margin: 10px auto;
  }
.filtr input, .filtr select{
  margin: 0 2px;
  }
.podle{
  padding: 0 5px;
  text-align: right;
  }
.ceho{
  /*padding: 0 5px;*/
  text-align: left;
  }

.razeni{
  font-size: .8em;
    margin: 10px auto;

  }
.razeni a.active{

  font-weight: bold;
  }
.razeni a{
  text-decoration: none;
  color: #000;
  padding: 0 1px;
  margin: 0 5px;

  }
.razeni a:hover{
  color: #FFF;
  }
.razeni img{
vertical-align: bottom;
}
#picback{
  opacity: 0.8;
  _filter: alpha(opacity=80);
  background-color: #000;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  display: none;
  left: 0;
  top: 0;
  }
#picbody{
  _height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  display: none;
  padding: 10px 0;
  left: 0;
  top: 0;

  }
#picbody img{
  border: 5px #FFF solid;
  cursor: pointer;
  }
a.nej{
  width: 30%;
  float: left;
  padding: 5px;
  border: 1px #000 solid;
  margin: 5px 2px;
  color: #FFF;
  text-decoration: none;
  background-color: #8080FF;
  border: 1px #5959FF solid;
  text-align: left;
  }
a.nej:hover{
  color: #000;
  background-color: #7070EF;
  border: 1px #4949EF solid;
  }
a.nej span{

  float: left;
  margin-right: 2px;
  }
a.nej img{
  border: 1px #4949EF solid;
  }

table.klas th, table.klas td{
  padding: 0 10px;
  border-bottom: 1px #5959FF solid;
  }
table.klas tr.light td{
  background-color: #8080FF;
  }
td.plus, td.dele{
  text-align: center;
  }
td.plus a{
/*  width: 10px;
  height: 10px;     */
  line-height: 15px;
  padding: 2px 4px;
  text-decoration: none;
  border: 1px #000 solid;
  font-weight: bold;
    background-color: #8080FF;
  border: 1px #5959FF solid;
  color: #FFF;
  }
td.plus a:hover{
  color: #000;
  background-color: #7070EF;
  border: 1px #4949EF solid;
  }
  
a.smz{
  color: #F00;
  background-color: #000;
  text-decoration: none;
  font-weight: bold;
  padding: 0 4px;
  margin-right: 2px;
  }
a.smz:hover{
  color: #000;
  background-color: #F00;
  }