/*
    CSS Chata Uhorcik
*/
/* 1. Import Open Sans from Google Fonts (Regular, Semibold, Bold) */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

/* 2. Apply Open Sans to the Body (Required because the reset below strips fonts) */
body {
   font-family: 'Open Sans', sans-serif;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   display: block;
}

body {
   line-height: 1;
}

ol,
ul {
   list-style: none;
}

blockquote,
q {
   quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
   content: '';
   content: none;
}

table {
   //aborder-collapse: collapse;
   //aborder-spacing: 0;
}

/* END
	http://meyerweb.com/eric/tools/css/reset/    
*/

#popup {
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
}

.ref-cover2 {
   height: 25%;
}

.ref-cover-wrapper2 {
   font-size: 13px;
}

.row-room {
   margin-top: 20px;
   //background-color: #ece7dc; 
   //background-color: #efede7; 
   //background-color: #f6f5f2;
   padding-top: 20px;
   padding-bottom: 20px;
   //border: 1px solid #f0ece9;
   border: 1px solid #cfcfcf;
   background-color: #fff;
}

@media only screen and (min-width: 0px) and (max-width: 750px) {
   .row-room {
      padding-left: 10px;
      padding-right: 10px;
   }
}

.button_dotaz1 {
   margin-top: 10px;
   -moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
   -webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
   box-shadow: inset 0px 1px 0px 0px #f29c93;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
   background: -moz-linear-gradient(center top, #fe1a00 5%, #ce0100 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
   background-color: #fe1a00;
   -webkit-border-top-left-radius: 6px;
   -moz-border-radius-topleft: 6px;
   border-top-left-radius: 6px;
   -webkit-border-top-right-radius: 6px;
   -moz-border-radius-topright: 6px;
   border-top-right-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
   -moz-border-radius-bottomright: 6px;
   border-bottom-right-radius: 6px;
   -webkit-border-bottom-left-radius: 6px;
   -moz-border-radius-bottomleft: 6px;
   border-bottom-left-radius: 6px;
   text-indent: 0;
   border: 1px solid #d83526;
   display: inline-block;
   color: #ffffff;
   font-family: Arial;
   font-size: 20px;
   font-weight: bold;
   font-style: normal;
   height: 39px;
   line-height: 22px;
   width: 350px;
   text-decoration: none;
   text-align: center;
   text-shadow: 1px 1px 0px #b23e35;
   padding-top: 15px;
}

.button_dotaz1:hover {
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
   background: -moz-linear-gradient(center top, #ce0100 5%, #fe1a00 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
   background-color: #ce0100;
   text-decoration: none;
   color: #fff;
}

.button_dotaz1:active {
   position: relative;
   top: 1px;
}



/* CSS */
.button123 {
   align-items: center;
   background-clip: padding-box;
   background-color: #fa6400;
   border: 1px solid transparent;
   border-radius: .25rem;
   box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
   box-sizing: border-box;
   color: #fff;
   cursor: pointer;
   display: inline-flex;
   font-family: system-ui, -apple-system, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 16px;
   font-weight: 600;
   justify-content: center;
   line-height: 1.25;
   margin: 0;
   min-height: 3rem;
   padding: calc(.875rem - 1px) calc(1.5rem - 1px);
   position: relative;
   text-decoration: none;
   transition: all 250ms;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
   vertical-align: baseline;
   width: auto;
}

.button123:hover,
.button123:focus {
   background-color: #fb8332;
   box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.button123:hover {
   transform: translateY(-1px);
}

.button123:active {
   background-color: #c85000;
   box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
   transform: translateY(0);
}


.div_contact {
   background-color: #f5f5f5;
   border: 1px solid #ddd;
}

.div_contact:hover {}

.text-lyziar {
   opacity: 1;
   background-color: #888;
   background: rgb(0, 104, 164);
   background: linear-gradient(0deg, rgba(0, 104, 164, 1) 0%, rgba(0, 104, 164, 1) 12%, rgba(56, 164, 225, 1) 100%);
   background: rgb(0, 5, 164);
   background: linear-gradient(0deg, rgba(0, 5, 164, 1) 0%, rgba(0, 104, 164, 1) 29%, rgba(56, 121, 225, 1) 100%);
   background: rgb(28, 31, 134);
   background: linear-gradient(0deg, rgba(28, 31, 134, 1) 0%, rgba(0, 104, 164, 1) 35%, rgba(56, 121, 225, 1) 100%);
}

.div_icon {
   width: 10%;
   float: left;
   text-align: center;
}

.icon {
   height: 55px;
}

.icon img {
   margin: auto;
}

.div_icon .popis {
   font-size: 13px;
   padding-top: 7px;
   padding: 7px;
}

@media only screen and (min-width: 0px) and (max-width: 750px) {
   .div_icon {
      width: 20%;
   }

   .divider {
      clear: both;
   }

   .div_icon .popis {
      font-size: 11px;
   }
}

.table_cennik {
   background-color: #bbb;
   font-size: 14px;
   text-align: center;
}

.table_cennik tr td {
   background-color: #ffffff;
   padding: 6px;
}

.table_cennik tr td.sedy {
   background-color: #f5f5f5;
   padding: 5px;
}

.table_cennik_left {
   background-color: #888888;
   font-family: Georgia, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: left;
}

.table_cennik_left tr td {
   background-color: #ffffff;
   padding: 5px;
}

.table_cennik_left tr td.sedy {
   background-color: #f5f5f5;
   padding: 5px;
}


#map-canvas {
   margin: 0;
   padding: 0;
}

.list_vybavenie li {
   list-style-position: inside;
}

.img_pandrlak2 {
   height: 270px;
}

.img_pandrlak {
   height: 170px;
}

.img_recenzie {
   float: right;
   margin-left: 15px;
}

.table_standard {
   background-color: #888888;
   font-size: 12px;
   text-align: left;
}

.table_standard tr td {
   background-color: #ffffff;
   padding: 5px;
}

.table_standard tr td.sedy {
   background-color: #f5f5f5;
   padding: 5px;
}

.table_standard tr td {
   background-color: #ffffff;
   padding: 5px;
}

.table_standard tr td.sedy {
   background-color: #f5f5f5;
   padding: 5px;
}

.table_standard.bigger {
   font-size: 14px;
}


.resp-youtube {
   width: 363px;
   height: 242px;
}

#referencie_pager a {
   border: 2px solid #363945;
   border-radius: 7px;
   width: 7px;
   height: 7px;
   display: block;
   float: left;
   margin-right: 5px;
}

#referencie_pager a.activeSlide {
   border: 2px solid #363945;
   background: #363945;
}

.textformat {
   line-height: 140%;
}

.textformat b {
   font-weight: bold;
}

.textformat p {
   margin-top: 20px;
}

#menu-button {
   display: none;
   float: right;
   color: #fff;
   font-size: 0.9em;
   height: 36px;
   width: 100px;
   text-align: center;
}

#menu-button a {
   color: #fff;
   font-weight: bold;
   text-decoration: none;
   display: block;
   padding-top: 10px;
   width: 100%;
   height: 26px;

}

#mmenu {
   z-index: 10000;
   background-color: #fff;
   position: absolute;
   width: 100%;
   top: 0px;
   z-index: 1000;
   padding-bottom: 35px;
}

#mmenu ul li {
   padding: 11px;
   color: #000;
   text-transform: uppercase;
   font-size: 14px;
}

#mmenu a {
   color: #000;
   text-decoration: none;
   padding: 11px;

}

#mmenu .language a {
   padding: 8px;
}

#mmenu li.menu-section {
   font-weight: bold;
}

#mmenu a:hover {
   text-decoration: underline;
}

#content-intro h1 {
   margin-top: 20px;
}

#content-intro p {
   font-size: 1.125em;
   color: #7e7e7e;
   font-weight: 600;
   line-height: 150%;
}

.shadow {
   //-moz-box-shadow:    3px 3px 5px 10px rgba(0,0,0,.55);
   //-webkit-box-shadow: 3px 3px 5px 10px rgba(0,0,0,.55);
   //box-shadow:         3px 3px 5px 2px rgba(0,0,0,.55);
   -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
   -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
   box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

.shadow2 {
   -moz-box-shadow: inset 0 0 10px #444;
   -webkit-box-shadow: inset 0 0 10px #444;
   box-shadow: inset 0 0 10px #444;
   background: url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/content-bg.webp') no-repeat;
   background-attachment: fixed;
   padding-top: 40px;
   padding-bottom: 40px;
}

@media only screen and (min-width: 0px) and (max-width: 750px) {
   .shadow2 {
      background: none;
   }
}

.top-content {
   //abackground-color: #34ff55;
   padding-bottom: 20px;
   padding-top: 20px;
}

.top-content .d-3-4-g20-m20-r {
   font-size: 0.9em;
}

.top-content .d-1-1-m20 {
   margin-top: 20px;
}

.any1 {
   background: url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/tb-chata-uhorcik.jpg');
}

.any2 {
   background: url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/tb-chata-ilcik.jpg');
}

.any3 {
   background: url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/tb-chata-rajnoha.jpg');
}

body {
   font-family: "Open Sans", Arial, Helvetica, sans-serif;
   font-size: 16px;
   background-color: #fff;
   color: #363945;
}

.area-image-background {
   background: url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/na-hrebeni-6.jpg') no-repeat;
   background-position: top center;
   padding-top: 20px;
   padding-bottom: 60px;
}

.area-image-background-skoly {
   background: url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/skoly-bg2.jpg') no-repeat;
   background-position: top center;
   /*background-position: center; */
   padding-top: 20px;
   padding-bottom: 60px;
}

.ref-cover {
   width: 100%;
   height: 19%;
   position: absolute;
   bottom: 2px;
   z-index: 2;
   -o-transition: .5s;
   -ms-transition: .5s;
   -moz-transition: .5s;
   -webkit-transition: .5s;
   transition: .5s;
   line-height: 120%;
   background-color: #000;
   background: rgba(0, 0, 0, 0.5);
   //opacity: 0.5;
   color: #fff;
}

.ref-container {
   position: relative;
   amax-width: 293px;
   margin: auto;
   aheight: 195px;
}

.ref-cover-wrapper {
   padding-left: 4%;
   padding-right: 4%;
   padding-top: 3.5%;
   color: #fff;
   font-size: 1.4em;
   /* font-weight: 600; */
}

header #top-bar {
   height: 37px;
   background-color: #a3a3a3;
   /*border-bottom: 6px solid #848484;*/
}

header .logo {
   position: absolute;
   top: 0px;
   left: 15px;
   z-index: 1000;
}

header .logo img {
   max-width: 100%;
}

header #lang-selector {
   padding: 3px;
   padding-left: 4px;
   margin-top: 5px;
   position: relative;
   border: 1px solid #fff;
   background-color: #eee;
   width: 120px;
   float: left;
}

header #lang-selector a {
   font-size: 13px;
   position: relative;
   top: -2px;
}

header #lang-selector a img {
   position: relative;
   top: 3px;
   margin-right: 5px;
}

header #lang-selector #lang-selector-layer {
   z-index: 100;
   padding: 3px;
   padding-left: 4px;
   font-size: 13px;
   border: 1px solid #fff;
   position: absolute;
   left: -1px;
   top: 24px;
   background-color: #eee;
   display: none;
   width: 120px;
   line-height: 160%;
}

header #lang-selector #lang-selector-layer a {
   color: #000;
   text-decoration: none;
}

header #lang-selector #lang-selector-layer a:hover {
   text-decoration: underline;
}

header #lang-selector #lang-selector-layer img {
   position: relative;
   top: 3px;
   margin-right: 5px;
}

#kontakt-top {
   float: right;
   color: #fff;
   font-size: 0.9em;
   height: 36px;
   width: 100px;
   text-align: center;
}

#kontakt-top a {
   color: #fff;
   /* font-weight: bold; */
   text-decoration: none;
   display: block;
   padding-top: 10px;
   width: 100%;
   height: 26px;
}

#cennik-a-rezervacia {
   background: url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/bg-cennik.png');
   float: right;
   color: #fff;
   font-size: 0.9em;
   height: 36px;
   width: 180px;
   text-align: center;
}

#cennik-a-rezervacia a {
   color: #fff;
   /* font-weight: bold; */
   text-decoration: none;
   display: block;
   padding-top: 10px;
   width: 100%;
   height: 26px;
}

#cennik-a-rezervacia a:hover {
   background-color: red;
   -webkit-transition: background-color 1s;
   transition: background-color 1s;
}

#rkontakt {
   position: relative;
   float: right;
   color: #fff;
   padding-right: 40px;
   padding-left: 20px;
   width: 130px;
   padding-top: 10px;
   font-size: 15px;
}

#search {
   position: relative;
   float: right;
   color: #fff;
   font-size: 0.9em;
   padding-right: 20px;
   padding-left: 20px;
   width: 130px;
}

#search input {
   /* border: 1px solid #fff; */
   border: 1px solid #999;
   padding: 4px;
   background-color: #e5e5e5;
   margin-top: 5px;
}

#search a {
   cursor: pointer;
}

#search .lupa {
   position: absolute;
   z-index: 100;
   right: 20px;
   top: 10px;
}

#search-input {
   max-width: 100%;
}

header {
   -moz-box-shadow: 3px 3px 5px 2px #ddd;
   -webkit-box-shadow: 3px 3px 5px 1px #ddd;
   box-shadow: 3px 3px 5px 1px #ddd;
}

header #menu-bar {
   height: 70px;
   background-color: #fff;


}

header #menu-bar div.level1 {
   padding-top: 30px;
   margin-top: 0px;
   background: url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/bg-layermenu2.png') repeat-x;
   background-color: #fff;
}

header #menu-bar div.level1 .submenu>ul>li {
   /* font-weight: bold; */
   font-size: 18px;
}

header #menu-bar div.level1 .submenu>ul>li>ul {
   font-weight: bold;
   margin-top: 10px;
}

header #menu-bar div.level1 .submenu ul li ul li {
   float: none;
   display: block;
   font-weight: normal;
   margin-left: 5px;
   line-height: 150%;
}

header #menu-bar div.level1 .submenu ul li ul li a {
   color: #000;
   font-size: 0.75em;
   text-decoration: none;
}

header #menu-bar div.level1 .submenu ul li ul li a:hover {
   text-decoration: underline;
}

header #menu-bar div.level1 .submenu img {
   border-radius: 5px;
}

header #menu-bar nav>ul>li {
   float: left;
}

header #menu-bar nav>ul {
   margin: 0px;
   padding-left: 0px;
   margin-top: 0px;
}

header #menu-bar nav>ul>li {
   float: left;
   height: 23px;
   //aposition: relative;        
   list-style-type: none;
   apadding-left: 15px;
   apadding-right: 15px;
}

header #menu-bar nav>ul>li>a {
   text-decoration: none;
   display: block;
   height: 100%;
   padding-top: 14px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 33px;
   /*font-size: 1.3em;*/
   font-size: 1.2em;
   color: #363945;
   /* font-weight: bold; */
}

header #menu-bar nav>ul>li>a>span {
   font-size: 0.9rem;
   font-weight: normal;
   color: #898989;
}

header #menu-bar nav>ul>li>a:hover {
   background-color: #ececec;
}

header #menu-bar nav>ul>li>a.selected {
   background-color: #f4f4f4;
   color: #000000;
}

header #menu-bar nav>ul>li>a.active {
   background-color: #ececec;
}

header #menu-bar nav>ul>li>a.selected:hover {
   background-color: #ececec;
}

header #menu-bar nav div.level1 {
   position: absolute;
   display: none;
   z-index: 100;
   /*top: 112px;*/
   width: 100%;
   left: 0px;
   -webkit-box-shadow: inset 0px -10px 6px -7px rgba(50, 50, 50, 0.46);
   -moz-box-shadow: inset 0px -10px 6px -7px rgba(50, 50, 50, 0.46);
   box-shadow: inset 0px -10px 6px -7px rgba(50, 50, 50, 0.46);
}

h1 {
   font-size: 2.1em;
   /* font-weight: bold; */
   color: #2c2a29;
   line-height: 140%;
   margin-bottom: 15px;
}

h2 {
   margin-bottom: 15px;
   font-size: 1.6em;
   font-weight: normal;
   margin-top: 15px;
}

.large {
   /* font-size: 1.125em; */
   /* color: #7e7e7e; */
   font-size: 1.1em;
   color: #666;
   /* font-weight: 600; */
   line-height: 150%;
}

.area {}

.container {
   max-width: 1170px;
   margin: 0 auto;
   background-color: #cccccc;
}

.container-f {
   width: 1170px;
   margin: 0 auto;
   //abackground-color: #cccccc;
}

.container-full {
   margin: 0 auto;
   /*background-color: #cccccc;*/
   text-align: center;
}


.d-1-1-m20 p {
   margin-top: 15px;
}

.row {}

.d-1-1-m20 {
   width: 96.58119658%;
   float: left;
   margin-left: 1.709402%;
   margin-right: 1.709402%;
}

.d-1-3-g20-m20 {
   margin-right: 0.854700855%;
   margin-left: 0.854700855%;
   width: 31.05413105%;
   float: left;
}

.d-1-3-g20-m20-l {
   margin-right: 0.854700855%;
   margin-left: 1.709401709%;
   width: 31.05413105%;
   float: left;
}

.d-1-3-g20-m20-r {
   margin-right: 1.709401709%;
   margin-left: 0.854700855%;
   width: 31.05413105%;
   float: left;
}

.d-2-3-g20-m20-r {
   margin-right: 1.709401709%;
   margin-left: 0.854700855%;
   width: 63.81766381%;
   float: left;
}

.d-2-3-g20-m20-l {
   margin-right: 0.854700855%;
   margin-left: 1.709401709%;
   width: 63.81766381%;
   float: left;
}

.d-1-4 {
   width: 25%;
   float: left;
}

.d-1-4-g20-m0 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 23.717949%;
   float: left;
}

.d-1-4-g20-m0-l {
   margin-left: 0px;
   margin-right: 0.854701%;
   width: 23.717949%;
   float: left;
}

.d-1-4-g20-m0-r {
   margin-left: 0.854701%;
   margin-right: 0px;
   width: 23.717949%;
   float: left;
}

.d-1-4-g20-m10 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 23.290598%;
   float: left;
}

.d-1-4-g20-m10-l {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 23.290598%;
   float: left;
}

.d-1-4-g20-m10-r {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 23.290598%;
   float: left;
}

.d-1-4-g20-m20 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 22.863248%;
   float: left;
}

.d-1-4-g20-m20-submenu {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 22.863248%;
   float: left;
}

.d-1-4-g20-m20-l {
   margin-right: 0.854701%;
   margin-left: 1.709402%;
   width: 22.863248%;
   float: left;
}

.d-1-4-g20-m20-l-submenu {
   margin-right: 0.854701%;
   margin-left: 1.709402%;
   width: 22.863248%;
   float: left;
}

.d-1-4-g20-m20-l-menu {
   margin-right: 0.854701%;
   margin-left: 1.709402%;
   width: 22.863248%;
   float: left;
}

.d-1-4-g20-m20-r {
   margin-right: 1.709402%;
   margin-left: 0.854701%;
   width: 22.863248%;
   float: left;
}

.d-1-4-g20-m20-r-submenu {
   margin-right: 1.709402%;
   margin-left: 0.854701%;
   width: 22.863248%;
   float: left;
}

.d-2-4-g20-m20-r-napistenam {
   margin-right: 1.709402%;
   margin-left: 0.854701%;
   width: 42.435898%;
   padding-left: 5%;
   float: left;
}

.d-1-2-g20-m0 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 49.145299%;
   float: left;
}

.d-1-2-g20-m0-l {
   margin-left: 0px;
   margin-right: 0.854701%;
   width: 49.145299%;
   float: left;
}

.d-1-2-g20-m0-r {
   margin-left: 0.854701%;
   margin-right: 0px;
   width: 49.145299%;
   float: left;
}

.d-1-2-g20-m10 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 48.290598%;
   float: left;
}

.d-1-2-g20-m10-l {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 48.290598%;
   float: left;
}

.d-1-2-g20-m10-r {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 48.290598%;
   float: left;
}

.d-1-2-g20-m20 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 47.435897%;
   float: left;
}

.d-1-2-g20-m20-l {
   margin-right: 0.854701%;
   margin-left: 1.709402%;
   width: 47.435897%;
   float: left;
}

.d-1-2-g20-m20-r {
   margin-right: 1.709402%;
   margin-left: 0.854701%;
   width: 47.435897%;
   float: left;
}

.d-3-4-g20-m0 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 74.57265%;
   float: left;
}

.d-3-4-g20-m0-l {
   margin-left: 0px;
   margin-right: 0.854701%;
   width: 74.57265%;
   float: left;
}

.d-3-4-g20-m0-r {
   margin-left: 0.854701%;
   margin-right: 0px;
   width: 74.57265%;
   float: left;
}

.d-3-4-g20-m10 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 73.290598%;
   float: left;
}

.d-3-4-g20-m10-l {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 73.290598%;
   float: left;
}

.d-3-4-g20-m10-r {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 73.290598%;
   float: left;
}

.d-3-4-g20-m20 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 73.290598%;
   float: left;
}

.d-3-4-g20-m20-l {
   margin-right: 0.854701%;
   margin-left: 1.709402%;
   width: 74.57265%;
   float: left;
}

.d-3-4-g20-m20-r-menu {
   margin-right: 1.709402%;
   margin-left: 0.854701%;
   width: 72.008548%;
   float: left;
}

.d-3-4-g20-m20-r {
   margin-right: 1.709402%;
   margin-left: 0.854701%;
   width: 72.008548%;
   float: left;
}

.d-1-5-g20-m10 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 18.290598%;
   float: left;
}

.d-1-5-g20-m10-l {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 18.290598%;
   float: left;
}

.d-1-5-g20-m10-r {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 18.290598%;
   float: left;
}

.d-2-5-g20-m10 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 38.290598%;
   float: left;
}

.d-2-5-g20-m10-l {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 38.290598%;
   float: left;
}

.d-2-5-g20-m10-r {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 38.290598%;
   float: left;
}

.d-4-5-g20-m10 {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 78.290598%;
   float: left;
}

.d-4-5-g20-m10-l {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 78.290598%;
   float: left;
}

.d-4-5-g20-m10-r {
   margin-right: 0.854701%;
   margin-left: 0.854701%;
   width: 78.290598%;
   float: left;
}


strong {
   font-weight: bold;
}

div.container {
   margin: 0px auto;
   max-width: 960px;
   padding-left: 10px;
   padding-right: 10px;
   background-color: #fff;
}



/*
    header
*/
header #menu-row {
   background-color: #fff;
}

.row-1-1 {}

.divmenu {
   width: 24.89%;
   float: left;
   margin-right: 0.1%;
   background-color: #d3d3d3;
}


/*
    clearfix
*/
/* float clearing for IE6 */
* html .clearfix {
   height: 1%;
   overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix {
   min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
   font-size: 0;
}

.map-lyziarske-strediska {
   width: 363px;
   height: 242px;
}

@media only screen and (min-width: 961px) and (max-width: 1170px) {


   #search {
      display: none;
   }

   #rkontakt {
      display: none;
   }

   .resp-youtube {
      width: 298px;
      height: 198px;
   }

   .map-lyziarske-strediska {
      width: 298px;
      height: 199px;
   }

   .container-f {
      width: 960px;
      margin: 0 auto;
      //background-color: #cccccc;
   }

   .top-content .d-1-4-g20-m20-l {}

   .top-content .d-3-4-g20-m20-r {}

   .top-content .d-1-1-m20 {
      margin-top: 0px;
      padding-top: 0px;
   }

   .divmenu {
      width: 33.19%;
      float: left;
      margin-right: 0.1%;
      background-color: #d3d3d3;
   }

   .ref-cover-wrapper {
      font-size: 1.2em;
   }

   header .logo img {
      width: 200px;
   }

   header #menu-bar nav>ul>li>a {
      font-size: 1.1em;
      padding-top: 17px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 33px;
   }

   header #menu-bar nav>ul>li>a>span {
      font-size: 0.7rem;
   }
}

@media only screen and (min-width: 751px) and (max-width: 960px) {

   .list_vybavenie li {
      float: left;
   }

   .resp-youtube {
      width: 233px;
      height: 155px;
   }

   .map-lyziarske-strediska {
      width: 298px;
      height: 199px;
   }

   .container-f {
      width: 750px;
      margin: 0 auto;
      //background-color: #cccccc;
   }

   #search {
      display: none;
   }

   #rkontakt {
      display: none;
   }

   .top-content .d-1-4-g20-m20-l {
      display: none;
   }

   .top-content .d-3-4-g20-m20-r {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;

      margin-top: 10px;
   }

   .top-content .d-1-1-m20 {
      margin-top: 0px;
      padding-top: 0px;
   }

   .ref-cover-wrapper {
      font-size: 1em;
      padding-top: 2.5%;
   }

   header .logo {
      left: 10px;
   }

   header .logo img {
      width: 190px;
   }

   header #lang-selector {
      margin-left: 10px;
   }

   header #menu-bar nav>ul>li>a {
      font-size: 0.9em;
      padding-top: 26px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 33px;
   }

   header #menu-bar nav>ul>li>a>span {
      display: none;
   }

   .d-1-4-g20-m20-l-menu {
      margin-right: 0.854701%;
      margin-left: 1.709402%;
      width: 22.863248%;
      float: left;
   }

   .d-3-4-g20-m20-r-menu {
      margin-right: 1.709402%;
      margin-left: 0.854701%;
      width: 72.008548%;
      float: left;
   }

   .d-1-4-g20-m20-l {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-1-4-g20-m20 {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-2-4-g20-m20-r-napistenam {
      width: 96.58119658%;
      padding-left: 0%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-1-4-g20-m20-l+.d-1-4-g20-m20 {
      margin-right: 1.709402%;
      margin-left: 0.854701%;
      width: 47.435898%;
      float: left;
   }

   .d-1-4-g20-m20-l {
      margin-right: 0.854701%;
      margin-left: 1.709402%;
      width: 47.435898%;
      float: left;
   }

   .divmenu {
      width: 33.19%;
      float: left;
      margin-right: 0.1%;
      background-color: #d3d3d3;
   }
}

@media only screen and (min-width: 0px) and (max-width: 750px) {

   .list_vybavenie li {
      float: left;
   }

   h1.resp {
      font-size: 26px;
   }

   .img_pandrlak {
      height: 120px;
   }

   .img_pandrlak2 {
      /* height: 120px; */
      display: none;
   }

   .img_recenzie {
      display: block;
      float: none;
      margin-bottom: 15px;
   }

   #rkontakt {
      position: relative;
      float: right;
      color: #fff;
      padding-right: 0px;
      padding-left: 20px;
      width: 130px;
      padding-top: 10px;
      font-size: 12px;
   }

   #rkontakt {
      display: none;
   }


   .resp-youtube {
      width: 464px;
      height: 309px;
   }

   .map-lyziarske-strediska {
      width: 463px;
      height: 308px;
   }

   #menu-button {
      display: block;
      cursor: pointer;
   }

   #menu-button {
      padding-top: 3px;
      padding-right: 5px;
      cursor: pointer;
      width: 40px;
      height: 30px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
   }

   .bar {
      width: 100%;
      height: 3px;
      background-color: #fff;
      transition: all 0.3s ease;
   }

   #menu-button:hover .bar {
      background-color: #555;
   }




   #kontakt-top {
      display: none;
   }

   .top-content .d-1-4-g20-m20-l {
      display: none;
   }

   .top-content .d-3-4-g20-m20-r {
      margin-top: 30px;

      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
   }

   .top-content .d-1-1-m20 {
      margin-top: 0px;
      padding-top: 0px;
   }

   .banner-pobyt {
      display: none;
   }

   .d-1-2-g20-m20-l {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-1-2-g20-m20-r {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-1-2-g20-m20 {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .ref-cover-wrapper {
      padding-top: 4%;
   }

   .area-image-background {
      background-position: 0px 600px;
   }

   header #menu-bar nav {
      background-color: #44ff88;
   }

   #cennik-a-rezervacia {
      display: none;
   }

   #kontakt {
      display: none;
   }

   .container-f {
      max-width: 480px;
      margin: 0 auto;
      width: 100%;
      /* background-color: #cccccc; */
   }

   .row-1-1 {
      font-size: 2em;
   }

   header #menu-bar nav {
      display: none !important;
   }

   #search {
      display: none;
   }

   header .logo img {
      width: 220px;
   }

   header #lang-selector {
      display: none;
   }

   .d-1-4-g20-m20-l-menu {
      margin-right: 0.854701%;
      margin-left: 1.709402%;
      width: 22.863248%;
      float: left;
   }

   .d-3-4-g20-m20-r-menu {
      margin-right: 1.709402%;
      margin-left: 0.854701%;
      width: 72.008548%;
      float: left;
   }

   .d-1-3-g20-m20-l {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-1-3-g20-m20-r {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-1-3-g20-m20 {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-2-3-g20-m20-r {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-2-3-g20-m20-l {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-2-4-g20-m20-r-napistenam {
      width: 96.58119658%;
      padding-left: 0%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-1-4-g20-m20-l+.d-1-4-g20-m20 {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }

   .d-1-4-g20-m20-l {
      width: 96.58119658%;
      float: left;
      margin-left: 1.709402%;
      margin-right: 1.709402%;
      margin-bottom: 20px;
   }
}

/*
@media only screen and (max-width: 480px) {
   .container-f {
      width: 320px;
      margin: 0 auto;
      //background-color: #cccccc;
   }
   .row-1-1 {
   font-size: 2em;
   }
}
*/

.button_dotaz {
   margin-top: 10px;
   -moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
   -webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
   box-shadow: inset 0px 1px 0px 0px #f29c93;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
   background: -moz-linear-gradient(center top, #fe1a00 5%, #ce0100 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
   background-color: #fe1a00;
   -webkit-border-top-left-radius: 6px;
   -moz-border-radius-topleft: 6px;
   border-top-left-radius: 6px;
   -webkit-border-top-right-radius: 6px;
   -moz-border-radius-topright: 6px;
   border-top-right-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
   -moz-border-radius-bottomright: 6px;
   border-bottom-right-radius: 6px;
   -webkit-border-bottom-left-radius: 6px;
   -moz-border-radius-bottomleft: 6px;
   border-bottom-left-radius: 6px;
   text-indent: 0;
   border: 1px solid #d83526;
   display: inline-block;
   color: #ffffff;
   font-family: Arial;
   font-size: 15px;
   font-weight: bold;
   font-style: normal;
   height: 39px;
   line-height: 15px;
   width: 150px;
   text-decoration: none;
   text-align: center;
   text-shadow: 1px 1px 0px #b23e35;
   padding-top: 5px;
}

.button_dotaz:hover {
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
   background: -moz-linear-gradient(center top, #ce0100 5%, #fe1a00 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
   background-color: #ce0100;
   text-decoration: none;
   color: #fff;
}

.button_dotaz:active {
   position: relative;
   top: 1px;
}

.button_dotaz.small {
   font-size: 13px;
   height: 30px;
   line-height: 10px;
}



a {
   color: green;
}

a:hover {
   text-decoration: none;
}

textarea {
   max-width: 350px;
}

label.red {
   color: red;
}

/*
cyklo sagan
*/
.button_dotaz {
   margin-top: 7px;
   -moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
   -webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
   box-shadow: inset 0px 1px 0px 0px #f29c93;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
   background: -moz-linear-gradient(center top, #fe1a00 5%, #ce0100 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
   background-color: #fe1a00;
   -webkit-border-top-left-radius: 6px;
   -moz-border-radius-topleft: 6px;
   border-top-left-radius: 6px;
   -webkit-border-top-right-radius: 6px;
   -moz-border-radius-topright: 6px;
   border-top-right-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
   -moz-border-radius-bottomright: 6px;
   border-bottom-right-radius: 6px;
   -webkit-border-bottom-left-radius: 6px;
   -moz-border-radius-bottomleft: 6px;
   border-bottom-left-radius: 6px;
   text-indent: 0;
   border: 1px solid #d83526;
   display: inline-block;
   color: #ffffff;
   font-family: Arial;
   font-size: 15px;
   font-weight: bold;
   font-style: normal;
   height: 39px;
   line-height: 16px;
   width: 114px;
   text-decoration: none;
   text-align: center;
   text-shadow: 1px 1px 0px #b23e35;
   padding-top: 5px;
}

.button_dotaz:hover {
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
   background: -moz-linear-gradient(center top, #ce0100 5%, #fe1a00 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
   background-color: #ce0100;
   text-decoration: none;
   color: #fff;
}

.button_dotaz:active {
   position: relative;
   top: 1px;
}

.div_contact {
   background-color: #f5f5f5;
   border: 1px solid #ddd;
}

.div_contact:hover {}

.h2_cyklo {
   margin-bottom: 0px;
   background-color: #f0d32f;
   padding: 9px;
   text-transform: uppercase;
   border-bottom: 4px solid #363b37;
}

/*
//cyklo sagan
*/

.ref-cover2 {
   height: 25%;
}

.ref-cover-wrapper2 {
   font-size: 13px;
}


#kontakt {
   width: 210px;
   height: 23px;
   /* background-color:#3258a6; */
   background-color: #f5650d;
   position: fixed;
   bottom: 0px;
   display: none;
   color: #ffffff;
   padding: 3px;
   z-index: 1000;
   font-size: 12px;
}

#kontakt2 {
   width: 210px;
   height: 250px;
   /* background-color:#3258a6; */
   background-color: #f5650d;
   position: fixed;
   bottom: 0px;
   display: none;
   color: #ffffff;
   padding: 3px;
   z-index: 1000;
   font-size: 12px;

}

#open_area {
   width: 180px;
   float: left;
}

.shid {
   display: none;
}





.flex-list .list-content {
   border: 1px solid #d2d2d2;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
   transition: box-shadow 0.4s ease-in-out;
   box-sizing: border-box;
}

.flex-list .list-content:hover {
   box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px;
}

.flex-list .list-content-text {
   padding: 15px;
   text-decoration: none;
   box-sizing: border-box;
}

.flex-list .list-content-text .button-more {
   padding: 10px;
   background-color: #ffbc00;
   float: right;
}

.flex-list .list-content-text .title {
   font-weight: bold;
   margin-bottom: 10px;
   font-size: 18px;
}

.flex-list .list-content-text .description {
   font-size: 13px;
   color: #222;
   margin-bottom: 10px;
   line-height: 130%;
}

.flex-list .list-content-text .price {
   font-size: 17px;
   font-weight: bold;
   color: #342f5a;
}

.flex-list .list-content-text .price span {
   font-size: 12px;
   font-weight: normal;
   color: #666;
}

.flex-list .list-content-text .price span.old-price {
   font-size: 12px;
   font-weight: normal;
   color: #999;
   text-decoration: line-through;
}

.flex-list .list-item img {
   width: 100%;
}

.flex-list {
   margin: 0;
   padding: 0;
   list-style: none;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
}

.flex-list a {
   text-decoration: none;
}

.flex-list .list-item {
   margin: 0;
   padding: 0;
   list-style: none;
   box-sizing: border-box;
   display: flex;
   padding: 0.7em;
   width: 100%;
}

@media all and (min-width: 40em) {
   .flex-list .list-item {
      width: 50%;
   }
}

@media all and (min-width: 60em) {
   .flex-list .list-item {
      width: 33.33%;
   }
}

.flex-list .list-content {
   background-color: #fff;
   display: flex;
   flex-direction: column;
   /* padding: 1em; */
   width: 100%;
}

.flex-list .list-content p {
   flex: 1 0 auto;
}

.flex-list .list-content .aaa {
   flex: 1 0 auto;
}

.flex-list .list-content .list-content-text {
   flex: 1 0 auto;
}





























/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
   outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
   margin: 0;
   padding: 0;
   list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {

   font-family: 'flexslider-icon';
   src: url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/fonts/flexslider-icon.eot');
   src: url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
      url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/fonts/flexslider-icon.woff') format('woff'),
      url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/fonts/flexslider-icon.ttf') format('truetype'),
      url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
   font-weight: normal;
   font-style: normal;

}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
   margin: 0;
   padding: 0;
   min-height: 185px;
   aaborder: 15px solid #cbcbcb;
   border: none;
}

.flexslider .slides>li {
   display: none;
   -webkit-backface-visibility: hidden;
   /* Hide the slides before the JS is loaded. Avoids image jumping */
}

.flexslider .slides img {
   width: 100%;
   display: block;
   -khtml-user-select: none;
   -o-user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

.flex-pauseplay span {
   text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
   content: "\0020";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

html[xmlns] .slides {
   display: block;
}

* html .slides {
   height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
   display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
   margin: 0 0;
   position: relative;
   zoom: 1;
}

.flex-viewport {
   max-height: 2000px;
   /*
   -webkit-transition: all 1s ease; 
   -moz-transition: all 1s ease; 
   -o-transition: all 1s ease; 
   transition: all 1s ease; 
   */
}

.loading .flex-viewport {
   max-height: 500px;
}

.flexslider .slides {
   zoom: 1;
}

.flexslider .slides>li {
   position: relative;
}

.carousel li {
   margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
   *height: 0;
}

.flex-direction-nav a {
   display: block;
   width: 40px;
   height: 40px;
   margin: -40px 0 0;
   position: absolute;
   top: 50%;
   z-index: 10;
   overflow: hidden;
   opacity: 0;
   cursor: pointer;
   //color: rgba(0,0,0,0.8); 
   color: #fff;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   transition: all .3s ease;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
}

.flex-direction-nav .flex-prev {
   left: 15px;
   background-color: #fff;
   background: #fff url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/arrow-left.png') no-repeat center center;
}

.flex-direction-nav .flex-prev:before {
   display: none;
}

.flex-direction-nav .flex-next {
   right: 15px;
   background-color: #fff;
   background: #fff url('https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/arrow-right.png') no-repeat center center;
}

.flex-direction-nav .flex-next:before {
   display: none;
}

.flex-direction-nav .flex-next:before {
   display: none;
}

.flexslider:hover .flex-prev {
   opacity: 0.7;
   left: 25px;
}

.flexslider:hover .flex-next {
   opacity: 0.7;
   right: 25px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
   opacity: 1;
   background-color: #888;
}

.flex-direction-nav .flex-disabled {
   opacity: 0 !important;
   filter: alpha(opacity=0);
   cursor: default;
}

.flex-direction-nav a:before {
   font-family: "flexslider-icon";
   font-size: 40px;
   display: inline-block;
   content: '\f001';
}

.flex-direction-nav a.flex-next:before {
   content: '\f002';
}

/* Pause/Play */
.flex-pauseplay a {
   display: block;
   width: 20px;
   height: 20px;
   position: absolute;
   bottom: 5px;
   left: 10px;
   opacity: 0.8;
   z-index: 10;
   overflow: hidden;
   cursor: pointer;
   color: #000;
}

.flex-pauseplay a:before {
   font-family: "flexslider-icon";
   font-size: 20px;
   display: inline-block;
   content: '\f004';
}

.flex-pauseplay a:hover {
   opacity: 1;
}

.flex-pauseplay a.flex-play:before {
   content: '\f003';
}

/* Control Nav */
.flex-control-nav {
   position: absolute;
   text-align: center;
   /* background-color: #fff; */
   opacity: 0.6;
   display: block;
   bottom: 0px;
   /* right: 43%; */
   right: 0%;
   text-align: center;
   padding: 10px;
}

.flex-control-nav li {
   margin: 0;
   display: block;
   float: left;
   zoom: 1;
   *display: inline;
   margin-left: 5px;
   margin-right: 5px;
   opacity: 1;
}

.flex-control-paging li a {
   width: 10px;
   height: 10px;
   display: block;
   background: #0087d7;
   background: rgba(0, 0, 0, 0.7);
   cursor: pointer;
   text-indent: -9999px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.flex-control-paging li a:hover {
   background: #aaa;
   background: rgba(0, 0, 0, 0.7);

}

.flex-control-paging li a.flex-active {
   background: #000;
   background: rgba(0, 0, 0, 0.9);
   background: #bbb;
   cursor: default;
}

.flex-control-thumbs {
   margin: 5px 0 0;
   position: static;
   overflow: hidden;
}

.flex-control-thumbs li {
   width: 25%;
   float: left;
   margin: 0;
}

.flex-control-thumbs img {
   width: 100%;
   display: block;
   opacity: .7;
   cursor: pointer;
}

.flex-control-thumbs img:hover {
   opacity: 1;
}

.flex-control-thumbs .flex-active {
   opacity: 1;
   cursor: default;
}

@media screen and (max-width: 860px) {
   .flex-direction-nav .flex-prev {
      //zopacity: 0.7; 
      left: 10px;
   }

   .flex-direction-nav .flex-prev:hover {
      opacity: 1;
   }

   .flex-direction-nav .flex-next {
      //zopacity: 0.7; 
      right: 10px;
   }

   .flex-direction-nav .flex-next:hover {
      opacity: 1;
   }
}

.flex-caption {
   position: absolute;
   zoom: 1;
   az-index: 100;
   width: 43%;
   right: 8%;
   bottom: 10%;
   background: rgba(25, 25, 25, .35);
   text-align: left;
   padding: 15px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-size: 0.9em;
   text-shadow: 2px 2px 0px rgba(20, 20, 20, 1);
}

.flex-caption p {
   margin-bottom: 0;
   color: #fff;
   font-size: 22px;
   line-height: 160%;
   font-weight: 600;
}

.flex-caption h3 {
   color: #fff;
   font-size: 39px;
   font-weight: bold;
   line-height: 160%;
}

.flex-caption a {
   padding: 5px;
   background-color: red;
   color: #fff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-size: 0.85em;
   text-shadow: none;
   text-decoration: none;
}

.flex-caption a:hover {
   text-decoration: underline;
}

.flex-caption ul {
   margin-bottom: 0;
   color: #fff;
   font-size: 17px;
   line-height: 160%;
   apadding-left: 15px;
   alist-style: square;
}

.flex-caption h2 {
   margin-top: 20px;
   font-size: 24px;
   font-weight: 600;
   line-height: 140%;
   margin-bottom: 30px;
   color: #fff;
}





















/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
   display: none;
}

.ui-helper-hidden-accessible {
   position: absolute !important;
   clip: rect(1px 1px 1px 1px);
   clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   line-height: 1.3;
   text-decoration: none;
   font-size: 100%;
   list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
   content: "";
   display: table;
}

.ui-helper-clearfix:after {
   clear: both;
}

.ui-helper-clearfix {
   zoom: 1;
}

.ui-helper-zfix {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   opacity: 0;
   filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
   cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
   display: block;
   text-indent: -99999px;
   overflow: hidden;
   background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}


/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget {
   font-family: Verdana, Arial, sans-serif;
   font-size: 1.1em;
}

.ui-widget .ui-widget {
   font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
   font-family: Verdana, Arial, sans-serif;
   font-size: 1em;
}

.ui-widget-content {
   border: 1px solid #aaaaaa;
   background: #ffffff url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
   color: #222222;
}

.ui-widget-content a {
   color: #222222;
}

.ui-widget-header {
   border: 1px solid #aaaaaa;
   background: #cccccc url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
   color: #222222;
   font-weight: bold;
}

.ui-widget-header a {
   color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
   border: 1px solid #d3d3d3;
   background: #e6e6e6 url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
   font-weight: normal;
   color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
   color: #555555;
   text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
   border: 1px solid #999999;
   background: #dadada url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
   font-weight: normal;
   color: #212121;
}

.ui-state-hover a,
.ui-state-hover a:hover {
   color: #212121;
   text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
   border: 1px solid #aaaaaa;
   background: #ffffff url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
   font-weight: normal;
   color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
   color: #212121;
   text-decoration: none;
}

.ui-widget :active {
   outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
   border: 1px solid #fcefa1;
   background: #fbf9ee url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
   color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
   color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
   border: 1px solid #cd0a0a;
   background: #fef1ec url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
   color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
   color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
   color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
   font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
   opacity: .7;
   filter: Alpha(Opacity=70);
   font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
   opacity: .35;
   filter: Alpha(Opacity=35);
   background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
   width: 16px;
   height: 16px;
   background-image: url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
   background-image: url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
   background-image: url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
   background-image: url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
   background-image: url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
   background-image: url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
   background-image: url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
   background-image: url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
   background-position: 0 0;
}

.ui-icon-carat-1-ne {
   background-position: -16px 0;
}

.ui-icon-carat-1-e {
   background-position: -32px 0;
}

.ui-icon-carat-1-se {
   background-position: -48px 0;
}

.ui-icon-carat-1-s {
   background-position: -64px 0;
}

.ui-icon-carat-1-sw {
   background-position: -80px 0;
}

.ui-icon-carat-1-w {
   background-position: -96px 0;
}

.ui-icon-carat-1-nw {
   background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
   background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
   background-position: -144px 0;
}

.ui-icon-triangle-1-n {
   background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
   background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
   background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
   background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
   background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
   background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
   background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
   background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
   background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
   background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
   background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
   background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
   background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
   background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
   background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
   background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
   background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
   background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
   background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
   background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
   background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
   background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
   background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
   background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
   background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
   background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
   background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
   background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
   background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
   background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
   background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
   background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
   background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
   background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
   background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
   background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
   background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
   background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
   background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
   background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
   background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
   background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
   background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
   background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
   background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
   background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
   background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
   background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
   background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
   background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
   background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
   background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
   background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
   background-position: -176px -64px;
}

.ui-icon-arrow-4 {
   background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
   background-position: -16px -80px;
}

.ui-icon-extlink {
   background-position: -32px -80px;
}

.ui-icon-newwin {
   background-position: -48px -80px;
}

.ui-icon-refresh {
   background-position: -64px -80px;
}

.ui-icon-shuffle {
   background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
   background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
   background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
   background-position: 0 -96px;
}

.ui-icon-folder-open {
   background-position: -16px -96px;
}

.ui-icon-document {
   background-position: -32px -96px;
}

.ui-icon-document-b {
   background-position: -48px -96px;
}

.ui-icon-note {
   background-position: -64px -96px;
}

.ui-icon-mail-closed {
   background-position: -80px -96px;
}

.ui-icon-mail-open {
   background-position: -96px -96px;
}

.ui-icon-suitcase {
   background-position: -112px -96px;
}

.ui-icon-comment {
   background-position: -128px -96px;
}

.ui-icon-person {
   background-position: -144px -96px;
}

.ui-icon-print {
   background-position: -160px -96px;
}

.ui-icon-trash {
   background-position: -176px -96px;
}

.ui-icon-locked {
   background-position: -192px -96px;
}

.ui-icon-unlocked {
   background-position: -208px -96px;
}

.ui-icon-bookmark {
   background-position: -224px -96px;
}

.ui-icon-tag {
   background-position: -240px -96px;
}

.ui-icon-home {
   background-position: 0 -112px;
}

.ui-icon-flag {
   background-position: -16px -112px;
}

.ui-icon-calendar {
   background-position: -32px -112px;
}

.ui-icon-cart {
   background-position: -48px -112px;
}

.ui-icon-pencil {
   background-position: -64px -112px;
}

.ui-icon-clock {
   background-position: -80px -112px;
}

.ui-icon-disk {
   background-position: -96px -112px;
}

.ui-icon-calculator {
   background-position: -112px -112px;
}

.ui-icon-zoomin {
   background-position: -128px -112px;
}

.ui-icon-zoomout {
   background-position: -144px -112px;
}

.ui-icon-search {
   background-position: -160px -112px;
}

.ui-icon-wrench {
   background-position: -176px -112px;
}

.ui-icon-gear {
   background-position: -192px -112px;
}

.ui-icon-heart {
   background-position: -208px -112px;
}

.ui-icon-star {
   background-position: -224px -112px;
}

.ui-icon-link {
   background-position: -240px -112px;
}

.ui-icon-cancel {
   background-position: 0 -128px;
}

.ui-icon-plus {
   background-position: -16px -128px;
}

.ui-icon-plusthick {
   background-position: -32px -128px;
}

.ui-icon-minus {
   background-position: -48px -128px;
}

.ui-icon-minusthick {
   background-position: -64px -128px;
}

.ui-icon-close {
   background-position: -80px -128px;
}

.ui-icon-closethick {
   background-position: -96px -128px;
}

.ui-icon-key {
   background-position: -112px -128px;
}

.ui-icon-lightbulb {
   background-position: -128px -128px;
}

.ui-icon-scissors {
   background-position: -144px -128px;
}

.ui-icon-clipboard {
   background-position: -160px -128px;
}

.ui-icon-copy {
   background-position: -176px -128px;
}

.ui-icon-contact {
   background-position: -192px -128px;
}

.ui-icon-image {
   background-position: -208px -128px;
}

.ui-icon-video {
   background-position: -224px -128px;
}

.ui-icon-script {
   background-position: -240px -128px;
}

.ui-icon-alert {
   background-position: 0 -144px;
}

.ui-icon-info {
   background-position: -16px -144px;
}

.ui-icon-notice {
   background-position: -32px -144px;
}

.ui-icon-help {
   background-position: -48px -144px;
}

.ui-icon-check {
   background-position: -64px -144px;
}

.ui-icon-bullet {
   background-position: -80px -144px;
}

.ui-icon-radio-off {
   background-position: -96px -144px;
}

.ui-icon-radio-on {
   background-position: -112px -144px;
}

.ui-icon-pin-w {
   background-position: -128px -144px;
}

.ui-icon-pin-s {
   background-position: -144px -144px;
}

.ui-icon-play {
   background-position: 0 -160px;
}

.ui-icon-pause {
   background-position: -16px -160px;
}

.ui-icon-seek-next {
   background-position: -32px -160px;
}

.ui-icon-seek-prev {
   background-position: -48px -160px;
}

.ui-icon-seek-end {
   background-position: -64px -160px;
}

.ui-icon-seek-start {
   background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
   background-position: -80px -160px;
}

.ui-icon-stop {
   background-position: -96px -160px;
}

.ui-icon-eject {
   background-position: -112px -160px;
}

.ui-icon-volume-off {
   background-position: -128px -160px;
}

.ui-icon-volume-on {
   background-position: -144px -160px;
}

.ui-icon-power {
   background-position: 0 -176px;
}

.ui-icon-signal-diag {
   background-position: -16px -176px;
}

.ui-icon-signal {
   background-position: -32px -176px;
}

.ui-icon-battery-0 {
   background-position: -48px -176px;
}

.ui-icon-battery-1 {
   background-position: -64px -176px;
}

.ui-icon-battery-2 {
   background-position: -80px -176px;
}

.ui-icon-battery-3 {
   background-position: -96px -176px;
}

.ui-icon-circle-plus {
   background-position: 0 -192px;
}

.ui-icon-circle-minus {
   background-position: -16px -192px;
}

.ui-icon-circle-close {
   background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
   background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
   background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
   background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
   background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
   background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
   background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
   background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
   background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
   background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
   background-position: -192px -192px;
}

.ui-icon-circle-check {
   background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
   background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
   background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
   background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
   background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
   background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
   background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
   background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
   background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
   background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
   background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
   background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
   background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
   -moz-border-radius-topleft: 4px;
   -webkit-border-top-left-radius: 4px;
   -khtml-border-top-left-radius: 4px;
   border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
   -moz-border-radius-topright: 4px;
   -webkit-border-top-right-radius: 4px;
   -khtml-border-top-right-radius: 4px;
   border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -khtml-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -khtml-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
   background: #aaaaaa url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
   opacity: .30;
   filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
   margin: -8px 0 0 -8px;
   padding: 8px;
   background: #aaaaaa url(https://www.chatauhorcik.sk/templates_chatauhorcik2023/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
   opacity: .30;
   filter: Alpha(Opacity=30);
   -moz-border-radius: 8px;
   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
}

/*!
 * jQuery UI Resizable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
   position: relative;
}

.ui-resizable-handle {
   position: absolute;
   font-size: 0.1px;
   display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
   display: none;
}

.ui-resizable-n {
   cursor: n-resize;
   height: 7px;
   width: 100%;
   top: -5px;
   left: 0;
}

.ui-resizable-s {
   cursor: s-resize;
   height: 7px;
   width: 100%;
   bottom: -5px;
   left: 0;
}

.ui-resizable-e {
   cursor: e-resize;
   width: 7px;
   right: -5px;
   top: 0;
   height: 100%;
}

.ui-resizable-w {
   cursor: w-resize;
   width: 7px;
   left: -5px;
   top: 0;
   height: 100%;
}

.ui-resizable-se {
   cursor: se-resize;
   width: 12px;
   height: 12px;
   right: 1px;
   bottom: 1px;
}

.ui-resizable-sw {
   cursor: sw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   bottom: -5px;
}

.ui-resizable-nw {
   cursor: nw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   top: -5px;
}

.ui-resizable-ne {
   cursor: ne-resize;
   width: 9px;
   height: 9px;
   right: -5px;
   top: -5px;
}

/*!
 * jQuery UI Selectable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
   position: absolute;
   z-index: 100;
   border: 1px dotted black;
}

/*!
 * jQuery UI Accordion 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
   width: 100%;
}

.ui-accordion .ui-accordion-header {
   cursor: pointer;
   position: relative;
   margin-top: 1px;
   zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
   display: inline;
}

.ui-accordion .ui-accordion-header-active {
   border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
   display: block;
   font-size: 1em;
   padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
   padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
   position: absolute;
   left: .5em;
   top: 50%;
   margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
   padding: 1em 2.2em;
   border-top: 0;
   margin-top: -2px;
   position: relative;
   top: 1px;
   margin-bottom: 2px;
   overflow: auto;
   display: none;
   zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
   display: block;
}

/*!
 * jQuery UI Autocomplete 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
   position: absolute;
   cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
   width: 1px;
}

/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.21
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
   list-style: none;
   padding: 2px;
   margin: 0;
   display: block;
   float: left;
}

.ui-menu .ui-menu {
   margin-top: -3px;
}

.ui-menu .ui-menu-item {
   margin: 0;
   padding: 0;
   zoom: 1;
   float: left;
   clear: left;
   width: 100%;
}

.ui-menu .ui-menu-item a {
   text-decoration: none;
   display: block;
   padding: .2em .4em;
   line-height: 1.5;
   zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
   font-weight: normal;
   margin: -1px;
}

/*!
 * jQuery UI Button 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
   display: inline-block;
   position: relative;
   padding: 0;
   margin-right: .1em;
   text-decoration: none !important;
   cursor: pointer;
   text-align: center;
   zoom: 1;
   overflow: visible;
}

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
   width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
   width: 2.4em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
   width: 3.4em;
}

button.ui-button-icons-only {
   width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
   display: block;
   line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
   padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
   padding: .4em;
   text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
   padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
   padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
   padding-left: 2.1em;
   padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
   padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
   position: absolute;
   top: 50%;
   margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
   left: 50%;
   margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
   left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
   right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
   right: .5em;
}

/*button sets*/
.ui-buttonset {
   margin-right: 7px;
}

.ui-buttonset .ui-button {
   margin-left: 0;
   margin-right: -.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
   border: 0;
   padding: 0;
}

/* reset extra padding in Firefox */
/*!
 * jQuery UI Dialog 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
   position: absolute;
   padding: .2em;
   width: 300px;
   overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
   padding: .4em 1em;
   position: relative;
}

.ui-dialog .ui-dialog-title {
   float: left;
   margin: .1em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
   position: absolute;
   right: .3em;
   top: 50%;
   width: 19px;
   margin: -10px 0 0 0;
   padding: 1px;
   height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
   display: block;
   margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
   padding: 0;
}

.ui-dialog .ui-dialog-content {
   position: relative;
   border: 0;
   padding: .5em 1em;
   background: none;
   overflow: auto;
   zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
   text-align: left;
   border-width: 1px 0 0 0;
   background-image: none;
   margin: .5em 0 0 0;
   padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
   float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
   margin: .5em .4em .5em 0;
   cursor: pointer;
}

.ui-dialog .ui-resizable-se {
   width: 14px;
   height: 14px;
   right: 3px;
   bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
   cursor: move;
}

/*!
 * jQuery UI Slider 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
   position: relative;
   text-align: left;
}

.ui-slider .ui-slider-handle {
   position: absolute;
   z-index: 2;
   width: 1.2em;
   height: 1.2em;
   cursor: default;
}

.ui-slider .ui-slider-range {
   position: absolute;
   z-index: 1;
   font-size: .7em;
   display: block;
   border: 0;
   background-position: 0 0;
}

.ui-slider-horizontal {
   height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
   top: -.3em;
   margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
   top: 0;
   height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
   left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
   right: 0;
}

.ui-slider-vertical {
   width: .8em;
   height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
   left: -.3em;
   margin-left: 0;
   margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
   left: 0;
   width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
   bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
   top: 0;
}

/*!
 * jQuery UI Tabs 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
   position: relative;
   padding: .2em;
   zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
   margin: 0;
   padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
   list-style: none;
   float: left;
   position: relative;
   top: 1px;
   margin: 0 .2em 1px 0;
   border-bottom: 0 !important;
   padding: 0;
   white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
   float: left;
   padding: .5em 1em;
   text-decoration: none;
   color: #222;
   font-weight: bold;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
   margin-bottom: 0;
   padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
   cursor: text;
   background: #fff;
   color: #222;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
   cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
   display: block;
   border-width: 0;
   padding: 1em 1.4em;
   background: none;
}

.ui-tabs .ui-tabs-hide {
   display: none !important;
}

.ui-tabs .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
   border: 1px solid #d3d3d3;
   background: orange;
   font-weight: normal;
   color: #fff;
}

.ui-tabs .ui-state-default:hover {
   border: 1px solid #d3d3d3;
   background: #0069f7
      /*modra*/
   ;
   font-weight: normal;
   color: #fff;
}

.ui-tabs .ui-state-default:hover a {
   color: #fff;
}

.ui-tabs .ui-state-active {
   border: 1px solid #d3d3d3;
   background: white;
   font-weight: normal;
   color: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
   color: 222;
}

/*!
 * jQuery UI Datepicker 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
   width: 17em;
   padding: .2em .2em 0;
   display: none;
}

.ui-datepicker .ui-datepicker-header {
   position: relative;
   padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
   position: absolute;
   top: 2px;
   width: 1.8em;
   height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
   top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
   left: 2px;
}

.ui-datepicker .ui-datepicker-next {
   right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
   left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
   right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -8px;
   top: 50%;
   margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
   margin: 0 2.3em;
   line-height: 1.8em;
   text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
   font-size: 1em;
   margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
   width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
   width: 49%;
}

.ui-datepicker table {
   width: 100%;
   font-size: .9em;
   border-collapse: collapse;
   margin: 0 0 .4em;
}

.ui-datepicker th {
   padding: .7em .3em;
   text-align: center;
   font-weight: bold;
   border: 0;
}

.ui-datepicker td {
   border: 0;
   padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
   display: block;
   padding: .2em;
   text-align: right;
   text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
   background-image: none;
   margin: .7em 0 0 0;
   padding: 0 .2em;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
   float: right;
   margin: .5em .2em .4em;
   cursor: pointer;
   padding: .2em .6em .3em .6em;
   width: auto;
   overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
   float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
   width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
   float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
   width: 95%;
   margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
   width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
   width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
   width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
   border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
   border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
   clear: left;
}

.ui-datepicker-row-break {
   clear: both;
   width: 100%;
   font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
   direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
   right: 2px;
   left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
   left: 2px;
   right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
   right: 1px;
   left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
   left: 1px;
   right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
   clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
   float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
   float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
   float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
   border-right-width: 0;
   border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
   border-right-width: 0;
   border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
   display: none;
   /*sorry for IE5*/
   display
   /**/
   : block;
   /*sorry for IE5*/
   position: absolute;
   /*must have*/
   z-index: -1;
   /*must have*/
   filter: mask();
   /*must have*/
   top: -4px;
   /*must have*/
   left: -4px;
   /*must have*/
   width: 200px;
   /*must have*/
   height: 200px;
   /*must have*/
}

/*!
 * jQuery UI Progressbar 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
   height: 2em;
   text-align: left;
   overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
   margin: -1px;
   height: 100%;
}




















/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   height: 500px;
}

#jquery-lightbox {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 100;
   text-align: center;
   line-height: 0;
}

#jquery-lightbox a img {
   border: none;
}

#lightbox-container-image-box {
   position: relative;
   background-color: #fff;
   width: 250px;
   height: 250px;
   margin: 0 auto;
}

#lightbox-container-image {
   padding: 10px;
}

#lightbox-loading {
   position: absolute;
   top: 40%;
   left: 0%;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0;
}

#lightbox-nav {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
}

#lightbox-container-image-box>#lightbox-nav {
   left: 0;
}

#lightbox-nav a {
   outline: none;
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
   width: 49%;
   height: 100%;
   zoom: 1;
   display: block;
}

#lightbox-nav-btnPrev {
   left: 0;
   float: left;
}

#lightbox-nav-btnNext {
   right: 0;
   float: right;
}

#lightbox-container-image-data-box {
   font: 10px Verdana, Helvetica, sans-serif;
   background-color: #fff;
   margin: 0 auto;
   line-height: 1.4em;
   overflow: auto;
   width: 100%;
   padding: 0 10px 0;
}

#lightbox-container-image-data {
   padding: 0 10px;
   color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
   width: 70%;
   float: left;
   text-align: left;
}

#lightbox-image-details-caption {
   font-weight: bold;
}

#lightbox-image-details-currentNumber {
   display: block;
   clear: left;
   padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
   width: 66px;
   float: right;
   padding-bottom: 0.7em;
}

.async-hide {
   opacity: 0 !important
}

.flex1 {
   display: flex;
   gap: 20px;
   margin-bottom: 20px;
}

@media (max-width: 750px) {
   .flex1 {
      display: flex;
      gap: 25px;
      margin-bottom: 20px;
      flex-direction: column;
   }
}

.flex2 {
   display: flex;
   gap: 20px;
   margin-bottom: 20px;
}

@media (max-width: 750px) {
   .flex2 {
      display: flex;
      gap: 25px;
   }
}

 
.rezervovat_button {
	top: 10px;
	width: 170px;
	aheight: 250px;
	//background-color:#3258a6;
	background-color: #f5650d;
	position: fixed;

	display: block;
	color: #ffffff;
	padding: 3px;
	z-index: 1000;
	font-size: 12px;
	display: none;
	margin-left: 10px;
	font-size: 15px;
	padding: 10px;
	border: 1px solid;
	text-transform: uppercase;
	text-align: center;
}

.rezervovat_button:hover {
	background-color: red;
}

.rezervovat_button {
	top: 10px;
	width: 170px;
	aheight: 250px;
	//background-color:#3258a6;
	background-color: #f5650d;
	position: fixed;

	display: block;
	color: #ffffff;
	padding: 3px;
	z-index: 1000;
	font-size: 12px;
	display: none;
	margin-left: 10px;
	font-size: 15px;
	padding: 10px;
	border: 1px solid;
	text-transform: uppercase;
	text-align: center;
	border-radius: 8px;
}

.rezervovat_button:hover {
	background-color: red;
}