* {
	box-sizing: border-box;
}
body {
	font-family: Verdana, Geneva, sans-serif; 
	height:100%;
	color: #000000;
	background-color: white; 
	margin:0px; 
	padding:0px;
}
/*kalendar zac aj def font size pre 
*/
.rymflex {
 display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 499.99px) {
	.rymflex > div {width:100%; border:0px solid #000; margin: 0px 5px 0px 5px; padding:0px;}
	html {font-size:17px;}
	body {font-size:17px;}
}
@media only screen and (min-width: 500px) {
	.rymflex > div {width:300px; border:0px solid #000; margin: 0px 5px 0px 5px; padding:10px;}
	html {font-size:16px;}
	body {font-size:16px;}
}
.rymflex img {max-width:100%; height:auto; border:1px solid #DDE8BA; display: block; margin:5px 0px 5px 0px;}
.rymflex ol {MARGIN: 10px 10px 10px 0px; padding-left: 1.9em;}
.rymflex li {line-height: 1.5;}
.kalendbox {font-weight:bold; margin:25px 0px 15px 0px; font-size:1.125rem; line-height:27px;letter-spacing:2px;}
/*kalendar ke*/

#cse-search-box {
    margin: 0;               /* Recse-search-box any margin around the form */
    padding: 0;              /* Recse-search-box any padding inside the form */
    display: inline-block;    /* Ensure form is displayed inline */
  }

#cse-search-box input[type="text"] {
    width: 245px;            /* Set the width of the text input */
    height: 25px;            /* Set the height of the text input */
    color: #000000;          /* Set the text color */
    border: 1px solid #DDE8BA; /* Set border properties */
    border-radius: 5px;      /* Set border radius for rounded corners */
    margin: 0px 0px 5px 0px; /* Set margin */
    padding: 0px 1px 0px 1px;/*	Ensure no padding inside input */
	/*font-size: 15px;*/
	background-color: #FFFFFF;
  }

#cse-search-box input[type="text"]:focus {
    background-color: #FFFFFF;              /* Set the background color on focus */
    border: 1px solid #DDE8BA;              /* Re-set the border on focus */
    box-shadow: 0 0 0 1px #DDE8BA;          /* Add a subtle shadow for better visibility */
    outline: none;                          /* Remove the default outline */
}

  #cse-search-box input[type="submit"] {
    width: 60px;            /* Set the width of the submit button */
    height: 25px;            /* Set the height of the submit button */
    color: #FFFFFF;          /* Set the text color */
    /*background-color: #4CAF50;  Set background color */
	background-color: #0d9008;
	border: 1px solid #DDE8BA; /* Set border properties */
    border-radius: 5px;      /* Set border radius for rounded corners */
    margin: 0px 0px 5px 5px; /* Add margin to the left for spacing */
    cursor: pointer;         /* Change the cursor to pointer when hovering */
  }

  #cse-search-box input[type="submit"]:hover {
    background-color: #45a049; /* Darker background on hover */
  }
.gsc-input {
    width: 100%;            /* Make it responsive */
    max-width: 600px;       /* Maximum width of 600px */
    max-width: 90vw;        /* Maximum of 80% of the viewport width */
    box-sizing: border-box; /* Ensures padding doesn’t affect width */
}
a:not(:is(:hover, :focus)) {
  text-decoration-color: 
    color-mix(in srgb, currentColor, transparent 75%);
}
a:link, a.nu-reward:link {
    color: #000000;
}
a:visited, a.nu-reward:visited {
    color: #333333;
}
a:hover, a:active, a.nu-reward:hover, a.nu-reward:active {
    color: #0266BB;
}
a.sochymap {margin: 1px 0px 1px 0px;}
a.sochymenu:link, a.vinseli:link, a.nol:link {font-weight: bold; letter-spacing:1px;color: #000000;}
a.sochymenu:visited, a.vinseli:visited, a.nol:visited {font-weight: bold; letter-spacing:1px;color: #333333;}
a.sochymenu:hover, a.vinseli:hover, a.nol:hover, a.sochymenu:active, a.vinseli:active, a.nol:active {color: #0266BB; font-weight: bold; letter-spacing:1px;}
a.vinseliv, a.sochytit {font-size:1.1rem;}
a.vinselimax {font-size:1.125rem; line-height:24px;}
a.lmtit, a.lmtit2, a.posun, a.posunT {letter-spacing:2px; word-spacing:4px}
a.mensi8biely {color: #FFFFFF;}
a.podpis {font-style:italic; letter-spacing:1px;}

.kniznybox, .kniznyboxsir, .demitrabox, .kalendbox {border:1px solid #DDE8BA; background-color: #ebd1be; padding:10px; border-radius:15px; display:table;}
.kniznybox, .kniznyboxsir, .demitrabox {margin:0px 10px 10px 0px;}
p, p.seststo {line-height: 1.4;}
.seststo, .novinky {max-width:600px;}
.HolyGrail-header,.HolyGrail-footer {
  width: 100%;
  text-align: center;
}
.HolyGrail-footer {
display: flex;
min-height: 5vh;
/*flex-direction: row;*/
/*background-color: coral;*/
align-items: center;
flex-direction: column;
}
.HolyGrail-footer > .divfooter {
  /*background-color: brown;*/
  border: 0px solid #000; 
  max-width:400px;
}
.HolyGrail-telo {
  display: flex;
  border:0px solid #DDE8BA;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  /*flex: 1 0 auto; /* 2 */
  flex-direction: column;
  /*padding: var(--space);*/
  flex-wrap: wrap;
  /*background-color: green;*/
  /*text-align: center;*/
  align-items: center;
  padding: 14px;
}
.HolyGrail-content {
  /*margin-top: var(--space);*/
  /*flex-basis: auto;*/
  background-color: DodgerBlue;
  border:1px solid #000;
}
.HolyGrail-ads {
	flex: 30%;
  padding: 14px;
  border-radius: 3px;
  background: rgba(147, 128, 108, 0.1);
  border:1px solid #FF0000;
  min-width: 220px;
}
.centruj100{
	margin: auto; max-width: 100%;
}
.centruj{
	/*display: flex;*/
	margin: auto;
	border: solid 0px #000;
	max-width: 1000px; 
}
.containertelo {
  display: flex;
  min-height: 95vh;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center
}
containertelo > div.centeredtelo {
  display: flex;
  border:0px solid #DDE8BA;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  /*flex: 1 0 auto; /* 2 */
  flex-direction: row;
  /*padding: var(--space);*/
  flex-wrap: wrap; }

.socsietik {
	float:left; 
	max-width:400px; 
	height:auto; 
	margin:14px 0px 0px 0px; 
	clear:both;
}
.titdiv {
	border: 0px solid #4CAF50; 
	margin: 14px 0px 0px 0px; 
	clear: both;
	overflow: auto;
}
.titdivimg {
	float:left; 
	max-width:220px; 
	height:auto; 
	padding: 14px 14px 14px 6px; 
}
.titdivtbl {
	display:table; padding: 14px;
}
.container, .container-dole {
	margin: auto; 
	/*max-width: 100%;*/
	width: 100%;
    overflow: hidden;
    background-color: #C6EBBE;
	font-family: Arial;
}
.jedenrem {
	padding: 1rem;
	margin: 1rem;
}	
.container a {
    float: left;
    font-weight: bold;
    color: #000000;
/*    color: #2176ae; */
    text-align: center;
/*    padding: 14px 16px; */
    padding: 0px;
    text-decoration: none;
}
.dropdown {
    float: left;
    overflow: hidden;
}
.dropdown .dropbtn {
    border: none;
    outline: none;
    color: #000000;
/*    
    color: #2176ae;
*/
    padding: 14px 12px;
    background-color: inherit;
    -webkit-appearance: none;
}
.dropbtn {
font-weight: bold;
}
.prepinac {float:left; width:60px; height:30px; margin:0px 5px 0px 0px; padding:0px; background-color:#0099cc; border: 0px solid #DFDFDF; border-collapse: separate; border-radius: 5px;}
.prepinac a {MARGIN: 1px 0px 1px 0px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.prepinac a:hover, a:active {text-decoration: underline;}
.prepinac img {margin: 5px 5px 0px 2px; width:20px; height:13px;}
.container a:hover, .dropdown:hover .dropbtn {background-color: #ff934f;}
a.nohover:link {background-color: transparent;text-decoration:none;}
a.nohover:visited {background-color: transparent;text-decoration:none;}
a.nohover:hover {background-color: transparent;text-decoration:none;}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    float: none;
    color: black;
	 padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown-content a:hover {
    background-color: #ddd;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.header {
    border: 1px solid #DFDFDF;
    padding: 15px;
	background-color:#dde8ba;
    width: 100%; 
    height:95px;
    font-weight:600;
}
.ads {
    width: 25%;
    float: left;
    padding: 15px;
    border: 1px solid black;
    background-color:#cccccc;
}
.main {
    background-color:#FFFFFF;
}
.footer {
    background-color: #0099cc;
    color: #FFFFFF;
    text-align: left;
    font-size:0.9rem;
    padding: 15px;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
    border: 0px solid black;
}

button.icon.active, button.icon:hover {
    background-color: #FFC300;
}

#overlay {
/*    position: fixed;*/
position: static;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
/*     background-color: rgba(243,243,243,0.9);*/
	 background-color: #FFFFFF;
    z-index: 2;
    cursor: pointer;
}

#panel {
    overflow: hidden;
	 position: absolute;
    top: 10%;
    left: 10%;
    font-size:1.125rem;
    color: #000000;
	 background-color: rgba(243,243,243,0.9);
	 padding: 15px;
    z-index: 1;
}
#panel + ul {
    background:yellow;
}
#panel + li
{
    color: #0266BB; font-weight:bold; line-height:30px;
}

.fieldsetContainer {
    height: 0;
    overflow: hidden;
    transition: height 100ms linear;
}

#toggle {
    display: none;
}

#toggle:checked ~ .fieldsetContainer {
    height: 50px;
}

label .arrow-dn { display: inline-block; }
label .arrow-up { display: none; }

#toggle:checked ~ label .arrow-dn { display: none; }
#toggle:checked ~ label .arrow-up { display: inline-block; }

input.fullt[type=text] {
    width:100%; 
	 height:40px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size:1.1rem;
    background-color: white;
    padding: 0px 55px 1px 5px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	 color:#000000
}

/*
input.fullt[type=text]:focus {
	 background-color: lightblue;
}
*/

input.fullt[type="submit"] {
    margin-left: -50px;
    height: 20px;
    width: 50px;
	 position:absolute; 
	 top:0; 
	 right: 0; 
    border: 1px solid #ccc;
    border-radius: 0px 4px 4px 0px;
	 height:40px; 
	 width:50px;  
	 background-image: url('/images/searchicon.png'); 
	 background-position: 10px 10px; 
	 background-repeat: no-repeat; 
	 background-color:#FFFFFF;
}

/* len do 600px: */
.icon {
	display: block;
	cursor: pointer;
 border: none;
/*   border: 1px solid #000000;*/
    outline: none;
    transition: 0.4s;
	 font-size:3.7rem; 
    float:right;
    background-color: #C6EBBE;
	}
@media only screen and (max-width: 899.98px) {
.schovaj {display: none;}
}
@media only screen and (min-width: 900px) {
.icon {display: none;}
}
/* For mobile phones: */
[class*="col-"] {
   width: 100%;
}
/*podmienka: plati pre obr., kt. mensie ako 599*/
@media only screen and (max-width: 599.98px) {
/*.schovaj {display: none;}*/
.kurzy_s {display: none;}
/*.skyscrap-m {display: none;}*/
.vidstream-m {width: 100%; margin-bottom: 20px;}
.col-m-r {float:right; max-width: 100%; margin:20px 0px 5px 0px;border: 0px solid #DDE8BA;padding:0px 10px 10px 0px;}
.stlpce-l {display: none;}
.stlpce-l-s5 {margin:0px 0px 0px 0px;}
.reklwk {display: none;}
.reklwk-s5 {float:left; margin:5px 5px 28px 5px; border: 1px solid #DDE8BA; width:302px; height:252px;}
}
/*podmienka: plati pre obr., kt. mensie ako 780*/
@media only screen and (max-width: 767.98px) {
.kurzy_v {display: none;}
/*.skyscrap-m {display: none;}*/
/*.vidstream-m {width: 100%; margin-bottom: 20px;}*/
}
/*podmienka: plati pre vacsie ako 600*/
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	/*.icon {display: none;}*/
	 .kurzy_mob {display: none;}
	 /*.skyscrap-m {float:left; max-width:360px; border:0px solid #000000; padding-left:30px; margin:0px 0px 20px 0px;}
	 .skyscrap-ml {float:left; max-width:360px; border:0px solid #000000; padding-right:30px; margin:0px 0px 0px 0px;}*/
	 .vidstream-t {float:left; width:600px; display:inline-block; margin-bottom: 20px;}
    .col-m-r {float:right; width: 220px; margin:20px 0px 5px 0px;border: 0px solid #DDE8BA;padding:0px 10px 10px 0px;}
	.stlpce-l {margin:0px 20px 0px 0px;}
	.stlpce-l-s5 {display: none;}
	.reklwk {float:left; margin:5px; border: 1px solid #DDE8BA; width:302px; height:602px;}
	.reklwk-s5 {display: none;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .kurzy_s {display: none;}
	.vidstream-d {float:left; width:900px; display:inline-block; margin-bottom: 20px;}
}
.stlpecstr {max-width:1240px; height:auto; border:solid 0px #000000; padding: 0px 14px 28px 0px;}
[class*="stlpce-"] {
   padding:0px; border:0px solid #DDE8BA;
}
.stlpce-p {margin:0px 10px 0px 0px;}
#search_box{width: 20px; position: relative; margin: 0; transform: rotate(36deg);}
#search{width:20px; height: 20px; border: 4px solid #000; border-radius: 14px; float: left;}
#cabe{width: 14px;display: block; border: 2px solid #000;color: #000; font-weight: bold; text-shadow: 2px 0px #000; position: absolute; top: 8px; left: 20px; border-radius: 10px;}
/*ke stylerespons*/
.novinky{
	font-family:"courier new"; font-size:1.1rem;
}
.perex {
	font-size:1.1rem; line-height:30px; max-width:600px; font-weight: bold;
}
li {
	line-height: 1.5;
}
.imgtipy { 
	margin-right:5px; border: 1px solid #DDE8BA;
}
.iwkt {
max-width:100%; height:auto; margin:10px 0px 5px 0px; border:1px solid #DDE8BA;
} 
.loga { 
	margin: 3px 0px 0px 0px;
} 
.nove {
	font-weight: 600; COLOR: #ff0000;
}
.nefunk {
	font-weight: 500;
}
.select, .textfield {
	WIDTH: 123px;
}
.selectbox {
	font-size:0.9rem; color: #FFFFFF; background-COLOR: #666666;
}
.podpis, .podpisir, .podpisbm {max-width:600px; font-style:italic; margin: 15px 0px 20px 0px; line-height: 1.6; color: #515151; clear: both;}
.f12list {padding: 5px 0}
.f12list ul {width: 100%;margin:0px auto!important ;margin-left /**/:0px;}
.f12list li {padding:3px 0px 4px;text-align:left;margin-left: 0px !important;margin-left /**/:-15px;}
.olymppar p {padding:0px; margin: 5px 0px 4px 0px;}
.nk {padding:0px; margin: 5px 0px 5px 0px; line-height:15px;}
.galeria {color: #CC6600; font-weight: 700;}
.copyr, .copyr2 {
	font-size:0.9rem;
}
.TextBold {
	margin-top: 14px; font-weight: bold;
}
.medzitit, .medzitit2, .medzitit3, .medzititokr, .medtitvrch {
max-width: 600px;
font-size: 1.25rem; 
line-height: 1.75;
letter-spacing: 1px;
}	
.medzitit {
	MARGIN: 20px 0px 0px 0px;
}
.medzitit2, .medzititokr {
	MARGIN: 30px 0px 12px 0px;
}
.medzitit3 {
	MARGIN: 0px 0px 0px 0px; 
}
.medzititnul {
	MARGIN: 0px 10px 10px 5px; font-size:1.25rem; color: #000000; font-family:Times New Roman,Times,Serif; line-height:23px; font-weight: bold;
}
.ul_medzitit {margin-top: 15px; font-weight: bold;}
.sochydiv {margin: 7px 20px 0px 20px;}
h1, h2, h3, h4 {color:#000000; max-width:600px; font-weight:700; letter-spacing:1px;}
/*h1 {MARGIN: 20px 5px 10px 0px; font-size:1.6rem; line-height:2rem;}*/
h1, .hl_tit, .hltit {MARGIN: 40px 5px 15px 0px; font-size:1.438rem; line-height:1.7;}
h1.wkclass {MARGIN: 0px 5px 15px 0px; max-width:800px}
h2 {MARGIN: 15px 0px 10px 0px; font-size:1.313rem;}
h2.vyletytit {MARGIN: 15px 5px 10px 10px;}
h3 {MARGIN: 20px 0px 10px 0px; font-size:1.188rem; line-height:1.55;}
h3.kamtit {MARGIN: 20px 5px -20px 10px;}
h3.bezlavehokr, h3.galeria, h3.slovensko, h3.blava, h3.books {MARGIN: 15px 0px 10px 0px;}
h3.lastmin {MARGIN: 0px 5px -10px 0px;}
h3.spravy {MARGIN: 5px 0px 30px 0px;}
h4 {font-style: italic; font-weight:normal; margin:25px 0px 10px 0px; font-size:1.125rem; line-height:27px;}	
h4.olymp, h4.blmtit {margin:20px 0px 15px 0px;}
h4.olymptop {margin:0px 0px 15px 0px;}
	
.ObrFugaP {margin: 2px 5px 0px 0px;}
.white {color: #FFFFFF;}
TABLE.shop {
	background-COLOR: #fff4f4
}
.nadpis {margin: 30px 0px 0px 0px;
}
.data {border: 1px solid #DDE8BA;}
.data td, .data th {border: 1px solid #DDE8BA; padding: 3px;}
table.regbox {float:left; border: 1px solid #ffe1a4; background-color: #ebd1be; MARGIN: 5px 10px 5px 0px; padding: 10px;}
table.shoptmavsi, table.stit {
	background-COLOR:#ebd1be;border:1px solid #ffe1a4;border-radius:10px;
}
.th {
	font-weight: bold;
}
.shoptmavsi td, th {
	background-COLOR: #ebd1be; padding:5px; text-align: left; border: 1px solid #f2f2f2; border-radius:10px;
}
.shoptmavsi .tdc, .shoptmavsi .thc {
	text-align: center; border-radius:10px;
}
.shoptmavsi .tdr, .shoptmavsi .thr {
	text-align: right;border-radius:10px;
}
td.shop {
	background-COLOR: #ebd1be;border-radius:10px;
}
td.shbo {
	border: 1px solid #ffe1a4; background-COLOR: #ebd1be;
}
td.menubl {
	border: 1px solid #ffe1a4; background-COLOR: #e8f1c9;
}
td.stmh {
	background-COLOR: #ffe1a4; color: #800000; font-weight: bold;
}
td.podko {
	color: #800000; 
}
th.cal {
	color: #800000; background-COLOR: #ffe1a4;
}
th.medzitit2 {
	PADDING-LEFT: 1px; color: #336699; TEXT-ALIGN: left;
}
th.subshop {
	PADDING: 3px; color: #336699; background-COLOR: #ebd1be; TEXT-ALIGN: left;
}
th.kat { PADDING-BOTTOM: 15px; color: #336699; PADDING-TOP: 5px; TEXT-ALIGN: left;
}
th.shop {
	color: #800000; background-COLOR: #ffe1a4; 
}
th.shoporange {
	background-COLOR: #ff8b78;
}
th.shopblue {color: #FFFFFF; background-COLOR: #089cc6;
}
tr.shop {background-COLOR: #ebd1be;}
ul {margin-left:8px; padding-left:8px;}
ul.small {MARGIN: 20px 5px 10px 15px; padding-left: 0px; TEXT-INDENT: 1px;line-height:20px;}
ul.small3 {border: 1px solid #800000;	margin-top: 12pt; margin-bottom: 5pt; margin-left: 1pt; padding-left: 2em; TEXT-INDENT: 0px;}
li.medzera {margin-top: 2pt;}
li.obj {MARGIN-left: 13px;}
ul.small2 {margin-top: 12pt; margin-bottom: 5pt; margin-left: 15pt; TEXT-INDENT: 1px;
}
li.medzera2 {margin-top: 2pt; margin-left: 0pt; TEXT-INDENT: -2px;}
li.medzera3 {margin-top: 5pt; margin-right: 2pt; margin-bottom: 5pt; margin-left: 2pt; TEXT-INDENT: 0px;}
.month {font-weight: bolder; background-COLOR: silver;}
.weekday {font-weight: bolder;}
.eventLabel, .evlabl {font-weight: bolder; TEXT-ALIGN: left}
.selectedDay {background-COLOR: #ffe1a4;}
.day {background-COLOR: #ebd1be;}
.notaDay {background-COLOR: #f0f0eb}
.popisky {FILTER: alpha(Opacity=80); -moz-opacity: 0.8; background-COLOR: #ebd1be;}
.NavLink {font-weight: bold;color: white;}
ul.bezbul {list-style-type: none;}
.hit {font-variant: small-caps;	font-weight: bold; background-color: #c6ebbe;}
.ramcek, .ramcek_drap, .ramcek_zel, .ramcek_rekl, .ramcek_zel2 {border-radius: 15px; margin: 14px 14px 14px 0px; padding: 7px 14px 7px 14px; }
.ramcek {background-color: #ebd1be; max-width: 650px;}
.ramcek_drap {background-color: #ebd1be;display: inline-block;}
.ramcek_zel {background-color: #C6EBBE;display: inline-block;}
.ramcek_zel div {float:left; padding:10px 20px 10px 0px;}
.ramcek_rekl {background-color: #ebe7be;}
.ramcek_zel2 {background-color: #C6EBBE; display: block;}
.t2t { background: #FFE1A4; border: 1px solid #FFFBEE; margin-top:5px; margin-bottom:5px; margin-left:2px; empty-cells: show; border-spacing:1px;}
.t2tobchod { background: #FFE1A4; border: 1px solid #FFFBEE; margin-top:5px; margin-bottom:5px; empty-cells: show; border-spacing:1px;}
td.t2 {text-align:right;
	background: #ebd1be;
	padding: 2px;
}
td.t2first {
	text-align:left;
	background: #ebd1be;
	padding: 2px;
}
td.t3first {
	text-align:center;
	background: #ebd1be;
	padding: 2px;
}
td.t3 {
	text-align:center;
	color: #0225A6;
	background: #FFE1A4;
	padding: 2px;
}
.bodik {
	margin-top:3px; 
	margin-left:2px	
}
.footer{
 border : none;
 clear : both;
 width : 100%;
}
.spacer {clear:both}
div.pnl {float: left; margin : 15px 2px 2px 2px; width: 99%;}
div.pnl img.lavy {float: left; margin: 5px;}
div.pnl img.pravy {float: right; margin: 5px;}
div.pnl table.region {float:right; width:125px; height:80px; border: 1px solid #ffe1a4; background-color: #ebd1be; margin: 5px 0px 10px 5px; padding: 10px;}
div.clearer {clear: left; line-height: 0; height: 0;}
div.zajazdy {float:right; width:160px; height:40px; border: 1px solid #ffe1a4; background-color: #ebd1be; margin: 0px 0px 10px 0px; padding: 10px;}
div.lonely table {border: 1px solid #DDE8BA; background-color: #ebd1be; margin: 5px 5px 5px 5px; padding: 0px;} 
div.lonely td {border: 1px solid #DDE8BA; background-color: #ebd1be; padding: 1px;}
div.lonely th {border: 1px solid #13A230; background-color: #DDE8BA; padding: 3px; color:#13A230}
ul.knihytipy {margin: 0; padding: 0; list-style: none; clear: left; border: 1px solid #FF9393; display: inline-block;}
img.knihytipy	{ float: left; margin : 2px 5px 2px 2px }
.knihytipy:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
/* Hides from IE Mac \*/
* html .knihytipy {height: 1%;} 
.knihytipy{display:block;} 
/* End Hack */ 
.knihyfuga {margin-top:3px;margin-bottom:1px;}
.fugadesat, .fugaviac {margin-top:8px;margin-bottom:8px;}
.gl {position: relative; text-align: center; width: 100%; background-color:#13A230; color:#FFFFFF; height:30px; font-weight: 600; margin: 20px 0px 10px 0px;}
span.leftgl {position: absolute;left: 0;padding:10px;}
span.rightgl {position: absolute;right: 0;padding:10px;}
td.kurz {PADDING-LEFT: 4px; color: #003399; background-COLOR: #f0f0eb; text-align:right;}
td.kurzS {PADDING-LEFT: 4px; color: #003399; background-COLOR: #f0f0eb; text-align: center;}
hr.hrmedia {margin: 10px 0px 15px 11px; color:#FFE1A4; height:1px; width:85%;}
.kniznyboxsir {max-width:300px;}
.zahl {background-COLOR: #DDE8BA; padding: 5px; letter-spacing:1px; word-spacing:3px;border-radius:10px;}
.kniznybox ul {list-style-type: square; color:#A6C9F3; margin: 7px 0px 0px 5px; padding-left: 15px; padding-bottom: 0px; font-weight: 700; Color:#0A55B0;}
.kniznybox ul li {MARGIN: 2px 0px 0px 0px;}
.aktual {
	color: #ff0000;
}
.bezokraja {
	margin:0px;
}
ul.boxy {
list-style-image:url(/images/ikonky/s.gif); margin: 0px 0px 0px 10px; padding-left: 10px; padding-bottom: 0px;
}
ul.boxy li {
MARGIN: 10px 0px 0px 0px;
}
ul.vinsikyt {list-style-image:url(/images/ikonky/s.gif); margin: 0px 0px 0px 10px; padding-left: 10px; padding-bottom: 0px;}
ul.vinsikyt li {MARGIN: 10px 0px 0px 0px;}
.vylety {margin: 20px 0px 0px 10px; width:195px;}
.vylety img {border: 1px solid #DDE8BA; margin:0px 0px 5px 0px;}
.kalendmien {border:0;}
.kalendmien a {color: #0A55B0; letter-spacing:1px;}
.kalendmien a:visited {color: #007EE8;}
.kalendmien a:hover {color: #075B9C;}
.kalendmien a:active {color: #FF0000;}
.kalendmien a.detail {
	color: #000000; letter-spacing:0px; font-weight: 400;
}
.kalendmien a.detail:visited {color: #515151;}
.kalendmien a.detail:hover {color: #000000;}
.kalendmien a.detail:active {color: #FF0000;} 
.kalendmien ol {MARGIN: 10px 0px 0px 0px;}
.zvyrpismo {font-size:1.125rem; line-height: 20px; letter-spacing: 0px; color: #000000; margin:0px 0px 5px 0px;
}
.podfoto {
	color: #515151; font-size:0.9rem; text-decoration: none; letter-spacing:0px; font-weight: 400; margin:0px 0px 5px 5px; 
}
.podfotoosem {
	float:left; width:800px; color: #515151; font-size:0.9rem; text-decoration: none; letter-spacing:0px; font-weight: 400; margin:20px 0px 5px 0px;
}
.podfototext {
	color: #515151; text-decoration: none; letter-spacing:0px; font-weight: 400; margin:0px 0px 0px 0px; 
}
.okolo {border:0px solid #DFDFDF; padding:3px; display: inline-block;
}
.okolobl {float:left; margin:0px 5px 5px 0px; border:1px solid #DFDFDF; padding-bottom:7px;
}
.okolobp {float:right; margin:0px 0px 5px 5px; border:1px solid #DFDFDF; padding-bottom:7px;
}
.podfoto2,.reklamat {
	color: #515151; font-size:0.9rem; text-decoration: none; letter-spacing:0px; font-weight: 400;
}
.podfoto2,.reklamat {
	margin:0px 0px 10px 5px;
} 
.reklamat {
	margin:15px 0px 5px 5px; max-width:750px; 
}
.pranost {line-height:1.7; font-style:italic; font-size:1.1rem}

.verstext, .verstextw, .verstextmore {line-height:1.6;
}
.verstit2, .verstit2top {line-height:1.9}
.verstit, .verstitw, .verstitmore, .verstit2w {line-height:1.7}
.verstit2, .verstitw, .verstitmore {margin:30px 0px 15px 0px;}
.verstit2top, .verstit2w {margin:40px 0px 15px 0px;}
.verstit, .verstitw {font-size:1.25rem; margin-top:1rem;}
.verstit2, .verstit2w, .verstitmore, .verstit2top {font-size:1.375rem; font-weight:500;}
.verstitg {font-size:2.3rem; line-height:50px; margin:0px 0px 15px 0px;
}
.versaut, .versautw, .versautmore, .versaut2 {font-size:1.1rem; font-style:italic; line-height:1.6; margin:6px 0px 50px 0px;
}
.verstitw, .verstit2w, .verstextw, .versautw {color:#FFFFFF;}
.verstitmore, .verstextmore, .versautmore {color:#2a2619;}
div.podfoto3 {
	float:right; color: #515151; font-size:0.9rem; text-decoration: none; letter-spacing:0px; font-weight: 400; margin:30px 30px 20px 5px;
}
div.posundesat {
	margin:0px 0px 0px 10px;
}
.ram, .zelenram, .zelenram2 {border:1px solid #DDE8BA;}
.zelenram {margin:5px 0px 5px 0px;}
.zelenram2 { margin:5px 0px 5px 5px;}
#camera_picture780 {
	border:1px solid #DDE8BA; margin:5px 0px 30px 0px; width:780px;
}
#camera_picture640 {
	border:1px solid #DDE8BA; margin:5px 0px 30px 0px; width:640px;
}
div.ZuzTextL {width:600px;float:left;line-height:18px;}
div.ZuzTextLV {width:600px;line-height:22px;}
div.ZuzTextL2 {width:570px;float:left;line-height:18px;margin:0px 0px 0px 30px}
div.ZuzTextLzvyr {font-weight:700;width:600px;float:left;line-height:22px;margin:10px 0px 0px 0px;}
div.ZuzTextP {width:600px;float:right;line-height:18px;}
div.ZuzTextLL {width:400px;float:left;line-height:18px;}
div.ZuzTextPP {width:400px;float:right;line-height:18px;}
div.ZuzTextLLF {width:400px;float:left;line-height:18px;margin:15px 0px 0px 0px;}
div.ZuzTextPPF {width:400px;float:right;line-height:18px;margin:15px 0px 0px 0px;}
.fuga {max-width:100%; height:20px;clear:both;}
.fugaw100 {width:100px; height:20px;}
.titre {line-height:30px; margin:0px 0px 15px 20px;
}
.trombi_anim {margin:5px 0px 15px 0px; border:1px solid #DFDFDF;
}
.spancitat {font-weight: 700; line-height:24px;
}
div.obrdotextuL{float:left; margin:0px 15px 5px 0px; border:1px solid #DFDFDF;
}
div.obrdotextuL img {border:1px solid #DDE8BA; margin:0px 0px 5px 0px;
}
div.obrdotextuL span {color: #515151; font-size:0.9rem; text-decoration: none; letter-spacing:0px; font-weight: 400; margin:0px 5px 5px 5px;
}
div.obrdotextuL p {text-align:right; color: #515151; font-size:0.9rem; text-decoration: none; letter-spacing:0px; font-weight: 400; margin:5px 5px 5px 5px;
}
div.obrdotextuP{float:right; margin:0px 15px 5px 5px; border:1px solid #DFDFDF;
}
div.obrdotextuP img {border:1px solid #DDE8BA; margin:0px 0px 5px 0px;
}
div.obrdotextuP span {color: #515151; font-size:0.9rem; text-decoration: none; letter-spacing:0px; font-weight: 400; margin:0px 5px 5px 5px;
}
div.obrdotextuP p {text-align:right; color: #515151; font-size:0.9rem; text-decoration: none; letter-spacing:0px; font-weight: 400; margin:5px 5px 5px 5px;
}
div.otazka {width:600px;line-height:20px;font-weight: 700;}
.kto {font-weight:700;font-style:italic;}
div.odpov {width:600px;line-height:19px;}
div.otazkabs {float:left;line-height:18px;font-weight: 700;}
div.odpovbs {float:left;line-height:18px;}
div.otazkaLL {width:400px;float:left;line-height:18px;font-weight: 700;}
div.odpovLL {width:400px;float:left;line-height:18px;}
div.otazkax {line-height:22px;font-weight: 700;MARGIN: 0px 10px 5px 10px;}
div.odpovx {line-height:22px;MARGIN: 0px 10px 5px 10px;}
.ggsircont {float:left; margin: 30px 0px 0px 0px; width:780px; height:100px;}
.ramkamreg {width:225px; border: 1px solid #DDE8BA; margin:10px 0px 10px 0px; padding: 0px 5px 0px 5px; border-radius:15px;}
.hiddeninfo {display:none;}
.ikondiv {margin:25px 0px 0px 0px; line-height:22px;}
.ikondivtxt {max-width: 600px; height:auto; margin:5px 0px 0px 0px; line-height:18px;
}
.ikondivtxt2 {max-width: 600px; height:auto; margin:5px 0px 0px 0px; line-height:19px;
}
.ikondivtxt img {width:90px; height:90px; float:left; margin: 5px 5px 5px 5px; border:1px solid #DDE8BA;
}
.ikondivtxt2 img {width:220px; height:220px; float:left; margin: 5px 5px 5px 5px; border:1px solid #DDE8BA;
}
img.obrclm, img.obrclp {margin: 5px 5px 5px 5px;border:1px solid #DDE8BA;
}
img.obrcll {margin: 5px 5px 5px 3px;border:1px solid #DDE8BA;
}
img.obrclm2 {margin: 10px 0px 0px 0px;border:1px solid #DDE8BA;
}
img.obrclm2r {margin: 10px 0px 0px 0px;border:1px solid #DDE8BA; max-width:100%; height:auto;
}
img.wkv {margin: 10px 0px 0px 0px; border:1px solid #DDE8BA; width:100%; max-width:800px; height:auto;
}
.preobrl {float:left; margin:0px 0px 5px 0px;
}
.preobrp {float:right; margin:0px 0px 5px 0px;
}
.preobrm {margin:0px 0px 15px 0px;
}
.preobrmr {margin:0px 0px 15px 0px; max-width:100%; height:auto;
}
.kpopisku {margin:5px 0px 5px 0px; line-height:1.4; font-size:0.9rem; font-style:oblique; color: #515151; max-width:600px;
}
.galeria2 {padding: 0px; margin: 0px; vertical-align: top; max-width: 100%; height:auto;}
.galeria2:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
/* Hides from IE Mac \*/
* html .galeria {height: 1%;} 
.galeria2{display:block;} 
/* End Hack */ 
.galeria2 ul {list-style-type:none;}
.galeria2 li {margin:0px; display:inline;}
.galeria2 li img {float:left;border: none; margin: 0px 4px 4px 0px; width:90px;}
.menu2lin {text-align: center;line-height:15px;padding-top:2px;}
.gallery_new {float:left; width:220px; height: 165px; margin:5px 5px 0px 0px;}
.vydane {text-align:right;font-size:0.9rem;margin:10px 10px 10px 0px;}
div.tag {line-height:22px;MARGIN: 30px 0px 20px 10px;}
.karik img {width: 187px; margin: 3px 3px 0px 0px; border:1px solid #DDE8BA;}
.karik ul {width:778px;list-style-type: none;padding: 0px;}
.karik li {display: inline; list-style-type: none;}
.karik h3 {MARGIN: 25px 5px 20px 10px; line-height:28px;}
.vinselitxt {color: #9dbcd6; text-decoration: none; font-size:0.9rem; font-weight: bold;}
.ytubwrap {float: none;clear: both;width: 95%;position: relative;padding-bottom: 56.25%;padding-top: 25px;/* 16:9 */ height: 0;}
.ytubwrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ytubwrap2 {float: none;clear: both;width: 95%;position: relative;padding-bottom: 56.25%;padding-top: 25px;/* 16:9 */ height: 0;}
.ytubwrap2 iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.camwrap {float: left;clear: both;width: 95%;position: relative;padding-bottom: 80%;padding-top: 25px; height: 0;}
.camwrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.regprekraj {max-width:1960px;height:auto; margin: 20px 0px 20px 10px;}
.wkg {float:left; max-width:250px; height:auto; margin:5px 10px 30px 0px;} 
.wkg img {max-width:200px;height:140px;margin-top:5px;border:1px solid #DDE8BA;}
.wk,.wkn {border: 0px}
.wk div {max-width:200px; height:255px; float:left; margin:6px;}
.wk img {width:200px;height:145px;border:1px solid #DDE8BA;}
.wkn div {max-width:195px; height:255px; float:left; margin:6px;}
.wkn img {width:195px;height:142px;border:1px solid #DDE8BA;}
.wk,.wkn a {font-weight: bold; letter-spacing:1px;}
.wk,.wkn a:link {color:#000000;}
.wk,.wkn a:visited {color:#333333;}
.wk,.wkn a:hover {color:#0266BB;}
.wk,.wkn a:active {color:#0266BB;}
.img_rand {max-width:100%; height:auto; margin:14px 0px 14px 6px; border:1px solid #DDE8BA;}
.katka {border: 0px}
.katka div {max-width:600px; line-height:22px; margin:18px 10px 10px 10px}
.katka img {max-width:200px; height:auto; float:left; border:0; margin: 0px 10px 10px 0px;border:1px solid #DDE8BA;}
.news img {max-width: 230px; height:auto; margin: 3px 3px 0px 0px; border:1px solid #DDE8BA;}
.w3-row-padding:after {content:"";display:table;clear:both}
.w3-row-padding, .w3-row-padding>.w3-third {padding:0 8px}

.w3-third {display: inline-block; margin: 2px; vertical-align: top;}
.w3-third {width:220px; padding:0 10px}
.w3-third h4 {margin:30px 0px 10px 0px;}
.w3-third img {width: 210px;margin:10px 0px 10px 0px;border:1px solid #DDE8BA;}
.w3-third i {font-style:italic; margin-top: 14px; line-height:20px;}

.w3-gr {display: inline-block; margin: 2px; vertical-align: top; width:220px; padding:0 10px; height:300px}

.vinsl {float:left; margin: 5px 0px 5px 10px; width:200px; line-height:17px;}
.vinsl h4, .vinslsir h4, .vinsafpzuz h4, .vinsaf h4, .vinsafp h4, .vinsp h4, .vinsp2 h4, .vinslhust h4, .vinsphust h4, .vinsp2hust h4 {margin: 25px 0px 10px 0px;}

.vinsl i, .vinslsir i, .vinsafpzuz i, .vinsaf i, .vinsafp i, .vinsp i, .vinsp2 i, .vinslhust i, .vinsphust i, .vinsp2hust i {font-style:italic;}

.vinslsir {float:left; margin: 5px 0px 5px 10px; width:300px; line-height:17px;}

.vinsafpzuz {float:left; margin: 25px 0px 5px -25px; width:200px; line-height:17px;}

.vinsaf {float:left; margin: 5px 0px 5px 10px; width:465px; line-height:17px;}

.vinsafp {float:left; margin: 25px 0px 5px 65px; width:465px; line-height:17px;}

.vinsp {float:left; margin: 5px 0px 5px 65px; width:200px; line-height:17px;}

.vinsp2 {float:left; margin: 5px 0px 5px 65px; width:200px; line-height:17px;}

.vinslhust {float:left; margin: 5px 0px 5px 10px; width:200px;}

.vinsphust {float:left; margin: 5px 0px 5px 65px; width:200px;}

.vinsp2hust {float:left; margin: 5px 0px 5px 65px; width:200px;}

ul.vinsiky {list-style-image:url(/images/ikonky/s.gif); margin: 0px 0px 0px 10px; padding-left: 10px; padding-bottom: 0px;}
ul.vinsiky li {MARGIN: 10px 0px 0px 0px;}

.uvodv {line-height: 18px; margin-top:0px; margin-bottom:15px;}
.uvodv, .uvodv2 h4 {margin:10px 0px 10px 0px;}

.uvodv2 {float:left; line-height:18px; margin:20px 0px 15px 0px; max-width:260px; height:300px;}

.vyraznyfont {font-size:1.1rem; line-height: 20px; color: #000000; margin:0px 0px 5px 0px;}

.vyraznyfontriad {font-size:1.15rem; line-height: 24px; color: #000000; margin:0px 0px 5px 0px;}

.donate {font-size:1.1rem; line-height: 20px; letter-spacing: -1px; color: #000000; margin: 10px 0px 0px 0px;}

.ddvjedna {margin: 10px 0px 0px 0px;}
.ddv {margin: 10px 0px 5px 0px;}
.ddvbold {margin: 10px 0px 5px 0px; font-size:1.1rem; line-height: 20px; letter-spacing: -1px; color: #000000;}
.vinspdvojak {float:left; margin: 30px 0px 5px 65px; width:550px; line-height:17px;}
.vinsltrojak {float:left; margin: 30px 0px 5px 10px; width:780px; line-height:17px;}
.vinsldvojak {float:left; margin: 5px 0px 5px 10px; width:350px; line-height:28px;font-size:1.125rem;}
.vinsldvojak h4 {margin: 25px 0px 10px 0px; font-weight: bold; font-size:1.33rem; color:#13A230;}
.inkl, .inkl2 {float:left; line-height: 21px; margin:21px 11px 11px 0px;}
.inkl {max-width:220px; height:220px;}
.inkl2 {max-width:600px;}
.inkl img, .inkl2 img {max-width:220px; height:auto; max-height:220px;float:left; border: 1px solid #DDE8BA; margin: 0px 11px 11px 0px;}
.inkl::after,.inkl2::after { 
  clear:both;
}
.vinsldvojak i {font-style:italic;}
#lety {display:none;}
.imgtit2{float:left; max-width:220px; height:auto; margin: 5px 5px 5px 0px; border:1px solid #DDE8BA;}
/* vyskak. div */
.ovlhpt {
   display:none;
}
.ovl {
   position:relative;
   display:inline-block;
}
.ovl:hover .ovlhpt {
   width:100%;
   height:100%;
   background:rgba(0,0,0,.5);
   position:absolute;
   top:0;
   left:0;
   display:inline-block;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}
.viacinfo {max-width: 170px; float:left; margin:0px 10px 10px 0px;}

/* ----------------Cart Layout ----------------- */

.section {
  display: flex;
  flex-direction: column;
  max-height: 150vh;
  padding: 30px;
}
/* ----------------- Buttons ----------------- */

button {
  /*font-family: var(--base-font-family);*/
  cursor: pointer;
  font-size: .95rem;
  border: none;
}

:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.btn {
  padding: .65rem 1rem;
  transition: .3s all;
}

.btn--small {
  padding: .2rem .4rem;
}

.btn--hidden {
  visibility:hidden;
}

.btn--primary {
  color: #f4f4f4;
  background: #3184d1;
}

.btn--primary:hover:not(:disabled),
.btn--primary:focus {
  outline: none;
  box-shadow: 0 0 0 5px #a9d0f5;
}

.btn--danger {
  color: #f4f4f4;
  background:#e90000;
}

.btn--danger:hover:not(:disabled),
.btn--danger:focus {
  outline: none;
  box-shadow: 0 0 0 5px #f5b5b5;
}
/* ----------------- Products ----------------- */

:root {
--base-padding: 10px;
--color-gray-light: #d1d1d1;
}

.products {

  display: block;
  padding: 10px;
  overflow: auto;
  border: 10px solid #ff0000;
}
.product {
  text-align: center;
  padding: var(--base-padding);
  border: 2px dashed #d1d1d1;
}

.product:hover {
  border-style: solid;
}

.product__price:before {
  content: '\20AC';
}

.product__image {
  max-width: 65px;
  transition: .3s all;
  filter: drop-shadow(0px 0px 0px transparent);
}

@media screen and (min-width: 600px) {
  .product__image {
    max-width: 100px;
  }
}

.product:hover .product__image {
  animation: .5s shake-product-image;
}

@keyframes shake-product-image {
  25% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }  
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* ----------------- Cart ----------------- */

.cart {
/*  display: grid; */
/*  grid-gap: var(--base-padding); */

display: block;
border:solid 1px #DDE8BA;
padding: var(--base-padding);

  overflow-x: hidden;
  overflow-y: auto;
}

.cart h3 {
  margin: 0;
}

.cart__item {
	
	display: block;
/*  display: grid; */
/*  grid-template-columns: 2rem 7rem 3rem auto 1rem auto auto; */
  justify-content: space-between;
  align-items: center;  
  text-align: center;
  padding: var(--base-padding);
  border: 2px dashed var(--color-gray-light);
/*animation: .3s add-cart-item;*/
}

@keyframes add-cart-item {
  from {
    margin-left: -200px;
    margin-right: 200px;
    opacity: 0;
  }
  to {
    margin-left: 0;
    margin-right: 0;
    opacity: 1;
  }
}

.cart__item--removed {
  animation: .3s remove-cart-item;
}

@keyframes remove-cart-item {
  to {
    margin-left: 200px;
    margin-right: -200px;
    opacity: 0;
  }
}

.cart__item__image {
  max-width: 28px;
}

@media screen and (min-width: 600px) {
  .cart__item__image {
    max-width: 38.5px;
  }
}

.cart__item__price:before {
  content: '\20AC';
}

.cart-footer {
  display: flex;
  justify-content: space-between;
  margin-top: var(--base-padding);
}

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, .7);
  cursor: wait;
}
.imgtit33{float:left; max-width:220px; margin: 5px 10px 5px 0px; border:1px solid #DDE8BA; height:auto;}
.clearfix::after{content:""; clear:both; display:table; max-width:600px; margin:0px 0px 30px 0px;}
.nacitaj{line-height: 21px; color: #000000; max-width:600px; margin: 15px 0px 0px 0px;}
#myDiv {
  display: none;
  width: 250px;
  height: auto;
  padding: 0px;
  text-align: center;
  background-color: lightblue;
  margin: 20px 0px 15px 0px;
  z-index: 5;
  position: relative;  
}
#nechtik {
  max-width: 100%;
  height: auto; 
  z-index: 2;
  position: relative;    
}
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #f1f1f1;
  font-size: 2.19rem;
  cursor: pointer;
  z-index: 4; 
}
#zvacsibtn {
  display: none;
  position: absolute;
  bottom: 10px;
  right: 15px;
  color: #f1f1f1;
  font-size: 2.19rem;
  cursor: pointer;
  z-index: 4; 
}
#demo:hover {
	cursor: pointer;
	text-decoration: underline;
}
#demo {
	color: #0645ad;	
}