body { background: #cfc1bb; font-family:'ChaparralPro'; /*font-family: 'PT Serif', serif;*/ font-size:13px; margin:0px; }
a { text-decoration:none; }
.inline { text-transform: lowercase; }

@media screen and (min-width: 960px) {
    body {
        /*background: url(../../images/body-bgr.jpg) no-repeat #cfc1bb;*/
        background: #cfc1bb;
        background-position: center 1150px;
    }
}

#maincontainer { width:930px; margin: 0 auto; position:relative; }
#navi-bar { position:fixed; top:0px; padding:0px 23px; height:35px; width:884px; line-height:35px; font-family:'BebasNeue'; font-weight:bold; text-transform:uppercase; background:#cfc1bb; z-index:1000; font-size:14px; letter-spacing:1px; }
    #navi-bar .menu { float:left; }
    #navi-bar .menu i { font-weight:bold; color:#bf1a3f; }
    #navi-bar .menu i.menu-icon { font-weight:normal; margin-left:15px; font-size:14px; display:none; }
    #navi-bar .menu i.menu-icon:hover { color:#231f20; }
    #navi-bar .menu a { color:#231f20; margin-left:20px; }
    #navi-bar .menu a:hover { color:#bf1a3f; }
    #navi-bar .functions { float:right; }
    #navi-bar .functions a, #navi-bar .functions .lang { color:#bf1a3f; margin-left:12px; }
    #navi-bar .functions a i { font-size:14px; }
    #navi-bar .functions a:hover, #navi-bar .functions .lang:hover { color:#231f20; cursor:pointer; }
    #navi-bar .functions .lang { display:inline-block; width:70px; text-align:center; }
        #navi-bar .functions .lang ul { position:absolute; top:35px; background:#cfc1bb; margin:0px; margin-left:-5px; padding:0px; list-style:none; width:80px; text-align:center; line-height:20px; padding-bottom:5px; 
            -webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px; display:none; }
        #navi-bar .functions .lang ul a { margin:0px; }
#navi-inner { height:100%; width:100%; position:relative; }

.contentPanel1 { height:695px; width:100%; margin:35px 0px; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; position:relative; overflow:hidden;
    background: url(../../images/public/bgr1.png) no-repeat #eee1db; background-position:right; }
    .contentPanel1 .bottles { position:absolute; top:0px; right:0px; height:695px; width:458px; background:url(../../images/public/bottles-big.png) no-repeat; }
    .contentPanel1 .container-left { float:left; margin-left:90px; margin-top:30px; text-align:center; width:270px; }
    .contentPanel1 .container-left div { text-transform:uppercase; }
    .contentPanel1 .container-left div:nth-of-type(1) { font-size:18px; line-height:21px; padding:5px 0px 1px 0px; border-bottom:2px solid #231f20; border-top:2px solid #231f20; font-weight:bold; letter-spacing:2px; }
    .contentPanel1 .container-left div:nth-of-type(2) { font-size:16px; padding:5px 0px 1px 0px; border-bottom:2px dotted #231f20; }
    .contentPanel1 .container-left div:nth-of-type(3) { font-size:12px; color:#bf1a3f; line-height:25px; padding-top:10px; letter-spacing:1px; font-family: 'PT Serif', serif; }
    .contentPanel1 .container-left div:nth-of-type(3) a { font-size:11px; color:#231f20; }
.news { width:330px; -webkit-border-radius: 12px 12px 0px 0px;-moz-border-radius: 12px 12px 0px 0px;border-radius: 12px 12px 0px 0px; padding:12px 20px; background:#faf0eb;
    position:absolute; bottom:0px; left:30px; }
    .news .item { line-height:22px; color:#bf1a3f; border-top: 1px dotted #231f20; padding:4px 0px 2px 0px; font-family: 'PT Serif', serif; }
    .news .item:first-of-type { border-top: none; }
    .news .item b { color:#231f20; font-size:17px; }
    .news .item b:after { content:' |'; }
    .news .item a { color:#231f20; }

.contentPanel2 { /*background:url(../../images/public/bgr2.png) no-repeat;*/ padding:1px 0px; }
.contentPanel2 > div { margin:30px 96px 60px 96px; position:relative; height:383px; }
    .contentPanel2 div .label,  .contentPanel2 div .bottle { background:url(../../images/public/sprites.png) no-repeat; position:absolute; }
    .contentPanel2 div .label { height:263px; width:264px; bottom:0px; left:0px; }
    .contentPanel2 div .bottle { height:382px; width:100px; bottom:0px; left:320px; }
    .contentPanel2 div:nth-of-type(1) .label { background-position:0px 0px; }
    .contentPanel2 div:nth-of-type(1) .bottle { background-position:-264px 0px; }
    .contentPanel2 div:nth-of-type(2) .label { background-position:0px -263px; }
    .contentPanel2 div:nth-of-type(2) .bottle { background-position:-364px 0px; }
    .contentPanel2 div .text { right:0px; top:0px; width:260px; position:absolute; }
    .contentPanel2 div .text > i { font-size:25px; color:#bf1a3f; font-weight:bold;  }
    .contentPanel2 div .text h2 { font-size:18px; color:#bf1a3f; margin:15px 0px 0px 0px; text-transform:uppercase; }
    .contentPanel2 div .text div:nth-of-type(1) { text-transform:uppercase; font-size:13px; letter-spacing:1px; padding:5px 0px; border-top:1px solid #231f20; border-bottom:1px solid #231f20; }
    .contentPanel2 div .text div:nth-of-type(2) { font-size:15px; padding:5px 0px; border-bottom:1px dotted #231f20; }
    .contentPanel2 div .text div:nth-of-type(3) { font-size:12px; padding:5px 0px; border-bottom:1px dotted #231f20; color:#bf1a3f; font-family: 'PT Serif', serif; }
    .contentPanel2 div .text a { color:#231f20; font-size:13px; margin-top:5px; display:block; }
    .contentPanel2 div .text a i { font-size:14px; }

.contentPanel3 { background:#eee1db; border: 8px solid #c2aca4; padding:99px 80px; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; margin-top:35px; }
    .contentPanel3 .text { text-align:center; width:270px; float:left; }
    .contentPanel3 .text div:nth-of-type(1) { font-size:18px; line-height:21px; padding:5px 0px 1px 0px; border-bottom:2px solid #231f20; border-top:2px solid #231f20; font-weight:bold; letter-spacing:2px; }
    .contentPanel3 .text div:nth-of-type(2) { font-size:12px; color:#bf1a3f; line-height:25px; padding-top:10px; letter-spacing:1px; text-transform: uppercase; font-family: 'PT Serif', serif; }
    .contentPanel3 .text div:nth-of-type(2) a { font-size:11px; color:#231f20; }
    .contentPanel3 img { float:right; }

.contentPanel4 { margin:35px 0px; padding:20px 88px; /*background:url(../../images/public/bgr4.png) no-repeat right;*/ }
    .contentPanel4 img { margin-bottom:40px; }
    .contentPanel4 .container-left { text-align:center; width:270px; float:left; }
    .contentPanel4 .container-right { text-align:center; width:270px; float:right; }
        .contentPanel4 .container-left div:nth-of-type(1), .contentPanel4 .container-right div:nth-of-type(1) { font-size:18px; line-height:21px; padding:5px 0px 1px 0px; border-bottom:2px solid #231f20; border-top:2px solid #231f20; font-weight:bold; letter-spacing:2px; }
        .contentPanel4 .container-left div:nth-of-type(2), .contentPanel4 .container-right div:nth-of-type(2) { font-size:12px; color:#bf1a3f; line-height:25px; padding-top:10px; letter-spacing:1px; text-transform: uppercase; font-family: 'PT Serif', serif; }
        .contentPanel4 .container-left div:nth-of-type(2) a, .contentPanel4 .container-right div:nth-of-type(2) a { font-size:11px; color:#231f20; }

.contentPanel5 { background:#eee1db; border: 8px solid #c2aca4; padding:99px 0px 99px 80px; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; margin-top:35px; position:relative; }
    .contentPanel5 .container-left { width:270px; float:left; }
        .contentPanel5 .container-left .title { font-size:18px; line-height:21px; padding:5px 0px 1px 0px; border-bottom:2px solid #231f20; border-top:2px solid #231f20; font-weight:bold; letter-spacing:2px; margin-bottom:40px; text-align:center; text-transform:uppercase; }
        .contentPanel5 .container-left ul { margin:0px; padding:0px; list-style:none; text-transform:uppercase; font-size:16px; color:#eee1db; font-weight:bold; letter-spacing:1px; width:180px; }
        .contentPanel5 .container-left ul li { cursor:pointer; }
        .contentPanel5 .container-left ul li.active { /*color:#231f20;*/ }
        .contentPanel5 .container-left ul li div { padding:5px 7px 1px 7px; background:#c0afa8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:3px; }
        .contentPanel5 .container-left ul li.active div { background:#bf1a3f; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:3px; }
        .contentPanel5 .container-left ul ul { font-size:12px; color:#231f20; font-weight:normal; line-height:20px; }
        .contentPanel5 .container-left ul ul li { border-bottom:none; padding:0px; padding-left:7px; line-height:23px; }
        .contentPanel5 .container-left ul ul li.active { color:#bf1a3f; font-family: 'PT Serif', serif; }
    .contentPanel5 .container-right { text-align:center; width:613px; height:514px; position:absolute; top:0px; right:0px; background:url(../../images/public/map/slo0.png); background-repeat:no-repeat; background-position:bottom; }
    .contentPanel5 .container-right.eur2 { background:url(../../images/public/map/eur3.png) no-repeat bottom; }
    .contentPanel5 .container-right.eur3 { background:url(../../images/public/map/eur2.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo1 { background:url(../../images/public/map/slo1.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo2 { background:url(../../images/public/map/slo2.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo3 { background:url(../../images/public/map/slo3.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo4 { background:url(../../images/public/map/slo4.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo5 { background:url(../../images/public/map/slo5.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo6 { background:url(../../images/public/map/slo6.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo7 { background:url(../../images/public/map/slo7.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo8 { background:url(../../images/public/map/slo8.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo9 { background:url(../../images/public/map/slo9.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo10 { background:url(../../images/public/map/slo10.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo11 { background:url(../../images/public/map/slo11.png) no-repeat bottom; }
    .contentPanel5 .container-right.slo12 { background:url(../../images/public/map/slo12.png) no-repeat bottom; }
    .contentPanel5 .container-bottom { line-height:25px; float:right; width:440px; margin-right:105px; margin-top:20px; }
    .contentPanel5 .container-bottom .heading { color:#bf1a3f; font-weight:bold; border-bottom: 1px solid #c4b3ac; }
    .contentPanel5 .container-bottom .heading .shop, .contentPanel5 .container-bottom .heading .pub { color:#918783; float:right; margin-left:5px; font-size:12px; font-weight:normal; }
    .contentPanel5 .container-bottom table { width:100%; }
    .contentPanel5 .container-bottom .shop-item td { color:#918783; border-bottom: 1px dotted #c4b3ac; }
    .contentPanel5 .container-bottom .shop-item td span { color:#231f20; text-transform:uppercase; }
    .contentPanel5 .container-bottom .shop-item td a { color:#231f20; text-transform:uppercase; }
    .contentPanel5 .container-bottom .shop-item td a:hover { color:#bf1a3f; text-decoration:none; }
    .contentPanel5 .container-bottom .shop-item td.icons { width:40px; text-align:right; }
    .contentPanel5 .container-bottom .list { display:none; }
    .contentPanel5 .container-bottom .list.active { display:block; }

.contentPanel6 { padding:80px 365px 400px 365px; text-align:center; background:url(../../images/public/footer-bgr.png) no-repeat bottom; }
    .contentPanel6 .info { padding:10px 0px; margin:7px 0px; border-bottom:1px dotted #231f20; border-top:1px dotted #231f20; }
    .contentPanel6 .social a { color:#bf1a3f; font-family: 'PT Serif', serif; }
    .contentPanel6 .social a:first-of-type { margin-right:12px; }
    .contentPanel6 .social a i { font-size:16px; }
    .contentPanel6 .social a:hover { color:#231f20; }
    .contentPanel6 .mailto { color:#bf1a3f; font-family: 'PT Serif', serif; }
    .contentPanel6 .mailto:hover { text-decoration:underline; }

#footer { text-align:center; color:#918783; font-size:12px; padding-bottom:10px; }

.popup-content { margin:10px 80px; background:#eee0dd; border-bottom:2px dotted #231f20; }
    .popup-content h1 { font-size:18px; line-height:21px; padding:5px 0px 1px 0px; border-bottom:2px solid #231f20; border-top:2px solid #231f20; font-weight:bold; letter-spacing:2px; text-align:center; text-transform:uppercase; }
    .popup-content p { color:#bf1a3f; font-family: 'PT Serif', serif; }

.popup-news { margin:10px 80px; }
    .popup-news .item { margin-bottom: 50px; }
    .popup-news .item:last-of-type { margin-bottom: 0px; }
        .popup-news .item .title { font-size:18px; padding:5px; border-bottom:2px dotted #231f20; }
        .popup-news .item .text { color:#bf1a3f; margin-top:15px; font-family: 'PT Serif', serif; }

.news-btn { display:none; }
.news, .news-btn { -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); }

@media screen and (min-width: 961px)
{
    .news.narrow { width:180px; left:115px; text-align:center; }
        .news.narrow .item b { width:100%; display:block; border-bottom:2px dotted #231f20; margin-bottom:3px; padding-bottom:7px; }
        .news.narrow .item b:after { content:none; }
}

@media screen and (max-width: 960px) and (min-width: 768px)
{
    #maincontainer { width:692px; }
    #navi-bar { padding:0px 15px; width:662px; }

    .contentPanel1 { height:955px; background: url(../../images/public/bgr1m.png) no-repeat #eee1db; background-position:right; }
        .contentPanel1 .bottles { right:39px; height:955px; width:616px; background:url(../../images/public/bottles-tablet.png) no-repeat; }
        .contentPanel1 .container-left { margin-left:65px; z-index:100; }        
        .contentPanel1 .container-left div:nth-of-type(3) { position:absolute; top:575px; left:365px; width:270px; }
    .news { left:auto; right:50px; width:260px; }
        .news .item { line-height:18px; padding:8px 0px 4px 0px; }
        .news .item b:after { content:'\A'; white-space: pre; }
                
    .news.narrow { width:180px; right:80px; text-align:center; }
        .news.narrow .item b { width:100%; display:block; border-bottom:2px dotted #231f20; margin-bottom:3px; padding-bottom:7px; }
        .news.narrow .item b:after { content:none; }

    .contentPanel2 > div { margin:60px 0px; position:relative; height:383px; }
        .contentPanel2 div .label { height:253px; width:254px; bottom:0px; left:0px; background:url(../../images/public/sprites-tablet.png) no-repeat; }
        .contentPanel2 div .bottle { left:295px; }

    .contentPanel3 { padding:99px 35px; }
        .contentPanel3 .text { width:250px; }

    .contentPanel4 { padding:20px 39px; }

    .contentPanel5 { padding:99px 35px; }
        .contentPanel5 .container-left { width:250px; }
        .contentPanel5 .container-right { text-align:center; width:450px; background-size:100% !important; background-position:right center !important; }
        .contentPanel5 .container-bottom { width:320px; margin-top:0px; margin-right:45px; }
        .contentPanel5 .container-bottom .shop-item td { padding:5px 0px; line-height:normal; }

    .contentPanel6 { padding:80px 246px 220px 246px; background-size:200px; }
}

@media screen and (max-width: 767px)
{
    #maincontainer { width:264px; }
    #navi-bar { padding:0px 15px; width:234px; }
        #navi-bar .menu a { float:none; display:none; line-height:25px; background:#cfc1bb; padding:0px 7px; }
        #navi-bar .menu a:last-of-type { -webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px; padding-bottom:0px; }
        #navi-bar .menu i.menu-icon { display:inline; cursor:pointer; }
    #navi-bar .functions { float:none; position:absolute; right:0px; }

    .contentPanel1 { height:1035px; position:initial; background: url(../../images/public/bgr1s.png) no-repeat #eee1db; background-position:right; }
        .contentPanel1 .bottles { right:0px; top:594px; height:441px; width:264px; background:url(../../images/public/bottles-phone.png) no-repeat; }
        .contentPanel1 .container-left { margin-left:30px; width:204px; }
        .contentPanel1 .container-left img { width:204px; }        
    .news { left:-310px; bottom:auto; top:35px; width:260px; -webkit-border-radius: 0px 12px 12px 0px;-moz-border-radius: 0px 12px 12px 0px;border-radius: 0px 12px 12px 0px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
        .news.open { left:0px; }
        .news .item { line-height:18px; padding:8px 0px 4px 0px; }
        .news .item b:after { content:'\A'; white-space: pre; }

    .contentPanel2 { background-position:-306px 0px; background-repeat:repeat-y; }
    .contentPanel2 > div { margin:60px 5px; position:relative; height:600px; }
        .contentPanel2 div .label { height:253px; width:254px; top:0px; left:0px; background:url(../../images/public/sprites-tablet.png) no-repeat; }
        .contentPanel2 div .bottle { display:none; }
        .contentPanel2 div .text { right:0px; top:253px; width:254px; position:absolute; }

    .contentPanel3 { padding:65px 24px; }
        .contentPanel3 .text { width:200px; }
        .contentPanel3 img { float:right; width:200px; margin-top:35px; }

    .contentPanel4 { padding:20px 32px; background-position:85px 255px; }
    .contentPanel4 img { margin-bottom:30px; }
    .contentPanel4 img, .contentPanel4 .container-left, .contentPanel4 .container-right { width:200px; }
    .contentPanel4 .container-right { margin-top:30px; }

    .contentPanel5 { padding:70px 24px; }
        .contentPanel5 .container-left { width:200px; }
        .contentPanel5 .container-right, .contentPanel5 .container-right img { display:none; }
        .contentPanel5 .container-bottom { width:100%; margin-top:40px; margin-right:0px; font-size:10px; }
        .contentPanel5 .container-bottom .heading { font-size:12px; }
        .contentPanel5 .container-bottom .heading .shop, .contentPanel5 .container-bottom .heading .pub { font-size:10px; }
        .contentPanel5 .container-bottom .shop-item td { padding:5px 0px; line-height:normal; }

    .contentPanel6 { padding:80px 32px 220px 32px; background-size:200px; }

    .popup-content { margin:10px 30px; }
    .popup-news { margin:10px 30px; }
    .news-btn { display:block; cursor:pointer; position:absolute; top:50px; left:0px; padding:10px 10px 7px 10px; font-weight:bold; background:#faf0eb; -webkit-border-radius: 0px 12px 12px 0px;-moz-border-radius: 0px 12px 12px 0px;border-radius: 0px 12px 12px 0px; }
    
    .shop, .pub {display:none;}
}