@import url("menu_t.css");
@import url("menu_b.css");
@import url("menu_l.css");
@import url("boxy.css");
@import url("icon.css");

/*----------------- Nastaveni body -------------------*/
body {
    padding: 0px;
    margin: 0px;
    /* background-color: #122c56; */
}
/*----------------- Nastaveni tela --------------------- */


#line-top
{
    color: #ebebeb;
    height: 30px;
    background: #000066;
    background: -moz-linear-gradient(top, #000066 0%, #1100ad 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000066), color-stop(100%,#1100ad));
    background: -webkit-linear-gradient(top, #000066 0%,#1100ad 100%);
    background: -o-linear-gradient(top, #000066 0%,#1100ad 100%);
    background: -ms-linear-gradient(top, #000066 0%,#1100ad 100%);
    background: linear-gradient(to bottom, #000066 0%,#1100ad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000066', endColorstr='#1100ad',GradientType=0 );
}
#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 }
.bottom-intro {background: url(../img/bg-page-bottom_noline.gif) no-repeat center top;  margin: 0px auto 15px auto;  padding: 35px 0px 10px 0px;width: 980px; }
.bottom a {color: #000;}
.bottom-left {float: left; width: 540px; margin-left: 20px}
.bottom-right {
    float: right; 
    text-align: right; 
    width: 400px; 
    margin-right: 20px;
}
/* Uvodni stranka */

.bg-intro {background: #fff url(../img/bg-line-cont-intro.gif) repeat-y center;}
#podmenu {margin: 0; padding: 0; height: 10px;}



/* nastavení boxu */

#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: 600px; float: left}
#parse-link a {font-weight: normal;color:#747474;}
span.parsePredel {color: #747474; margin: 0 5px 0 5px; font-weight: bold; font-size: 1em;vertical-align: top}
span.parse-bold { font-weight: bold;text-transform: uppercase;color:#747474;}

/* facebook - levý slide*/
#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;
}


/* ----------------- odrážka ul li v ----------------------*/


/*hledání*/
.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;}


/* galerie - zobrazení jednotlivých fotek*/
.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ákování*/
#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;}

/*přihla±ovací formulář*/
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}

/*------------------------------------------------*/
/*-------------------[Hlavička]-------------------*/
/*------------------------------------------------*/

#page {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    min-height: 100%;
    display: block;
    background-color: #f5f5f5;
    position: relative;
}
#logo {
    text-align: right;
    width: 236px;
}

#top {
    width: 100%;
    display: block;
    height: 161px;
    /*    background: #1e5799;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #1e5799 0%, #007FE2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#007FE2));
        background: -webkit-linear-gradient(top, #1e5799 0%,#007FE2 100%);
        background: -o-linear-gradient(top, #1e5799 0%,#007FE2 100%);
        background: -ms-linear-gradient(top, #1e5799 0%,#007FE2 100%);
        background: linear-gradient(to bottom, #1e5799 0%,#007FE2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007FE2',GradientType=0 );   
    */
    z-index: 20;
    background: #f5f5f5;
}
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;clear: both;}
#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]---------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*---------------------[Tělo]---------------------*/
/*------------------------------------------------*/

#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: 78px; */
    width: 980px;
    margin: 0px auto;
    position: relative;
}

#footer {
    width: 100%;
    float: left;
    display: block;
    width: 100%;
    color: #fff;
    background-color: #122c56;
    position: relative;
    box-shadow: inset 0px 96px 51px -20px RGBA(0, 0, 0, 0.34);
}
#footer a {
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
}
#footer-cont {
    width: 980px;
    margin: 0px auto;
    padding-top: 20px;
}

#footer-bootom {
    border-top: 1px solid white;
    padding: 15px 0px 15px 0px;
    width: 980px;
    margin: 0px auto 20px auto;
    display: block;
    clear: both;
}
#footer-top {
    border-bottom: 2px solid #333A85;
    padding: 2px 0px 2px 0px;
    width: 100%;
    margin: 0px auto 0px auto;
    display: block;
    clear: both;
    background-color: #313131;
}
/*------------------------------------------------*/
/*---------------------[rezervační tlačítko]---------------------*/
/*------------------------------------------------*/
a.online {width: 100px;display: block;height: 32px; float: right; margin-left: 3px}
a.online:hover {}

.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: 0px auto; width: 978px;clear:both; }
.spolupracujemeImg {width:100px; margin: 0 30px}

/*------------------------------------------------*/
/*---------------------[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(251,251,251);width: 215px;text-align: center;}

/*------------------------------------------------*/
/*---------------------[Stránkování]---------------------*/
/*------------------------------------------------*/

.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;}

/* ==================UŽIVATEL===================  */
.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"]{
    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;

}
#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;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #299a0b 0%, #1c5400 98%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(98%,#1c5400));
    background: -webkit-linear-gradient(top, #299a0b 0%,#1c5400 98%);
    background: -o-linear-gradient(top, #299a0b 0%,#1c5400 98%);
    background: -ms-linear-gradient(top, #299a0b 0%,#1c5400 98%);
    background: linear-gradient(to bottom, #299a0b 0%,#1c5400 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#1c5400',GradientType=0 );
    color: white; 
}
.pridat-tlacitko a:hover{
    text-decoration: none;
    background: #38b50e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #38b50e 0%, #0e7a00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38b50e), color-stop(100%,#0e7a00));
    background: -webkit-linear-gradient(top, #38b50e 0%,#0e7a00 100%);
    background: -o-linear-gradient(top, #38b50e 0%,#0e7a00 100%);
    background: -ms-linear-gradient(top, #38b50e 0%,#0e7a00 100%);
    background: linear-gradient(to bottom, #38b50e 0%,#0e7a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38b50e', endColorstr='#0e7a00',GradientType=0 );
}
.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: #4289ba !important;
}
#top-spot-menu{
    width: 980px;
    margin: 0 auto;
    position: relative;
}
.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;
}
/* ============ CENÍK ZAKÁZKY ==============*/
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;
}
.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% center;
    background-repeat: no-repeat;
    padding-right: 15px !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; 
}
.clanek_info h2 a {
    font-size: 1.3em;
    color: #B60E0E !important;
}
/*==========ANKETY ===========*/
#anketa-znamka{
    padding-right: 3px;
    background: rgba(0, 0, 0, 0);
    border-radius: 4px;
    border: 1px solid transparent;
}
.anketa-moznost-ilufoto{
    width: 130px;
    height: 130px;
    float: left;
    margin-right: 8px;
}
div.anketa-moznost-ilufoto img{
    max-width: 130px !important;
    max-height: 130px;
}
.anketa-moznost{
    height: 141px;
    border-bottom: 1px solid black;
    position:relative;
}
.anketa-moznost.mala{
    height: auto;
}
.anketa-moznost.mala h2{
    width: 630px
}
span.anketa-nazev{
    color: #B60E0E;
    font-size: 25px;
}
.anketa-moznost-hlasovat, span.anketa-moznost-hlasovano{
    position: absolute;
    bottom:10px;
    right: 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
a.anketa-moznost-hlasovat{
    padding: 5px;
    color: white;
    background: #299a0b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #299a0b 0%, #1c5400 98%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(98%,#1c5400));
    background: -webkit-linear-gradient(top, #299a0b 0%,#1c5400 98%);
    background: -o-linear-gradient(top, #299a0b 0%,#1c5400 98%);
    background: -ms-linear-gradient(top, #299a0b 0%,#1c5400 98%);
    background: linear-gradient(to bottom, #299a0b 0%,#1c5400 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#1c5400',GradientType=0 );
    text-decoration: none;
}
.anketa-moznost-hlasovat:hover{
    background: #38b50e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4YjUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTdhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #38b50e 0%, #0e7a00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38b50e), color-stop(100%,#0e7a00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #38b50e 0%,#0e7a00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #38b50e 0%,#0e7a00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #38b50e 0%,#0e7a00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #38b50e 0%,#0e7a00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38b50e', endColorstr='#0e7a00',GradientType=0 ); /* IE6-8 */

}
.anketa-moznost-hlasovat:active{
    box-shadow: inset 0px 1px 4px 0.5px black;
}
span.anketa-moznost-hlasovano{
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
    padding: 5px;
    color:white;
}
.anketa-otazka{
    font-size: 20px;

}

.anketa .anketa-ilufoto{
    width: 250px;
    height: 155px;
    float: left;
    margin-right: 8px;
}
.anketa .anketa-ilufoto img{
    max-width:250px;
    max-height: 155px;
}

#slideTop{
    position: fixed;
    right: 10px;
    bottom: 010px;
    border: 1px solid #662225;
    padding: 5px 20px;
    background-color: #B9272E;
    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;
}

/*=============RESTAURACE==============*/
.restaurace-vypis ul {
    margin:0px;
    padding: 0px;
}
.restaurace{
    border-bottom: 1px solid #000;
    min-height: 170px;
    padding: 10px;
    padding-bottom: 30px;
    position: relative;
    list-style-type: none;
}
.restaurace .rest-foto{
    width: 170px;
    height: 170px;
    float: left;
    margin-right: 20px;

}
.restaurace .rest-foto img{
    max-width:170px;
    max-height:170px;
}
.restaurace .rest-kategorie{
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: grey;
}
.restaurace .rest-kategorie span, .restaurace-detail .rest-kategorie span{
    margin-right: 10px;
}
.restaurace .rest-facebook{
    position: absolute;
    bottom:5px;
    right: 5px;
}
.restaurace .rest-info{
    margin-left: 190px;
}
.restaurace .rest-facebook a{
    padding: 15px 15px;
    display: block;
    background: url(../img/fb_30x30.png) no-repeat center center;
}
.restaurace-detail .rest-foto{
    width: 250px;
    height: 250px;
    float: left;
    margin-right: 25px;
}
.restaurace-detail .rest-foto img{
    max-width: 250px;
    max-height: 250px;
}
.restaurace-detail .rest-kategorie{
    color:grey;
}
.restaurace-detail .rest-popis{
    padding: 10px;
    border-top:1px solid lightgrey;
    margin-top:25px;
    text-align: justify;
}
.rest-vypis-vybaveni{
    border-top: 1px solid lightgrey;
    margin-bottom: 25px;
}
.restaurace-detail .rest-vybaveni-sk{
    float:left;
    width: 204px;
    padding: 3px;
}
.restaurace-detail .rest-vybaveni{
    padding: 1px;
}
.rest-mapa{
    border-top:1px solid lightgrey;
    clear: both;
    padding-top:30px;
}
.rest-galerie{
    clear: both;
    padding-top: 5px;
}
.rest-galerie .rest-galerie-foto{
    max-width:80px;
    max-height:80px;
    margin-right: 5px;
}
.restaurace-stred, .sluzba-stred{
    width: 650px;
    margin-right: 10px; 
    float: left;
}
.restaurace-right, .sluzba-pravy{
    width: 290px;
    float: right;
}
.restaurace-left{
    width: 250px;
    float: left;
}
#rest-vzdalenost-od{
    font-size: 1em;
    width: 100px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
}
#rest-vzdalenost-do{
    font-size: 1em;
    position: absolute;
    right: 0px;
    top:0px;
    width: 100px;
    text-align: center;
}
#rest-vzdalenost-slider{
    margin: 10px 10px 10px 10px;
}
.rest-vzdalenost-range{
    position: relative;

}
.rest-vzdalenosti-oddo{
    height: 17px;
}
.rest-vybaveni-sk-h{
    clear: both;
}

.oteviraci-doba{
    width: 100%;
}
.od_den_od_do{
    text-align: right;
}

.od_den_nazev{
    font-weight: bold;
}
.od_den.dnes td{
    color:#1d5a9d;
    font-weight: bold; 
}
.restaurace-kategorie-h, .rest-vybaveni,.sluzby-kategorie-h,.vylety-kategorie-h{
    padding: 3px;
    float: left;
    width: 128px;

    border: 1px solid #D3D3D3;
    margin: 2px;
}
.restaurace-kategorie-h label, .rest-vybaveni label,.sluzby-kategorie-h label,.vylety-kategorie-h label{
    cursor: pointer;
    padding-left: 7px;
    height: 32px;
    font-size: .9em;
    display: table-cell;
    vertical-align: middle;
    width: 88px;
}
.restaurace-kategorie-h input, .rest-vybaveni input,.sluzby-kategorie-h input,.vylety-kategorie-h input{
    float: left;
    margin-top: 10px;
}
.restaurace-kategorie-h.checked, .rest-vybaveni.checked , .sluzby-kategorie-h.checked, .vylety-kategorie-h.checked{
    background-color: #1d5a9d;
    font-weight: bold;
    color:white;
}
div.nejblizsi-sluzba, div.nejblizsi-ubytovani,div.nejblizsi-restaurace {
    border-bottom: 1px solid black;
    padding: 5px;
    height: 18px;
}
div.sluzba-nazev, div.nejblizsi-ubytovani-nazev, div.nejblizsi-restaurace-nazev {
    float: left;
}
div.sluzba-vzdalenost, div.nejblizsi-ubytovani-vzdalenost, div.nejblizsi-restaurace-vzdalenost {
    float: right;
    font-size: 0.9em;
    color: grey;
}
#mapa-places{
    width: 100%;
    height: 600px;
}
.map-info-window{
    height: 50px;
}
.map-info-window img{
    margin-right: 7px;
    vertical-align: middle;
}
.info-window-nazev{
    font-size:1.1em;
    color:black;   

    font-weight: bold;
}
.info-window-detail{

    float:right;
    margin-top:20px;
    margin-right:2px;
    font-size: .8em;
}
.map-info-window.iw-akce{
    background: url(../img/iw-a.png) no-repeat 60% bottom;
}
.map-info-window.iw-restaurace{
    background: url(../img/iw-r.png) no-repeat 60% bottom;
}
.map-info-window.iw-ubytovani{
    background: url(../img/iw-u.png) no-repeat 60% bottom;
}
.rest-otevreno{

}
.otevreno{
    color: green;
    text-transform: uppercase;
}
.prave-zavreno{
    color: red;
}
.od-neuvedena{
    color: #ff7500;
}
.rest-navigovat-a,.sluzby-navigovat-a, .clanky-navigovat-a {
    width: 58px;
    display:block;
    float:right;
    font-size: 0.7em;
    margin-top: -5px;
}
.clanky-navigovat-a{
    margin-left: 20px;
    height: 150px;
}
.rest-navigovat, .sluzby-navigovat{
    padding: 2px;
    border-radius: 39%;
    font-size: 0.8em;
    position: relative;
    width: 40px;
    height: 40px;
    margin-top:15px;
    margin-bottom: 5px;
    margin-left: 5px;

}
.rest-navigovat img,.sluzby-navigovat img{
    position: relative;
    left: 12px;
    top: 5px;
}
.rest-navigovat .c-s,.rest-navigovat .c-j,.rest-navigovat .c-v,.rest-navigovat .c-z,
.sluzby-navigovat .c-s,.sluzby-navigovat .c-j,.sluzby-navigovat .c-v,.sluzby-navigovat .c-z{
    position:absolute;
    color: black;
    font-weight: bold;
    background: white;
    font-size: 140%;
}
.rest-navigovat .c-s,.sluzby-navigovat .c-s{
    top: -8px;
    left: 17px;
    padding: 0 1px;
}
.rest-navigovat .c-j,.sluzby-navigovat .c-j{
    bottom: -10px;
    left: 18px;
    padding: 0 1px;
}
.rest-navigovat .c-v,.sluzby-navigovat .c-v{
    right: -5px;
    top: 14px;
}
.rest-navigovat .c-z,.sluzby-navigovat .c-z{
    left: -5px;
    top: 14px;
}
.rest-navigovat.nav-akt-loc,.sluzby-navigovat.nav-akt-loc{
    border: 2px solid green;
    color:white;
}
.rest-navigovat.nav-cm,.sluzby-navigovat.nav-cm{
    border: 2px solid blue;
    color:white;
}
.rest-vzdalenost,.sluzby-vzdalenost{
    font-size: 0.9em;
}
.aktualni-polohy{
    color:green;
}
.centra-mesta{
    color:blue;
}
.restaurace-right .rest-navigovat-a {
    margin-right: 5px;
    margin-top: -28px;
}
.rest-gps, .restaurace-vzdalenost, .sluzba-vzdalenost{
    float: left;
}
/*===========SLUZBY==========*/
.sluzby-stred{
    width: 640px;
    float:left;
}
.sluzby-pravy{
    width: 300px;
    float:right;
}
.sluzby-vypis ul{
    list-style-type: none;
    padding:0px;
    margin:0px;
}
.sluzby-vypis li{
    float: left;
    border: 1px solid #CCC;
    margin: 2px;
    width: 303px;
}
.sluzby-vypis li:hover{
    background-color: rgba(233, 233, 233, 0.95);
}
.sluzba{
    border-bottom: 1px solid #000;
    min-height: 153px;
    padding: 5px;
    position: relative;
    padding-bottom: 21px;
}
.sluzba .sluzba-adresa,.sluzba .sluzba-telefon{
    font-size:0.9em;
}
.sluzba .sluzba-nazev,.sluzba .sluzba-vzdalenost{
    float:none;
}
.sluzba .sluzba-nazev h2{
    margin-bottom: 5px;
}
.sluzba .sluzba-vzdalenost{
    float: none;
    position: absolute;
    bottom: 6px;
    right: 0px;
    width: 154px;
}
.sluzba .sluzba-foto{
    width: 170px;
    height: 170px;
    float: left;
    margin-right: 20px;

}
.sluzba .sluzba-foto img{
    max-width:170px;
    max-height:170px;
}
.sluzba .sluzba-kategorie{
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: grey;
}
.sluzba .sluzba-kategorie span, .sluzba-detail .sluzba-kategorie span{
    margin-right: 10px;
}
.sluzba .sluzba-facebook{
    position: absolute;
    bottom:5px;
    right: 5px;
}
.sluzba .sluzba-facebook a{
    padding: 15px 15px;
    display: block;
    background: url(../img/fb_30x30.png) no-repeat center center;
}
.sluzba-detail .sluzba-foto{
    width: 250px;
    height: 250px;
    float: left;
    margin-right: 25px;
}
.sluzba-detail .sluzba-foto img{
    max-width: 250px;
    max-height: 250px;
}
.sluzba-detail .sluzba-kategorie{
    color:grey;
}
.sluzba-detail .sluzba-popis{
    padding: 10px;
    border-top:1px solid lightgrey;
    margin-top:25px;
    text-align: justify;
}
.sluzba-vypis-vybaveni{
    border-top: 1px solid lightgrey;
    margin-bottom: 25px;
}
.sluzba-detail .sluzba-vybaveni-sk{
    float:left;
    width: 204px;
    padding: 3px;
}
.sluzba-detail .sluzba-vybaveni{
    padding: 1px;
}
.sluzba-mapa{
    border-top:1px solid lightgrey;
    clear: both;
    padding-top:30px;
}
.sluzba-galerie{
    clear: both;
    padding-top: 5px;
}
.sluzba-galerie .sluzba-galerie-foto{
    max-width:80px;
    max-height:80px;
    margin-right: 5px;
}
#vylety-vzdalenost-od{
    font-size: 1em;
    width: 100px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
}
#vylety-vzdalenost-do{
    font-size: 1em;
    position: absolute;
    right: 0px;
    top:0px;
    width: 100px;
    text-align: center;
}
#vylety-vzdalenost-slider{
    margin: 10px 10px 10px 10px;
}
.vylety-vzdalenost-range{
    position: relative;

}
.vylety-vzdalenosti-oddo{
    height: 17px;
}
/*===========PLANOVAC================*/
.planovac-btn{
    display: block;
    background: url(../img/planovac-icon.png) no-repeat center top #fff;
    height: 0px;
    width: 60px;
    clear: both;
    cursor: pointer;
    position: absolute;
    right: 6px;
    bottom: 2px;
    overflow: hidden;
    padding-top: 48px;   
}
#planovac-box {
    float: right;
    height: 53px;
    padding: 0px 5px 5px 5px;
    width: 180px;
    margin-top: 9px;
    background-color: #B60E0E;
}
#planovac-box select {
    width: 122px;
    padding: 2px;
    margin-top: 2px;
    font-size: 11px;
}
#planovac-box #planovac-box-info {
    float: left;
    height: 53px;
    width: 56px;
    background: url(../img/planovac-icon.png) no-repeat left center;
}
#planovac-box a {
    color: white;
    font-weight: bold;
}
#planovac-box a:hover {
    text-decoration: underline;
}
.planovac-btn:hover{
    height: 43px;
    width: 60px;
    position: absolute;
    right: 5px;
    bottom: -42px;
    font-size: 0.8em;
    padding-top: 48px;
    text-align: center;
    border: 1px solid #000;
    z-index: 50;
}
.planovac-vylet{
}
.planovac-planovani-vypis-objekty.sort .planovac-objekt {
    cursor: move;
}
.planovac-objekt{
    min-height: 74px;
    border: 1px solid #D3D3D3;
    background-color: #FFF;
    padding: 4px;
    margin: 0px 5px 5px 20px;
    position: relative;
    padding-bottom: 30px;
}
.planovac-objekt-ilufoto {
    float: left;
    margin-right: 5px;
    width: 100px;
    height: 100px;
}
.planovac-objekt-ilufoto img {
    max-height: 100px;
    max-width: 100px;
}
.planovac-objekt-akce {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 0.9em;
}
.planovac-objekt h2{
    margin: 5px;
    font-size: 1.1em;
}
.planovac-objekt-anotace {
    font-size: 0.8em;
}
.planovac-vylet-cil, .planovac-vylet-start {
    font-size: 1.8em;
    background: #FFF;
    position: relative;
    left: -8px;
}
.planovac-vylet-cil{
    color: #f00;
}
.planovac-vylet-start{
    color: #1E8F1E;
}
.smaz-vylet{
    cursor: pointer;
    background: rgb(169,3,41); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
    border: 1px solid #333333;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
    color: white;
    font-size: 0.8em;
    margin-right: 5px;
    text-decoration: none;
}
.poznamka-vylet{
    cursor: pointer;
    background: rgb(254,252,234); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
    border: 1px solid #333333;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
    color: black;
    font-size: 0.8em;
    margin-right: 5px;
    text-decoration: none;
}
.smaz-vylet:active, .poznamka-vylet:active{
    box-shadow: inset 0px 0px 4px 0px #000
}
.planovac-planovani-vypis {
    float: left;
    width: 49%;
    border-left: 2px dashed grey;
}
.planovac-planovani-mapa {
    float: right;
    width: 490px;
    border: 1px solid grey;
    height: 500px;
    box-shadow: -2px 0px 7px -1px #000;

}
.planovac-tab{
    position: relative;
    display: none;

}
.planovac-tab#planovani{
    display: block;
}
.planovac-typ-trasy {
    margin: 8px;
    float: right;
    margin-top: -40px;
}
div#planovac-itinerar {
    overflow: auto;
}
.chart-tooltip{
    padding: 5px;
    font-size: 14px;
}
div#prevyseni-graf {
    float: right;
}
.planovac-delka-cas {
    float: right;
    margin: 6px;
    font-size: 16px;
    padding: 0px;
}
.planovac-delka {
    float: left;
    margin-right: 20px;
}
.planovac-cas {
    float: right;
}
.waypoint {
    position: absolute;
    top: 5px;
    right: 5px;
}
.planovac-vlastni-bod {
    text-align: right;
    margin-bottom: 6px;
}
.planovac-vlastni-bod-info {
    display: none;
    padding: 4px;
    min-height: 74px;
    border: 1px solid green;
    background-color: #FFF;
    margin: 0px 5px 5px 20px;
    position: relative;
    font-size: 14px;
}
.planovac-vlastni-bod-info table{
    width: 100%;
    margin: 0 auto;
}
#vlastni-bod-pozn {
    margin: 0px;
    height: 65px;
    width: 260px;
}
#itinerar {
    display: none;
    float: left;
    width: 46%;
    padding: 14px;
    margin-right: 1px;
}
.planovac-sdilet-vylet {
    float: left;
    padding: 15px;
    border: 1px solid grey;
    border-radius: 4px 0px 0px 4px;
    width: 594px;
    height: 50px;
    border-right: 0px;
    background: #D3D3D3;
    box-shadow: inset 1px 1px 1px 0px #FFF;
}
.planovac-vyvolat-vylet {
    float: right;
    margin-top: -26px;
    font-size: 14px;
}
.sdileni-tlacitko, #planovac-vlastni-bod-btn, .upravit-vylet-info{
    padding: 5px;
    background: #8EC6FF;
    background: -moz-linear-gradient(top, rgba(142,198,255,1) 0%, rgba(76,129,173,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8EC6FF), color-stop(100%,#4C81AD));
    background: -webkit-linear-gradient(top, #8EC6FF 0%,#4C81AD 100%);
    background: -o-linear-gradient(top, rgba(142,198,255,1) 0%,rgba(76,129,173,1) 100%);
    background: -ms-linear-gradient(top, rgba(142,198,255,1) 0%,rgba(76,129,173,1) 100%);
    background: linear-gradient(to bottom, #8EC6FF 0%,#4C81AD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec6ff', endColorstr='#4c81ad',GradientType=0 );
    border: 1px solid grey;
    width: 41px;
    border-radius: 4px;
    margin-bottom: 23px;
    margin-right: 23px;
    cursor: pointer;
    font-size: 0.8em;
}
.upravit-vylet, .planovac-btn-small{
    padding: 5px;
    background: rgb(254,252,234); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
    border: 1px solid grey;
    border-radius: 4px;
    margin-bottom: 23px;
    margin-right: 23px;
    cursor: pointer;
    margin-right: 15px !important;
}
.novy-vylet, .set-vlastni-bod, .novy-vylet-prazdny{
    padding: 2px;
    background: rgb(159,209,119); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(159,209,119,1) 0%, rgba(57,130,53,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,209,119,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(159,209,119,1) 0%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(159,209,119,1) 0%,rgba(57,130,53,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(159,209,119,1) 0%,rgba(57,130,53,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(159,209,119,1) 0%,rgba(57,130,53,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd177', endColorstr='#398235',GradientType=0 ); /* IE6-9 */
    border: 1px solid grey;
    border-radius: 4px;
    margin-bottom: 23px;
    margin-right: 23px;
    cursor: pointer;
    font-size: 0.8em;
    color:white;
}
.novy-vylet{
    padding-bottom: 8px;
}
.novy-vylet-prazdny{
    font-size: 1em;
    padding:5px;
}
a#planovac-vlastni-bod-btn {
    margin: 5px 10px;
    display: inline-block;
    width: auto;
}
.set-vlastni-bod{
    float: right;
    margin: 0px 6px 0px 0px;
    font-size: 13px;
}
.sdileni-tlacitko span:active,.planovac-btn-small:active 
.upravit-vylet:active, 
.ulozit-nazev:active, 
.novy-vylet:active, 
#planovac-vlastni-bod-btn:active, .upravit-vylet-info:active, .vylety-zalozky button:active, .smaz-planovac:active{
    box-shadow: inset 0px 1px 4px #000;
}
.vylet-odkaz a{
    font-size: 1.1em;
    font-weight: bold;
    color: #B60E0E;
}
.vylet-kod{
    margin-top: 10px;

}
.vylet-kod span{
    font-size:1.2em;
    font-weight: bold;
}
.ulozit-nazev {
    margin-right: 20px;
    background: url(../img/icons/16/disk.png) no-repeat center center #FFF;
    padding: 5px 12px 7px 12px;
    border: 1px solid grey;
}

.planovac-tools {
    padding: 15px;
    border: 1px solid grey;
    border-radius: 4px;
    min-height: 50px;
    background: #D3D3D3;
    box-shadow: inset 0px 1px 1px 0px #FFF;
    position: relative;
    z-index: 2;
}
.vylety-zalozka-active {
    padding: 15px;
    padding-bottom: 10px;
    border-top: 1px solid #808080;
    border-radius: 4px 4px 0px 0px;
    min-height: 50px;
    background: none repeat scroll 0% 0% #D3D3D3;
    box-shadow: 0px 1px 1px 0px #FFF inset;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    position: relative;
    z-index: 3;
    margin-right: 5px;
}
.vylety-zalozky button{
    padding: 5px;
    border-top: 1px solid #808080;
    border-radius: 4px 4px 0px 0px;
    background: none repeat scroll 0% 0% #F8F8F8;
    box-shadow: 0px 1px 1px 0px #FFF inset;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    position: relative;
    z-index: 1;
    margin-bottom: -2px;
    cursor:pointer;
    margin-right: 5px;
}
.sdileni-res{
    clear: both;
}
.vylety-zalozky {
    margin-top: 20px;
}
div#planovac-delka-celkem, #planovac-cas-celkem {
    text-align: center;
    font-weight: bold;
}
.planovac-zalozky span{
    padding: 6px 15px;
    margin:0px;
}
.planovac-zalozky{
    text-align: center;
    margin-bottom: 9px;
}
.vylet-nazev-popis{
    width: 300px;
}
.vylet-nazev-popis h2{
    margin-top:0px;
    margin-bottom: 5px;
}
span.vylet-odkaz {
    margin-right: 32px;
}
.smaz-planovac{
    cursor: pointer;
    background: rgb(169,3,41); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
    border: 1px solid #333333;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    color: white !important;
    font-size: 0.8em;
    margin-right: 5px;
    text-decoration: none !important;

}

.form-inline{
    display:inline;
}
.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;
}
.clanek_foto {
    width: 150px;
    height: 150px;
    float: left;
    margin-right: 15px;
}
.clanek_foto img {
    max-height: 150px;
    max-width: 150px;
}
#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;
}

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;
    top: 0px;
    left: 0px;
    right: 0px;
    min-height: 30px;
    background-color: rgba(0, 0, 0, 0.71);
    z-index: 200;
    padding: 10px;
    padding-right: 150px;
    color: white;
}

.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;
}
fieldset.kalendar-prihlasit a {
    padding: 20px;
    font-weight: bold;
}

tr.tojsemja td {
    background: rgb(255, 255, 125);
}

.we-do-care {
    position: absolute;
    right: 0px;
    top: 25px;
    font-size: 2em;
    color: #4289ba;
}