@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin-ext');

.cookies {
  position: absolute;
  width: 96%;
  padding: 2px 2% 2px 2%;
  border-radius: 0px 0px 4px 4px;
  border-bottom: 1px solid #9d0620;
  border-left: 1px solid #9d0620;
  border-right: 1px solid #9d0620;
  font-size: 13px;
  background-color: white;
  box-shadow: 0 0 6px 3px rgba(70, 70, 70, 0.5);
  text-align: center;
  display: none;
  z-index: 100;
}
.cookies a {
  color: red;
}

.icons_head {
  float: left;
  width: 96%;
  padding: 20px 2% 10px 2%;
  font-weight: bold;
  font-size: 160%;
  text-align: center;
  color: black;
}
.home_icons {
  float: left;
  width: 100%;
}
.ico_item {
  float: left;
  width: 15%;
  margin: 10px 2% 20px 2%;
  padding-top: 10px;
  text-align: center;
  border-top: 1px solid #83c045;
}
.ico_item img {
  height: 90px;
}
.ico_item strong {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #83c045;
  font-size: 120%;
}

body {
  background: white url(data/bg_bg.png) top repeat-x;
	font-family: Roboto;
	font-size: 14px;
	color: #6E6E6E;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h1, h2, strong {
  color: black;
}
a {
  color: black;
	text-decoration: underline;
}
a:hover {
  color: black;
	text-decoration: none;
}
.root {
  width: 100%;
  max-width: 1196px;
  min-width: 360px;
	position: relative;
	margin: auto;
	text-align: left;
}
@media all and (max-width: 1200px) {  .root  { width: 99%;padding-left: 0.5%; } }
.in_obsah {
  float: left;
  width: 100%;
  font-weight: 300;
  font-size: 140%;
}
.in_obsah_txt {
  float: left;
  width: 100%;
  font-weight: 300;
  font-size: 100%;
}
.in_obsah_txt ol, .in_obsah_txt ul {
  float: left;
  font-size: 140%;
  font-weight: 300;
  width: 80%;
}
.in_obsah_txt table {
  border: 0;
  padding: 0;
  float: left;
  width: 100%;
  font-weight: 300;
  margin-top: 20px;
}
.in_obsah_txt td {
  border: 0;
  float: left;
  width: 50%;
}
@media all and (max-width: 600px) {
  .in_obsah_txt td  { width: 100%; }
  .in_obsah_txt td img  { width: 90%;margin-left: 5%;float: left !important; }
}
h1.main {
  float: left;
  width: 100%;
  font-size: 280%;
  font-weight: 300;
}
p.section_text {
  float: left;
  width: 100%;
  font-size: 120%;
}

.pikto_place {
  float: left;
  width: 100%;
  margin-top: 20px;
  border-bottom: 1px solid #ece7e7;
  border-top: 1px solid #ece7e7;
  padding: 15px 0px 20px 0px;
}
.pikto_item {
  float: left;
  width: 16%;
  padding: 180px 2% 0px 2%;
  font-size: 130%;
  text-align: center;
  background: url(data/ico_1_hi.png) center top no-repeat;
}

@media all and (max-width: 600px) {
  .pikto_item  { width: 70%;padding: 20px 0% 0px 30%;height: 160px;background: url(data/ico_1_hi.png) left center no-repeat;text-align: left; }
}
@media all and (max-width: 500px) {
  .pikto_item  { width: 60%;padding: 20px 0% 0px 40%; }
}
@media all and (max-width: 400px) {
  .pikto_item  { width: 50%;padding: 20px 0% 0px 50%; }
}

.aktuality_place {
  float: left;
  width: 100%;
  margin: 0px 0px 20px 0px;
}
.actuality_item {
  float: left;
  width: 100%;
  margin: 15px 0px 10px 0px;
}
.actuality_item strong {
  float: left;
  width: 100%;
  font-family: Nexus;
  font-weight: normal;
  font-size: 200%;
  margin-bottom: 5px;
}
.actuality_item strong:hover {
  text-decoration: underline;
}
.actuality_item p a {
  font-weight: normal;
  font-size: 120%;
  text-decoration: underline;
}

.gal_item {
  float: left;
  width: 47.5%;
  border: 1px solid rgb(224,224,224);
  border-radius: 2px;
  text-align: center;
  margin: 30px 4.4% 0px 0px;
  transition: all 0.3s;
}
.gal_item:nth-child(2n+2) {
  margin: 30px 0px 0px 0px;
}
.gal_item:hover, .galerie a:hover {
  border: 1px solid rgb(124,124,124);
}

.home_gal_item {
  float: left;
  width: 22%;
  border: 1px solid rgb(224,224,224);
  border-radius: 2px;
  text-align: center;
  margin: 30px 3.7% 0px 0px;
  transition: all 0.3s;
}
.home_gal_item:nth-child(4n+4) {
  margin: 30px 0px 0px 0px;
}
.home_gal_item:hover {
  border: 1px solid rgb(124,124,124);
}
.home_gal_item strong {
  float: left;
  width: 90%;
  text-decoration: none;
  padding: 5px 5% 5px 5%;
  background: rgba(255,255,255,0.7);
  font-size: 140%;
  color: #231f20;
}

@media all and (max-width: 1000px) {  .gal_item { width: 40%;margin: 30px 0px 0px 5%; } }
@media all and (max-width: 1000px) {  .gal_item:nth-child(3n+3) { margin: 30px 0px 0px 5%; } }
@media all and (max-width: 600px) {  .gal_item, .home_gal_item { width: 85%;margin: 30px 0px 0px 5% !important; } }

.galerie {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.galerie a {
  float: left;
  width: 22%;
  border: 1px solid rgb(224,224,224);
  border-radius: 2px;
  text-align: center;
  margin: 0px 3.7% 20px 0px;
  transition: all 0.3s;
}
.galerie a:nth-child(4n+4) {
  margin: 0px 0px 20px 0px;
}
a.gal_item_img, .gal_img {
  float: left;
  width: 90%;
  height: 150px;
  margin: 5%;
  border-radius: 2px;
  background-position: center center;
  background-size: cover;
}
.gal_item strong {
  float: left;
  width: 100%;
  font-weight: normal;
  font-size: 160%;
  margin-bottom: 5px;
}
.gal_item strong:hover {
  text-decoration: underline;
}

@media all and (max-width: 1000px) {  .galerie a { margin: 0px 0px 20px 4%;width: 20%; } }
@media all and (max-width: 1000px) {  .galerie a:nth-child(4n+4) { margin: 0px 0px 20px 4%; } }

@media all and (max-width: 700px) {  .galerie a { margin: 0px 0px 20px 5%;width: 40%; } }
@media all and (max-width: 700px) {  .galerie a:nth-child(4n+4) { margin: 0px 0px 20px 5%; } }

@media all and (max-width: 500px) {  .galerie a { margin: 0px 0px 20px 10%;width: 80%; } }
@media all and (max-width: 500px) {  .galerie a:nth-child(4n+4) { margin: 0px 0px 20px 10%; } }

.head_place {
  float: left;
  width: 100%;
}
.head_place img.logo {
  width: 130px;
  height: auto;
  border: 0;
  position: absolute;
  top: 15px;
}
a.top_qc {
  float: right;
  height: 23px;
  padding: 0px 0px 0px 32px;
  background: url(data/ico_tel.png) left center no-repeat;
  background-size: contain;
  font-size: 115%;
  color: #575254;
  margin: 33px 25px 0 0;
}
.kosik_place {
  float: right;
  height: 30px;
  padding: 0px 0px 0px 40px;
  background: url(data/basket.png) left center no-repeat;
  background-size: contain;
  font-size: 140%;
  color: white;
  margin: 30px 0 0 50px;
}
a.kosik_text {
  float: left;
  margin-top: 2px;
  text-decoration: none;
  color: #231f20;
}
a.kosik_text:hover {
  text-decoration: underline;
}
.kosik_dd {
  float: right;
  width: 35px;
  height: 36px;
  background: url(data/basket_dd.png) right center no-repeat;
  text-decoration: none;
}
@media all and (max-width: 1200px) {  .kosik_dd  { display: none; } }
.search_place {
  float: left;
  width: 30%;
  margin-left: 20%;
  background: white;
  border-radius: 5px;
  margin-top: 65px;
}
.search_place .s_text {
  float: left;
  width: 80%;
  font-size: 110%;
  border: 0;
  margin: 2%;
  background: white;
  color: gray;
  font-family: Nunito;
}
.search_place .s_btn {
  float: right;
  width: 10%;
  height: 24px;
  cursor: pointer;
  border: 0;
  margin: 2%;
  background: white;
  color: black;
  background: url(data/search.png) right center no-repeat;
}
@media all and (max-width: 900px) {  .search_place  { display: none; } }
.menu_place {
  float: right;
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #ece7e7;
  margin-top: 50px;
  padding-bottom: 15px;
  white-space: nowrap;
}
.menu_place a, .nav_btn {
  float: left;
  color: #231f20;
  font-size: 140%;
  text-decoration: none;
  padding: 14px 14px 14px 14px;
}
.menu_place a.dd {
  padding-right: 22px;
  background:  url(data/menu_dd.png) right center no-repeat;
}
.menu_place a:hover {
  color: #83c045;
}
.menu_place a.active {
  background-color: #83c045;
  color: white;
  border-radius: 4px;
}
.dd_env {
  display: inline-block;
  position: relative;
  margin-left: 20px;
}

.menu_place .submenu_place a {
  float: left;
  text-align: left;
  font-weight: 300;
  font-size: 130%;
  width: 90%;
  border: 0;
  border-bottom: 1px solid #D4CFCF;
  padding: 6px 0 6px 0;
  margin: 0px 5% 0px 5%;
  border-radius: 0;
  text-transform: none;
}
.menu_place .submenu_place a:hover, .menu_place .submenu_place a.active {
  background: white;
  color: #83c045;
}
.menu_place .submenu_place a:last-child {
  border: 0;
}

.menu_item {
  float: left;
  width: 100%;
}
.submenu_place {
  position: absolute;
  z-index: 100;
  top: 47px;
  right: -30px;
  width: 220px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}
.dd_env:hover .submenu_place {
  visibility: visible;
  opacity: 1;
}
.submenu_top {
  float: left;
  width: 14px;
  height: 7px;
  background: url(data/dd_top.png) center center no-repeat;
  margin-left: 172px;
  top: 1px;
  position: relative;
}
.submenu_box {
  float: left;
  background: white;
  width: 99%;
  border: 1px solid #ece7e7;
  border-radius: 3px;
}

.nav_btn {
  width: 100%;
  display: none;
  text-align: center;
  border-color: #231f20;
  padding: 4px 0px 4px 0px;
  cursor: pointer;
}
.nav_box {
  float: left;
  width: 100%;
  transition: all 0.3s;
}

.main_boxes {
  float: left;
  width: 100%;
  background: url(data/top_bg.jpg) center center no-repeat;
  background-size: cover;
  padding: 20px 0px 40px 0px;
  margin-bottom: 25px;
}
.main_box_item {
  float: left;
  width: 27%;
  height: 350px;
  margin: 0 3.15% 0 3.15%;
}
.main_box_item .panel {
  width: 100%;
  height: 100%;
  background: #83c045;
  transform: perspective(800px) rotateX(24deg) rotateY(10deg);
  border-radius:20px;
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
  box-sizing: border-box;
  padding: 3%;
}
.main_box_item .panel img {
  float: left;
  width: 100%;
  height: 65%;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}
.main_box_item .panel strong {
  float: left;
  width: 100%;
  height: 28%;
  text-align: center;
  color: white;
  font-size: 200%;
  margin-top: 7%;
}
.main_box_item .panel strong span {
  font-size: 70%;
  font-weight: normal;
}
.main_box_item:nth-child(1) .panel:hover {
  transform: perspective(800px) rotateX(15deg) rotateY(10deg);
}
.main_box_item:nth-child(2) .panel {
  top: 10px;
  transform: perspective(800px) rotateX(26deg) rotateY(0deg);
}
.main_box_item:nth-child(2) .panel:hover {
  transform: perspective(800px) rotateX(15deg) rotateY(0deg);
}
.main_box_item:nth-child(3) .panel {
  transform: perspective(800px) rotateX(24deg) rotateY(-10deg);
}
.main_box_item:nth-child(3) .panel:hover {
  transform: perspective(800px) rotateX(15deg) rotateY(-10deg);
}

@media all and (max-width: 850px) {
  .menu_place a  { width: 100%;text-align: center;padding: 4px 0 4px 0;border:0; }
  .menu_place a.active  { border:0; }
  .menu_place a.dd { display: none; }
  .submenu_place { position: static;float: left;width: 100%;visibility: visible;opacity: 1; }
  .submenu_top { display: none; }
  .submenu_box { border: 0; }
  .menu_place .submenu_place a { border: 0;font-size: 150%;font-weight: normal; }
  .nav_btn { display: block; }
  .nav_box { max-height: 0px;position: absolute;background-color: white;z-index: 1000;top: 145px;border-bottom: 1px solid gray; }
}

.basket_place {
  position: absolute;
  z-index: 100;
  top: 65px;
  left: 942px;
  width: 285px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}
@media all and (max-width: 1200px) {  .basket_place  { display: none; } }
.basket_place .submenu_top {
  margin-left: 240px;
}
.kosik_dd:hover .basket_place {
  visibility: visible;
  opacity: 1;
}
.basket_detail_item {
  float: left;
  width: 95%;
  padding: 10px 0 10px 5%;
  border-bottom: 1px solid #ece7e7;
}
.basket_detail_item:last-child {
  border: 0px;
}
.basket_full_item {
  float: left;
  width: 100%;
  padding: 15px 0 0 0;
  margin-top: 15px;
  border-top: 1px solid #ece7e7;
}
.basket_detail_img, .basket_full_img {
  float: left;
  width: 60px;
  height: 60px;
  background: url(shop_img/chlebicek.jpg) center center no-repeat;
  background-size: cover;
}
.basket_full_img {
  width: 75px;
  height: 75px;
}
.basket_detail_info, .basket_full_info {
  float: left;
  font-size: 65%;
  font-weight: 300;
  color: #888888;
  width: 150px;
  margin: 8px 0 0 10px;
}
.basket_full_info {
  font-size: 140%;
  margin: 6px 0 0 12px;
  width: auto;
}
.basket_detail_info b, .basket_full_info b {
  color: black;
}
.basket_detail_info i, .basket_full_info i {
  color: #231f20;
  font-style: normal;
}
.basket_detail_del {
  float: right;
  width: 20px;
  height: 20px;
  background: url(data/basket_del.png) center center no-repeat;
  cursor: pointer;
  margin: 20px 8px 0px 0px;
}
.basket_full_price {
  float: right;
  width: 15%;
  margin: 15px 0px 0px 0px;
  color: #231f20;
  font-size: 250%;
  text-align: right;
}

@media all and (max-width: 800px) {
  .basket_full_img { display: none; }
  .basket_full_price { width: auto; }
}
@media all and (max-width: 600px) {
  .basket_full_info  { width: 100%; }
}

.slider_place {
  float: left;
  width: 100%;
  height: 400px;
  overflow: hidden;
}
#container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
  z-index: 0;
}
.slider_item {
  float: left;
  width: 100%;
  height: 400px;
  background-image: url(data/slider_1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slider_text {
  float: left;
  width: 35%;
  background-color: rgba(220,220,220,0.6);
  padding: 3%;
  border-radius: 0px 0px 10px 10px;
  border-left: 1px solid rgba(215,215,215,0.7);
  border-right: 1px solid rgba(215,215,215,0.7);
  border-bottom: 1px solid rgba(215,215,215,0.7);
}
.slider_item strong {
  float: left;
  width: 100%;
  font-size: 250%;
  margin-bottom: 5px;
  
}
.slider_item p {
  float: left;
  width: 100%;
  font-size: 140%;
  font-weight: 300;
  color: #4C4C4C;
  padding: 0;
  margin: 0;
}
.slider_item a {
  display: inline-block;
  background: #231f20;
  border-radius: 5px;
  color: white;
  padding: 3px 10px 3px 10px;
  margin-top: 15px;
  font-size: 140%;
  text-decoration: none;
}
.slider_item a:hover {
  text-decoration: underline;
}

@media all and (max-width: 1000px) {
  .slider_item  { background-size: 160%; }
  .slider_text { width: 93%; }
  .slider_item strong { font-size: 220%; }
}
@media all and (max-width: 600px) {
  .slider_item  { background-size: 350%; }
  .slider_text { width: 93.5%;text-shadow: 0px 0px 3px white; }
  .slider_item a { text-shadow: none; }
}

#controls1 {
  float: left;
  width: 100%;
}
#controls1 .num_nav {
  float: left;
  margin-left: 48%;
  width: 40%;
  margin-top: 20px;
}
#controls1 ul, #controls1 li {
  list-style: none;
  padding: 0;
  margin: 0;
}
#controls1 ul .numbtn {
  float: left;
  width: 11px;
  height: 11px;
  border-radius: 4px;
  background: black;
  border: 2px solid white;
  font-size: 0px;
  margin: 0px 3px 0px 3px;
  transition: all 0.3s;
}
#controls1 ul .active {
  border: 2px solid #231f20;
  background: white;
}

.main_part {
  float: left;
  width: 100%;
}
.content_parser {
  float: left;
  width: 100%;
  height: 0px;
  border-top: 3px solid #231f20;
  border-bottom: 3px solid #ece7e7;
  margin: 15px 0px 15px 0px;
}
.main_part h1 {
  font-size: 240%;
  padding: 0;
  margin: 20px 0 0 0;
  font-weight: 400;
}
h2.pr_section {
  float: left;
  width: 100%;
  font-size: 220%;
  font-weight: normal;
  padding: 0;
  margin: 20px 0 0 0;
}
.main_part p {
  float: left;
  width: 100%;
  font-size: 140%;
  font-weight: 300;
  margin: 20px 0 0 0;
  padding: 0;
}
.main_part a.more {
  float: right;
  text-align: right;
  color: #231f20;
  width: 50%;
  font-size: 140%;
  text-transform: uppercase;
  text-decoration: none;
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
}
.main_part a.more:hover {
  text-decoration: underline;
}
.main_left {
  float: left;
  width: 100%;
}
.main_right {
  float: right;
  width: 100%;
}
@media all and (max-width: 900px) {  .main_left, .main_right  { width: 100%; } }
img.main {
  float: left;
  width: 100%;
  margin-top: 20px;
}
@media all and (max-width: 900px) {  img.main  { width: 60%;margin-left:20%; } }
@media all and (max-width: 600px) {  img.main  { width: 80%;margin-left:10%; } }
@media all and (max-width: 500px) {  img.main  { width: 100%;margin-left:0%; } }

.icons_place {
  float: left;
  width: 100%;
  margin-top: 8px;
}
@media all and (max-width: 900px) {  .icons_place  { width: 60%;margin-left:20%; } }
@media all and (max-width: 600px) {  .icons_place  { width: 80%;margin-left:10%; } }
@media all and (max-width: 500px) {  .icons_place  { width: 100%;margin-left:0%; } }
.icon_item {
  float: left;
  width: 31%;
  height: 175px;
  margin: 1.5% 1.5% 0 0;
  border-radius: 5px;
  border: 1px solid #ece7e7;
  overflow: hidden;
  cursor: pointer;  
}
.icon_item img {
  float: left;
  width: 100%;
}
.icon_item_info {
  float: left;
  width: 90%;
  height: 200px;
  background: #231f20;
  z-index: 10;
  text-align: center;
  transition: all 0.3s;
  padding: 5%;
  color: white;
  font-size: 130%;
  font-weight: 300;
}
.icon_item:hover .icon_item_info {
  margin-top: -180px;
}
@media all and (max-width: 1200px) {
  .icon_item { height: auto; }
  .icon_item_info  { display: none; }
}

.pr_place {
  float: left;
  width: 100%;
}
.pr_item {
  float: left;
  width: 23%;
  margin: 15px 2.65% 10px 0px;
  background-color: #FAF5F5;
  border-radius: 5px;
  overflow: hidden;
  transition: all 0.3s;
}
.pr_item:nth-child(4n+4) {
  margin-right: 0%;
}
@media all and (max-width: 900px) {
  .pr_item  { width: 49%;margin: 15px 2% 10px 0px; }
  .pr_item:nth-child(2n+2) { margin-right: 0%; }
}
@media all and (max-width: 500px) {
  .pr_item  { width: 96%;margin: 15px 0% 10px 2%; }
}
a.pr_img {
  float: left;
  width: 100%;
  height: 200px;
  background: url(shop_img/chlebicek.jpg) center center no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media all and (max-width: 900px) {
  a.pr_img  { height: 200px; }
}
.pr_item:hover {
  box-shadow: 0px 0px 8px 0px rgb(192,192,192);
}
.flag_1, .flag_2, .flag_3 {
  float: right;
  background: red;
  color: white;
  font-weight: 300;
  font-size: 130%;
  text-transform: uppercase;
  padding: 5px 8px 5px 8px;
  margin-top: 144px;
  text-decoration: none;
}
.flag_2 {
  background: #231f20;
}
.flag_3 {
  background: #231f20;
}
a.pr_name {
  float: left;
  width: 90%;
  height: 45px;
  overflow: hidden;
  margin-top: 1px;
  border-top: 1px solid #ece7e7;
  border-bottom: 1px solid #ece7e7;
  font-size: 140%;
  color: #222222;
  padding: 5px 0px 5px 0px;
  text-decoration: none;
  margin-left: 5%;
}
.pr_item:hover a.pr_name {
  text-decoration: underline;
}
.pr_basket_place {
  float: left;
  width: 90%;
  height: 70px;
  overflow: hidden;
  margin-left: 5%;
}
.pr_basket {
  float: right;
  width: 40px;
  height: 40px;
  margin-top: 15px;
  background: white url(data/basket.png) no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 4px;
}
.pr_cena_item_in {
  float: left;
  width: 100%;
  max-height: 98px;
  overflow: hidden;
  transition: all 0.5s;
  background: white;
}
.pr_basket_add {
  float: right;
  width: 44px;
  height: 52px;
  cursor: pointer;
}
.pr_basket_btn {
  float: right;
  width: 25px;
  height: 52px;
  cursor: pointer;
}
.pr_basket input {
  float: right;
  width: 23px;
  height: 52px;
  background: none;
  text-align: center;
  color: #bdb9b9;
  font-size: 130%;
  font-family: Oswald;
  border: 0;
}
.pr_basket select, .pr_full_count select {
  float: left;
  height: 32px;
  background: none;
  text-align: center;
  color: #bdb9b9;
  font-size: 100%;
  font-family: Oswald;
  border: 0;
  background: white;
  margin: 10px 0px 0px 10px;
}
.pr_full_count select {
  margin: 0px 0px 0px 2px;
}
.pr_basket_cena {
  float: left;
  color: #231f20;
  font-size: 190%;
  margin: 15px 0px 0px 0px;
}
.pr_basket_cena span {
  font-size: 70%;
  opacity: 0.75;
}

.pr_full_img {
  float: left;
  width: 100%;
  height: 350px;
  background: url(shop_img/chlebicek.jpg) center center no-repeat;
  background-size: cover;
  overflow: hidden;
}
.pr_full_img_env {
  float: left;
  width: 48.5%;
  padding-bottom: 1px;
  border-bottom: 1px solid #ece7e7;
  margin-bottom: 20px;
}
.pr_full_img .flag_1, .pr_full_img .flag_2, .pr_full_img .flag_3 {
  float: left;
  font-size: 140%;
  margin-top: 0px;
}
.pr_full_popis {
  float: right;
  width: 48.5%;
}

@media all and (max-width: 900px) {
  .pr_full_img  { width: 100%;height: 400px; }
  .pr_full_img_env  { width: 100%; }
  .pr_full_popis  { width: 100%; }
}
@media all and (max-width: 600px) {
  .pr_full_img  { width: 100%;height: 300px; }
}
@media all and (max-width: 500px) {
  .pr_full_img  { width: 100%;height: 250px; }
}

.pr_popis_btn {
  display: inline-block;
  width: 16px;
  height: 21px;
  background: url(data/pr_more_btn.png) center center no-repeat;
  cursor: pointer;
}
.pr_full_popis strong, .pr_full_popis b {
  float: left;
  width: 100%;
  font-size: 160%;
  color: black;
  font-weight: 400;
}
.pr_full_popis p {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0px 0px 15px 0px;
}
.pr_cena_full { 
  float: left;
  width: 100%;
  height: 98px;
  border-top: 1px solid #ece7e7;
  border-bottom: 1px solid #ece7e7;
  margin: 10px 0px 25px 0px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}
.pr_cena_full_in {
  float: left;
  width: 100%;
  max-height: 98px;
  overflow: hidden;
  transition: all 0.5s;
}
.pr_full_buy, .pr_full_buy_close {
  float: right;
  border-radius: 0px 4px 4px 0px;
  color: white;
  padding: 8px 45px 0px 12px;
  height: 38px;
  font-size: 160%;
  text-transform: uppercase;
  background: #231f20 url(data/basket.png) right center no-repeat;
  background-size: 25%;
  border: 1px solid #231f20;
  cursor: pointer;
  margin: 25px 0px 25px 0px;
}
.pr_full_buy_close {
  background: #231f20;
  padding: 8px 12px 0px 12px;
  border-radius: 4px;
}
.pr_full_buy:hover. .pr_full_buy_close:hover {
  text-decoration: underline;
}
.pr_full_count {
  float: right;
  padding: 8px 10px 0px 10px;
  height: 38px;
  border-left: 1px solid #ece7e7;
  border-top: 1px solid #ece7e7;
  border-bottom: 1px solid #ece7e7;
  border-radius: 4px 0px 0px 4px;
  margin: 25px 0px 25px 0px;
}
.count_in_basket {
  margin: 12px 0px 0px 0px;
}
.del_in_basket {
  margin: 12px 15px 0px 0px;
  width: 20px;
  cursor: pointer;
  background: url(data/basket_del.png) center center no-repeat;
  border-radius: 0px 4px 4px 0px;
  border: 1px solid #ece7e7;
}
.del_in_basket:hover {
  border-color: black;
}
.pr_full_count input {
  float: right;
  width: 23px;
  height: 30px;
  background: none;
  text-align: center;
  color: #bdb9b9;
  font-size: 160%;
  font-family: Nunito;
  border: 0;
}
.count_in_basket input {
  color: black;
}
.basket_full_place {
  float: left;
  width: 100%;
  overflow: hidden;
  transition: all 0.9s;
}
.obj_podminky {
  float: left;
  font-size: 110%;
}
.obj_send {
  float: left;
  width: 100%;
  border-top: 1px solid #231f20;
  margin: 15px 0px 15px 0px;
}
.obj_send_btn {
  float: left;
  width: 50%;
  margin-left: 25%;
  color: white;
  text-align: center;
  background: #231f20;
  text-transform: uppercase;
  padding: 6px 0px 6px 0px;
  border-radius: 0px 0px 4px 4px;
  font-size: 140%;
  cursor: pointer;
}
.pr_full_btn {
  float: right;
  width: 25px;
  height: 20px;
  line-height: 15px;
  cursor: pointer;
  text-align: center;
  font-size: 340%;
  font-weight: 300;
  color: #bdb9b9;
  margin-top: 5px;
}
.pr_full_btn:hover {
  color: black;
}
.pr_full_cena, .pr_full_cena_ok {
  float: left;
  color: #231f20;
  font-size: 290%;
  padding-top: 25px;
}
.pr_full_cena_ok {
  color: rgb(50,205,50);
  font-size: 160%;
  padding-top: 35px;
  float: left !important;
  width: 70%;
}
@media all and (max-width: 600px) {
  .pr_full_cena_ok  { font-size: 160%; }
}
.pr_basket_place .pr_full_buy_close {
  font-size: 140%;
  padding: 5px 10px 0px 10px;
  height: 35px;
  margin: 15px 0px 0px 0px;
}
.pr_basket_place .pr_full_cena_ok {
  font-size: 110%;
  padding-top: 17px;
  float: left;
}

.order_form {
  float: left;
  width: 100%;
  border-top: 1px solid #ece7e7;
  margin: 0px 0px 10px 0px;
  padding-top: 15px;
  font-size: 120%;
}
.order_form_part {
  float: left;
  width: 49%;
  margin-right: 2%;
}
.order_form_part_full {
  float: left;
  width: 100%;
  margin-right: 2%;
}
@media all and (max-width: 600px) {
  .order_form_part  { width: 100%;margin:0; }
}
.order_form_part:last-child {
  margin-right: 0;
}
.order_form_part strong {
  float: left;
  width: 100%;
  color: black;
  font-weight: 400;
}
.order_form_part p {
  float: left;
  width: 100%;
  font-size: 100%;
  margin: 0;
  padding: 0;
}
.order_form_part input, .order_form_part select, .order_form_part_full select {
  float: left;
  width: 95.5%;
  color: black;
  background: white;
  border: 1px solid gray;
  border-radius: 4px;
  font-weight: 400;
  padding: 2%;
  font-size: 110%;
  box-shadow: inset 2px 2px 6px 0px rgba(32,32,32,0.15);
}
.order_form_part_full select {
  width: 99.75%;
  padding: 0.75%;
}
.order_form_part select {
  border-radius: 4px 0px 0px 4px;
  width: 99.5%;
}
.order_error {
  float: left;
  width: 100%;
  color: red;
  font-size: 120%;
  margin-bottom: 15px;
}
.obj_send {
  float: left;
  width: 100%;
  border-radius: 4px;
  background: #231f20;
  color: white;
  padding: 6px 0px 6px 0px;
  text-align: center;
  cursor: pointer;
}

table.rekapitulace {
  float: left;
  width: 100%;
  font-weight: 300;
  font-size: 130%;
  margin-top: 15px;
}
table.rekapitulace th {
  font-weight: 300;
  background: #f6f6f6;
  padding: 2px 5px 2px 5px;
  color: black;
}
table.rekapitulace td {
  font-weight: 300;
  padding: 2px 5px 2px 5px;
}
table.rekapitulace tbody tr {
  cursor: pointer;
}
table.rekapitulace tbody tr:hover {
  color: red;
}

.kontakt_part {
  float: left;
  width: 100%;
  margin: 15px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
  font-size: 120%;
}
.kontakt_part:nth-child(2n+2) {
  float: right;
}
.kontakt_item {
  float: left;
  width: 40%;
  background: url(data/point.png) left top no-repeat;
  padding-left: 35px;
  font-weight: 300;
}
@media all and (max-width: 800px) {  .kontakt_part  { width: 100%; } }

.kontakt_item b {
  color: black;
  font-size: 120%;
}
.kontakt_map {
  float: right;
  width: 50%;
  height: 280px;
  border-radius: 5px;
  overflow: hidden;
}

.copyright_info {
  float: left;
  width: 70%;
  margin-top: 10px;
  padding-bottom: 22px;
  border-right: 1px dotted black;
  padding-right: 3.25%;
}
.copyright_blok {
  float: right;
  width: 23.25%;
  margin-top: 10px;
  padding-bottom: 22px;
}
.copyright_blok h2 {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 200%;
}
.copyright_line {
  float: left;
  width: 100%;
  margin-top: 20px;
  padding: 15px 0px 15px 0px;
  text-align: center;
  font-weight: 300;
  font-size: 130%;
  border-top: 1px dotted black;
}
.copyright_blok p {
  float: left;
  width: 100%;
  margin: 25px 0 0 0;
  padding: 0 0 0 0;
  font-size: 120%;
}
.copyright_blok img {
  float: left;
  width: 100%;
  max-width: 215px;
  border-radius: 4px;
  height: auto;
  margin-top: 15px;
}
.pr_karta_fb {
  float: left;
  width: 100%;
  height: 27px;
}

@media all and (max-width: 600px) {
  .copyright_blok  { width: 96%;margin:0 0 0 2%;border-right:0; }
  .copyright_info { width: 96%;padding:0 0 0 2%;border:0; }
  .copyright_info img { width: 100%; }
  .pr_full_cena { font-size: 220%;margin-top: 5px; }
  .pr_full_cena span { display:none; }
}

.obj_btn_lines {
  float: left;
  width: 100%;
  margin: 35px 0 35px 0;
}
.obj_btn_lines input {
  float: left;
  width: 11.5%;
  margin: 0 0.5% 0 0.5%;
  padding: 8px 0px 8px 0px;
  font-weight: bold;
  font-size: 100%;
}

a.pay_btn {
  float: left;
  width: 50%;
  margin: 15px 0px 0px 25%;
  background: #29a333;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 150%;
  text-align: center;
  padding: 6px 0px 6px 0px;
  border-radius: 5px;
  transition: all 0.3s;
}
a.pay_btn:hover {
  background: #1A800F;
}
img.pay_logos {
  float: left;
  width: 50%;
  margin: 15px 0px 0px 25%;
}

/* nutné pro editor */

.pozadi_editor {
  text-align: left;
  width: 100%;
	float: left;
	background: rgb(215,215,215);
	color: black;
	padding: 5px 5px 5px 5px;
}
.pozadi_editor table {
  color: black;
}
.pozadi_editor table .txt {
  width: 100%;
}
.nadpis {
  font-size: 16px;
  color: #c4122d;
  margin: 10px 0px 10px 0px;
  display: block;
}
.admin_line {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  background: white;
  z-index: 100;
  font-size: 110%;
}