@import url("menu_t.css");
@import url("menu_b.css");
@import url("menu_l.css");
@import url("icon.css");
@import url("moduly/faq.css");
@import url("moduly/formular.css");
@import url("moduly/galerie.css");
@import url("moduly/rezervace_plavby.css");
/*----------------- Nastaveni body -------------------*/
body {
    background: #feffc6 url(../img/bg-body.jpg) fixed 0%  0px;
    padding: 0px;
    margin: 0px;
    color: hsla(0, 100%, 1%, 0.98);
    position: relative;
    background-size: 100%;
}

/*----------------- Nastaveni tela --------------------- */


#top-menu {
    height: 35px;
    text-align: right;
}

#slogan {
    float: left;
    color: #F26421;
    margin: 42px 0 0 20px;
    font-size: 1.6em
}

.bottom {
    background: url(../img/bg-page-bottom.gif) no-repeat center top;
    margin: 0px auto 15px auto;
    padding: 35px 0px 10px 0px;
    width: 980px;
    height: 480px
}


/* Uvodni stranka */


#podmenu {
    margin: 0;
    padding: 0;
    height: 10px;
}

#kaStr {
    float: left;
    margin: 20px 0 5px 25px;
    clear: both;
    width: 245px;
    color: #FFF;
    text-transform : uppercase;
    font-size: 1.3em;
    font-weight: bold;
}

#kaStr a {
    color: #fff
}

div#parse-link li {
    display: inline;
}

span.parse-here {
    font-weight: bold;
    color: black;
}

div#parse-link ul {
    margin: 0px;
    padding: 0px;
}

#parse-link {
    font: 12px/130% 'Arial',arial,verdana,helvetica,sans-serif;
    padding: 10px 10px 10px 20px;
    width: calc(100% - 20px);
    float: left
}

#parse-link a {
    font-weight: normal;
    color: #656581;
}

span.parsePredel {
    color: #656572;
    margin: 0 5px 0 5px;
    font-weight: bold;
    font-size: 1em;
    vertical-align: top;
}
span.parse-bold {
    font-weight: bold;
    text-transform: uppercase;
    color: #656565;
}


#sideFacebookBox {
    position: fixed ! important;
    top: 350px;
    left: -292px;
    height: 258px;
    width: 328px;
    background: url("../img/facebook.png") no-repeat scroll right 35px transparent;
    z-index: 2147483647;
}

#sideFacebookFrame {
    overflow: hidden;
    position: relative;
    width: 292px;
    top: 0px;
    left: 0px;
    background-color: white;
}

.socialSmall {
    float: right;
    padding-top: 10px;
}



.button-search {
    background: #CCCCCC url(../img/button-search.gif) no-repeat;
    width: 29px;
    height: 22px;
    border: none;
    color: #ffffff;
}

.search {
    float: left;
    margin: 2px 0 0 25px;
}

.search-radka {
    float: right;
    margin: 0;
    padding: 5px 150px 0 0;
}


.gal-foto {
    float: left;
    margin: 2px;
}

.gal-foto-box {
    border: 1px solid #ccc;
    margin: 0;
    height: 145px;
    text-align: center;
    padding: 10px;
    background: #fff;
    width: 145px;
    float: left;
    margin: 0 1px 2px 1px;
}

.galerie {
}

.galerie ul, .galerie_cela ul {
    list-style: none;
    padding: 5px 0 0 0;
    margin: 0;
}

.galerie_info {
    margin: 5px
}

.galerie_info2 {
    float: left;
    margin: 5px 15px 0 15px;
}

span.galerie_nadpis {
    font-size: 1.3em;
    font-weight: bold;
}

span.galerie_info {
    float: left;
    font-size: 0.9em;
    color: #6F6F6F;
}

.galerie_nahled {
    float: left;
    width: 152px;
    height: 152px;
    margin: 5px;
    background-color: black;
}

.galerie_nahled img {
    opacity: 0.7;
    width: 152px;
}

.galerie_nahled:hover img {
    opacity: 1;
}

.galerie_nahled .galerie_nadpis {
    top: -29px;
    padding-left: 5px;
    font-size: 14px;
}

.galerie_nahled a:visited,.galerie_nahled a:link,.galerie_nahled a:hover {
    color: white;
    text-decoration: none;
}


#str_nastav {
    border-top: 1px solid #000066;
    text-align: center;
    background-color: #c0c0c0;
    line-height: 27px;
}

a.str_a, span.str_s {
    border: #000 1px solid;
    padding: 2px;
    width: 15px;
    height: 15px;
    display: block;
    float: Left;
    margin: 2px;
    font-weight: bold;
    text-align: center;
}

a.str_a {
    text-decoration: none;
}

span.str_s {
    background: #c0c0c0;
}


form.login, form.login_nast {
    margin: 8px auto 0 auto;
    padding: 16px 16px 40px 16px;
    font-weight: normal;
    background: #fff;
    border: 1px solid #e5e5e5;
}

form.login {
    width: 300px;
    height: 110px;
    text-align: center;
}

form.login_nast {
    width: 300px;
}

/*trideni katalog*/
.vyrobce-check {
    float: left;
    padding: 2px;
    margin: 2px;
}

.tridit-vyrobce h3 {
    width: 480px
}

.tridit-vyrobce {
    width: 480px;
    border: 1px solid #001c31;
    padding: 5px;
    border-radius: 6px;
    background-color: rgb(251,251,251);
}

.right {
    float: right;
    clear: both;
}

.katalog-sel {
    background: #ff7500;
    height: 35px;
}

.katalog-sel a, #navlist a {
    color: #000
}

#page {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    min-height: 290px;
    display: block;
    /* background-color: rgb(254 255 198 / 44%); */
    position: relative;
}

#logo {
    float: left;
    width: 320px;
    position: relative;
    height: 241px;
    top: 0px;
    z-index: 10;
    left: 85px;
}

#top {
    width: 100%;
    display: block;
    height: 402px;
    z-index: 20;
    background-position: center bottom;
    background-size: 300px 100px;
    background-repeat: no-repeat;
    background: url(../img/rafting-lod-web.png) no-repeat right 50px;
}

span.zdarma-pridat {
    float: right;
    color: #fff;
    margin-right: 15px;
    font-weight: bold
}

/*------------------------------------------------*/
/*--------------------[slider]--------------------*/
/*------------------------------------------------*/
#slider {
    padding: 0px;
    margin: 0px auto;
    z-index: 5;
}

#my_slider_div {
    margin: 0px auto;
}

#my_slider {
    overflow: hidden;
    position: relative;
    list-style: none outside none;
    padding: 0px;
    margin: 0px;
}

#my_slider li {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

#my_slider li:first-child {
    display: block;
}

.sliderText {
    position: absolute;
    z-index: 100;
    width: 950px;
    color: #fff;
    font-size: 1.3em;
    padding: 15px;
    left: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.7);
}

.sliderNadpis {
    font-size: 16px;
}

.sliderPopis {
    font-size: 12px;
}

/*------------------------------------------------*/
/*---------------------[Menu]---------------------*/
/*------------------------------------------------*/

#container {
    float: left;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    padding: 20px;
}

#left-col {
    float: left;
    width: 170px;
}

#mid-col {
    float: left;
    width: 510px;
}

#right-col {
    float: right;
    width: 270px;
}

#head {
    height: 265px;
    width: 100%;
    margin: 0px auto;
}

#footer.je-tu-slider {
    /*top: 440px; */
}

#footer {
    width: 100%;
    display: block;
    width: 100%;
    color: #818182;
    /* background-color: #313131; */
    position: relative;
    /* border-top: 3px solid #b60e0e; */
    height: 255px;
}

#footer a {
    color: #818182;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px
}

#footer-cont {
    width: 980px;
    margin: 0 auto;
    padding-top: 20px;
    /* background: url("../img/block.png") no-repeat scroll 710px -953px transparent; */
}

#footer-bootom {
    border-top: 1px solid white;
    padding: 15px 0 15px 0;
    width: 980px;
    margin: 0 auto 20px auto;
    display: block;
    clear: both
}

#footer-top {
    border-bottom: 2px solid #b60e0e;
    padding: 15px 0 15px 0;
    width: 100%;
    margin: 0 auto 0 auto;
    display: block;
    clear: both;
    background-color: #313131
}

#background2 {
    position: absolute;
    height: 673px;
    left: 0%;
    bottom: 0px;
    z-index: -1;
    background: url(../img/footer_bg.png);
    width:100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}
#footer a {
    color: #000
}

#footer-cont {
    width: 980px;
    margin: 0px auto;
    position: relative;
    /* bottom: 10px; */
    height: 145px;
    padding: 20px 0px;
}
#footer-bootom {
    width: 980px;
    margin: 0px auto;
    position: relative;
    bottom: 10px;
    height: 69px;
    vertical-align:  middle;
    /* display: inherit; */
}
.bottom-left {
    float: left;
    width: 520px;
    margin-left: 210px;
    margin-top: 10px;
    color: black;
}

.bottom-right {
    float: right;
    text-align: center;
    width: 249px;
    /* margin-right: 0px; */
    /* font-weight:  200; */
    font-size: 0.8em;
    line-height: 100%;
}
.bottom-mobil {
    width: 500px;
    /* clear:  both; */
    text-align: left;
    float: left;
    width: 520px;
    margin-left: 210px;
    margin-top: 15px;
    color: black;
}
.bottom-mobil img {
    position:  relative;
    top: 4px;

}

.svatek {
    color: #000;
    padding: 0px 0px 0 0px;
    width: 187px;
    height: 95px;
}

.datum {
    float: left;
    width: 60px;
    height: 90px;
    margin-top: 0px;
    background: url(../img/bg-datum.png) no-repeat center top;
    padding-top: 8px;
}

.svatek-jmeno {
    float: left;
    width: 120px;
    text-align: center;
    margin-top: 15px;
}

#navIcon {
    float: right;
    margin: 13px 0px 0 0;
    height: 36px;
    clear: both;
}

a.facebookButton, a.youtubeButton, a.wifiButton, a.restauraceButton, a.parkovisteButton, a.ubytovaniButton, a.letoButton, a.zimaButton, a.clunButton {
    width: 42px;
    display: block;
    height: 31px;
    display: inline-block;
    margin-left: 4px;
    text-align: center;
    font-size: 0.6em;
}

a.facebookButton {
    background: url(../img/pictogram.png) no-repeat -312px -35px;
}

a.facebookButton:hover {
    background: url(../img/pictogram.png) no-repeat -312px -0px;
}

a.youtubeButton {
    background: url(../img/pictogram.png) no-repeat -356px -35px;
}

a.youtubeButton:hover {
    background: url(../img/pictogram.png) no-repeat -356px -0px;
}

a.wifiButton {
    background: url(../img/pictogram.png) no-repeat -43px -35px;
}

a.wifiButton:hover {
    background: url(../img/pictogram.png) no-repeat -43px -0px;
}

a.restauraceButton {
    background: url(../img/pictogram.png) no-repeat -88px -35px;
}

a.restauraceButton:hover {
    background: url(../img/pictogram.png) no-repeat -88px -0px;
}

a.parkovisteButton {
    background: url(../img/pictogram.png) no-repeat -132px -35px;
}

a.parkovisteButton:hover {
    background: url(../img/pictogram.png) no-repeat -132px -0px;
}

a.ubytovaniButton {
    background: url(../img/pictogram.png) no-repeat -0px -35px;
}

a.ubytovaniButton:hover {
    background: url(../img/pictogram.png) no-repeat -0px -0px;
}

a.letoButton {
    background: url(../img/pictogram.png) no-repeat -177px -35px;
}

a.letoButton:hover {
    background: url(../img/pictogram.png) no-repeat -177px -0px;
}

a.zimaButton {
    background: url(../img/pictogram.png) no-repeat -221px -35px;
}

a.zimaButton:hover {
    background: url(../img/pictogram.png) no-repeat -221px -0px;
}

a.clunButton {
    background: url(../img/pictogram.png) no-repeat -266px -35px;
}

a.clunButton:hover {
    background: url(../img/pictogram.png) no-repeat -266px -0px;
}

a.poptavkaButton, a.infoLinkaButton {
    height: 56px;
    margin-left: 10px;
    display: inline-block;
}

a.poptavkaButton {
    background: url(../img/info-nav.png) no-repeat -0px -70px;
    width: 192px
}

a.poptavkaButton:hover {
    background: url(../img/info-nav.png) no-repeat -0px -0px;
}

a.infoLinkaButton {
    background: url(../img/info-nav.png) no-repeat -212px -70px;
    width: 220px
}

a.infoLinkaButton:hover {
    background: url(../img/info-nav.png) no-repeat -212px -0px;
}

#spolupracujeme {
    margin: 0 auto;
    width: 640px;
    /* clear: both; */
    /* border-top: 1px solid #818182; */
    float: left;
}

.spolupracujemeImg {
    margin: 0 10px;
    width: 129px;
}

/*------------------------------------------------*/
/*---------------------[Diskuse]---------------------*/
/*------------------------------------------------*/
a.pridat {
    margin: 10px 0px;
    background-color: #E3E3E3;
    padding: 10px;
    border-radius: 6px;
    background: #F4F4F4;
    display: block;
    width: 105px;
    cursor: pointer;
    text-align: center;
    color: green;
    text-decoration: none;
}

.diskuse {
    border: 1px solid red;
    margin-bottom: 10px;
    padding: 0 5px 5px 5px;
    border-radius: 6px;
    background-color: rgb(251,251,251);
}

.diskuse:hover {
    background-color: rgb(229,229,229);
}

.disInfo {
    float: right;
}

.disText {
    clear: both;
}

a.tlacitko {
    background-color: rgb(0,153,0);
    padding: 4px 9px;
    border-radius: 6px;
    color: #fff;
    float: right
}

a.tlacitkoZrus {
    background-color: red;
    padding: 2px 7px;
    border-radius: 6px;
    color: #fff;
    font-size: 0.8em;
    font-weight: normal;
    float: right;
}

.logg {
    /* border: 1px solid red; */
    padding: 5px;
    /* border-radius: 6px; */
    background-color: rgb(94, 115, 152);
    /* width: 215px; */
    text-align: center;
    display:  block;
    box-sizing: border-box;
    margin-bottom: 10px;
    min-height: 77px;
}


.no-active {
    text-decoration: none;
    cursor: default;
}

.listing {
    display: block;
    /*background: #F1EDED;*/
    padding: 0px;
    margin-bottom: 5px;
    clear: both;
}

.listing ul {
    list-style: none;
    margin-bottom: 0px;
}

.listing ul li {
    float: left;
    margin-bottom: 0px;
    background-image: url(none) !important;
    padding: 2px 5px !important;
}

.listing ul.listing-prev {
    padding-right: 5px;
    margin-right: 5px;
    color: grey;
}

.listing ul.listing-next {
    padding-left: 5px;
    margin-left: 5px;
    color: grey;
}

.listing li {
    float: left;
    padding: 2px 5px;
    font-weight: bold;
}

.listing .numbers li {
    border: 1px solid #CFCFCF;
    margin: 0 3px;
    padding: 2px 0px;
    font-size: 1em;
}

.listing .numbers li a, .listing .numbers li.no-numbers, .listing .numbers li.numbers-active {
    padding: 2px 5px;
}

.listing .numbers li.no-numbers {
    background: transparent;
    margin: 0;
}

.listing .numbers li.numbers-active, .listing .numbers li:hover {
    background: #cccccc;
    color: #7F7F7F;
}

.listing form {
    margin-top: px;
}

/*inzeraty - vypis inzertatu*/
.inzeraty-vypis, .inzeraty-vypis-top, .inzeraty-vkladani, .info-obal {
    border: 1px solid #3a6301;
    margin-bottom: 5px;
    background: #f3ffd9;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.inzeraty-vypis, .inzeraty-vkladani, .info-obal {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.inzeraty-cena {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.inzeraty-vypis-top {
    border: 2px solid #3a6301;
    background: #f3ffd9;
}

.inzeraty-vypis {
    border: 1px solid #3a6301;
    background: #fff;
}

.inzeraty-vkladani , .info-obal {
    padding: 10px;
    background-color: #F3FFD9;
}

.inzeraty-foto {
    float: right;
    text-align: right;
    margin: 5px
}

.inzeraty-data {
    text-align: left;
    padding: 4px 5px 4px 5px;
}

.inzeraty-cena {
    clear: both;
    margin: 0;
    background: #3a6301;
    padding: 3px 20px 3px 20px;
    height: 20px;
    color: #848484
}

.inzeraty-produkt-info {
    float: left;
}

.inzeraty-objednat {
    float: right;
    text-align: right;
}

.inzeraty-data-info {
    float: left;
    margin-left: 3px;
    font-size: 0.9em;
    font-style: italic;
    text-align: left
}

.inzeraty-data-text {
    float: left;
    width: 100%;
}

.inzeraty-popis {
    clear: both;
}

.inzeraty-form-koupit {
    float: right;
    margin-left: 5px;
}

.inz-radka {
    clear: both;
    line-height: 20px;
}

.inz-popis {
    float: left;
    width: 100px;
}

.inz-data {
    float: left;
    margin: 0px 0 0 10px;
    width: 200px
}

.inzerat-popiska {
    float: left;
    width: 130px;
}

.inzerat-udaj {
    float: left;
    margin: 0px 0 0 20px;
    width: 250px;
}

a.pridatInzerat {
    float: right;
    border: outset 2px #CBCBCB;
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
    padding: 7px 7px 7px 15px;
    background: #f68220 url(../img/a_zpet.gif) no-repeat 0% 50%;
    text-decoration: none;
}

span.label {
    float: left;
    width: 111px;
}

span.text {
    float: left;
    width: 100px;
    font-weight: bolder;
}

span.typ_inzer {
    color: #f68220;
    margin-right: 5px;
    background: url(../images/button.gif) no-repeat center;
}

h2.inzeraty-nazev {
    font-size: 1.2em;
    padding: 4px 0 4px 0;
}

span.ico-home, span.ico-cena, span.ico-mobil, span.ico-mail, a.ico-oprava, a.ico-doporuc, a.ico-reakce, a.ico-facebook {
    padding-left: 16px;
    margin-right: 15px;
    font-weight: bold;
}

span.ico-home {
    background: url(../img/ico-home.gif) no-repeat 0% 50%;
}

span.ico-cena {
    background: url(../img/ico-cena.gif) no-repeat 0% 50%;
    color: #f68220
}

span.ico-mobil {
    background: url(../img/ico-mobil.gif) no-repeat 0% 50%;
}

span.ico-mail {
    background: url(../img/ico-mail.gif) no-repeat 0% 50%;
}

a.ico-oprava {
    background: url(../img/ico-oprava.gif) no-repeat 0% 50%;
}

a.ico-doporuc {
    background: url(../img/ico-doporuc.gif) no-repeat 0% 50%;
}

a.ico-reakce {
    background: url(../img/ico-reakce.gif) no-repeat 0% 50%;
}

a.ico-facebook {
    background: url(../img/ico-facebook.gif) no-repeat 0% 50%;
}

.img-hvezda {
    background: url(../img/hvezda-top.gif) no-repeat 50% 50%;
    width: 30px;
    height: 30px;
    font-size: 0.7em;
}


.obj-dodaci {
    float: right;
    margin-left: 40px;
}

.obj-zbozi, .kurzy, .objednavky, .kredity, .zakazky, .zakazky-prace {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.obj-zbozi small {
    font-size: x-small;
}

.obj-cenazapol, .obj-cenacelkem, .datum-prijeti, .obj-dph-celkem, .prace-sazba,.prace-mnozstvi, .prace-celkem {
    text-align: right;
}

.prace-celkem, .obj-cenacelkem, .kurzy-klient {
    font-weight: bold;
}

.kurzy-klient span {
    font-weight: normal;
}

.stav-obj, .obj-mnozstvi, .obj-dph,.zakazky td.zakazky-vlozeno,.zakazky td.zakazky-termin,.zakazky td.zakazky-typ, .prace-datum, .zakazky-status {
    text-align: center;
}

.cislo_obj {
    padding-left: 30px;
}

.objednavky tr:nth-child(2n+1) td, .obj-zbozi tr:nth-child(2n+1) td, .kredity tr:nth-child(2n+1) td, .zakazky tr:nth-child(2n+1) td, .zakazky-prace tr:nth-child(2n+1) td, .kurzy tr:nth-child(2n+1) td, .seznam-ubytovani tr:nth-child(2n+1) td {
    background: #EAEAEA;
}

.objednavky td, .obj-zbozi td, th, .kredity td, .zakazky td, .zakazky-prace td, .kurzy td, .seznam-ubytovani td {
    padding-bottom: 10px;
    padding-top: 10px;
}

.kurzy td {
    font-size: 0.9em;
}

.datum-prijeti {
    padding-right: 40px;
}

tr.line {
}

.obj-celkem {
    font-weight: bold;
    font-size: large;
    color: green;
}

.line-celkem td {
    border-top: 3px solid black;
    border-bottom: 0px;
    padding: 0px;
}

tr.celkem td {
    border: 0px;
    padding: 3px;
    background-color: rgba(0, 0, 0, 0) !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="date"],select, textarea  {
    padding: 7px !important;
    margin: 0px !important;
    border: 1px solid #acadaf !important;
}

.label {
}

.label label {
    padding: 6px;
    width: 100px;
    display: block;
}

input.input250 {
    width: 250px;
}

select.input250 {
    width: 266px;
}

input.input200 {
    width: 200px;
}

select.input200 {
    width: 216px;
}

input.input150 {
    width: 150px;
}

select.input150 {
    width: 166px;
}

input.inputlogin {
    width: 100px;
    padding: 2px !important;
    font-size: 0.8em;
    height: 19px;
}

input[type=submit].submitlogin {
    width: 156px !important;
    height: 25px;
    padding: 3px 6px;
    font-size: 0.8em;
}

#message {
    display: none;
    position: fixed;
    top: 0;
    left: 340px;
    margin: 0;
    z-index: 40;
}

#message-overlay {
    display: none;
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    z-index: 39;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.kredity td {
    text-align: center;
}

/*-----loginform------*/
#loginForm {
    float: right;
    color: black;
}

#loginForm a {
    color: #000;
}

#loginForm li {
    display: inline;
    list-style-type: none;
    margin-right: 8px;
}

#loginForm #form, #loginForm #lost-pass-form, #profil-top {
    display: none;
    position: absolute;
    padding: 30px;
    background-color: white;
    border: 3px solid steelblue;
    border-top: none;
    right: 0px;
    z-index: 99999999;
    padding: 10px;
    width: 270px;
    top: 0px
}

#profil-top {
    text-align: center;
}

#user-profil {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 4px;
}

#loginForm #form form, #loginForm #lost-pass-form form {
    margin-bottom: 20px;
    margin-top: 20px;
}

#loginForm #form a, #loginForm #lost-pass-form a, #profil-top a, #profil-top-small a {
    color: black;
}

#loginForm #form input, #loginForm #lost-pass-form input {
    width: 150px;
    margin-left: 20px !important;
    margin-top: 5px!important;
    margin-bottom: 5px !important;
    padding: 5px !important;
    outline: none;
}

#loginForm #form input[type="submit"], #loginForm #lost-pass-form input[type='submit'] {
    margin-left: 61px !important;
    width: 160px;
}

#loginForm #user {
    color: black;
    display: block;
    padding-left: 10px;
}

#loginForm #user span#icon, #profil-top-small #user-profil span#icon {
    background: url(../admin/img/main-icon.png) no-repeat -314px -0px;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-top: 0px;
}

#profil-top-small {
    float: right;
}

#profil-top-small a {
    display: inline;
    margin-right: 15px;
}

.zavrit {
    width: 16px;
    height: 16px;
    float: right;
    margin: 0 2px 0 2px;
    cursor: pointer;
}

.zavrit {
    background: url(../img/shop-ikony.png) no-repeat -0px -0px;
}

.zavrit:hover {
    background: url(../img/shop-ikony.png) no-repeat -0px -19px;
}

.zakazky td.zakazka-nazev, .zakazky-prace td.prace-nazev {
    font-weight: bold;
}

.pridat-tlacitko a {
    width: 130px;
    margin: 0 auto;
    display: block;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    border: 1px solid grey;
    border-radius: 4px;
    background: #299a0b;
    color: white;
}


.pridat-tlacitko a:active {
    box-shadow: inset 0px 1px 4px 0.5px black;
}

.zprava {
    font-family: Verdana;
    box-shadow: inset 0px 1px 4px 0.5px black;
}

.hlaska {
    background-color: white;
    border: 10px solid #006699;
    padding: 20px;
}

.detail-kurzu {
    border-spacing: 0;
    border-collapse: collapse;
}

.detail-kurzu td {
    padding: 10px;
}

.detail-kurzu td:first-child {
    font-weight: bold;
    width: 170px;
}

#top.fixed {
    position: fixed;
    z-index: 8000;
    height: 100px;
    top: -46px;
    left: 0px;
    -webkit-box-shadow: 0px -6px 5px 7px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px -6px 5px 7px rgba(50, 50, 50, 0.75);
    box-shadow: 0px -6px 5px 7px rgba(50, 50, 50, 0.75);
}

#top.fixed #menuTopSpot-menu {
    display: none;
}

#top.fixed #head {
    height: 46px;
    margin-top: 52px;
    z-index: 9595959595959595;
}

#top.fixed #logo {
    height: 38px;
    margin-top: 4px;
    width: 236px;
    overflow: hidden;
}

#top #logo img.normal {
    height: 61px;
    position: relative;
    top: 0px;
}

#top.fixed #main-menu {
    margin-top: -2px;
}

#top.fixed #main-menu ul {
    margin-top: 4px;
}

#top.fixed #logo img {
    position: relative;
    height: 61px;
    top: -24px;
}

#top.fixed #logo img.small {
    height: 50px;
    top: 0px;
}

#top.fixed #top-parse-link {
    border-radius: 0px;
}

#top.fixed #top-spot-menu {
    display: none;
}

#top #top-parse-link {
    background: white;
    margin: 0 auto;
    width: 968px;
    padding: 6px;
    position: relative;
    height: 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

div.nadpis {
    width: 960px;
    margin: 0 auto;
    position: relative;
    top: 97px;
    padding-top: 20px;
}

div.nadpis h1,.anotaceTop {
    color: white !important;
}

.anotaceTop {
    width: 960px;
    margin: 0 auto;
    position: relative;
    top: 85px;
    font-size: 1.4em;
    padding-bottom: 10px;
}

.anotace {
    margin: 0 auto;
    font-size: 1.4em;
    padding-bottom: 10px;
    /* color: steelblue !important; */
    /* width: calc(100% - 75px); */
}

#top-spot-menu {
    width: 980px;
    margin: 0 auto;
    position: relative;
    z-index:  10;
}

.reference {
    width: 250px;
    height: 230px;
    float: left;
    background-color: #fff;
    text-align: center;
    margin: 0px 31px;
}

.reference img {
    box-shadow: 0px 0px 5px #ccc;
    width: 250px;
    height: 155px;
    margin: 0px auto;
    background-color: #fff;
}

.stinObr250 {
    background: url(../img/stin.png) no-repeat bottom center;
    width: 250px;
    height: 174px;
    float: left;
    margin-right: 15px;
}

.stinObr130 {
    background: url("../../img/stin-aktuality.png") no-repeat bottom center;
    width: 130px;
    height: 95px;
    float: left;
    margin-right: 15px;
}

.podstranky {
    float: left;
    width: 303px;
    border: 1px solid #e6ecf0;
    padding: 5px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    margin: 0px 5px 10px 5px;
    /* background: #e2e2e2; */
    /* Old browsers */
    background: -moz-linear-gradient(top, #e2e2e2 0%, #f2f2f2 100%);
    /* FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#f2f2f2)); */
    /* Chrome,Safari4+ */
    /* background: -webkit-linear-gradient(top, #e2e2e2 0%,#f2f2f2 100%); */
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e2e2e2 0%,#f2f2f2 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e2e2e2 0%,#f2f2f2 100%);
    /* IE10+ */
    /* background: linear-gradient(to bottom, #e2e2e2 0%,#f2f2f2 100%); */
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f2f2f2',GradientType=0 );
    /* IE6-9 */
}

.podstranky img {
    width: 50px;
    float: left;
    margin: 0px 5px 5px 0px;
}

.podstranky h2 {
    font-size: 1.1em;
    height: 15px;
}

.podstranky a {
    font-size: 0.9em;
}

.podstranky p {
    height: 55px;
    font-size: 0.9em;
}

.dokumenty-kat {
    width: 250px;
    float: left;
}

.dokument a {
    word-break: break-all;
    display: block;
    margin-left: 47px;
}

.dokument {
    padding: 10px;
}

.dokument div {
    font-size: 0.8em;
}

.dokument .pripona {
    text-transform: uppercase;
}

.dokumenty-vice {
    text-align: right;
}

.plus-icon {
    padding: 0px 6px 0px 6px;
    cursor: pointer;
    background: url(../img/plus-minus.png) no-repeat -22px 4px;
    margin-right: 2px;
}

.minus-icon {
    padding: 0px 6px 0px 6px;
    cursor: pointer;
    background: url(../img/plus-minus.png) no-repeat 1px 4px;
    margin-right: 2px;
}

.dokument-popis {
    display: none;
    margin-left: 45px;
    clear: both;
}

.box-fixed {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    top: 0px;
}


ul.cenik-zakazky .RadStrom0 {
    font-size: 1.5em;
    margin-left: -25px;
    padding: 10px;
    color: #fff0a6;
    background: #1D5A9D;
    display: inline-block;
    width: 785px;
    margin-bottom: 15px;
}

ul.cenik-zakazky .popis {
    font-weight: normal;
    font-size: 12px;
}

ul.cenik-zakazky .RadStrom1 {
    font-size: 1.2em;
    font-weight: bold;
}

ul.cenik-zakazky .cena_cenik {
    font-size: 1.2em;
    float: right;
}

ul.cenik-zakazky li ul li:hover {
    background-color: gray;
    color: red;
}

ul.cenik-zakazky li ul li {
    border-bottom: 1px dotted;
    margin-top: 0px;
}

ul.cenik-zakazky li {
    margin-top: 20px;
}

div.help_field {
    clear: both;
    display: none;
    border: 1px solid #cccccc;
    margin: 4px 0 4px 0;
    padding: 2px;
    background-color: #FFFF99;
    color: #000000;
}

a.close_button {
    background: url(../img/ico-close-mal.gif) no-repeat 50% 50%;
    width: 15px;
    height: 15px;
    margin: 6px 4px 0 0;
    display: block;
    float: right;
}

.zakazky-kalendar-agenda {
    width: 100%;
    border: 0px;
    border-spacing: 0px;
    margin-left: 5px;
}

.zakazky-kalendar {
    width: 100%;
    border: 0px;
    border-spacing: 0px;
}

table.zakazky-kalendar-agenda .zak-akce-row td:first-child {
    width: 681px;
}

tr.zak-akce-row td:first-child {
    vertical-align: top;
    text-align: left;
    width: 80px;
}

tr.zak-akce-row td {
    border: 0px;
}

tr.zak-akce-row {
    border-bottom: 1px solid lightgrey;
}

tr.zak-akce-row table tr {
    border-top: 1px solid lightgrey;
}

tr.zak-akce-row table tr:first-child {
    border: 0px;
}

tr.zak-akce-row table td, table.zakazky-kalendar-agenda td {
    padding-top: 0px;
    vertical-align: top;
}

tr.selected-date {
    background: #D8FCCF;
}

tr.zak-akce-dnes {
    background: #EBF0F3;
}

tr.zak-akce-row .vikend {
    color: red;
}

tr.zak-akce-bylo, tr.zadna-akce {
    opacity: 0.4;
}

tr.zak-akce-row .prace-info, .zakazky-kalendar-agenda .prace-info {
    height: 18px;
    overflow: hidden;
}

.plus-icon {
    padding: 0px 6px 0px 6px;
    cursor: pointer;
    background: url(../img/plus-minus.png) no-repeat -22px 7px;
    margin-right: 2px;
}

.minus-icon {
    padding: 0px 6px 0px 6px;
    cursor: pointer;
    background: url(../img/plus-minus.png) no-repeat 1px 7px;
    margin-right: 2px;
}

.zak-akce-status {
    padding: 6px;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 4px;
}

.zak-akce-upravy {
    width: 80px;
    text-align: center;
    font-size: .8em;
}

.zak-akce-upravy-agenda {
    width: 110px;
    text-align: center;
    font-size: .8em;
}

.zak-nazev-status {
    padding: 1px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ukolnicek {
    padding: 30px;
    border: 10px solid #e1a863;
    background: url(../img/korek.jpg);
    max-height: 80px;
    overflow: hidden;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

.ukolnicek:hover {
    max-height: 2000px;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

.ukolnicek .ukol .stin {
    background: url(../img/stin_ukol.png) no-repeat center 3px;
    position: absolute;
    top: 0px;
    left: -19px;
    width: 20px;
    background-size: 90% 98%;
    height: 103%;
}

.ukolnicek .ukol {
    min-width: 167px;
    min-height: 139px;
    max-width: 210px;
    float: left;
    margin: 10px;
    padding: 10px;
    position: relative;
    padding-top: 29px;
    background: url(../img/pripinacek.png) no-repeat center 3px #FFEF9F;
}

.ukol-nazev {
    font-weight: bold;
    margin-bottom: 5px;
}

.ukol .zak-nazev-status {
    position: absolute;
    bottom: 20px;
    left: 10px;
    font-size: 0.8em;
}

.ukol .odkaz-zak {
    position: absolute;
    bottom: 3px;
    right: 10px;
    font-size: 0.8em;
}

.ukol .odkaz-zmena-statusu {
    position: absolute;
    bottom: 3px;
    left: 8px;
    font-size: 0.7em;
}

.trideni-ubytovani-vybaveni .trideni-button, .trideni-ubytovani-typ .trideni-button {
    width: 115px !important;
    font-size: .8em;
    height: 51px;
    padding: 0px;
}

.tridit-ubytovani {
    height: 100px;
}

#vzdalenost-range {
    width: 241px;
    margin: 25px 10px 10px 10px;
}

.trideni-ubytovani-vybaveni {
    clear: both;
    padding: 0px !important;
}

.trideni-ubytovani-vybaveni .trideni-button label {
    background-repeat: no-repeat;
    background-position: 9px 12px;
    padding: 3px 3px 3px 39px !important;
    height: 45px;
}

.trideni-ubytovani-vybaveni .trideni-button input {
    margin-top: 16px !important;
    margin-left: 12px;
}

.vzdalenost {
    float: right;
}

.trideni-ubytovani-typ {
    clear: both;
    height: 105px;
}

.trideni #vzdalenost-range-info-od {
    margin-left: 0px !important;
}

.trideni #vzdalenost-range-info-od, .trideni #vzdalenost-range-info-do {
    font-size: 1em;
    float: left;
    width: 135px;
    text-align: center;
}

.trideni-ubytovani {
    width: 270px;
    float: right;
}

.trideni-ubytovani .rozsirene-trideni-open {
    margin: 0 auto;
    width: 152px;
    float: none !important;
}

#ubytovatele-vypis {
    width: 650px;
}

#ubytovatele-vypis li {
    padding: 10px !important;
    height: 179px;
    border-bottom: 1px solid black;
}

.trideni .trideni-button label span {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 12px;
}

.trideni-ubytovani-vybaveni fieldset {
    border: 1px solid black;
    position: relative;
}

.trideni-ubytovani-vybaveni fieldset.close .stin {
    height: 55px;
    box-shadow: inset 0px -108px 31px -84px #FFF;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
}

.trideni-ubytovani-vybaveni fieldset.open .stin {
    height: 0px;
}

.trideni-ubytovani-vybaveni fieldset.close {
    height: 150px;
    overflow: hidden;
}

.trideni-ubytovani-vybaveni fieldset.open {
    height: auto;
}

.trideni-ubytovani-vybaveni fieldset.close legend {
    padding-right: 30px;
    cursor: pointer;
    background: url(../img/sipka_dolu.png) no-repeat 93% center;
}

.trideni-ubytovani-vybaveni fieldset.open legend {
    padding-right: 30px;
    cursor: pointer;
    background: url(../img/sipka.png) no-repeat 93% center;
}

.obedy-menu {
    padding: 20px;
    width: 350px;
    margin: 20px auto;
}

.obedy-menu table {
    width: 100%;
}

.obedy-menu.dnes {
    border: 1px solid #4D4D4D;
    background: url(../img/dnes.png) no-repeat;
}

.obedy-menu a {
    color: #DA251C;
}

.prepinac {
    border: 1px solid #4682B4;
}

.active-lang {
    background: steelblue;
}

.ubyt-ilufoto {
    margin-top: 20px;
}

.ubyt-ilufoto div.img {
    text-align: center;
}

#forma-zapisu {
    width: 146px;
}

.noborder {
    padding: 0px;
    border: none;
    clear: both;
    margin-top: 15px;
    display: flow-root;
}

.google-mapa {
    height: 400px;
    width: 800px;
    border: 2px solid lightgrey;
    border-radius: 5px;
}

#map {
    height: 100%;
}

#pac-input {
    border: 1px solid grey;
    background: #FFF;
    width: 280px;
    top: 15px !important;
    padding: 5px;
    left: 90px;
    position: absolute;
    font-size: 12px;
    box-shadow: inset 0px 2px 7px -2px #AAA;
    z-index: 0;
}

.mapa-tlacitka {
    margin: 17px 0px 0px -2px;
}

#ubytovatele-vypis li.basic .galerie_nahled img {
    width: 90px;
}

#ubytovatele-vypis li.basic .galerie_nahled {
    width: 90px;
    height: 90px;
}

#ubytovatele-vypis li.basic {
    width: 305px;
    height: 150px;
    float: left;
}

#ubytovatele-vypis li.basic h3 {
    margin: 0px
}

#ubytovatele-vypis li.basic {
    font-size: 0.9em
}

.icon-premium,.icon-basic,.icon-standard {
    float: right;
    background-color: #ccc;
    color: #aaa;
    padding: 1px;
}

.seznam-ubytovani td {
    text-align: center;
}

.ubyt-nazev {
    width: 270px;
    font-weight: bold;
}

.ubyt-typ {
    width: 120px;
}

.ubytovani-left {
    float: left;
    width: 160px;
    margin: 0px 10px 0px 0px;
    background-color: #F2F2F2
}

.ubytovani-middle {
    width: 650px;
    float: left;
}

.ubytovani-middle .uprava {
    margin: 0px 0px 10px 17px;
}

.ubytovani-right {
    float: right;
    width: 300px;
    padding-left: 10px;
    /*    margin-top:-56px;*/
    position: relative;
}

.ubytovani-right .socialSmall {
    margin-top: 20px;
}

.page-box-nadpis {
    margin: 20px 5px 5px 10px;
    font-weight: bold;
}

.menu_l_user {
    list-style-type: none;
    margin: 0px;
    padding-left: 0px !important;
}

.menu_l_user li {
    background: #f2f2f2;
    border: 1px solid #b4c5cf;
    border-top: 0;
    border-right: 0;
    display: list-item;
    text-align: -webkit-match-parent;
    -webkit-box-shadow: inset 1px 1px 0 0 #fff;
    box-shadow: inset 1px 1px 0 0 #fff;
    padding: 0px !important;
}

.menu_l_user li a {
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    width: 150px;
    padding: 5px 10px;
}

.menu_l_user li.vyber {
    color: #000;
    background-color: #fff;
    font-weight: bold;
}

.menu_l_user li a:hover {
    color: #346000;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

.menu_l_user li a.vyber:hover {
    color: #fff;
}

.ubytovani-nazev {
    width: 460px;
    margin-left: 0px !important;
}

.ubytovani-middle .popiska {
    margin-bottom: 4px;
}

.ubytovani-prepinace {
    margin-bottom: 20px;
}

.ubytovani-prepinace li {
    display: inline-block;
    padding: 0px !important;
    border: 1px solid steelblue;
}

.ubytovani-prepinace ul {
    text-align: center;
}

.ubytovani-prepinace li a {
    padding: 5px 10px;
    display: block;
    color: steelblue;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    -ms-transition: background .1s linear;
    -o-transition: background .1s linear;
    transition: background .1s linear;
}

.ubytovani-prepinace li a:hover, .ubytovani-prepinace li a.vyber {
    background: steelblue;
    text-decoration: none;
    color: white;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    -ms-transition: background .1s linear;
    -o-transition: background .1s linear;
    transition: background .1s linear;
}

.ubyt-edit, .ubyt-del, .ubyt-ceny {
    width: 100px;
    text-align: center;
}

input.smaz, a.ceny, a.uprav {
    background: white;
    padding: 2px 5px !important;
    cursor: pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    -ms-transition: background .1s linear;
    -o-transition: background .1s linear;
    transition: background .1s linear;
    text-decoration: none;
}

input.smaz:hover, a.ceny:hover, a.uprav:hover {
    color: white;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    -ms-transition: background .1s linear;
    -o-transition: background .1s linear;
    transition: background .1s linear;
    text-decoration: none;
}

a.uprav {
    border: 1px solid blue;
    color: blue;
}

a.uprav:hover {
    background: blue;
}

a.ceny {
    border: 1px solid green;
    color: green;
}

a.ceny:hover {
    background: green;
}

input.smaz {
    border: 1px solid red !important;
    color: red;
    padding: 3px 5px !important;
}

input.smaz:hover {
    background: red;
}

input.required,select.required,div.required {
    background-image: url(../img/hvezdicka.png);
    background-position: 98% 2%;
    background-repeat: no-repeat;
    padding-right: 15px !important;
    border: 1px solid red;
}
input.required, select.required, div.required, textarea.required {
    background-image: url(../img/hvezdicka.png);
    background-position: 98% 2%;
    background-repeat: no-repeat;
    padding-right: 15px !important;
    border: 1px solid red !important;
}

span.ubyt-expirace {
    font-size: x-small;
    font-weight: bold;
    vertical-align: text-top;
}

span.ubyt-expirace.po-expiraci {
    color: red;
}

#vzdalenost-range .ui-slider-handle {
    border-color: #B60E0E;
    cursor: pointer;
}

#vzdalenost-range {
    border-color: #B60E0E;
}

.cenik-ubytovani th {
    font-size: 0.9em;
    font-weight: normal;
    vertical-align: bottom;
}

.cenik-ubytovani td {
    border: 1px solid #B60E0E;
}

.ubytovani-foto {
    padding: 10px;
}

.ubytovani-foto img {
    margin: 5px 5px 0px 5px;
}

.cenik-ubytovani td {
    background: white;
}

.ubytovani-kod-uprava {
    display: none;
    clear: both;
}

.ubytovani-kod-uprava form {
    display: inline;
}

.ubytovani-kod-uprava input {
    margin-left: 5px;
}

#ub-upravit-zapis {
    cursor: pointer;
    position: absolute;
    right: 18px;
    top: -49px;
}

span.ub-cena-typ {
    font-weight: bold;
    color: #B60E0E;
    font-size: 1.1em;
    line-height: 21px
}

#ub-odeslat-zapis, #ub-odeslat-dotaz {
    cursor: pointer;
}

.ubytovani-odeslat-znamemu, .ub-kontakt-form {
    display: none;
}

.ubytovani-odeslat-znamemu textarea {
    width: 96%;
    height: 100px;
}

.ubytovani-odeslat-znamemu input[type='text'] {
    width: 193px;
}

.ubytovani-detail {
}

.ubytovani-objednavka {
    min-height: 500px;
    display: none;
}

#ubytovani-objednat, #ubytovani-zpet-detail {
    cursor: pointer;
    background-color: #B60E0E;
    padding: 5px 50px;
    color: #FFF;
}

.ub-cenik-termin {
    text-align: center;
    background-color: #B60E0E;
    padding: 5px 50px;
    color: #FFF;
}

.ubytovani-middle.maxWidth {
    width: 100%;
}

.ubytovani-middle.maxWidth table {
    width: 980px;
    transition: 0.3s;
}

.ubytovani-middle table {
    width: 650px;
    transition: 0.3s;
}

.ub-cenik-celkem {
    width: 142px;
}

#ub-termin-pocet-noci {
    width: 150px;
    display: inline-block;
}

.ub-cena-celkem {
    text-align: right;
    padding: 40px;
    padding-top: 10px;
    font-size: 1.2em;
}

div.ub-cena-celkem span {
    font-weight: bold;
    border: none !important;
}

.ub-form input:not([type='radio']) {
    width: 218px;
}

.ub-form .uprava {
    width: 240px;
}

.ub-form-left, .ub-form-right {
}

.hoste-prepinac {
    list-style-type: none;
    margin: 0px;
}

.hoste-prepinac li {
    display: inline;
    margin-left: 5px;
}

.hoste-prepinac li a, .ub-form-left span, .ub-obj-rekapitulace span.ub-obj-zalozka {
    display: inline-block;
    padding: 7px;
    border: 2px solid #000;
    cursor: pointer;
    background-color: white;
}

.hoste-prepinac li a.activeHost, span.activeHost {
    color: #B60E0E;
    text-decoration: none;
    border-bottom-color: #FFF !important;
}

.host-tab {
    border: 2px solid #000;
    padding: 25px;
    margin-top: -2px;
    background-color: white;
    display: none;
}

#host_0 {
    display: block;
}

.ub-form-fields, .ub-obj-rekapitulace .ub-obj {
    border: 2px solid #000;
    padding: 25px;
    margin-top: -2px;
    background-color: white;
}

.ub-obj-rekapitulace .ub-obj table {
    width: 420px;
    margin-top: 10px;
}

.ub-obj-rekapitulace {
    min-height: 236px;
}

.ub-form-left span {
    margin-left: 5px;
}

.ub-form-left span label {
    padding: 7px;
    cursor: pointer;
}

.ub-tlacitko {
    text-align: center;
    margin-top: 10px;
}

.pridat-ubytovatele {
    position: absolute;
    top: 1.5px;
    right: 0px;
}

a.pridat-ubytovatele {
    color: green;
}

.zmenit-formu {
    cursor: pointer;
}

.forma-zapisu {
    display: none;
}

.button {
    background-color: #B60E0E;
    color: white;
    padding: 5px;
}

.button:hover {
    background: #B60E0E;
    color: white;
    padding: 5px;
}

#trideni-filtr .filtr {
    border: 1px solid #B60E0E;
}

#trideni-filtr div a {
}

#trideni-filtr div a {
}

.galerie_info {
    font-size: 0.85em;
}

.galerie_info h3 a {
    font-size: 1.5em;
    color: #B60E0E !important;
}

.galerie_info h2 a {
    font-size: 1.3em;
    color: #B60E0E !important;
}

.clanek {
    position: relative;
    background: #7e889a;
    padding: 10px 10px 0px 10px;
    border-radius: 10px;
    margin-top: 10px;
}

.clanek_info h2 a {
    font-size: 1.3em;
    color: #B60E0E !important;
}
.clanek-foto {
    width: 195px;
    height: 150px;
    float: left;
    margin-right: 15px;
}
a.detail-link {
    position: absolute;
    right: 10px;
    bottom: 5px;
    display:  inline-block;
}

.clanek-info {
}
.clanek-foto img {
    max-height: 150px;
    max-width: 150px;
}
.clanek h2 {
    font-size: 1.2em;
}
.clanek p {

}
.clanek .share-button {
    position: absolute;
}
.share-button {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    float: right;
    background: url(../img/share.png) center 5px no-repeat white;
    left: 162px;
    bottom: 12px;
    z-index: 4;
    transition: .3s ease-in;
    border-left: 1px solid white;
    position: relative;
    /* top: -57px; */
}
.clanek-info span {
    margin-right: 10px;
    font-size: 0.9em;
}
#slideTop {
    position: fixed;
    right: 10px;
    bottom: 010px;
    border: 1px solid #000000;
    padding: 5px 20px;
    background-color: #000000;
    color: #FFF;
    font-size: 20px;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(0.4);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: none;
}

#slideTop:hover {
    color: whitesmoke;
    opacity: 1;
    filter: alpha(1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.planovac-objekt .objekt-left {
    float: left;
    width: 640px;
}

.planovac-objekt .objekt-right {
    float: right;
    width: 280px;
    padding-left: 15px;
}

.planovac-objekt-gps {
    padding-left: 25px;
}


#trasa {
    border-left: 2px dashed grey;
}

.planovac-planovani-mapa.large-map {
    width: 100% !important;
}

.infowindow {
    padding: 5px;
}

div#ukoly .ukol * {
    vertical-align: middle;
}

.ukol {
    margin-bottom: 10px;
    height: 70px;
}

.ukol textarea {
    margin-left: 6px;
    float: left;
    display: block;
    margin-right: 15px;
}

div#ukoly .ukol span {
    float: left;
    font-weight: bold;
}

/*====pokoje*/
.pokoje-seznam table {
    width: 100%;
}

img.pokoj-ilufoto {
    width: 50px;
}

#tab-email,#tab-posta {
    display: none;
}

/*=====crslider=====*/
.crslider {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    clear: both;
    position: relative;
}

.crslider ul.slides {
    overflow: hidden;
    z-index: 3;
    height: 100%;
    width: 70%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.crslider ul.slides li {
    position: absolute;
    width: 70%;
    display: none;
    z-index: 4;
    height: 100%;
}

.crslider ul.nav {
    right: 0px;
    float: right;
    top: 0px;
    width: 30%;
    z-index: 5;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0px;
    list-style-type: none;
    padding: 0px;
}

.crslider ul.nav li {
    padding: 15px;
    background: #6db3f2;
    /* Old browsers */
    background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
    /* IE6-9 */
    ; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-height: 36px;
}

.crslider ul.slides li img {
    width: 100%;
}

.crslider ul.slides li.activeSlide {
    z-index: 5;
}

.crslider ul.nav li.activeNav {
    background: #f85032;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
    /* IE6-9 */
    ; }

.crslider .nav .slide_popis {
    font-size: 0.8em;
}

.crslider ul.slides .slideText {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100% - 20px);
    background: rgba(255,0,0,0.5);
    padding: 10px;
}

table.pokoje-info {
    width: 100%;
}

table.pokoje-info td:first-child {
    font-weight: bold;
}

.pokoj-vybaveni {
    float: left;
    margin: 5px;
    width: 206px;
    font-weight: bold;
}

.pokoj-vybaveni img {
    vertical-align: middle;
    margin-right: 10px;
}

.uprava.souhlas input {
    float: left;
    margin-top: 6px;
}

.uprava.souhlas p {
    padding-left: 25px;
}

/* ===========rezervace============== */
td.r-sector {
    height: 25px;
    min-width: 10px;
    border: 1px dotted #000;
    background-color: lightblue;
}

td.r-sector.n1 {
    width: 50px;
}

td.r-sector.n2 {
    width: 25px;
}

td.r-sector:hover {
    background-color: #C5C5C5;
}

div#rezervace-left {
    width: 200px;
    float: left;
}

div#rezervace-right {
    float: right;
    width: 720px;
    margin-left: 20px;
}

table.r-table {
}

.r-datum {
    font-size: 1.4em;
    text-align: center;
}

span.r-den {
    font-weight: bold;
}

td.r-cena {
    text-align: center;
    font-size: 0.9em;
    border-top: 2px solid black;
    display:  table-cell;
}

table.r-table th {
    font-size: 0.9em;
    padding-bottom: 3px;
}

.r-o-name {
    width: 100px;
    border-right: 3px solid black;
}

td.r-sector.n4 {
    width: 10px;
}

.rezervace-zavreno {
    font-weight: bold;
    color: #F00;
    font-size: 1.3em;
    padding: 5px;
    text-align: center;
}

td.r-sector.checked {
    background-color: yellow;
}

td.r-sector.r-hk {
    border-right: 3px solid black;
}

td.r-sector.disabled {
    background-color: #D3D3D3 !important;
    cursor: not-allowed;
}

.r-registrovat {
    display: none;
}

.r-dokonceno {
    text-align: center;
}

.r-cislo {
    font-size: 1.2em;
}

.r-cislo span {
    font-weight: bold;
}

.r-udaje table {
    width: 500px;
    margin: 0 auto;
    border-top: 1px solid black;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid black;
}

.r-udaje td {
}

.r-udaje table tr td:first-child {
    text-align: right;
    font-weight: bold;
    padding: 5px;
}

table.r-casy {
    width: 100%;
}

table.r-casy h3 {
    margin: 5px 0px;
    border-top: 1px solid black;
    padding-top: 10px;
}

.r-s-datum {
    font-weight: bold;
}

.r-s-cas {
    font-size: 0.9em;
}

.r-s-cena {
    font-size: 1.1em;
    font-weight: bold;
    text-align: right;
}

.r-s-celkem {
    font-size: 1.1em;
    text-align: right;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 3px double #000;
}

.r-s-celkem span {
    font-weight: bold;
}

a.r-dokoncit-btn {
    text-decoration: none;
    text-align: center;
    display: block;
    margin-top: 10px;
    color: green;
    font-weight: bold;
}

a.r-dokoncit-btn {
    text-decoration: none;
    text-align: center;
    display: block;
    margin-top: 10px;
    color: green;
    font-weight: bold;
}

table.r-kal {
    width: 100%;
}

tr.r-dny-v-t {
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

td.r-mesic-rok {
    text-align: center;
    font-weight: bold;
}

a.r-kal-minus, a.r-kal-plus {
    font-size: 1.2em;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

td.r-day.weekend {
    color: grey;
}

td.r-day {
    text-align: center;
    padding: 5px;
    cursor: pointer;
    font-size: 1.1em;
}

td.r-day.dnes {
    color: red;
    font-weight: bold;
}

td.r-day:hover {
    font-weight: bold;
}

td.r-day.selected {
    background-color: #FF0;
}

.r-t-toolbox {
    width: 100%;
}

.r-t-toolbox a {
    display: block;
    float: left;
    margin: 0px 5%;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

td.r-sector.rezervovano {
    background-color: red;
}

td.r-sector.rezervovano_user {
    background-color: purple;
}

/*========INFOOKNA=======*/
.info-okno.io-top {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    min-height: 30px;
    background-color: white;
    z-index: 200;
    padding: 10px;
    padding-right: 150px;
}

.info-okno.io-bottom {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    min-height: 30px;
    background-color: white;
    z-index: 200;
    padding: 10px;
    padding-right: 150px;
}

.io-btn {
    position: absolute;
    right: 20px;
    top: 15px;
}

.info-okno.io-big {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 200;
    padding: 50px;
    margin: 150px;
    background-color: white;
    box-shadow: 0px 0px 80px 0px #000;
}

.info-okno.io-big .io-btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    top: initial;
}

.aff-link {
    margin: 25px;
    width: 450px;
    padding: 20px;
    border: 1px solid grey;
}

.program-mapa {
    height: 400px;
    width: 100%;
}

.program-bod-datumy {
    float: left;
    margin-right: 20px;
}

.program-bod-od, .program-bod-do {
    font-size: 2.3em;
    text-align: center;
    margin-right: 15px;
    float: left;
}

.program-bod-od div, .program-bod-do div {
    font-size: 14px;
    margin-top: 4px;
}

.program-bod h2 {
    font-size: 2em;
}

.program-bod-anotace {
    clear: both;
}

.program-bod-text {
    clear: both;
    display: none;
}

a.program-bod-vice {
    float: right;
}

.pohled-switch {
    position: absolute;
    z-index: 5;
    background: white;
    border: 1px solid #D9D8CA;
    padding: 5px;
    top: 110px;
    left: 8px;
    border-radius: 2px;
}

.pohled-switch label {
    display: block;
}

.dokumenty-cont {
    border: 2px solid black;
}

.dokumenty-cont .dokument {
    float: left;
    width: 233px;
}

.kalendar-prihlasit {
    text-align: center;
    padding: 10px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid black;
    margin: 5px 0px;
    clear: both;
}
a.prihlasitSe, .prihlasitSe {
    color: red;
    font-size: 1.5em;
    margin: 0px 31px;
    font-weight: bold;
}
.prihlaseniInfo {
    margin-top: 10px; font-size: 0.9em;
}
fieldset.kalendar-prihlasit a {
    padding: 20px;
    font-weight: bold;
}

tr.tojsemja td {
    background: rgb(255, 255, 125);
}
table.kalendar-tabulka {
    width: 100%;
}

.kal-akce-cas {
    width: 9%;
    font-size: 0.9em;
    float: left;
    text-align: center;
    margin-right: 1%;
}

.kal-akce-nazev {
    float: left;
    /*width: 90%;*/
}

.kal-akce-pobocka {
    /* float: right; */
    font-size: 0.9em;
}
.kal-akce{
    clear: both;
    padding-bottom: 3px;
    border-left: 3px solid #D3D3D3;
    padding-left: 5px;
    margin-left: 5px;
    position: relative;
    text-align: left;
    border-bottom: 1px solid white;
    padding-top: 3px;
}

td.kal-datum {
    text-align: right;
    padding-right: 0px;
    font-size: 0.9em;
}

.kalendar-tabulka tr {
    border-bottom: 1px solid lightgrey;
}

.kalendar-tabulka tr td {
    padding-bottom: 8px;
    padding-top: 8px;
    vertical-align: top;
}
th.radka_popis00 {
    width: 317px;
}
span.kd-den {
    font-size: 0.9em;
}

span.kd-datum {
    font-weight: bold;
}
a.kal-predchozi-mesic, a.kal-dalsi-mesic {
    display: block;
    padding: 5px;
    border: 1px solid #E1141C;
}

a.kal-predchozi-mesic {
    float: left;
}

a.kal-dalsi-mesic {
    float: right;
}
span.kal-nominace {
    font-size: 0.8em;
}
.kluci {
    width: 490px;
    height: 110px;
    background: url(../img/kluci.png) no-repeat center center;
    position: absolute;
    top: 0px;
    right: 0px;
}
td.kal-datum {font-size: 0.8em !important;}
.kal td.day {
    height: 30px;
    border: 1px solid rgba(243, 243, 243, 0.45);
    text-align: center;
    width: 30px;
    color: black;
    background: #ffffff;
    position: relative;
}

table.kal {
    width: 95%;
    margin: 0 auto;
    text-align: center;
    border-spacing: 0px;
    border-collapse: collapse;
}
.kal td.day.dnes {
    background: black;
    color: white;
}
.kal tr.dny-v-t td {
    border-bottom: 2px solid white;
    vertical-align: middle;
    color: white;
}

.kal td.mesic-rok {
    font-size: 1.3em;
    text-transform: uppercase;
    color: white;
}

.kal a.kal-minus,.kal a.kal-plus {
    font-size: 1.3em;
    cursor: pointer;
    text-decoration: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */

    /* No support for these yet, use at own risk */
    -o-user-select: none;
    user-select: none;
    color: white;

}
.kal a.kal-minus:active,.kal a.kal-plus:active {
    font-weight: bold;
}
.kalendar-table {
    background: #00497f;
    padding: 10px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
.kal td.day.weekend {
    font-weight: bold;
    background: #d2d2d2;
}
.kal ul.kal-akce-vypis {
    display: none;
    position: absolute;
    top: 32px;
    width: 200px;
    margin: 0px;
    padding: 0px;
    background: #817FF2;
    z-index: 5;
    border: 1px solid black;
    list-style-type: none;
    max-height: 200px;
    overflow-y: auto;
}
.kal ul.kal-akce-vypis.r{right: -1px;}
.kal ul.kal-akce-vypis.l{left: -1px;}

.kal td.day:hover ul.kal-akce-vypis {
    display: block;

}
.kal .kal-akce-vypis a {
    font-weight: normal;
    color:black;
}
.kal td.day.a:hover a {
    color: black;
}
.kal td.day.a {
    background: #B60E0E;
    cursor:default;
    color: white !important;
}
.kal td.day.a a:link,.kal td.day.a a:visited {
    color: #fff;
    text-decoration: none;
}
.kal td.day.dnes a {
    color: white;
}
.kal td.day.a a:hover {
    background: #817FF2 !important;
    color:black;
}
table.kalendar-prihlasky {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.kalendar-prihlasky td {
    border: 1px solid black;
    text-align: center;
    padding: 1px 5px;
    line-height: 1.2em;
    font-size: 0.9em;
}
.red{color:red !important}
.green{color: #008000 !important;}
td.red {
    color: #FFF !important;
    background: red !important;
}
td.green {
    color: #FFF !important;
    background: #008000 !important;
}

td.kal-poznamka {width: 153px;}
.ucast{
    float:left;
    margin:10px;
    font-size: 1em;
}
.kal-celkem{
    float:left;
    margin:10px;
    font-size:1.2em;
}
td.kal-p-jmeno,td.kal-poznamka {
    text-align: left !important;
}
select#kal-ucast{
    width: 90px;
    padding: 6px;
}
select#kal-navic {
    width: 45px;
    padding:0px;
}
table.kalendar-prihlasky td:first-child {
    width: 75px;
}
tr.prihlaska-uprava td {
    background: rgb(255, 205, 115);
}
span.kal-akce-rub {
    font-weight: bold;
    color: #e2000c;
}
.kal-prihlaseni {
    font-size: 0.85em;
    float: right;
    text-align: center;
    padding-right: 4px;
}
hr.kal-akce-cara {margin-left: 6px;margin-right: 1px;}

div#logo img {
    /* width: 265px; */
    width: 400px;
}


.aktualita {
    position: relative;
    background: #62789e;
    padding: 10px 10px 0px 10px;
    border-radius: 10px;
    margin-top: 10px;
}

.aktualita-info {
}

.aktualita h2 {
    font-size: 1.2em;
    margin-top:  0px;
}

.akt-datum {
    margin-right: 10px;
    font-size: 0.9em;
}

.akt-ilufoto {
    float: left;
}

.akt-ilufoto img {
    width: 100%;
}

#mid-col .akt-ilufoto {
    width:  180px;
    margin-right:  15px;
}
ul.diskuze-level ul.diskuze-level {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 2px dashed grey;
}

ul.diskuze-level {
    padding: 0px;
}

.diskuze-level > li {
    border-bottom: 1px solid lightgrey;
    padding: 10px !important;
    background: rgba(0, 0, 0, 0.04);
    margin-top: 10px;
    list-style-image: none !important;
}

.diskuze-jmeno {
    float: left;
}

.diskuze-ts {
    float: right;
}

.diskuze-header {
    height: 22px;
    font-size: 17px;
    color: #4c4c4c;
}

.diskuze-text {
    clear: both;
}

.diskuze-new-form textarea, .diskuze-text textarea {
    display: block;
    height: 120px;
    width: 100%;
    padding: 10px;
    font-family: 'Noto Sans', sans-serif;
    box-sizing: border-box;
    border: 1px solid green;
}

.diskuze-new-form input[type=submit] {
    float: right;
    display: block;
    margin: 15px 0px 0px 15px;
    padding: 5px 21px;
    font-size: 20px;
    background-color: green;
    color: white;
}

.diskuze-new-form input[type=text] {
    width: 100%;
    /* display: block; */
    margin: 15px 0px 0px 15px;
    padding: 21px;
    font-size: 16px;
    box-sizing: border-box;
}

.diskuze-btns {
    text-align: right;
    border-top: 1px solid rgb(216, 218, 219);
    padding-top: 10px;
    margin-top: 5px;
    clear: both;
}

.diskuze-btns input {
    margin: 0px 5px;
    padding: 3px 4px;
    cursor: pointer;
}

input.diskuze-nahlasit {
    background-image: url(../img/nahlasit.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    display: none;
    text-indent: -999px;
}

.diskuze-like {
    background-image: url(../img/like.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    min-width: 47px;
    height: 23px;
    text-indent: 28px;
}

.diskuze-dislike {
    background-image: url(../img/dislike.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    min-width: 47px;
    height: 23px;
    text-indent: 28px;
}

span.diskuze-dislike,span.diskuze-like {
    display: inline-block;
    padding: 3px 4px;
    height: 15px;
    min-width: 33px;
    vertical-align: bottom;
    margin: 0px 5px;
    cursor: not-allowed;
    font: 13.3333px Arial;
}

input.diskuze-smazat {
    display: none;
}

.diskuze-level li:hover > .diskuze-btns .diskuze-smazat, .diskuze-level li:hover > .diskuze-btns .diskuze-nahlasit {
    display: inline;
}

blockquote {
    border: 1px solid grey;
    padding: 10px;
    background: #d4d4d4;
    color: #484848;
}

ul.seznam-diskuzi {
    padding: 0px;
}

ul.seznam-diskuzi li a {
    padding: 8px 10px;
    display: inline-block;
}

li.diskuze-list-item span {
    float: right;
    padding: 1px 0px 0px 23px;
    background: url(../img/prispevek.png) no-repeat left center;
    margin-bottom: -8px;
}

li.diskuze-list-item {
    display: block;
    border-bottom: 1px solid grey;
}

ul.seznam-diskuzi li div.diskuze-k a {
    padding: 0px;
}

.diskuze-k {
    font-size: 10px;
    padding-left: 10px;
}

a.diskuze-odkaz {
    padding: 10px;
    background-color: #e90000;
    display: inline-block;
    color: white;
    padding-left: 50px;
    background-image: url(../img/diskuze-bila.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}

.diskuze-pravidla, .diskuze-napoveda {
    clear: both;
    font-size: 13px;
    display: none;
    overflow: hidden;
}

.diskuze-new-form {
    border: 1px solid;
    padding: 10px;
    background-color: #e2e2e2;
}

.diskuze-new {
    clear: both;
}

.diskuze-text ul {
    list-style-type: disc !important;
}

a.diskuze-pravidla-link,a.diskuze-napoveda-link {
    margin-left: 10px;
}

a.diskuze-F {
    background: url(../img/f.png) no-repeat center center;
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: bottom;
}

li.admin-reakce {
    border: 1px solid #02abf9;
}

li.admin-reakce .diskuze-jmeno {
    color: black;
}


.galerie-radek .gal-item {
    display: inline-block;
    height: 30px;
    padding:  0px;
    background:  grey;
    margin: 3px 2px;
    text-align: center;
    text-decoration:  none;
    color: white;
    line-height:  30px;
    padding-right:  5px;
    padding-left:  5px;
}

.galerie-radek {
    text-align:  center;
    margin: 5px 0;
    border-bottom:  1px solid white;
}

.galerie-radek .gal-item.active {
    background:  white;
    color: black;
}

.galerie-radek .gal-item img {
    float: left;
    margin-left: -5px;
    margin-right:  5px;
}

img.user-img {
    border: 1px solid white;
    border-radius:  3px;
    height: 75px;
}
a.velkyodkaz {
    display:  inline-block;
    width:  150px;
    height: 150px;
    background: #efefef;
    border-left: 3px solid #0775c0;
    padding:  10px;
    font-size: 1.2em;
    line-height:  1em;
    vertical-align:  top;
    margin:  10px;
    position:  relative;
    overflow:  hidden;
}

a.velkyodkaz::after {
    position: absolute;
    bottom: 28px;
    right: -9px;
    content:  "+";
    font-size: 8em;
    font-weight:  bold;
    color: #fbfbfb;
}
table.strankovani {background: #F1EDED; width: 100%;}
.strankovani td.left {width: 100px; vertical-align: top;}
.strankovani td.center {text-align: center;}
.strankovani td.right {width: 100px; text-align: right; vertical-align: top;}
.strankovani a{display:block;float:left;cursor:pointer;text-decoration:none;display:inline-block;border:1px solid #004be8;padding:.2em .5em;margin:0 .20em 0 0;text-align:center; font-weight: normal;}
.strankovani a, .strankovani span{display:block;float:left;text-decoration:none;border:1px solid #CFCFCF;padding:.2em .5em;margin:0 .20em 0 0;text-align:center}
.strankovani a.pP,.strankovani a.nP, .strankovani span.nP{font-size:0.9em;border:none;color:#c0c0c0}
.strankovani a:hover{background:#cccccc;}
.strankovani a.sel{color:#cccccc;font-weight:normal;background:#cccccc; color: #7F7F7F;}





#mid-col .uprava {float: left;/* margin: 5px 0 0 25px; */text-align: left;}
.form-box, .form-box-platba {float: left; margin: 5px 0 5px 10px; padding: 0;}
.form-box {width:450px}
.form-box-platba {width:650px}
.kosik-check {float: left; width: 25px;}
.kosik-info-left {float: left;width:200px}
.kosik-info-right {float: right;width: 350px; text-align: right; padding: 10px 40px 0 0;}
span.kosik-info-cena, .kosikred {float: right; text-align: right;width: 120px;}
span.kosik-info-udaj {float: left;width: 210px;text-align: right;margin-right: 15px;}
.kosikred {font-weight: bold;font-size: 1.2em; color: #ff0000;}
h2.kosik-alert {color: #ff0000; text-align:center }
span.form-info {float: left; font-size: 0.8em; margin-left: 25px}
input.kosik {width: 200px;}
input.odeslat {float:right; font-size: 1.1em;padding: 2px;}
a.zpet {float: left; border: outset 2px #CBCBCB;font-family: tahoma;padding: 5px 5px 5px 15px;background: #a80000; color: #fff; text-decoration: none;}

/* ---------formular na strance     */
.form-radka {float: left;clear: both; margin-bottom: 10px;}
.form-popiska {float: left;width: 150px}
.form-uprava {float: left;width: 360px}
#reakce input[type="text"],
#reakce input[type="file"] > input[type="button"],
#reakce input[type="password"], textarea
{
    padding: 4px
}
span.formNadpis {font-size: 1.2em;font-weight: bold;margin: 10px auto;/* padding: 5px; */clear: both;display: inline-block;}
.popiskaVyber {/* color:#F68220; */}


/* ------------ spolupracujeme ------------*/
.galerie_spolupracujeme div, #item div
{
    margin-left: 2px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 160px;
    height: 109px;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
}
.galerie_spolupracujeme a span, #item span
{
    display: block;
    text-align: center;
    line-height: 14px;
    height: 14px;
    font-size: 82%;
    overflow: hidden;
    margin-top: 4px
}
.galerie_spolupracujeme a, #item
{
    display: block;
    width: 163px;
    height: 151px;
    float: left;
    text-decoration: none;
    color: #999;
    overflow: hidden;
    border: 1px solid #ccc;
    margin: 4px
}
.galerie_spolupracujeme a:hover
{
    border: 1px solid #da251d;
}


/* ------------ fotogalerie ------------*/

.galerie li {
    width: 247px;
    height: 230px;
    display: inline-block;
    margin: 31px !important;
    position: relative;
}

.galerie li hr {
    margin: 0px;
}

.galerie_nadpis {
    position: absolute;
    bottom: 0px;
    background:  rgba(0,0,0,0.5);
    right: 0px;
    left: 0px;
    padding: 4px;
}

.galerie_nadpis h2 {
    margin: 0px;
    font-size:  1.5em;
}

.galerie_nadpis h2 a:visited, .galerie_nadpis h2 a:link {
    color: white;
}

.galerie_nadpis h2 a:hover {
    text-decoration: none;
}

.galerie_foto1,.galerie_foto2,.galerie_foto3 {
    position: absolute;
    width: 150px;
    height: 150px;
    left: 87px;
    border: 2px solid white;
    box-shadow:  0px 0px 5px black;
    overflow:  hidden;
    text-align:  center;
    background:  white;
}

.galerie_foto1 .foto {
}

.galerie li:hover .galerie_ilufoto .foto {
    opacity: 1;
}

.foto {
}

.galerie_foto2 {left: 9px;-moz-transform: scale(0.9) rotate(-10deg);-webkit-transform: scale(0.9) rotate(-10deg);-o-transform: scale(0.9) rotate(-10deg);-ms-transform: scale(0.9) rotate(-10deg);transform: scale(0.9) rotate(-10deg);}

.galerie_foto2 .foto {
}

.galerie_foto3 {left: 50px;}

.galerie_foto3 .foto {
}

.galerie_foto1 {
    -moz-transform: scale(0.9) rotate(10deg);
    -webkit-transform: scale(0.9) rotate(10deg);
    -o-transform: scale(0.9) rotate(10deg);
    -ms-transform: scale(0.9) rotate(10deg);
    transform: scale(0.9) rotate(10deg);
}
.galerie_ilufoto {
    height: 170px;
    width: 247px;
    position: relative;
}

.galerie_ilufoto .foto {
    /* width: 100%; */
    height:  100%;
}

.galerie_nahled a span, #item span, .galerie_ilufoto a span {
    display: block;
    text-align: center;
    line-height: 14px;
    height: 14px;
    font-size: 82%;
    margin-top: 4px
}

.galerie_cela {
    background: rgb(236,236,236);
    -webkit-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
    /* Saf3-4, iOS 1-3.2, Android AfA?A??cAf?cAc??A??Af?A??1.6 */
    -moz-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
    /* FF1-3.6 */
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
/*------------------------------------------------*/
/*---------------[boxy]---------------*/
/*------------------------------------------------*/

.boxTelo-pravy
{
    /* padding: 0px 5px; */
    margin-bottom: 10px;
    /* border: 1px solid #e6ecf0; */
    /* padding: 15px; */
    -moz-border-radius: 7px;
    /* -webkit-border-radius: 7px; */
    /* border-radius: 7px; */
}

.boxTelo-levy
{
    padding: 5px;
}
.boxTelo-stred
{

}

.boxNadpis-pravy,
.boxNadpis-levy,
.boxNadpis-stred {
    /* height: 20px; */
    font-size: 1.2em;
    margin: 0;
}
.boxNadpis-pravy a,
.boxNadpis-levy a,
.boxNadpis-stred a{
    color: #fefefe;
    /* text-decoration: none; */
}

.boxNadpis-pravy {
    /* width: 260px; */
    background-color: #212123;
    color: #fefefe;
    padding: 7px 0px;
    text-align:  center;
}
.boxNadpis-levy  {
    width:160px;
}
.boxNadpis-stred   {
    width:100%;
    padding:  8px;
    margin-top: 10px;
}
/*------------------------------------------------*/
/*---------------[Obecne nastaveni]---------------*/
/*------------------------------------------------*/

.datumSmall {
    font-size: 0.9em; float: right;
}
.nadpisclanek {
    font-size: 1.1em;
}
div#language div {
    height: 30px;
    text-indent: 999px;
    width: 44px;
    float: left;
    margin-bottom: 5px;
}

div#language:hover {
    height: auto;
}
#language {
    position: absolute;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 79px;
    text-align: right;
    height: 30px;
    overflow: hidden;
    right: 0px;
    z-index: 15;
    top: 12px;
    /* margin: 27px; */
}

div#language div {
    height: 30px;
    text-indent: 999px;
    width: 44px;
    float: left;
    margin-bottom: 5px;
}

#language a {
    color: #000;
    text-indent: 999px;
}

.langcs,a.langcsneg, .langen,a.langenneg, .langde,a.langdeneg, .langit,a.langitneg, .langes,a.langesneg, .langfr,a.langfrneg, .langru,a.langruneg, .langkr,a.langkrneg, .langch,a.langchneg, .langth,a.langthneg, .langhu,a.langhuneg, .langpl,a.langplneg, .langja,a.langjaneg {
    margin-left: 0px;
    width: 45px;
    height: 30px;
    float: left;
    display: block;
    margin-bottom: 5px;
}

.langcs, a.langcsneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -0px
}

.langen, a.langenneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -40px
}

.langde, a.langdeneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -80px
}

.langit, a.langitneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -120px
}

.langes, a.langesneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -160px
}

.langru, a.langruneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -200px
}

.langfr, a.langfrneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -240px
}

.langkr, a.langkrneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -280px
}

.langch, a.langchneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -320px
}

.langth, a.langthneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -360px
}

.langhu, a.langhuneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -400px
}

.langpl, a.langplneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -440px
}

.langja, a.langjaneg:hover {
    background: url(../img/vlajky.png) no-repeat -0px -480px
}

.langcsneg {
    background: url(../img/vlajky.png) no-repeat -54px -0px
}

.langenneg {
    background: url(../img/vlajky.png) no-repeat -54px -40px
}

.langdeneg {
    background: url(../img/vlajky.png) no-repeat -54px -80px
}

.langitneg {
    background: url(../img/vlajky.png) no-repeat -54px -120px
}

.langesneg {
    background: url(../img/vlajky.png) no-repeat -54px -160px
}

.langruneg {
    background: url(../img/vlajky.png) no-repeat -54px -200px
}

.langfrneg {
    background: url(../img/vlajky.png) no-repeat -54px -240px
}

.langkrneg {
    background: url(../img/vlajky.png) no-repeat -54px -280px
}

.langchneg {
    background: url(../img/vlajky.png) no-repeat -54px -320px
}

.langthneg {
    background: url(../img/vlajky.png) no-repeat -54px -360px
}

.langhuneg {
    background: url(../img/vlajky.png) no-repeat -54px -400px
}

.langplneg {
    background: url(../img/vlajky.png) no-repeat -54px -440px
}

.langjaneg {
    background: url(../img/vlajky.png) no-repeat -54px -480px
}


/*
          .langcs, .langcsneg {background:url(../img/cs.gif) no-repeat 0% 50%;}
.langen, .langenneg {background:url(../img/en.gif) no-repeat 0% 50%;}
.langde, .langdeneg {background:url(../img/de.gif) no-repeat 0% 50%;}*/
/*------------------------------------------------*/
/*-------------------[Aktuality]-------------------*/
/*------------------------------------------------*/

.news {margin: 5px 0 15px 0; clear: both;}
.news .news_date, .news .news_title {float: left; clear: both;}
.news_date {margin-right: 0px;font-size: 0.8em;text-align: right;}
.news_title {font-size: 1.1em;}
.news_title2 {font-size: 1.2em;}
.news_text {text-align: justify;}

.news_info {margin-bottom: 5px;clear: both;border-bottom: 1px solid #667c9f;display: inline-block;padding: 10px 0px;min-height: 50px;width: 100%;}
.news_info a {font-size: 1.3em;padding: 0px;margin: 0px;}
.date_news {margin-right: 5px;width: 40px;float: left;font-family: Arial, sans-serif;margin-top: 10px; color: gray}
.date-den {font-size: 2.4em; font-weight: bold;display: block;clear: both; text-align: center; margin-top: 3px;}
.date-mesic {font-size: 0.9em; z-index: 5;display: block; text-align: center; text-transform: uppercase;}
.date-rok {font-size: 0.8em;display: block;clear: both; text-align: center}

/*------------------------------------------------*/
/*-------------------[KalendAf?!A??c]-------------------*/
/*------------------------------------------------*/
.kalTerminDatum,
.kalTerminCas,
.kalTerminCena,
.kalTerminMisto {margin: 5px 5px 0 0px; float: left; padding-left: 20px}

.kalTerminDatum {background:url(../img/ikona_datum.gif) no-repeat 0% top; width: 70px}
.kalTerminCas {background:url(../img/iko-hodiny.png) no-repeat 0% top;width: 80px}
.kalTerminCena {background:url(../img/ico-cena.png) no-repeat 0% 50%;width: 120px}
.kalTerminMisto {background:url(../img/ico-place.png) no-repeat 0% top;}


.linkModul {float: right; clear: both; }
/*------------------------------------------------*/
/*-------------------[Mapa s regiony]-------------------*/
/*------------------------------------------------*/
#czechMap{
    position: relative;
    width: 500px;
    height: 293px;
    background-image: url(../img/mapa_cr.png);
}

#czechMap-overlap{
    position: relative;
    top: 0px;
    left: 0px;
    border: none;
}
.facebook-box {
    float:right; clear: both;width: 120px;text-align: right;
}
.viteze
{
    background: #b2011c;
    padding: 5px 15px;
    color: white;
}

/*==========posuvna galerie ===========*/
.posuvnaGalerie{
    width: 731px;
}

.posuvnaGalerie .photoList{
    width: 646px;
    height: 302px;
    overflow: hidden;

}
.posuvnaGalerie .photoList .foto-wrapper{
    position: relative;
    height: 302px;
}
.posuvnaGalerie .photoList .foto-wrapper .foto-list{
    float:left;
    width: 646px;
    height: 302px;

}
.posuvnaGalerie .photoList .foto1{
    width: 160px;
    height: 302px;
    float: left;
    overflow: hidden;
}
.posuvnaGalerie .photoList .foto1 img{
    width: auto;
    height: 302px;
}

.posuvnaGalerie .photoList .foto2{
    width: 180px;
    height: 150px;
    float: left;
    overflow: hidden;
    margin-left: 2px;
}
.posuvnaGalerie .photoList .foto2 img{
    width: 180px;
    height: auto;
}
.posuvnaGalerie .photoList .foto3,.photoList .foto4{
    width: 150px;
    height: 150px;
    float: left;
    overflow: hidden;
    margin-left: 2px;
}
.posuvnaGalerie .photoList .foto3 img,.photoList .foto4 img{
    width: 150px;
    height: 150px;
}
.posuvnaGalerie .photoList .foto5{
    width: 222px;
    height: 150px;
    float: left;
    overflow: hidden;
    margin-top:2px;
    margin-left: 2px;
    margin-right: 2px;
}
.posuvnaGalerie .photoList .foto5 img{
    width: 222px;
    height: auto;
}
.posuvnaGalerie .photoList .foto6{
    width: 260px;
    height: 150px;
    overflow: hidden;
    margin-top:2px;
    float:left;
}
.posuvnaGalerie .photoList .foto6 img{
    width: 260px;
    height: auto;
}
.posuvnaGalerie .sipka-right{
    width:30px;
    height: 302px;
    background: url(../img/block.png) no-repeat -935px -125px red;
    float:right;
    cursor: pointer;
}
.posuvnaGalerie .sipka-left{
    width:30px;
    background: url(../img/block.png) no-repeat -935px -125px red;
    height: 302px;
    float:left;
    margin-right: 12.5px;
    cursor: pointer;
}

.hodiny .dvojtecka.tik{
    visibility: hidden;
}
.hodiny .dvojtecka.tak{
    visibility: visible;
}
.boxTelo-stred.boxcenik table {
    width: 100%;
}
table.pokoj-cenik{
    width:100%;
}
table.pokoj-cenik td{
    padding:2px;
}

tr.pokoj-cenik-ted {
    font-weight: bold;
    background: #77C9ED;
}
.kal td.day {
    height: 30px;
    border: 1px solid black;
    text-align: center;
    width: 30px;
    position: relative;
}

table.kal {
    width: 95%;
    margin: 0 auto;
    text-align: center;
    border-spacing: 0px;
    border-collapse: collapse;
}
.kal td.day.dnes {
    background: black;
    color: white;
}
.kal tr.dny-v-t td {
    border-bottom: 2px solid black;
    vertical-align: middle
}

.kal td.mesic-rok {
    font-size: 1.3em;
    text-transform: uppercase;
}

.kal a.kal-minus,.kal a.kal-plus {
    font-size: 1.3em;
    cursor: pointer;
    text-decoration: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */

    /* No support for these yet, use at own risk */
    -o-user-select: none;
    user-select: none;


}
.kal a.kal-minus:active,.kal a.kal-plus:active {
    font-weight: bold;
}

.kal td.day.weekend {
    font-weight: bold;
    background: #E5E5E5;
}
.kal ul.kal-akce-vypis {
    display: none;
    position: absolute;
    /* top: 32px; */
    width: 200px;
    margin: 0px;
    padding: 0px;
    background: #EFE1DE;
    z-index: 5;
    border: 1px solid black;
    list-style-type: none;
    max-height: 200px;
    overflow-y: auto;
}
.kal ul.kal-akce-vypis.r{right: -1px;}
.kal ul.kal-akce-vypis.l{left: -1px;}

.kal td.day:hover ul.kal-akce-vypis {
    display: block;

}
.kal .kal-akce-vypis a {
    font-weight: normal;
    color:black;
}
.kal td.day.a:hover a {
    color: black;
}
.kal td.day.a {
    background: #B60E0E;
    cursor:default;
}
.kal td.day.dnes a {
    color: white;
}
.kal td.day.a:hover {
    background: #EFE1DE;
    color:black;
}
table.kalendar-prihlasky {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.kalendar-prihlasky td {
    border: 1px solid black;
    text-align: center;
    padding: 1px 5px;
    line-height: 1.2em;
    font-size: 0.9em;
}
.red{color:red}
.green{color:green;}
td.red {
    color:white;
    background: red;
}
td.green {
    color:white;
    background: green;
}

td.kal-poznamka {width: 153px;}
.ucast{
    float:left;
    margin:10px;
    font-size:1.2em;
}
td.kal-p-jmeno,td.kal-poznamka {
    text-align: left !important;
}
select#kal-ucast{
    width: 60px;
    padding: 0px;
}
select#kal-navic {
    width: 45px;
    padding:0px;
}
table.kalendar-prihlasky td:first-child {
    width: 75px;
}
tr.prihlaska-uprava td {
    background: rgb(255, 205, 115);
}
.aktualImg img {
    float: left;
    margin-right: 11px;
    height: 120px !important;
}

a.galerie-vsechny {
    /* height: 190px; */
    background: #9cb1cc;
    color: #272727;
    text-align:  center;
    line-height: 1.1em;
    text-decoration:  none;
    padding: 12px;
    font-size: 1.3em;
    box-sizing:  border-box;
    display:  block;
    position:  relative;
}

a.galerie-vsechny::before {
    position:  absolute;
    top: 0px;
    right: 10px;
    height: 50px;
    content:  ">";
    color:  white;
    line-height:  50px;
    font-size: 2.9em;
}
.kal-ilufoto {
    float: left;
}

img {}

.kal-ilufoto img {
    max-height: 65px;
    margin-right: 12px;
}

.kalendar-akce {
    display: block;
    border: 1px solid #ffffff5e;
    /* width: 100%; */
    padding: 6px 12px;
    box-sizing:  border-box;
    margin-bottom: 2px;
    min-height: 77px;
}
a.diskuze-pravidla-link,a.diskuze-napoveda-link {
    margin-left: 10px;
}

.smapa {
    width: 100%;
    height: 300px;
}

h1.podminky {
    font-size:  2.5em;
    padding-left: 60px;
    background: url(../img/shield.png) no-repeat left center;
    padding: 30px 0px 30px 90px;
}

input.tlacitko_podminky {
    display:  block;
    margin:  0 auto;
    width:  140px;
    font-size:  1.5em;
    margin-top:  35px;
}
.diskuze-new {
    display:  none;
}
.show-diskuze-new{
    font-size: 20px;
    display: block;
    width:  100%;
    padding:  7px;
}
.search-kategorie, .search-products {
    padding-top: 10px;
    margin-bottom: 10px;
}

.search-kat, .search-p {
    padding: 5px 20px;
}

img.search-img {
    display: inline-block;
    max-width: 50px;
    vertical-align: top;
    margin-right: 10px;
    max-height: 50px;
    background: white;
}

.search-p-price {
    width: 49px;
    float: right;
    text-align: right;
    color: black;
    font-weight: bold;
    font-size: 0.9em;
}

.search-p-wrap {
    display: inline-block;
    width: 300px;
}

.search-p a {
    display: block;
}

.search-p-name {
    font-weight: bold;
    font-size: 0.9em;
}

.search-p-text {
    font-size: 0.8em;
    color: #2f2f2f;
}

.search-p:hover, .search-kat:hover {
    background: #0061bc;
    color:white;
}

.search-p:hover a, .search-p:hover a .search-p-price, .search-kat:hover a, .search-p:hover .search-p-text {
    color: #fff;
}

span.hledano {}

.search-link a {
    padding: 5px 20px;
    display: block;
}

.search-link {
    margin-bottom: 10px;
    border-bottom: 1px solid #acadaf;
}

.search-link a:hover {
    background: #0061bc;
    color: white;
}


div#hledani-vysledek table td {
    vertical-align:  top;
}

.hledani-col {
    width: 455px;
}

#hledani-vysledek h3 {
    margin:  0px;
    padding-left: 15px;
}

div.smap div.cluster div {
    border: 4px solid rgba(0,0,0,.4)
}

.mapa-trasa {
    width: 100%;
    height: 400px
}
.trasy-info-radek{
    margin-bottom:10px;
}
.trasy-info-radek span {
    margin-right: 10px;
}


.trasy-pro-koho a {
    padding-left: 20px;
    background: url(../img/rubrika.png) no-repeat left center;
    margin: 0px 5px;
}

.trasa {
    border-bottom: 1px solid grey;
    padding:  10px;
    /* background-color: rgb(94, 115, 152); */
    margin-bottom:  15px;
    min-height: 200px;
}

.trasa-ilufoto,.trasa .mini-mapa {
    float:  left;
    height: 200px;
    width: 200px;
    margin-right:  15px;
}
#right-col  .mini-mapa,
#left-col  .mini-mapa{
    height: 200px;
    width: 380px;
    margin:0 0 15px 0;
}
.trasa-ilufoto img {
    width:  100%;
}

.sport {
    border-bottom: 1px solid grey;
    padding:  10px;
    background-color: rgb(94, 115, 152);
    margin-bottom:  15px;
    min-height: 200px;
    position: relative;
    padding-bottom:  30px;
}

.sport-ilufoto,.sport .mini-mapa {
    float:  left;
    height: 200px;
    width: 200px;
    margin-right:  15px;
}

.sport-ilufoto img {
    width:  100%;
}
.sluzby {
    border-bottom: 1px solid grey;
    padding:  10px;
    background-color: rgb(94, 115, 152);
    margin-bottom:  15px;
    min-height: 200px;
    position: relative;
    padding-bottom:  30px;
}

.sluzby-ilufoto,.sluzby .mini-mapa {
    float:  left;
    height: 200px;
    width: 200px;
    margin-right:  15px;
}

.sluzby-ilufoto img {
    width:  100%;
}
.restaurace {
    border-bottom: 1px solid grey;
    padding:  10px;
    background-color: rgb(94, 115, 152);
    margin-bottom:  15px;
    min-height: 200px;
    position: relative;
    padding-bottom:  30px;
}

.rest-ilufoto,.rest .mini-mapa {
    float:  left;
    height: 200px;
    width: 200px;
    margin-right:  15px;
}

.rest-ilufoto img {
    width:  100%;
}

.ubytovani {
    border-bottom: 1px solid grey;
    padding:  10px;
    background-color: rgb(94, 115, 152);
    margin-bottom:  15px;
    min-height: 200px;
    position:  relative;
    padding-bottom: 35px;
}

.ubyt-ilufoto,.ubyt .mini-mapa {
    float:  left;
    height: 200px;
    width: 200px;
    margin-right:  15px;
}

.ubyt-ilufoto img {
    width:  100%;
}

.vylet {
    border-bottom: 1px solid grey;
    padding:  10px;
    background-color: rgb(94, 115, 152);
    margin-bottom:  15px;
    min-height: 200px;
    position:  relative;
    padding-bottom:  30px;
}

.vylet-ilufoto,.vylet .mini-mapa {
    float:  left;
    height: 200px;
    width: 200px;
    margin-right:  15px;
}

.vylet-ilufoto img {
    width:  100%;
}

.vzdalenost-km {
    font-size: 1.6em;
    margin-bottom: -5px;
}
.rest-vzdalenost, .vylety-vzdalenost {
    position: absolute;
    bottom: 1px;
    left: -5px;
    text-align: center;
    padding-left: 12px;
    margin: 1px 1px 0 1px;
}
.centra-mesta {
    color: #00F;
    text-align: left;
    cursor: pointer;
}
.otevreno {
    color: green;
    text-transform: uppercase
}

.prave-zavreno {
    color: red
}

.od-neuvedena {
    color: #ff7500
}
.rest-info {
    display:  inline-block;
}
.foto-obal {
    position:  absolute;
    top: -7px;
    left: -4px;
    width: 40px;
    height: 40px;
    overflow:  hidden;
    border-radius:  50%;
    border:  1px solid black;
    background-size:  cover;
}

.foto-obal img {
    /* max-width: 100% !important; */
    height: 100%  !important;
    width:  auto;
}

.foto-obal a {
    display: block;
    height: 40px;
}

.cluster-card .marker-icon {
    float:  left;
    width: 36px;
    height: 39px;
    margin-right:  9px;
}

.cluster-card .card-nazev {
    height: 37px;
    border-bottom: 1px solid whitesmoke;
    padding:  2px;
    margin: 5px;
}

a.rezervace-predchoziMesic {
    float: left;
    margin-right: 2px;
}

a.rezervace-dalsiMesic {
    float: right;
    margin-left: 2px;
}
a.rezervace-predchoziMesic,a.rezervace-dalsiMesic{
    height:40px;
    width:30px;
    background: #0066bf;
    color: white;
    line-height: 37px;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.rezervace-mesice-wrap {
    width: 906px;
    float: left;
    height: 40px;
    overflow: hidden;
}

.rezervace-mesice-slider {
    height: 40px;
    width: 9999%;
    text-align: left;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.rezervace-mesice-slider a {
    height: 40px;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 302px;
    line-height: 40px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.rezervace-mesice-slider a.active::after{
    content: ' ';
    position:absolute;
    background: #0066bf;
    height: 40px;
    left: 0px;
    right: 0px;
    z-index: -1;
}

.rezervace-mesice-slider a.active {color:white}

.rezervace-dny table td.disabled {
    cursor: not-allowed;
    color: #a2a2a2;
}

div#rezervace-mesice {
    height: 40px;
    margin-bottom: 10px;
}
.rezervace-dny table {width:100%;border-collapse: separate;table-layout: fixed;border-spacing: 1px;}


td.r-den.weekend {
    background: #d8d8d8;
}



td.r-den.dnes {
    background: #ad0000;
    color: white;
}

td.r-den {
    text-align: center;
}

td.r-den.active {
    background: #0066bf;
    color: white;
    font-weight: bold;
}

.rezervace-typy table {
    width: 100%;
    margin: 15px 0px;
}
.rezervace-typy table caption {
    text-align:left;
    font-size: 1.5em;
    margin-bottom: 10px;
}
td.r-den a {
    display:block;
    cursor:pointer;
}
.rezervace-typy table tr:nth-child(2n-1){
    background:#e8e8e8;
}
.rezervace-typy table tr td{
    padding: 5px;
}

.rezervace-typy table tr td a, .rezervace-typy table tr td input[type=submit],.rezervace-sezona-objednat {
    border: 1px solid grey;
    padding: 1px 5px;
    border-radius: 3px;
    background: rgb(216, 216, 216);
}
.rezervace-typy table tr td input[type=submit]{
    padding: 1px 5px;
    width: 107px;
}

span.r-dospely {
    padding-left: 24px;
    background: url(../img/dospely.png) center left no-repeat;
}
span.r-dite {
    padding-left: 20px;
    background: url(../img/dite.png) center left no-repeat;
}
span.r-dite5 {
    padding-left: 23px;
    background: url(../img/dite5.png) center left no-repeat;
}
span.r-rodina {
    padding-left: 25px;
    background: url(../img/rodina.png) center left no-repeat;
}
span.r-zruseno {
    color: red;
    font-weight: bold;
}
span.r-obsazeno {
    color: #ff6c00;
    font-weight: bold;
}

.r-cena {
    margin-right: 13px;
    text-align: left;
    display: inline-block;
    font-size: 14px;
}

td.r-datum-cas {
    width: 170px;
}

td.r-ceny-cont {
    width: 640px;
}

.r-cena-i {
    display: none;
}

.r-cena .r-cena-i {
    text-align: center;
}

.rezervace-sluzby-ceny {
    display: inline-block;
    width: 245px;
    line-height: 24px;
    vertical-align: top;
    font-size: 25px;
}
.rezervace-sluzby-ceny input {padding:5px;font-size:19px;}
.rezervace-cena-anotace {
    font-size: 14px;
}

div#cenaCelkem {
    text-align: center;
    font-size: 1.8em;
    margin-top: 20px;
    display: none;
}

div#cenaCelkem .r-cena {
    font-weight: bold;
    font-size: 40px;
}
.r-cena-kc {
    font-size: 16px;
}

.rezervace-typy h3 strong {
    background: #0066bf;
    padding: 5px 10px;
    color: white;
}

form#rezervace-sluzby-form .i-left {
    float: left;
    width: 440px;
}
form#rezervace-sluzby-form .i-right {
    float: right;
    width: 440px;
}

a.r-jiny-termin {
    margin-left: 45px;
}

form#rezervace-sluzby-form input[type=text],form#rezervace-sluzby-form textarea {
    padding: 10px;
    width: 420px;
}
form#rezervace-sluzby-form .i-left label,form#rezervace-sluzby-form .i-right label{
    font-size: 20px;
    display: block;
}

div#rezervace-sluzby-ceny h3 {
    font-size: 1.9em;
    color: #0066bf;
    text-align: center;
}

.rezervace-sluzba {
    height: 100px;
    border: 1px solid lightgrey;
    padding:  15px;
    background:  whitesmoke;
    color: black;
}

.rezervace-sluzba h2 {
    margin-top:  0;
    text-align:  center;
}

.rezervace-sluzba-cena {
    float: left;
    width: 350px;
    padding:  15px;
    font-size: 2em;
}

a.rezervace-sezona-objednat {
    float:  right;
    padding:  10px;
}
.ckbike {
    position: absolute;
    right: 100px;
    top: 5px;
}
.trasa-anotace {
    margin: 15px 0px;
}
button {
    cursor: pointer;
}