/* layout */
html{font-size: 100%; height:100%;}
body{font-size: 1em; height:100%; font-family: sans-serif; 
     background: #fff url("images/bg01.png") repeat-x left top;
}
h1 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #990000;
  font-size: 2em; 
  line-height: 1.2;
  border-bottom: 1px solid #ccc;
  clear: both;
}

h2, .h2 {
  clear: both;
  font-size: 1.5em; 
}
.cervena {
	color: #990000;
}
.zluta {
	color: #CC9D14;
}
.zelena {
	color: #788D12;
}
.dokosiku {
	background-color: #990000;
	color: #fff;
}
input.dokosiku:hover {
	background-color: #bb0000;
}
.kosik {
	display: block;
	float: right;
	text-decoration: none;
}

body, div, p, form, img {
  margin: 0;
  padding: 0;
  border: 0;
}

a {color: #6699cc;}

a:hover {color: #990000;}

hr {
  border: 0;
  color: none;
  height: 0;
  border-top: 1px solid #ccc;
  clear: both;
}

#bg01 {
  background: url("images/bg08.png") repeat-y center top;
  height: 100%;
}

#bg02 {height: 100%;}

#page {
  background-color: #fff;
  width: 90%;
  max-width: 1500px;  
  margin: 0 auto;
  height: 100%;
}
#header {
  padding: 0 2.5%;    
  height: 25%;     
  min-height: 280px;   
  border-bottom: 1px solid #ccc;
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none;
}

input[type=number] {max-width:50px;}

.box_mob, #search_container, #menu_mob, .hamburger{display:none;}

iframe {
  max-width:90%;
} 
/*--------------------------------------přihlašování modal--------------------------------------*/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.popupContainer{
	position:absolute;
	width:330px;
	height: auto;
	left:45%;
	top:80px;
	background: #FFF;
  text-align: left;
}

/* Popup*/
.popupHeader {font-size:16px; text-transform: uppercase;}
.popupHeader {background:#ccc; position:relative; padding:10px 20px; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#ccc; cursor: pointer; color:#000; font-size:16px;}

.popupBody {padding:20px;}

/* User Login Form */
.user_login label {display: block; margin:5px;}
.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;}
.user_login .submit {Width:100%; text-align: center;}
.user_login input[type="submit"] {color: #fff; background: #990000; margin-top: 5%; cursor:pointer;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 30%;
    height: 30px; 
    }
.user_login .forgot_password {display:block; margin: 20px 0 10px; clear: both; overflow: hidden; text-decoration: none;}

/*--------------------------------------kontakt, kosik, search--------------------------------------*/
.headerbox{
    width: 35%;
    height: 20%;
    float:left;
    position:relative;
    margin-top:2%;
    text-align: center;
}

.headerbox .kontakt{
    width: 45%;
    min-width: 200px; 
    height: 100%;  
    float: right;
    margin: 0 0 0 5%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.headerbox .kontakt ul{
    padding: 0%;
    margin: 5%;
}

.headerbox .kontakt ul li{
    list-style-type: none;
    padding: 0%;
    margin: 0%;
}

.headerbox .kontakt a{
    text-decoration: none;
    color: #000;
}

.headerbox .kontakt .tel{
    height:70%;
    width:15%;
    min-width: 30px;
    float:left;
    cursor:pointer;
}

.headerbox .box{
    width: 45%;
    min-width: 120px;
    height: 100%;
    max-height: 40px;      
    float: right;
    background: #990000;
    margin: 0 0 0 5%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    color: #fff;
}
/*vyhledávací pole*/
.headerbox .box input[type=search] {         
  background: transparent;
  border: none;
  color: #fff;         
  width:70%;    
  vertical-align:middle;
  position:relative;
  float:right;
  height:2em;
  padding:0;
}
/*submit button*/
.headerbox .box .search-btn{	
    background: transparent;    
    cursor:pointer;
    border:none;
    position:relative;
    float:right;
    width:25%; 
    height:2em;
    padding:0;
    color: #fff;
}    

.headerbox .box .kosik{ 
    color: #fff;
    position:relative;
    float:right;
    width:30%;
    height:100%;
    min-width:35px;
}

.kosik_text{
  position:relative;
  float:right;
  width:70%;
  height:2em;
  line-height:2em;
  overflow:none;
}

.headerbox .box .kosik a{ color: #fff; }

.headerbox .box .sleva{
    background: yellow;
    font-size : 70%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;;
    border: 1px solid #990000;
    position:absolute;
    top:30%;
    padding:1%;
    right:7%;
}


/*--------------------------------------top-menu--------------------------------------*/
#top-menu {
  height: 9%;
  padding-top: 1%; 
  color: #444;
  border-bottom: 1px solid #ccc;
  text-align: right;
}
#top-menu a {
  color: #444;
  padding: 0.5%;
  text-transform: uppercase;
  text-decoration: none;
}
#top-menu a:hover {
  color: #990000;
  text-decoration: underline;
}

/*--------------------------------------logo a gauc --------------------------------------*/
#logo {
  float:left;
  position:relative;
  height: 65%;  
  width: 30%;
}

.logo {
  display: inline-block;
  height:100%;
  width:100%;
  background: url("images/logo.png") no-repeat;
  -o-background-size:100% auto;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  background-size:100% auto;
  cursor:pointer;
}

#header-gauc {
  float:left;
  position:relative;
  width: 35%; 
  height: 65%;
  position: relative;
  background: url("images/bg04.png") no-repeat left top;  
  -o-background-size:100% auto;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  background-size:100% auto;

}
   
/*--------------------------------------horizontalni menu--------------------------------------*/

#menu {
  clear: both;  
  -js-display: flex;  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 17%;
  -webkit-box-orient:horizontal;
  -moz-box-orient:horizontal;
  box-orient: horizontal;
  margin-top: 10%;   
}

#menu a {
    background: #efefef;
    color: #444;
    text-decoration: none;
    display:block;  
     margin: 0.5%;
     -webkit-box-flex:1;
     -moz-box-flex: 1;
    flex: 1;
    text-align:center;
    -webkit-transition:all .4s linear;  
    -moz-transition:all .4s linear;
    -ms-transition:all .4s linear;
    transition:all .4s linear;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
}

#menu a:hover, #menu a.selected {
  color: #fff;
  background-color: #990000;
}

#menu a.hide{
  display:none;
}

/*--------------------------------------content--------------------------------------*/

#content {
  clear: both;
  padding: 1% 2.5% 0 2.5%;
}

#left-bar {
  width: 20%;
  max-width:310px;
  float: left;  
  padding-right: 2%;
}

#right-bar {
  width: 15%;
  float: right;
}
#main-bar {
  width: 60%; 
  float: left;
}

#content.noright #main-bar {
  width: 75%;
}
#content.noright #main-bar .bar-content {
  padding: 1.5% 0;
}        

.box {
  width: 100%; /*163px; */
}
.box h2, .box .h2 {
  margin: 0;
  padding: 0 10px 0 33px;
  line-height: 27px;
  height: 27px;
  color: #fff;
  font-size: 110%;
  font-weight: normal;
  text-transform: uppercase;
  background: url("images/headline-black.png") no-repeat left top;
}
.box h2 a, .box .h2 a {
  color: #fff;
  text-decoration:none;
}
.box h2 a:hover, .box .h2 a:hover {
  text-decoration:underline;
}
.box h2.red, .box .h2.red {
  background-image: url("images/headline-red.png");
}
.box h2.yellow, .box .h2.yellow {
  background-image: url("images/headline-yellow.png");
}
.box h2.green, .box .h2.green {
  background-image: url("images/headline-green.png");
}
.box h2.blue, .box .h2.blue {
  background-image: url("images/headline-blue.png");
}
.box .content {
  padding: 10px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccc;
}

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

.box .footer {
  height: 21px;
  background: url("images/bg05.jpg") no-repeat left top;
}
#footer {
  clear: both;
  color: #999;
  border-top: 1px solid #ccc;
  border-down: 1px solid #ccc;
  background: #fff url("images/bg07.png") repeat-x left bottom;
  text-align:center;
}
.container{
  display:flex;
  width:100%;
  padding:1%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.infobar, .tipsbar, .socbar{
  flex: 1;  
}

.infobar ul{
  padding:0;
  list-style-type: none;
  text-decoration: none;
}

.tipsbar ul{
  padding:0;
  list-style-type: none;
  text-decoration: none;
}

.socbar ul{
  padding:0;
  list-style-type: none;
  text-decoration: none;
}

#footer a {
  text-decoration: none;
  color: #000;
}
#footer p a{
  color: #999;
}

#footer a:hover {
  text-decoration: underline;
}
.cleaner {
  clear: both;
}
/*----------------------------------------------------------------------*/

.text_ok		{   font-weight: bold; color:#4F9C06; }
.text_error		{   font-weight: bold; color: #c00; }
.text_vystraha	{   color: #AF2222; }
/*----------------------------------------------------------------------*/


/*----------------------------------formuláře---------------------------*/

fieldset{background: #f8f8f8; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;  margin: 2% 1%;; width:95%;}
fieldset.dva{ width:45%; float:left; }
fieldset legend{font-weight: bold; font-size:1.5em; color:#990000;}
fieldset input[type=text], fieldset input[type=password], fieldset input[type=email], fieldset input[type=tel]{ width: 70%;height:2em; margin:1%; max-width:300px;} 
fieldset label {width: 100px; display: inline-block; font-weight:bold;}
label.long{width:90%;}
fieldset select{width:70%; height:2em; margin:1.8%;}   
fieldset textarea{width:90%; height:5%; margin:1%;}
fieldset input[type=checkbox]{height:1em; margin:1%;}

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

table{width:100%; background: #f8f8f8; border-collapse: collapse; text-align:center;}
table th{background:#666666; color:#fff;  padding: 10px;} 
table td{min-width:20px;  padding: 10px;}
table tr{border: 1px solid #666666;}
td.left, th.left{text-align:left;}

table.price{text-align:right;}
table.price td{padding: 1% 2%;}

table.souhrn{text-align:left;}
table.souhrn td{padding: 1% 2%;}

.table_light    {   margin-top: 10px;
                    margin-bottom: 10px;
                    border-collapse: collapse;
                    }
.table_light td    {    padding: 3px 5px;
                        vertical-align:top;
                    }
.table_light .headline     {
                    color: #fff;
		    background: #666666;
                    font-size: 100%;
                    font-style: normal;
                    font-weight: bold;
                    text-align: left;
                    }
.table_light .headline td {
                    padding: 5px;
                    }
.table_light .line1    { background-color: #f8f8f8; }
.table_light .line2    { background-color: #ffffff; }
/*----------------------------------------------------------------------*/
.table_dialog   {   margin-top: 10px;
                    margin-bottom: 10px;
                    border-collapse: collapse;
		    background: #f8f8f8;
                }
.table_dialog thead td {
                    color: #fff;
		    background: #666666;
                    font-style: normal;
                    font-weight: bold;
                    padding: 5px;
                    }
.table_dialog tbody td {
                    padding: 5px;
                    vertical-align: top;
                    }
/*----------------------------------------------------------------------*/
.table_mini   {     width: 100%;
                    margin: 0 0 10px 0;
                    padding: 0;
                    border-collapse: collapse;
                    background-color: #F0F0F0;
                    border: 1px solid #000;
                    }
.table_mini thead td {
                    color: #000;
                    font-size: 90%;
                    font-weight: bold;
                    padding: 2px 4px;
		    background: url("images/headline02.gif") repeat-x top left;

                    }
.table_mini tbody td {
                    padding: 4px;
                    }
/*----------------------------------------------------------------------*/
.reg{ width:100%; position:relative; float:left;margin-bottom: 1%;}
.reg span{position: relative; top: 2px; width: 25%; float:left; margin-right: 5%; margin-top:2%;}  /*možnosti objednavky*/
.reg span a{color: #000; text-decoration:none;}
.button{background: #990000; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding:1% 2%; margin: 0 1%;}
.steps{position:relative; float:left; width:100%; height:50px; text-align:center;}
.stepX, .step{position:relative; float:left; width:23%; padding:15px 5% 15px; cursor:pointer; background: #f8f8f8;}
.A{background: #990000; color:#fff;}
/*------------------------------------------------- eshop menu -------------------------------------------------*/

.module_eshop_menu {
    overflow: hidden;
}
.module_eshop_menu ul {
    list-style-type: none;
    padding:0; /*výchozí je 40 px*/
}

.module_eshop_menu ul li {
    display: block; 
}

.module_eshop_menu ul li.no_show, .module_eshop_menu ul li.ns {
		display: none;
}
.module_eshop_menu a {
    background: #990000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: block;  
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255,.1);
    height: 200%;  
    line-height: 200%;
    padding: 0% 10%;
    text-decoration: none;
		overflow: hidden;
}

.module_eshop_menu a:hover {
    font-weight: bold;
}
.module_eshop_menu a.selected {
    font-weight: bold;
}
.module_eshop_menu a.submenu {
	background:#990000 url('images/right.png') no-repeat right 15px center;
  color: #fff;
}

.module_eshop_menu a.selected.submenu {
		background:#990000 url('images/down.png') no-repeat right 15px center;
}
.xmodule_eshop_menu li.submenu li a {
		background:  url('images/menu04.gif') no-repeat 25px center;
}
.xmodule_eshop_menu li.submenu li a.selected {
		background:  #fff url('images/menu04.gif') no-repeat 25px center;
}
.module_eshop_menu ul li ul li a {
	  background: #efefef;
    color: #333;
    padding: 0% 20%;
    text-transform: capitalize;
}                                
/* ----------------------------NÁHLED ZBOŽÍ---------------------------- */

.zbozi {
    float: left;
    width: 28%;
    margin:0;
    border: 1px solid #ccc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0.5%;
    padding: 1.5%;
    position:relative;     
}

.zbozi:before{            /*šířka stejná jako výška divu*/
    content: "";
    display:block;
    padding-top:100%;
}

.zbozi .content {        /*obsah divu .zbozi*/
    position: absolute;
    top:      0;
    left:     0;
    bottom:   0;
    right:    0;
    padding: 5%;
}

.zbozi .nadpis {
    display: block;
    height:15%;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.zbozi .cont {
  position: relative;
	float: left;
	height: 60%;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.zbozi .image {
  position: absolute;
	overflow: hidden;
	text-align: center;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 1;
  height:100%;
}

.zbozi .image img{
  height:80%;
}

.zbozi .cena{
  position:absolute;
  bottom:5%;
  height: 20%; 
  display:block;
  color: #000;
  font-size: 90%;
  text-align: left;
  z-index: 100;
}

.zbozi .cena .text{
  position: relative;
  float:left; 
  height: 100%;
}

.zbozi .cena .aktcena{
  position: relative;
  float: left;
  color: red;
  font-weight: bold;
  font-size: 105%;
  
}

.zbozi .cena .puvcena{
  position: relative;
  float: left;
  text-decoration:line-through;
  width:60%;
}

.zbozi .calltoaction{
  position: relative;
  float: right;
  height: 100%;
  width: 120px; 
  /*15%;*/
  z-index: 10;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  letter-spacing: -1px;
}

.zbozi .calltoaction img{
	position: relative;
	display: block;
	width: 60px;
	float: right;
}
.images .calltoaction {
	width: 180px;
}
.images .calltoaction img{
	position: relative;
	display: block;
	width: 80px;
	float: right;
}


.zbozi .sleva{
  position: relative;
  background: red;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  /*height:25%;*/
  width: 100%;
  margin-bottom: 4%;
  color: #fff;
  line-height: 60px;
}

.zbozi .novinka{
  position: relative;
  background: green;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  /*height:25%;*/
  width: 100%;
  margin-bottom: 4%;
  line-height: 60px;
}

.zbozi .akce{
  position: relative;
  background: blue;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  /*height:25%;*/
  width: 100%;
  margin-bottom: 4%;
  line-height: 60px;
}

.zbozi .bottom {
	height: 20%;
	clear: both; 
}

.perex{
  width:100%;
  height: 55%;
  position:relative;
  overflow: hidden;
  font-size: 80%;
}

.zbozi .bottom .detail{
  width:100%;
  height: 48%;
  background: #990000;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
   border-radius: 20px;
   cursor: pointer;
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
   position:relative;
   top:20%;
}

.zbozi .bottom .detail a{
  color: #fff;
  text-decoration:none;
}

/* ------------------------------------------------------------ */
.toolbar {
	clear: both;
	background: #f2f0e5;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}
.center {
	text-align: center;
}
.cena {
	font-size: 120%;
	color: #990000;
}
.cena-dop {
	text-decoration:line-through;
}
.sleva {
	font-size: 110%;
	color: #990000;
	font-weight: bold;
}
.cleaner {
	clear: both;
}
/* --------------------------- */
.krok {
	background: url('css/custom-theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png') repeat-x left center;
	font-weight: bold;
	color: #444;
	padding: 5px;
	border: 1px solid #c9c9c9;
}
.kroky {
	padding: 2px;
	border: 1px solid #c9c9c9;
}
.krokobsah {
	padding: 5px;
}
.potah {
	float: left;
	margin: 0 10px 0 0;
}
/* --------------------------- */
.ktginfo {
	padding: 10px 10px 10px 35px;
	color: #444;
	font-size: 100%;
	background: #F2F0E5 url('images/ico_info2.png') no-repeat 5px center;
	margin-bottom: 5px;
}

#search .button {
	background: #ddd;
	color: #000;
	font-size: 90%;
	padding: 2px 4px;
}

.pages a {
	border: 1px solid #bbb;
	padding: 2px 5px;
	background: #fff;
}

.pages a:hover, .pages strong a { 
	background: #d2d0c5;
}

#banner {
	color: #fff;
	background-color: #990000;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
}

#banner h1 {
	color: #fff;
	border: 0;
}

#banner a {
	color: #fff;
	text-decoration: underline;
}
#banner a:hover {
	color: #ccc;
}

#jcarousel-control a {
	color: #fff;
	background-color: #990000;
	text-decoration: none;
	padding: 0 2px;
	margin-right: 5px;
}
#jcarousel-control a:hover {
	text-decoration: underline;
}
#jcarousel-control a.selected {
	font-weight: bold;
}
#jcarousel-control {
	margin-bottom: 5px;
}

#mixer {
	background-color: #990000;
	padding: 20px;
	border: 2px solid #000;
	margin-bottom: 20px;
	text-align: center;
}
#mixer a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}
#mixer a:hover {
	text-decoration: underline;
}
#mycarousel {height: 150px;}

#history {margin-bottom: 15px;}

/*detail produktu*/
.images{width:100%; position:relative;}

.images_right {position:absolute; max-width:12%; right:10px;}

.images_right img { max-width:100%; padding-bottom: 10px;}

.detail_img {
  width:100%;
  max-width:100%;
  text-align:center;
  padding-bottom:10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.detail_img img{max-width: 100%;}

.images_bottom {width:100%; padding-bottom:10px; margin-bottom: 10px;}

.images_bottom img {max-width:25%; padding-right: 10px;}

/*-----------------------------tablet------------------------------------------*/
@media screen and (max-width: 1300px) {

.zbozi{ width: 45%;}
#right-bar{ display:none;}

#header{min-height: 220px; height:20%;}

#left-bar{width: 30%;}

#main-bar {width: 67%; }

#content.noright #main-bar {width: 67%;}

fieldset.dva{ width:95%}

}
.desktop_hidden {
	display: none;
}

@media screen and (max-width: 1000px) {

.desktop_hidden {
	display: block;
}
	
html { font-size: 90%;}

#header{height:15%; min-height: 180px;}

/*#left-bar{width: 30%;}

#main-bar {width: 60%; }

#content.noright #main-bar {width: 67%;}   */

.headerbox{width: 50%;}

.headerbox .kontakt{
    width: auto;
    font-size: 80%;
}

#top-menu {font-size:80%;   }

#top-menu a {padding: 2%;}

#logo {width: 50%; height: 60%;}

.logo{
  -webkit-background-size: auto 100%;
     -moz-background-size: auto 100%;
       -o-background-size: auto 100%;
          background-size: auto 100%;
}

#header-gauc, #banner {display:none;}  

.zbozi {width: 90%;}

.headerbox .box{
  background:transparent;
          justify-content: flex-start;
  -webkit-justify-content: flex-start;
          align-items: flex-start;
  -webkit-align-items: flex-start;
  width: auto;
}

.headerbox .box button[type=submit]{display:none;} 

.headerbox .box input[type=search]{         
  background: #990000 url(images/search_a.png) no-repeat 9px center;
  padding: 9px 10px 9px 32px;    
  -webkit-border-radius: 10em; 
     -moz-border-radius: 10em;
          border-radius: 10em;
   line-height:1em;
  -webkit-transition: all .5s; 
     -moz-transition: all .5s;
          transition: all .5s;        
  width: 15px; 
  cursor:pointer;  
}

.headerbox .box input[type=search]:focus{width:130px; position:absolute;}

.headerbox .box {
    height: auto;
    min-width: 15px;
    background:#990000;  
    font-size:80%;
}

.headerbox .box .kosik{height:30px;}

#menu a{height:30px; line-height:30px;}

 td, tr, table, tbody {display: block}
 th{display:none;}

}
/*-----------------------------mobil------------------------------------------*/
@media screen and (max-width: 600px) {

#top-menu, #menu{display: none;}

html { font-size: 80%;}

#header{
  margin-top:5px;
  height:8%;
  min-height:60px;
  border:none;
}

#logo {height: 100%; width: 60%;}

.box_mob{
  display:block;
  width:20%;             
  height:100%;
  position:relative;
  float: left; 
  cursor:pointer;  
  text-align:center;
}    

.box_mob a{color:#000; text-align:center; display:block;}   /*košík obrázek jako odkaz*/

.box_mob .pocet{         /*pocet polozek v kosiku*/
    position: absolute;
    background: #990000;
    width: 30%;
    -webkit-border-radius: 10em;   
       -moz-border-radius: 10em; 
            border-radius: 10em;
    right:0;
    bottom:0;   
    padding:5%;
    margin: 10% 0;
    text-align: center;
    color: #fff;
}

#main-bar { width: 100%;}

#content.noright #main-bar {width: 100%;}

#search_container{      
  width:100%;
  position:relative;
  max-width:100%;
  float:left;
  padding: 5% 0; 
}   

#search_container input[type=search]{            /*vyhledavaci pole*/
  background: #990000 url(images/mob/search_small.png) no-repeat right center;
  border: solid 1px #ccc;
  padding: 9px 0;  
  padding-left:5%;  
  width:95%;
  max-width:100%;  
  -webkit-border-radius: 10em;   
     -moz-border-radius: 10em; 
          border-radius: 10em;      
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
          transition: all .5s; 
}

.headerbox{   
    height:auto;
    width:100%;
    float:left;
    text-align: center;
    background: #990000;
    color: #fff;
    margin-top:0;
}


.headerbox .kontakt{
    height: 100%;  
    min-height: 50px;
    position:relative;
    float:left;
    margin:0;
}

.headerbox .kontakt a{color:#fff;}

.headerbox .kontakt .tel{
    width:30px;
    height:30px;
    font-size:1.5em;
}

.hamburger{
    display:block;
    position:relative;
    float:right;
    width:30px;
    cursor:pointer;
    padding: 15px;
}

.headerbox .box{display:none;}

#left-bar{width:100%;   max-width:100%;}     

#menu_mob{width:100%; height:50px; display:block; clear: both; padding:15px 0; background: #990000; color:#fff;}
#menu_mob .box_mob a{color: #fff;}
}

@media screen and (max-width: 300px){.headerbox .kontakt{display:none;}}

/*------------------------------pravy vysouvaci kontakt bar------------------*/
#contact-buttons-bar {
  position: fixed;   
  top: 120px;
  left: -50px;      
  width: 50px;    

}

#contact-buttons-bar.slide-on-scroll {
  position: absolute;  
}

.contact-button-link  {
  display: block;
  width: 50px;
  height: 50px;
  padding: 4px 0;
  margin-bottom: 1px;
  text-align: center;
  line-height: 50px;
  font-size: 22px;
  background: #990000;
  color: #fff;
  position: relative;
  left: 0;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  
  -webkit-transition: all 250ms;
     -moz-transition: all 250ms;
          transition: all 250ms;
}
.contact-button-link:hover,
.contact-button-link:focus,
.contact-button-link:active {
  color: #fff;
  padding-left: 20px;
  width: 70px;
  box-shadow: 0px 0px 15px rgba(255,255,255,0.8);
}
.contact-button-link.phone:hover,
.contact-button-link.phone:focus,
.contact-button-link.phone:active {
  color: #fff;
  padding-left: 20px;
  width: 210px;
}
.contact-button-link.cb-hidden {
  left: -50px;
}
.contact-button-link.facebook {
  background: #3b5998;
}
.contact-button-link.linkedin {
  background: #0077b5;
}
.contact-button-link.gplus {
  background: #db4437;
}

.contact-button-link.separated {
  margin-top: 1em;
}

.show-hide-contact-bar,
.contact-button-link.show-hide-contact-bar:focus,
.contact-button-link.show-hide-contact-bar:active {
  background: transparent;
  color: #000;
  border: 0;
  outline: 0;
  padding: 0;
  width: 50px;
}
.contact-button-link.show-hide-contact-bar:hover {
  color: #000;
  cursor:pointer;
  padding: 0;
  width: 50px;
}
.contact-button-link .icon-title {
	display: none;
}
.contact-button-link.phone:hover .icon-title,
.contact-button-link.phone:focus .icon-title,
.contact-button-link.phone:active .icon-title {
	float: left;
	font-size: 18px;
	display: block;
}