@font-face {
    font-family: ArticulatHD;
    src: url("../font/ArticulatHD-Medium.otf") format("opentype");
}

@font-face {
    font-family: ArticulatHD;
    font-weight: bold;
    src: url("../font/ArticulatHD-Bold.otf") format("opentype");
}
h2 {
	font-family: ArticulatHD;
	color: #000;
}

@media only screen and (min-width:0px) and (max-width:1023px) {
body, html {
	background: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: ArticulatHD;
	color: #666;
}
h1 {
	font-size: 16px;
}
.hvezdy_mobil {
	display: block;
	margin-left: 20px;
}

.stred{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.pre-l-brand-header {
	display: none;
    position: relative;
    background: #f5f5f5;
    height: 36px;
    width: 100%;
}
.pre-l-desktop-menu {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    background: #fff;
}
.pre-desktop-menu {
 	text-align: center;
 	width: 100%;
   padding-top: 20px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.pre-desktop-menu{
	margin-left: 0px;
	padding-left: 0px;
}
.pre-desktop-menu li{

	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	margin-top: 0px;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
}
.pre-desktop-menu li a{
	text-decoration: underline;
	text-underline-offset: 8px;
	color: #000;

}
.bannerWrap {
	display: none;
    height: auto;
    min-height: 58px;
    transition: all .5s;
    box-shadow: inset 0 -1px 0 0 #e5e5e5;
    position: relative;
    background: #f5f5f5;
    overflow: hidden;
    padding-top: 10px;
}
.main{
	background: #fff;
	min-height: 500px;
	padding-bottom: 50px;
	overflow: auto;
	padding-top: 50px;
}
.polozkyvypis{
	padding-top: 0px;
}
.kategorie_vypis {
	padding-top: 150px;
}
.polozkaprehled {
	width: calc(100% - 0px);
	text-align: center;
	text-decoration: none;
	color: #000;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 70px;
	display: inline-block;
}
.polozkaprehled img {
	width: 100%;
}
.polozkaprehled2{
	text-align: center;
}
.popisek_nazev, .popisek_kategorie, .popisek_barvy, .cena {
	display: block;
	font-size: 16px;
}
.popisek_nazev{
	padding-top: 25px;
}
.popisek_nazev2{
	display: none;
	padding-top: 0px;
}
.popisek_nazev3{
	font-size: 24px;
	padding-top: 0px;
}
.popisek_nazev, .popisek_kategorie, .popisek_barvy, .cena {
	line-height: 24px;
}
.cena {
	padding-top: 20px;
}
.popisek_kategorie, .popisek_barvy, .cena {
	color: #6d6d6d;
}
.popisek_kategorie, .popisek_barvy, .cena{
	display: none;
}
.cena {
	color: #000;
}
.cena_mob{
	display: inline-block;
	font-size: 20px;
	float: left;
	margin-top: -5px;
	padding-top: 0px;
}
.menuvertikalni {
	display: none;
	width: calc(260px - 40px);
	padding-left: 40px;
	float: left;
}
.menuvertikalniul{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 20px;
}
.menuvertikalniul li{
	margin-left: 0px;
	padding-left: 0px;
	height: 30px;
	line-height: 30px;
}
.menuvertikalblok{
	margin-top: 40px;
	margin-right: 40px;
	padding-top: 15px;
	border-top: 1px solid #e5e5e5;
}
.polozkysmenu{
	width: calc(100% - 0px);
	float: right;
}
.polozkysmenu2{
	width: calc(100% - 0px);
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 65px;
	float: right;
}
.nadpisvypispolozek {
	display: none;
	padding-left: 40px;
	font-size: 26px;
	font-weight: normal;
}
.nadpispolozka{
	font-size: 24px;
	text-align: left;
	font-weight: normal;
	color: #000 !important;
}
.hledatblok {
	display: none;
	margin-left: 40px;
	float: right;
}
.hledat{
	float: left;
	width: 120px;
	height: 40px;

	margin-top: 10px;
	background-color: #f5f5f5;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: none;

padding-left:50px;
background-size: 40px 40px;
}
.hledatico {
	position: absolute;
	color: #676767;
	margin-top: 22px;
	margin-left: 13px;
}
.stredmenu {
	display: none;
	width: 100%;
	

}
.galerieblok{
	display: none;
	width: calc(100% - 0px);
	margin-top: 30px;
	text-align: right;

	float: left;
}
.galerieobdelnik{
	width: calc(50% - 40px);
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	min-height: 300px;
	background-color: #f5f5f5;
}
.galerieobdelnik2{
	width: calc(100% - 0px);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	min-height: 300px;
	background-color: #f5f5f5;
}
.galerieobdelnik img{
	width: 100%;
}
.galerieobdelnik2 img{
	width: 100%;
}
.popisblok {
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	float: right;
	
	margin-top: 30px;
	width: calc(100% - 30px);
	padding-bottom: 50px;
}
.blokvelikosti{
	clear: both;
	margin-top: 30px;
}
.velikostbtn{
	width: calc(50% - 0px);
	margin-left: -2px;
	margin-right: -1px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #e6e6e6;
	border-top: none;
	margin-top: 0px;
	display: inline-block;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	cursor: pointer;
}
.velikostbtn:nth-child(odd) {
  
  border-left: none;
}

.velikostbtn:hover{
	border: 1px solid #000;
}
.blokbarvy{
	padding-top: 25px;
	cursor: pointer;
	height: 80px;
	overflow: auto;
	width: 100%;
	overflow: auto;
	text-align: center;
}

.barvabtn{
	width: 70px;
	height: 70px;
	display: inline-block;
	margin-right: 5px;
	background: #f7f7f7;
	border: 1px solid #f7f7f7;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.barvabtn img{
	width: calc(100% - 2px);
}
.barvadivmenu{
	width: calc(33.33% - 4px);
	text-align: center;
	margin-top: 10px;
	display: inline-block;
}
.barvadivmenu{
	margin-bottom: 10px;
}
.barvapopis{
	font-size: 11px;
	margin-top: 4px;
}
.barvabtnmini{
	width: 28px;
	height: 28px;

	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	border: solid 1px #e5e5e5;
}
.cerna{
	background: #000;
}
.modra{
	background: #1790C8;
}
.hneda{
	background: #825D41;
}
.zelena{
	background: #7BBA3C;
}
.seda{
	background: #808080;
}
.oranzova{background: #F36B26;}
.ruzova{background: #F0728F;}
.fialova{background: #8D429F;}
.cervena{background: #E7352B;}
.bila{background: #ffffff;}
.zluta{background: #FED533;}

.barvabtn:hover{
	border: 1px solid #000;
}
.btnpridat {
	cursor: pointer;
	width: 100%;
	height: 64px;
	margin-top: 21px;
	line-height: 64px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	background: #000;
		-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	border: 1px solid #000;

}
.btnpridat:hover{
	background: #757575;

}
.btnoblibene {
	cursor: pointer;
	width: 100%;
	height: 64px;
	margin-top: 10px;
	line-height: 64px;
	text-align: center;
	color: #222;
	background: #fff;
	border: 1px solid #000;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	font-size: 18px;
}
.btnoblibene:hover{
	border: 1px solid #000;
}
.btnoblibene .ico{
	margin-top: -10px !important;
	display: inline-block !important;
	top: 4px;
} 
.spanvelikost{
	display: block;
	padding-bottom: 10px;
	font-size: 18px;
	color: #000;
}
.popis {
	display: none;
	padding-top: 30px;
}
.popis p {
	font-size: 16px;
	line-height: 28px;
}
.popis_mob {
	padding-top: 30px;
}
.popis_mob p {
	font-size: 16px;
	line-height: 28px;
	text-align: left;
}
.ulpopis {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 0px;
	padding-left: 15px;
}
.ulpopis li{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.popispodrobnosti{
	color: #000;
}
.rozbalmenu {
	margin-top: 40px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	height: 80px;
	line-height: 80px;
	font-size: 18px;
}
.rozbalmenu2 {
	margin-top: 0px;
	border-bottom: 1px solid #e5e5e5;
	height: 80px;
	line-height: 80px;
	font-size: 18px;
}
.textrozbal {
	float: left;
}
.sipka {
	padding-left: 10px;
	float: right;
}
.hvezda {
	float: right;
	margin-top: -3px;
}
.hvezda i{
	font-size: 15px;
}
.btnoblibene i {
	font-size: 14px;
	margin-left: 7px;
}
.ikonyhlavicka{

	height: 60px;
	line-height: 70px;
	float: right;
}
.ikonyhlavicka i{
	margin-left: 20px;
	font-size: 20px;
	color: #6b6b6b;
}

/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 29px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #ccc;
  background-color: #fff;
  /*
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*/
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #111111;
  border: 1px solid #111111;
  /*
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*/
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popismenuvertikal{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}
.active{
	border: 1px solid #000;
}
.menuright{
	display: none;
	padding-right: 40px;
	float: right;
}
.reklamablok{
	width: 700px;

	font-size: 12px;
	line-height: 24px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.reklamatext{
	width: 300px;
	display: inline-block;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.reklamatext a {
color: #000;
}
.navreklamaleft{
	margin-top: 15px;
	display: block;
	float: left;
	font-size: 20px;
	color: #888;
}
.navreklamaright{
	margin-top: 15px;
display: block;
	float: right;
	color: #888;
	font-size: 20px;
}
.topmenu{
	float: right;
	font-size: 11px;
	line-height: 13px;
	padding-right: 40px;
	padding-top: 10px;
	color: #000;
}
.topmenu a{
	text-decoration: none;
	color: #000;
	font-size: 13px;
	padding-left: 10px;
	padding-right: 10px;
}
.patka{
	width: 100%;
	overflow: auto;
	padding-bottom: 50px;
	padding-top: 50px;
	background: #111;
}
.patka25{
	width: 100%;
	text-align: center;
	float: left;
	color: #fff;
	padding-left: 0px;
	padding-bottom: 30px;
}
.patka25 ul{
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	list-style: none;
}
.patka25 ul li{
	padding-left: 0px;
	margin-left: 0px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	list-style: none;
}
.patka25b{
	width: 100%;
	text-align: center;
	font-weight: 700;
	padding-top: 8px;
	float: left;
	color: #fff;
	font-size: 14px;
	padding-left: 0px;
	padding-bottom: 30px;
}
.patka25b ul{
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
	margin-top: 10px;
	padding-top: 0px;
}
.patka25b ul li{
	color: #7e7e7e;
	padding-left: 0px;
	margin-left: 0px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: 400;
	list-style: none;
}
.patka25b a {
	color: #f2f2f2;
	text-decoration: none;
}
.patka25b a:hover {
	color: #fff;
	text-decoration: underline;
}
.logogopay {
	text-align: center;
	padding-top: 10px;
}
.logogopay img{
	height: 30px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10;
	margin-bottom: 10px;
	display: inline-block;
}

.socicon {
	display: inline-block;
	font-size: 16px;
	background: #7f7f7f;
	width: 30px;
	height: 30px;
	text-align: center;
	margin-left: 15px;
	line-height: 30px;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.socicon a {
	color: #fff;
}
.sociconblok{
	width: 100%;
text-align: center;
clear: both;
padding-right: 0px;
}
.datum{
	position: absolute;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 24px;
	text-align: left;
}
.mobilbtn{
	cursor: pointer;
	width: 89px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 40px;
	margin-top: 25px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #000;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
}
.popisek_nazev2{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.velikostbtn:nth-child(2) {
  border-top: 1px solid #e6e6e6;

}
.velikostbtn:nth-child(3) {
  border-top: 1px solid #e6e6e6;

}
.listamobil{
	width: 100%;
	height: 95px;
	top: 0;
	border-bottom: 1px solid #ccc;
	position: fixed;
	z-index: 4999;
	background: #fff;
	-webkit-box-shadow: 0px 0px 40px -22px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 40px -22px rgba(0,0,0,0.75);
box-shadow: 0px 0px 40px -22px rgba(0,0,0,0.75);

}
.menubtn{
	float: left;
	margin-right: 5px;
	margin-left: 15px;
	width: 35px;
	height: 35px;
	margin-top: -25	px;
	margin-right: 15px;
	text-align: center;
	line-height: 35px;
	font-size: 30px;
	color: #000;
}
.menubtn2{
	float: left;
	margin-right: 5px;
	margin-left: 15px;
	width: 35px;
	height: 35px;
	right: 0;
	top: 50px;
	position: absolute;
	margin-top: -25	px;
	margin-right: 15px;
	text-align: center;
	line-height: 35px;
	font-size: 30px;
	color: #000;
}
.galerieblokmobil{
	margin-top: 240px;
	clear: both;
	overflow: hidden;
}
.logo{
	margin-left: 15px;
	margin-top: -40px;
	height: 70px;
	position: absolute;
	z-index: 2;
	display: none;
}
.logo3{
	width: 200px;
	margin-left: 20px;
	margin-top: 57px;


	position: absolute;
	z-index: 500000;

}
.logomob{
	top: 3px;
	height: 28px;
	position: absolute;
	left: 20px;
}
.ico{
	height: 18px;
	top: 10px;
	position: relative;
	display: inline-block;
}
.icotop{
	margin-left: 16px;
}
.ikonyhlavickamobil {
	position: absolute;
	right: 0px;
	top: -2px;
}
.listacerna {
	width: 100%;
	position: absolute;
	top: 0;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	text-align: center;
	background-color: #000;
}
.listacerna .fas {
	margin-left: 10px;
}
.listamobiltop {
	width: 100%;
	height: 30px;
	z-index: 5000;
	position: fixed;
	top: 55px;
}
.galindex{
	display: none;
}
.galindexmobdiv{
	width: 100%;
	top: 60px;
	position: relative;
	overflow: hidden;
}
.galindexmob{
}
.divkosikL {
	overflow: auto;
}
.kosik_nahled{
	width: 80px;
	height: 80px;
	display: block;
	float: left;
	margin-right: 15px;
	background-color: #f5f5f5;
}
.kosik_nahled img{
	width: 100%;
	margin-top: 10px;
}
.kosik_nahled2{
	width: 80px;
	height: 80px;
	display: block;
	float: left;
	margin-right: 15px;
	background-color: #f5f5f5;
}
.kosik_nahled2 img{
	width: 100%;
	margin-top: 15px;
}
.nazev_kosik{
	font-size: 14px;
	height: 50px;
	font-weight: bold;
	display: inline-block;
	float: left;
}
.nazev_doprava{
	font-size: 14px;
	padding-left: 0px;
	display: inline-block;
	float: left;
}
.nazev_doprava2{
	display: block;
	font-size: 13px;
	text-decoration: none;
	color: #000;
	font-weight: 500;
	padding-top: 15px;
	padding-left: 10px;
	display: inline-block;
	float: left;
}
.kategorie_kosik{
	color: #999;

	font-size: 14px;
	display: block;
	margin-top: 5px;
}
.kategorie_velikost{
	color: #999;
	font-size: 14px;
	display: block;
	float: left;
	margin-top: 5px;
}
.kategorie_pocet{
	color: #999;

	font-size: 14px;
	display: block;
	margin-left: 15px;
	float: left;
	margin-top: 5px;
}
.divkosikL {
	width: 100%;
}
.polozka_kosik {
	width: calc(100% - 0px);
	margin-bottom: 0px;
	border-bottom: 1px solid #eee;
	background: #fff;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
}
.polozka_kosik:last-child {
    border: none;
}
.polozka_kosik2 {
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.polozka_kosik2:last-child {
    border: none;
}
.kosik_popis {
	width: calc(100% - 95px);
	float: left;
}
.kosik_popis select {
	color: #999;
	font-size: 14px;
	margin-top: -15px;
	margin-right: 10px;
	margin-left: -3px;
	padding-left: 0px;
	display: block;
	float: left;
	font-family: 'Exo', sans-serif;
	border: none;
}
.ikonykosik {
	margin-left: 0px;
	margin-top: 20px;
}
.ikonykosik .fas, .ikonykosik .far {
	margin-right: 10px;
}
.polozka_kosik {
	overflow: auto;
	padding-bottom: 20px;
}
.polozka_kosik2 {
	overflow: auto;
	padding-bottom: 20px;
}
.cena_kosik {
	font-size: 14px;
	margin-right: 0px;
	font-weight: bold;

	right: 30px;
}
.divkosikR {
	width: calc(100% - 0px);
	padding-left: 0px;

}
.kosik1prehled {
	overflow: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}
.btnkosik {
	display: block;
	font-size: 14px;
	padding: 15px 15px 15px 15px;
	text-decoration: none;
	text-align: left;
	font-weight: 500;
	background: #000;
	color: #fff;

	transition: all 0.2s;
    -moz-transition: all 0.2s; /* Firefox 4 */
    -webkit-transition: all 0.2s; /* Safari and Chrome */
    -o-transition: all 0.2s; /* Opera */
}
.btnkosik:hover {
	background: #666;
}
.btnkosik2 {
	width: calc(100% - 30px);
	margin-left: auto;
	margin-right: auto;
}
.btnkosik3 {
	width: calc(100% - 30px);
	margin-left: auto;
	margin-right: auto;
	background: #ccc;
	margin-bottom: 15px;
}
.btnkosik4 {
	display: block;
	font-size: 14px;
	padding: 15px 15px 15px 15px;
	text-decoration: none;
	text-align: left;
	font-weight: 500;
	background: #ccc;
	margin-top: 15px;
}
.btnkosik5 {
	margin-top: 15px;	
}
.btnkosik6 {
	width: calc(100% - 50px);
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	background: #333;
}
.btnkosik7 {
	background: #bbb;
}
.btnkosik7 {
	background: #bbb;
}

.btndekovacka_div{
	width: 100%;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}
.btnzasilkovna {
	display: block;
	float: right;
	font-size: 12px;
	padding: 7px 10px 7px 10px;
	text-decoration: none;
	text-align: left;
	font-weight: 400;
	background: #444;
	color: #fff;
	transition: all 0.2s;
    -moz-transition: all 0.2s; /* Firefox 4 */
    -webkit-transition: all 0.2s; /* Safari and Chrome */
    -o-transition: all 0.2s; /* Opera */
}
.btnzasilkovna:hover {
	background: #666;
}
.kosikbtndiv {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 35px;
}
.btnkosik .fas {
	float: right;
}
.btnkosik .far {
	float: right;
}
.shnuti1 {
	margin-top: 15px;
	background: #fff;
	margin-bottom: 35px;
	padding: 20px 15px 20px 15px;
	border: 1px solid #eee;
}
.shnuti1 h2{
	font-weight: bold;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 16px;
}
.shnuti1 table {
	margin-top: 6px;
	width: 100%;
	font-size: 13px;
	display: inline-table;
}
.shnuti1 table td{
		padding-bottom: 10px;
}
.shnuti1 table td:nth-child(2) {
  text-align: right;
}
.shnuti2 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 25px;

	padding: 20px 15px 20px 15px;
	border: 1px solid #eee;
	background: #fff;
}
.shnuti2 h2{
	font-weight: bold;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 16px;
}
.shnuti2 table {
	width: 100%;
	font-size: 13px;
}
.shnuti2 table td{
		padding-bottom: 10px;
}
.shnuti2 table td:nth-child(2) {
  text-align: right;
}
.slevovykod {
	border: 1px solid #999;
	width: calc(100% - 20px);
	height: 40px;
	margin-top: 0px;
	padding-left: 15px;
}
.slevovykod::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbb;
  opacity: 1; /* Firefox */
  font-family: 'Exo', sans-serif;
}
.btnsleva {
	margin-top: -33px;
	margin-left: 0px;
	right: 30px;
	position: absolute;
}
.divikony_karty {
	font-weight: bold;
	font-size: 12px;
	margin-top: 40px;
	padding-left: 0px;
	padding-right: 0px;
}
.karty {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
.radekkosik {
	clear: both;
	margin-bottom: 40px;
}
.radio {
	float: left;
}
label {
	font-weight: 500;
	color: #666;
	font-size: 15px;
	margin-left: 15px;
}
.labelimg {
	display: block;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: -6px;
;
	width: 30px;
}
.labelimg2 {
	display: block;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: -4px;
	
	height: 30px;
}
.labelimg3 {
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: -4px;

	height: 25px;
}
.kosik2L {
	width: 100%;
}
.kosik2R {
	width: 100%;
}
.kosik2L h2 {
	font-size: 16px;
	margin-bottom: 30px;
}
.kosik2R h2 {
	font-size: 16px;
	margin-bottom: 20px;
}
.h1rekapitulace {
	margin-bottom: 20px;
}
.ppl {
	width: 60px;
	margin-top: 6px;
}
.kosik_doprava {
	margin-bottom: 15px;
}
.kosik_platba {
	margin-bottom: 15px;
}
.kosikall {
	overflow: auto;
	width: calc(100% - 30px);
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 100px;
	padding-bottom: 100px;
	background: #f6f6f6;
}
.input50 {
	width: calc(100% - 25px);
	border: 1px solid #ccc;
	height: 40px;
	margin-top: 20px;
	padding-left: 15px;
}
.input50top{
	margin-top: 20px;
}
.input50topmobil{
	margin-top: 0px;
}
.input100 {
	width: calc(100% - 25px);
	border: 1px solid #ccc;
	height: 40px;
	margin-top: 20px;
	padding-left: 15px;
}

.input50::placeholder, .input50top::placeholder, .input100::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbb;
  opacity: 1; /* Firefox */
  font-family: 'Exo', sans-serif;
}
.popisosobniudaje {
	display: block;
	font-size: 12px;
	margin-top: 3px;
	margin-left: 10px;
	color: #999;
	margin-bottom: -10px;
}
.drobecky_kosik{
	width: 90%;
	margin-left: auto;
	margin-right: auto;

	padding-top: 30px;
	padding-bottom: 10px;

	overflow: auto;
	display: block;
}
.drobek{
	width: 55px;
	font-size: 10px;
	text-align: center;
	line-height: 30px;
	float: left;
	text-align: center;
	color: #ccc;
	text-decoration: none;
}
.drobek img {
	height: 20px;
}
.drobek .fas, .drobek .fab {
	display: block;
	height: 20px;
	font-size: 22px;
}
.drobek_cara {
	width: calc(50% - 94px);
	margin-left: 5px;
	margin-right: 5px;
	height: 2px;
	background: #ddd;
	float: left;
	margin-top: 10px;

}
.icodrobek {
	margin-right: 0px;
}
.aktivni_drobek {
	color: #000;
}
.vzbratzasilkovnu {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -5px;
	font-size: 12px;
}
.btnkosikpc {
	display: none;
}
.btnkosikmob {
	margin-top: 10px;
}
.btnpckosik {
	display: none;
}
.infomapa {
	margin-left: 0px;
	margin-right: 5px;
	font-size: 12px;
	color: #FFF;
}
.container {
	font-weight: 500px;
  display: block;
  margin-left: 0px;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 7px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dph {
	font-size: 10px;
}
.bilypodklad {
	background: #fff;
	padding: 15px 15px 0px 15px;
	border: 1px solid #eee;
}
.bilypodklad2 {
	padding-bottom: 35px;
}
.dekovacka {
	text-align: center;
	padding-top: 50px;
}
.dekovacka h1 {
	font-size: 28px;
	line-height: 36px;
}
.dekovacka_p{
	width: calc(100% - 30px);
	padding-left: 15px;
	font-size: 14px;
	text-align: center;
	padding-right: 15px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.dekovackaimg {
	color: #333;
	margin-bottom: 20px;
	font-size: 90px;
}
.btnkosik6 .fas, .btnkosik6 .far {
	float: left;
	margin-top: 1px;
	margin-left: 20px;
	margin-right: 20px;
}
.dropmenu{
	display: none;
}
.blokdrop {
	display: none;
}
.galpopisek p {
	width: calc(100% - 30px);
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 10px;
	text-align: center;
}
.galpopisek h2 {
	text-align: center;
}
.blogdivall {
	padding-top: 100px;
	width: calc(100% - 30px);
	padding-left: 15px;
	padding-right: 15px;
}
.blogdivall h2 {
	text-align: center;
}
.href_blog {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 50px;
	color: #fff;
	background: #000;
	width: calc(100% - 60px);
	margin-left: auto;
	margin-right: auto;
	height: 50px;

	text-align: center;

	border: 1px solid #000;
		-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;

}
.galindp {
	padding-left: 20px;
}
.swiper-slide {
	text-decoration: none;
	color: #000;
	padding-top: 20px;
	text-align: left !important;
font-size: 13px !important;
}
.swiper-slide span {
	font-size: 18px;
	margin-top: 8px;
	display: block;

	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
}
.swiper-slide p {
	font-size: 14px;
	color: #666;
	margin-top: 15px;
	display: block;
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}
.kategorie_cena {
	margin-top: -20px;
	font-size: 18px;
}
.kategorie_text{
	color: #999;
	font-size: 16px !important;
}
.kategorie_cena {
	margin-top: -20px;
	font-size: 14px !important;
}
.logoznacka {
	display: none;
}
.popisekvypis{
	text-align: left;
	padding-left: 30px;
}
.kategorie_text {
	display: block;
}
.popisek_kategorie2 {
	display: block;
}
.menumobil {
  width: 100%;
  min-height: 100%;
  display: none;
  z-index: 15000 !important;
  top: 0px;
  position: absolute;
  background-color: #fff;
}
.menumobil nav ul{
  width: 100%;

  margin-top: 150px;
  margin-left: 0px;


  margin-left: 0px;
  padding-left: 0px;

}
.menumobil nav ul li{
  width: 100%;
  height: 70px;
    padding-right: 0px;
    margin-left: 0px;
  padding-left: 0px;
  margin-left: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 10px;
  line-height: 70px;
  border-bottom: 1px solid #ccc;
  clear: both;
}
.menumobil nav ul li a{
  width: 100%;
  height: 70px;
  padding-top: 10px;
  font-size: 20px;
  display: block;
  padding-left: 30px;
  color: #000;
  text-transform: uppercase;

}

body, html {
  height: 100%;
  width: 100%;

}
.menubtn {
	z-index: 20000;

}
.odskok_recenze{
	margin-top: 10px;
	margin-left: 20px;
}
.odskok_recenze span{
	font-size: 20px;
}
.odskok_recenze p{
	font-size: 18px;
}
.odskok_recenze .fas{
	font-size: 18px;
	margin-bottom: 30px;
}
.swiper-button-prev {
	color: #333 !important;
}
.swiper-button-next {
	color: #333 !important;
}
.selectmenu {
	width: 100%;
	text-align: center !important;
	height: 60px;
	font-size: 16px;
	text-align: center;
	padding-left: 15px;
	border: 1px solid #000;
		-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
}

.selectmenu .lt {
	text-align: center;
}
.blog_clanek {
	width: calc(100 - 40px);
}
.blogdiv, .hrefblog {
	width: 100%;
	color: #333;
}
.mobil_blog_div{
	width: 100% !important;
	text-decoration: none !important;
		color: #333;
}
.mobil_blog_div a span{
	text-decoration: none !important;
		color: #333;
}
.blogdiv {
	text-decoration: none !important;
}
a:-webkit-any-link {
	text-decoration: none !important;

}
.swiper-slide img {
	width: 100% !important;
	margin-bottom: 20px;
}
.galindimg {
	width: 100%;
}
.bloktext{
	margin-top: 140px;

}

.blog_in {
	width: calc(100 - 60px) !important;
	padding-left: 30px;
	padding-right: 30px;

}

.skryt_mobil {
	display: none;
}
.gal1_obal {

}
.mySwiper3 {
	display: none !important;
}
.mySwiper1{
	display: none !important;
}
.mySwiper2 {
	display: none !important;
}
.mySwiper5 {
	width: 100%;
}
.mySwiper6 {
	display: none !important;
}
.mySwiper7 {
	display: none !important;
}
.swiper-backface-hidden .swiper-slide {
	width: 100%;
	}
.swiper-slide img {
	width: 100%;
	height: auto !important;
}
.blog_pc .swiper-wrapper {
	display: inline-block !important;
}
.swiper-wrapperm, .swiper-slide {
	width: 100% !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	font-size: 30px !important;
	margin-top: -100px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	font-size: 30px !important;
	margin-top: -100px;
}
.swiper-slide span {
	text-decoration: none !important;
	color: #000 !important;
}
.swiper-slide p {
		text-decoration: none !important;
	color: #000 !important;

}


.blog_sipka .swiper-button-next:after, .swiper-button-prev:after{
	top: 0px !important;
	position: absolute;
}
.swiper-button-next:after, .swiper-button-prev:after{
	top: 0px !important;
	position: absolute;
}





ul{
  width: 100%;

  margin-top: 150px;
  margin-left: 0px;


  margin-left: 0px;
  padding-left: 0px;
  overflow: auto;

}
ul li{
  width: 100%;
 	color: #000;
    padding-right: 0px;
    margin-left: 0px;
  padding-left: 0px;
  margin-left: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 10px;
  line-height: 70px;
  border-bottom: 1px solid #ccc;
  clear: both;
}
.menumobil nav ul li a{
  width: 100%;
  height: 70px;
  padding-top: 10px;
  font-size: 20px;
  display: block;
  padding-left: 30px;
  color: #000;
  text-transform: uppercase;

}




#years, #months, #posts{
    cursor:pointer;
}
.archive_year {
margin-left: 1em;
font-size: large;
font-weight: bold;
cursor: pointer;
}
.archive_month {
margin-left: 1em;
margin-top: 0;
margin-bottom: 1em;
list-style-type: circle;
font-size: medium;
cursor: pointer;
}
.archive_posts {
margin-left: 1em;
margin-top: 0;
margin-bottom: 1em;
list-style: square url('http://www.webbossuk.com/admin/images/reply-arrow.png');
font-weight: normal;
cursor: pointer;
}
.archive_posts li a{
	color: #000;
}