body {font-family: 'Roboto', sans-serif; font-size: 15px; margin:0; padding:0; color: #1b1b1b;}
.Bbutton {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.59); color: white; background-color: #57a2bc; display: inline-block; padding: 10px 14px 10px 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 16px; -webkit-transition: background-color 400ms linear; -moz-transition: background-color 400ms linear; -o-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear;}
.Bbutton:hover {color: white; background-color: #FAED01; text-decoration: none;}

.swiper-container{z-index: 100; width:100%; height: 480px; margin-top: 0px; z-index: 100 !important;}  
.swiper-container .parallax-bg {z-index: 100 !important; left: 0; top: 0; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; }
.text1 {font-family: 'Roboto Condensed', sans-serif; margin-top: 60px; text-transform: uppercase; font-weight: 700; color: #F9F9F9; font-size: 60px; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.59);}
.text2 {font-family: 'Roboto Condensed', sans-serif; color: #F9F9F9; font-size: 35px; font-weight: 400; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.59);}

.flags {position: absolute; right: 15px; top: -28px;}
.containerHead {position: relative;}
                                              
.head-contact {border-right: 1px solid #b5b5b5;}
.head-contact a {color: #838383; display: block; margin-right: 25px;}
.head-contact a:nth-child(1) {margin-bottom: 10px;}
.head-contact a:hover {text-decoration: none;}
.head-contact a i {color: #3885a1;}
.head-contact a:hover i {color: #FAED01;}

.menu-holder {background: #69b0c9; box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.35); z-index: 1000 !important;}
.nav-item {color: white !important; font-size: 18px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.59); padding-top: 0; padding-bottom: 0;}
ul.navbar-nav li {border-right: 1px solid #377489; padding-left: 4px; padding-right: 4px;}
ul.navbar-nav li.last {border-right: none;}
ul.navbar-nav li a:hover, ul.navbar-nav li.act a {color: #FAED01 !important;}

.content h1 {font-size: 40px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; color: #348eb6; padding: 0 0 17px 0; margin-bottom: 40px; background: url(/plugins/templates/default/images/h1line.png) bottom center no-repeat;}
.content h2 {font-weight: 700; font-family: 'Roboto Condensed', sans-serif; color: #348eb6; font-size: 30px; margin-bottom: 30px;}
.content h3 {font-weight: 700; font-family: 'Roboto Condensed', sans-serif; color: #348eb6; font-size: 25px; margin-bottom: 20px;}
.ubytovani-item {font-size: 18px; font-family: 'Roboto Condensed', sans-serif;}
.ubytovani-item a {color: #353535;}
.ubytovani-item a img {width: 150px; height: auto; display: inline-block; box-shadow: 0px 0px 8px rgba(52, 142, 182, 0.6); transition: box-shadow 0.3s ease-in-out;}
.ubytovani-item:hover a img {box-shadow: 0px 0px 8px rgba(250, 237, 1, 1);}
.ubytovani-item:hover a {text-decoration: none;}

.oceneniHome h2 {color: white; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.59); font-size: 34px;}
.planekHome h2 {color: white; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.59); font-size: 34px;}
.planekHome a:hover {text-decoration: none;}
.planekHome h2 i {font-size: 45x !important; display: block; padding-bottom: 20px;}

.boxHomeItem {font-family: 'Roboto Condensed', sans-serif; margin:0 !important; padding: 0 !important;}

.overflow {overflow: hidden; position: relative;}
.overlayBox {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0.7; transition: .3s ease; background: rgba(255, 255, 255, .8);}
.ikonka {color: #222222; font-size: 70px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; width: 95px; height: 70px; text-align: center; line-height: 25px; vertical-align: middle;}
a:hover .ikonka {color: #348DB5;}
a:hover .overlayBox {opacity: 1;}
.overflow img {transition: 0.8s ease;}
a:hover .overflow img {transition: 0.8s ease; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.overlayText {font-size: 25px; padding: 0px 0 35px 0px; color: #222222; position: absolute; bottom: 0; left: 0; width: 100%;}

.paralaxSubpage {height: 250px;}
.iframeMapa {width: 100%; height: 450px; border: 6px solid #D9ECF4;}
.fotoOkoli img {border: 6px solid #D9ECF4;}

.sluzbaItem {border: 1px solid #DFDFDF; padding: 0; margin: 5px 10px 5px 10px; height: 140px; position: relative; transition: box-shadow 0.3s ease-in-out;}
.sluzbaItem:hover {box-shadow: 0px 0px 8px rgba(250, 237, 1, 1);}
.sluzbaItem img {width: 60px; height: auto; margin-top: 15px;}
.sluzbaItem:nth-child(4) img {margin-top: 0px;}
.sluzbaItem p {margin: 0; padding: 0; position: absolute; bottom: 10px; left: 0; width: 100%; font-family: 'Roboto Condensed', sans-serif; font-size: 18px;}

.borderIMG {border: 6px solid #D9ECF4;}

.gallery a img {transition: box-shadow 0.3s ease-in-out; border: 6px solid #D9ECF4;}
.gallery img {margin: 6px !important;}
.gallery a img:hover {box-shadow: 0px 0px 8px rgba(250, 237, 1, 1);}

.buttons a {background-color: #3885a1; color: white; padding: 6px 0 6px 0; width: 35px; text-align: center; display: inline-block; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.59); -webkit-transition: background-color 400ms linear; -moz-transition: background-color 400ms linear; -o-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear;}
.buttons a:hover {background-color: #FAED01;}
.buttons a:nth-child(1) {margin-right: 5px;}
.buttons a:nth-child(2) {margin-right: 5px;}

.card {height: 100%;}
.card h5 {font-weight: 700; font-family: 'Roboto Condensed', sans-serif; color: #348eb6; font-size: 24px;}
.card .card-body a.Bbutton {position: absolute; bottom: 20px; left: 20px;}
.card .card-body .card-text {margin-bottom: 70px;}

.footer {background: #d2d2d2;}
.footer h3 {font-weight: 700; font-family: 'Roboto Condensed', sans-serif; color: #7b7c7c; font-size: 30px;}
.footer p {color: #7b7c7c; font-size: 16px;}
.footer p a {color: #7b7c7c;}
.logo-footer {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    opacity: 0.6;
    filter: alpha(opacity=60); 
}
.logo-footer:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    opacity: 1.0;
    filter: alpha(opacity=100);
}
button.navbar-toggler {border: 1px solid white !important;}
.navbar-light .navbar-toggler-icon {color: black; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(255, 255, 255, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E");}

.reservation-form .button {text-decoration: none; font-size:14px; font-family: 'Roboto', sans-serif; border: 1px solid #0a3c59;background: #3e779d;background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));background: -webkit-linear-gradient(top, #65a9d7, #3e779d);background: -moz-linear-gradient(top, #65a9d7, #3e779d);background: -ms-linear-gradient(top, #65a9d7, #3e779d);background: -o-linear-gradient(top, #65a9d7, #3e779d);background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);padding: 10.5px 21px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;text-shadow: #1e4158 0 1px 0; cursor: pointer;color: white;text-decoration: none;vertical-align: middle;}
.reservation-form .button:hover {border: 1px solid #0a3c59;text-shadow: #1e4158 0 1px 0;background: #3e779d;background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));background: -webkit-linear-gradient(top, #65a9d7, #3e779d);background: -moz-linear-gradient(top, #65a9d7, #3e779d);background: -ms-linear-gradient(top, #65a9d7, #3e779d);background: -o-linear-gradient(top, #65a9d7, #3e779d);background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);color: #fff;}
.reservation-form .button:active {text-shadow: #1e4158 0 1px 0;border: 1px solid #0a3c59;background: #65a9d7;background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));background: -webkit-linear-gradient(top, #3e779d, #65a9d7);background: -moz-linear-gradient(top, #3e779d, #65a9d7);background: -ms-linear-gradient(top, #3e779d, #65a9d7);background: -o-linear-gradient(top, #3e779d, #65a9d7);background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);color: #fff;}
.reservation-form .button:disabled {text-decoration: line-through; font-size:14px; font-family: 'Roboto', sans-serif; border: 1px solid #0a3c59;background: #808080;background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#696969));background: -webkit-linear-gradient(top, #808080, #696969);background: -moz-linear-gradient(top, #808080, #696969);background: -ms-linear-gradient(top, #808080, #696969);background: -o-linear-gradient(top, #808080, #696969);background-image: -ms-linear-gradient(top, #808080 0%, #808080 100%);padding: 10.5px 21px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;text-shadow: #1e4158 0 1px 0; cursor: not-allowed;color: white;vertical-align: middle;}
.reservation-form .button:disabled:hover {background: #808080;background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#696969));background: -webkit-linear-gradient(top, #808080, #696969);background: -moz-linear-gradient(top, #808080, #696969);background: -ms-linear-gradient(top, #808080, #696969);background: -o-linear-gradient(top, #808080, #696969);background-image: -ms-linear-gradient(top, #808080 0%, #808080 100%);padding: 10.5px 21px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;text-shadow: #1e4158 0 1px 0; cursor: not-allowed;color: white;text-decoration: line-through;vertical-align: middle;}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.head-logo-holder img {width: 100%; height: auto;}
.head-contact-holder {display: none !important;}
.logofooter img {width: 100%; height: auto;}
}

/* Small devices (landscape phones, less than 768px) */ 
@media (max-width: 767.98px) {
.text1 {font-size: 45px;}
.text2 {font-size: 20px;}
.content h1 {font-size: 35px;}
.content h2 {font-size: 25px;}



}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
.nav-item {font-size: 18px !important;}
.head-logo-holder {text-align: center !important; margin-bottom: 20px;}
.head-contact-holder div {justify-content: center !important;}
ul.navbar-nav li {border-right: none;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
.nav-item {font-size: 16px;}
.footer {text-align: center;}
.logofooter {margin-bottom: 25px;}
.fotoOkoli img {width: 100%; height: auto;}
.textOkoli {margin-bottom: 25px;}
}


/* ----- systemove ----- */
.clear {clear: both;}
img {border:none;}
/* tagy */
legend {color: #000000;}

/* boxy */
.searchform input.q {width: 100px;}

/* vypis */
.list-perex-image {border: 1px solid #dcdcdc; max-width: 140px; float: right; margin: 0 0 10px 10px;}
.list-info {color: #808080;}
.list-info a {text-decoration: none; color: #808080;}

/* clanek */
.article-navigation {border-bottom: 1px solid #dcdcdc;}
.article-perex {}
.article-perex-image {border: 1px solid #dcdcdc; float: right; max-width: 160px; margin: 0 0 10px 10px;}
.article-info {width: 646px; color: #808080;}
.article-info a {color: #808080; text-decoration: none;}
.ratetable {border: 1px solid #dcdcdc;}
.article-info {display: none;}
/* anketa a shoutbox */
.poll, .sbox {border: 1px solid #dcdcdc; background-color: #fafafa;}

    /* individualni pro anketu */
    .poll-answer {border-top: 1px solid #dcdcdc;}
    .poll-question div {color: #a4a4a4; font-size: 9px;}

    /* individualni pro shoutbox */
    .sbox-item {border-top: 1px solid #dcdcdc;}

/* prispevky / komentare */
.posts-comments, .posts-book {border-top: 1px solid #dcdcdc;}
.post {background-color: #FAFAFA;}
.post-hl {background-color: #F7F7F7;}
.post-author {font-weight: bold; text-decoration: none; color: #0079A8;}
.post-author-guest {font-weight: bold; color: #a03800;}
.post-subject {font-weight: bold;}
.post-info {color: #808080;}
.post-postlink {color: #9A9A9A !important;}
.post-body {border-bottom: 1px solid #eaeaea;}
.post-body-withavatar img.avatar2 {border: 1px solid #EDEDED;}
/*.post-body-withavatar .post-body-text {}*/
.post-answer {border-left: 1px solid #eaeaea;}

/* temata na foru */
.topic-table {background-color: #FAFAFA;}
.topic-table td {border: 1px solid #ededed;}
.topic-hl, .topic-table thead td {background-color: #F7F7F7;}
.topic-pages a {border: 1px solid #ededed; background-color: #fff;}

/* galerie */
.gallery td {background-color: #dcdcdc;}
.gallery img {border: 1px solid #dcdcdc;}

/* vzkazy */
.messages-menu a {border-right: 1px solid #dcdcdc;}
.messages-table {width: 646px; border: 1px solid #dcdcdc;}

/* tabulky (vypis uzivatelu, seznam temat fora) */
.widetable, .widetable2, .topic-table {width: 646px;}
.widetable {border: 1px solid #dcdcdc;}

/* profil */
.avatar {border: 1px solid #000000; font-size: 0;}

/* systemove zpravy */
.message1, .message2, .message3 {background-color: #ffffff; border: 1px solid #e1e1e1;}

/* ruzne */
.bborder {border-bottom: 1px solid #dcdcdc;}
.hint {color: #808080;}
.cimage {border: 1px solid #dcdcdc;}
.exp {border-bottom: 1px dashed #808080;}
