/* fialová  #7f0f37  světlá fialová #9f4565 */

body {
 position: relative;
 background-color: #ffffff;
 margin: 0;
 padding: 0;
 color: #666666;
 font-family: 'Baloo 2', sans-serif;
 font-size: 19px;
 font-weight: 400;
 line-height: 23px;
}
section {
 position: relative;
 margin: auto;
 padding: 15px 10px 30px 10px;
 max-width: 1080px;
}


/*____________________________________________________________________________________________________________________________ TOP___*/
.top {
 border-bottom: 1px #bbbbbb solid;
 padding: 10px 0px 10px 0px;
 height: 70px;
}
.box_top {
 position: relative;
 margin: auto;
 max-width: 1100px;
}
.logo {
 position: absolute;
 left: 10px;
 top: 0px;
 height: 70px;
}

.box_search {
 position: absolute;
 left: 50%;
 top: 20px;
 margin-left: -50px;
}
.box_search input[type="text"] {
 border: 1px #dddddd solid;
 border-radius: 6px 0px 0px 6px;
 background-color : #efefef;
 padding: 8px 5px 8px 5px;
 margin: 0px 0px 0px 0px;
 width: 170px;
 color: #555555;
 font-size: 14px;
}
.box_search input[type="submit"] {
 border: 1px #7f0f37 solid;
 border-radius: 0px 6px 6px 0px;
 background-color : #eeeeee;
 padding: 8px 10px 8px 10px;
 margin: 0px 0px 0px 0px;
 color: #7f0f37;
 font-size: 14px;
 cursor: pointer;
}

.box_kosik {
 position: absolute;
 right: 10px;
 top: 15px;
 padding: 0px 0px 0px 0px;
 line-height: 17px;
}
.box_kosik_empty {
 background-image: url("/img/kosik_empty.png");
 background-repeat: no-repeat;
 background-position: left top;
 margin: 0px;
 padding: 5px 0px 0px 55px;
 height: 40px;
 color: #909090;
 font-size: 14px;
 font-weight: 400;
}
.box_kosik_full {
 background-image: url("/img/kosik_full.png");
 background-repeat: no-repeat;
 background-position: left top;
 padding: 15px 0px 0px 55px;
 height: 30px;
}
.box_kosik_full:hover {
 background-color: #eeeeee;
}
.box_kosik_full a {
 color: #9f4565;
 font-size: 24px;
 font-weight: 400;
 text-decoration: none;
}
.box_kosik_full a:hover {
 color: #9f4565;
 text-decoration: underline;
}



/*____________________________________________________________________________________________________________________________ TOPMENU___*/
#logo_mobile {display: none;}
.menu {
 background-color: #777777;
}
.box_menu {
 position: relative;
 margin: auto;
 max-width: 1100px;
}
#menu_responzive {
 position: relative;
 background-color: #777777;
}
#menu_responzive ul {
 display: table;
 margin: auto;
 padding: 0px 0px 5px 0px;
 list-style: none;
}
#menu_responzive li {
 display: table-cell;
}
#menu_responzive a {
 display: block;
 border-bottom: 1px #777777 solid;
 padding: 10px 30px 5px 30px;
 color: #eeeeee;
 font-size: 20px;
 font-weight: 400;
 text-align: center;
 text-decoration: none;
}
#menu_responzive a:hover {
 border-bottom: 1px #ffffff solid;
 color: #ffffff;
 text-decoration: none;
}
#menu_responzive a.aktivni {
 border-bottom: 1px #1b8244 solid;
 color: #1b8244;
 text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ ILUSTRACE___*/
.ilustrace {
 background-image: url("/img/animace/ilustrace_index.jpg");
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 height: 550px;
}
.box_ilustrace {
 position: relative;
 margin: auto;
 max-width: 1100px;
 height: 550px;
}
.slogan {
 position: absolute;
 left: 100px;
 top: 200px;
 color: #eeeeee;
 font-size: 45px;
 font-weight: 300;
 line-height: 70px;
}
.slogan span {
 font-size: 60px;
 font-weight: 300;
}

.ilu_katalog {
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 height: 550px;
}


/*____________________________________________________________________________________________________________________________ SUBMENU___*/
.submenu {
}
.box_submenu {
 margin: auto;
 max-width: 1100px;
 text-align: center;
}
.box_submenu a {
 display: inline-block;
 padding: 7px 15px 7px 15px;
 color: #663e3e;
 font-size: 18px;
 font-weight: 300;
 text-decoration: none;
}
.box_submenu a:hover {
 border-bottom: 1px #1b8244 solid;
 color: #1b8244;
 text-decoration: none;
}
.box_submenu a.aktiv {
 border-bottom: 1px #1b8244 solid;
 color: #1b8244;
 text-decoration: none;
}


/*_____________________________________________________________________ OBSAH___*/
.obsah {
 padding: 0px 10px 0px 10px;
}
h1 {
 color: #7f0f37;
 font-size: 40px;
 font-weight: 400;
 text-align: center;
}
h2 {
 color: #7f0f37;
 font-size: 30px;
 font-weight: 400;
 text-align: center;
}
p {
 margin: 5px 0px 5px 0px;
}
a {
 color: #333333;
 font-size: 19px;
 font-weight: 400;
}
a:hover {
   color: #000000;
}
ol {
 margin: 0px;
 padding: 15px 0px 15px 20px;
}
.seznam {
 line-height: 25px;
}


table {
   color: #350000;
   font-family: 'Baloo 2',arial;
   font-size: 15px;
   font-weight: 400;
}
.backlinks {
 padding: 0px 0px 20px 0px;
 color: #444444;
 font-size: 18px;
 font-weight: 400;
}
.backlinks a {
 color: #444444;
 font-size: 18px;
 font-weight: 400;
}
.backlinks a:hover {
 color: #000000;
}
hr {
 background-color: #cccccc;
 border: 0;
 height: 1px;
}

.obraz_r {
 border: #444444 2px solid; 
 margin: 0px 0px 15px 15px; 
 float: right;
}
.obraz_l {
 border: #444444 2px solid; 
 margin: 0px 15px 15px 0px; 
 float: left;
}

.backbutton {
 display: block;
 border: 0;
 border-radius: 8px;
 background-color: #cccccc;
 padding: 8px 0px 8px 0px;
 width: 100px;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 text-align: center;
 text-decoration: none;
 float: right;
}

.box_instagram {
 margin: 0px;
}
.box_instagram img {
 width: 16.6%;
 float: left;
}

.ceska_znacka {
 background-image: url("/img/ceska-znacka.png");
 background-repeat: no-repeat;
 background-position: left top;
 background-size: 50px 35px;
 padding: 0px 0px 0px 55px;
 color: #666666;
 font-size: 15px;
 font-weight: 400;
 line-height: 19px;
}

.kontakt_cast {
 width: 33%;
 text-align: left;
 line-height: 23px;
 float: left;
}
.kontakt_cast span {
 font-weight: 500;
}

/*____________________________________________________________________________________________________________________________ KATALOG___*/
.polozka {
 position: relative;
 margin-bottom: 50px;
 width: 25%;
 float: left;
}
.polozka:hover {
 background-color: #eeeeee;
 box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}
.polozka a {
 text-decoration: none;
}
.polozka_obsah {
 position: relative;
 margin: 10px;
 padding: 0px 0px 0px 0px;
 color: #663e3e;
}
.polozka_nazev {
 padding: 8px 0px 10px 0px;
 height: 40x;
 color: #555555;
 font-size: 20px;
 font-weight: 400;
 text-align: center;
}
.polozka_podnazev {
 padding: 2px 0px 0px 0px;
 height: 20px;
 color: #777777;
 font-size: 15px;
 font-weight: 400;
 text-align: center;
}
.polozka_img {
 text-align: center;
}
.polozka_img img {
 width: 100%;
}
.dostupnost {
 color: #a2c277;
 font-size: 13px;
 text-align: right;
}
.nedostupnost {
 color: #777777;
}
.polozka_doprava {
 position: absolute;
 right: 25px;
 top: 140px;
 border-radius: 50%;
 background-color: #007700;
 padding-top: 20px;
 width: 80px;
 height: 60px;
 color: #ffffff;
 font-size: 13px;
 text-align: center;
}
.polozka_popis {
 position: relative;
 border-bottom: 1px #eeeeee solid;
 padding: 0px 0px 0px 0px;
}
.polozka_cena {
 color: #7f0f37;
 font-size: 35px;
 font-weight: 400;
 text-align: center;
}
.polozka_cena span {
 font-size: 15px;
 font-weight: 400;
}
.iko_novinka {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 50px;
 height: 50px;
}


strike {
color: #444444;
font-size: 22px;
font-weight: normal;
}
.polozka_sleva {
   position: absolute;
   top: 45px;
   left: 7px;
   border-radius: 50%;
   background-color: #cd9050;
   padding-top: 20px;
   width: 70px;
   height: 50px;
   z-index: 5;
   color: #ffffff;
   font-size: 22px;
   font-weight: 400;
   text-align: center;
}
.polozka_puvcena {
   color: #111111;
   font-size: 14px;
   font-weight: 400;
   text-align: right;
   text-decoration: line-through;
}


/*____________________________________________________________________________________________________________________________ DETAIL___*/
.detail_foto {
 padding-bottom: 40px;
 width: 50%;
 float: left;
}
.detail_img {
 position: relative;
}
.detail_img img {
 width: 90%;
}
.detail_popisy {
 position: relative;
 width: 50%;
 float: left;
}
.detail_form {
 border-top: #b9b9b9 1px solid;
 border-bottom: #b9b9b9 1px solid;
 margin: 10px 0px 10px 0px;
 padding: 10px 0px 10px 0px;
 text-align: right;
}
.detail_form input[type="number"] {
 border: #9f4565 1px solid;
 background-color: #ffffff;
 padding: 12px 0px 12px 0px;
 width: 60px;
 color: #222222;
 font-size: 20px;
 font-weight: 400;
 text-align: center;
}
.detail_form input[type="submit"] {
 border: 0;
 border-radius: 8px;
 background-color: #9f4565;
 margin: auto;
 padding: 12px 0px 12px 0px;
 width: 30%;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 text-align: center;
 cursor: pointer;
}
.detail_form input[type="submit"]:hover {
 background-color: #18700b;
 text-decoration: underline;
}
.detail_cena {
 padding-right: 10px;
 color: #7f0f37;
 font-size: 45px;
 font-weight: 500;
 text-align: right;
}
.detail_cena span {
 font-size: 17px;
 font-weight: 400;
}
.detail_dostupnost {
 color: #a2c277;
 font-size: 18px;
 font-weight: 500;
}
.detail_nedostupnost {
 color: #777777;
}
.detail_doprava {
 position: absolute;
 right: 10px;
 top: 100px;
 border-radius: 50%;
 background-color: #007700;
 padding-top: 30px;
 width: 90px;
 height: 60px;
 color: #ffffff;
 font-size: 13px;
 text-align: center;
}

.detail_galery {
 width: 25%;
 float: left;
}
.detail_galery img {
 border: #333333 1px solid;
 width: 97%;
}

.detail_varianty span {
 color: #7f0f37;
 font-size: 20px;
 font-weight: 500;
}


.souvisejici {
 position: relative;
 margin-bottom: 30px;
 width: 20%;
 float: left;
}
.souvisejici:hover {
 background-color: #eeeeee;
 box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}
.souvisejici a {
 text-decoration: none;
}
.souvisejici_popis {
 position: relative;
 border-bottom: 1px #eeeeee solid;
 padding: 0px 10px 0px 0px;
}


/*____________________________________________________________________________________________________________________________ OBJEDNÁVKA___*/
.objednavka {
 color: #444444;
 font-size: 18px;
}
.objednavka_nadpis {
 padding-bottom: 20px;
 color: #7f0f37;
 font-size: 21px;
 text-align: center;
}
.obj_boxik {
   color: #444444;
}
.obj_obraz {
   width: 90px;
}
.objednavka_logo {
   width: 100px;
}
.soucty {
   color: #157208;
   font-size: 20px;
   font-weight: 600;   
}
.objednavka50 {
 width: 50%;
 float:left;
}
.pole_pocet {
   border: 1px #18700b solid;
   background-color: #ffffff;
   margin: 0px 20px 0px 0px;
   padding: 10px 0px 10px 0px;
   width: 50px;
   color: #222222;
   font-size: 18px;
   font-weight: 400;
   text-align: center;
}
.button_edit {
   border: 0;
   border-radius: 5px;
   background-color: #54a506;
   padding: 5px 10px 5px 10px;
   color: #eeeeee;
   font-size: 16px;
}
.button_delete {
   border: 0;
   border-radius: 5px;
   background-color: #dd0000;
   padding: 5px 10px 5px 10px;
   color: #eeeeee;
   font-size: 16px;
}
.objednavka label {
 padding-left: 0;
 text-align: left;
}
.objednavka_pole {
   border: #7f0f37 1px solid;
   background-color: #eeeeee;
   margin: 0px 0px 0px 0px;
   padding: 8px;
   width: 270px;
   color: #111111;
}
.objednavka_pole_m {
 border: 1px solid #7f0f37;
 background-color: #eeeeee;
 padding: 0 10px 0 10px;
 height: 43px;
 width: 50%;
}
.objednavka_text {
 border: 1px solid #7f0f37;
 background-color: #eeeeee;
 padding: 0 10px 0 10px;
 height: 100px;
 width: 80%;
}
.button_send {
 border: 0;
 border-radius: 8px;
 background-color: #9f4565;
 padding: 10px 25px 10px 25px;
 width: 40%; 
 color: #ffffff;
 font-size: 16px;
}
.button_send:hover {
 background-color: #61ab16;
}

.packeta-selector-open {
 background-color: #bb0000;
 padding: 6px;
 color: #ffffff;
 font-size: 14px;
 font-weight: 500;
 cursor: pointer;
 float: left;
}
.packeta-selector-branch-name {
 color: #dd0000;
 font-weight: 500;
}


/*____________________________________________________________________________________________________________________________ SOCIAL BUTTONS___*/
.but_facebook,.but_twitter {
   display: block;
   border-radius: 7px;
   margin-bottom: 8px;
   padding: 3px  0px 0px 0px;
   width: 130px;
   height: 24px;
   color: #eeeeee;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
   text-align: center;
}
.but_facebook {
   background-color: #425f9c;
}
.but_facebook:hover {
   background-color: #2e4a83;
   color: #ffffff;
   text-decoration: none;
}
.but_twitter {
   background-color: #1b95e0;
}
.but_twitter:hover {
   background-color: #1d75ab;
   color: #ffffff;
   text-decoration: none;
}


/*_____________________________________________________________________ FORM___*/
.box_form {
   border: #18700b 1px solid;
   border-radius: 15px;
   padding: 20px 20px 20px 20px;
}
.box_form p {
   text-align: center;
}
.overeni {
   display: none;
}
.pole {
   border: #7f0f37 1px solid;
   background-color: #eeeeee;
   margin: 0px 0px 0px 0px;
   padding: 8px;
   width: 270px;
   color: #111111;
}
.textpole {
   border: #7f0f37 1px solid;
   background-color: #eeeeee;
   margin: 0px 0px 0px 0px;
   padding: 8px;
   width: 270px;
   height: 50px;
   color: #111111;
}
.label {
 padding-right: 30px; 
 width: 20%; 
 text-align: right; 
 float: left;
}
.buton {
 border: 0;
 border-radius: 7px;
 background-color: #18700b;
 padding: 10px 30px 10px 30px;
 color: #eeeeee;
 text-decoration: none;
}
.buton:hover {
   color: #ffffff;
   text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ CONFIRMTOBASKET___*/
#confirmtobasket {
 position: absolute; 
 top: 250px; 
 left: 50%; 
 background-color : #eeeeee;
 margin-left: -160px; 
 padding: 5px 0px 20px 0px;
 width: 320px;
 color: #111111; 
 font-size: 18px;
 text-align: center; 
 z-index: 10;
}
#confirmtobasket .close {
 display: block;
 border: #6eb100 1px solid;
 border-radius: 8px;
 background-color: #fafafa;
 padding: 8px 0px 8px 0px;
 margin: auto;
 width: 90%;
 color: #222222;
 font-size: 14px;
 text-decoration: none;
}
#confirmtobasket .basket {
 display: block;
 border: 0;
 border-radius: 8px;
 background-color: #6eb100;
 padding: 8px 0px 8px 0px;
 margin: auto;
 width: 90%;
 color: #ffffff;
 font-size: 14px;
 text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ CONFIRMCOOKIE___*/
.switch {
  position: relative;
  display: inline-block;
}
.switch-input {
  display: none;
}
.switch-label {
  display: block;
  width: 48px;
  height: 24px;
  text-indent: 150%;
  clip: rect(0 0 0 0);
  user-select: none;
}
.switch-label::before,
.switch-label::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}
.switch-label::before {
  width: 100%;
  height: 100%;
  background-color: #dedede;
  border-radius: 9999em;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.switch-label::after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
.switch-input:checked + .switch-label::before {
  background-color: #89c12d;
}
.switch-input:checked + .switch-label::after {
  left: 24px;
}


#setingcookies {
 visibility: hidden;
 position: fixed;
 bottom: 50px;
 left: 50%;
 margin-left: -150px;
 padding: 30px 30px 30px 30px;
 width: 300px;
 background-color: #ffffff;
 z-index: 30;
}
#confirmcookies {
 position: fixed;
 bottom: 0px;
 left: 0px;
 width: 100%;
 background-color: #eeeeee;
 z-index: 20;
}
#confirmcookies .box {
 margin: auto;
 padding: 30px 0px 20px 0px;
 width: 100%;
 color: #111111;
 font-size: 18px;
 text-align: center;
 z-index: 10;
}
.but_no {
 display: inline-block;
 border: #6eb100 1px solid;
 border-radius: 8px;
 background-color: #fafafa;
 padding: 8px 0px 8px 0px;
 margin: 0px 0px 20px 20px;
 width: 200px;
 color: #222222;
 font-size: 14px;
 text-align: center;
 text-decoration: none;
}
.but_ok {
 display: inline-block;
 border: 0;
 border-radius: 8px;
 background-color: #00aa00;
 padding: 8px 0px 8px 0px;
 margin: 0px 0px 20px 20px;
 width: 200px;
 color: #ffffff;
 font-size: 14px;
 text-align: center;
 text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ BOOTOM___*/
.bottom {
 background-color: #4e4e4e;
 padding: 20px 0px 30px 0px;
}
.bottom_obsah {
 margin: auto;
 padding: 0px 10px 0px 10px;
 max-width: 1080px;
}
.bottom_cast {
 width: 25%;
 color: #cccccc;
 font-size: 15px;
 line-height: 23px;
 float: left;
}
.bottom_cast span {
 display: block;
 color: #ffffff;
 margin-bottom: 10px;
 font-weight: 600;   
}
.bottom_cast a {
 color: #cccccc;
 font-size: 15px;
 text-decoration: none;
}
.bottom_cast a:hover {
 color: #ffffff;
 font-size: 15px;
 text-decoration: underline;
}
.bot_logo {
 width: 160px;
}

.iko_social {
 width: 55px;
}


.podpis {
 background-color: #222222;
 padding: 20px 0px 20px 0px;
}
.podpis_obsah {
 margin: auto;
 padding: 0px 10px 0px 10px;
 max-width: 1080px;
 color: #777777;
 font-size: 15px;
}
.podpis_cast {
 width: 50%;
 float: left;
}
.podpis_obsah a {
 color: #777777;
 font-size: 15px;
}



/*____________________________________________________________________________________________________________________________ OBECNE___*/
img {
 border: 0px;
}
.clear {
 clear: both;
}
.left {
 text-align: left;
}
.center {
 text-align: center;
}
.right {
 text-align: right;
}
.justify {
 text-align: justify;
}
.bold {
 font-weight: 500;
}
.fullsize {
 width: 100%;
}
.flo_left {
 float: left;
}
.flo_right {
 float: right;
}
.box33 {
 width: 33%;
 float: left;
}
.box50 {
 width: 50%;
 float: left;
}
.box50 img {
 margin-bottom: 30px;
 width: 95%;
}
.box50r {
 width: 50%;
 float: right;
}
.box50r img {
 margin-bottom: 30px;
 width: 100%;
}
.invisible {
 display: none;
}