/*
    Created on : 2.7.2017, 18:24:05
    Author     : Quasa
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
    font-family: 'Open Sans', sans-serif;
    background: #ffffff;
    background: url(../images/bg_1.jpg) 50% / 100% no-repeat;
    background-position: top;

    /* zakladni kontejnery */
    /*
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;*/
    display: table;
   
}

/* = ZAKLADNI OVLADACI PRVKY ================================================ */
h1 {
    position: absolute;
    /*text-indent: -333px;*/
    top: -333px;
}
h2, h2 a {
    font-size: 16px;
    color: #0072DC;
    font-weight: bold;
    /*font-family: sans-serif;*/ 
}
h3 {
    font-size: 14px;
    color: #0072DC;
    font-weight: bold;
}
a{
    text-decoration: underline;
    color: #0072DC;
}
a:hover{
    color: #019BF7;
}
p{
    text-align: justify;
}
article p{
    text-align: justify;
}

#flex { 
  display: flex; 
  /* Optional, if you want the DIVs 100% width: */ 
  flex-direction: column;
}

#flex > #blk-menu { 
    order: 1;
}

#flex > #blk-slid { 
    order: 2;
    display: box;
    height: 350px;
    /*background-color: #d23d24;*/
    /*slider*/
}
#flex > #blk-cont { 
    order: 3;
    /*obsah*/
    /*height: 850px;*/
    /*background-color: #269abc;*/
}
#flex > #blk-foot { 
    order: 4;
}

/* = FORMULAROVE PRVKY ====================================================== */
.form-control-checkbox{
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(1.5);
    -o-transform: scale(2);
    margin: 10px 0px 10px 5px !important;
}

.form-control.noborder{
    border: none;
    box-shadow: none;
}

/* = ZAKLADNI KONTEJNERY ==================================================== */
#blk-foot {
    /*display: table-footer-group;*/
    /*
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-box-ordinal-group: 4;
    box-ordinal-group: 4;*/
    /*background-color: #ffffff;*/
    /*height: 90px;*/

    z-index: 3030;
    
    /*min-height: 90px;*/
    /*background-color: #354ea2;*/
}

#blk-cont {
    /*
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-box-ordinal-group: 3;
    box-ordinal-group: 3;*/
    /*background-color: #269abc;*/
    z-index: 1;
    margin-top: 25px;
    /*min-height: 800px;*/
    /*background-color: blue;*/
}

#blk-slid {
    /*display:table-header-group;*/
    /*
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-box-ordinal-group: 2;
    box-ordinal-group: 2;*/
    margin-top: 130px;
    /*background-color: #a6e1ec;*/
    height: 320px;
    z-index: 1001;
}

#blk-menu {
    /*
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-box-ordinal-group: 1;
    box-ordinal-group: 1;*/
    background-color: #ffffff;
    border-bottom: #0072DC thin solid;
    /*height: 90px;*/


    position: fixed;
    right: 0;
    left: 0;
    z-index: 3030;
}

#blk-cookies {
    background-color: #0072DC;
    line-height: 35px;
    /*height: 2em;*/
    width: 100%;
    position:fixed;
    bottom:0;
    text-align: center;
    padding: 5px 5px 5px 5px;
    /*opacity: 0.5;*/
    color: white;
    z-index: 4000;
}

.btn-cookies{
    width: 100px;
    float: right;
}
a.white{
    color: white;
}

/* = PRESPIPS BOOTSTRAP ===================================================== */
.srch .badge{
    margin-bottom: 10px;
    /*border-radius: 2px;*/
    /*border-radius: 50%;*/
    color: #333;
    /*background-color: #ffffff;*/
    background-color: #FAC841;
    /*border: #c8cecf thin solid;*/
    border: #333 thin solid;
}
select, input{
    margin-bottom: 2px;
}
.btn-sm, .btn-sm-det, .btn-rec{
    background-color: #0072DC;
    font-size: 100%;
    color: #ffffff;
    /*border-color: #ccc;*/
    border-color: #0072DC;
    /*padding: 5px 20px 5px 20px;*/
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}
.btn-default, .btn-primary{
    text-decoration: none;
}
.btn-primary{
    background-color: #0072DC;
}
.btn-default:hover, .btn-primary:hover{
    background-color: #019BF7;
}
.btn-rec{
    display: block; 
    margin-right: 5px;
}
.btn-sm:hover, .btn-sm-det:hover, .btn-rec:hover, button:hover, .btn-cookies:hover{
    /*background-color: #a6e1ec;*/
    /*border-color: #ccc;*/
    background-color: #019BF7;
    color: white;
}
.btn{
    border-radius: 2px;
}
.modal-body {
    padding: 2px;
}


/* = MENU =================================================================== */

/* - HLAVICKA S INFROMACEMI - */
header{
    background-color: #0072DC;
    color: #ffffff;
    padding: 8px 0px 1px 0px;
}
header a{
    color: #ffffff;
}
/* - POZADI HLAVNI NAVIGACE - */
#nav{
    background-color: #ffffff;   
}
/* - LOGO MALE A VELKE - */
.logo, .logoSm{
    position: absolute;
    top: 41px;
    /*left: 0px;*/
    width: 268px;
    height: 80px;
    transition: width 1s, height 1s;
    z-index: 1000;
    display: block;
}
/* - MALE LOGO - */
.logoSm{
    width: 40px;
    height: 40px;
    transition: width 1s, height 1s;
}
header .ico{
    height: 17px;
    margin-right: 10px;
    margin-left: 20px;
}
@media only screen and ( max-width: 992px ) {
    header .ico{
        height: 0px;
        margin-right: 0px;
        margin-left: 0px;
    }    
}

header .pull-right a{
    text-decoration: none;
}

/* - MENU TRANSITION -------------------------------------------------------- */
/* - ZAKLADNI - */
.navigation {
    transition: top .5s;
    top: 0px;
}
/* - SCHOVANY VRSEK MENU - */
.nav-collapse {
    transition: top .5s;
    top: -40px;
}

/* - MENU HLAVNI STYLY ------------------------------------------------------ */
#nav > a {
    display: none;
    margin-left: 85%;
}
#nav li {
    position: relative;
}
/* HLAVNI TLACITKA */
#nav li a {
    display: block;
    width: auto;
    padding: 1px 17px 0px 17px;
}
#nav li a:active {
    /*background-color: #354ea2 !important;*/
    color: #ffffff !important;
}
/* SIPKA U DROPDOWN MENU */
#nav span:after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent; /* 5 */
    border-bottom: none;
    border-top-color: #333;;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em; /* 5 */
}
/* FIRST LEVEL */
#nav > ul {
    background-color: #ffffff;
    list-style: none;
    margin: 0;
    float: right;
}
/* ABY SE VELIKOST PRIZPUSOBILA OBSAHU */
#nav li ul{
    width: fit-content;
    white-space:nowrap;
}
/* JEDNOTLIVA TLACITKA MENU */
#nav > ul > li {
    height: 100%;
    float: right;
}
#nav > ul > li > a {
    height: 100%;
    line-height: 3.0em; /* 60 (24) */
    text-align: center;
    color: #333;
    text-decoration: none;
}
/*
#nav > ul > li:not(:last-child) > a {
    border-right: 1px solid #cc470d;
}*/
/* EFEKT PO NAJETI MYSI */
#nav > ul > li:hover > a {
    background-color: #e3e3e3;
    /*background-color: #0072DC;*/
}
/* SECOND LEVEL */
#nav li ul {
    /*background-color: #e3e3e3;*/
    background-color: #ffffff;
    display: none;
    position: absolute;
    top: 100%;
    list-style: none;
    padding: 0.0em;
    width: -moz-fit-content;
    width: fit-content;
    width: 250px;
    
}
/* PO NAJETI SE ZOBRAZI POTOMCI */
#nav li:hover ul {
    display: block;
    left: 0;
    right: 0;
    
}
#nav li:not(:first-child):hover ul {
    left: -1px;
}
/* JAK BUDOU VYPADAT PODRIZENE PRVKY */
#nav li ul a {
    border-top: 1px solid #ffffff;
    padding: 0.75em; /* 15 (20) */
    color: #333;
    text-decoration: none;
    /*height: 25px;*/
    padding: 5px 5px 5px 10px;
    margin: 0;
}
/* NAJETI MYSI NA PODRIZENY PRVEK */
#nav li ul li a:hover {
    /*background-color: #ffffff;*/
    background-color: #e3e3e3;
}
/* - MENU PRO MOBILNI ZARIZENI ---------------------------------------------- */
@media only screen and ( max-width: 62.5em ) /* 1000 */
{
    #nav {
	width: 100%;
	position: static;
	margin: 0;
    }
}

@media only screen and ( max-width: 992px ) {

    .nav-collapse {
        top: -40px;
    }
    .logoSm{
        top: 41px;
    }
    /* ABY PODRIZENE PRVKY BYLY NA 100 PRO VELIKOSTI OBRAZOVKY */
    #nav li ul{
        width: auto;
        white-space:nowrap;
    }

    #nav {
	position: relative;
	top: auto;
	left: auto;
    }
    #nav > a {
	width: 3.125em; /* 50 */
	height: 3.125em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #0072DC;
	position: relative;
    }
    #nav > a:before,
    #nav > a:after {
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
    }
    #nav > a:after {
	top: 60%;
    }
    #nav:not(:target) > a:first-of-type,
    #nav:target > a:last-of-type {
	display: block;
    }
    /* FIRST LEVEL */
    #nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
        padding: 0.0em;
    }
    #nav:target > ul {
	display: block;
    }
    #nav > ul > li {
	width: 100%;
	float: none;
    }
    #nav > ul > li > a {
	height: auto;
	text-align: left;
	padding: 0 0.833em; /* 20 (24) */
    }
    #nav > ul > li:not(:last-child) > a {
	border-right: none;
	border-bottom: 1px solid #e3e3e3;
    }
    /* SECOND LEVEL */
    #nav li ul {
	position: static;
	padding: 0.0em; /* 20 */
	padding-top: 0;
        overflow-y: scroll;
        max-height: 350px;
    }
}
/* - UPARVA ZAJETI MENU PRI MALYCH VELIKOSTECH ------------------------------ */
@media only screen and ( max-width: 629px ) {

    .nav-collapse {
        top: -60px;
    }
    .logoSm{
        top: 61px;
    }
}

/* - NADPIS NA INDEXU ------------------------------------------------------- */
/*
.np{
    color: #0072DC;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
}*/

/* = VYHLEDAVANI ============================================================ */
/*
#blk-slid{
    height: 320px;

}*/

/*
select {
  -webkit-appearance: none;
  -moz-appearance: none;
}*/
/* - test slider --------------------------------------------- - */

/* - START PRECHO NA VICE PARAMETRU U SLIDERU - */
.slider {
  /*width: 100%;*/
  background: deepskyblue;
  overflow: hidden;
  padding: 0;
  z-index: 1;
  height: 320px;
}
/* - VNITRNI BLOK SLIDERU - BEY NEJ SE TO NEPREKRZVALO - */
#slider-in{
    position: absolute; 
    z-index: 1; 
    width: 100%; 
    height: 100%;
}


.inner {
    background-color: #fece4e;
    overflow: hidden;
    transform: translateX(-100%);
    transition: transform 1s ease-in-out;
    height: 100%;
    z-index: 1000;
    position: absolute;
    width: 100%;
}
/*
.content {
  transform: translateX(100%);
  transition: transform 1s ease-in-out;
}*/

.slider.is-visible .content,
.slider.is-visible .inner {
  transform: translateX(0);
  z-index: 1000;
}


.collapse{
    transform: translateX(0);
    transition: transform 1s ease-in-out;    
}
.collapse.in{
        transform: translateX(-100%);
    transition: transform 1s ease-in-out;
}

/* - END PRECHO NA VICE PARAMETRU U SLIDERU - */

/* JINAK BYCH TO MEL SMRSKLY */
#blk-slid form{
    display: initial;  
}
#blk-slid .col-xs-12, #blk-slid .col-xs-12{
    /*background-color: #fece4e;*/
    background-color: #FAC841;
    opacity: 0.9;
    border-radius: 0px 2px 2px 0px;
}
/* - LEVY HLAVNI VYHLEDAVAC - */
#blk-slid .srch{
    border-radius: 2px 0px 0px 2px;
    padding: 10px 5px 5px 5px; 
    z-index: 2000;
}
/* - IKONA KALENDARE - */
.ico-date{   
    background-image:url(../images/ico/ICO_kalendar.svg); 
    background-repeat: no-repeat; 
    background-position: 100% 0px;
}
#blk-slid input, #blk-slid select{
    margin: 2px 0px 5px 0px;    
}
#vyhledej_zajezdy{
    margin-top: 21px !important;
}
/* POSUN A ZAROVNANI DOPRAVY */
.inner .btn-group{
    margin-top: 40px !important;
    margin-bottom: 3px !important;
}
.inner .pull-left{
    line-height: 39px;
    float: none !important;
}
.multiselect-container{
    width: 100%;
}
.multiselect-container>li>a>label>input[type=checkbox] {
    margin-left: -25px !important;
}
.srch a{
    color: #333;
    text-decoration: none;
}
.srch a:hover{
    color: #019BF7;
}
/*
.multiselect{
    border-radius: 2px;
}*/

/*
.bxslider{
    position: absolute;
    z-index: 2;
}*/


/*
#obsah{
margin: -5px 5px 0px 0px;
}*/
/*
.inner {
  background: green;
  overflow: hidden;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  position: absolute;

}

.content {
  padding: 10px;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}

.obsah.is-visible .content,
.obsah.is-visible .inner {
  transform: translateX(0);
  display: block;
  width: 100%;
  height: 100%;
}*/
/* - test slider --------------------------------------------- - */

/* = NAHLEDY ZAJEZDU ======================================================== */
#blk-cont .col-xs-12, #blk-cont .col-sm-9{
    
    padding-left: 2px;
    padding-right: 2px;
    /*
    padding-left: 2px;
    padding-right: 2px;*/
}

.zn .col-xs-12, .zn .col-sm-9{
    margin: 0;
}
.zn h2 a, .zn h3 a{
    
    font-size: 15px;
    /*padding: 0px 1% 10px 0%;*/
    /*margin: 0 0 5px 0;*/
    color: #d23d24;
    font-weight: bold;
    width: auto;
    line-height: 30px;
}
.zn h2 a:hover, .zn h3 a:hover{
    
    color: #019BF7;
}
.zn img.ico{
    height: 30px; 
    float: right;
    padding-right: 0px !important;
}
.zn p{
    float: left;
}
/* SLEVA A IKONKA */
/*
.zn .sl{
    z-index: 0;
    height: 50px;
    position: relative;
    
    top: 40px;
    left: 0px;
    margin-left: 0px;
}*/
.zn img{
    padding-right: 10px !important;
}
/*
@media (max-width: 769px) {
    .zn .sl{
        height: 70px;
    }    
}*/
@media (max-width: 768px) {
    .zn img{
        padding-right: 0px !important;
        padding-bottom: 10px;
    }
    .zn img.ico{
        height: 50px;
    }
    /*
    .zn .sl{
        z-index: 0;
        width: 50px;
        position: relative;
        top: 0px;
        left: 0px;
    }    */
}
.zn span {
    color: #0072DC; 
    font-weight: bold;
}
.zn .kc, .zn .cp{
    color: #d23d24;
}
.zn .cp{
    font-weight: normal; color: #333333;
}
.zn span.cena{
    color: #d23d24; font-weight: normal;
}
.zn .btn-sm-le{
    background-color: #0072DC;
    display: block;
    line-height: 34px;
    border-radius: 2px 2px 2px 0px;
    color: #ffffff;
    width: 200px;
    text-align: center;
    float: right;
    margin-right: -25px;
    margin-top: 16px;
    text-decoration: none;
}
.zn .badge {
    margin-bottom: 0px;
    /*border-radius: 2px;*/
    border-radius: 50%;
    /*border-radius: 5px 10px 5px;*/
    color: #333;
    background-color: #ffffff;
    border: #c8cecf thin solid;
    margin-top: 4px;
    margin-right: 7px;    
    height: 28px;
    width: 28px;
    padding-top: 6px;   
}
.zn .btn-sm-le:hover{
    border-color: #ccc;
    background-color: #019BF7;    
}
/* - jednotlive dalsi terminy - */
.terminy{ margin-top: 10px; margin-bottom: 0px;  font-size: 14px; }
.terminy ul{list-style: none; display: inline-table; position: relative; z-index: 99;  }
.terminy li { display: table-cell;  padding: 0; margin: 0; /*background-color: rgb(240, 240, 240);*/ }
.terminy li a { /*transition: color .3s ease-in-out;*/ display: table-cell; vertical-align: middle; text-align: center; text-decoration: none; /*border-top: #32489e solid thin;*/ padding: 0px 5px 0px 5px; }
.terminy li a:hover { background-color: #0072DC; border-radius: 2px; }
.terminy li a:hover span { color: #ffffff;  }
.terminy span.termin.center-block{ font-weight: normal; }
@media (max-width: 768px) {
    .terminy li{
        line-height: 30px;
    }
    span.termin.center-block{
        float: left !important;
    }   
    span.cena.center-block{
        float: right !important;
    }   
}

/* = DETAIL ZAJEZDU ========================================================= */
.zd .nav-justified li a{
    background-color: #0072DC;
    line-height: 15px;
    color: #ffffff;
    border: #fff thin solid;
    text-decoration: none;
}
.zd .nav-justified li.active a{
    background-color: #F7F7F7;
    color: #333;
}
.zd .nav-justified li a:hover{
    background-color: #019BF7;
}
.zd{
    /*border-bottom: #354ea2 thin solid;*/
    background-color: rgba(240, 240, 240, 0.5);
    width: 100%;
    padding-right: 0px !important; 
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 10px;    
    border-radius: 2px;
    /*padding-right: 0px !important;*/
}
.zd h2{
    margin: 0px;
    line-height: 30px;
}
.zd img.ico{
    height: 30px; 
    float: right;
    padding-right: 0px !important;
    line-height: 30px;
}
.zd h2{
    color: #d23d24;
}
.zd p{
    float: left;
    line-height: 25px;
}
.zd img{
    margin: 5px 0px 0px 0px;
}
.zd span {
    color: #0072DC; 
    font-weight: bold;
}
.zd .kc, .zd .cp{
    color: #d23d24;
}
.zd .kc{
    padding-right: 10px;
}
.zd .cp{
    font-weight: normal; color: #333333;
}
.zd span.cena{
    color: #d23d24; font-weight: normal;
}

.zd .nav{
    float: left;
    padding-right: 0px;
    padding-top: 5px;
    margin: 0;
}
p#zajezd-detail-cont{
    padding: 10px 15px 10px 15px !important;
}
p#zajezd-detail-cont span.n {
    display: block;
    font-weight: bold;
    color: #32489e;
    padding-left: 0px;
    padding-top: 15px;
}
p#zajezd-detail-cont span {
    display: block;
    width: auto;
    padding-left: 10px;
    color: #333;
    font-weight: normal;
}
.zd div.row{
    float: none;
    margin: 0;
    border-bottom: #c8cecf thin solid;
    line-height: 45px;
}
.zd div.row.info{
    background-color: #66afe9;
    color: #ffffff;
}
.zd div.row .btn{
    margin-top: 7px;
}
.zd div.row.info a, .zd div.row.info span{
    color: #ffffff;
}
.zd div.row img{
    margin: 0;
}

.zd #zajezd-terminy-cont a.i[title]:hover:after {
  content: attr(title);
  padding: 1px 8px;
  color: #ffffff;
  position: absolute;
  left: 0%;
  top: 0%;
  z-index: 20;
  /*white-space: nowrap;*/
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #66afe9;
  width: 100%;
  line-height: 22px;
}

@media (max-width: 768px) {
    /*
    .zd{
        padding-right: 0px !important;
    }*/
    .zd img{
        padding: 5px 0px 0px 0px !important;
    }  
    .zd img.ico{
        height: 50px;
    }      
    .zd span.cp{
        float: left !important;
    }   
    .zd div.row{
        line-height: 25px;
    }    
    #zajezd-itinerar-cont{
        font-size: 12px;
    }
}

#zajezd-terminy-cont img{
    width: 30px;
    height: 30px;
}
/*
.zn .btn{
    margin-top: 20px; 
    margin-right: 10px;
}*/

/*
article, .article{
    border-bottom: #354ea2 thin solid;
    background-color: rgba(240, 240, 240, 0.5);   
}
.article{
    padding: 5px 5px 10px 5px;
}

article h2 a{
    color: #32489e;
}
article h2 a:hover{
    color: #269abc;
}*/

/* = OBECNE ================================================================= */
.bgr{
    background-color: rgba(240, 240, 240, 0.5);
    
    border-radius: 2px;
    text-align: justify;
}
.bgr p{
    padding: 0px 5px 0px 5px;
}
.bgr h2{
    padding: 0px 5px 0px 5px;
    font-size: 15px;
}

/* = SLEVY ================================================================== */
article.row.container{
    border-bottom: #0072DC thin solid;
    background-color: rgba(240, 240, 240, 0.5);
    width: 100%;
    /* margin-right: -15px; */
    /* margin-left: -15px; */
    padding-right: 25px !important;
    
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 10px;    
    border-radius: 2px;
    /*
    margin-left: 0px;
    margin-right: 20px;
    padding-right: 20px;*/
    padding-top: 5px;
}
article.row.container:hover{
    background-color: rgba(225, 225, 225, 0.9);   
}

article .row.btn-sm-le{
    background-color: #0072DC;
    display: block;
    line-height: 34px;
    border-radius: 2px;
    height: 34px;
    color: #ffffff;
    width: 250px;
    text-align: center;
    float: right;
    margin-right: -25px;
    text-decoration: none;
}
article .row.btn-sm-le:hover{
    border-color: #ccc;
    background-color: #019BF7;    
}
article .row img{
    padding: 0px 10px 10px 15px !important;  
    /*max-height: 120px;*/
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   
    /*
article .row img{

    //max-height: 120px;
    //width: auto;
} */   
/*
article img{

    max-height: 145px;
    width: auto;
} */

.container {
    /*overflow: hidden;*/
}
    
}



/*
.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-header::after, .modal-footer::after {
    clear: both;
    clear: right;
}*/


 /*style="-ms-width: auto; -ms-max-height: 120px; width: auto \9;"*/

/* = POSTRANNI LISTA ======================================================== */
aside.col-xs-12, aside.col-sm-12, aside.col-md-3, aside.col-lg-3 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 15px !important;
    /*background-color: rgba(240, 240, 240, 0.5);
    margin-top: -25px;*/
}
aside .zkl{
    /*background-color:rgba(90, 185, 83, 0.5);*/
    /*background-color: #d6e9c6;*/
    margin-bottom: 15px;
    background-color: #fece4e;
    /*filter: alpha(opacity=60); opacity:0.9;   */
    /*background-color:rgba(254, 206, 78, 0.5);*/   
    background-color:rgba(240, 240, 240, 0.5);
}
aside{
    margin-top: -25px;
}
aside .ost{
     /*background-color: #f3f3f3;*/
     background-color:rgba(240, 240, 240, 0.5);
     border-radius: 2px;
}
aside .zkl .btn-sm{
    /*background-color: #5ab953;*/
    border: none;
    background-color: #fece4e;
}
aside .zkl h2{
    /*background-color: #5ab953;*/
    margin-top: 25px;
    /*background-color: #fece4e;*/
    background: rgba(253,210,94,0.9);
}
aside h2, aside h3{
    font-size: 14px;
    padding: 10px 1% 10px 2%;
    margin: 25px 0 5px 0;
    /*color: #333333;*/
    color: #ffffff;
    text-align: center;
    /*background: rgba(143,128,109,0.3);*/
    background: rgba(51,51,51,0.8);
    border-radius: 2px;
    font-weight: normal;
}
aside h3{
    font-size: 14px;
    background: none;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px; 
    color: #333333;
    /*font-style: italic;*/
    font-weight: bold;
}
aside h3 a{
    color: #333333;
    text-decoration: underline;
}
aside p{
    padding: 3px 10px 0px 10px;
}
aside span{
    font-size: 14px;
    /*font-weight: bold;*/
    /*font-style: italic;*/
}
aside .btn-sm{
    width: 100%;
    /*margin-bottom: 25px;*/
}

/* = DETAIL LODI ============================================================ */
.lod h2, .lod h3{
    font-size: 14px;
    padding: 10px 1% 10px 2%;
    margin: 0px 0 5px 0;
    /*color: #333333;*/
    color: #ffffff;
    text-align: center;
    /*background: rgba(143,128,109,0.3);*/
    background: rgba(51,51,51,0.8);
    border-radius: 2px;
    font-weight: normal;
}
#zajezd-lod-cont {
    margin-top: 15px;
}
.lod img{
    padding-bottom: 5px;   
}
.ico-lod{
    width: 50px; 
    margin-right: 20px;
}
.lod span{
    padding: 5px 0px 10px 0px;
}
.lod iframe{
    border: none;
    height: 250px;
}
.lod table{
    width: fit-content;
    min-width: 50%;
}
@media (max-width: 768px) {
    .lod table{
        min-width: 100%;
    } 
}
.lod .btn{
    background-color: #0072dc;
    font-size: 100%;
    color: #ffffff;
    /* border-color: #ccc; */
    /*border-color: #354ea2;*/
    /*padding: 15px 20px 5px 20px;*/
    font-weight: normal;
    text-align: center;
    text-decoration: none;   
    line-height: 35px;
    /*height: 35px;*/
    border-radius: 2px;
    margin: 5px 0px 5px 0px;
    padding: 0;
}
.lod .btn:hover{
    background-color: #019BF7;  
}
/* = DESTINACE ============================================================== */
article.des img{
    margin-top: 5px;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    article.des img{
        padding: 0 !important;
    }
}

/* = LIGHTBOX =============================================================== */
.modal-open .modal {
    z-index: 5000;
}
.modal-backdrop.in {
    z-index: 4999;
}

/* = PATICKA ================================================================ */
#blk-foot .col-sm-12, #blk-foot .col-md-4{
    padding-left: 2px;
    padding-right: 2px;
}
footer h2{
    font-size: 14px;
    padding: 10px 1% 10px 2%;
    margin: 25px 0 0px 0;
    color: #ffffff;
    text-align: center;
    /*background: rgba(143,128,109,0.3);*/
    /*background-color: #333;*/
    background: rgba(51,51,51,0.8);
    border-radius: 2px 2px 0px 0px;
    font-weight: normal;
}
footer div p{
    background-color: #f3f3f3;
    padding: 10px 5px 10px 15px;
    border-radius: 0px 0px 2px 2px;
    display: block;
    min-height: 200px;
}
footer img{
    position: absolute;
    bottom: -100px;
    right: -50px;
}
footer span{
    font-weight: bold;
}
footer .img-ack{
    position: absolute;
    float: right;
    top: 70px;
    height: 100px;
    right: 10px;
}
/* = POSTRANNI LISTA ======================================================== */
.bzal1 {
float:left;
width:50px;
position:fixed; left:20px; top:155px; z-index:500;
font-size:150%;
font-stretch:condensed;
/*margin:0;*/
/*padding:0;*/
line-height: 3;
}
/* = VYHLEDAVACI PANEL ====================================================== */
.sicon {
height:40px;
padding: 0px 10px 0px 10px;
}
.spanel{
height:40px;
margin-top: 10px;
float: none;
text-align: center;
margin-bottom: 10px;
}
/* = DROBECKOVE MENU ======================================================== */
.crumb-trail {
    background: rgba(51,51,51,0.8);
    border-radius: 2px 2px 2px 2px;
	color: #F7F7F7;
	list-style: none;
	padding: 0px;
	margin: auto;
}
.crumb {
	padding: 4px 16px;
	position: relative;
}
.crumb-trail a{
    color: white;
}
.crumb-trail a:hover{
    color: #019BF7;
}
.crumb:not(:last-child):before,
.crumb:not(:last-child):after {
	content: '';
	display: inline-block;
	height: 1px;
	width: 17px;
	position: absolute;
	right: -7px;
	background-color: #fff;
}
.crumb:before {
	top: 6px;
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.crumb:after {
	bottom: 6px;
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
}

/*
.bzal1  a  {
display:block;
text-decoration:none;
color:#FFFFFF;
}

.bzal1  a:hover {
opacity:1;
transition-duration: .4s;
}

.bzal1 .zal1  {
text-align:left;
padding:3px 0px 3px 5px;
margin:5px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
color:#FFFFFF;
opacity: 0.8;
}

.bzal1  .zal1:hover {
}

.bzal1 .zal2  {
text-align:left;
padding:3px 0px 3px 5px;
margin:5px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
color:#FFFFFF;
opacity: 0.8;
}

.bzal1  .zal2:hover {
}

.bzal1 .zal3  {
text-align:left;
padding:3px 0px 3px 5px;
margin:5px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
color:#FFFFFF;
opacity: 0.8;
}

.bzal1  .zal3:hover {
}

.bzal1 .zal4  {
text-align:left;
padding:3px 0px 3px 5px;
margin:5px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
color:#FFFFFF;
opacity: 0.8;
}

.bzal1  .zal4:hover {
}
*/
@media only screen and (max-width:1300px)  {
.bzal1 {
display:none;
}
}

/* = RECENZE ================================================================ */
.bb{
    font-weight: bold;
    color: #32489e;
}
.bh{
    padding-top: 7px;
}
.re h2{
    padding: 0;
    margin: 0;
    line-height: 35px;
}
.re span{
    text-align: right;
    line-height: 35px;
}
.ic{
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.btr{
    float: right;
    margin-top: 40px;
}
/* = REZERVACE ============================================================== */
.zr .col-sm-3{
    padding-left: 2px;
    padding-right: 2px;
}
#rez_nav{
    padding-top: 50px;
}
.nav-rezervace{
    margin-bottom: 15px;
}
.frm-rezervace label{
    margin-top: 5px;
    text-align: right;
    padding-right: 10px !Important;
}
.frm-rezervace .g-recaptcha {
    /*transform:scale(0.11);*/
    /*transform: translateX(150px);*/
    transform:scale(1.91);
    transform-origin:0 0;
}
.frm-rezervace .btn{
    margin-top: 15px;   
}
.frm-rezervace .panel .input-group{
    float: left;
}
.frm-rezervace .panel .ct{
    text-align: center;
}
.frm-rezervace .panel{
    line-height: 35px;
}
.frm-rezervace .panel p{
    line-height: 25px;
}
.frm-rezervace #dopravaCena, .frm-rezervace #pojisteniCena{
    line-height: 30px;
    padding-left: 0px;
}
.frm-rezervace #dopravaPopis{
    padding-top: 5px;
}
.r{
    text-align: right;
}
h3.n{
    font-size: 14px;
    padding: 10px 1% 10px 2%;
    margin: 25px 0 0px 0;
    color: #ffffff;
    text-align: center;
    /*background: rgba(143,128,109,0.3);*/
    background: rgba(51,51,51,0.8);
    border-radius: 2px 2px 0px 0px;
    font-weight: normal;
}


@media (max-width: 1200px) {
    .nav-rezervace .btn{
        font-size: 12px ;
    }
}
@media (max-width: 992px) {
    .btn-group-justified.nav-rezervace a{
        display: block;
        width: 100%;
    }    
    .btn-group-justified.nav-rezervace span{
        display: block;
        width: 100%;
    }  
    .frm-rezervace label{
        text-align: left;
        padding-left: 15px !important;
    }  
    .frm-rezervace .btn{
        width: 100%;
        margin-bottom: 25px;
    }
}
@media (max-width: 767px) {
  
    .calc{
        margin-top: 5px;
        float: left;
        width: 100%;
    }    
}
 

/* = RECAPTCHA ============================================================== */
.ost .g-recaptcha {
    transform:scale(0.93);
    transform-origin:0 0;
}
.frm-rezervace .g-recaptcha {
    transform: translateX(15px);
    transform-origin:0 0;
}
@media (max-width: 1200px) {

    .ost .g-recaptcha {
        transform:scale(0.76);
        transform-origin:0 0;
    }
}
@media (max-width: 992px) {
    
    .ost .g-recaptcha {
        transform:scale(1.0);
        transform-origin:0 0;
        margin-left: auto;
        margin-top: auto;
    }    
}

/* = REPORTY Z CEST ========================================================= */

a.repo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #f3f3f3;*/
    margin-top: 10px;
}
.repo span{
    margin: -5px 0px 0px 0px;
    background-color: #0072DC;
    font-size: 14px;
    padding: 10px 1% 10px 2%;
    color: #ffffff;
    text-align: center;
    border-radius: 0px 0px 2px 2px;
    font-weight: normal;    
    float: left;
    width: 100%;
    z-index: 3;
    position: relative;
}
.repo img{
    background-color: #f3f3f3;
    /*padding: 5px 5px 0px 5px;*/
    border-radius: 0px 0px 2px 2px;
    z-index: 2;
    position: relative;
    padding: 0px 0px 0px 0px !important;
}

@media (min-width: 992px) {
  .repo{
    max-width: 283px;
  }
}

@media (min-width: 1200px) {
  .repo{
    max-width: 350px;
  }
}
/* = INFORMACNI DLAZDICE ==================================================== */
.dla{
margin-top: -45px;
}
a.dla{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
a.dla:hover span{
    background-color:#019BF7;
}
a.dla img{
    background-color: #f3f3f3;
    /*padding: 5px 5px 0px 5px;*/
    border-radius: 0px 0px 2px 2px;
    z-index: 2;
    position: relative;
    padding: 0px 0px 0px 0px !important;
}
a.dla span{
    margin: -5px 0px 0px 0px;
    background-color: #0072DC;
    font-size: 14px;
    padding: 10px 1% 10px 2%;
    color: #ffffff;
    text-align: center;
    border-radius: 0px 0px 2px 2px;
    font-weight: normal;    
    float: left;
    width: 100%;
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;    
}
a.dla span.sm{
    height: 50px;
    font-size: 14px;
}
/*
a.dla span.sm:hover{
    background-color:#019BF7;
}*/
/* = UPOZORNOVACI BANNER V DLAZDICICH ======================================= */
.upb {
    /*
    margin-left: 15px;
    margin-right: 15px;
    width: -webkit-fill-available;
    width: -moz-available;
    
    padding: 10px 1% 10px 2%;
    border-radius: 2px;*/
    margin-top: 10px;
    padding: 10px 1% 10px 2%;
    border-radius: 2px;    
    background-color: #0072DC;
    color: white;
    text-align: center;
    /*
    width: auto;
    width: initial;   */ 
}
.upb img{
    padding-right: 10px;
    height: 40px;
}


/* = RESPONZIVNI PRVKY ====================================================== */

@media (max-width: 768px) {

    /* PRO IE, KDE TO V MALEM ROZLISENI BYLO JAKO NUDLE */
    #blk-slid {
        width: 100%;
    }
    /*
    #blk-con {
        width: 100%;
    } */   
    .btn-group{
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 992px) {

    /* PRI TOMTO ROZLISENI NEZOBRAZOVAT OBAZEK V ZAPATI */
    footer img{
        display: none;
    }

    /* PRI NEJMENSIM ZMENSENI POSUNU VYSE, ABY NEBYLA TAKOVA MEZERA POD MENU */
    #blk-slid {
        margin-top: 45px;
    }

    /* PO ZMENSENI SE POSUNE OBSAH POD SLIDER */
    #blk-cont{
        margin-top: 340px;
    }

}

@media (min-width: 1200px) {



}