@font-face {
    font-family: 'Basier Circle Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Basier Circle Regular'), url('BasierCircle-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Basier Square Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Basier Square Regular'), url('BasierSquare-Regular.woff') format('woff');
    }
    
body { 
    margin:0; 
    padding:0;
    font-family: 'Basier Circle Regular';
    background:#f5f7f8;
}

form, form fieldset {margin:0;padding:0;border:none;}
a {color:#1073b9;text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}
h1.h1detailgal { display:none;}
h1.h1detail { display:block;}

h2.blue { color:#1073b9}
.boxbily { background:#fff;  box-shadow: 0 5px 10px 0 rgba(176,190,197,.3); padding:2%; border-radius:5px; width: 44%;
  display: inline-block;
  margin-right: 1%;
  margin-bottom: 2%;
  vertical-align:top;
  min-height:205px;
  }

.clear {clear:both;}
.hidden {display:none !important;}

input[type="radio"],
input[type="checkbox"] {
    height: 16px !important;
    width: 16px !important;
    vertical-align: top;
  margin: 0 1px 0 0;
}

.bluetext {
  color:#0095d9; font-weight:bold;
}
.zlutabg {
  background:#ffd600;
}
.rezervace-zdarma { width:100%; background:#55C643;  border-radius:5px; margin-top:20px;}
.rezervace-zdarma a { background:url('../img/ico-rezervace.png') no-repeat 20px; center; width:100%; height:100%; display:Block; padding:20px; color:#fff; font-size:20px; font-weight:bold; padding-left:80px;}
.rezervace-info { background:#ffdaab; padding:20px; border-radius:5px; margin-bottom:1em; margin-top:2em; font-size:15px; line-height:1.5;}
#head {
	position:relative;
	margin:0 auto;
	width:1005px;
	height:165px;
  background: #fff;
}
#page, #page2 {
	position:relative;
	margin:0 auto;
	padding:7px 0 0 0;
	width:983px;
	/*border:solid #cdd4da;
	border-width:0 11px 11px 11px;*/
}
.odsad {
  margin-top:-40xp !important;
  padding-top:40px !important;
}
#foot {
	position:relative;
	margin:0 auto 10px auto;
	padding-top:10px;
	width:1005px;
	height:80px;

}
#foot div.right {
	position:absolute;
	top:-208px;
	right:-64px;
	width:64px;
	height:277px;

}
.box1 {
	/*float:right;*/
	padding:0;
	width:100%;
}
.box2 {
	float:left;
	padding:0 0 0 8px;
	width:190px;
}


div.hr {
	margin:0 0 10px 0;
	width:100%;
	height:11px;
	background:#cdd4da;
}
div.hr hr {display:none;}







/*logo*/
#logo {
	position:absolute;
	left:20px;
	top:15px;
    margin:0; 
    padding:0;
    width:22%; 
    height:84px;
    overflow:hidden;
    z-index:100;
    font-size:1.4em;
}
#logo a {
	display:block;
	padding:0;
    width:118px; 
    height:84px;
	text-decoration:none;
	color:#088f5b;
    font-size: 0px;
}
#logo a:hover {color:#000;}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:118px; 
    height:84px;
    cursor:pointer;
    background:url(../img/logo.png) no-repeat left top;
    background-size: 100% auto;
}
#head div.text {
	position:absolute;
	left:167px;
	top:16px;
	margin:0;
	padding:0;
	color:#60696f;
	font-size:12px;
	text-align: center;
}
#head div.text span {
  color:#1073B9;
  font-weight: bold;
  font-size:16px;
}
/*
#head div.text span.od1 {
  font-weight:normal;
  color: black;
  font-size:1.0em;
  float: left;
  position: absolute;
  top:5px;
  left:5px;
  width: 175px;
  text-align: left;
}
#head div.text span.od2 {
  font-weight:normal;
  color: black;
  font-size:1.0em;
  float: right;
  position: absolute;
  top:5px;
  left:170px;
  width: 260px;
  text-align: left;
}
*/

#head div.text span.vyhody {
  color: black;
  font-weight: normal;
  font-size:12px;
  
  display: block;
  float: left;
  height: 14px;
  width: 205px;
  text-align: left;
  
  padding-left:10px;
}
#head div.text .odd3 {
    left: 15px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 5px;
    color: #1073B9;
    font-weight: bold;
    font-size: 18px;
}
#head div.text .odd4 {
    left: 180px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 5px;
    color: black;
    font-weight: bold;
    font-size: 18px;
    width: 230px;
}
#head div.text .odd4 span {
    font-weight: bold;
}
#head div.text .od1 ,
#head div.text .od2 {
    left: 15px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 35px;
    color: black;
    font-size: 12px;
    display: block;
    width: 195px;
}
#head div.text .od2 {
    left: 220px;
}
#head div.text .od1 img ,
#head div.text .od2 img {
    float: left;
    margin-right: 5px;
}
#head div.text .od1 p ,
#head div.text .od2 p {
    margin:0px;
    padding:0px;
}
#head div.text .od1 p strong ,
#head div.text .od2 p strong {
    color: #1073B9;
}
#head div.text .od1 p strong.cislo ,
#head div.text .od2 p strong.cislo {
    color: black;
    font-weight: normal;
}

#head div.text .odd4 span {
    color: #1073B9;
}

#navi {
	position:absolute;
	left:455px;
	top:44px;
	margin:0;
	padding:0;
	width:px;
	height:px;
	list-style:none;
    
}
#navi li {float:left;}
#navi li.item1 {margin-right:1px;}
#navi li a {
	position:relative;
	display:block;
	float:left;
	width:37px;
	height:22px;
	text-align:center;
}
#navi li a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:37px;
	height:22px;
	background-position:left top;
	background-repeat:no-repeat;
}
#head div.basket {
	position:absolute;
	left:602px;
	top:16px;
	width:384px;
	height:91px;
    overflow:hiddenl
}
#head div.basket form {float:left;width:175px;}
#head div.basket form div.text {
	position:relative;
	margin-bottom:5px;
	width:156px;
	height:22px;
  left:0px;
  top:0px;
}
#head div.basket form fieldset {padding:8px;}
#head div.basket form div.text input {position:absolute;padding:0;margin:0;color:#000; font-size:1.0em; border:none;border:0;}
#head div.basket form div.text input.text {
	left:5px;
	top:3px;
	width:140px;
}
#head div.basket form div.text input.short {width:100px;}
#head div.basket form div.text input.submit {
	left:128px;
	top:2px;
	width:27px;
	height:19px;
	line-height:19px;
	color:#fff;
	background:#0095d9;
  border-radius:5px;
}
#head div.basket form a {font-size:0.7em;text-decoration:underline;}
#head div.basket form a:hover {text-decoration:none;}
#head div.basket p {
	float:right;
	padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px;
	width:150px;
	height:40px;
	font-size:1.1em;
    overflow:hidden;
    background:#0095d9 url(../img/cart.png) no-repeat 115px 14px;
    border-radius:5px;
    background-size: 29px auto;
    color:#fff;
}
#head div.basket p:hover {
   background:#007ab1 url(../img/cart.png) no-repeat 115px 14px;
}
#head div.basket p a {
  width:100%;
  height:100%;
  display:block;
  color:#fff;
  text-decoration:none;
}
#head div.basket p span.polozek { position:absolute; right:-8px; top:5px; background:#000; color:#fff; border-radius:50%; width:16px; height:16px; text-align:center; padding:4px;}
#head div.basket p span {display:block; padding-top:10px; font-size:1.2em; font-weight:bold;}




#foot ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#foot ul li {
	float:left;
	padding:0 11px;
}
#foot ul li.last {background:none;}
#foot ul li a {font-size:0.75em;}
#foot ul li a:hover,#foot ul li a.active {color:#e97a00;text-decoration:underline;}
#foot p {
	float:right;
	margin:3px 0 0 0;
	padding:0 30px 0 0;
	font-size:0.75em;
	color:#778189;
}
#foot p a {color:#778189;}


#menu {
  height: 39px;
	position:relative;
	margin: 0 0 0 8px;
	background:url(../images/menu-bg.png) no-repeat left top;
}
#menu ul {
  height: 32px;
	margin:0 0 6px 0;
	padding:10px 17px 0 0;
	list-style:none;
  float: right;
}
#menu ul li {
  float: left;
	/*width:152px;*/
	padding:0 14px 1px;
  text-align: center;
  /*background:url(../images/menu-separator.png) no-repeat left bottom;*/	
}
#menu ul li.last {background:none;}
#menu ul li a {
	line-height:24px;
	color:#aedafa;
	font-size:0.75em;
}
#menu ul li a span.kat {
  background:url('../images/tt.png') no-repeat left center;
  width:25px;
  height:25px;
  margin-right:3px;
  display:inline-block;
  vertical-align:middle;
}
#menu ul li a.selected {
  color:#0095d9;
  }
#menu div.image {
	position:relative;
	width:190px;
	height:232px;
}
#menu div.image span {
	position:absolute;
	top:0;
	left:-238px;
	width:427px;
	height:232px;
	background-position:left top;
	background-repeat:no-repeat;
}
/*
#menu div.image.item1 span {background-image:url(../images/box2-image1.png);}
#menu div.image.item2 span {background-image:url(../images/box2-image2.png);}
#menu div.image.item3 span {background-image:url(../images/box2-image3.png);}
*/
#search {
	padding:9px 0 0 17px;
	width:172px;
	height:28px;
  float: left;
    /*background:#1073b9 url(../images/search-bg.png) no-repeat left top;*/	
}
#menu #search {display: none}
#search div.text {
	position:relative;
	width:156px;
	height:22px;	
}
#search div.text input {
	position:absolute;
	border:none;border:0;
	margin:0;
	padding:0;
}
#search div.text input.text {
	left:5px;
	top:4px;
	width:100px;
	font-size:0.75em;
}
#search div.text input.submit {
	right:1px;
	top:2px;
	width:41px;
	height:19px;
	line-height:19px;
	color:#fff;
	font-size:0.7em;
    /*background:#dd5303 url(../images/button-bg1.png) repeat-x left top;*/	
	text-align:center;
}
.box2 ul.submenu {
	margin:0 0 40px 0;
	padding:0;
	list-style:none;
}
.box2 ul.submenu li a {
	display:block;
	padding:0 15px;
	width:160px;
	height:21px;
	line-height:21px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	font-size:0.75em;
}
.box2 ul.submenu li a.blue {
  background-color: #0F72B8;
  color:#fff;
}
.box2 ul.submenu li a:hover,
.box2 ul.submenu li a.active {
	color:#fff;
	background:#0F72B7;
}
.box2 ul.submenu ul {
	margin:7px 0;
	padding:0;
	list-style:none;
}

.box2 ul.submenu ul  ul {
  margin:0 !important;
}
.box2 ul.submenu ul li ul li{
	padding:0 20px;
}


.box2 ul.submenu ul li a {
	padding:0 0 0 33px;
	color:#1073ba;
	font-weight:normal;
}
.box2 ul.submenu ul li a:hover,.box2 ul.submenu ul li a.active {
	background:none;
	color:#d94300;
	text-decoration:underline;
}

#email {
	padding:9px 16px 0 16px;
	width:157px;
	height:190px;
  /*background:#1073b9 url(../images/email-bg.png) no-repeat left top;*/
  overflow:hidden;
}

#email a {
  color:#fff;
  text-decoration:underline;
}
#email h2 {
	position:relative;
	margin:0 0 5px 0;
	padding:0;
	width:162px;
	height:54px;
	font-size:1.1em;
	color:#aedafa;
}
#email h2 strong {color:#fff;}
#email h2 span {
	position:absolute;
	left:0;
	top:0;
	width:162px;
	height:54px;
    /*background:url(../images/email-title-bg.png) no-repeat left top;*/
}
#email p {
	margin:0 0 20px 0;
	padding:0;
	font-size:0.7em;
	color:#aedafa;
}
#email form {
	padding:0;
	width:172px;
	height:42px;
}
#email form div.text {
	position:relative;
	width:156px;
	height:22px;
    /*background:url(../images/form-text-bg2.png) no-repeat left top;*/	
}
#email form div.text input {
	position:absolute;
	border:none;border:0;
	margin:0;
	padding:0;
}
#email form div.text input.text {
	left:5px;
	top:4px;
	width:100px;
	font-size:0.75em;
}
#email form div.text input.submit {
	right:1px;
	top:2px;
	width:41px;
	height:19px;
	line-height:19px;
	color:#fff;
	font-size:0.7em;
    /*background:#dd5303 url(../images/button-bg1.png) repeat-x left top;*/	
	text-align:center;
}

#navigation {
	margin:0;
	padding:0;
	height:230px;
	list-style:none;
}
#navigation li {
	float:left;
	padding:0 4px 4px 0;
}
#navigation li a {
	position:relative;
	float:left;
	display:block;
	width:191px;
	height:111px;
	color:#000;
}
#navigation li strong {color:#1074bb;}
#navigation li a span {
	position:absolute;
	left:0;
	top:0;
	width:191px;
	height:111px;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
/*
#navigation li.item1 a span {background-image:url(../images/navigation1.png);}
#navigation li.item2 a span {background-image:url(../images/navigation2.png);}
#navigation li.item3 a span {background-image:url(../images/navigation3.png);}
#navigation li.item4 a span {background-image:url(../images/navigation4.png);}
#navigation li.item5 a span {background-image:url(../images/navigation5.png);}
*/
#navigation li.prepare {
	position:relative;
}
#navigation li.prepare span {
	position:absolute;
	left:0;
	top:0;
	width:580px;
	height:111px;
    /*background:url(../images/prepare-bg.jpg) no-repeat left top;*/
}

.box1 div.text {
	  position:relative;
	  width:774px;      
    min-height:850px;       
    overflow:hidden;
}
.box1 div.text.productlist {
}
.box1 div.text.productlist .breadcrumbs {
  margin:10px 0 0 18px;
}
.box1 div.text.productlist h2.title {
  margin:3px 17px 0;
}

.box1 div.text2 {
	  position:relative;
	  width:auto;         
    overflow:hidden;
}

.box1 div.text2 p {
	margin:0 0 20px 0;
	padding:0;
	font-size:1em;
  line-height:1.5;
  text-align:justify;
}

.fb_iframe_widget {
  margin-left: 0 !important;
}


.box1 div.text h2.title {
	margin:20px 17px 5px 17px;
	padding:0;
	font-size:25px;
}
.box1 div.text h1.title a {
  text-decoration:underline;
  color:#000;
}
.box1 div.text h1.title a:hover {
  color:#0b62a1;
}
.box1 div.text h1.title strong {color:#0b62a1;}
.box1 div.text h1.title.bg {
	margin-right:0;
	height:56px;
    background:url(../images/title-bg.png) no-repeat 4px 11px;
}

.box1 div.text h2.title a {
  text-decoration:underline;
  color:#000;
}
.box1 div.text h2.title a:hover {
  color:#0b62a1;
}
.box1 div.text h2.title strong {color:#0b62a1;}
.box1 div.text h2.title.bg {
	margin-right:0;
	height:56px;
    background:url(../images/title-bg.png) no-repeat 4px 11px;
}
.box1 div.text p {

	font-size:0.75em;
  line-height:1.5;
}

.product {
    float:left;
    margin:0 0 18px 18px;
    width:167px;
    height:425px;
    position: relative;
       box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.32);
           background:#fff;
}
.product:hover {
    background-color: #F7F7F7;
}
.product .dostupnost {
  position:absolute;
  bottom:10px;
  right:20px;
}
.dostupnost .cl1 {
    color: #ff0000;
    font-weight: bold;
}
.dostupnost .cl2 ,
.dostupnost .cl3 {
    color: #55C643;
    font-weight: bold;
}

.dostupnost .cl4 {
    color: #e88431;
    font-weight: bold;
}
.product .ceske ,
.gallery .ceske {
    position: absolute;
    right:2px;
    top:  2px;
    z-index: 2;
}
.product a.image {
    display:inline-block;
    margin:0 0 10px 0;
    padding:2px;
    width:163px;
    height:155px;    
    
    position:relative;
    vertical-align: middle;
    line-height:155px;
}
.product a.image img {
    vertical-align: middle;
}

.product p {    
    margin:0 !important;
    padding:0 0 5px 0 !important;
    
    font-size:0.8em !important; 
}
.product p.title {border:none;}
.product p.title a {
    color:#000;
    font-size:1.4em;
    font-weight:bold;   
}
.product p span.price {
    display:block;
    margin:2px 0 0 0;
    font-weighT:bold;
    color:#0b62a0; 
    font-size:1.6em;
}
.product .buttons {
    margin:14px 0 0 2px;
    height:27px;
    font-size:0.7em;
}
.product .buttons a {
    display:block;
    float:left;
    padding:0 26px 0 32px;  
    height:25px;
    line-height:25px;
    background-position:left top;
    background-repeat:no-repeat;
}                                                                              
/*.product .buttons a.item1 {background-image:url(../images/icon-arrow1.png);}
.product .buttons a.item2 {float:right;background-image:url(../images/icon-arrow2.png);}
*/
.product .buttons a.item2 span {
  background:#0b62a0;
  color:#fff;
  padding:5px;
  border-radius:10px;
  font-weight:bold;
  padding-left:10px;
  padding-right:10px;
}

.product .buttons a.item2:hover span {
  text-decoration:underline;
}


.nitem {
    float:left;
    margin:0 18px 20px 0;
    width:360px;
}
.nitem p {
    margin:0 !important;
    padding:0 !important;
    line-height: 1.4;
}
.nitem p span.date {
    color:#1072b9;
    font-size:0.9em;
}
.nitem p a.title {
    line-height:1.3em;
    font-weight:bold;
    font-size:1.3em;
    margin-bottom: 10px;
  display: inline-block;
}
.nitem p.next {
    margin:5px 0 0 0 !important;
    text-align:right;
}                                                         
.nitem p.next a {color:#e97a00;text-decoration:underline;}
.nitem p.next a:hover {text-decoration:none;}

.breadcrumbs {
    margin:0;
    margin-top:-15px;
    margin-left:2px;
    font-size:0.75em;
}
.breadcrumbs a {
  color:#0095d9;
  text-decoration: underline;
  font-weight:bold;
}

.sort {
    margin:0px 0 10px 15px;    
    background:#fff;
    /*border-radius:5px;*/
    /*box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);*/
}                              
.sort.top {margin-bottom:20px;}
.sort.bottom {margin-top:20px; margin-bottom: 30px;}
.sort form {
    float:left;
    padding:8px;      
    height:22px;    
    line-height:22px;
    width:100%;
    display:block; 
}
.sort form fieldset {
    position:relative;
    float:left;
}                                           
.sort form fieldset.item1 {
    width:188px;     
}                           
.sort form fieldset.item2 {
    width:232px; 
    font-size:0.9em;   
  padding-top: 10px;
}                        
.sort form fieldset.item3 {
    font-size:1em;    
  padding-top: 10px;
}
.sort form fieldset.item1 a.up {
    position:relative;
    top:4px;
    left:10px;
}
.sort form fieldset.item1 a.down {
    position:relative;
    top:4px;
    left:10px;
}
.sort form fieldset.item2 label {}
.sort form fieldset.item3 { float:right; } 
.sort form fieldset.item3 a {color:#0095d9;padding-right:10px; text-decoration:underline;}
.sort form fieldset.item3 span {font-weight:bold;padding-right:10px;font-size:1.1em;}

.detail-gallery-whole {
  /*display: flex;*/
  flex-wrap: wrap;
  margin-top:2em;
}

.gallery {
    float:left;
    padding:20px;
    width:365px;
    position: relative;   
    order: 1;
    flex: 0 0 auto;
    margin-right: 5%;
    background:#fff;
    border-radius:5px;
    box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);
}
.gallery div.gall {
    float:left;       
    margin:0 5px 10px 0;
    text-align:center;
    font-size:0.75em;
}
.gallery a.main {
    display:block;
    margin-bottom:20px;
}
.gallery div.gall a.image {  
    display:block;
    padding:2px; 
    width:147px;
    height:155px;
    text-decoration:none;
    /*background:url(../images/product-image-bg.png) no-repeat right top;*/
}                                                         
.gallery div.gall a {color:#000;text-decoration:underline;}
.gallery div.gall a:hover {text-decoration:none;}


.barprov {
  background:#f5f7f8;
  padding:10px;
  width:100%;
}
table.barevneprovedeni tr td {
  text-align:Center;
}
table.barevneprovedeni img {
  border-radius:80px;
  height:80px;
} 

table.dostupnelatky tr td {
  text-align:Center;
}
table.dostupnelatky img {
  border-radius:80px;
  height:80px;
} 
.detail {
    float:right;
    padding-right:20px;
    width:360px;    
    order: 2;
    flex: 0 0 auto;
} 
.detail h1 {
  margin-top:0;
}       
.detail h2 {
    margin:0 0 10px 0;
    padding:0;      
    font-size:1.4em;
} 
.detail p {
    margin:0 !important;
    padding:0 !important;
} 
.detail table.info {
    margin:20px 0 10px 0;
    padding:10px 0;
    width:100%;
    font-weight:bold;
    font-size:0.75em;
}
.detail table.info th {
    padding-left:5px;
    text-align:left;
    width:100px;
    line-height: 19px;
}
.detail table.info td {
    line-height: 19px;
}
.detail table.info td select {
    width:220px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    border:1px solid #DFDFDF;
}
.detail table.info td.orange {color:#e97a00;}
.detail table.info tr.price th,.detail table tr.price td {
    padding-bottom:20px;
    font-size:17px;
}
.detail table.info tr.dost th,.detail table tr.dost td {
    padding-bottom:10px;
    font-size:17px;
}
.detail table.info tr.price td {
    color:#0095d9;
    font-size:28px;
}               
.detail form {
    margin:0; 
    padding:0 7px;  
    font-size:0.75em;  
    font-weight:bold; 
}   

.detail form.formkosik {
  background:#fff;
  padding:15px;
  border-radius:5px;
  box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);
}             

.detail form.formkosik .cenabig {
  color: #0095d9;
  font-size: 28px;
  font-weight:700;
  margin-left: 10px;
  vertical-align:middle;
}  

.detail form.formkosik .pl-min {
  background-color: #f0f3f4;
  border-radius:5px;
  display:inline-block;
  padding:5px;
  margin-right:5px;
  
}

.detail form.formkosik .nobor {
  border:0;
  background:unset;
  font-weight:bold;
  text-align:center;
}


.detail form input.text {
    margin-left:5px;
    width:20px;
    text-align:center; 
    font-weight:bold;
}                  
.detail form input.submit {
    position:relative;
    top:7px;
    margin-left:8px;
    border:none;border:0;
}

.detail table.params {
    margin:40px 0 0 0;
    width:100%;
    font-size:0.75em;
}                      
.detail table.params th { 
    padding:0 5px;
    width:100px;
    text-align:left;
    font-weight:normal;
}
.detail table.params tr.head th {
    width:auto;
    padding:3px 5px;
    border-bottom:1px solid #dddad3;
    font-weight:bold;
}
.detail table.params td {
    font-weight:bold;
}
#nahledy {
  margin:0 20px;
}
#nahledy h3 {
  background-image: url(none);
  padding-left:0px;
  margin: 5px 0 0 0;
}
#nahledy div a img {
  height: 67px;
  width:  67px;
  margin: 0 5px 3px 0;
}

/* anketa */
table#anketa {
	margin:0 17px 10px 17px;
}
table#anketa td.title {
	/*width:149px;*/
	width: 292px;
  font-size: 0.75em;
}
table#anketa td.title a {
	color:#0095d9;
	font-size:1.0em;
	text-decoration:none;
}
table#anketa td.title span.showpercent {
  color:#DB4401;  
}
table#anketa td.title a.selected,
table#anketa td.title a:hover {text-decoration:underline;color:#db4401;}
table#anketa td.title div.lineobr {
  position:relative;
 	margin: 2px 0px 15px 0px;
}
table#anketa td.title div.lineobr img {
  border:3px solid #DBE1E5;
}
table#anketa td.title div.line {
	position:relative;
	margin:7px 0 0 0;
	width:149px;
	height:7px;
	background:#d7dde1;
}
table#anketa td.title div.line img {
	position:absolute;
	left:0;
	top:0;
	height:7px;
}
table#anketa td.percent {
	vertical-align:bottom;
	width:10px;
	font-size:0.7em;
	color:#db4401;
	/*text-align:right;*/
	text-align: left;
}

#id-anketa {
  position: relative;
  /*top:650px;*/
  /*min-height: 520px;*/
	margin:20px auto 0;
	width:958px;
	background-color:#f6f7f8;
	border:solid #f4f6f7;
	border-width:0 11px 0 11px;
  display: inline-block;
}


#reklama {
  
}


#reklama ,
#reklama div {
  display: block;
  position: relative;  
  height: 430px;
  width:168px;
  overflow: hidden;
}

#reklama div {
   position: absolute;
   top:0px;
   left:0px;
   margin-left:0px;
   height: 332px;
   width:168px;
   padding-top:100px;
   overflow: hidden;
}


#reklama2 ,
#reklama2 div {
  display: block;
  position: absolute;
  right:50%;
  margin-right:510px;
  top:92px;
  height: 616px;
  width:168px;
  overflow: hidden;
  z-index:101;
}
@media screen and (max-width: 1050px) {
  #reklama2 {
    display:none;
  }
}

#reklama2 div {
   top:0px;
   right:0px;
   margin-right:0px;
   height: 517px;
   padding-top:100px
}

#reklama-right {
  display: block;
  position: absolute;
  left:50%;
  margin-left:510px;
  top:93px;
  height: 745px;
  width: 168px;
  overflow: hidden;
}
@media screen and (max-width: 1050px) {
  #reklama-right {
    display:none;
  }
}

/*** slideshow ***********************************/
#reklama div {
    z-index:8;
    opacity:0.0;
    cursor: pointer;
}
#reklama div.active {
    z-index:10;
    opacity:1.0;
}
#reklama div.last-active {
    z-index:9;
}

#reklama2 div {
    z-index:8;
    opacity:0.0;
    cursor: pointer;
}
#reklama2 div.active {
    z-index:10;
    opacity:1.0;
}
#reklama2 div.last-active {
    z-index:9;
}

span#controls {
    bottom: 6px;
    left: 26px;
    position: absolute;
    z-index: 20;
}
span#controls a {
  display: inline-block;
  /*background: transparent url(../images/kolecka.png) scroll right top no-repeat;*/
  width:19px;
  height:19px;
  text-decoration: none;
  margin:0;
  margin-left:8px;
  
}
span#controls a.active2 {
  background-position: left top;
}


span#controls2 {
    bottom: 6px;
    left: 26px;
    position: absolute;
    z-index: 103;
}
span#controls2 a {
  display: inline-block;
  /*background: transparent url(../images/kolecka.png) scroll right top no-repeat;*/
  width:19px;
  height:19px;
  text-decoration: none;
  margin:0;
  margin-left:8px;
  
}
span#controls2 a.active2 {
  background-position: left top;
}


.product a.image span.ico_dopo {
    /*background: url("../images/ico_tip.png") no-repeat scroll left top transparent;*/
    display: block;
    height: 56px;  
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 57px;
}

.gallery a span.ico_dopo {
    /*background: url("../images/ico_tip.png") no-repeat scroll left top transparent;*/
    display: block;
    height: 56px;  
    position: absolute;
    left: 35px;
    top: 50px;
    width: 57px;  
}


.product a.image span.ico_nej {
    /*background: url("../images/ico_nej.png") no-repeat scroll left top transparent;*/
    display: block;
    height: 56px;  
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 57px;
}

.gallery a span.ico_nej {
    /*background: url("../images/ico_nej.png") no-repeat scroll left top transparent;*/
    display: block;
    height: 56px;  
    position: absolute;
    left: 35px;
   top: 50px;
    width: 57px;
}

.product a.image span.ico_akce {
  /*  background: url("../images/ico_akce.png") no-repeat scroll left top transparent;*/
    display: block;
    height: 56px;  
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 57px;
}


.gallery a span.ico_akce {
    /*background: url("../images/ico_akce.png") no-repeat scroll left top transparent;*/
    display: block;
    height: 56px;  
    position: absolute;
    left: 35px;
   top: 50px;
    width: 57px;
}

.gallery a span.ico_dprzdr {
    background: rgba(255,0,0,0.8);
    display: block;
    height: 32px;  
    position: absolute;
    left: 25px;
    top: 5px;
    width:120px;
    line-height:32px;
    font-size:12px;
    color:#fff;
    font-weight:bold;
    border-radius:3px
}

.product a.image span.ico_novinka {
    /*background: url("../images/ico_novinka.png") no-repeat scroll left top transparent;*/
    display: block;
    height: 56px;  
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 57px;
}

.product a.image span.ico_dprzdr {
    background: rgba(255,0,0,0.8);
    display: block;
    height: 32px;  
    position: absolute;
    right: 0px;
    top: 0px;
    width:120px;
    line-height:32px;
    font-size:12px;
    color:#fff;
    font-weight:bold;
}


.gallery a span.ico_novinka {
    /*background: url("../images/ico_novinka.png") no-repeat scroll left top transparent;*/
    display: block;
    height: 56px;  
    position: absolute;
    left: 35px;
    top: 50px;
    width: 57px;
}

.product a.image span.ico_sleva {
  /*  background: url("../images/ico_sleva.png") no-repeat scroll left top transparent;*/
    display: block;
    height: 56px;  
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 57px;
        text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:56px;
}

.gallery a span.ico_sleva {
    /*background: url("../images/ico_sleva.png") no-repeat scroll left top transparent;*/
    display: block;
    height: 56px;  
    position: absolute;
    right: 20px;
    top: 50px;
    width: 57px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:56px;
}


.detail table.info td span.ico_sleva {
    /*background: url("../images/ico_sleva.png") no-repeat scroll left top transparent;*/
    display: block;
    height: 56px;  
    width: 57px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:56px;
    font-size:1.4;
}


.linex {
  float:right; right:11px;
}

.as {
    visibility: hidden;
}

#shoproku {
  position: absolute;
  right:50%;
  top:237px;
  margin-right:502px;
}
#shoproku2 ,
#shoproku3 {
  text-align: center;
}

#head div.text .od {
  text-align:left;
  padding-left:10px;
  padding-top:5px;
}
#head div.text .od h2 {
  color:#1073B9;
  margin:0;
  font-size:14px;
  margin-bottom:5px;  
}

#head div.text .od p {
  
  font-size:12px;
  margin:0;
  margin-bottom:5px; 
  color:#000; 
}
.coupon {
  margin-left: 15px;
}
.coupon h3 {
  margin:10px 0 5px 0 !important;
}
.coupon p {
  margin:0 0 5px 0 !important;
  padding:0 0 5px 0 !important;
}

img.ban775 {
  width:775px
}

.dokonceni-text {
  padding:5px;
}
.dokonceni-text a {
  color:#3b8230;
  text-decoration:underline;
}


.box1 div.text input.greenbig {
  background:#1f900e !important;
  color:#fff;
  font-size:18px !important;
  /*height:32px !important;
  line-height:32px !important;
  */
}

.box1 div.text input.greenbig:hover {
  background:#0d4e00 !important;
  color:#fff;
  font-size:16px !important;
  /*height:32px !important;
  line-height:32px !important;
  */
}


#reklama2, #reklama-right {
  display: none;
}

#head {
  width: auto;
}

#head-in {
  width: 1380px;
  margin: 0 auto;
  position: relative;
  height: 165px;
}

#head div.left {
  display: none;
}

#head div.text {
  top: 30px;
}

.od-col {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  margin-right: 10px;
  margin-top: 5px;
}

#head div.text .od p {
  font-size: 14px;
}

#head div.text .od p a {
  text-decoration: underline;
}

#head div.basket {
  left: auto;
  right: 45px;
  width: 78%;
}

#head div.basket p {
  font-size: 1em;
  line-height: 1.1;
  width: 120px;
}

#head div.basket p .show-basket {
  float: right;
  text-decoration: underline;
  font-size: 1.15em;
  font-weight: bold;
  margin: 7px 40px 0 0
}

#head div.basket p strong {
  font-size: 1em
}

#head div.basket p a {
  font-size: 0.9em;
}

#head div.basket form {
  width: 470px;
  margin-top: 20px;
}

#head div.basket form div.text {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-image: none;
  background-color: #FFFFFF;
  height: 30px;
}

#head div.basket form div.text input.text {
  height: 30px;
  top: 0;
  background-color: transparent;
  font-size: 12px;
  left: 8px;
  width: 137px;
  color:#666;
}

#head div.basket form div.text input.submit {
  top: 6px;
  right: 4px;
  left: auto;
  font-size: 1.1em;
}

#head div.basket form .reg-pass {
  
  vertical-align: middle;
  margin-bottom: 5px;
  font-size: 1.2em;
  line-height:1.5;
}

#head div.basket form .reg-pass a {
  display: block;
}

#page {
  width: 1380px;
  padding: 10px;
  box-sizing: border-box;
  border-width: 15px;
  position: relative;
  margin-bottom: 30px;
  margin-top:30px;
}

#page2 {
  width: 1380px;
  padding: 10px;
  box-sizing: border-box;
  border-width: 15px;
  position: relative;
  margin-bottom: 0;
  margin-top:30px;
}

#menu {
  position:absolute;
  left:0;
  top:107px;
}

#menu:after {
  content: "";
  display: block;
  clear: both;
}

#menu ul {
  padding-top: 8px;
}

#menu ul li {
  padding: 0 30px 0 0;
}


#menu ul li:last-child:after {
  display: none;
}

#menu ul li a {
  font-size: 1em;
  color:#000;
  font-weight:600;
}

#menu ul li ul.submenu {
  display:none !important;
}

#menu ul li:hover ul.submenu {
  display: block !important;
  width:100%;
  position:absolute;
  z-index:1000;
  box-shadow: 0 5px 10px 0 rgba(176,190,197,0.3);

}

#menu ul li ul.submenu li {
  list-style-type: none;
  display: inline-block;
  width: 24%;
  /*border:1px solid #ddd;*/
  border:1px solid #fff;
  background:#fff;
  padding:0; margin:0;
     border-collapse: collapse;
     box-shadow: 0 5px 10px 0 rgba(176,190,197,0.3);
}



#menu ul li ul.submenu li a {
  color: #000;
  text-decoration: none;
  display: inline-block; 
 /* padding: 20px 20px 20px 30px;*/
  line-height: 1.3;
  font-weight: normal;
  width:100%;
  text-align:left;
  height:40px;
  line-height:40px;
  padding:5px;
}

#menu ul li ul.submenu li a .im {
  width:60px; overflow:hidden; display:inline-block; vertical-align:middle;
  height:40px;
  padding-top:5px;
  padding-left:5px;
  text-align:center;
}

#menu ul li ul.submenu li a .im img {
  max-width:50px;
  max-height:30px;
}

#menu ul li ul.submenu li:hover {
  list-style-type: none;
  display: inline-block;
  width: 24%;
  /*border:1px solid #ccc;*/
  border: 1px solid #e4eef2;
  background:#fff;
  padding:0; margin:0;

}
 
 
#menu ul li ul.submenu li a:hover {
  color: #0F72B7;
  /*background-color: #FFFFFF;*/
}

#search div.text {
  background-image: none;
  background-color: #FFFFFF;
}

.box2 {
  width: 320px;
  padding: 0;
}

.box1 {
 
  width:100%;
}

.box1uzky {
  width: calc(100% - 340px);
  float:right;
}

.box2 ul.submenu {
  background-color: #eaf1f5;
  margin-bottom: 30px;
  border-radius:5px;
}

.box2 ul.submenu li {
  border-bottom: 1px solid #D5DDE0;
}

.box2 ul.submenu li:last-child {
  border: none;
}

.box2 ul.submenu li a {
  font-size: 1em;
  line-height: 1.3;
  width: auto;
  padding: 7px 15px;
}

#email {
  width: auto;
  height: auto;
  background-color: #095B95;
  background-image: none;
  padding: 22px 30px 40px 30px;
  margin-bottom: 30px;
}

#email h2 {
  margin-bottom: 25px;
}

#email p {
  font-size: 1em;
  color: #FFFFFF;
  margin-bottom: 28px;
  line-height: 1.4;
}

#email form {
  width: auto;
  height: auto;
}

#email form div.text {
  background-image: none;
  background-color: #FFFFFF;
  height: 37px;
  width: auto;
}

#email form div.text input.text {
  height: 35px;
  background-color: transparent;
  font-size: 1em;
  top: 2px;
  left: 10px;
  width: 150px;
}

#email form div.text input.submit {
  width: 63px;
  height: 34px;
  font-size: 0.9em;
  background: url("../images/button_send.png") left top repeat-x;
  top: 1px;
  cursor: pointer;
}

.box2-banner {
  display: block;
  margin-bottom: 30px
}

.box2-banner img {
  max-width: 100%;
  display: block;
}

.slider {
  margin: 0;
  padding: 0;
  
}

.slider li {
  list-style-type: none;
  width: 100%;
  max-width:1000px;
}

.slider li a {
  display: block;
}

.slider li img {
  display: block;
  width: 100%;
  border-radius:5px;
}

.colright-menu-whole {
  background-color: #d94300;
  margin: 0 0 30px 0;
  border-radius:5px;
}

.colright-menu {
  margin: 0;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.colright-menu > li {
  list-style-type: none;
  position: relative;
  z-index: 30;
}

.colright-menu > li > a {
  display: inline-block;
  color: #FFF;
  font-weight: bold;
  font-size: 0.85em;
  line-height: 1.3;
  text-decoration: none;
  padding: 20px 15px;
  background: url("../images/menu_sep.png") right center no-repeat;
  text-align: center;
  margin-right: -2px;
}

.colright-menu > li:last-child > a {
  background-image: none;
}

.colright-menu > li.active > a, .colright-menu > li:hover > a {
  background-color: #0F72B7;
  background-image: none;
  color: #FFD600;
}


.colright-menu li ul {
  display: none;
  position: absolute;
  left: -180px;
  top: 58px;
  width: 400px;
  background-color: #0F72B7;
  border-top: 1px solid #4B95C9;
  border-left: 1px solid #4B95C9;
  margin: 0; 
  padding: 0;
  flex-wrap: wrap;
  align-items: stretch;
}

.colright-menu li:hover ul {
  display: flex;
}

.colright-menu li ul li {
  list-style-type: none;
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  border-right: 1px solid #4B95C9;
  border-bottom: 1px solid #4B95C9;
  
}

.colright-menu li ul li a {
  color: #FFFFFF;
  text-decoration: none;
  display: block; 
  padding: 5px 5px 5px 20px;
  line-height: 1.3;
  font-weight: bold;
  font-size:13px;
}

.colright-menu li ul li a:hover {
  color: #0F72B7;
  background-color: #FFFFFF;
}

.box1 div.text {
  width: auto;
  min-height: 0;
  /*background-image: none;*/
}

.box1 .text .text-container {
  /*padding-left:35px;
  padding-right:35px;*/
}

.box1 .text .text-container h1 {
  font-size:36px;
}

.texttop, .textbottom {
  background-image: none;
}

.box1 div.text h2.title.bg, .box1 div.text h2.title {
  background-image: none;
  color: #161717;
  height: auto;
  font-size: 38px;
  margin: 0 0 30px 17px;
}

.box1 div.text h2.title a {
  color: #0F72B7;
}

.box1 div.text h2.title strong {
  color: #161717;
  font-weight: bold;
}

.box1 div.text h1.title.bg, .box1 div.text h1.title {
  background-image: none;
  color: #161717;
  /*margin: 0 0 30px 17px;*/
  /*margin: 10px 0px 10px 15px*/
}

.box1 div.text h1.title a {
  color: #0F72B7;
}

.box1 div.text h1.title strong {
  color: #161717;
  font-weight: bold;
}


.products {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.product {
  flex: none; 
  width: calc(20% - 5px);
  height: auto;
  margin: 0 1px 20px 0;
  background-image: none;
  box-shadow: 0 0 0;
  border: 1px solid #F0F0F2;
  box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);
}

.only4 {
  width: calc(25% - 3px);
}

.products .product:nth-child(4n) {
  margin-right: 0;
}

.product a.image {
  display: block;
  width: auto;
  height: 200px !important;
  line-height: 200px !important; 
  overflow: hidden;
  padding: 0 !important;
  background-image: none;
}

.product a.image img {
  max-width: 100%;
}

.product:hover a.image {
  background-image: none;
}

.product-text {
  padding: 20px 20px 32px 20px;
  text-align: left;
  min-height:120px;
}

.box1 div.text div.product p {
  font-size: 0.9em !important;
  line-height: 1.3;
  width: auto !important;
  min-height: 0 !important;
  left: 0 !important;
  border-bottom: none !important;
}

.box1 div.text div.product p.title {
  color: #000;

  padding: 0;

  margin: 0;
  line-height: 1.3;
  font-size: 0.85em !important;
}

.box1 div.text div.product p.title a {
  color: #000;
}

.box1 div.text div.product p span.popisvypis {
  max-height: 75px !important;
  height: 75px !important;
  overflow: hidden;
  display: block;
  width: auto;
}

.product p span.price {
  font-size: 1.8em;
  color: #0095d9;
  position:absolute;
  bottom:35px;
  left:20px;
}

.box1 div.text p span.green, .box1 div.text p span.red, .box1 div.text p span.yellow, .box1 div.text p span.blue {
  font-weight: normal !important;
}

.product .buttons {
  text-align: center;
  margin-top: 20px;
  height: auto;
}

.product .buttons a.item2 {
  float: none;
  display: inline-block;
  padding: 0 0 0 50px;
  /*background: url("../images/button_arrow-big.png") left center no-repeat;*/
  height: auto;
}

.product .buttons a.item2 span {
  font-size: 1.6em !important;
  line-height: 1.3;
  padding: 10px 25px;
  border-radius: 30px;
  background-color: #0F72B7;
  display: inline-block;
}

.why-whole {
  width: 1380px;
  margin: 0 auto;
  text-align: center;
}

.why {
  background-color: #FFD600;
  padding: 30px 10px 10px 10px;
}

.why h2 {
  margin: 0 0 40px 0;
  line-height: 1.2;
  font-size: 2.4em;
}

.why-icos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.why-item {
  display: inline-block;
  vertical-align: top; 
  width: 12%;
  margin: 0 1% 35px 1%;
}

.why-item img {
  display: block;
  margin: 0 auto 20px auto;
}

.why-item strong {
  display: block;
  line-height: 1.5;
}

.why-slogan {
  background-color: #0F72B7;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1.1;
  padding: 20px 20px 25px 20px;
  font-size: 3.8em;
}

.footer-contact {
  width: 1380px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*align-items: center;*/
  padding-top: 60px;
}

.footer-contact h2 {
  margin-bottom:2em;
}

.footer-contact1, .footer-contact2,.footer-contact3 {
  width: 33%;
}

.footer-contact .con {
  
  margin-bottom:1.5em;
  font-size:1.4em;
  line-height:1.4;
  
}

.footer-contact .con span {
  font-size:15px;
  color:#444;
}
.footer-contact .icotel {
  width:64px;
  height:64px;
  border-radius:64px;
  float:left;
  background:#e4eef2 url("../img/ico_phone.png") center center no-repeat !important;
  margin-right:10px;
}
.footer-contact .icomail {
  width:64px;
  height:64px;
  border-radius:64px;
    float:left;
  background:#e4eef2 url("../img/ico_email.png") center center no-repeat !important;
  margin-right:10px;
}

.footer-contact .form {
  margin-top:3em;
  display:block;
  margin-bottom:5em;
}

.footer-contact .form a {
  padding:20px 70px 20px 70px;
  border-radius:5px;
  border:2px solid #e4eef2;  
   background:#fff url("../img/ico_buble.png") 20px center no-repeat !important;
}





.footer-contact .fc-menu {
  margin: 0 30px 30px 0;
  padding: 0;
  flex: 0 0 auto;
}

.footer-contact .fc-menu li {
  list-style-type: none;
}

.footer-contact .fc-menu li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  line-height: 2.5em;;
  color: #333;
}
.footer-contact .fc-menu li a:hover {
  text-decoration:underline;
}

.footer-contact-left .fc-contact {
  width: calc(50% - 30px);
  flex: 0 0 auto;
}

.footer-contact-left .fc-contact img {
  display: block;
  margin-bottom: 20px;
  max-width: 100%;
}

.footer-contact-left .fc-contact p {
  line-height: 1.5; 
  margin: 0 0 30px 0;
}

.footer-contact-logos {
  width: 50%;
  flex: 0 0 auto;
  margin-bottom: 60px;
}

.footer-contact-logos a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 4.5% 5px 0;
  width: 28%;
}

.footer-contact-logos img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.oddelovac {
      border-top: 1px solid #e4eef2
}

#foot {
	position:relative;
	margin:0 auto;
	padding:60px 0;
	width:1380px;
	height:auto;
    background-image: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;

}

#foot a {
  text-decoration: underline;
  color:#333;
}

#foot a:hover {
  color:#0095d9;
}

.copyright {
  width: 40%; 
  margin-right: 2%;
}

.copyright a {
  font-weight: bold;
}

.apek { width:18%}

.made-by {
  width: 40%;
  text-align: right;
}

.box1 div.text ul, .box1 div.text ol, .box1 div.text p {
  font-size: 0.9em !important;
  line-height: 1.5;
}

.box1 div.text ul a, .box1 div.text ol a, .box1 div.text p a {
  text-decoration:underline;
  font-weight:Bold;
}


.sort {
  height: auto;
  width: 100%; 
  margin-left: 0;
}

.sort:after {
  content: "";
  display: block;
  clear: both;
}

.sort form {
  height: auto;
}

.gallery {
  width: 42%;
  box-sizing: border-box;
  line-height:1.5;
}

.detail {
  width: 53%;
  box-sizing: border-box;
  line-height:1.5;
}

.gallery a.main {
  /*border: 1px solid #E4DFDB;*/
  /*padding: 10px;*/
  
  /*text-align: center;*/
  /*border-bottom:1px solid #ddd;*/
}

.gallery a.main img {
  max-width: 100%;
}

.gallery .ceske {
  top: 10px;
  right: 10px;
}

.gallery div.gall a.image {
  height: 153px;
  line-height: 153px;
  vertical-align: middle;
  /*padding: 5px !important;*/
  background-image: none;
  /*border: 1px solid #E4DFDB;*/
  border-radius: 5px;
}

.gallery div.gall a.image img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

#page .popisdesktop { display:block;}
#page .popismobile { display:none; }

#page .box1 .width175, #page .box1 a.vytvorit2, #page .box1 .width200, #page .box1 .width150 {
  font-size: 1em !important;
}
#page2 .box1 .width175, #page2 .box1 a.vytvorit2, #page2 .box1 .width200, #page2 .box1 .width150 {
  font-size: 1em !important;
}



.box1 div.text table {
  font-size: 0.9em !important;
}
.box1 div.text table tr th, .box1 div.text table tr td {
  padding-top:5px;
  padding-bottom:5px;
}

.content {
  max-width: 980px;
}

.sort form fieldset.item2, .sort form fieldset.item3 {
  font-size: 1em;
}

.sort form fieldset.item2 {
  width: 270px;
}

.sort {
  background-image: none;
}

.box1 div.text div.sort input {
  vertical-align: middle;
}

.sort form fieldset.item1, .sort form fieldset.item2 {
  border-right: 1px solid #FFFFFF;
  margin-right: 15px;
}

.box1 div.text input[type=text], .box1 div.text input[type=password] {
  background-color: #FFFFFF !important;
  background-image: none !important;
  height: 30px !important;
}

.box1 div.text textarea {
  background-color: #FFFFFF !important;
  background-image: none !important;
}

/*.paginator {
  padding-top: 5px;
}

.sort form fieldset.item1 select {
  margin-top: 6px;
  display: inline-block;
}
*/
.box1 div.text table td.bordertd.td3 {
  white-space: nowrap;
}

.box1 div.text table.dodani, .box1 div.text table.platba {
  margin-left: 10px;
}

img {
  max-width: 100%
}
.menu-left {
      background:#fff;
    box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);
    border-radius:5px;
}
.menu-left-mobile {
  display: none;
}

.cm-mobile {
  display: none;
}


.basket {text-align: right}

#zpet { 
  float:left;
}

#zpet a {
  background: #DD5303 !important;
  border-radius: 5px;
  font-weight: bold;
  padding: 10px;
  color:#fff;
}

#zpet a:hover {
  background:#9e3a01 !important;
  text-decoration:none;
}



.pokracovat {
  float:right; 
  width:300px; 
  background: #1f900e !important;
}

.pokracovat:hover {
  background:#0e5a01 !important;
}


.user-whole, .basket-whole {
  position: relative; 
  z-index: 300;
  text-align: left;
  display: inline-block;
  vertical-align: top
}


.user-whole { box-sizing: border-box; border-right: 1px solid #FFFFFF; padding: 5px 0; margin-right: 20px; margin-top: 25px}

.user-desktop {display: inline-block; font-size: 0.9em; color:#8ba0a8; font-weight: bold; padding: 5px 0 3px 33px; background: url("../img/ico_login.png") left top no-repeat; background-size: 28px auto}

.user-mobile {
  display: none;
  vertical-align: top;
  width: 35px;
  height: 35px;
  background: url("../img/ico_login.png") left top no-repeat;
  background-size: 100% auto;
}

.basket-mobile {
  display: none;
  vertical-align: top;
  width: 35px;
  height: 35px;
  background:#1073b9 url("../img/ico_cart.png") left top no-repeat;
  background-size: 100% auto;
  position: relative;
}

.basket-mobile span {
  color: #007ab1;
  font-weight: bold;
  position: absolute;
  top: -9px; 
  right: 0;
}

#head div.basket form#search {display: inline-block !important; text-align: left; vertical-align: top; width: 50%; margin: 5px 30px 0 0; float: left; height: auto}
#menu #search {width: 295px; float: none; height: auto; margin: 0 auto}
#head div.basket form#search div.text, #menu #search div.text {width: 100%; height: 42px; box-sizing: border-box; background:#f5f7f8; border-radius:5px; margin: 0}
#head div.basket form#search div.text input.submit, #menu #search div.text input.submit {width: 23px; height: 23px; background: transparent url("../img/ico_search.png") left top no-repeat; background-size: 100% auto; top: 9px; right: 9px; cursor: pointer}
#head div.basket form#search div.text input.text, #menu #search div.text input.text {left: 0; top: 0; height: 40px; width: calc(100% - 50px); color:#666; font-size:12px; padding-left:10px;}
#menu #search div.text input.text {font-size: 0.9em}

.sort fieldset.item1 {height: 30px}
.ui-selectmenu-button {text-align: left; width: 175px !important; box-sizing: border-box; display: block; vertical-align: top !important; background-color: #f5f7f8 !important; background-image: none !important; border: 1px solid #D8D8D8 !important; border-radius: 0; height: 38px; line-height: 38px; padding: 0 10px 0 10px; position: relative; z-index: 20; font-family: Arial, sans-serif; font-size: 1em; color: #000000;  margin: 0 !important}
.ui-selectmenu-button:hover, .ui-selectmenu-button:focus, .ui-selectmenu-button:active {outline: none !important; border: 1px solid #f5f7f8 !important; color: #000000;}
.ui-button .ui-icon {margin-top: 10px; background: url("../img/select.png") center center no-repeat}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {background: url("../img/select.png") center center no-repeat}
.ui-menu {padding: 0; margin: 0 !important; font-family: Arial, sans-serif; width: 100%; z-index: 40 !important; position: absolute !important; border: 1px solid #D8D8D8 !important; border-top: none !important; left: 0; background-color: #FFFFFF; border-radius: 0}
.ui-menu li {list-style-type: none; line-height: 1.3em; cursor: pointer; color: #000000; padding: 7px 10px; background: none; margin: 0; font-size: 1rem; text-align: left}
.ui-menu-item-wrapper {padding: 0 !important; color:#000000 !important}
.ui-menu li .ui-state-active {padding: 0; border: none; background-color:transparent !important}
.ui-menu-item:hover .ui-state-active {background: transparent !important}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {margin:0 !important}
.ui-menu li:hover {background-color: #EEEEEE;}

#head div.basket .user-whole form {
  position: absolute;
  left: 0; top: 40px;
  background-color: #f5f7f8;
  padding: 5px;
  display: none;
  margin: 0;
  width: 172px;
}

#head div.basket .user-whole form fieldset {
  padding-bottom: 0
}


.subcat {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 20px 15px;
}

.subcat a {
  display: block;
  text-align: left;
  width: 18%;
  margin: 0 2% 0 0;
  border-top: 1px solid #C5C5C5;
  padding: 5px 0;
}

.subcat-image {
  display: inline-block;
  vertical-align: middle;
  width: 70px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  margin-right: 10px;
}

.subcat-image img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

.subcat-title {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 85px);
  text-align: left;
  text-decoration: underline;
  line-height: 1.3;
}

.arrow-up {
  position: fixed;
  display: none;
  right: 3%; 
  bottom: 3%;
  z-index: 500;
  margin-left: -45px;
  background-color: #0095d9;
  padding: 5px;
  border-radius:50%;
  width:30px;
  height:30px;
  color:#fff;
  text-align:center;
}

.arrow-up:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top:12px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-135deg);
}

@media(max-width: 1680px){
  #head-in, #page, #page2, .why-whole, #foot, .footer-contact {
    width: 96%;
  }
  
  .footer-contact-left {
    width: 46%;
  }


}

@media(max-width: 1530px){
  .product, .products .product:nth-child(4n) {
    width: calc(33.33333333% - 25px);
    margin-right: 30px;
  }
  .products .product:nth-child(3n) {
    margin-right: 0;
  }
}

@media(max-width: 1490px){
  #head div.text .od {
    display: none;
  }
  .colright-menu-whole {
    padding: 14px;
    position: relative;
    z-index: 40;
    text-align: center;
  }
  .cm-mobile {
    display: inline-block;
    vertical-align: top;
    padding-right: 50px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    height: 30px;
    background: url("../images/mobile_menu.png") right top no-repeat;
    font-size: 1.5em;
  }
  .colright-menu {
    position: absolute;
    left: 0; 
    top: 50px;
    width: 100%;
    background-color: #FFD600;
    text-align: center;
    display: block;
    box-sizing: border-box;
    padding: 25px 0;
    display: none;
  }
  .colright-menu li {
    display: block;
  }
  .colright-menu li a {
    background-image: none
  }
  .colright-menu > li > a {
    padding: 10px 12px;
    display: block;
  }
  .colright-menu > li.active > a, .colright-menu > li:hover > a {
    background-color: transparent;
    text-decoration: underline;
    background-image: none;
    color: #161717;
  }
  .colright-menu > li ul, .colright-menu > li:hover ul {
    position: static;
    width: 100%;
    display: none;
  }
  .colright-menu > li ul.active{
    display: flex !important;
  }
  .subcat a {
    width: 23%;
  }
}

@media(max-width: 1260px){
  .box1 {
    width: 100%;
    float: none;
  }
  .box2 {
    float: none;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    background-color: #1073B9;
    margin-bottom: 15px;
  }
 

  .box2-banner {
    margin: 0 auto 30px auto;
    text-align: center;
  }
  .box2-banner img {
    margin: 0 auto;
  }
}

@media(max-width: 1160px){
  .why-item {
    width: 23%;
  }
  .why-slogan {
    font-size: 3em;
  }
}

@media(max-width: 1000px){
  .footer-contact-left, .footer-contact-logos {
    width: 100%;
  }
    #menu {
    top:0;
    right:0;
  }
    .menu-whole {
    position: relative;
    z-index: 200;
    text-align: right;
  }
  .bigsubmenu {
    display:none !important;
  }  
  .user-desktop {
    margin-right:50px;
  }

  .mobile-menu {
    position:absolute;
    right:0;
    top:40px;
    vertical-align: top;
    width: 36px;
    height: 30px;
    background: url("../images/mobile_menu-blue.png") left top no-repeat;
    margin: 5px 10px 0 0;
  }
  .menu-left {
    display: none;
    text-align: left;
  }
  .menu-left-mobile {
    display: inline-block;
    padding-right: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.5em;
    margin: 15px 0;
    background: url("../images/mobile_menu-blue.png") right center no-repeat;
    color: #FFFFFF;
  }
  #menu ul {
    position: absolute;
    right: 10px;
    top: 78px;
    background-color: #1073B9;
    float: none;
    width: 200px;
    padding: 10px 0;
    height: auto;
    display: none;
  }
  #menu ul li {
    display: block;
    float: none;
    text-align: right;
    padding: 0;
  }
  #menu ul li a {
    display: block;
    padding: 5px 20px;
    color:#fff;
  }
  #menu ul li::after {
    display: none;
  }
}

@media(max-width: 970px){
  #head div.basket {
    width: 530px;
  }
  .nitem {
    float: none;
    margin: 0 0 20px 0;
    width: 100%;
}
  #menu {height: 60px;}
  #menu #search {display: none;}
  #head div.basket form#search {width: 23px; position: relative; padding: 18px 0 0 0}
  #head div.basket form#search fieldset {position: relative; z-index: 300}
  #head div.basket form#search div.text {
    display: none; 
    position: absolute;
  left: 0; top: 40px;
  border: 1px solid #707070;
  padding: 5px;
  display: none;
  margin: 0;
  width: 300px;}
  #head div.basket form#search .search-mobile {display: inline-block; vertical-align: middle; width: 23px; height: 23px; background: transparent url("../images/ico_search.png") left top no-repeat; background-size: 100% auto}
}

@media(max-width: 920px){
  .product, .products .product:nth-child(4n), .products .product:nth-child(3n) {
    width: calc(50% - 14px);
    margin-right: 20px;
  }
  .products .product:nth-child(2n) {
    margin-right: 0;
  }
  .box1 div.text h2.title.bg, .box1 div.text h2.title {
    font-size: 30px;
  }
  .subcat a {
    width: 31%;
  }

}

@media(max-width: 890px){
  #odeslat {
    text-align: center;
  }
  #odeslat a, #odeslat div {
    float: none !important;
    display: block;
    margin: 0 auto !important;
  }
  #odeslat a {
    margin-bottom: 10px !important;
  }
  .box1 div.text input.submit {
    right: 0 !important;
  }
}

@media(max-width: 850px){
  .detail, .gallery {
    float: none;
    width: 100%;
    /*padding-left: 0;*/
  }
  .detail {
    padding-top: 20px;
  }
  #kontaktni_udaje td, .reg-table td {
    display: block !important;
  }
  h1.h1detailgal { display:Block;}
  h1.h1detail { display:none;}
  #page .popisdesktop { display:none;}
  #page .popismobile { display:block; padding-top:2em; }
  .detail table.info { padding:0;}
}

@media(max-width: 750px){
    .boxbily { width:100%;}
}

@media(max-width: 730px){

  .box1 div.text input, .box1 div.text textarea {
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .subcat a {
    width: 48%;
  }
}

@media(max-width: 680px){
  #head-in, #page, #page2, .why-whole, #foot, .footer-contact {
    width: 92%;
  }
  
      .mobile-menu {
    top:33px;
  }
  #foot {
    padding: 30px 0;
  }
  .copyright, .made-by, .apek {
    width: 100%; 
    margin-right: 0;
    text-align: center
  }
  .copyright {
    margin-bottom: 15px;
  }
  .apek { 
    margin-bottom:15px;
  }
  .footer-contact {
    padding-top: 40px;
  }
  .footer-contact-left {
    padding-bottom: 0;
  }
  .footer-contact-logos {
    margin-bottom: 30px;
  }
  .footer-contact-left {
    display: block;
  }
  .footer-contact-left .fc-menu, .footer-contact-left .fc-contact {
    width: 100%;
    margin: 0 auto 20px auto;
    max-width: 300px
  }  
  .footer-contact-left .fc-contact {
    margin-bottom: 0;
  }
  .why h2 {
    font-size: 1.8em;
    margin-bottom: 30px;
  }
  .why-slogan {
    font-size: 2em;
  }
  .why-item {
    width: 48%;
    margin-bottom: 20px;
  }
  .product, .products .product:nth-child(4n), .products .product:nth-child(3n) {
    width: calc(100% - 2px);
    margin-right: 0;
    margin-bottom: 20px;
  }
  .box1 div.text h2.title.bg, .box1 div.text h2.title {
    font-size: 25px;
    margin-left: 0
  }
  .box1 div.text div.product p span.popisvypis {
    max-height: none !important;
    height: auto !important;
  }
  .box1 div.text div.product p.title {
    height: auto !important;
  }
  .box1 div.text ul {
    padding-left: 0;
  }
  .breadcrumbs, .box1 div.text p, .box1 div.text h3 {
    margin-left: 0 !important;
  }
  .subcat {
    padding-left: 0;
  }
  #head div.basket {
    width: 250px;
    top: 5px;
    height: 80px;
    text-align: right
  }
  .user-whole, .basket-whole {
    float: left;
    padding: 0;
    margin: 0;
    padding-top: 33px;
    text-align: center;
    width: 33%;
    border: none;
  }
  #head div.basket form#search {
    width: 33%;
    margin-right: 0;
    float: left;
    text-align: center;
    padding-top: 32px;
  }
  #head div.basket form#search .search-mobile {
    width: 26px;
    height: 26px;
  }
  .user-whole {
    padding-top: 30px;
  }
  .user-mobile, .basket-mobile {
    display: inline-block;
  }
  .user-desktop {display: none}
  #head div.basket p {
    padding: 10px 10px 10px 50px;
    float: none;
    width: 160px;
    position: absolute;
    right: 0;
    top: 70px;
    background-color: #0095d9;
    border-radius:5px;
    display: none !important;
    text-align: left;
  }
  #head div.basket .user-whole form {
    left: -50px;
    top: 75px;
    border: none;
    width: 200px;
  }
   #head div.basket form fieldset {
    padding: 0;
  }
  #head div.basket form div.text {
    width: 200px;
  }
  #head div.basket form div.text input.submit {
    height: 23px;
    width: 33px;
    top: 4px;
  }
  #head div.basket form div.text input.text {
    width: 180px;
  }
  #head div.basket form#search div.text {
    left: auto;
    right: -100px;
  }     
}

@media(max-width: 620px){
  #page, #page2 {
    margin-top: -15px;
  }
  /*#head div.basket form {
    margin-top: 0;
    width: 200px;
    position: absolute;
    right: 0;
    top: 70px;
    background-color: #FFFFFF;
    padding: 10px;
    border: 1px solid #73A2C3;
    display: none;
    text-align: left;
  }*/


  .box1 div.text table {
    margin-left: 0 !important;
  }
  #head {
    z-index: 300;
  }
  #head-in, #head {
    height: 130px;
  }
  .zopim, .zopim iframe {
    display: none !important;
  }
  
  .arrow-up {
    top: auto;
    bottom: 0;
  }

}

@media(max-width: 680px){
  div.fifty1, div.fifty2 {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom:1em;
  }
  #page .box1 a.vytvorit2, #page2 .box1 a.vytvorit2 {
    margin: 0 auto;
  }
   .gallery a.main img {
    width: 100%;
  }
  #zpet{float:none;}
  .pokracovat { float:none;}
}

@media(max-width: 450px){
  #page, #page2 {
    margin-top: 0;
  }
  #head div.basket {
    width: 200px;
    height: 120px;
  }
  #logo {
    width: 60px;
    height: 50px;
    margin-top: 3px;
  }
  #logo a, #logo a:hover {
    color: #D6DBE1;
    font-size: 0;
  }
    .mobile-menu {
    top:13px;
  }
    #menu ul {
    top: 58px;
    }
  #logo span {
    width: 60px;
    height: 50px;
    background-size: 100% auto;
  }
  .user-whole, .basket-whole {
    padding-top: 10px;
  }
  #head div.basket form#search {
    padding-top: 12px;
  }
  /*#head div.basket form, #head div.basket p {
    top: 50px;
  }*/
  #head-in, #head {
    height: 70px;
  }
  #head div.basket {
    height: 50px;
  }
  .subcat a {
    width: 100%;
    margin-right: 0;
  }
  #head div.basket .user-whole form {
    top: 55px;
    left: -65px;
  }
}

@media(max-width: 420px){
  .footer-contact-logos a {
    margin-right: 4%;
  }
  #page,#page2 {
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
  /*#head div.basket form {
    right: -60px;
  }*/
  }
@media(max-width: 360px){
  #menu #search {width: 250px}
  #head div.basket form#search div.text {
    left: auto;
    right: -145px;
  }
  #page .box1 a.vytvorit2, #page .box1 .width175 {
    font-size:0.8em !important
  }
}

@media(min-width:1261px){
   .menu-left {display: block !important}
}
@media(min-width:1161px){
  #menu ul  {display: block !important}  
}

@media(min-width:1491px){
  .colright-menu {display: flex !important}
  .colright-menu li ul {display: none !important}
  .colright-menu li:hover ul {display: flex !important}
}
@media(min-width:971px){
  #head div.basket form#search div.text {display: block !important}
}
}

.next {

    text-align: center;

}

.next .btn {
    background: #DC4F03 url("../images/button_send.png") left top repeat-x;
    color: #fff;
    padding: 9px 15px;
    text-decoration: none;
}

.rekl-ban {
  width:100%;
  border:1px solid #0F72B7;
  background:#d4dcff;

  text-align:center;
}

.rekl-ban a {
  display:block;
  width:100%;
  height:100%;
    padding:20px;
    color:#000;
    line-height:1.5;
    font-size: 28px;
}

table.reklamace  tr td { 
  vertical-align:top;
}

#error {
  color:red;
  font-weight:bold;
  margin:0 auto;
  text-align:center;
}
#message {
  color:Green;
  font-weight:bold;
    margin:0 auto;
  text-align:center;
}

#rozcestnik {
  margin-top:4em;
  margin-bottom:4em;
}
.columns .col-2 {
  width:49%;
  background:#eaf1f5;
  display:inline-block;
  border-radius:5px;
  vertical-align:top;
  min-height:180px;
  box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);
}

.columns .col-2 .inside {
  padding:20px;
}

.columns h2 {
  font-size:1.2em;
}

.columns p {
  font-size:0.9em;
  color:#444;
}

.columns p a {
  color:#000;
  text-decoration:underline;
}

.columns p a:hover {
  color:#007ab1;
}

.columns p a span {
  width:20px;
  height:20px;
  background:#0095d9;
  border-radius:20px;
  display:inline-block;
  margin-left:10px;
}

.columns p a:hover span {
   background:#007ab1;
}

.columns p a span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top:-1px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  margin-left:5px;
}




.columns .bgkatalog {
  margin-right:20px;
  
}


.inside{ position:relative; }
.expandable-image{ 
    position:absolute; top:-45px; right:-45px;
    width:339px; height:226px;
    background: url('../img/bg-katalog.png') no-repeat;
}
                    

.columns .bgmapa {
  background:#eaf1f5 url('../img/bg-mapa.png') no-repeat right top;          \
}

.kategorie {
  margin-top:1em;
  margin-bottom:5em;
}

.kategorie h2 {
  text-align:center;
  font-size:1.9em;
}

.kategorie .boxy .box {
  width:23.1%;
  margin-right:1.55%;
  margin-bottom:20px;
  background:#fff;
  border-radius:5px;
  border:2px solid #fff;
  min-height:75px;
  display:inline-block;
  vertical-align:top;
  box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);
}

.kategorie .boxy .last {
  margin-right:0;
}

.kategorie .boxy .box a {
  width:100%;
  display:block;
  padding-left:15px;
  padding-top:10px;
  height:55px;
  color:#000;
}

.kategorie .boxy .box a img {
  vertical-align:middle;
  margin-right:10px;
}

.kategorie .boxy .box a span {
  width:20px;
  height:20px;
  background:#0095d9;
  border-radius:20px;
  display:inline-block;
  margin-left:10px;
}

.kategorie .boxy .box a:hover span {
   background:#007ab1;
}

.kategorie .boxy .box a:hover {
  text-decoration:none;
  color:#0095d9;
}

.kategorie .boxy .box a span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top:-1px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  margin-left:5px;
}


.kategorie .boxy .box:hover {
  border:2px solid #e4eef2;
}




.kategorie2 {
  margin-top:1em;
  margin-bottom:0em;
}

.kategorie2 h2 {
  text-align:center;
  font-size:1.9em;
}

.kategorie2 .boxy .box {
  width:23.1%;
  margin-right:1.55%;
  margin-bottom:15px;
  background:#fff;
  border-radius:5px;
  border:2px solid #fff;
  min-height:75px;
  display:inline-block;
  vertical-align:top;
  box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);
}

.kategorie2 .boxy .boxsmall {
  min-height:60px;
}

.kategorie2 .boxy .last {
  margin-right:0;
}

.kategorie2 .boxy .box a {
  width:100%;
  display:block;
  padding-left:20px;
  padding-top:10px;
  height:55px;
  color:#000;
  position:relative;
}

.kategorie2 .boxy .boxsmall a {
  height:35px;
  padding-top:21px;

}

.kategorie2 .boxy .box a img {
  vertical-align:middle;
  margin-right:10px;
}

.kategorie2 .boxy .box a span {
  width:20px;
  height:20px;
  background:#0095d9;
  border-radius:20px;
  display:inline-block;
  margin-left:10px;
  display:none;
  
}

.kategorie2 .boxy .box a:hover span {
   background:#007ab1;
 display:inline-block;
 position: absolute;
right: 35px;
top: 44%;
}

.kategorie2 .boxy .box a.active span {
   background:#007ab1;
 display:inline-block;
 position: absolute;
right: 35px;
top: 44%;
}

.kategorie2 .boxy .boxsmall a:hover span {
  top:35%;
}

.kategorie2 .boxy .boxsmall a.active span {
  top:35%;
}

.kategorie2 .boxy .box a:hover {
  text-decoration:none;
  color:#0095d9;
}
.kategorie2 .boxy .box a.active {
  text-decoration:none;
  color:#0095d9;
}

.kategorie2 .boxy .box a span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top:-1px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  margin-left:5px;
}


.kategorie2 .boxy .box:hover {
  border:2px solid #e4eef2;
}


.kategorie2 .boxy img {
  max-width:77px;
  max-height:55px;
}





#rozcestnik2 {

    margin-top:4em;
  margin-bottom:4em;
}

#rozcestnik2 .akceitem {
box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);
}
#rozcestnik2 .columns .col-3 {
  width:32.8%;
  display:inline-block;
  border-radius:5px;
  vertical-align:top;
  min-height:180px;
}

#rozcestnik2 .columns .col-4 {
  width:24.5%;
  display:inline-block;
  border-radius:5px;
  vertical-align:top;
  min-height:183px;
}

#rozcestnik2 .columns .col-8 {
  width:75%;
  display:inline-block;
  border-radius:5px;
  vertical-align:top;
  min-height:183px;
}



#rozcestnik2 .columns h2 {
  font-size:1.2em;
}

#rozcestnik2 .columns a {
  color:#fff;
  text-decoration:none;
  position:absolute;
  bottom:20px;
  left:20px;
  font-weight:bold;
  font-size:1.3em;
}

.columns a:hover {
  color:#007ab1;
}

#rozcestnik2 .columns a span {
  width:26px;
  height:26px;
  background:#0095d9;
  border-radius:20px;
  display:inline-block;
  margin-left:10px;
}

#rozcestnik2 .columns a:hover span {
   background:#007ab1;
}

#rozcestnik2 .columns a span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top:-3px;
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  margin-left:7px;
}




#rozcestnik2 .columns .bg1 {
  margin-right:25px;
  background:url('../img/obyvaci-pokoj.jpg') no-repeat right top;
  height:438px;
  position:relative;
  margin-bottom:25px;
   border-radius:5px;
    transition: transform .3s; /* Animation */
}
#rozcestnik2 .columns .bg1:after, #rozcestnik2 .columns .bg2:after, #rozcestnik2 .columns .bg4:after, #rozcestnik2 .columns .bg5:after, #rozcestnik2 .columns .bg6:after, #rozcestnik2 .columns .bg7:after, #rozcestnik2 .columns .bg8:after {
  background: linear-gradient(0deg,rgba(0,0,0,.75),transparent);
  bottom: 0;
  content: "";
  height: 30%;
  left: 0;
  position: absolute;
  width: 100%;
}

#rozcestnik2 .columns .bg1:hover, #rozcestnik2 .columns .bg2:hover, #rozcestnik2 .columns .bg4:hover, #rozcestnik2 .columns .bg5:hover,#rozcestnik2 .columns .bg6:hover ,#rozcestnik2 .columns .bg7:hover,#rozcestnik2 .columns .bg8:hover,#rozcestnik2 .columns .bg9:hover,#rozcestnik2 .columns .bg10:hover {
  transform: scale(0.99); 

}

#rozcestnik2 .js-simulate-link-target {
  opacity:1;
  z-index:1000;
}

#rozcestnik2 .columns .bg2 {
  margin-right:25px;
  background:url('../img/detsky-pokoj.jpg') no-repeat right top;
  height:193px;
  position:relative;
   border-radius:5px;
     transition: transform .3s; /* Animation */
}

#rozcestnik2 .columns .bg3 {
  margin-right:25px;
  height:193px;
  position:relative;
   border-radius:5px;
   text-align:center;
}

#rozcestnik2 .columns h3 {
  font-size:1.4em;
  line-height:1.4;
  padding-top:1em;
}
#rozcestnik2 .columns h3 span {
  font-size:1.6em;
}

#rozcestnik2 .columns .bg4 {
  margin-right:25px;
  background:url('../img/kuchyne.jpg') no-repeat right top;
  height:438px;
  position:relative;
  margin-bottom:25px;
   border-radius:5px;
     transition: transform .3s; 
}


#rozcestnik2 .columns .bg5 {
  background:url(../img/loznice.jpg) no-repeat right top;
  height:438px;
  position:relative;
  margin-bottom:25px;
   border-radius:5px;
     transition: transform .3s; 
}

#rozcestnik2 .columns .bg6 {
  background:url(../img/pracovna-kancelar.jpg) no-repeat right top;
  height:193px;
  position:relative;
  margin-bottom:25px;
   border-radius:5px;
     transition: transform .3s; 
}

#rozcestnik2 .columns .bg7 {
  margin-right:25px;
  background:url(../img/predsin.jpg) no-repeat right top;
  height:193px;
  position:relative;
   border-radius:5px;
     transition: transform .3s;
}

#rozcestnik2 .columns .bg8 {
  margin-right:25px;
  background:url(../img/skandinavsky.jpg) no-repeat right top;
  height:193px;
  position:relative;
   border-radius:5px;
     transition: transform .3s;
}


#rozcestnik2 .columns .bg9 {
  margin-right:25px;
  background:url(../img/koupelna.jpg) no-repeat right top;
  height:193px;
  position:relative;
   border-radius:5px;
     transition: transform .3s;
}

#rozcestnik2 .columns .bg10 {
  background:url(../img/ostatni.jpg) no-repeat right top;
  height:193px;
  position:relative;
   border-radius:5px;
     transition: transform .3s;
}

#rozcestnik2 .columns .bg1:hover,#rozcestnik2 .columns .bg2:hover,#rozcestnik2 .columns .bg4:hover,#rozcestnik2 .columns .bg5:hover,#rozcestnik2 .columns .bg6:hover,#rozcestnik2 .columns .bg7:hover,#rozcestnik2 .columns .bg8:hover,#rozcestnik2 .columns .bg9:hover,#rozcestnik2 .columns .bg10:hover {
  cursor:pointer;
}




.akcni-nabidka {
 background:#eaf1f5;
 /*margin-top:2em;*/
 margin-bottom:2em; 
}

.akcni-nabidka h2 {
  text-align:center;
  font-size:1.9em;
  color:#000;
}
.akcni-nabidka h2 span {
  color:#d94300;
  font-size:1.3em;
  font-weight:bold;
}

.akcni-nabidka .container {
  width: 1380px;
  margin: 0 auto;
  padding-top:2em;
  padding-bottom:4em;


}

#slidebox {
  width:100%;
  background:#fff;
  border-radius:5px;
  box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);
}

#slidebox .sl1 {
  max-width:1000px;
  display:inline-block;
}

#slidebox .sl2 {

display:inline-block;
 vertical-align:top;
 max-width:300px;
}

#slidebox .sl2 ul {
  list-style:none;
}

#slidebox .sl2 ul li  {
  color:#666;
  display:flex;
  padding-bottom:10px;
  padding-top:10px;
  border-bottom:1px solid #e4eef2;
}

#slidebox .sl2 ul li:hover {
  cursor:pointer;
}

#slidebox .sl2 ul li span {
  color:#644;
  font-weight:bold;
  margin-right:25px;
  display:block;
}

#slidebox .sl2 ul li.cycle-pager-active  {
  color:#000;
  font-weight:bold;

}

#slidebox .sl2 ul li.cycle-pager-active span {
  color:#0095d9;
  font-weight:bold;

}



.butn {
  width:100%;
  text-align:center;
  background:#0095d9;
  border-radius:5px;
  color:#fff !important;
  padding:15px 25px 15px 25px;
  font-size:14px;
  font-weight:bold;
   text-decoration:none !important;
}

.butn:hover { background:#007ab1; text-decoration:none; }

.butn2 {
  width:100%;
  text-align:center;
  background:#0095d9;
  border-radius:5px;
  color:#fff !important;
  padding:5px 20px 5px 20px;
  font-size:14px;
  font-weight:bold;
   text-decoration:none !important;
   margin:5px;
}

.butn2:hover { background:#007ab1; text-decoration:none; }

.butnbuy {

  text-align:center;
  background:#0095d9;
  border-radius:5px;
  color:#fff !important;
  padding:5px 20px 5px 20px;
  font-size:14px;
  font-weight:bold;
   text-decoration:none !important;
   position:absolute;
   right:20px;
   bottom:40px;
}

.butnbuy:hover {
  background:#007ab1; text-decoration:none; 
}

.submit-big {
    text-align:center;
  background:#0095d9;
  border-radius:5px;
  color:#fff !important;
  padding:15px 25px 15px 25px;
  font-size:14px;
  font-weight:bold;
  text-decoration:none !important;
  border:0;
  vertical-align:middle;
}
.submit-big-green {
text-align:center;
  background:#0095d9;
  border-radius:5px;
  color:#fff !important;
  padding:15px 25px 15px 25px;
  font-size:14px;
  font-weight:bold;
  text-decoration:none !important;
  border:0;
  vertical-align:middle;
 background:#55C643 url('../img/ico-rezervace.png') no-repeat 20px; center; width:100%; height:100%; color:#fff; font-size:18px; font-weight:bold; padding-left:80px;
}
.submit-big-green:hover {
    cursor:pointer;
      background:#007ab1 url('../img/ico-rezervace.png') no-repeat 20px;
}

.submit-big:hover {
   background:#007ab1; text-decoration:none;
   cursor:pointer; 
}

#rozcestnik3 {
width: 1380px;
box-sizing: border-box;
/*padding-top:5em;*/
padding-bottom:2em;
margin:0 auto;
}

#rozcestnik3 .bg4 {
  background:url(../img/prodejce.jpg) no-repeat right top; 
  height:348px;
}

#rozcestnik3 .bg5 {
  background:#fff;
   height:348px;
}

#rozcestnik3 .bg5 .inside {
  padding:50px;
}

#rozcestnik3 .bg5 h3 {
  font-size:2em;
}

#rozcestnik3 .bg5 p {
  padding-bottom:2em;
}

#rozcestnik3 .inside{ position:relative; }
#rozcestnik3 .expandable-image{ 
    position:absolute; top:-104px; right:0px;
    width:678px; height:452px;
    background: url('../img/prodejce2.png') no-repeat;
}




.letak2 {
  width:100px;
  height:24px;
  line-height:24px;
  color:#fff;
  background:red;
  position:absolute;
  right:20px;
  top:20px;
  font-size:14px;
  font-weight:normal;
  text-align:center;
  border-radius: 5px;
}

.letak3 {
  width:100px;
  height:24px;
  line-height:24px;
  color:#fff;
  background:#d94300;
  position:absolute;
  left:20px;
  top:20px;
  font-size:14px;
  font-weight:normal;
  text-align:center;
  border-radius: 5px;
}

.letak3 span {
  color:#ffdd31;
  font-size:16px;
  font-weight:bold;
}

table.informace {
  width:100%;
  /*box-shadow: 0 5px 10px 0 rgba(176,190,197,0.3);*/
}

table.informace tr th {
  text-align:left; 
  width:150px;
  padding:3px;
  font-weight:Bold;
  /*background:#d1d1d1;*/
  font-size:14px;
  padding:5px;
  border-bottom:1px solid #eee;
}

table.informace tr td {
  text-align:left; 
  width:170px;
  background:#fff;
  padding:5px;    
   border-bottom:1px solid #eee;
}

@media(max-width: 1360px){

.akcni-nabidka .container {
  width:unset;
  width:100%;
}

#rozcestnik3 {
  width:100%;
  margin:0 auto;
}

}


@media(max-width: 1380px){
 #slidebox .sl1 {
    max-width:900px;
 }
 
}

@media(max-width: 1350px){
 #menu ul li {
  padding:0 20px 0 0;
 }
 
 #menu ul li a {
  font-size:0.9em;
 }
 
}


@media(max-width: 1323px){
 .columns .col-2 {
  width:48%;
 }
 .columns .col-2 .expandable-image {
  display:none;
 }
 #slidebox .sl1 {
    max-width:860px;
 }
 
}

@media(max-width: 1207px){
     .kategorie2 .boxy .box {
    width:31%;
  }
  
}
  
  

@media(max-width: 1000px){

 #menu ul {
    display: none;
  }
  
    .kategorie2 .boxy .box {
    width:47%;
  }

  
}

@media(max-width: 888px){
 .columns .col-2 {
  width:100%;
  margin-bottom:1em;
 }
 .columns .col-2 .expandable-image {
  display:block;
 }
 .kategorie .boxy .box {
  width:47%;
 }
 
}
@media(max-width: 700px){
 .columns .col-2 .expandable-image {
  display:none;
 }
 
}



@media(max-width: 640px){
 .footer-contact1 {
  width:100%;
  margin:0 auto;
 }
 
  .footer-contact2, .footer-contact3 {
    width:100%;
  }
 
     .kategorie2 .boxy .box {
    width:100%;
  }
 
 #page {
  margin-bottom:5px;
 }
 
 .breadcrumbs {
  margin-top:10px;
 }
 .detail-gallery-whole {
  margin-top:1em;
 }
 
 .kategorie .boxy .box {
  width:100%;
 }
  #rozcestnik2 .columns .col-3, #rozcestnik2 .columns .col-4 {
    width:100%;
    margin-right:0;
    
 }
 #rozcestnik2 .columns .bg4 {
  margin-right:0;
 }
 
 #rozcestnik2 .columns .col-4 { 
  margin-bottom:1em;
  max-width:327px;
  text-align:center;
 
}
}


@media(max-width: 586px){
.columns .bgmapa {
  background:#eaf1f5;       
}
}

@media(max-width: 466px){
.columns .bgmapa a {
  display:block;      
}
}


.sample-container, .mount-node {
  background-color: #fafafa;
}

.sample-container {
  height: 90vh;
  margin-bottom: 25px;
}

:focus-visible {
  outline: 1px solid #999;
}


.product-filter {border-bottom: 1px solid #E8E8E8; padding-bottom: 20px}
.pf-cat, .pf-params-cols, .pf-params2, .pf-price {display: flex; align-items: center; flex-wrap: wrap; padding: 12px 12px 7px 20px; border-bottom: 2px solid #E8E8E8}
.pf-cat strong, .pf-params2 strong, .pf-price strong {font-size: 1.1rem; line-height: 1.2; margin-right: 10px; margin-bottom: 5px; min-width: 155px}
.pf-cat ul {margin: 0; padding: 0 0 5px 0; display: flex; flex-wrap: wrap}
.pf-cat ul li {list-style-type: none; display: inline-block; line-height: 1.4; font-size: 1.25rem; margin: 0 1px 1px 0}
.pf-cat ul li a {text-decoration: none; display: inline-block; padding: 5px 12px; background-color: #161714; color: #90C611}
.pf-cat.pf-producer ul li a {background-color: #90C611; color: #161714}   
.pf-cat ul li a:hover, .pf-cat ul li a:focus, .pf-cat ul li.active a, .pf-cat.pf-producer ul li a.active, .pf-cat ul li a.active {background-color: #FFFFFF; color: #161714}
.pf-params-cols {padding: 0; display: block}
.pf-params-cols h3 {font-size: 1.25rem; text-transform: none; margin: 0 0 10px 15px}
.pf-params-cols .pf-params {border-bottom: 2px solid #E8E8E8; padding: 20px 3px 10px 3px}
.pf-params-cols .pf-params:last-child {border: none; margin: 0}
.pf-params-cols .pf-params ul {margin: 0; padding: 0}
.pf-params-cols .pf-params ul li {list-style-type: none; line-height: 1.4; margin-bottom: 3px; font-size: 1.1rem}
.pf-params-cols .pf-params ul li a {text-decoration: none; padding: 5px 0 5px 65px; display: block}
.pf-params-cols .pf-params ul li a:hover, .pf-params-cols .pf-params ul li a:focus, .pf-params-cols .pf-params ul li.active a {color: #90C611; font-weight: 600; background-color: #000000 !important}
.pf-params-cols .pf-params ul li.f1-1 a {background: url("../images/f1-1.png") 15px center no-repeat}
.pf-params-cols .pf-params ul li.f1-1 a:hover, .pf-params-cols .pf-params ul li.f1-1 a:focus, .pf-params-cols .pf-params ul li.f1-1.active a {background-image: url("../images/f1-1-active.png")}
.pf-params-cols .pf-params ul li.f1-2 a {background: url("../images/f1-2.png") 15px center no-repeat}
.pf-params-cols .pf-params ul li.f1-2 a:hover, .pf-params-cols .pf-params ul li.f1-2 a:focus, .pf-params-cols .pf-params ul li.f1-2.active a {background-image: url("../images/f1-2-active.png")}
.pf-params-cols .pf-params ul li.f1-3 a {background: url("../images/f1-3.png") 15px center no-repeat}
.pf-params-cols .pf-params ul li.f1-3 a:hover, .pf-params-cols .pf-params ul li.f1-3 a:focus, .pf-params-cols .pf-params ul li.f1-3.active a {background-image: url("../images/f1-3-active.png")}
.pf-params-cols .pf-params ul li.f1-4 a {background: url("../images/f1-4.png") 15px center no-repeat}
.pf-params-cols .pf-params ul li.f1-4 a:hover, .pf-params-cols .pf-params ul li.f1-4 a:focus, .pf-params-cols .pf-params ul li.f1-4.active a {background-image: url("../images/f1-4-active.png")}
.pf-params-cols .pf-params ul li.f2-1 a {background: url("../images/f2-1.png") 15px center no-repeat}
.pf-params-cols .pf-params ul li.f2-1 a:hover, .pf-params-cols .pf-params ul li.f2-1 a:focus, .pf-params-cols .pf-params ul li.f2-1.active a {background-image: url("../images/f2-1-active.png")}
.pf-params-cols .pf-params ul li.f2-2 a {background: url("../images/f2-2.png") 15px center no-repeat}
.pf-params-cols .pf-params ul li.f2-2 a:hover, .pf-params-cols .pf-params ul li.f2-2 a:focus, .pf-params-cols .pf-params ul li.f2-2.active a {background-image: url("../images/f2-2-active.png")}
.pf-params-cols .pf-params ul li.f2-3 a {background: url("../images/f2-3.png") 15px center no-repeat}
.pf-params-cols .pf-params ul li.f2-3 a:hover, .pf-params-cols .pf-params ul li.f2-3 a:focus, .pf-params-cols .pf-params ul li.f2-3.active a {background-image: url("../images/f2-3-active.png")}
.pf-params-cols .pf-params ul li.f3-1 a {background: url("../images/f3-1.png") 15px center no-repeat}
.pf-params-cols .pf-params ul li.f3-1 a:hover, .pf-params-cols .pf-params ul li.f3-1 a:focus, .pf-params-cols .pf-params ul li.f3-1.active a {background-image: url("../images/f3-1-active.png")}
.pf-params-cols .pf-params ul li.f3-2 a {background: url("../images/f3-2.png") 15px center no-repeat}
.pf-params-cols .pf-params ul li.f3-2 a:hover, .pf-params-cols .pf-params ul li.f3-2 a:focus, .pf-params-cols .pf-params ul li.f3-2.active a {background-image: url("../images/f3-2-active.png")}
.pf-params-cols .pf-params ul li.f3-3 a {background: url("../images/f3-3.png") 15px center no-repeat}
.pf-params-cols .pf-params ul li.f3-3 a:hover, .pf-params-cols .pf-params ul li.f3-3 a:focus, .pf-params-cols .pf-params ul li.f3-3.active a {background-image: url("../images/f3-3-active.png")}
.checker {width:13px !important;  height:13px;  line-height: 13px;  margin: 0 2px 0 0!important; display:inline-block; vertical-align: middle; position:relative; vertical-align:middle; background-color: #161714; border: none}
.checker span{display:inline-block;  position:absolute;  left:0;  top:0;  width:13px;  height:13px}
.checker input{opacity:0;  filter:alpha(opacity=0);  -moz-opacity:0;  border:none;  background:none;  display:-moz-inline-box;  display:inline-block;  *display:inline;  zoom:1; width: 13px !important; height: 13px !important; margin: 0 !important}
.checker .checked{background: #90C611 url("../images/checked.png") center center no-repeat}
.pf-params2 {display: block; padding: 12px 0 7px 0}
.pf-params2 strong, .pf-price strong {min-width: 0; margin-bottom: 10px; display: block}
.pf-params2 strong {margin-left: 20px}
.pf-checks {padding-bottom: 5px}
.pf-checks > span {display: block; padding: 5px 5px 5px 20px}
.pf-checks > span:hover {color: #90C611; font-weight: 600; background-color: #000000}
.pf-checks label {vertical-align: middle; font-size: 1.1rem; line-height: 1.4; display: block; margin-left: 25px}
.pf-checks input {margin: 5px 0 0 0; vertical-align: middle; float: left}
.pf-price {border: none; display: block; padding: 10px 20px 25px 20px; border-bottom:3px solid #f5f7f8;}
.price-range {width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between}
.price-range .price {display: inline-block; vertical-align: middle; font-size: 1.0rem; line-height: 1.2; width: 50%; order: 1; margin-bottom: 20px}
.price-range .price:last-child {order: 2}
#slider_range {width: 100%; position: relative; z-index: 30; background-color: #D1D1D1; height: 5px; order: 3}
#slider_range .ui-slider-handle {display: inline-block; background-color: #fff; background-image:none; width: 18px; height: 18px; position: absolute; z-index: 2; top: -7px; border-radius: 100%}
#slider_range .ui-slider-range {height: 5px; top: 0; display: block; position: absolute; background-color: #0095d9; background-image:none; z-index: 1}
#slider_range2 {width: 100%; position: relative; z-index: 30; background-color: #D1D1D1; height: 5px; order: 3}
#slider_range2 .ui-slider-handle {display: inline-block; background-color: #fff; background-image:none; width: 18px; height: 18px; position: absolute; z-index: 2; top: -7px; border-radius: 100%}
#slider_range2 .ui-slider-range {height: 5px; top: 0; display: block; position: absolute; background-color: #0095d9; background-image:none; z-index: 1}
#slider_range3 {width: 100%; position: relative; z-index: 30; background-color: #D1D1D1; height: 5px; order: 3}
#slider_range3 .ui-slider-handle {display: inline-block; background-color: #fff; background-image:none; width: 18px; height: 18px; position: absolute; z-index: 2; top: -7px; border-radius: 100%}
#slider_range3 .ui-slider-range {height: 5px; top: 0; display: block; position: absolute; background-color: #0095d9; background-image:none; z-index: 1}
#slider_range4 {width: 100%; position: relative; z-index: 30; background-color: #D1D1D1; height: 5px; order: 3}
#slider_range4 .ui-slider-handle {display: inline-block; background-color: #fff; background-image:none; width: 18px; height: 18px; position: absolute; z-index: 2; top: -7px; border-radius: 100%}
#slider_range4 .ui-slider-range {height: 5px; top: 0; display: block; position: absolute; background-color: #0095d9; background-image:none; z-index: 1}
#slider_range5 {width: 100%; position: relative; z-index: 30; background-color: #D1D1D1; height: 5px; order: 3}
#slider_range5 .ui-slider-handle {display: inline-block; background-color: #fff; background-image:none; width: 18px; height: 18px; position: absolute; z-index: 2; top: -7px; border-radius: 100%}
#slider_range5 .ui-slider-range {height: 5px; top: 0; display: block; position: absolute; background-color: #0095d9; background-image:none; z-index: 1}

.price-range .price:last-child {text-align: right}


#barvy ul {
  list-style-type: none;
  margin-left:0;
  padding-left:0;
}

#barvy li {
  display: inline-block;
}

#barvy input[type="checkbox"][id^="cb"] {
  display: none;
}

#barvy label {
  border: 1px solid #fff;
  /*padding: 2px;*/
  display: block;
  position: relative;
  /*margin: 2px;*/
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#barvy label span { display:none;}
#barvy label:hover span {
  position:Absolute;
  display:block;
  top:-15px;
  left:0;
  background:#fff;
  font-size:14px;
  border-radius:2px;
  border:0;
  z-index:1005;
  min-width:100px;
  padding:3px;
  text-align:center;
  box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);
}

#barvy label::before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 0;
  position: absolute;
  top: 14px;
  left: 14px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  transition-duration: 0.4s;
  transform: scale(0);
}

#barvy label img {
  height: 46px;
  width: 46px;
  border-radius:46px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
  border:1px solid #ddd;
}

#barvy :checked+label {
  /*border-color: #ddd;*/
}

#barvy :checked+label::before {
  content: "✓";
  background-color: #0095d9;
  transform: scale(1);
  z-index:1000;
}

#barvy :checked+label img {
  transform: scale(0.9);
  box-shadow: 0 0 3px #333;
  z-index: -1;
}

.skryt { display:none;}

.box1 table#kosik .parent {
 display:none;
}
table#kosik a.button {
  text-decoration:none;
  color:#000;
}
.parent h4 {
  margin:0;
  padding:0;
  margin-left:5px;
  color:#666; font-size:12px;
  margin-bottom:10px;
  text-decoration:underline;
}

.parent h4:hover {
  cursor:pointer;
  color:#000;
}



.vpravokos {
  float:right;
}

td.nakupnazev a {
font-size:17px;
text-decoration:underline;
}
td.nakupnazev a:hover {
  color:#000;
}

td.nakupnazev .seda {
  color:#aaa;
  font-weight:bold;
}

p.whitebg {
  background:#fff;
  border-radius:5px;
  padding:20px 10px 20px 10px !important; 
  display:block;
  text-align:center;
}

p.whitebg strong {
  margin-bottom:1em;
  display:inline-block;
}


.cena2 strong {
  color:#0095d9;
  font-size:20px;
}


.bgwhite { background:#fff;}
.zak-gal { background: #fff;
  border-radius: 5px;
  box-shadow: 0 5px 10px 0 rgba(176,190,197,.3); padding:5px;}
.zak-gal .im { display:inline-block;  max-width:327px; margin:5px;}  

@media screen and (max-width: 732px) {
  .zak-gal .im { display:inline-block;  max-width:48%; margin:1%;} 
}

.doprava-zdarma {
    margin-top:1em;
    background: #fff;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 5px 10px 0 rgba(176,190,197,.3);
    display: flex;
  align-items: center;
  gap: 10px;
  padding-left:24px;
  color:#0095d9;
  line-height: 1.2;
  width:220px;
  }
  
  .doprava-zdarma .text {
  display: flex;
  flex-direction: column; /* Text pod sebe */
  justify-content: center; /* Vertikální zarovnání textu */
}