@charset "utf-8";
/* CSS Document */
/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
    }
html, body {
    margin: 0;
    padding: 0
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
fieldset, img {
    border: 0
    }
address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal
    }
ol, ul {
    list-style: none
    }
caption, th {
    text-align: left
    }
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
    }
q:before, q:after {
    content: ""
    }
abbr, acronym {
    border: 0
    }
section, header {
    display: block
    }
body {
    font-family: "Oswald", Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #FFF;
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-position: top;
    background-attachment: fixed;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-color: #000
    }
H1 {
    font-size: 50px;
    font-family: "Courgette", cursive;
    color: #FFF;
    margin-bottom: 20px;
    letter-spacing: -3px
    }
.oteviraci {
    color: #BC9B64;
    margin-top: 10px;
    margin-bottom: 10px
    }
.O1 {
    font-family: "Oswald", Arial, sans-serif
    }
.O2 {
    font-size: 24px;
    color: #BC9B64
    }
.C2 {
    font-size: 36px;
    font-family: "Courgette", cursive;
    color: #FFF;
    margin-bottom: 20px
    }
.O3 {
    font-size: 24px;
    color: #BC9B64;
    margin-bottom: 20px
    }
.cena {
    font-size: 30px;
    font-family: "Courgette", cursive;
    color: #FFF;
    margin-top: 20px;
    text-align: right
    }
.black {
    color: #000
    }
.okr {
    color: #BC9B64
    }
.V1 {
    font-family: "Oswald", Arial, sans-serif;
    font-size: 40px;
    margin-bottom: 10px
    }
.V2 {
    font-family: "Courgette", cursive;
    font-size: 33px;
    margin-bottom: 10px;
    margin-top: 50px
    }
.V3 {
    font-size: 26px;
    color: #BC9B64;
    margin-bottom: 10px
    }
.bold {
    font-weight: 700
    }
.S {
    color: #333
    }
.datum {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 0
    }
.akce {
    font-family: "Courgette", cursive;
    font-size: 33px;
    line-height: 36px;
    margin-bottom: 10px;
    color: #BC9B64
    }
.ns {
    font-family: "Courgette", cursive;
    font-size: 42px;
    line-height: 36px;
    margin-bottom: 10px;
    color: #BC9B64
    }
.popis {
    font-weight: 400;
    font-size: 13px;
    color: #BC9B64;
    line-height: 20px
    }
a:link {
    text-decoration: none;
    color: #FFF;
    font-weight: 400
    }
a:visited {
    color: #FFF
    }
a:hover {
    color: #FFF;
    text-decoration: underline
    }
.logo {
    position: relative;
    top: 40px;
    width: 30%;
    height: 250px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    left: 65%
    }
.logo2 {
    position: absolute;
    left: 70%;
    top: 95px;
    width: 140px;
    height: 140px;
    background-image: url(../img/logo2.png);
    z-index: 1000
    }
.top {
    position: fixed;
    top: 0;
    width: 100%;
    height: 70px;
    background-color: #666;
    z-index: 2010;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5)
    }
.nadpis {
    position: relative;
    width: 990px;
    height: 120px;
    margin: 105px auto 0 auto;
    padding-left: 40px;
    z-index: 900;
    font-size: 80px;
    line-height: 120px;
    font-family: "Courgette", cursive;
    letter-spacing: -5px;
    color: #FFF;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    z-index: 900
    }
.tel {
    position: absolute;
    top: 0;
    left: 750px;
    width: 200px;
    height: 70px;
    font-family: "Oswald", Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 70px;
    text-align: right
    }
.flag {
    position: absolute;
    top: 0;
    left: 970px;
    width: 50px;
    height: 70px
    }
.menu-box {
    position: relative;
    width: 1030px;
    height: 70px;
    margin-left: auto;
    margin-right: auto
    }
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li {
    float: left;
    position: relative;
    z-index: 100
    }
/* use the table to position the dropdown list */
.menu table {
    position: absolute;
    border-collapse: collapse;
    z-index: 80;
    left: 0;
    top: 25px;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.5)
    }
/* style all the links */
.menu a, .menu :visited {
    display: block;
    font-family: "Oswald", Arial, sans-serif;
    font-size: 20px;
    line-height: 70px;
    width: 150px;
    height: 70px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: 700
    }
/* style the links hover */
.menu :hover {
    color: #FFF;
    background-color: #BC9B64
    }
/* hide the sub level links */
.menu ul ul {
    visibility: hidden;
    position: absolute;
    width: 150px;
    height: 0
    }
/* make the sub level visible on hover list or link */
.menu ul li:hover ul, .menu ul a:hover ul {
    visibility: visible
    }
.menuS a, .menuS :visited {
    display: block;
    font-family: "Courgette", cursive;
    font-size: 20px;
    line-height: 40px;
    width: 150px;
    height: 40px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    background-color: #BC9B64;
    background-image: none;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2)
    }
.menuS :hover {
    color: #000;
    background-image: none
    }
.sklo-home {
    position: relative;
    width: 970px;
    height: 190px;
    margin: 0 auto 50px auto;
    padding: 30px;
    background-image: url(../img/bg70.png)
    }
.sklo-home-txt {
    position: relative;
    width: 460px;
    height: 190px;
    margin: 10px 0 0 10px;
    float: left
    }
.sklo-home-en {
    position: relative;
    width: 970px;
    height: 230px;
    margin: 0 auto 50px auto;
    padding: 30px;
    background-image: url(../img/bg70.png)
    }
.logo-mt {
    position: relative;
    width: 344px;
    height: 190px;
    margin: 0 50px 0 0;
    background-image: url(../img/markthomas_logo_withe.png);
    float: left
    }
.vice {
    background-image: url(../img/more.png);
    background-repeat: no-repeat;
    margin-top: 130px;
    margin-left: 30px;
    width: 50px;
    height: 50px;
    color: #000;
    font-family: "Courgette", cursive;
    font-size: 18px;
    line-height: 45px;
    text-align: left;
    padding-left: 6px;
    text-decoration: none;
    float: left;
    z-index: 1000
    }
.vice:hover {
    background-image: url(../img/more-o.png);
    color: #FFF
    }
.vina-btn-box {
    position: relative;
    width: 1030px;
    height: 250px;
    margin: 0 auto 0 auto
    }
.vino1-btn {
    position: relative;
    width: 250px;
    height: 250px;
    margin-right: 10px;
    background-image: url(../img/vina-btn-1.png);
    float: left
    }
.vino1-btn:hover {
    background-image: url(../img/vina-btn-1-o.png)
    }
.vino2-btn {
    position: relative;
    width: 250px;
    height: 250px;
    margin-right: 10px;
    background-image: url(../img/vina-btn-2.png);
    float: left
    }
.vino2-btn:hover {
    background-image: url(../img/vina-btn-2-o.png)
    }
.vino3-btn {
    position: relative;
    width: 250px;
    height: 250px;
    margin-right: 10px;
    background-image: url(../img/vina-btn-3.png);
    float: left
    }
.vino3-btn:hover {
    background-image: url(../img/vina-btn-3-o.png)
    }
.vino4-btn {
    position: relative;
    width: 250px;
    height: 250px;
    background-image: url(../img/vina-btn-4.png);
    float: left
    }
.vino4-btn:hover {
    background-image: url(../img/vina-btn-4-o.png)
    }
.vino2en-btn {
    position: relative;
    width: 250px;
    height: 250px;
    margin-right: 10px;
    background-image: url(../img/vina-btn-2en.png);
    float: left
    }
.vino2en-btn:hover {
    background-image: url(../img/vina-btn-2en-o.png)
    }
.vino3en-btn {
    position: relative;
    width: 250px;
    height: 250px;
    margin-right: 10px;
    background-image: url(../img/vina-btn-3en.png);
    float: left
    }
.vino3en-btn:hover {
    background-image: url(../img/vina-btn-3en-o.png)
    }
.vino4en-btn {
    position: relative;
    width: 250px;
    height: 250px;
    background-image: url(../img/vina-btn-4en.png);
    float: left
    }
.vino4en-btn:hover {
    background-image: url(../img/vina-btn-4en-o.png)
    }
.home {
    position: relative;
    width: 1030px;
    height: 400px;
    margin: 70px auto 0 auto
    }
.home-txt {
    position: relative;
    width: 600px;
    height: 270;
    float: left;
    background-image: url(../img/bg70.png);
    margin-right: 50px;
    color: #BC9B64;
    padding: 40px
    }
.home-akce {
    position: relative;
    width: 240px;
    height: 270px;
    float: left;
    background-image: url(../img/bg80h.png);
    padding: 30px
    }
.mapa {
    position: relative;
    width: 100%;
    height: 500px;
    margin: 100px auto 0 auto;
    border-top: 4px solid #000
    }
.kontakt {
    position: absolute;
    top: 125px;
    left: 25%;
    width: 280px;
    height: 215px;
    background-image: url(../img/kontakt.png);
    text-align: center;
    padding-top: 70px;
    padding-right: 60px
    }
.galerie {
    position: relative;
    width: 1030px;
    height: 820px;
    margin: 0 auto 70px auto;
    background-image: url(../img/bg70.png);
    z-index: 500
    }
.vina {
    position: relative;
    width: 950px;
    margin: 0 auto 0 auto;
    background-image: url(../img/bg70.png);
    z-index: 500;
    padding: 20px 40px 20px 40px
    }
.obr-vina {
    position: relative;
    right: 0;
    width: 335px;
    float: right;
    margin: 0 0 0 40px
    }
.line-vina {
    position: relative;
    width: 400px;
    height: 2px;
    margin: 10px 0 10px 0;
    background-repeat: repeat-x;
    background-color: #FFF
    }
.telo-sklo {
    position: relative;
    width: 950px;
    height: 2920px;
    margin: 0 auto 0 auto;
    z-index: 500;
    padding: 20px 40px 20px 40px
    }
.telo-sklo-en {
    position: relative;
    width: 950px;
    height: 3100px;
    margin: 0 auto 0 auto;
    z-index: 500;
    padding: 20px 40px 20px 40px
    }
.nadpis-sklo {
    position: relative;
    width: 990px;
    height: 190px;
    margin: 85px auto 10px auto;
    padding-left: 40px;
    font-size: 80px;
    line-height: 120px;
    font-family: "Courgette", cursive;
    letter-spacing: -5px;
    color: #FFF;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    z-index: 900
    }
.sklo {
    position: relative;
    width: 290px;
    margin: 0 40px 20px 0;
    float: left
    }
.skloL {
    position: relative;
    width: 290px;
    margin: 0 0 20px 0;
    float: left
    }
.sklo-txt {
    position: relative;
    width: 250px;
    margin: 0 40px 80px 0;
    padding: 20px;
    float: left;
    background-image: url(../img/bg70.png)
    }
.skloL-txt {
    position: relative;
    width: 250px;
    margin: 0 0 80px 0;
    padding: 20px;
    float: left;
    background-image: url(../img/bg70.png)
    }
.zapati {
    position: relative;
    width: 100%;
    height: 130px;
    background-color: #000;
    color: #BC9B64;
    font-size: 12px
    }
.zapati-in {
    position: relative;
    top: 40px;
    margin: 0 auto 0 auto;
    width: 1030px;
    height: 60px;
    text-align: right
    }
.fotoframe {
    position: relative;
    top: 0;
    left: 0;
    width: 290px;
    height: 194px;
    background-color: #CCC;
    margin: 30px 0 20px 40px;
    float: left;
    border-top: 4px solid #BC9B64;
    border-bottom: 12px solid #BC9B64
    }
.fotoframe:hover {
    border-top: 4px solid #FFF;
    border-bottom: 12px solid #FFF
    }
.fotoframeL {
    position: relative;
    top: 0;
    left: 0;
    width: 290px;
    height: 194px;
    background-color: #CCC;
    margin: 30px 0 20px 40px;
    float: left;
    border-top: 4px solid #BC9B64;
    border-bottom: 12px solid #BC9B64
    }
.fotoframeL:hover {
    border-top: 4px solid #FFF;
    border-bottom: 12px solid #FFF
    }
#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1002;
    text-align: center;
    line-height: 0
    }
#lightbox img {
    width: auto;
    height: auto
    }
#lightbox a img {
    border: none
    }
#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto
    }
#imageContainer {
    padding: 10px
    }
#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
    }
#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
    }
#imageContainer > #hoverNav {
    left: 0
    }
#hoverNav a {
    outline: none
    }
#prevLink, #nextLink {
    width: 49%;
    height: 100%;
    background-image: url("data:image/gif;base64,AAAA");
    /* Trick IE into showing hover */
    display: block
    }
#prevLink {
    left: 0;
    float: left
    }
#nextLink {
    right: 0;
    float: right
    }
#prevLink:hover, #prevLink:visited:hover {
    background: url(../images/prevlabel.gif) left 15% no-repeat
    }
#nextLink:hover, #nextLink:visited:hover {
    background: url(../images/nextlabel.gif) right 15% no-repeat
    }
#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%
    }
#imageData {
    padding: 0 10px;
    color: #666
    }
#imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left
    }
#imageData #caption {
    font-weight: bold
    }
#imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1em
    }
#imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none
    }
#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 500px;
    background-color: #000
    }