/* *** *** style.css *** *** */


*{}
html{
  background: #EEEEEE url(images/background.jpg) no-repeat; 
  background-size: 100% auto;
  background-position:center center;
  background-attachment:fixed;
}
body {
	color: #666666;	
 font-family: "Arial Narrow", sans-serif;       
  letter-spacing: 1.1px;
}
html, body {padding: 0; margin: 0}
h1, h2, h3, h4 {font-family:"Oswald", sans-serif ;font-weight:normal;}
.desktop_hide{display: none;}
.e_msg{display: block; color: white; background: red; font-weight: bold; padding: 10px; text-align: center; display: block; margin: 5px;}
.s_msg{display: block; color: white; background: green; font-weight: bold; padding: 10px; text-align: center; display: block; margin: 5px;}
.e_msg a,
.s_msg a{color: white;}
a{color: #863D3D;}
.red_line{height: 20px; background: #ED1B24;}
.head_red_line{position: absolute; top: 0; left: 0; width: 100%;}
.mobile_hide{display: block;}
.page{width: 1000px; margin: 0 auto;padding:0 10px 0 10px;opacity:0.95}
.page .head{height: 110px;}
.page .head a.logo{width: 89px; height: 100px; display: block; background: url(images/logo.jpg) no-repeat; background-position: 0px center; background-size: auto 100%; float: left;border-radius:15px;}
.page .head .kosik {width:165px;height:40px;margin:0 auto;margin-top:10px;padding:10px;background-color:#863D3D !important;color: #C5B485 !important;
text-align:right;font-weight:bold;background: url(/images/pridat.png) 15px center no-repeat;background-size:32px 32px}
.page .head .kosik a {color: #C5B485 !important;}
.page .head .open_close{float: right;margin-top:-70px;}
.page .head .open_close img{height: auto;}
.page .content_box{padding: 0; background: white;}
.page .content_box .navigation_m{margin-bottom: 2px; display: none;}
.page .content_box .navigation_m a{display: block; padding: 5px 10px; background: #2CA05A; color: white; text-decoration: none; font-size: 1em; float: left; margin: 0 2px 2px 0; font-weight: bold;}
.page .content_box .navigation_m a:hover,
.page .content_box .navigation_m a.select{background: #ED1B24;}
.page .content_box .sidebar{float: left; width: 230px; display: block;font-family:"Oswald", sans-serif ;}
.page .content_box .sidebar .navigation{background: #863D3D; padding: 15px 0; width: 254px; margin-left: -24px;}
.page .content_box .sidebar .navigation a{display: block; color: #C5B485; text-decoration: none; font-size: 16px; text-transform: uppercase;}
.page .content_box .sidebar .navigation a.item span{display: block; height: 40px; line-height: 40px; padding-left: 35px;}
.page .content_box .sidebar .navigation a.item:hover,
.page .content_box .sidebar .navigation a.item.select{background: #C5B485; color: #863D3D;}
.page .content_box .sidebar .navigation .text{color: white; font-size: 1em; padding: 10px; margin-bottom: 1px;}
.page .content_box .sidebar .rozek{height: 14px; background: url(images/rect3347.png); background-repeat: no-repeat; background-position: left top; margin-left: -24px; margin-bottom: 10px;}
.page .content_box .sidebar .title{background: #512525; color: #C5B485; height: 40px; line-height: 40px; padding-left: 35px; font-size: 16px; text-transform: uppercase; letter-spacing: 2px;}
.page .content_box .sidebar .basket_2{height: 45px; background: url(/images/pridano.png) 5px center no-repeat;background-size:32px 32px;}
.page .content_box .sidebar .basket_2 .basketview{padding-left: 55px; line-height: 22.5px; color: white; font-weight: normal;}
.page .content_box .sidebar .basket_2 .basketview a{color: white;}
.novinky_mailem{margin-top: 5px; text-align: center;}
.novinky_mailem input[type=text],
.novinky_mailem input[type=password]{padding: 5px 0; border: 1px solid white; width: 80%; text-align: center; font-size: 14px; margin-bottom: 5px;}
.novinky_mailem input[type=submit]{border: 0; background: #C5B485; color: white; padding: 5px; margin: 0; width: 70%; cursor:pointer; letter-spacing: 1px; font-weight: bold; margin-bottom: 5px; cursor: pointer; text-transform: uppercase; color: #863D3D;}
.page .content_box .content{float: right; width: 750px;}
.page .content_box li {list-style-position: inside;margin-left:-40px;}
.page .content_box .content .content_inner{padding: 20px;}
.page .content_box .content .header{width: 100%; height: 280px; background-image: url(images/21768538.jpg); background-repeat: no-repeat;}
.page .content_box .content h1{color: #863D3D; font-family: inherit; font-weight: normal; text-rendering: optimizelegibility; margin: 12px 0; font-size: 38.5px; line-height: 48px;text-align:center;}
.page .content_box .content h2{text-align:center;}
.page .content_box .content .text_content{padding-right: 10px;}
.page .content_box .content .text_content *{letter-spacing: 1px;}
.page .content_box .content .text_content p{margin-bottom: 10px;}
.page .content_box .content .text_content img{max-width: 100%;}
.page .content_box .content .text_content .shop{padding: 10px 0;}
.page .content_box .content .text_content .shop .navigation{margin-bottom: 10px;}
.page .content_box .content .text_content .shop .navigation a{display: inline-block; padding: 5px 10px; background: #512525; color: white; text-decoration: none; font-size: 1em; margin: 0 2px 2px 0;}
.page .content_box .content .text_content .shop .navigation a:hover,
.page .content_box .content .text_content .shop .navigation a.select{background: rgb(197,180,133); color: #512525;}
a.basket {text-decoration:none;} 
.page .content_box .content .text_content .shop .basket_1{height:40px;background: rgb(242,242,242) url(/images/pridano.png) 5px center no-repeat;padding:10px;}
.page .content_box .content .text_content .shop .basket_1 .basketview{padding-left: 75px; line-height: 22.5px; color: #512525; font-weight: bold;text-align:right;font-size:20px;}
.page .content_box .content .text_content .shop .products tr td.prodcol{background: url(images/bg_00_1.png) repeat-x;padding:10px;}
.page .content_box .content .text_content .shop .products td{padding: 5px 0; vertical-align: top;max-width:33% !important;}
.page .content_box .content .text_content .shop .products .image{width: 250px !important;height:250px !important;}
.page .content_box .content .text_content .shop .products .image img{transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;width:220px !important;height:auto;border-radius: 90%; box-shadow: 0 0 3px gray;margin-right:20px;}
.page .content_box .content .text_content .shop tr.product:hover img {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;transform: scale(1.3);z-index:10;}
.page .content_box .content .text_content .shop .products .desc{padding-left: 10px; padding-right: 10px;}
.page .content_box .content .text_content .shop .products .desc h2 {font-weight: bold; color: #512525; font-size: 1.4em; margin-bottom: 5px;text-align:left;}
.page .content_box .content .text_content .shop .products .price{text-align: right; width: 100px;font-weight: bold; color: #512525; font-size: 1.4em;}
.page .content_box .content .text_content .shop .products .price input[type=text]{width: 2em; border: 1px solid #2CA05A; text-align: center;}
.page .content_box .content .text_content .shop .products .price input[type=submit],
.page .content_box .content .text_content .shop .products .price input[type=button]{background: white url(/images/pridat.png)no-repeat; background-size:32px 32px;background-position:top center;
color: #512525; cursor: pointer; border: 0; height: 80px; font-weight: bold; padding: 10px;text-align:center;
transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;
}
.page .content_box .content .text_content .shop .products .price input[type=submit]:hover,
.page .content_box .content .text_content .shop .products .price input[type=button]:hover{
transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;transform: scale(1.3);z-index:10;
}
.page .content_box .content .text_content .shop .gotobasket{display: block; width: 200px; color: white; text-decoration: none; font-weight: bold; padding: 10px; background: #512525; text-align: center; font-size: 1.1em; margin: 0 auto; border: 0;cursor: pointer;}
.page .content_box .content .text_content .shop .objednavka input[type=text],
.page .content_box .content .text_content .shop .objednavka select{width: auto; min-width:220px; border: 1px solid #512525; padding: 5px;}
.page .content_box .content .text_content .shop .objednavka textarea{width:auto; min-width: 220px; height: 100px; border: 1px solid #512525; padding: 5px;}
.page .content_box .content .text_content .shop .objednavka input.mini{width: 50px;}
.page .content_box .content .text_content .shop .objednavka .gotobasket{margin: 0; width: 212px;}
.page .content_box .content .text_content .shop .objednavka input[type=submit]{background: #512525;}
.basketview a{text-decoration: none;}
.shop_window h3{font-size: 15px; margin: 10px 0;}
.shop_window .labels label{display: block; float: left; width: 50%; height: 40px; line-height: 20px; margin-bottom: 5px;}
.shop_window .labels input[type=checkbox] {width:16px;height:16px;}
.shop_window .labels label .input{display: block; width: 30px; height: 40px; float: left;}
.register table{margin: 0 auto;}
.register td{padding: 10px;}
.register input[type=text],
.register input[type=email],
.register input[type=password]{padding: 5px; border: 1px solid rgb(81,37,37); color: rgb(81,37,37); width: 400px;}
.register input[type=submit]{padding: 5px 10px; border: 0; background: rgb(81,37,37); color: white; font-weight: bold; cursor: pointer; text-transform: uppercase;}
.register select{padding: 5px; border: 1px solid rgb(81,37,37); color: rgb(81,37,37);}
.content_jidelni_listek h3{border-bottom: 1px solid #666666; text-transform: uppercase;}
.content_jidelni_listek table.menu{width: 100%;}
.content_jidelni_listek table.menu td{padding: 10px 0;}
.content_jidelni_listek table.menu td strong{font-size: 110%;}
.content_jidelni_listek table.menu td.prize{width: 100px; text-align: right;}
hr{padding: 0; margin: 0; background: #512525; border: 0; height: 3px; margin: 10px 0;}
.footer{font-size: 11px; text-align: center; padding: 30px; color: white;}
.footer a{color: white;}
.clear,
.clear_both,
.clearboth,
.clr{clear: both;}
.float_left{float: left;}
.float_right{float: right;}
.align_left{text-align: left;}
.align_center{text-align: center;}
.align_right{text-align: right;}
.textshadow{text-shadow: 0 0 3px black;}
.borderradius{border-radius: 5px;}
.prefooter {text-align:center;background-color:#fff;padding:10px;}
.prefooter-center {width:980px;margin:auto;}
.prefooter .bar {width:33%;float:left;}
.prefooter img {margin:10px;height:43px;opacity:0.9;}
.prefooter img:hover {opacity:1;border-radius:90%;  
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg); 
-o-transform:rotate(360deg);
}
@media (max-width: 980px) {
.prefooter-center {width:auto;}
}
@media (max-width: 600px) {
.prefooter .bar {width:99%;}
}
img.upsale {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;transform: scale(1.0);z-index:10;}
img.upsale:hover {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;transform: scale(2);z-index:10;}
input.upsale {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;transform: scale(1.0);z-index:10;}
input.upsale:hover {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;transform: scale(1.3);z-index:10;}
.partneri {text-align:center;background-color:#863D3D;padding:10px;color:#fff;}
.partneri input[type=text], input[type=email], input[type=submit] {width:auto !important;padding:5px;}
.partneri h2 {color:#fff;}
.partneri a {margin:20px;color:#fff;}
.partneri img {margin:0 5px 0 5px;}
.eet {text-align:center;background-color:#512525;padding:10px;color:#C5B485;font-size:0.9em;}
.copyright {text-align:center;background-color:#512525;padding:5px 10px;color:#fff;}
.copyright img {height:32px;margin:10px;}
.copyright a {color:#fff;}
.autor {text-align:center;background-color:#000;padding:5px 10px;color:#C5B485;font-size:0.9em;}
.autor a {color:#C5B485;}
.green {background-color: #ddffdd;border-left: 6px solid #4CAF50;padding:20px;margin:10px 0 20px 0;text-align:center;}
.red {background-color: #ffdddd;border-left: 6px solid #f44336;padding:20px;margin:10px 0 20px 0;text-align:center;}
.orange {background-color: #ffffcc;border-left: 6px solid #ffeb3b;padding:20px;margin:10px 0 20px 0;text-align:center;}
.blue {background-color: #e7f3fe;border-left: 6px solid #2196F3;padding:20px;margin:10px 0 20px 0;text-align:center;}
#cookie {
transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all;
text-align:center;padding:5px;width:100%;height:auto;font-size:12px;color:#fff;background-color:#000;opacity:0.9;position:fixed;bottom:0;
}
#cookie a {color:#fff;text-decoration:none;cursor:pointer;display:inline-block;}
#cookie a.c_vse {padding:5px 10px;background-color:green;border-radius:10px;margin:10px;}
#cookie a.c_vybrane {padding:5px 10px;background-color:orange;border-radius:10px;margin:10px;}
#cookie a.c_ne {padding:5px 10px;background-color:red;border-radius:10px;margin:10px;}

/* *** *** style_r.css *** *** */


@media (max-width: 1028px){
  *{}
  .mobile_hide{display: none;}
  .desktop_hide{display: block;}
  .page{width: 100%; margin: 0 auto;}    
  .page .head .open_close{display: none;}
  .page .head a.mobile_menu{position: absolute; top: 10px; right: 5px; display: block; width: 50px; height: 50px; background: url(images/menu_ico.svg) center center; background-size: 100%; margin-top: 25px; margin-right: 25px;}
  .page .content_box .sidebar{display: none; float: none; position: absolute; top: 120px; width: 100%;}  
  .page .content_box .sidebar .navigation{margin-left: 0; width: 100%;}
  .page .content_box .sidebar .rozek{display: none;}
  .page .content_box .content{float: none; width: auto;}
  .page .content_box .content img{max-width: 100%;}
  .page .content_box .content .header{background-size: cover; background-position: center center; height: 190px; display:none;}
  .shop_window{width: 100%;}
  .shop_window .labels label{display: block; float: none; line-height: auto; height: auto;}
  .shop_window .labels label .input{display: inline-block; float: none;}  
  .register input[type=text],
  .register input[type=email],
  .register input[type=password]{width: 90%;}
  .ui-dialog {
    z-index:1000000000;
    top: 0; left: 0;
    margin: auto;
    position: fixed;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .ui-dialog .ui-dialog-content {
      flex: 1;
  }
  .ui-dialog .ui-dialog-buttonpane {
  	display: block;
    height: 200px;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  	float: none;
  }
  .ui-dialog .ui-dialog-buttonpane button {
  	margin: .5em .4em .5em 0;
  	cursor: pointer;
    clear: both;
  }
}