/**** < 767 / mobile **********************************************************/
@media (max-width:767px) {

.mobile-hidden {
	display:none!important;
}
.pc-hidden {
	display:block!important;
}



/**** layout **********************************************************/
.content-width, ul.menu.stuck span.menu-in {
	width:96%;
}
div.screen-in {
	padding:80px 0 0 0;
}
a.to-home {
  margin:37px 0 0 0;
	width:100px;
}
a.to-sister {
  display:none;
}

/*** head ***/
div.head {
	background:url(../img/mobile/head.png) center top repeat-x white;
	height:90px;
}

/*** head adresa ***/
div.head-adresa {
	background:none;
	padding:3px 0 0 0;
}
div.head-adresa strong, div.head-adresa span {
	display:none;
}


/*** mobile icons ***/
.mobile-icons {
	position:absolute;
	top:3px;
	right:5px;
}
.mobile-icons a {
	float:left;
	margin:0 0 0 12px;
}
.mobile-icons a img {
	width:20px;
	height:20px;
}

p {
	line-height:1.5em!important;
}
img.f-left, img.f-right {
	display:block;
	float:none!important;
	margin:10px 0 20px 0;
	max-width:100%;
}
div.page {
	padding:25px 20px 25px 20px;
}
div.page img {
	max-width:100%;
}

.loading {
	min-height:100px;
}
/* Control Nav */
.flex-control-nav {
	display:none;
}

.servis span.green {
	display:block;
}

/*** path ***/
div.path div.content-width {
	padding:30px 0 20px 0;
}
div.path div.path-in {
	font-size:12px;
}


/*** showmenu ***/
a.showmenu {
	display:block;
	top:39px;
}

ul#menu {
	display:none!important;
}
ul#menu-mob {
	position:absolute;
	top:90px;
	left:-2%;
	right:-2%;
	display:none;
	z-index:9999;
	border-bottom:1px solid #ccc;
	font-family:BebasNeueRegular;
}
ul#menu-mob li {
	margin:0;
	padding:0 0 10px 0;
	xborder-bottom:1px solid #ccc;
	display:block;
	float:none;
	width:auto;
}
ul#menu-mob li a {
	font-size:26px;
	color:#323232;
	padding:10px 10px 10px 10px;
	display:block;
	text-align:center;
	text-decoration:none;
}
ul#menu-mob li a span {
	position:static;
	width:auto;
	padding:0 0 0 0;
	margin:0;
	display:block;
}
ul#menu-mob li a em {
	display:block;
	position:static;
	width:auto;
	height:40px;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 0 10px 0;
	background-size:auto 30px;
}

ul#menu-mob li.m-sympa {
	display:block;
	padding:0;
}
ul#menu-mob li.m-sympa a {
	margin:30px 0 10px 0;
	width:auto;
	height:35px;
	background:url(../img/logo.png) no-repeat center center;
	background-size:auto 35px;
	display:block;
	border:0;
	padding:0;
}
ul#menu-mob li.m-sympa span {
	display:none;
}


/*** javascript menu ***/
ul#menu-mob ul {
  width:auto;
  display:block;
  position:static;
  padding:0;
  background:white;
  font-family:Titillium web;
}
ul#menu-mob ul li {
  border:0;
  padding:0;
}
ul#menu-mob ul li a {
	width:auto;
	display:block;
  font-size:13px;
  border:0;
  background:none!important;
  font-size:15px;
  padding:5px 0 5px 0;
  font-weight:bold;
  text-transform:uppercase;
}









/*** perex ************************/

.perex h3 {
	font-size:22px;
	margin:10px 0 10px 0;
}
.perex-desc {
	margin:0 0 0 0;
}
.perex-date {
	float:none;
	display:inline-block;
}
.novinky-vice {
	margin:0 0 0 0;
}


/*** item ************************/
.item {
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	text-align:center;
}
.item h3 {
	font-size:22px;
	margin:10px 0 10px 0;
}
.item img {
	float:none;
	display:block;
	margin:0 auto 10px auto;
	max-width:100%;
	width:auto;
}
.item-desc {
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/*** nase sluzby ***/
div.sluzby {
	text-align:center;
}
a.sluzba {
	margin:0 auto 40px auto;
	padding:150px 0 0 0;
	width:269px;
	float:none;
	display:block;
}
a.sluzba:last-child {
	margin:0 auto 0 auto;
}
a.sluzba img.sluzba-img {
	width:269px;
}
a.sluzba span.sluzba-in {
	width:240px;
	margin:40px auto 0 auto;
	padding:30px 30px 25px 30px;
}
a.sluzba span.sluzba-in:after {
  border-left: 120px solid transparent;
  border-right: 120px solid transparent;
}
a.sluzba span.sluzba-in strong.sluzba-h {
	font-size:28px;
	margin:0 0 15px 0;
}
a.sluzba-skiservis span.sluzba-in strong.sluzba-h {
	font-size:24px;
}
a.sluzba span.sluzba-in p {
	height:auto;
	font-size:15px;
}





/*** galerie ***/
a.gal-item {
	width:auto;
	float:none;
	margin:0 0 15px 0;
	padding:15px;
	height:auto;
	display:block;
}
a.gal-item h2 {
	font-size:18px;
}
a.gal-item img {
	margin:auto;
}




div.loga {
	text-align:center;
}
div.loga h3 {
	text-align:center;
}
div.loga img {
	margin:10px 10px 15px 10px;
	max-width:100px;
}





/*** foot ***/
div.foot {
	padding:20px 0 20px 0;
}

/*** copy ***/
div.copy {
	margin:0 auto 0 auto;
	display:inline-block;
}

div.copy-loga {
	float:none;
	width:auto;
	margin:10px 0 0 0;
}
div.copy-loga img {
	width:100px;
	margin:0 20px 0 0;
}
div.copy-loga a:last-child img {
	margin:0 0 0 0;
}

div.copy div.foot-adresa {
	margin:30px 0 10px 0;
	font-size:13px;
	float:none;
}
div.copy div.foot-adresa strong {
	font-size:17px;
}
a.foot-phone {
	display:inline-block;
	margin:10px 10px 10px 10px;
}
a.foot-mail {
	display:inline-block;
	margin:0 10px 0 10px;
}



/*** foot menu ***/
div.foot {
	text-align:center;
	background:#333333;
}
ul.foot-menu {
	position:static;
	margin:auto;
	text-align:center;
	display:inline-block;
}
ul.foot-menu li {
	display:inline-block;
	float:none;
	margin:0 0 20px 0;
}
ul.foot-menu li a {
	font-size:20px;
	width:80px;
	display:block;
}





/*** submenu ***/
ul.foot-menu ul {
  display:none;
}


/**** alert line **********************************************************/
.alert-line-in {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	text-align:center;
}
.alert-line-in .nowrap {
	white-space:normal!important;
}
.alert-line-in > * {
	margin:0 0 10px 0;
}
.alert-line-in > *:last-child {
	margin:0 0 0 0;
}
.alert-line-l {
	display:flex;
	align-items:center;
	flex-direction:column;
}
.alert-line-l > * {
	margin:0 0 10px 0;
}
.alert-line-r {

}



/*** format text ***/
.format-text h2 {
	font-size:26px;
}
div.format-text .f-left, div.format-text .f-right {
	float:none!important;
}
div.format-text .f-left {
	margin:0 0 20px 0;
}

h1 {
	font-size:32px;
}
h2 {
	font-size:26px;
}
h3 {
	font-size:18px;
}

/**** forms **********************************************************/

table.table1 th {
	display:block!important;
	padding-bottom:5px;
	padding-top:15px!important;
}
table.table1 td {
	display:block!important;
	padding:0;
}
input.bigmedium {width:100%!important;}
input.medium {width:100%!important;}
input.middle {width:100%!important;}
input.middleplus {width:100%!important;}
input.moremiddle {width:100%!important;}
input.big {width:100%!important;}
input.morebig {width:100%!important;}
input.extrabig {width:100%!important;}
input.huge {width:100%!important;}
input.extramax {width:100%!important}
input.max {width:100%!important}
input, select, textarea {
	width:100%!important;
}

}