/**** < 767 / mobile **********************************************************/
@media (max-width:767px) {

.mobile-hidden {
	display:none!important;
}
.pc-hidden {
	display:block!important;
}
.mobile-only {
	display:block!important;
}
span.mobile-only {
	display:inline-block!important;
}
.t-center-mobile {
	text-align:center!important;
}
.t-left-mobile {
	text-align:left!important;
}
.t-left-mobile > *.lmg-10 {
	margin-right:10px;
	margin-left:0!important;
} 
.mobile-block {
	float:none!important;
	display:block!important;
	margin:0 0 30px 0!important;
}
a.to-home {

	width:180px;

}

.blok {
	padding:10px;
}
.mobile-flexblock {
	flex-wrap:wrap;
}
.mobile-flexblock > * {
	width:100%!important;
	margin:0 0 50px 0;
}
.mobile-flexblock-nomg > * {
	margin:0 0 10px 0;
}
.mobile-flexblock > *:last-child {
	margin:0 0 0 0;
}

/**** layout **********************************************************/
.content-width, ul.menu.stuck span.menu-in {
	width:92%;
}

/*** topbar ***/
.topbar-in {
	padding:3px 0 10px 0;
	flex-wrap:wrap;
	justify-content:space-between;
}
.topbar a {
	width:100%;
	margin:7px 0 0 0;
}
.topbar img {
	width:22px;
	height:22px;
	margin:0 10px 0 0;
}



h1, .h1 {
	margin:0 0 25px 0;
	padding:0 0 0 60px;
	font-size:26px;
	background:url(../img/icons/arr_right_black.png) no-repeat 0 10px;
	background-size:45px auto;
}
ul.def li, .perex {
	padding:0 0 0 15px;
}
ul.def li:before, .perex:before {
	left:0;
}

div.page {
	padding:40px 0 40px 0;
}
div.page-in {
	padding:0 0 0 0;
}

.slider {
	height:400px;
}
.slider-cat {
	font-size:22px;
	top:65%;
}
.slider-cat img {
	display:none!important;
}
.cycle-pager {
	display:none;
}


/*** showmenu ***/
div.canvas.act {
  display:block;
}
a.showmenu {
	display:block;
}


/*** menu ***/
div.menubar {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#E40421;
	z-index:101;	
}
div.menubar-in {
	height:60px;
}
div.menubar ul {
	display:none;
	position:fixed;
	left:0;
	right:0;
	bottom:60px;
	width:100%;
	z-index:101;
	background:black;
	padding:4%;
}
div.menubar ul.menu.mobile-down {
	display:block;
}
div.menubar ul li {
	padding:0 0 0 0;
	position:relative;
	display:block;
}
div.menubar ul li a {
	padding:10px;
	display:flex;
	align-items:center;
	justify-content:left;
	color:white;
	font-size:26px;
	text-align:left;
	font-weight:bold;
	position:relative;
	border:none;
}
div.menubar ul li:first-child a {
	border:none;
}
div.menubar ul li a:hover {
	text-decoration:none;
	background:#333;
}
div.menubar ul li a img {
	display:block;
	margin:0 20px 0 0;
	height:auto;
	width:26px;
}
div.menubar ul li.act a {
	background:#C5031D;
}

div.login {
	font-size:16px;
}
div.login img {
	height:18px;
}



/*** loga ***/
div.loga {
	flex-direction:column;
}
div.loga a {
	margin: 0 0 30px 0;
}


/*** boxrow ***/
.boxrow > * {
	width: calc(50% - 10px);
}


/*** galerie ***/
div.galerie .item {
	padding:15px;
	width:100%;
	margin:0 0 20px 0;
}
div.galerie .item strong {
	margin:0 0 20px 0;
}



/*** kurzy ***/
.kurzy .item {
	display:block!important;
}
.kurzy .item .item-r {
	margin:5px 0 0 0;
	justify-content:space-between;
	align-items:center;
}
.kurzy .item .item-r > * {
	width:auto!important;
}
.kurzy .item .item-r .cena {
	text-align:left;
}

.filtr input, .filtr select {
	width:100%;
	margin:0 0 5px 0!important;
}

/*** foot ***/
div.foot-in {
	padding:20px 0 20px 0;
	flex-direction:column;
} 
div.foot-in img {
	width:140px;
	margin:0 0 20px 0;
}
div.foot-in .copy {
	text-align:center;
	font-size:12px;
	line-height:1.5em;
}

.popup {
	width:90%;
	height:auto;
	top:80px;
	left:0;
	margin:0 5% 0 5%;
	padding:40px 40px 40px 40px;
}
.sleva-ico {
	top:-100px;
	left:-70px;
}
.popup h2 {
	text-align:center;
	padding:10px 0 0 0;
}
.popup p {
	text-align:center;
}
.popup form div input {
	float:none;
	display:block;
	margin:0 auto 10px auto;
	text-align:center;
	width:100%!important;
}


div.format-text .f-left, div.format-text .f-right {
	float:none!important;
}
div.format-text img.f-left, div.format-text img.f-right {
	margin:10px 0 10px 0;
	float:none!important;
	display:block;
}

table.table1 {
	width:100%;
}
table.table1 tr, table.table1 td, table.table1 th {
	display:block;
	text-align:left!important;
}
table.table1 tr {
	margin:0 0 15px 0;
}
table.table1 td, table.table1 th {
	border-bottom:0;
	padding:5px 0 5px 0;
}
table.table1 input {
	max-width:100%;
}
table.table1 textarea {
	width:100%!important;
}
table.table1 label {
	font-weight:bold;
}
table.table1 span.mobile-only {
	margin:0 10px 0 0;
}


table.table2 {
	width:100%;
}
table.table2 tr, table.table2 td, table.table2 th {
	display:block;
	text-align:left!important;
}
table.table2 tr {
	margin:0 0 15px 0;
}
table.table2 td, table.table2 th {
	border-bottom:0;
	padding:5px 0 5px 0;
}
table.table2 input {
	max-width:100%;
}
table.table2 textarea {
	width:100%!important;
}
table.table2 label {
	font-weight:bold;
}
table.table2 span.mobile-only {
	margin:0 10px 0 0;
}


}