/** (c)2011-02 mnk (support@in-web.cz) **/
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 75%; /* ~12px */
    line-height: 1.417;
    color: #38312c;
    background: #fff;
    margin: 0;
    padding: 0;
    width: 100%;
}

div#page {
    width: 100%;
    background-color: #f7f7e4;
}

div#ContentSection {
    border-top: 1px solid #c2c2a3
}

.correct {
    clear: both;
}

div.page-combo {
    padding: 0px;
    margin: 0px auto;
    width: 940px;
    overflow: hidden
}

h1 {
    margin-bottom: 10px;
    padding: 5px;
    font-size: 36px;
    color: #019fec;
    font-weight: 400;
}

h1 a.rss-link {
    font-weight: 800;
    font-size: 16px;
    padding-right: 26px;
    padding-top: 20px;
    color: #00a1ec;
    text-decoration: none;
    background: transparent url('../images/icon-rss.gif') no-repeat right 22px;
}

h2 {
    font-size: 141.7%;
    color: #00a1ec;
}

h3 {
    margin-bottom: 0.6em;
    color: #00a1ec;
}

a {
    margin: 0px;
    padding: 0px;
    color: #00a1ec;
    outline: none
}

p a:visited {
    color: #222;
}

a:hover {
    color: #074D71;
}

.txtRight {
    text-align: right;
}

.direct-link a,
.direct-link a:visited {
    padding-right: 16px;
    background: transparent url('../images/icon-link.gif') no-repeat right -96px;
}

.direct-link a:hover {
    background-position: right 4px;
}

.direct-link a.link-all {
    font-weight: bold;
}

/* obrazky ----------------------------------------------------------------- */
img {
    margin: 0px;
    padding: 0px;
    background: none;
}

.left {
    float: left;
}

.clear {
    clear: both;
}

img.img-left,
p img.float-left {
    float: left;
    margin: 5px 10px 0px 0px;
    display: inline;
}

img.img-right,
p img.float-right {
    float: right;
    margin: 5px 0px 0px 10px;
    display: inline;
}

img.img-above {
    float: none;
    margin: 0px auto;
}

/* obrazky v odkazech ------------------------------------------------------ */
a img {
    display: block;
}

/* TOP -------------------------------------- */
div#top-page {
    width: 100%;
    background: url('../images/bg-page.png') repeat-x left top;
    z-index: 1;
    padding: 0 0 8px 0;
}

div#top {
    position: relative;
    width: 950px !important;
}

p#skipbar-top {
    position: absolute;
    top: 24px;
    left: 40px;
    width: 200px;
    z-index: 1000;
}

div#top-bar {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0px;
    padding: 0px 5px;
    width: 930px;
    z-index: 100;
}

p#facebook {
    display: block;
    margin: 0px;
    padding: 8px 15px 0px 0px;
    font-size: 108.4%;
    line-height: 100%;
}

p#facebook a {
    display: block;
    margin: 0px;
    padding: 3px 32px 4px 0px;
    color: #00539e;
    text-decoration: none;
    background: transparent url('../images/icon-facebook.gif') no-repeat right top;
}

p#cart {
    display: block;
    margin: 0px;
    padding: 8px 15px 0px 0px;
    font-size: 108.4%;
    line-height: 100%;
}

p#cart a {
    display: block;
    margin: 0px;
    padding: 3px 32px 4px 0px;
    color: #00539e;
    text-decoration: none;
    background: transparent url('../images/cart.png') no-repeat right top;
}

p#facebook a:hover {
    color: #009DEA;
    text-decoration: underline;
}

div#search-box {
    float: left;
    margin: 0px;
    padding: 3px 10px 0px 0px;
    height: 29px;
    width: 182px;
    background: transparent url('../images/bg-search-box.png') no-repeat left bottom;
    overflow: hidden;
}

div#search-box form p.sb-input {
    float: right;
    margin: 0px;
    padding: 2px;
    height: 25px;
    width: 146px;
    overflow: hidden;
}

div#search-box form p.sb-input input.search-input {
    float: left;
    margin: 0px;
    padding: 3px 14px 2px 0px;
    height: 20px;
    width: 132px;
    color: #64665f;
    font-size: 108.4%;
    background-color: transparent;
    border: none;
    outline: none;
}

div#search-box form label {
    display: none;
}

div#search-box form p.sb-button {
    float: right;
    margin: 0px;
    padding: 2px 3px 2px 4px;
    height: 25px;
    width: 25px;
}

div#search-box form p.sb-button input.search-button {
    cursor: pointer;
    display: block;
    padding: 0px;
    margin: 0px;
    height: 25px;
    width: 25px;
    text-indent: -999em;
    border: 0px none;
    background: transparent url('../images/icon-search-btn.gif') no-repeat left bottom;
}

div#search-box form p.sb-button input.search-button:hover {
    background-position: left top;
}

div#lang-select {
    float: right;
    display: block;
    margin: 0px;
    padding: 0px 0px 7px 0px;
    width: 125px;
    background: transparent url('../images/bg-lang-tab-bot.png') no-repeat left bottom;
    overflow: hidden;
}

div#lang-select div.lang-tab {
    margin: 0px;
    padding: 0px 2px 0px 0px;
    width: 122px;
    background: transparent url('../images/bg-lang-tab-right.png') repeat-y right top;
    border-left: 1px solid #eef2e2;
}

div#lang-select ul#lang-menu {
    display: block;
    position: relative;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: 122px;
    background: #fefffc url('../images/bg-lang-tab.png') repeat-x left bottom;
    border-left: 1px solid #f6f9d5;
    overflow: hidden;
}

div#lang-select ul#lang-menu li {
    display: block;
    position: absolute;
    left: -1000px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    line-height: 166.7%;
    font-size: 108.4%;
    background-color: transparent;
    overflow: hidden;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#main-menu li a.highlighted {
    background-color: #01a2f1;
    color: #fff !important;
    padding: 2px 10px !important;
    border-bottom: 1px solid #01a2f1 !important;
}

div#lang-select ul#lang-menu:hover li,
div#lang-select ul#lang-menu li.selected {
    position: relative;
    left: 0px;
    top: 0px;
    padding: 5px 32px 5px 10px;
    width: 90px;
    height: 20px;
}

div#lang-select ul#lang-menu li.selected {
    margin: 0px;
    padding-bottom: 0px;
    background: transparent url('../images/icon-lang-tab.gif') no-repeat 100px 10px;
}

div#lang-select ul#lang-menu li a,
div#lang-select ul#lang-menu li span {
    display: block;
    padding-left: 25px;
    width: 65px;
    text-decoration: none;
    border: none;
}

div#lang-select ul#lang-menu li .lang-cs {
    background: transparent url('../images/icon-lang-cs.gif') no-repeat left 5px;
}

div#lang-select ul#lang-menu li .lang-en {
    background: transparent url('../images/icon-lang-en.gif') no-repeat left 5px;
}

div#lang-select ul#lang-menu li .lang-de {
    background: transparent url('../images/icon-lang-de.gif') no-repeat left 5px;
}

div#lang-select ul#lang-menu a:hover {
    text-decoration: none;
    border: none;
}

div#logo {
    float: left;
    padding: 20px 35px 20px 35px;
    margin: 0px;
    height: 77px;
    width: 196px;
    background: transparent url('../images/ci-logo.png') no-repeat 35px 20px;
}

a#ci-logo {
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border: none;
    width: 196px;
    height: 77px;
}

div#menu-bar {
    padding-top: 80px;
}

div#menu-bar ul#main-menu {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

div#menu-bar ul#main-menu li {
    display: block;
    position: relative;
    float: left;
    padding: 0px 24px 0px 0px;
    margin: 0px;
}

div#menu-bar ul#main-menu li a,
div#menu-bar ul#main-menu li a:visited,
div#menu-bar ul#main-menu li.selected a,
div#menu-bar ul#main-menu li.selected a:hover,
div#menu-bar ul#main-menu li.selected:hover a {
    display: block;
    padding: 2px 0px;
    margin: 0px;
    font-size: 108.4%;
    text-decoration: none;
    color: #009dea;
    border: none;
}

div#menu-bar ul#main-menu li a.selected,
div#menu-bar ul#main-menu li a.selected:hover,
div#menu-bar ul#main-menu li:hover a.selected {
    color: #074d71;
    border-bottom: 1px solid #074d71;
}

div#menu-bar ul#main-menu li:hover a,
div#menu-bar ul#main-menu li a:hover {
    color: #074d71;
    border-bottom: 1px dotted #074d71;
}

/** Section Menu **/
div#top {
    padding-bottom: 15px;
}

div.topindex {
    height: 435px !important;
    overflow: visible;
}

div#section-menu {
    padding: 15px 0px 15px 0px;
    margin: 0px 5px;
    width: 940px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(100, 106, 75, 0.15);
}

div#section-menu ul {
    display: block;
    position: relative;
    list-style-type: none;
    margin: 0px;
    padding: 0px 15px;
    width: 910px;
    height: 304px;
    overflow: hidden;
}

img.overlay {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 20;
    border: none;
}

div#section-menu ul li {
    display: block;
    margin: 0px;
    padding: 0px 0px 0px;
    width: 200px;
    height: 76px;
    #margin-bottom: -3px;
}

div#section-menu ul li a.banner-container {
    display: block;
    padding: 0px;
    margin: 0px;
    width: 200px;
    height: 75px;
    background: #0da6f0 url('../images/bg-section-btn.png') repeat-x left top;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #0da6f0;
}

div#section-menu ul li a.banner-container span.section-button {
    display: block;
    position: absolute;
    margin: 10px 18px 8px 12px;
    width: 170px;
    height: 57px;
    font-style: italic;
    overflow: hidden;
    cursor: pointer;
}

div#section-menu ul li a.banner-container span.section-button span {
    display: block;
    padding-bottom: 5px;
    font-style: normal;
    font-size: 141.6%;
}

div#section-menu ul li a.banner-container:hover,
div#section-menu ul li a.selected {
    background-color: #0d577c;
    background-image: url('../images/bg-section-btn-hover.png');
}

div#section-menu ul li a.selected {
    border-color: #fff;
}

div#section-menu .popis h3 {
    color: #fff;
}

/*
div#section-menu ul li.section-2 a {margin-top:76px;}
div#section-menu ul li.section-3 a {margin-top:152px;}
div#section-menu ul li.section-4 a {margin-top:228px;}
  */
div#section-menu ul li a.banner-container .section-banner {
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 215px;
    top: 0px;
    width: 710px;
    height: 305px;
    z-index: 10;
}

div#section-menu .banner_link:hover img {
    border: none !important;
}

div#section-menu ul li a.banner-container .section-banner span.section-title {
    display: block;
    float: left;
    margin: 50px 0px 0px 35px;
    font-size: 166.7%;
    z-index: 35;
}

div#section-menu ul li a.banner-container span.section-banner span.section-description {
    display: block;
    margin: 230px 0px 0px 10px;
    padding: 10px 10px 5px 25px;
    font-size: 116.7%;
    font-style: italic;
    width: 665px;
    height: 45px;
    color: #666;
    background: transparent url('../images/bg-section-descript.png') repeat-x left top;
}

div#section-menu ul li.section-1 a.banner-container .section-banner {
    background: /*transparent url('../images/uvod-akce.jpg') no-repeat left top;*/
}

div#section-menu ul li.section-2 a.banner-container .section-banner {
    background: transparent url('../images/uvod-localita.jpg') no-repeat left top;
}

div#section-menu ul li.section-3 a.banner-container .section-banner {
    background: transparent url('../images/uvod-prostredi.jpg') no-repeat left top;
}

div#section-menu ul li.section-4 a.banner-container .section-banner {
    background: transparent url('../images/uvod-resort.jpg') no-repeat left top;
}

.section-banner {
    position: relative;
}

.section-banner .front, span.section-banner .back {
    position: absolute;
    top: 0;
    right: 0;
    border: none !important;
}

.section-banner .front {
    z-index: 30;
}

.section-banner .back {
    z-index: 10;
}

div#section-menu ul li a.selected .section-banner {
    z-index: 20;
}

div#section-menu ul li a:hover .section-banner {
    z-index: 30;
}

/* banner na strankach, obecne stranky */
div#section-menu .inner {
    margin: 0px;
    padding: 0px 15px;
    width: 910px;
    height: 180px;
    overflow: hidden;
}

.page h1.nadpis {
    float: left;
    overflow: hidden;
    width: 286px;
    height: 89px;
    padding: 0 0 0 20px;
    margin: 0;
    line-height: 89px;
    background-color: #6E9F05;
    font-family: lucida Grande;
    font-style: italic;
    font-size: 235%;
    font-weight: normal;
    color: #fff;
}

.page .popis {
    float: left;
    overflow: hidden;
    width: 266px;
    height: 81px;
    background-color: #6E9F05;
    padding: 0 20px;
    border-bottom: 10px solid #6E9F05;
    line-height: 1.7;
    color: #fff;
}

.page .popis a {
    color: #fff;
    text-decoration: none;
}

.page .photo {
    position: relative;
    float: right;
    width: 604px;

    height: 180px;
    background-color: #6E9F05;
    text-align: right;
}

.page .photo img {
    border: none !important;
}

.page-section-left {
    float: left;
    width: 230px;
}

.page-section-main {
    float: right !important;
    min-height: 400px;
    _height: 400px;
    padding: 15px 30px !important;
    width: 650px !important;
    line-height: 1.7;
}

.page-gallery {
    clear: both;
    margin-top: 75px;
}

/* submenu */
#submenu {
    border: 10px solid #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(100, 106, 75, 0.15);
}

#submenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0px;
}

#submenu ul li a {
    display: block;
    width: 160px;
    height: 39px;
    line-height: 39px;
    padding: 0 20px 0 30px;
    color: #fff;
    background: url(../images/bg-submenu-a.png) repeat-x;
    text-decoration: none;
    border-bottom: 1px solid #0976ad;
}

#submenu ul li a:hover, #submenu ul li a.sel {
    background: #00517A;
}

/** ProductBar **/
div#productbar-wide {
    padding: 7px 0px;
    margin: 0px 0px 8px 0;
    width: 100%;
    background-color: #d9d9b2;
    border-top: 1px solid #c2c2a3;
    border-bottom: 1px solid #c2c2a3;

}

div#productbar div.productbar-bot {
    padding: 0px 0px 15px 0px;
    margin: 0px;
    width: 940px;
    overflow: hidden;
}


div#productbar ul {
    display: block;
    padding: 12px 0px 0px 7px;
    margin: 0px;
    width: 940px;
    list-style-type: none;
    overflow: hidden;
}

div#productbar ul li {
    display: block;
    float: left;
    margin: 0px;
    width: 280px;
    margin-right: 14px;
    border: 10px solid #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(211, 211, 173, 0.15);
}

div#productbar ul li:last-child {
    margin: 0px;
}

div#productbar ul li.last {
    margin-right: 0
}

div#productbar ul li a {
    display: block;
    margin: 0px;
    padding: 115px 14px 15px 17px;
    width: 250px;
    color: #fff;
    font-style: italic;
    text-decoration: none;
}

div#productbar ul li a span.product-title {
    display: block;
    padding: 15px 19px 5px 0px;
    font-size: 141.6%;
    font-style: normal;
}

div#productbar ul li.product-1 a {
    background: #93ba2e url('../upload/images/product-1.jpg') no-repeat left top;
    height: 68px
}

div#productbar ul li.product-2 a {
    background: #b31b25 url('../upload/images/product-2.jpg') no-repeat left top;
    height: 68px
}

div#productbar ul li.product-3 a {
    background: #074d70 url('../upload/images/product-3.jpg') no-repeat left top;
    height: 68px
}

div#productbar ul li.product-1 a span.product-title {
    background: transparent url('../images/icon-product-1.gif') no-repeat right 12px;
}

div#productbar ul li.product-2 a span.product-title {
    background: transparent url('../images/icon-product-2.gif') no-repeat right 12px;
}

div#productbar ul li.product-3 a span.product-title {
    background: transparent url('../images/icon-product-3.gif') no-repeat right 12px;
}

div#productbar ul li {
    display: block;
    float: left;
    margin: 0px;
    width: 280px;
    margin-right: 14px;
    border: 10px solid #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(211, 211, 173, 0.15);
}

div#productbar #youtube-hp-video {
    border: 10px solid #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(211, 211, 173, 0.15);
}

/** PRIMARY ---------------------------------------------------- **/
div#primary {
    float: left;
    margin: 0px;
    padding: 15px 17px 15px 18px;
    width: 565px;
    overflow: hidden;
}

div#news {
    background: #fff;
    box-shadow: 0 0 6px rgba(100, 106, 75, 0.15);
    border-radius: 8px;
    padding: 27px;
    box-sizing: border-box;
}

div#news > a {
    font-size: 14px;
    color: #019fec;
}

div.hot-news {
    padding: 0px;
    margin: 0px 0px 20px 0px;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #edf2f5
}

div.hot-news h2 {
    padding-bottom: 0px;
    font-size: 18px;
    color: #019fec;
    font-weight: 600;
}

div.hot-news h2 a {
    text-decoration: none;
}

div.hot-news img {
    border-color: #cce388;
    float: left
}

div.hot-news p.label {
    padding-bottom: 0px;
    margin: 10px 0;
}

div.hot-news p.label span.date {
    font-size: 13px;
    color: #959595;
}

div.hot-news p:last-child {
    text-align: left !important;
    color: #000
}

div.hot-news p:last-child a {
    color: #000
}

/** SECONDARY ------------------------------------------------ **/
div#secondary {
    float: right;
    margin: 0px;
    padding: 15px 0px 15px 5px;
    width: 335px;
}

div#secondary.homepage {
    margin-top: 71px;
}

div.side-banner {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    width: 329px;
}

div.side-banner div.bot {
    display: block;
    padding: 10px;
    margin: 0px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(100, 106, 75, 0.15);
    box-sizing: border-box
}

div.side-banner p {
    display: block;
    margin: 0px;
}

div.side-banner p a {
    display: block;
    text-decoration: none;
}

div.side-banner p span.sbar-title {
    display: block;
    padding: 12px 35px 10px 17px;
    color: #009eeb;
    font-size: 141.6%;
    font-style: normal;
}

div.side-banner p span.sbar-descript {
    display: block;
    padding: 10px 13px 20px 17px;
    color: #666;
    font-style: italic;
}

div.side-banner p.objednat-ubytovani {
    padding: 0
}

div.side-banner p.objednat-ubytovani a span {
    color: #fff;
    background-color: #01a2f1;
}

div.side-banner p.objednat-ubytovani a span.sbar-title {
    background: #01a2f1 url('../images/icon-sbar-banner-blue.gif') no-repeat 280px 17px;
}

div.side-banner .bot.bottom {
    margin-top: 25px;
}

div.side-banner div.homepage-banner {
    background-color: #f7f7f7;
    padding: 12px;
    box-sizing: border-box
}

div.side-banner p.banner-akce a {
    background: #000 url('../images/bg-banner-akce.jpg') no-repeat left top;
}

div#side-banner-red p.objednat-ubytovani a span {
    background: none;
}

div#side-banner-red p.objednat-ubytovani a span.sbar-title {
    background: url('../images/icon-sbar-banner-red.gif') no-repeat 260px 17px;
}

div#side-banner-red p.objednat-ubytovani a {
    background: #C11C25 url(../images/bg-side-banner-red.gif) repeat-x top;
}

/* FOOTER -------------------------------------------------------------- */
div#footer {
    clear: both;
    margin: 0px;
    padding: 10px 0px;
    width: 100%;
    box-shadow: inset 0 20px 20px -20px rgb(112, 112, 112);
    background-color: #fff
}

div#footer div#footer-up {
    margin-top: 15px;
    margin-bottom: 10px;
    width: 100%;
}

div#footer div#footer-up img {
    float: left;
}

div#footer div#footer-up span.platit {
    width: 215px;
    display: inline-block;
    text-align: right;
    margin-left: 45px;

}

div#footer div#footer-up span.platit p {
    width: 85px;
    text-align: right;
    float: left;
    margin: 0;
}

div#footer div#footer-up span.platit span {
    float: right
}

div#footer div#footer-up span.platit img {
    float: right;
    margin-right: 5px;
}

div#footer div#footer-up span.banner {
    margin: 17px 0 0 55px;
    display: inline-block;
}

div#footer div#footer-up span.camp-cz {
    float: right;
}

div#footer div#footer-bottom {
    width: 100%;
    border-top: 1px solid #ebebeb;
}

div#footer p.lnk-totop {
    float: right;
}

div#footer p.lnk-totop a,
div#footer p.lnk-totop a:visited {
    padding-right: 15px;
    background: transparent url('../images/icon-totop.gif') no-repeat right -96px;
}

div#footer p.lnk-totop a:hover {
    color: #000;
    background-position: right 5px;
}

p#copy {
    float: left;
    display: block;
    margin: 0px 2px;
    padding: 3px 12px 4px;
    color: #5e5e5e;
}

p#copy span {
    display: block;
    padding-bottom: 5px;
}

p#cards {
    float: right;
    width: 250px;
    text-align: right;
    padding: 20px 17px;
}

.bottom-links {
    clear: both;
    text-align: center;
    padding-top: 15px;
}

/** SITEMAP --------------------- **/
ul.sitemap {
    padding: 0px;
    margin: 20px;
    list-style-type: none;
}

ul.sitemap li {
    margin-bottom: 5px;
    padding: 2px 5px 2px 15px;
    background: url('../images/icon-ext.gif') no-repeat left -195px;
}

ul.sitemap li:hover {
    background-position: left -95px;
}

ul.sitemap li a,
ul.sitemap li a:visited {
    font-weight: bold;
    font-variant: small-caps;
    font-size: 116.7%;
    color: #3c824b;
}

ul.sitemap li ul {
    padding-top: 5px;
}

ul.sitemap li ul li a {
    font-weight: normal;
    font-variant: normal;
    font-size: 100%;
}

ul.sitemap li a:hover, ul.sitemap li:hover a {
    color: #000;
}

/** noscript -------------------------------- **/
body.js_disable .js-only {
    display: none !important;
}

body.js_disable .no-script {
    display: block;
}

/* katalog chatek */

/* hlavicka katalogu */
#catalog-inner #section-menu {
    clear: both;
}

#catalog-inner #section-menu .inner {
    height: 376px;
}

#catalog-inner #section-menu .content {
    float: left;
    width: 909px;
    height: 376px;
    position: relative;
    background: url(../images/bg-product-top.jpg) no-repeat;
}

#section-menu #detail-top-submenu {
    width: 200px;
    float: right;
}

#section-menu #detail-top-submenu ul {
    position: absolute;
    right: 0;
    top: 0;
    background: #82BD00;
    width: 200px;
    height: 180px;
    padding: 0;
}

#section-menu #detail-top-submenu ul li {
    display: block;
    height: 45px;
    border-bottom: 1px solid #fff;
}

#section-menu #detail-top-submenu ul li a {
    background: none;
    color: #fff;
    text-decoration: none;
    height: 100%;
    display: block;
    line-height: 45px;
    width: 160px;
    padding: 0 20px;
    border: none;
}

#section-menu #detail-top-submenu ul li a:hover, #section-menu #detail-top-submenu ul li a.sel {
    background-color: #6E9F05;
}

.product-primary {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 630px !important;
}

.product-secondary {
    width: 305px !important;
}

.product-secondary div.side-banner {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    width: 306px;
}

.product-secondary div.side-banner div.bot {
    display: block;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    width: 306px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(100, 106, 75, 0.15);
}

.product-secondary div.side-banner p {
    display: block;
    padding: 12px 12px 0px 12px;
    margin: 0px;
    width: 281px;
}

div.product-secondary p.objednat-ubytovani a span.sbar-title {
    background-position: 258px 17px;
}

.product-inner-text {
    padding: 20px 10px;
}

#catalog-list {
}

#catalog-list .item {
    float: left;
    width: 305px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#catalog-list .item .top {
    width: 305px;
    height: 13px;
    background: url(../images/bg-product-category-item-top.png) no-repeat;
}

#catalog-list .item .photo {
    height: 170px;
    width: 280px;
    position: relative;
    padding: 0 13px 0 12px;
    background: url(../images/bg-product-category-item-center.png) repeat-y;
}

#catalog-list .item img {
    border: none;
}

#catalog-list .item h2 {
    position: absolute;
    top: 115px;
    left: 12px;
    width: 240px;
    padding: 0 20px;
    height: 55px;
    line-height: 52px;
    background: #9BBD2E url(../images/bg-product-category-item-link.png) no-repeat 253px 18px;
    overflow: hidden;
}

#catalog-list .item h2 a {
    color: #fff;
    text-decoration: none;
}

#catalog-list .item .content {
    position: relative;
    padding: 10px 33px 0;
    line-height: 1.7;
    height: 105px;
    background: url(../images/bg-product-category-item-center.png) repeat-y;
    overflow: hidden;
}

#catalog-list .item .link {
    width: 269px;
    height: 15px;
    line-height: 15px;
    padding: 7px 18px 2px 18px;
    background: url(../images/bg-product-category-item-center.png) repeat-y;
}

#catalog-list .item .link a {
    background: url(../images/ico-link1.png) no-repeat right 2px;
    padding-right: 15px;
    float: right;
}

#catalog-list .item .bottom {
    width: 305px;
    height: 13px;
    background: url(../images/bg-product-category-item-bottom.png) no-repeat;
}

#catalog-detail-photo {
    float: left;
    width: 195px;
    padding-bottom: 40px;
}

#catalog-detail-text {
    float: right;
    width: 400px;
    padding: 5px 15px 20px 10px;
    line-height: 1.8;
}

.catalog-detail-table table {
    width: auto;
}

.catalog-detail-table table th, .catalog-detail-table table td {
    padding: 5px 20px;
}

.catalog-detail-table table th {
    background-color: #9ABD2E;
    color: #FCFFF0;
    font-weight: bold;
}

.catalog-detail-tab iframe, iframe.vp {
    border: 1px solid #CCE388;
    margin-left: 55px;
}

/* taby */
#tabs ul.ui-tabs-nav {
    display: block;
    height: 35px;
    border-bottom: 1px solid #CCE388;
}

#tabs ul li.ui-state-default {
    display: block;
    float: left;
    height: 35px;
}

#tabs ul li.ui-state-default a {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    text-decoration: none;
    font-size: 110%;
}

#tabs ul li.ui-tabs-selected {
    background: #9ABD2E url(../images/bg-product-tab-right.png) no-repeat right;
}

#tabs ul li.ui-tabs-selected a {
    background: url(../images/bg-product-tab-left.png) no-repeat left;
    color: #FCFFF0;
}

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

/* galerie */
#GallerySection {
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

#GallerySection .head {
    width: 684px;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    font-weight: bold;
}

#GallerySection .content {
    float: left;
}

#GallerySection .foot {
    clear: both;
    width: 724px;
    height: 8px;
}

.gallery li {
    position: relative;
    display: table;
    float: left;
    margin: 0 24px 10px 0 !important;
    width: 149px;
    height: 150px;
    text-align: center;
}

.gallery li span {
    display: block;
    #position: absolute;
    text-align: center;
    #top: 50%;
    #left: 50%;
    display: table-cell;
    vertical-align: middle;
}

.gallery li span.inner {
    height: 150px;
}

.gallery li img {
    border: 1px solid #CCE388;
}

.gallery a {
    #position: relative;
    height: auto !important;
    #top: -50%;
    #left: -50%;
    float: none !important;
    text-decoration: none;
}

.gallery .link {
    display: block;
}

.gallery .spacing {
    display: block;
    margin-top: 5px;
}

#Galleryview {
    position: relative;
    float: left;
    margin-right: 2px;
    z-index: 2;
    left: 3px;
    width: 540px;
    height: 170px;
    overflow: hidden;
}

#Galleryview .gallery {
    display: block;
    position: absolute;
    z-index: 1;
    height: 170px;
}

#GalleryviewButtonPrevious, #GalleryviewButtonNext {
    float: left;
    width: 32px;
    height: 55px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 40px;
}

#GalleryviewButtonPrevious {
    clear: both;
}

/* clanky */
#article-detail-text {
    padding: 10px 36px 10px 0;
}

.back-link {
    display: block;
    float: right;
    margin: 20px 20px 0 0;
}

/* formular */

#FormSection table {
    width: auto;
}

#TabsF-1, #TabsF-2 {
    padding: 20px;
}

#FormSection table tr, #FormSection table th, #FormSection table td {
    background: none;
}

#FormSection input, #FormSection textarea {
    border: 1px solid #E5EDC9;
    background-color: #FDFDFD;
}

#FormSection .col1, #FormSection .col2 {
    width: 220px;
}

#FormSection input {
    display: block;
    width: 210px;
    clear: both;
    height: 24px;
}

#FormSection label {
    width: auto;
    display: block;
}

#FormSection textarea {
    display: block;
    width: 450px;
}

#FormSection #dotaz_captcha {
    display: inline;
    width: 40px;
}

#FormSection .botRow * {
    vertical-align: middle;
}

#FormSection .submit {
    clear: both;
    float: right;
    width: 90px;
    height: 39px;
    background: url(../images/but_send.gif) no-repeat;
    border: none;
    cursor: pointer;
    color: #fff;
}


#tops-left {
    float: right;
    position: absolute;
    top: 134px;
    z-index: 333;
    left: -146px;
}

@media only screen and (max-width: 1244px) {
    #tops-left {
        left: 0;
        margin-left: 960px;
        top: 500px;
    }
}

#tops-left img {
    display: block;
}

#tops {
    float: right;
    position: absolute;
    margin-left: 960px;
    top: 134px;
}

#tops img,

$
tops a {
    z-index: 50
}

#topsb {
    float: right;
    position: absolute;
    margin-left: 960px;
    top: 500px;
}

#topsb img,

$
tops a {
    z-index: 50
}

.do_kempu {
    width: 120px;
    float: left;
    margin-top: 10px;
    margin-right: 10px
}

.camp_cz {
    width: 94px;
    float: left;
    margin-top: 70px;
    margin-left: 7px;
}

.camp_cz2 {
    width: 94px;
    float: left;
    margin-top: 10px;
    margin-left: 7px;
}

.camp_cz_last {
    width: 94px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    clear: both;
}

.benefit_3d {
    width: 94px;
    float: left;
    margin-top: 90px;
    margin-left: 7px;
}

.benefit_3d_last {
    width: 94px;
    float: left;
    margin-left: 7px;
    margin-top: 5px;
    clear: both;
}

.do_kempu2 {
    width: 120px;
    float: left;
    margin-top: 10px;
}

.ikona {
    width: 90px;
    float: left;
    margin-top: 100px;
    margin-left: 7px;
}

.ikona2 {
    width: 90px;
    float: left;
    margin-left: 10px;
}

.ikona3 {
    width: 90px;
    float: left;
    margin-top: 10px;
}

#fb-root {
    margin-top: 20px;
}