body { 
    margin:0; 
    padding:0;
    font-family:Arial, sans-serif;
    background:#fff url(../images/bg.png) repeat-x left top;
}

form, form fieldset {margin:0;padding:0;border:none;}
a {color:#1073b9;text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}

.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;
}

.zlutabg {
  background:#ffd600;
}

#head {
	position:relative;
	margin:0 auto;
	width:1005px;
	height:237px;
    background: url(../images/bg_head.jpg) no-repeat center top;
}
#head div.left {
	position:absolute;
	left:-129px;
	top:0;
	width:140px;
	height:237px;
    background:url(../images/head-left.jpg) no-repeat left top;
    z-index:100;
}
#page {
	position:relative;
	margin:0 auto;
	padding:7px 0 0 0;
	width:983px;
	border:solid #cdd4da;
	border-width:0 11px 11px 11px;
	background-color:#fff;
}
#foot {
	position:relative;
	margin:0 auto 10px auto;
	padding-top:10px;
	width:1005px;
	height:80px;
    background:url(../images/foot-bg.png) no-repeat right top;
}
#foot div.right {
	position:absolute;
	top:-208px;
	right:-64px;
	width:64px;
	height:277px;
    background:url(../images/foot-right-bg.png) no-repeat left top;
}
.box1 {
	float:right;
	padding:0;
	width:781px;
}
.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:118px; 
    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(../images/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;
  background: transparent url(../images/ctverecek.png) no-repeat scroll -2px 4px;
  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;
    background:url(../images/head-navi-bg.gif) no-repeat center top;
}
#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;
}
#navi li.item1 a span {background-image:url(../images/icon-head1.png);}
#navi li.item2 a span {background-image:url(../images/icon-head2.png);}
#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;
  background:url(../images/form-text-bg1.png) no-repeat left top;
  
  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:#1479c1;
}
#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;
	margin:0;
	padding:20px 0 0 50px;
	width:151px;
	height:70px;
	font-size:1.1em;
    overflow:hidden;
    background:url(../images/ico_basket.png) no-repeat left 23px;
    background-size: 36px auto;
}
#head div.basket p span {display:block;margin-bottom:4px;}
#head div.basket p strong {font-size:1.2em;}



#foot ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#foot ul li {
	float:left;
	padding:0 11px;
    background:url(../images/foot-menu-separator.gif) no-repeat right center;
}
#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 10px;
	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 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;
  background:url(../images/form-text-bg2.png) no-repeat left top;	
}
#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:#5bb1ee;
}
.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:#ec8a1e;
	text-decoration:underline;
    background:url(../images/icon-bull.png) no-repeat 20px center;
}

#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;
}

.texttop {
	width:auto !important;
	height:4px;
	font-size:0;
    background:url(../images/text-top.png) no-repeat left top;
}
.textbottom {
	width:auto !important;
	height:4px;
	font-size:0;
    background:url(../images/text-bottom.png) no-repeat left top;
}
.box1 div.text {
	  position:relative;
	  width:774px;      
    min-height:850px;   
    background:#fcfefd url(../images/text-bg.png) repeat-y left top;
    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 h1.title {
	margin:20px 17px 5px 17px;
	padding:0;
	font-size:25px;
}

.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 {
	margin:0 17px 20px 17px;
	padding:0;
	font-size:0.75em;
  line-height:1.5;
}
   
.product {
    float:left;
    margin:0 0 18px 18px;
    width:167px;
    height:425px;
    background:#fff url('../images/product-image-bg3.png') no-repeat right bottom;
    position: relative;
       box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.32);
}
.product:hover {
    background-color: #F7F7F7;
}
.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;    
    background:url('../images/product-image-bg2.png') no-repeat right top;
    position:relative;
    vertical-align: middle;
    line-height:155px;
}
.product a.image img {
    vertical-align: middle;
}
.product:hover a.image {
    background:white url('../images/product-image-bg2.png') no-repeat right top;
}
.product p {    
    margin:0 !important;
    padding:0 0 5px 0 !important;
    border-bottom:1px solid #e4dfdb;
    font-size:0.7em !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:10px 0 10px 18px;
    font-size:0.75em;
}
.breadcrumbs a {
  color:#000;
  text-decoration: underline;
  color: #A4B3BA;
}

.sort {
    margin:10px 0 10px 15px;
    width:744px;
    height:42px;    
    background:#cdd4da url(../images/sort-bg.png) no-repeat left top;
}                              
.sort.top {margin-bottom:20px;}
.sort.bottom {margin-top:20px; margin-bottom: 30px;}
.sort form {
    float:left;
    padding:8px;      
    height:22px;    
    line-height:22px; 
}
.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: 4px;
}                        
.sort form fieldset.item3 {
    font-size:0.9em;    
  padding-top: 4px;
}
.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 a {color:#838383;padding-right:5px;}
.sort form fieldset.item3 span {font-weight:bold;padding-right:5px;font-size:1.2em;}

.detail-gallery-whole {
  display: flex;
  flex-wrap: wrap;
}

.gallery {
    float:left;
    padding:0 0 20px 20px;
    width:365px;
    margin-top:10px;
    position: relative;   
    order: 1;
    flex: 0 0 auto;
    margin-right: 6%;
}
.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:163px;
    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;}
.detail {
    float:right;
    padding-right:20px;
    width:360px;    
    order: 2;
    flex: 0 0 auto;
}        
.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%;
    border:solid #dddad3;
    border-width:1px 0;
    font-weight:bold;
    font-size:0.75em;
}
.detail table.info th {
    padding-left:5px;
    text-align:left;
    width:200px;
    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.price td {
    color:#0c66a6;
    font-size:28px;
}               
.detail form {
    margin:0; 
    padding:0 7px;  
    font-size:0.75em;  
    font-weight:bold; 
}                  
.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:#407f33 !important;
  color:#fff;
  font-size:16px !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: 1630px;
  margin: 0 auto;
  position: relative;
  height: 237px;
}

#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: 0;
  width: 795px;
}

#head div.basket p {
  font-size: 1em;
  line-height: 1.1;
  height: 75px;
  padding-top: 27px;
  width: 200px;
}

#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: 1.2em;
  left: 8px;
  width: 137px;
}

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

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

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

#page {
  width: 1630px;
  padding: 15px;
  box-sizing: border-box;
  border-width: 15px;
  margin-top: -118px;
  position: relative;
  margin-bottom: 60px;
}

#menu {
  background: url("../images/bg_menu.png") left top repeat;
  margin: 0 0 15px 0;
}

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

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

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

#menu ul li:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 15px;
  background-color: #C4D6E9;
  margin-left: 13px;
}

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

#menu ul li a {
  font-size: 0.95em;
  font-weight: bold;
}

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

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

.box1 {
  width: calc(100% - 320px);
}

.box2 ul.submenu {
  background-color: #F0F0F2;
  margin-bottom: 30px;
}

.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: 8px 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 0 15px 0;
  padding: 0
}

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

.slider li a {
  display: block;
}

.slider li img {
  display: block;
  width: 100%;
}

.colright-menu-whole {
  background-color: #FFD600;
  margin: 0 0 30px 0;
}

.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: #161717;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.3;
  text-decoration: none;
  padding: 30px 17px;
  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: 80px;
  width: 450px;
  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: 20px 20px 20px 30px;
  line-height: 1.3;
  font-weight: bold;
}

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

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

.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;
  height: auto;
  font-size: 38px;
  /*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(25% - 25px);
  height: auto;
  margin: 0 30px 30px 0;
  background-image: none;
  box-shadow: 0 0 0;
  border: 1px solid #F0F0F2;
}

.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;
}

.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 {
  height: 45px !important;
  min-height: 0 !important;
  padding: 0;
  overflow: hidden;
  margin: 0;
  font-weight: bold;
  color: #0F72B7;
  width: auto;
  line-height: 1.3;
  font-size: 0.85em !important;
}

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

.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: 2.1em;
  color: #0F72B7;
}

.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: 1630px;
  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: 1630px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 60px;
}

.footer-contact-left {
  width: 40%;
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px;
}

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

.footer-contact-left .fc-menu li {
  list-style-type: none;
  border-bottom: 1px solid #D5DDE0;
}

.footer-contact-left .fc-menu li:last-child {
  border: none;
}

.footer-contact-left .fc-menu li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.5;
  color: #161717;
  padding: 9px 0 9px 20px;
  background: url("../images/list_footer.png") left 17px no-repeat;
}

.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;
}

#foot {
	position:relative;
	margin:0 auto;
	padding:60px 0;
	width:1630px;
	height:auto;
    background-image: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #CDD4DA;
}

#foot a {
  text-decoration: underline;
}

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

.copyright a {
  font-weight: bold;
}

.made-by {
  width: 50%;
  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 li {
  list-style-type: none; 
  padding: 0 0 0 20px;
  background: url("../images/list_footer.png") left 8px no-repeat;
}

.box1 div.text input.submit, #page .box1 a.vytvorit2 {
  height: 34px !important;
  font-size: 1.2em !important;
  background: url("../images/button_send.png") left top repeat-x !important;
  cursor: pointer !important;
}

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

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

.sort form {
  height: auto;
}

.gallery, .detail {
  width: 47%;
  box-sizing: border-box;
}

.gallery a.main {
  border: 1px solid #E4DFDB;
  padding: 10px;
  border-radius: 3px;
  text-align: center;
}

.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: 3px;
}

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

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

#page .box1 a.vytvorit2 {
  line-height: 34px !important;
}

.box1 div.text table {
  font-size: 0.9em !important;
}

.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-mobile {
  display: none;
}

.cm-mobile {
  display: none;
}


.basket {text-align: right}

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


.user-whole {width: 165px; 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: 1.15em; text-decoration: underline; font-weight: bold; padding: 3px 0 3px 38px; background: url("../images/ico_login.png") left top no-repeat; background-size: 27px auto}

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

.basket-mobile {
  display: none;
  vertical-align: top;
  width: 38px;
  height: 38px;
  background: url("../images/ico_basket.png") left top no-repeat;
  background-size: 100% auto;
  position: relative;
}

.basket-mobile span {
  color: #DD5303;
  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: 295px; margin: 5px 30px 0 0; float: none; 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; border-left: 1px solid #707070; border-top: 1px solid #707070; margin: 0}
#head div.basket form#search div.text input.submit, #menu #search div.text input.submit {width: 23px; height: 23px; background: transparent url("../images/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: 12px; top: 0; height: 40px; width: calc(100% - 50px)}
#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: #FFFFFF !important; background-image: none !important; border: 1px solid #D8D8D8 !important; border-radius: 0; height: 30px; line-height: 30px; 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 #D8D8D8 !important; color: #000000;}
.ui-button .ui-icon {margin-top: 7px; background: url("../images/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("../images/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: #CDD4DA;
  padding: 5px;
  display: none;
  margin: 0;
  width: 300px;
}

#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;
  left: 50%; 
  bottom: 0;
  z-index: 500;
  margin-left: -45px;
  background-color: #FFD600;
  padding: 5px 10px;
  border: 1px solid #1073b9;
  border-bottom: none;
}

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

@media(max-width: 1680px){
  #head-in, #page, .why-whole, #foot, .footer-contact {
    width: 96%;
  }
  
  .footer-contact-left {
    width: 46%;
  }
  #head {
    background: url("../images/bg_head-mobile.png") left top repeat-x;
  }
  body {
    background-image: none;
  }

}

@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;
  }
  #menu {
    display: none;
  }
  .menu-whole {
    position: relative;
    z-index: 200;
    text-align: right;
  }
  .mobile-menu {
    display: none;
    vertical-align: top;
    width: 36px;
    height: 30px;
    background: url("../images/mobile_menu.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.png") right center no-repeat;
    color: #FFFFFF;
  }
  .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: 1100px){
  .footer-contact-left, .footer-contact-logos {
    width: 100%;
  }
  #menu ul {
    position: absolute;
    right: 10px;
    top: 40px;
    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;
  }
  #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: block; padding: 9px 0 0 0}
  #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;
  }
}

@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, .why-whole, #foot, .footer-contact {
    width: 92%;
  }
  #foot {
    padding: 30px 0;
  }
  .copyright, .made-by {
    width: 100%; 
    margin-right: 0;
    text-align: center
  }
  .copyright {
    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: #FFFFFF;
    border: 1px solid #1479C1;
    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 {
    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: 520px){
  div.fifty1, div.fifty2 {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
  }
  #page .box1 a.vytvorit2 {
    margin: 0 auto;
  }
   .gallery a.main img {
    width: 100%;
  }
}

@media(max-width: 450px){
  #page {
    margin-top: 0;
  }
  #head div.basket {
    width: 200px;
    height: 120px;
  }
  #logo {
    width: 50px;
    height: 40px;
    margin-top: 3px;
  }
  #logo a, #logo a:hover {
    color: #D6DBE1;
    font-size: 0;
  }
  #logo span {
    width: 50px;
    height: 40px;
    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 {
    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;
  }
}

@media(min-width:1261px){
  #menu ul, .menu-left {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;
}