@charset "utf-8";
/* CSS Document */
.podpora_tel {display: inline-block;}
@media screen and (max-width:1500px) {

    .podpora_tel {display: none;}

	
}	
@media screen and (max-width:1250px) {
	#logo {	width: 250px;}
	.screeny {margin: 60% auto 0 auto; }
	.podrobnosti {margin: 10px auto 0 auto; }
	.screeny_popis {font-size: 65%; line-height: 1.6;}
	.obr3_1 { background-size: 110% auto; background-position: center  10vw;}
	.bjqs-prev, .bjqs-next  {left:0px; position: absolute; z-index: 10;}
	.bjqs-next  {right:60px;left:auto;}
	.screenybut_d {bottom: 37%;}
	
}	
@media screen and (max-width:1024px) {
	body, html {
		font-size: 10pt;
		font-family: "futura-pt",sans-serif;
	}
	.obr5 {

		min-height: 80%;
		/*padding-bottom: 400px;*/
		background-position-x: 65vw;
	}
	.navbar .navbar-toggle {
		display: block;
	}
	#logo {
		/*display: none;*/
}
	.regbut {
		max-width: 70%;
		font-size: 1.2rem !important;
		padding: 1.5rem !important;
	}
	.toptext {
		font-size: 2rem;
	}
	
	.move_down {
    	
		font-size: 1.2rem;

	}
	.subtext {
		font-size: 1.5rem;
    	padding: 2rem 2rem 0 2rem;

	}
	#top {
		background-size: 30%;
	}
	
	.telefon {
		display: none;
	}
	form .telefon {
		display: inline;
		width:72% !important;
	}
	form .pole1, form .pole2 {
    display: inline;
    width: 49%;
    margin-left: 0px; 
	}
	form .partial {
    width: 49% !important;
	}
	.icon-desc {
		display: none;
	}

	h2 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.3rem;
	}
	.tooltip {
		position:absolute;
		z-index: 999999;
		font-family: "swister";
		background-color: white;
		width: 35vw;
		padding:1.5rem;
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
		border-top-right-radius: 1rem;
		-webkit-filter: drop-shadow(1px 1px 10px gray);
		box-sizing: border-box;
	}
	.icon_cells {
		width: 20vw;
		margin: 4vw;
		max-width: 120px;
	}
	.proc_ikony_obr {
		width: 49%;
	}
	.logo_pata {padding: 0 0 1rem 0;}
	.terciary_menu {display: block;}
	.obr3_1 { background-position: center  16rem;}
	.screenybut_d {display: none;}
	.screenybut_m {
		display: block;
		position: absolute;
		right: 0%;
		color: green;
		font-weight: 300;
		font-size: 200%;
		bottom: 36%;
	}	
	}	
@media screen and (max-width:700px) {
	#top {
		background-size: 60%;
	}
	.proc_ikony_obr {
		width: 70%;
	}
	.tooltip {
		display:none;
	}
	.image-map {
		display:none;
	}
	.subtext {
		font-size: 1.2rem;
    	padding: 0.5rem 2rem 0 2rem;

	}
	.mail_sup {
		display: block;
	}
	.narrow {
	    padding: 0 1rem;
	}
	.podpora_icon {
    	margin: 0 1rem 4rem 1rem;
	}
	.otazka {
		font-size: 1.2rem;
		width: 90%;

	}
	.obr3_1 .tbl_cell, .obr5 .tbl_cell {
		display: block;
	}
	.cell50 {
		width: auto;
	}
	.icon_cells {
		width: 30vw;
    	margin: 9vw;
		max-width: 120px;
	}
	.cenik {
		width: 90%;
	}
	th {
		font-size: 80%;
	}
	.standard_head, .premium_head {
		min-width: auto;
		width: 25%;
	}
	.obr7 {
		 background-size: 100%;
	}
	.obr5 {
		background-size: 240px;
    	padding-bottom: 300px;
		background-position-x: right;
	}
	.obr8 .pata {
    font-size: 0.8rem;
	}
	.obr3_1 { background-position: center  15rem;}
	.otv_okno {width:90vw; height:90vh;}
	.screeny {margin: 50% auto 0 auto; }
	.funkce_okno { width: 99vw; height: 99vh;}
}	
@media screen and (max-width:500px) {

	.obr3_1 { background-position: center 21rem;}
	.subtext {font-size: 1.1rem; padding: 0.2rem 2rem 0 2rem;

	}
		   
}

@media screen and (max-width:400px) {
	.mail_sup {
		display: inline;
	}
	.obr3_1 { background-position: center 23rem;}
	.regbut { font-size: 1.1rem !important;}
	.obr8 .cell50 { width: 50%;}
}
@media screen and (min-aspect-ratio:16/9){ /* landscape */

	.vhrat10 {
		height: 5vh;
	}
	.home_img {
		/*width: auto; */
		max-height: 65vh; 
	}
}
@media screen and (min-aspect-ratio:16/10) and (max-width:700px){ /* landscape */
	#logo {
		width: 40%;
		height:30%;
		margin-top: 5%;
}
	.regbut {
		max-width: 40%;
		font-size: 1.2rem;
		padding: 1rem 0;
		margin-top: -1rem;
	}
	.vhrat20 {
		height: 45px;
	}
	.scr_height {
		min-height:auto;
	}
	.subtext {
		display: none;
	}
	.home_img {
		margin-bottom: 10vh;
	}

}
@media screen and (max-aspect-ratio:12/16){ /* portret */

	.vhrat10 {
		height: 5vh;
	}
	.home_img {
		max-height: 941px;
		max-width: 800px;
		width: 80vw;
	}
	.img_map {
		display:none;
	}
	#banner-fade {
		height: 941px;
		max-width: 800px;
	}
	.bjqs-slide {height: 941px;}
	.bjqs-prev, .bjqs-next  {left:-10px; position: absolute; z-index: 10;}
	.bjqs-next  {right:50px;left:auto;}
	.bjqs-prev a, .bjqs-next a { background-size: contain;}
	.obr4_pre {	background-image: url(../images/rezervacni_system_tel.jpg);}
	.obr5_pre {	background-image: url(../images/recepcni_system_tel.jpg);}
}

