@charset "utf-8";
@import url("navbar.css");

/* CSS Document */
@media screen {
body, html {
	font-size: 12pt;
	font-family: "franklin-gothic-urw" /*canada-type-gibson*/, sans-serif;
	font-weight: 300;
	font-kerning: normal;
	-webkit-font-kerning: normal;
}
.script_font {
}
.light_text {
	font-weight: 300;
}
/******************************************/ 
li.bjqs-slide {
	position: absolute;
	display: none;
	overflow: visible;
	height: 100%;
}
ul.bjqs {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: visible;
	display: none;
	height: 65vh !important;
}
.porovnani_img {width: 100%; height:auto; cursor: pointer; cursor: hand;}
#banner-fade {
	display: block;
	max-width: 1200px;
	vertical-align: middle;
	position: relative;
	margin: 0 auto;
	height: 675px !important;
	max-height: 65vh !important;
	/*padding-top: 29px;
    box-sizing: border-box;*/
}
.bjqs-slide {
	text-align: center;
}
.bjqs-slide .home_img_container {
	max-width: 90vw;
	max-height: 100%;
}	
.bjqs-markers {
	display: none;
}
.bjqs-controls {
	position: absolute;
	top: 0;
	color: transparent;
	height: 0;
	width: 100%;
}
.bjqs-prev, .bjqs-next {
	left: -60px;
	position: absolute;
	z-index: 10;
}
.bjqs-next {
	right: 0px;
	left: auto;
}
.bjqs-prev a, .bjqs-next a {
	font-size: 0;
	width: 60px;
	max-height: 65vh !important;
    height: 673px !important;
	background-image: url("/images/arr_left.png");
	position: absolute;
	background-position: center;
	top:0;
}
.bjqs-next a {
	background-image: url("/images/arr_right.png")
}
.bjqs-slide .tbl_cell {
	width: 100vw;
}
.vh10 {
	height: 10vh;
}
.p5 {
	height: 5%;
}
.vhrat10 {
	height: 10vh;
}
.vhrattop {
	height: 50px;
}
#top-back {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url(/images/logo_RS_nove_2020_ikona.svg);
	background-position: 6px center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.right {
	text-align: right !important;
}
.home_img {
	max-width: 98%;
	max-height: 100%;
}
.home_img_container {
	display: inline-block;
	max-width: 1200px;
	vertical-align: middle;
	position: relative;
}
.uzivejte {
	max-width: 700px;
	width: 70%;
	height: auto;
}
.width {
	max-width: 70vw;
	margin: auto;
}
/* ----------------- image map ----------------- */
.tooltip {
	position: absolute;
	z-index: 999999;
	font-weight: 300;
	font-size: 14px;
	background-color: #FEF8CD;
	width: 18vw;
	padding: 1.5rem;
	box-sizing: border-box;
    border: solid 1px #DFD69B;
}
.home_img_map_p1 {
	background-color: transparent;
	position: absolute;
	left: 8.2%;
    top: 20%;
    width: 8%;
    height: 12%;
	border-radius: 100px;
}
.home_img_map_p2 {
	background-color: transparent;
	position: absolute;
	left: 3.9%;
    top: 31%;
    width: 8%;
    height: 12%;
	border-radius: 100px;
}
.home_img_map_p3 {
	background-color: transparent;
	position: absolute;
	left: 12.5%;
    top: 31%;
    width: 8%;
    height: 12%;
	border-radius: 100px;
}
.home_img_map_p4 {
	background-color: transparent;
	position: absolute;
	left: 8.5%;
    top: 42%;
    width: 8%;
    height: 12%;
	border-radius: 100px;
}
.home_img_map_p5 {
	background-color: transparent;
	position: absolute;
	left: 23%;
	top: 4%;
	width: 54%;
	height: 83%;
	border-radius: 21px;
}
.home_img_map_p6 {
	background-color: transparent;
	position: absolute;
	left: 82.5%;
    top: 30%;
    width: 15%;
    height: 47%;
	border-radius: 9px;
}
/* ----------------- image map ----------------- */
#top {
	position: fixed;
	height: 40px;
	width: 100vw;
	max-width: 100%;
	z-index: 99999;
	background-image: url(/images/logo_RS_nove_2020.svg); /*logo_rezeo.svg*/
	background-size: 255px; /* 135px*/
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: solid 1px #ddd;
	background-color: white;
	-webkit-filter: drop-shadow(0px 0px 2px #eee);
}
.proc_tabulka {
	width: 100vw;
	max-width: 1100px;
}
.icon_cells {
	width: 20vw;
	margin: 3vw;
	display: inline-block;
	max-width: 150px;
	vertical-align: top;
}
.mail_sup {
	display: inline;
}
.icon_cells img {
	width: 100%;
	height: auto;
}
.prokoho_tabulka {
	width: 100vw;
	max-width: 800px;
}
.prokoho_tabulka td {
	vertical-align: inherit;
}
.proc_tabulka img {
	width: 7vw;
	height: auto;
}
.proc_tabulka td {
	padding: 5vw;
	vertical-align: top;
}
.narrow {
	font-size: 120%;
}
.popis_systemu h3, .popis_systemu p {
	text-align: left !important;
}
.popis_systemu h3 {
	font-weight: 600;
	font-size: 1.8rem;
}
.popis_systemu h4 {
	text-align: left;
	font-weight: bold;
	margin-bottom: 1rem;
	text-transform: uppercase;
}
.popis_systemu {
	width: 100vw;
	max-width: 1100px;
	text-align: center;
	margin: 0 auto;
}
p.bold {
	font-weight: 900;
	padding-top: 0.5rem;
}
#top .inner {
	position: relative;
	height: 100%;
	width: 100vw;
	margin: -18px auto;
}
p {
	font-size: 1.0rem;
	margin: auto;
	line-height: 1.3;
}
.obr {
	position: relative;
	height: 400px;
}
.section {
	position: relative;
	width: 100vw;
	max-width: 100%;
	/*min-height:100vh;*/
	text-align: center;
	/*border-bottom: solid 1px #ddd;*/
	margin-top: 0;
	padding-top: 3rem;
	padding-bottom: 1rem;
	box-sizing: border-box;
}
	.sec_bor_bot {border-bottom: solid 1px #ddd;}	
.scr_height {
	min-height: 98vh !important;
}
.tbl {
	display: table;
	width: 100%;
}
.tbl_row {
	display: table-row;
	max-width: 1200px;
	width: 100%;
	vertical-align: middle;
}
.tbl_cell {
	display: table-cell;
}
.vmiddle {
	vertical-align: middle;
	text-align: center;
}
.vdown {
	vertical-align: bottom;
	text-align: center;
}
.vtop {
	vertical-align: top;
	text-align: center;
}
.cell50 {
	width: 45%;
	/*max-width: 400px;*/
	padding: 2%;
}
.cell70 {
	width: 65%;
	padding: 2%;
}
.cell30 {
	width: 25%;
	padding: 2%;
}
.obr1 {
	margin-top: 0;
	padding-top: 0;
}
.obr2 {
	margin: 0 auto;
}
.proc_ikony_obr {
	width: 50%;
	max-width: 550px;
	vertical-align: middle;
}
.pro_koho_obr {
	width: 100%;
	max-width: 1100px;
	height: auto;
	vertical-align: middle;
}
.obr7 {
	position: relative;
	width: 100vw;
	max-width: 100%;
	/*min-height: auto;*/
	text-align: center;
	background-image: url(../images/zadne_poplatky.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: auto;
	min-height: 90vh;
	padding-bottom: 400px;
}
.stronger {
	line-height: 1.5;
	font-weight: 600;
	width: 80%;
}
.obrG {background-color: #E09200;padding:3%;color:white;text-align: center;background-image: url(/images/gdpr.png);background-position: left center;background-repeat: no-repeat;}	
.obrP {background-color: #0083ce;padding:3%;color:white;text-align: center;background-image: url(/images/spektrum.png);background-position: right center;background-repeat: no-repeat;}	
.obrA {background-color: #0083ce;padding:3%;color:white;text-align: center;background-image: url(/images/connectivity.png);background-position: right center;background-repeat: no-repeat;}		
h6 {font-size: 4rem;font-weight: 900;color:inherit;margin:1rem;}
.obrA h6 {font-size: 2rem !important;}	
.podpora_kontakt {font-size: 4rem;font-weight: 900;color:inherit;margin:1rem;}
.podpora_hodiny, .podpora_nadpis {font-size: 2rem;font-weight: 300;color:inherit;}	
.podpora_nadpis {text-transform: uppercase;}
.obr5 {
	background-image: url(../images/neplatte_provize.jpg);
	background-repeat: no-repeat;
	/*background-size: auto;*/
	background-position: bottom right;
	min-height: 60vh;/*background-size: contain;*/
}
.obr4_pre {
	background-image: url(../images/rezervacni_system_img.jpg);
	background-position: center;
	background-size: cover;
}
.obr5_pre {
	background-image: url(../images/recepcni_system_img.jpg);
	background-position: center;
	background-size: cover;
}
.chatychalupy {
	width: 50vw;
	max-width: 400px;
	height: auto;
}
.obr8 {
	background-color: rgba(2,75,117,1);
	border-bottom: solid 0px #000;
	color: #aaa;
	/* [disabled]font-size: 0.7rem; */
	padding-top: 51px;

}
.obr8 .pata {
	text-align: left;
	font-size: 0.99rem;
	line-height: 2;
	float: left;
	font-weight: 400;
}
	.pata_logo {margin-top: -0.9rem;}	
.obr8 strong {
	color: #aaa;
}
.obr8 a {
	color: inherit;
	text-decoration: none;
}
.obr8 a:hover {
	color: #FFFFFF;
}
.obr7 a {
	color: green;
	text-decoration: none;
}
.obr7 a:hover {
	color: orange;
	text-decoration: none;
}
.obr-back {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.obr3 td strong {
	color: inherit;
}
.obr3_1 {
	background-image: url(../images/showcase1.jpg);
	background-position: center 11rem;
	background-repeat: no-repeat;
}
.down_pod {
	width: 300px;
	height: 120px;
	border-radius: 150px / 60px;
	background-color: white;
	position: absolute;
	bottom: -75px;
	margin: 0 0 0 -150px;
	left: 50%;
	z-index: 10000;
}
.down_arrow {
	position: absolute;
	top: 0px;
	left: 46%;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-right: 0.7em solid black;
	border-top: 0.7em solid black;
	transform: rotate(135deg);
	border-radius: 5px;
}
#logo {
	width: 50px;
	height: 50px;
	left: 0;
	position: absolute;
	margin: 0 auto;
	z-index: 100000;
	/*top:-160px;*/	
	cursor: pointer;
	cursor: hand;
}
#logo h1 {
	margin-left: -9999rem;
}
#logopod {
	max-width: 100%;
	height: 90%;
	left: 0;
	right: 0;
	position: absolute;
	margin: 0 20%;
	z-index: 99;
	background-color: black;
	-webkit-filter: blur(80px) opacity(0.6);
	-moz-filter: blur(80px) opacity(0.6);
	-o-filter: blur(80px) opacity(0.6);
	filter: blur(80px) opacity(0.6);
	background-image: url(../images/mlha.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	display: none;
}
.text_cover {
	width: 100%;
	min-height: 200px;
	background-color: white;
	position: relative;
	z-index: 999;
	-webkit-filter: drop-shadow(5px 5px 10px black);
}
.fin {
	-webkit-filter: drop-shadow(-5px 5px 10px black);
}
.text {
	padding: 30px;
	width: 80%;
	max-width: 1500px;
	margin: 0 auto;
}
.img_cover {
	height: 50%;
	min-height: 500px;
	position: relative;
}
.regbut:hover, .section .regbut:hover {
	background-color: orange !important;
}
.section .regbut, .obr1 .regbut, .formcover .regbut {
	padding: 1.5rem 0;
	background-color: green;
	margin: 0 auto 2rem auto;
	position: relative;
	left: 0;
	right: 0;
	z-index: 99;
	max-width: 30%;
	border-radius: 0.7rem;
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.5rem;
	cursor: hand;
	cursor: pointer;
}
.obr1 .regbut {
	top: 60%;
	display: none;
}
.toptext {
	bottom: 0;
	left: 0;
	right: 0;
	margin: 1rem auto;
	position: absolute;
	color: white;
	font-size: 2.2rem;
	text-align: center;
	z-index: 99;
	text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
}
.subtext {
	margin: 1rem auto;
	position: relative;
	color: #222;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.3;
	max-width: 1100px;
	box-sizing: border-box;
}
.subtext2 {
	margin: 1rem auto;
	position: relative;
	color: #222;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.3;
	max-width: 400px;
	box-sizing: border-box;
}
.x_container {
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 25px;
}
.telefon {
	position: absolute;
	left: 75%;
	bottom: 2rem;
	width: 190px;
	overflow: hidden;
	z-index: 999;
}
.move_down {
	margin: 0 auto 1rem auto;
	color: green;
	font-size: 1.5rem;
	text-align: center;
	/*font-weight: 700;*/
	left: 0;
	right: 0;
	cursor: hand;
	cursor: pointer;
}
.move_proc {
/*	margin: -4rem auto 0 auto;
		top: 100vh;
		position: absolute;*/
}
.move_down:hover {
	color: orange;
}
h2 {
	color: black;
	margin: 1rem auto;
	position: relative;
	font-size: 2rem;
	text-align: center;
	font-weight: 900;
	max-width: 1100px;
	box-sizing: border-box;
}
h2.blue {
	color: #0083ce;
}
.proc_icon {
	box-sizing: border-box;
	width: 25vw;
	min-height: 25vh;
	/*border: thin solid red;*/
	display: inline-block;
	text-align: center;
	margin: 1vh 2rem;
	font-weight: 900;
	color: #000;
	font-size: 2vw;
	vertical-align: top;
}
.system_icon {
	box-sizing: border-box;
	width: 12%;
	/*height: 18vw;*/
	padding-bottom: 2rem;
	display: inline-block;
	text-align: center;
	margin: 0 3%;
	font-weight: 900;
	color: #000;
	font-size: 1.3rem;
	vertical-align: top;
}
.system_icon .icon {
	box-sizing: border-box;
	/*background-color: #ff5110;*/
	width: 20vw;
	height: 20vw;
	max-width: 7rem;
	max-height: 7rem;
	position: relative;
	margin: 1rem auto;
	color: #C50000;
	display: block;
	border-radius: 10rem;
	/*border: red solid 1px;*/
	padding: 1rem;
	background-size: 60%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-filter: invert(1) opacity(0.5);
}
.podpora_icon {
	box-sizing: border-box;
	margin: 4rem;
	display: inline-block;
	text-align: center;
	line-height: 1.2rem;
	font-weight: 300;
	color: #000;
	font-size: 1.0rem;
	vertical-align: top;
	position: relative;
	font-weight:400;
}
.podpora_icon span {
	line-height: 1.3;
}
.podpora_icon .icon {
	box-sizing: border-box;
	background-color: #ff5110;
	width: 20vw;
	height: 20vw;
	max-width: 15rem;
	max-height: 15rem;
	position: relative;
	margin: 1rem auto;
	display: block;
	border-radius: 10rem;
	/*border: red solid 1px;*/
	padding: 1rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.podpora_icon .jmeno {
	font-weight: 900;
}
.podpora_icon .fce {
	font-weight: 300;
	font-size: 1rem;
}
.proc_icon i {
	font-size: 8vh;
}
.proc_icon .icon {
	/*background-color: green;*/
	max-width: 4rem;
	max-height: 4rem;
	position: relative;
	margin: 0.5rem auto;
	padding: 3vh;
	border-radius: 1rem;
	color: #C50000;
	display: block;
}
.proc_icon .icon-desc {
	display: block;
	font-size: 1.0rem;
	color: black;
	font-weight: 300;/*font-family: "futura-pt-condensed",sans-serif;*/
}
.proc_icon .icon a {
	color: inherit;
}
p.hsub {
	font-size: 1.5rem;
}
h3 {
	font-size: 2.0rem;
	color: #0083ce;
	text-transform: uppercase;
	max-width: 1100px;
	box-sizing: border-box;
	margin: 0 auto;
}
.blue {
	color: #0083ce;
}
.green {
	color: #12B600;
}
.modul li {
	text-align: left;
	margin-top: 1.5rem;
	font-size: 1.0rem;
	color: #777;
	line-height: 1.3;
	margin-left: 5rem;
}
.modul li strong {
	font-size: 1.3rem;
	color: black;
	line-height: 0.5;
	margin-left: 1rem;
}
.modul li:before {
	content: '';
	display: inline-block;
	height: 3rem;
	width: 3rem;
	background-size: contain;
	margin-left: -4rem;
	margin-bottom: -1.5rem;
}
.hoste li:first-child:before {
	background-image: url(../images/ikona_mala_rezervacni_okno.png);
}
.hoste li:nth-child(2):before {
	background-image: url(../images/ikona_mala_prehled_obsazenosti.png);
}
.hoste li:nth-child(3):before {
	background-image: url(../images/ikona_mala_cenik.png);
}
.hoste li:nth-child(4):before {
	background-image: url(../images/ikona_mala_akcni_nabidky.png);
}
.hoste li:nth-child(5):before {
	background-image: url(../images/ikona_mala_smluvni_podminky.png);
}
.hoste li:nth-child(6):before {
	background-image: url(../images/ikona_mala_znovuzaslani_rezervace.png);
}
.hoste2 li:before {
	background-image: url(../images/ikona_mala_web.png);
}
.majitel li:first-child:before {
	background-image: url(../images/ikona_mala_prehled_rezervaci.png);
}
.majitel li:nth-child(2):before {
	background-image: url(../images/ikona_mala_databaze_hostu.png);
}
.majitel li:nth-child(3):before {
	background-image: url(../images/ikona_mala_vice_uzivatelu.png);
}
.majitel li:nth-child(4):before {
	background-image: url(../images/ikona_mala_cerna_listina.png);
}
.majitel li:nth-child(5):before {
	background-image: url(../images/ikona_mala_sprava_vice_objektu.png);
}
.majitel li:nth-child(6):before {
	background-image: url(../images/ikona_mala_hromadny_mail.png);
}
.majitel li:nth-child(7):before {
	background-image: url(../images/ikona_mala_statistiky.png);
}
.majitel li:nth-child(8):before {
	background-image: url(../images/ikona_mala_synchronizace_s_mobilem.png);
}
.majitel li:nth-child(9):before {
	background-image: url(../images/ikona_mala_dostpne_odkudkoliv.png);
}
.majitel li:nth-child(10):before {
	background-image: url(../images/ikona_mala_ucetnictvi.png);
}
.majitel li:nth-child(11):before {
	background-image: url(../images/ikona_mala_moje_dokumenty.png);
}
.majitel li:nth-child(12):before {
	background-image: url(../images/ikona_mala_vzdalena_sprava.png);
}
.majitel li:nth-child(13):before {
	background-image: url(../images/ikona_mala_pomoc.png);
}
.majitel li:nth-child(14):before {
	background-image: url(../images/ikona_mala_konzultace.png);
}
ol {
	list-style-type: decimal;
    -webkit-padding-start: 15px;
}
ol li {
	text-align: left;
	font-size: 1.1rem;
	list-style-position: outside;

}
	/*
ol li::before {
	content: counter(item);
	background: #0095D4;
	border-radius: 100%;
	color: white;
	width: 4rem;
	height: 4rem;
	font-weight: 900;
	font-size: 4rem;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	margin-left: -3em;
}*/
ol ul {-webkit-padding-start: 15px; list-style: circle; margin: 10px;}
ol ul li{list-style-position: outside; font-size: 1.0rem;}
table {
	margin: auto;
}
td {
	vertical-align: middle;
	padding: 0.8rem;
	font-size: 1.0rem;
}
td strong {
	font-size: 1.0rem;
	text-transform: uppercase;
}
.casti_desc, .casti_desc2 {
	font-size: 1.2rem;
	/*max-width: 800px;*/
	width: 80%;
	margin: auto;
	color: #01ABC9;
}
.casti_desc2 {
	font-size: 1.4rem;
	color: #008097;
}
th {
	font-size: 1.0rem;
	color: #1A3A00;
	padding: 0.3rem;
}
th.top {
	border-bottom: 2px #bbb solid;
	color: #3B3B3B;
	font-size: 1.2rem;
}
th.left {
	/*border-right: 1px #ccc solid;*/
	border-bottom: 1px #ddd solid;
	float: none;
	font-weight: 400;
	vertical-align: middle;
}
.cenik {
	width: 90%;
}
.cenik td {
	border-bottom: 1px #ddd solid;
}
.cenik td.clean {
	border: none;
}
.yo {
	color: transparent;
	text-shadow: 0 0 0 #0D8400;
}
.no {
	color: transparent;
	text-shadow: 0 0 0 #A70002;
}
.yo, .no {
	font-size: 110%;
}
.yomore {
	cursor: pointer;
	cursor: hand;
	font-size: 90%;
	font-weight: 300;
	color: #0083ce;
	display: inline;
	float: right;
	margin-right: 5px;
	text-decoration: underline;
}
.premium_head1 {
	color: white !important;
	background-color: #0083ce;
	min-width: 100px;
}
.premium_head {
	border-bottom: 2px solid #0083ce;
}
.premium_body {
	background-color: rgba(0,131,206,0.17);
}
.standard_head {
	border-bottom: 2px solid #72939B;
}
.standard_head1 {
	color: white !important;
    background-color: #72939B;
	min-width: 100px;
}	
.standard_body {
	background-color: rgba(114,147,155,0.17);
}
.cenik_info {
	font-size: 95%;
	font-style: italic;
	color: rgba(98,98,98,1.00);
	padding: 0.1rem 0 0 1rem;
	display: inline-block;
	line-height: 1.4;
}
.otazka {
	font-size: 1.3rem;
	display: inline-block;
	width: 40%;
	text-align: left;
	padding: 0.5rem 1.5rem;
	font-style: italic;
	vertical-align: top;
	cursor: hand;
	cursor: pointer;
	font-weight: 800;
	color: #0083ce;
}
.odpoved {
	font-size: 1.2rem;
	color: #777;
	padding-top: 1rem;
	display: block;
	font-weight: 400;
	padding-left: 1.5rem;
}
.vyhoda {
	color: #159E00;
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.1rem;
	padding: 1.8rem 0;
}
.nevyhoda {
	color: #C00000;
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.1rem;
	padding: 1.8rem 0;
}
.vyhoda_ul {
	list-style: disc;
	margin: 0.2rem 0 1rem 2rem;
}
.udaje_nazev {
	font-size: 0.8rem;
	text-align: right !important;
	padding-left: 1rem;
}
.udaje_text {
	font-weight: 900;
	text-align: left;
}
footer {
	margin: auto;
	text-align: center;
	font-weight: 400;
	padding: 1rem;
	background-color: rgba(1,51,79,1.0);
	color: #aaa;
	font-size: 0.9rem;
}
.foot_div {
	width: 100%;
	margin-top: 20px;
}
.podrobny {
	display: none;/*background-color: #eee;*/
}
.podrobny .cenik_info {
	color: #0083ce;
}
.podrobnosti, .screeny {
	margin: 20px auto 0 auto;
	padding: 0 0 1rem 0;
	width: 100%;
	max-width: 1100px;
	border-bottom: 1px solid gray;
	font-weight: 600;
	font-size: 160%;
	cursor: hand;
	cursor: pointer;
	color: #0083ce;
}
 .podrobnosti {    
    background-color: #0083ce;
    width: fit-content;
    padding: 1.5rem 2rem;
    border: none;
    color: white;
    border-radius: 0.7rem;
}
.screeny {
	margin: 650px auto 10px auto;
	border-bottom: none;
	height:1px !important;
}
.screeny_popis {font-weight: normal; color: gray; font-size: 75%;}
.podrobnosti:hover, .screeny:hover {
	color: orange;
}
.logo_pata {
	max-width: 250px;
	width: 100%;
	display: inline-block;
	margin-bottom: -5px;
}
.terciary_menu {
	display: inline;
}
.yomore1, .yomore2, .yomore3, .yomore4 {
	cursor: hand;
	cursor: pointer;
}
.justify {
	text-align: justify !important;
}
.otv_okno, .otv_okno_reg {
	min-width: 50vw;
	max-width: 98vw;
	width: 700px;
	min-height: 60vh;
	max-height: 90vh;
	overflow: auto;
	position: fixed;
	z-index: 9999999999;
	border: solid 2px #aaa;
	border-radius: 5px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background-color: rgba(255,255,255,1.00);
	display: none;
	-webkit-filter: drop-shadow(5px 5px 10px black);
	padding: 30px 20px 20px 20px;
	font-size: 90%;
	box-sizing: border-box;
}
.sml_okno, .otv_okno_reg {
	min-height: 30vh;
	max-height: 90vh;
	height: fit-content;
	z-index: 9999999;
}
.otv_okno_reg {
	width: 1110px;
}	
.funkce_okno {
	width: 98vw;
    height: 98vh;
    min-height: initial;
    max-height: initial;
    position: fixed;
   /* display: inline-grid;*/
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    padding: 0;
    background-color: transparent;
    border: none;
	z-index: 999999;
		
}
.zoomContainer {z-index: 9999999;}	
.funkce_okno img {
	height: 52vw;
    width: 100%;
    max-height: 99vh;
    display: block;
    vertical-align: middle;
    margin: auto;

}
#udaje {
	height: 30vh;
}
.otv_okno h3 {
	text-transform: none;
	margin-top: 10px;
	margin-bottom: 20px;
}
.otv_okno h3::before {
	content: "";
}
.otv_okno h4 {
	font-size: 1.5rem;
	padding: 0.8rem 0;
}
.otv_okno p {
	line-height: 1.5;
}
	.otv_okno ol li p {margin-left: 31px;}	
.otv_okno ol li::before {
    font-size: inherit; 
    color: inherit;
    margin-right: 1rem;
}
.otv_okno ul.vyhoda_ul li {
	line-height: 1.5;
	font-size: 1rem
}
.otv_okno hr {
	margin: 40px 0;
}
.blk_cover, .blk_cover2 {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background-color: rgba(0,0,0,0.7);
	width: 100vw;
	max-width: 100%;
	height: 100vh;
	display: none;
	box-sizing: border-box;
	padding: 30px 10px 10px 10px;
	z-index: 99999;
}
.x_close, .x_close_reg {
	width: 20px;
	height: 20px;
	cursor: hand;
	cursor: pointer;
	background-image: url(/images/close.png);
	background-size: contain;
	position: fixed;
	margin-top: 3px;
}
.inside {
	list-style: disc;
	list-style-position: outside;
}
.inside li {
	margin-left: 3rem;
	margin-top: 0;
	line-height: 1;
}
.inside li::before {
	background-image: none;
	margin-left: -3rem;
}
.screenybut_d {
	position: absolute;
    left: 50%;
    color: green;
    font-weight: 300;
    font-size: 60%;
   	top: 65vh;
    margin-left: 500px;
}
.screenybut_d i {font-size: 350%;}
.screenybut_m {display: none;}	
#objekty ul {list-style: none; margin-left: 200px;}
.otv_okno ul.vyhoda_ul li {list-style: none; }	
#objekty ul li {font-size: 170%; line-height: 2;}
#objekty ul li::before, .otv_okno ul.vyhoda_ul li::before {content: "•"; color: #0083ce;  display: inline-block; width: 1em;  margin-left: -1em}	
#show_objekty {color:#222;}	
.podpora_tel {color: gray;font-weight: 700;letter-spacing: 0px;margin-right: 10px;}    
    /* dokumet_zalozka  */    
 .doc {width:405px; height: 513px; position:absolute; top: 150px;left:0; background-image: url(/images/doc_back.png); background-position: left top;
            padding: 10px 30px 10px 10px; box-sizing:border-box; background-repeat: no-repeat; z-index: 999;background-size: contain;}
.doc_back, .back_back {position:fixed; top:0;bottom:0;left:0;right:0;background-color: rgba(0,0,0,1);width:100vw; height:100vh;opacity: 0.2;z-index: 998;} 
.back_back {background-color: transparent;z-index: 0;}
.jak_doc {color:#0083ce;font-size: 21px; font-weight: bold; text-transform: uppercase; text-align: center; margin-right:50px;}
.jak_doc_sub {font-size: 18px;}
.jak_doc_sub2 {font-size: 19px; font-weight: normal; text-transform: none;text-align: center; margin-right:50px;margin-top: 10px;}
.button_stahnout {padding: 0.6rem;background-color: green;position: absolute;right: 80px;left: 20px;bottom: 30px;border-radius: 0.7rem;color: white;
    text-align: center;text-transform: uppercase;font-weight: 900;font-size: 1.3rem;cursor: hand;cursor: pointer;}
.button_stahnout:hover {background-color: orange;}
.doc_handle {position:absolute; right:10px; width: 60px; height:100%;margin-top:-10px; z-index: 999999999;cursor:pointer;cursor:hand;}
.r_cover {text-align: center;max-width: 90vw;box-sizing: border-box;margin: 12vh auto;}	
.ref_cover {text-align: center;position: relative;display: inline-flex; margin:0 auto;max-width: 100%;}	
.ref_cover .ref1, .ref_cover .ref2, .ref_cover .ref3 {width:350px;height:355px; background-image: url(/images/ref_okno13.svg); background-size: 100% 100%; background-repeat: no-repeat;box-sizing: border-box; padding:40px 30px;text-align: center;display: inline-block;position: relative;}
.ref_cover .ref2 {background-image: url(/images/ref_okno2.svg);margin-left:-20px;}
.ref_cover .ref3 {margin-left:-20px;}	
.ref_cover p {font-family: "franklin-gothic-urw" , sans-serif;font-weight: 300; font-size:14px;color: #555;line-height: 1.3;text-align: center;margin: 10px;}	
.ref_cover .ref_jmeno {font-family: "franklin-gothic-urw" , sans-serif;font-size: 80%; color: #9A9A9A; font-style: italic;text-align: right;width: 100%;}
.ref_cover h2 {font-family:"franklin-gothic-urw", sans-serif; font-weight:700;font-size:16px;color: #555;text-align: center;margin: 10px;}
.cisla {margin: 30px auto;}	
/*cookies*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*//cookies*/	
@media screen and (max-width:1020px){
	.ref_cover .ref1, .ref_cover .ref2, .ref_cover .ref3 {background-size: cover;height: unset;max-width: 33vw;}
	.cisla img {max-width: 100vw;}
	.ref_cover p {font-size:1.0em;}
	.ref_cover h2 {font-size:1.3em;}
	.obrG, .obrP, .obrA {background-image: none;}	
}	
@media screen and (max-width:800px){
	.ref_cover .ref1, .ref_cover .ref2, .ref_cover .ref3 {display: block;margin: 0 auto; width:65vw;height:65vw;max-width: none;margin-top: -50px;}
	.r_cover {display: block;margin:auto;margin: 5vh auto; }
	.ref_cover {display:block;}
	.ref_cover h2 {font-size:15px;}
	.proc_polozka {width: 35%;padding: 1rem 1rem;}
}	
@media screen and (max-width:600px){
    .doc {max-width: 75vw; max-height: 100vw;top: 80px;}
    .jak_doc, .jak_doc_sub2 {font-size: 13px; margin-right: 30px;}
    .jak_doc_sub {font-size: 11.6px;}
    .button_stahnout {font-weight: 700;font-size: 1.2rem;padding: 0.6rem;right: 65px; bottom: 40px;}

}
@media screen and (max-width:450px){
	.ref_cover .ref1, .ref_cover .ref2, .ref_cover .ref3 {display: block;margin: 0 auto; width:95vw;height:98vw;max-width: none;background-size: contain;    margin-top: -50px;}
	.r_cover {display: block;margin:auto; }
	.ref_cover {display:block;}
	.ref_cover h2 {font-size:15px;}
}
    
} /* SCREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEN */