* {box-sizing: border-box;}

/*--------------------hlavní--------------------*/

.hlavni {
  display: block;
  float: left;
  width: 1007px;
  margin: -8px 0px 0px -8px;
  padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.hlavni {
  width: 1349px;
  margin: -8px 0px 0px -8px;
}}

@media screen and (max-width: 1920px) and (min-width: 1681px)

{.hlavni {
  margin: -8px 0px 0px 450px;
}}

@media screen and (max-width: 1680px) and (min-width: 1601px)

{.hlavni {
  margin: -8px 0px 0px 325px;
}}

@media screen and (max-width: 1600px) and (min-width: 1441px)

{.hlavni {
  margin: -8px 0px 0px 285px;
}}

@media screen and (max-width: 1440px) and (min-width: 1367px)

{.hlavni {
  margin: -8px 0px 0px 210px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px) 

{.hlavni {
  margin: -8px 0px 0px -8px;
  width: 1343px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.hlavni {
  margin: -8px 0px 0px -8px;
}}

@media screen and (max-width: 1152px) and (min-width: 1025px)

{.hlavni {
  margin: -8px 0px 0px 76px;
}}

@media screen and (max-width: 1023px) and (min-width: 971px)

{.hlavni {
  margin: -8px 0px 0px 3px;
}}

@media screen and (max-width: 900px) and (min-width: 800px)

{.hlavni {
  margin: -8px 0px 0px -8px;
  width: 790px;
}}

@media screen and (max-width: 600px) and (min-width: 551px)

{.hlavni {
  margin: -8px 0px 0px 150px;
  width: 320px;
}}

@media screen and (max-width: 550px) and (min-width: 501px)

{.hlavni {
  margin: -8px 0px 0px 125px;
  width: 320px;
}}

@media screen and (max-width: 500px) and (min-width: 386px)

{.hlavni {
  margin: -8px 0px 0px 100px;
  width: 320px;
}}

@media screen and (max-width: 450px) and (min-width: 385px)

{.hlavni {
  margin: -8px 0px 0px 75px;
  width: 320px;
}}

@media screen and (max-width: 414px) and (min-width: 376px)

{.hlavni {
  margin: -8px 0px 0px 57px;
  width: 320px;
}}

@media screen and (max-width: 360px) and (min-width: 321px)

{.hlavni {
  margin: -8px 0px 0px 30px;
  width: 320px;
}}

@media screen and (max-width: 375px) and (min-width: 361px)

{.hlavni {
  margin: -8px 0px 0px 38px;
  width: 320px;
}}

@media screen and (max-width: 384px) and (min-width: 362px)

{.hlavni {
  margin: -8px 0px 0px 42px;
  width: 320px;
}}

@media screen and (max-width: 320px) and (min-width: 200px)

{.hlavni {
  margin: -8px 0px 0px -8px;
  width: 320px;
}}

/*--------------------header--------------------*/

.header {                                         /* hlavní div */
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
  width: 100%;
  height: 500px;
}

/*--------------*/

.img-header {                                         /* hlavní obrázek */
  display: block;
  float: left;
  margin: -120px 0px 0px 0px;
  width: 1007px;
  height: 500px;
  opacity: 1;
  background-image: url(img1.jpg);
  background-repeat: no-repeat;
  border-top: 3px solid #63b956;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.img-header {
  width: 1349px;
  background-image: url(img2.jpg);
  background-repeat: no-repeat;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.img-header {
  width: 1343px;
  background-image: url(img3.jpg);
  background-repeat: no-repeat;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.img-header {
  width: 1263px;
  background-image: url(img4.jpg);
  background-repeat: no-repeat;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.img-header {
  margin: -25px 0px 0px 0px;
  width: 320px;
  background-image: url(img5-.jpg);
  background-repeat: no-repeat;
}}


.logo {                                                  /* obrázek logo */
  display: block;
  float: left;
  margin: -490px 0px 0px 289px;
  width: 430px;
  height: 205px;
  background-image: url(logo2-2.png);
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.logo {
  margin: -490px 0px 0px 460px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.logo {
  margin: -490px 0px 0px 457px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.logo {
  margin: -490px 0px 0px 425px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.logo {
  margin: -470px 0px 0px 45px;
  width: 230px;
  height: 110px;
  background-image: url(logo2-02-.png);
  background-repeat: no-repeat;
}}


.logo-rozvoz {                                                /* text rozvoz u loga */
  display: block;
  float: left;
  margin: -295px 0px 0px 429px;
  width: 160px;
  height: 25px;
  font-size: 20px;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 1px;
  font-weight: 400;
  color: black;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.logo-rozvoz {
  margin: -300px 0px 0px 600px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.logo-rozvoz {
  margin: -300px 0px 0px 597px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.logo-rozvoz {
  margin: -300px 0px 0px 560px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.logo-rozvoz {
  margin: -370px 0px 0px 121px;
  width: 86px;
  height: 15px;
  font-size: 10px;
}}


/*-----kosik-----*/

.kosik {                                                       /* hlavní div - košík */
  display: block;
  float: left;
  margin: 30px 0px 0px 50px;
  width: 220px;
  height: 90px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.kosik {
  margin: 5px 0px 0px 10px;
  width: 100px;
  height: 20px;
  position: relative;
  z-index: 1;
}}

.kosik1 {                                                       /* hlavní div - košík */
  position: relative;
  top: -90px;
  left: 0px;
  width: 220px;
  height: 90px;
  z-index: -1;
  background-color: #fff;
  opacity: 0.5;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.kosik1 {
  position: relative;
  top: -15px;
  left: 0px;
  width: 81px;
  height: 20px;
  z-index: -1;
}}

.ikona-kosik {
  display: inline-block;
  float: left;
  margin: 8px 0px 0px 10px;
  font-size: 30px;
  color:#63b956;
  text-shadow: 1px 1px 3px #dbdbdb;
  cursor: default;
}

.odkaz-kosik {
  color: #63b956;
}
.odkaz-kosik:visited {
  color: #63b956;
}
.odkaz-kosik:hover {
  text-decoration: none;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.ikona-kosik {
  margin: 7px 0px 0px 5px;
  font-size: 14px;
}}

.p-kosik {                                                 /* text košíku */
  display: inline-block;
  float: left;
  margin: 0px 0px 0px 20px;
  padding: 20px 0px 0px 0px;
  height: 45px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  color: #000;
}
.odkaz-p-text {
  color: #000;
}
.odkaz-p-text:visited {
  color: #000;
}
.odkaz-p-text:hover {
  text-decoration: none;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.p-kosik {
  display: none;
}}

.cena-kosik {                                               /* hlavní div - text cena*/
  display: inline-block;
  width: 200px;
  height: 45px;
  margin: 0px 0px 0px 10px;
  padding: 10px 0px 5px 0px;
  border-top: 1px solid #dfdfdf;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: black;
  text-align: right;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.cena-kosik {
  margin: 10px 0px 0px 7px;
  padding: 0px 0px 0px 0px;
  border-top: none;
  font-size: 8px;
  font-weight: normal;
  width: 50px;
  height: 10px;
}}

/*-----menu-----*/

.menu {                                              /* hlavní div */
  display: block;
  float: left;
  margin: -249px 0px 0px 61px;
  height: 45px;
  line-height: 45px;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.menu {
  margin: -240px 0px 0px 232px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.menu {
  margin: -240px 0px 0px 237px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.menu {
  margin: -240px 0px 0px 189px;
  width: 100%;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.menu {
  margin: -297px 0px 0px 0px;
  width: 320px;
  line-height: 25px;
}}

.menu-a {                                              /* odkazy */
  display: block;
  float: left;
  margin: 0px 3px 0px 0px;
  padding: 0px 15px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: black;
  text-align: center;
  text-decoration: none;
  border: 3px solid #63b956;
  border-radius: 3px;
  position: relative;
  z-index: 5;
}

.menu-a:hover {
  background-color: #63b956;
  color: #fff;
}

#menu-a1 {
  margin: 0px 0px 0px -1px;
}

#menu-a3 {
  margin: 0px 0px 0px -1px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.menu-a {
  display: block;
  float: none;
  margin: 1px 3px 0px 0px;
  padding: 0px 15px;
  font-size: 12px;
  border: 1px solid #63b956;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#menu-a2 {
  display: block;
  float: none;
  margin: 1px 3px 0px 0px;
  padding: 0px 15px;
  font-size: 12px;
  border: 1px solid #63b956;
}}

@media screen and (min-width: 601px)

{#menu-a2 {
  display: none;
}}

#ikona-home {
  font-size: 19px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#ikona-home {
  font-size: 14px;
}}

.dropdown {
  position: relative;                   /* vysouvací div hlavní */
  display: block;
  float: left;
  margin: 0px 3px 0px 1px;
  width: 156px;
  height: 52px;
  line-height: 45px;
  z-index: 7;
  border-radius: 3px;

}

@media screen and (max-width: 600px) and (min-width: 100px)

{.dropdown {
  display: none;
}}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 4;
  margin: 52px 0px 0px 0px;
}

.dropdown-content a {
  display: block;
  width: 159px;
  height: 50px;
  margin: 2px 0px 0px -4px;
  padding: 0px 15px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: black;
  text-align: left;
  text-decoration: none;
  border: 3px solid #63b956;
  border-radius: 3px;
}

.dropdown-content a:hover {
  background-color: #63b956;
  color: #fff;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/*----------------------div-obsah---------------------*/

.hlavni-div {                                                     /* hlavní div obsah */
  display: block;
  float: left;
  width: 1007px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 25px 0px;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.hlavni-div {
  width: 1349px;
  margin: 10px 0px 0px 0px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.hlavni-div {
  width: 1343px;
  margin: 10px 0px 0px 0px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.hlavni-div {
  width: 1263px;
  margin: 10px 0px 0px 0px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.hlavni-div {
  margin: -50px 0px 0px 0px;
  width: 320px;
}}

.hlavni-div-a {                                                     /* druhý hlavní div obsah */
  display: block;
  float: left;
  width: 1007px;
  margin: 15px 0px 0px 0px; 
  padding: 0px 0px 15px 0px;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.hlavni-div-a {
  width: 1007px;
  margin: 10px 0px 0px 171px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.hlavni-div-a {
  width: 1007px;
  margin: 10px 0px 0px 168px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.hlavni-div-a {
  width: 1007px;
  margin: 10px 0px 0px 137px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.hlavni-div-a {
  width: 320px;
}}

.hlavni-div-b {                                                     /* druhý hlavní div obsah - stránky výpis denní menu a polévky*/
  display: block;
  float: left;
  width: 1007px;
  margin: 40px 0px 0px 0px; 
  padding: 0px 0px 20px 0px;
  box-shadow: 1px 1px 10px #c1c1c1;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.hlavni-div-b {
  width: 1007px;
  margin: 40px 0px 0px 171px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.hlavni-div-b {
  width: 1007px;
  margin: 40px 0px 0px 168px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.hlavni-div-b {
  width: 1007px;
  margin: 40px 0px 0px 137px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.hlavni-div-b {
  width: 320px;
}}

/*-----začátek-hlavní-strana-----*/ /*o-nás-nabídka-ikony-kontakt*/

.o-nas {                                                              /* div o nás */
  display: inline-block;
  float: left;
  width: 650px;
  margin: -50px 0px 0px 179px;
  padding: 0px 20px 20px 20px;
  background-color: #fff;
  position: relative;
  z-index: 5;
  box-shadow: 1px 1px 10px #c1c1c1;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.o-nas {
  width: 650px;
  margin: -50px 0px 0px 179px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.o-nas {
  width: 650px;
  margin: -50px 0px 0px 179px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.o-nas {
  margin: -30px 0px 0px 20px;
  width: 280px;
}}

.h1-o-nas {                                                              /* h1 o nás */
  display: inline-block;
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  font-size: 21px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #63b956;
  text-align: center;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.h1-o-nas {
  font-size: 15px;
}}

.o-nas-p {                                                              /* text o nás */
  display: inline-block;
  margin: 30px 0px 0px 0px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: black;
  text-align: center;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.o-nas-p {
  font-size: 12px;
}}

.span-o-nas {
  color: #ff6600;
  font-weight: bolder;
}

.span-odkaz {
  color: #ff6600;
  text-decoration: underline;
}

.span-odkaz:visited {
  color: #ff6600;
}

.span-odkaz:hover {
  text-decoration: none;
}

/*----------nabídka-----------*/

.nabidka {                                                              /* hlavní div nabídka */
  display: inline-block;
  float: left;
  width: 1000px;
  margin: 70px 0px 0px 3px;
  padding: 0px 0px 70px 0px;
  background-color: #fff;
  box-shadow: 1px 1px 10px #c1c1c1;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.nabidka {
  margin: 70px 0px 0px 0px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.nabidka {
  margin: 70px 0px 0px 3px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.nabidka {
  width: 280px;
  margin: 500px 0px 0px -280px;
  padding: 0px 0px 120px 0px;
}}

.h1-nabidka {                                                              /* h1 z naší nabídky */
  display: inline-block;
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  font-size: 21px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #63b956;
  text-align: center;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.h1-nabidka {
  font-size: 15px;
}}

.nabidka-1 {                                                              /* hlavní div nabídka 1 - kategorie */
  display: inline-block;
  float: left;
  width: 300px;
  height: 250px;
  margin: 30px 10px 0px 20px;
  background-color: #fff;
  border: 1px solid #63b956;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.nabidka-1 {
  width: 280px;
  margin: 30px 0px 0px 0px;
}}

.img-nabidka {                                                             /* obrázek nabídka */
  display: inline-block;
  width: 300px;
  height: 170px;
  margin: -1px 0px 0px -1px;
  cursor: pointer;
}

.img-nabidka:hover {
  box-shadow: 1px 1px 10px #c1c1c1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.img-nabidka {
  width: 280px;
  margin: -1px 0px 0px -1px;
}}

.button-nabidka {
  display: inline-block;
  width: 270px;
  height: 45px;
  line-height: 39px;
  margin: 14px 0px 0px 15px;
  padding: 0px 0px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: black;
  text-align: center;
  text-decoration: none;
  border: 2px dashed #63b956;
  border-radius: 3px;
  transition: 100ms;
}

.button-nabidka:hover {
  background-color: #63b956;
  color: #fff;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.button-nabidka {
  width: 260px;
  margin: 14px 0px 0px 10px;
}}


/*----------ikony-----------*/

.ikony {                                                              /* hlavní div ikony */
  display: inline-block;
  float: left;
  width: 1000px;
  height: 330px;
  margin: -20px 0px 0px 3px;
  padding: 60px 0px 50px 0px;
  background-color: #fff;
  position: relative;
  z-index: 6;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.ikony {
  margin: -20px 0px 0px 0px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.ikony {
  margin: -20px 0px 0px 3px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.ikony {
  width: 280px;
  height: 880px;
  margin: 2235px 0px 0px -280px;
}}

.ikony-1 {                                                              /* hlavní div ikony 1 - ikona */
  display: inline-block;
  float: left;
  width: 200px;
  height: 190px;
  margin: 10px 30px 0px 20px;
  padding: 0px 0px 5px 0px;
  background-color: #fff;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.ikony-1 {
  margin: 10px 0px 0px 40px;
}}

.img-ikona {                                                             /* obrázek ikony */
  display: inline-block;
  width: 200px;
  height: 183px;
  margin: 0px 0px 0px 0px;
  border: 1px dashed #ff6600;
  border-radius: 3px;
  box-shadow: 1px 1px 10px #c1c1c1;
  cursor: pointer;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -ms-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}

.img-ikona:hover {
  margin: -5px 0px 0px 0px;
  opacity: 0.9;
  box-shadow: none;
}


/*----------rychlý-kontakt----------*/

.kontakt {                                                              /* hlavní div rychlý kontakt */
  display: inline-block;
  float: left;
  width: 1000px;
  height: 160px;
  line-height: 25px;
  margin: 30px 0px 0px 3px;
  padding: 50px 0px;
  background-color: #e1f1de;
  box-shadow: 1px 1px 10px #c1c1c1;
  border: 2px dashed #63b956;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.kontakt {
  margin: 30px 0px 0px 0px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.kontakt {
  margin: 30px 0px 0px 3px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.kontakt {
  width: 280px;
  height: 230px;
  margin: 3190px 0px 0px -280px;
}}

.ikona-tel {                                                            /* ikona telefon */
  display: inline-block;
  float: left;
  width: 130px;
  margin: 0px 0px 0px 30px;
  padding: 0px 40px 0px 40px;
  font-size: 60px;
  color :#ff6600;
  text-shadow: 1px 1px 3px #dbdbdb;
  cursor: default;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.ikona-tel {
  margin: -40px 0px 0px 80px;
  font-size: 40px;
}}

.p-kontakt {                                                             /* text telefon */
  display: inline-block;
  float: left;
  margin: 0px 0px 0px 10px;
  padding: 15px 0px 0px 0px;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #000;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.p-kontakt {
  margin: -50px 0px 0px 53px;
  font-size: 15px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#p-kontakt {
  margin: -55px 0px 0px 27px;
}}

.ikona-email {                                                            /* ikona email */
  display: inline-block;
  float: left;
  width: 130px;
  margin: 0px 0px 0px 100px;
  padding: 0px 40px 0px 40px;
  font-size: 60px;
  color: #ff6600;
  text-shadow: 1px 1px 3px #dbdbdb;
  cursor: default;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.ikona-email {
  margin: -35px 0px 0px 80px;
  font-size: 40px;
}}

/*-------------------stránka-výpis-položek---------------*/

.vypis {                                                              /* hlavní div výpis */
  display: block;
  float: left;
  width: 680px;
  margin: 25px 0px 0px 15px;
  background-color: #fff;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.vypis {
  width: 682px;
  margin: 10px 0px 0px 15px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.vypis {
  width: 682px;
  margin: 10px 0px 0px 21px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.vypis {
  width: 282px;
}}

#vypis {
  width: 97%;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#vypis {
  width: 90%;
}}

.polozka {                                                              /* hlavní div položka */
  display: inline-block;
  float: left;
  width: 682px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 16px 0px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
}

.polozka:hover {
  box-shadow: 1px 1px 10px #e8e8e8;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.polozka {
  width: 682px;
  margin: 20px 0px 0px 0px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.polozka {
  width: 280px;
}}

.img-polozka {                                              /* obrázek výpis */
  display: inline-block;
  float: left;
  width: 250px;
  height: 200px;
  margin: 20px 0px 0px 20px;
  cursor: pointer;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.img-polozka {
  margin: 20px 0px 0px 15px;
}}

.h1-polozka {                                                              /* h1 položka */
  display: inline-block;
  float: left;
  width: 49%;
  margin: 17px 0px 0px 20px;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #3a73c5;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.h1-polozka {
  width: 70%;
  margin: 17px 0px 0px 15px;
}}

#h1-polozka-a {                                                              /* h1 položka - stránky bez detailu - pouze ve výpisu */
  text-decoration: underline;
}

.h1-odkaz {
  color: #3a73c5;   /* #3476d7 #3a73c5*/
}
.h1-odkaz:visited {
  color: #3a73c5;
}
.h1-odkaz:hover {
  text-decoration: none;
}

.kod-polozka {
  display: inline-block;
  float: right;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 0px 0px 0px 0px;
  background-color: #63b956;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  cursor: default;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.kod-polozka {
  margin: 0px 13px 0px 0px;
}}

.hlavni-p {                                                    /* hlavní div popisu položky - obsahuje popis, cena, button - výpis */
  display: inline-block;
  float: left;
  width: 380px;
  margin: 10px 0px 0px 20px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.hlavni-p {
  width: 90%;
  margin: 10px 0px 0px 0px;
}}

.hlavni-p-a {                                           /* hlavní div popisu položky - obsahuje popis, cena, button - v detailu položky - bylo potřeba posunout kvůli velikosti obrázku */
  display: inline-block;
  float: left;
  width: 380px;
  margin: 10px 0px 0px 20px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.hlavni-p-a {
  width: 90%;
  margin: 10px 0px 0px 15px;
}}

.popis-polozka {                                                     /* krátky popis */
  display: inline-block;
  float: left;
  width: 377px;
  height: 36px;
  margin: 0px 0px 0px 0px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  line-height: 18px;
  font-weight: normal;
  color: black;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.popis-polozka {
  width: 100%;
  margin: 17px 0px 0px 15px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#popis-polozka-a {
  width: 100%;
  margin: 17px 0px 0px 0px;
}}

.cena {                                                             /* název cena */
  display: inline-block;
  float: left;
  width: 65px;
  height: 25px;
  line-height: 25px;
  margin: 50px 0px 0px 0px;
  background-color: #63b956;
  border-radius: 3px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.cena {
  margin: 50px 0px 0px 15px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#cena {
  margin: 50px 0px 0px 0px;
}}

#cena-a {                                                             /* název cena - týdenní menu */
  margin: 50px 0px 0px 118px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#cena-a {
  margin: 50px 0px 0px 120px;
}}

.div-cena {                                                          /* hlavní div cena - obsahuje váhu a cenu */
  display: inline-block;
  float: left;
  width: 180px;
  margin: 50px 0px 0px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-cena {
  margin: 50px 0px 0px -10px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-cena-c {
  margin: 50px 0px 0px 0px;
}}

#div-cena-a {
  margin: 35px 0px 0px 13px;
}

#div-cena-b {                                                         /* hlavní div - stránka vege sváča */
  margin: 15px 0px 0px 10px;
  width: 100%;
}

.div-cena1 {                                                             /* hlavní div cena 1 */
  display: block;
  float: left;
  width: 179px;
  margin: 0px 0px 10px 0px;
}

.vaha1-p {
  display: inline-block;
  float: left;
  width: 74px;
  margin: 0px 0px 0px 0px;
  border-right: 1px solid black;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: center;
}

.cena1-p {                                                             
  display: inline-block;
  float: left;
  width: 94px;
  margin: 0px 0px 0px 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.button {                                                 /* tlačítko objednat */
  display: inline-block;
  float: left;
  width: 100px;
  height: 30px;
  line-height: 27px;
  margin: 62px 0px 0px 27px;
  border: 2px dashed #ff6600;
  border-radius: 3px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.buttton:visited {
  color: #000;
}

.button:hover {
  background-color: #ff6600;
  color: #fff;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.button {
  margin: 20px 0px 0px 15px;
  width: 100%;
}}

#button-a {
  margin: 54px 0px 0px 27px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#button-a {
  margin: 20px 0px 0px 0px;
  width: 100%;
}}

/*----název-kategorie-popis-----*/

.popis {                                                              /* hlavní div položka výpis */
  display: inline-block;
  float: left;
  width: 250px;
  margin: 35px 0px 0px 40px;
  padding: 0px 20px 30px 20px;
  background-color: #fff;
  position: relative;
  z-index: 5;
  border: 1px solid #e1e1e1;
  box-shadow: 1px 1px 10px #e8e8e8;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.popis {
  width: 255px;
  margin: 30px 0px 0px 40px;
}}


@media screen and (max-width: 600px) and (min-width: 100px)

{.popis {
  margin: 30px 0px 0px 30px;
}}

#popis {
  height: 200px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#popis {
  height: 200px;
}}

#popis-a {
  height: 295px;
}

.h1-kategorie {                                                              /* h1 popis kategorie */
  display: block;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
  font-size: 21px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #63b956;
  text-align: center;
  border: 1px solid #63b956;
}

.kategorie-p {
  display: inline-block;
  width: 100%;
  margin: 30px 0px 0px 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: center;
}

.kategorie-p p {
  margin: 0;
}

.img-kategorie {
  display: inline-block;
  float: left;
  width: 100px;
  height: 100px;
  margin: 30px 0px 0px 55px;
}


/*-------------------stránka-detail-denní-menu---------------*/

.polozka1 {                                                              /* hlavní div položka - detail položky */
  display: inline-block;
  float: left;
  width: 682px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 16px 0px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  box-shadow: 1px 1px 10px #e8e8e8;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.polozka1 {
  width: 682px;
  margin: 20px 0px 0px 0px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.polozka1 {
  width: 280px;
}}

.popis-p {                                                    /* dlouhý popis - detail položky */
  display: inline-block;
  float: left;
  width: 644px;
  margin: 10px 0px 0px 20px;
  padding: 10px 0px 20px 0px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  line-height: 18px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.popis-p {
  width: 90%;
  margin: 10px 0px 0px 15px;
}}

.div-cena2 {                                                             /* hlavní div cena 2 - obsahuje select */
  display: block;
  float: left;
  width: 150px;
  margin: 3px 0px 0px 15px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-cena2 {
  margin: 0px 0px 0px 15px;
}}

#div-cena3 {                                                           /* cena stránka nápoje */
  margin: 3px 0px 0px 10px;
}

#div-cena2 {                                                          /* obsahuje select - stránky kombinace týdenní menu */
  margin: 3px 0px 0px 0px;
  border-bottom: 1px solid #e1e1e1;
  width: 100%;
}


#div-cena4 {                                                           /* stránka vege sváča */
  margin: 0px 0px 0px 0px;
}

.img-polozka-a {                                                      /* obrázek detail položky */
  display: inline-block;
  float: left;
  width: 250px;
  height: 200px;
  margin: 0px 0px 0px 20px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.img-polozka-a {
  margin: 0px 0px 0px 15px;
}}

.form {
  display: inline-block;
  float: left;
}

#form {                                                      /* select - stránka kombinace */
  margin: 15px 0px 0px 10px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#form {
  margin: 11px 0px 0px 10px;
}}

.label {
  display: inline-block;
  margin: -70px 0px 0px 5px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
}

.cena-p {                                                           /* cena u položky */
  display: inline-block;
  float: left;
  margin: 1px 0px 0px 10px;
  padding: 0px 0px 0px 7px;
  border-left: 1px solid black;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.cena-p {
  margin: 4px 0px 0px 10px;
}}

#cena1-p {                                                                /* stránky dezerty */
  margin: 1px 0px 0px 0px;
}

#cena-p {                                                                /* cena položky - stránka kombinace týdenní menu */
  margin: 15px 0px 0px 15px;
  border-left: none;
  width: 90px;
}

#cena4-p {
  margin: 15px 0px 0px 22px;
  text-align: right;
  border-left: none;
  width: 90px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#cena4-p {
  margin: 15px 0px 0px -30px;
}}

.div-ks {                                                             /* hlavní div počet kusů*/
  display: inline-block;
  float: left;
  width: 29px;
  height: 19px;
  margin: 54px 0px 0px 8px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-ks {
  margin: 15px 0px 0px 17px;
}}

#div-ks {                                                           /* hlavní počet kusů - detail položky */
  margin: 39px 0px 0px 8px;
}

#div-ks-a {
  margin: 34px 0px 0px 90px;
}

#div-ks-b {
  margin: 34px 0px 0px 83px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-ks-b {
  margin: 34px 0px 0px 15px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-ks-c {
  margin: 50px 0px 0px -90px;
}}

.input-ks {
  display: block;
  margin: -19px 0px 0px -1px;
  padding: 2px 2px 2px 5px;
  width: 40px;
  height: 19px;
  font-size: 12px;
  border: 1px solid #63b956;
}

.label-ks {
  position: relative;
  top: -1px;
  left: 41px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
}

.ikona-koupit {                                                 /* tlačítko objednat */
  display: inline-block;
  float: left;
  width: 40px;
  height: 37px;
  line-height: 34px;
  margin: 44px 0px 0px 45px;
  padding: 0px 3px 0px 0px;
  border: 2px dashed #ff6600;
  border-radius: 3px;
  font-size: 25px;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.ikona-koupit:visited {
  color: #000;
}

.ikona-koupit:hover {
  background-color: #ff6600;
  color: #fff;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.ikona-koupit {
  margin: 20px 0px 0px 0px;
  width: 100%;
}}

#ikona-koupit {                                          /* ikona koupit - týdenní menu */
  margin: 44px 0px 0px 25px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#ikona-koupit {
  margin: 44px 0px 0px 25px;
  width: 40px;
}}

/*-------přílohy---------*/


.priloha {                                                              /* hlavní div přílohy  - obsahuje h1, přílohy */
  display: inline-block;
  float: left;
  width: 682px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 16px 0px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  box-shadow: 1px 1px 10px #e8e8e8;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.priloha {
  width: 682px;
  margin: 20px 0px 0px 0px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.priloha {
  width: 280px;
}}

.h1-priloha {                                                              /* h1 příloha */
  display: inline-block;
  float: left;
  margin: 17px 0px 0px 20px;
  padding: 3px 3px 2px 3px;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  background-color: #63b956;
}

.priloha-a {                                                              /* div přílohy a obal - obsahuje obrázek, popis, cenu */
  display: inline-block;
  float: left;
  width: 650px;
  height: 100px;
  margin: 10px 0px 0px 20px;
  background-color: #fff;
  border-top: 1px solid #e1e1e1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.priloha-a {
  width: 240px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#priloha-b {
  height: 150px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#priloha-c {
  height: 167px;
}}

.img-priloha {                                                            /* obrázek příloha a obal */
  display: inline-block;
  float: left;
  width: 110px;
  height: 80px;
  margin: 10px 0px 0px 0px;
}

#img-priloha-a {                                                             /* obrázek příloha - detail denní menu */
  border: 1px dashed #63b956;
}

.h1-priloha-a {                                                              /* h1 příloha a obal - název přílohy a obalu*/
  display: inline-block;
  float: left;
  width: 44.3%;
  margin: 43px 0px 0px 25px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bolder;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.h1-priloha-a {
  margin: 15px 0px 0px 10px;
}}

.cena2-p {                                                                  /* cena příloha */
  display: inline-block;
  float: left;
  margin: 43px 0px 0px 28px;
  padding: 0px 0px 0px 7px;
  border-left: 1px solid black;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.cena2-p {
  margin: 43px 0px 0px 0px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#cena2-p {                                                               /* cena detail denní menu, polévky */
  width: 70px;
  margin: 20px 0px 0px 10px;
}}

.div-checkbox {                                                                   /* hlavní div checkbox */
  display: inline-block;
  float: left;
  width: 15px;
  height: 15px;
  margin: 63px 0px 0px 105px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-checkbox {
  margin: -15px 0px 0px 110px;
}}

.input-checkbox {                                                               /* checkbox přílohy */
  display: block;
  margin: -19px 0px 0px -1px;
  width: 15px;
  height: 15px;
  font-size: 12px;
  border: 1px solid #63b956;
}


/*-------obal---------*/

.obal {                                                              /* hlavní div obal  - obsahuje h1, obaly */
  display: inline-block;
  float: left;
  width: 682px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 16px 0px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  box-shadow: 1px 1px 10px #e8e8e8;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.obal {
  width: 682px;
  margin: 20px 0px 0px 0px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.obal{
  width: 280px;
}}

.div-a-ks {                                                             /* hlavní div počet kusů*/
  display: inline-block;
  float: left;
  width: 29px;
  height: 19px;
  margin: 43px 0px 0px 12px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-a-ks {
  margin: 18px 0px 0px -7px;
}}

.input-a-ks {                                                               /* input number - počet kusů */
  display: block;
  margin: -19px 0px 0px -1px;
  padding: 2px 2px 2px 5px;
  width: 40px;
  height: 19px;
  font-size: 12px;
  border: 1px solid #63b956;
}


.label-a-ks {                                                                 /* text - ks */
  position: relative;
  top: -1px;
  left: 41px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
}

.ikona-a-koupit {                                                     /* ikona košík - stránka kombinace týdenní menu */                               
  display: inline-block;
  float: left;
  width: 40px;
  height: 37px;
  line-height: 34px;
  margin: 33px 0px 0px 56px;
  padding: 0px 3px 0px 0px;
  border: 2px dashed #ff6600;
  border-radius: 3px;
  font-size: 25px;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.ikona-a-koupit:visited {
  color: #000;
}

.ikona-a-koupit:hover {
  background-color: #ff6600;
  color: #fff;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.ikona-a-koupit {
  margin: 13px 0px 0px 182px;
}}

.div-checkbox-a {                                                                   /* hlavní div checkbox obal */
  display: inline-block;
  float: left;
  width: 15px;
  height: 15px;
  margin: 63px 0px 0px 60px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-checkbox-a  {
  margin: 70px 0px 0px -3px;
}}

/*-------přehled---------*/


.prehled {                                                              /* hlavní div přílohy  - obsahuje h1, přílohy */
  display: inline-block;
  float: left;
  width: 682px;
  margin: 50px 0px 0px 0px;
  padding: 0px 0px 16px 0px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  box-shadow: 1px 1px 10px #e8e8e8;
}




@media screen and (max-width: 1366px) and (min-width: 1361px)

{.prehled {
  width: 682px;
  margin: 50px 0px 0px 0px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.prehled {
  width: 280px;
}}

#prehled {
  margin: 20px 0px 0px 0px;
}

#prehled-a {
  width: 680px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#prehled-a {
  width: 280px;
}}

#prehled-b {                                                                  /* stránka potvrzení */
  width: 682px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#prehled-b {
  width: 280px;
}}


.h1-prehled {                                                              /* h1 příloha a obal*/
  display: inline-block;
  float: left;
  margin: 17px 0px 0px 20px;
  padding: 3px 3px 2px 4px;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: black;
  text-align: left;
  border: 1px solid #63b956;
}

#h1-prehled {                                                              /* stránka týdenní menu */
  margin: 40px 0px 0px 0px;
}

#h1-prehled-a {                                                      /* h1 přehled objednávky - stránka kombinace týdenní menu */
  margin: 17px 0px 0px 0px;
}

#h1-prehled-b {                                                           /* h1 - stránka potvrzení objednávky */
  margin: 17px 0px 0px 0px;
  padding: 0px 15px;
  font-weight: bold;
  color: #63b956;
  text-align: left;
  text-decoration: underline;
  border: none;
}

.h2-prehled {                                                              /* h2 stránka s kombinacemi týdenní menu */
  display: inline-block;
  float: left;
  margin: 23px 0px 0px 10px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: black;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.h2-prehled {
  margin: 10px 0px 0px 0px;
}}

/*---header---*/

.prehled-header {                                                               /* přehled objednávky - header */
  display: inline-block;
  float: left;
  width: 640px;
  margin: 17px 0px 0px 20px;
  padding: 0px 0px 2px 0px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.prehled-header {
  width: 240px;
}}

#prehled-header {                                                                   /* přehled objendávky - týdenní menu */
  margin: 17px 0px 0px 0px;
}

.cislo-p {
  display: inline-block;
  float: left;
  margin: 2px 0px 0px 5px;
  padding: 0px 10px 0px 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.cislo-p  {
  font-size: 10px;
  margin: 2px 0px 0px 2px;
  padding: 0px 0px 0px 5px;
}}

.nazev-p {                                                                /* název v přehledu - header */
  display: inline-block;
  float: left;
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
  border-left: 1px solid #e1e1e1;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.nazev-p  {
  font-size: 10px;
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
}}

#nazev-p {                                                                  /* název header - stránky kombinace týdenní menu */
  margin: 2px 0px 0px 44px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#nazev-p  {
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
}}

.cena3-p {                                                                         /* cena v přehledu - header */
  display: inline-block;
  float: left;
  margin: 2px 0px 0px 253px;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

#cena3-p {                                                               /* stránky detail, dezerty, nápoje, vege sváča */
  margin: 2px 0px 0px 249px;
  padding: 0px 0px 0px 5px;
  border-left: 1px solid #e1e1e1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#cena3-p {
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
  font-size: 10px;
}}

#cena3-p-a {
  margin: 2px 0px 0px 262px;
  padding: 0px 0px 0px 5px;
  border-left: 1px solid #e1e1e1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#cena3-p-a {
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
  font-size: 10px;
}}

#cena3-p-b {
  margin: 2px 0px 0px 36px;
  padding: 0px 0px 0px 5px;
  border-left: 1px solid #e1e1e1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#cena3-p-b {
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
  font-size: 10px;
}}

.porce-p {                                                                         /* porce v přehledu - header */
  display: inline-block;
  float: left;
  margin: 2px 0px 0px 42px;
  padding: 0px 0px 0px 5px;
  border-left: 1px solid #e1e1e1;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.porce-p  {
  font-size: 10px;
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
}}

#porce-p {
  margin: 2px 0px 0px 5px;
}

#porce1-p {                                                              /* název porce header - stránka kombinace týdenní menu */
  margin: 2px 0px 0px 5px;
  border-left: none;
}

.ks-p {                                                                         /* počet kusů v přehledu - header */
  display: inline-block;
  float: left;
  margin: 2px 0px 0px 20px;
  padding: 0px 0px 0px 5px;
  border-left: 1px solid #e1e1e1;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.ks-p  {
  font-size: 10px;
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
}}

#ks-p {
  margin: 2px 0px 0px 102px;
}

#ks-p-a {
  margin: 2px 0px 0px 130px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#ks-p-a {
  font-size: 10px;
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
}}

#ks-p-b {                                                                /* přehled objednávky - stránka týdenní menu */
  margin: 2px 0px 0px 65px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#ks-p-b {
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
}}

/*---objednávka---*/

.prehled-objednavka {                                                 /* hlavní div - přehled objednávky - obsahuje - číslo, název cena atd. */
  display: inline-block;
  float: left;
  width: 640px;
  margin: 17px 0px 0px 20px;
  padding: 0px 0px 15px 0px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.prehled-objednavka  {
  width: 240px;
}}

#prehled-objednavka {
  border-top: none;
}

.prehled-objednavka-a {                                                  /* druhý hlavní div - obsahuje - číslo, název cena atd. */
  display: block;
  float: left;
  width: 640px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
  border-bottom: 1px solid #e1e1e1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.prehled-objednavka-a  {
  width: 100%;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#prehled-objednavka-a  {
  border: none;
}}

.prehled-objednavka-b {                                                  /* druhý hlavní div - obsahuje - číslo, název cena atd. */
  display: inline-block;
  float: left;
  width: 640px;
  margin: 0px 0px 0px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.prehled-objednavka-b  {
  width: 100%;
}}

.prehled-objednavka-f {                                   /* hlavní div - porce a obal v přehledu objednávky - stránka kombinace týdenní menu*/
  display: block;
  float: left;
  width: 640px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.prehled-objednavka-f {
  width: 240px;
}}


.div-cislo-objednavka {                                                   /* hlavní div - číslo objednávky */
  display: inline-block;
  float: left;
  width: 114px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-cislo-objednavka  {
  width: 30px;
}}

.cislo-objednavka-p {                                                       /* text - číslo objednávky */
  display: inline-block;
  width: 100%;
  margin: 0px 0px;
  padding: 0px 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: center;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.cislo-objednavka-p  {
  font-size: 10px;
}}

.div-nazev-objednavka {                                                   /* hlavní div - název objednávky */
  display: inline-block;
  float: left;
  width: 293px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-nazev-objednavka {
  width: 12%;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-nazev-objednavka {
  width: 40%;
}}

.nazev-objednavka-p {                                                       /* text - název objednávky */
  display: inline-block;
  width: 100%;
  margin: 0px 0px;
  padding: 0px 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.nazev-objednavka-p {
  margin: 0px 0px 0px 10px;
  font-size: 10px;
}}

#nazev-objednavka-p {
  font-weight: normal;
}

.div-cena-objednavka {                                                   /* hlavní div - cena objednávky */
  display: inline-block;
  float: left;
  width: 78px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-cena-objednavka {
  margin: 15px 0px 0px 50px;
  width: 20%;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-cena-objednavka {
  margin: 15px 0px 0px 0px;
  width: 20%;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-cena-objednavka-a {
  margin: 15px 0px 0px 10px;
  width: 20%;
}}

.cena-objednavka-p {                                                       /* text - cena objednávky */
  display: inline-block;
  width: 100%;
  margin: 0px 0px;
  padding: 0px 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: right;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.cena-objednavka-p {
  font-size: 10px;
  text-align: left;
}}

.div-porce-objednavka {                                                   /* hlavní div - cena objednávky */
  display: inline-block;
  float: left;
  width: 77px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-porce-objednavka {
  width: 5%;
  margin: 15px 0px 0px -10px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-porce-objednavka {
  width: 15%;
  margin: 15px 0px 0px -30px;
}}

.porce-objednavka-p {                                                       /* text - cena objednávky */
  display: inline-block;
  width: 100%;
  margin: 0px 0px;
  padding: 0px 0px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: center;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.porce-objednavka-p {
  font-size: 10px;
  text-align: left;
}}

.div-ks-objednavka {                                                   /* hlavní div - počet kusů  */
  display: inline-block;
  float: left;
  width: 45px;
  height: 21px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-ks-objednavka {
  margin: 15px 0px 0px 20px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-ks-objednavka-d {
  margin: 15px 0px 0px -20px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-ks-objednavka-b {
  margin: 15px 0px 0px -7px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-ks-objednavka-c {                                                                 /* přehled objednávky - stránka vege sváča */
  margin: 20px 0px 0px 20px;
}}

#div-ks-objednavka {
  margin: 15px 0px 0px -30px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-ks-objednavka {
  margin: 15px 0px 0px -20px;
}}


#div-ks-objednavka-a {
  margin: 15px 0px 0px 20px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#div-ks-objednavka-a {
  margin: 15px 0px 0px 10px;
  width: 15%;
}}

.div-b-ks {                                                             /* hlavní div počet kusů*/
  display: inline-block;
  float: left;
  width: 29px;
  height: 19px;
  margin: 19px 0px 0px 0px;
}

.div-b-ks-a {                                                           /* text - počet kusů u potvrzení objednávky */
  display: inline-block;
  width: 100%;
  margin: -10px 0px 0px -3px;
  padding: 0px 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: center;
}

.ikona-smazat {                                                 /* ikona košík */
  display: inline-block;
  float: left;
  width: 25px;
  height: 22px;
  margin: 13px 0px 0px 5px;
  padding: 0px 0px 0px 0px;
  font-size: 20px;
  color: #ff0000;
  text-align: center;
  text-decoration: none;
}

.ikona-smazat:visited {
  color: #ff0000;
}

#ikona-smazat {
  margin: 13px 0px 0px 25px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#ikona-smazat {
  margin: 15px 0px 0px -5px;
}}

#ikona-smazat-a {                                                          /* ikona smazat - stránka kombinace - přehled objednávky */
  margin: 20px 0px 0px 5px;
}


@media screen and (max-width: 600px) and (min-width: 100px)

{.ikona-smazat {
  margin: 15px 0px 0px -4px;
  font-size: 15px;
  width: 20px;
}}

/*---příloha---*/

.prehled-objednavka-c {                                                  /* hlavní div - obsahuje přílohu */
  display: inline-block;
  float: left;
  width: 640px;
  margin: 0px 0px 0px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.prehled-objednavka-c {
  width: 100%;
}}

.div-nazev-a-objednavka {                                                   /* hlavní div - název přílohy v objednávce */
  display: inline-block;
  float: left;
  width: 70%;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
}

.nazev-a-objednavka-p {                                                       /* text - název přílohy v objednávce */
  display: inline-block;
  width: 71%;
  margin: 0px 0px;
  padding: 0px 0px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.nazev-a-objednavka-p {
  width: 90%;
  margin: 0px 0px 0px 10px;
  font-size: 10px;
}}

/*---obal---*/

.prehled-objednavka-d {                                                  /* hlavní div - obsahuje obal */
  display: inline-block;
  float: left;
  width: 640px;
  margin: 0px 0px 0px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.prehled-objednavka-d {
  width: 240px;
}}

#prehled-objednavka-d {
  border-bottom: 1px solid #e1e1e1;
  padding: 0px 0px 10px 0px;
}

.div-nazev-b-objednavka {                                                   /* hlavní div - název přílohy v objednávce */
  display: inline-block;
  float: left;
  width: 293px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-nazev-b-objednavka {
  width: 70%;
}}

.nazev-b-objednavka-p {                                                       /* text - název přílohy v objednávce */
  display: inline-block;
  width: 100%;
  margin: 0px 0px;
  padding: 0px 0px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.nazev-b-objednavka-p {
  width: 60%;
  margin: 0px 0px 0px 10px;
  font-size: 10px;
}}

.div-cena-a-objednavka {                                                   /* hlavní div - cena objednávky */
  display: inline-block;
  float: left;
  width: 78px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-cena-a-objednavka  {
  margin: 15px 0px 0px -45px;
  width: 17%;
}}

.cena-a-objednavka-p {                                                       /* text - cena objednávky */
  display: inline-block;
  width: 100%;
  margin: 0px 0px;
  padding: 0px 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: right;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.cena-a-objednavka-p  {
  font-size: 10px;
  text-align: left;
}}

#cena-a-objednavka-p-a {                                                       /* text - cena objednávky - kombinace týdenní menu */
  margin: 0px 0px 0px 20px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#cena-a-objednavka-p-a  {
  margin: 0px 0px 0px -10px;
}}

/*---aktualizovat---*/

.div-aktualizovat {                                                  /* hlavní div tlačítko aktualizovat */
  display: inline-block;
  float: left;
  width: 100%;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.aktualizovat {                                                      /* tlačítko aktualizovat */
  display: inline-block;
  float: right;
  width: 130px;
  height: 30px;
  line-height: 27px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 2px dashed #ff6600;
  border-radius: 3px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.aktualizovat:visited {
  color: #000;
}

.aktualizovat:hover {
  background-color: #ff6600;
  color: #fff;
}


/*---celkem---*/

.div-celkem {                                                 /* hlavní div - celkem cena  */
  display: inline-block;
  float: left;
  width: 640px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-celkem {
  width: 240px;
}}

.h1-celkem {                                                      /* nadpis h1 - Cena celkem */
  display: inline-block;
  width: 47%;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #000;
  text-align: left;
}

.celkem-p {                                                              /* text cena */
  display: inline-block;
  width: 50%;
  margin: 10px 0px 0px 0px;
  padding: 0px 10px 0px 0px;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #000;
  text-align: right;
}

/*---přidat-do-košíku---*/

.div-pridat {                                                  /* hlavní div tlačítko přidat do košíku */
  display: inline-block;
  float: left;
  width: 100%;
  margin: 40px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.pridat {                                                      /* tlačítko přidat do košíku  */
  display: inline-block;
  float: right;
  width: 140px;
  height: 31px;
  line-height: 27px;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 0px;
  border: none;
  border-radius: 3px;
  background-color: #ff6600;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.pridat:visited {
  color: #000;
}

.pridat:hover {
  background-color: #ff6600;
  color: #fff;
}

#zpet {                                                                 /* tlačítko zpět - košík, vyplnění údajů a potvrzení objednávky */
  float: left;
  border: 1px solid #ff6600;
  background-color: #fff;
}

#zpet:hover {
  background-color: #ff6600;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{#zpet {
  width: 80px;
}}

/*-------------------------dezerty-----------------------*/

.polozka2 {                                                              /* hlavní div položka */
  display: inline-block;
  float: left;
  width: 682px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 16px 0px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
}

.polozka2:hover {
  box-shadow: 1px 1px 10px #e8e8e8;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.polozka2 {
  width: 682px;
  margin: 20px 0px 0px 0px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.polozka2 {
  width: 280px;
}}

.img-polozka-b {                                                   /* obrázek dezerty */
  display: inline-block;
  float: left;
  width: 250px;
  height: 180px;
  margin: 20px 0px 0px 20px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.img-polozka-b {
  margin: 20px 0px 0px 15px;
}}


/*-------------------------saláty-----------------------*/

.vypis-salaty {                                                              /* hlavní div výpis saláty */
  display: inline-block;
  float: left;
  width: 680px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 25px 0px;
  background-color: #fff;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.vypis-salaty {
  width: 682px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 25px 0px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.vypis-salaty {
  width: 280px;
}}


#salaty {                                                              /* hlavní div saláty  - obsahuje h1 */
  margin: 70px 0px 15px 0px;
}

.h1-salaty {                                                              /* h1 saláty */
  display: inline-block;
  float: left;
  width: 100%;
  margin: 17px 0px 0px 0px;
  padding: 3px 3px 2px 3px;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #63b956;
  text-align: center;
}


/*-------------------------týdenní-menu----------------------*/

.popis-b {
  display: inline-block;
  float: left;
  margin: 50px 0px 0px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)
{.popis-b {
  margin: 50px 0px 0px 0px;
}}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #63b956;
  cursor: pointer;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 380px;
  min-height: 80px;
  border: 2px solid #63b956;
  background-color: #fff;
  color: #000;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  text-align: left;
  border-radius: 3px;
  box-shadow: 1px 1px 10px #e8e8e8;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 170%;
  left: 50%;
  margin-left: -63px;
  z-index: 55;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 13%;
  margin-left: -5px;
  border-width: 7px;
  border-style: solid;
  border-color: #63b956 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.tooltip .tooltiptext{
  width: 260px;
}}

/*-------------------------vege-sváča-----------------------*/

.div-pomazanky {                                           /* hlavní div */
    display: inline-block;
    float: left;
    width: 680px;
    margin: 10px 0px 0px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-pomazanky {
  width: 240px;
}}

.div-pomazanky-a {                                           /* hlavní div - obsahuje checkboxy pomazánka */
  display: inline-block;
  float: left;
  width: 640px;
  margin: 10px 0px 0px 20px;
  padding: 0px 0px 20px 0px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-pomazanky-a {
  width: 100%;
}}

.div-naplne {                                                 /* hlavní div - obsahuje checkboxy náplň */
  display: inline-block;
  float: left;
  width: 640px;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 20px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.div-naplne {
  width: 240px;
}}

.h1-priloha-b {                                                                      /* h1 pomazánky*/
  display: block;
  float: left;
  width: 100%;
  margin: 20px 0px 0px 10px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bolder;
  color: #000;
  text-align: left;
}

.typ-pomazanky {                                                                    /* text - název pomazánky */
  display: inline-block;
  float: left;
  padding: 0px 0px;
  width: 100%;
  margin: -16px 0px 0px 20px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

.prehled-objednavka-e {                                                   /* hlavní div - název pomazánky v přehledu objednávky*/                                               /* hlavní div - obsahuje přílohu */
    display: inline-block;
    float: left;
    width: 640px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #e1e1e1;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.prehled-objednavka-e {
  width: 240px;
}}

/*----------------------vyplnění-údajů-------------------*/

.formular {                                     /* hlavní div */
  display: inline-block;
  width: 680px;
  margin: -10px 0px 0px -20px;
  padding: 20px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  color: black;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.formular {
  margin: -10px 0px 0px -20px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.formular {
  width: 280px;
}}

input[type=text] {
  width: 100%;
  padding: 7px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  box-sizing: border-box;
  margin-top: 3px;
  margin-bottom: 10px;
  resize: vertical;
}

textarea {
  height: 150px;
  width: 100%;
  padding: 12px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

.checkbox {
  margin: -20px 0px 0px 20px;
  width: 13px;
  height: 13px;
  border: 1px solid #e1e1e1;
}

@media screen and (max-width: 900px) and (min-width: 800px)

{.checkbox {
  top: 274px;
}}

@media screen and (max-width: 600px) and (min-width: 200px)

{.checkbox {
  top: 305px;
  left: 8px;
}}

.p-souhlas {
  margin: -16px 0px 0px 40px;
  font-size: 13px;
  font-family: arial, serif;
  letter-spacing: 0.5px;
  font-weight: normal;
  color: black;
}

@media screen and (max-width: 900px) and (min-width: 800px)

{.p-souhlas {
  top: 263px;
}}

@media screen and (max-width: 600px) and (min-width: 200px)

{.p-souhlas {
  font-size: 10px;
}}

/*-------------------potvrzení-objednávky------------------*/

.potvrzeni {                                                                    /* text - potvrzení objednávky */
  display: inline-block;
  float: left;
  padding: 15px 15px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  line-height: 18px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

.img-doprava {
  display: block;
  margin: 10px 0px 0px 0px;
}

/*--------------------------gdpr------------------------*/

.gdpr {
  font-size: 18px;
  font-weight: bold;
}

/*----------------------jak-nakupovat------------------------*/

.h1-jak-nakupovat {                                                              /* h1 o nás */
  display: inline-block;
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  font-size: 21px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #63b956;
  text-align: center;
  text-decoration: underline;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.h1-jak-nakupovat {
  font-size: 15px;
}}

.h2-jak-nakupovat {                                                              /* h1 o nás */
  display: inline-block;
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 10px 15px;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #63b956;
  text-align: left;
  text-decoration: underline;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.h2-jak-nakupovat {
  font-size: 15px;
}}

.jak-nakupovat {                                                                    /* text */
  display: inline-block;
  float: left;
  padding: 15px 15px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  line-height: 18px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

.mapa {
  display: inline-block;
  float: left;
  width: 600px;
  height: 450px;
  margin: 50px 0px 0px 181px;
  border: none;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.mapa {
  width: 280px;
  height: 250px;
  margin: 50px 0px 0px -10px;
}}

.img-jak-nakupovat {                                              /* logo dopravce */
  display: block;
  float: left;
  margin: 0px 0px 15px 438px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.img-jak-nakupovat {
  margin: 0px 0px 0px 90px;
}}

.img-jak-nakupovat-a {
  display: block;
  margin: 0px 0px 15px 193px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.img-jak-nakupovat-a {
  width: 280px;
  height: 250px;
  margin: 0px 0px 0px -10px;
}}


.img-jak-nakupovat-b {
  display: block;
  float: left;
  margin: 0px 0px 15px 449px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.img-jak-nakupovat-b {
  margin: 0px 0px 0px 105px;
}}

/*-----------------------footer----------------------*/

.footer {                                                              /* hlavní div footer */
  display: block;
  float: left;
  width: 1007px;
  margin: 70px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 50px solid #63b956;
  background-color: #fff;
  box-shadow: 1px 1px 17px #a0a0a0;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.footer {
  width: 1349px;
  margin: 70px 0px 0px 0px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.footer {
  width: 1343px;
  margin: 70px 0px 0px 0px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.footer {
  width: 1263px;
  margin: 70px 0px 0px 0px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.footer {
  margin: 100px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 320px;
}}

.adresa {                                                                /* hlavní div adresa */
  display: inline-block;
  float: left;
  width: 163px;
  height: 340px;
  margin: 10px 0px 0px 50px;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.adresa {
  margin: 10px 0px 0px 175px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.adresa {
  margin: 10px 0px 0px 181px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.adresa {
  margin: 10px 0px 0px 181px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.adresa {
  margin: 10px 0px 0px 20px;
  width: 280px;
}}

.h1-adresa {                                                              /* h1 kontakt */
  display: inline-block;
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  font-size: 21px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #63b956;
  text-align: center;
}

.p-adresa {                                                             /* text adresa */
  display: inline-block;
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.span-adresa {
  font-size: 16px;
  font-weight: normal;
}

.img-adresa {                                                             /* obrázek nabídka */
  display: inline-block;
  float: left;
  width: 170px;
  height: 143px;
  margin: 20px 0px 0px 0px;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.img-adresa {
  margin: 30px 0px 0px 59px;
}}

.p-rozvoz {                                                             /* text čas rozvozu */
  display: inline-block;
  float: left;
  width: 100%;
  margin: 5px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 600px) and (min-width: 100px)

{.p-rozvoz {
  margin: 10px 0px 0px 0px;
  text-align: center;
}}

.p-rozvoz-a {
  font-size: 14px;
  font-weight: normal;
}


.logo-footer {                                                           /* obrázek logo footer */
  display: inline-block;
  float: left;
  margin: 100px 0px 0px 198px;
  width: 185px;
  height: 190px;
  background-image: url(logo-footer.png);
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.logo-footer {
  margin: 100px 0px 0px 251px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.logo-footer {
  margin: 100px 0px 0px 235px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.logo-footer {
  margin: 100px 0px 0px 203px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.logo-footer {
  margin: 25px 0px 0px 64px;
}}


.facebook {                                                           /* ikona facebook */
  display: inline-block;
  float: left;
  margin: 34px 0px 0px 260px;
  width: 117px;
  height: 91px;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.facebook {
  margin: 34px 0px 0px 275px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.facebook {
  margin: 30px 0px 0px 102px;
}}


.menu-footer {
  display: inline-block;
  float: left;
  margin: 30px 0px 0px 220px;
  height: 25px;
  line-height: 25px;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.menu-footer {
  margin: 30px 0px 0px 235px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.menu-footer {
  margin: 30px 0px 0px 80px;
}}


.ul {
  list-style-type: none;
  position: relative;
  top: 0px;
  left: 5px;
  padding: 0px;
  overflow: hidden;
}

.li {
  display: block;
}

.li a {
  display: block;
  margin: 5px 0px 0px 0px;
  padding: 0px 5px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.8px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #63b956;
  border: 1px solid #63b956;
  border-radius: 5px;
  position: relative;
  z-index: 5;
}

.li a:hover {
  background-color: #fff;
  color: #000;
  border: 1px dotted #63b956;
}

#li a {                                                    /* odkazy - stránka dezerty a sladké pečivo */
  margin: 5px 0px 15px 0px;
  padding: 13px 10px;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
/*-----------*/

.copy {                                                   /* hlavní div copyright a web */
  display: inline-block;
  float: left;
  width: 1007px;
  height: 50px;
  padding: 23px 0px;
  margin: 20px 0px -60px 0px;
  position: relative;
  z-index: 7;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.copy {
  width: 1349px;
  margin: 20px 0px -60px 0px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.copy {
  width: 1343px;
  margin: 20px 0px -60px 0px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.copy {
  width: 1263px;
  margin: 20px 0px -60px 0px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.copy {
  margin: 150px 0px -50px 0px;
  width: 320px;
}}


.copy1 {                                 /* hlavní div */
  display: inline-block;
  float: left;
  width: 196px;
  margin: 5px 0px 0px 405px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  color: #fff;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.copy1 {
  margin: 5px 0px 0px 585px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.copy1 {
  margin: 5px 0px 0px 574px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.copy1 {
  margin: 5px 0px 0px 542px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.copy1 {
  margin: -17px 0px 0px 74px;
  font-size: 12px;
  width: 173px;
}}

.web {
  display: inline-block;
  float: left;
  width: 189px;
  margin: 5px 0px 0px 210px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  color: #fff;
}

@media screen and (max-width: 1366px) and (min-width: 1361px)

{.web {
  margin: 5px 0px 0px 370px;
}}

@media screen and (max-width: 1360px) and (min-width: 1281px)

{.web {
  margin: 5px 0px 0px 370px;
}}

@media screen and (max-width: 1280px) and (min-width: 1153px)

{.web {
  margin: 5px 0px 0px 330px;
}}

@media screen and (max-width: 600px) and (min-width: 100px)

{.web {
  margin: 10px 0px 0px 86px;
  font-size: 10px;
  width: 149px;
}}

.web-odkaz {
  color: #fff;
  text-decoration: none;
}
.web-odkaz:hover {
  text-decoration: underline;
}

.web-odkaz:visited {
  color: #fff;
}

#kosik-3-krok-description{
  font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.8px;
    font-weight: normal;
    color: #000;
    text-align: center;
}

.closed-button{
  border: 2px dashed #ff6600 !important;  
  color: #ff6600;
}

.ikona-koupit-closed{
    display: inline-block;
    float: left;
    height: 37px;
    line-height: 34px;
    margin: 44px 0px 0px 5px;
    padding: 0 4px;
    border: 2px dashed #ff6600;
    border-radius: 3px;
    color: #ff6600;
    text-align: center;
    text-decoration: none;
}

.ikona-koupit-closed2{
  display: block;
  float: left;
  height: 37px;
  line-height: 34px;
  margin: 87px 0px 0px 5px;
  padding: 0 4px;
  border: 2px dashed #ff6600;
  border-radius: 3px;
  color: #ff6600;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 767px){

  .ikona-koupit-closed, .ikona-koupit-closed2{
    display: block;
    float: left;
    height: 37px;
    line-height: 34px;
    margin: 40px 0px 0px 5px;
    padding: 0 4px;
    border: 2px dashed #ff6600;
    border-radius: 3px;
    color: #ff6600;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }
}