@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(/style/font/open-sans_latin-ext.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(/style/font/open-sans_latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(/style/font/open-sans_latin.woff) format('woff');
}

body{
    background: #000 no-repeat 0 0 fixed;
    background-size: auto;
    font-size: 16pt;
    color: #fff;
    font-family: 'Open Sans';
    line-height: 1.5;
    margin: 0;
}
h1{
    position:absolute;
    margin-top:-2000px;
}
h2{
    text-align:center;
    width:100%;
}
h2.margin1{
    margin-top:80px;
}
h3.padding1{
    padding:10px;
}
#text .news_box h3 {
    margin: 0 0 10px 0;
    font-size: 110%;
    font-weight: bold;
}
h4{
    font-size:120%;
    margin:0px;
    padding:0px;
}
a{
    color:#e0ab14;
    -webkit-transition: color .5s ease, border-color .5s ease, background-color .5s ease;
    transition: color .5s ease, border-color .5s ease, background-color .5s ease;

}
a:hover{
    color:#555;
    text-decoration:none;
}
img{
    border:0px;
    max-width:100%;
    height:auto;
}
.padding2p{
    padding:0px 2%;
}
input[type="text"], input[type="number"], input[type="password"], input[type="textarea"], input[type="file"], input[type="date"], select, textarea {
    padding: 10px;
    margin: 5px 0 19px 0;
    border-radius: 3px;
    border: 1px solid #424242;
    background: #2b2b2b;
    color: #fdfdfd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    max-width: 100%;
    font-family: 'Open Sans',sans-serif;
}
input[type="submit"],input[type="reset"] {
    cursor:pointer;
    display: block;
    padding: 12px 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size:120%;
    color: #000;
    background: #ffbe00;
    border-radius: 5px;
    border:0px solid #ffcd19;
    -webkit-appearance: none;
}
input[type="submit"]:hover,input[type="reset"]:hover,.tlacitko:hover,.tlacitko.black:hover {
    background: #444;
    color:#fff;
}
input[type="text"]:disabled,input[type="date"]:disabled,select:disabled {
    background: #252525;
    color: #828282;
    border: 1px solid #2b2b2b;
}
input::placeholder, textarea::placeholder  {
    /* color:#6f6f57;*/
    color:rgba(255, 190, 0, 0.48);
}
input[type="submit"].black{
    background:#a5a5a5;
}
input[type="submit"].black:hover{
    background: #444;
}
.form {
    font-size: 80%;/*70*/
}
.form span{
    color: #888;
    font-style: italic;
    font-size: 90%;
}
select {
    color: #fdfdfd;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(/images/select2.png) #2b2b2b right 10px center no-repeat;
}
.floatleft{
    float:left;
}
.floatright{
    float:right;
}
.clear{
    clear:both;
}
.size90{
    font-size:90%;
}
.partneri img {
    max-height: 91px;
    padding: 10px 20px;
    background: #fff;
    margin: 10px;
    border-radius: 10px;
    max-width: 100%;
}
#text{
    font-size:105%;
}
/* barvy */
.grey{
    color:#7b7b7b !important;
}
.lighgrey{
    color:#d0d0d0 !important;
}
.orange{
    color:#ffbe00;/*db5716*/
}
.white{
    color:#fff;
}
.pointer{
    cursor:pointer;
}
header #hamburger, #strankovani .mobile, #tab2, #tab3, .tab-song,.koupitdetail,.newboxes,.MenuPrispevek,.closeFMenu2,#more-content,.more-content,.star, .shopmust .star,#objednavka_obal .odebrat, #text .zalozky, #tabsett .zalozky, .tabs,
#admin_antidate.hidden,#admin_nextdate.hidden,#css_filtr, #css_filtr2,#switchbar,ul#nav-menu li a.mobile{
    display:none;
}
.must .star,#css_filtr.active, #css_filtr2.active{
    display:inline-block;
}
header #hamburger{
    margin-top:4px;
    margin-right:5px;
    font-size:120%;
}
header #hamburger .mini{
    font-size:60%;
    vertical-align: middle;
}
#obal, header{
    width:100%;
}

header{

}
#fixedheader{
    width:100%;
    z-index:500;
}
#fixedheader.content{
    background:#000;
}

#fixedheader.fixed{
    margin:0px;
    padding:0px;
    border-bottom:2px solid #bfbfbf;
}
.content-main{
    position: relative;
    padding: 0px 15px;
    margin: 0px auto;
    width: 1170px;/*985*/
}
.content-main p,ul li{
    line-height: 1.6;
    color: #ccc;
}

/* Horní lišta */
header #social_top {
    display: block;
    overflow: hidden;
    position: relative;
    height: 35px;
    padding-top: 5px;
    z-index: 0;
}
header #social_top a {
    color:#fff;
}
header #social_top a:hover {
    color:#e0ab14;
}

header #social_top .fab {
    margin-top: 5px;
    margin-right: 10px;
    font-size: 150%
}

#toplista{
    padding: 5px 0px;
    background:#ffbe00;
    color:#000;
    font-size:60%;
}
header ul#nav-contact,header ul.nav-social, header ul#nav-menu ,footer ul.nav-social, footer .nav-footer, ul.foto, ul.album-list, ul.tabs-menu, ul.nolist{
    /*  width:auto;*/
    /*  margin:12px;*/
    padding:10px;
    list-style: none;
    margin: 0 auto;
    width: 620px;

}
header ul.nav-social li{
    margin-left:10px;
    display:inline;
}
header ul.nav-social.mobile li{
    margin-left:25px;
    font-size:100%;
}
header ul#nav-contact li{
    margin-right:10px;
    display:inline;
}
header ul#nav-contact span{
    margin-right: 10px;
}
header a{
    color:#000;
    text-decoration:none;
}
header a:hover{
    color:#927b7b;
}
header ul#nav-menu li a:hover,
header ul#nav-menu.menu > li.active > a,
header ul#nav-menu.menu .sub-menu>li.active>a,
header #hamburger a:hover{
    color:#ffcd19;
}
header .menu > li >a{
    margin-top: 4px;
    font-size: 80%;
    text-transform: uppercase;
}
header .menu>li{
    margin: 0px 12px;
    display:inline;
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
}
header ul#nav-menu li a{
    color:#ddd;
    cursor:pointer;
    padding-right: 12px;
    padding-left: 12px;
}
header #hamburger a{
    color:#ddd;
    cursor:pointer;
}
/* Submenu */
header ul#nav-menu .sub-menu {
    display: none;
    position: absolute;
    margin: 0;
    padding: 10px 0px 0px 0px;
    list-style: none;
    min-width: 120px;
    background: #000;
    color: #fff;
    font-size: 80%;
    z-index: 50;
}
header .menu li:hover > .sub-menu {
    position: relative;
    display: block !important;
    margin: 0;
    padding: 0;
}
header ul#nav-menu .sub-menu > li > a {
    display: block;
    white-space: nowrap;
    padding: 10px 25px 10px 15px;
    border-bottom: 1px solid #484848;
}

/* Navigační menu*/

#nav-logo{
    height:50px;
}
#nav-logo img{
    border:0px;
}
#menu_new{
    display:none;
    background: #191919;
    position: absolute;
    margin-top: 0px;
    left: 0px;
    z-index: 10;
    opacity: 0.98;
}

.top-shop-cart{
    width:200px;
    color:black;
    padding:20px 10px;
    position:absolute;
    background:#191919;
    right:0px;
    bottom:10px;
    text-align:center;
    font-size: 80%;
    filter: alpha(opacity=90);
    -webkit-opacity: 0.90;
    -moz-opacity: 090;
    opacity: 0.90;
}
.top-shop-cart .tlacitko{
    color: #000;
    border-radius:5px;
    margin-top:10px;
}
.top-shop-cart .tlacitko:hover{
    background:#444;
    color:#fff;
}

/* Tělo */
#content_image, #menu_new{
    width:100%;
    height:400px;
    background: #191919;
}
.image_count{
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    visibility: inherit;
    background-position: top center;
    position: relative;
    max-width: 2550px;
    margin: 0px auto;
}
.backtop1{
    background-image: url(/images/backtop/3.jpg);
    background-position-y:  -350px;
}
.backtop2{
    background-image: url(/images/backtop/2.jpg);
    background-position-y:  -70px;
}
.backtop3{
    background-image: url(/images/backtop/7.jpg);
    background-position-y: -50px;
}
.homepic{
    background-image: url(/images/homeimage3.jpg);
    background-position-y:  -300px;
}
.hometags{
    background: #828181;
    color: #fff;
    filter: alpha(opacity=60);
    -webkit-opacity: 0.60;
    -moz-opacity: 060;
    opacity: 0.60;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    padding: 8px 15px;
    border-radius: 10px;
    position: absolute;
    font-size: 70%;
}
.hometags.tag1{
    top: 30%;
    left: 60%;
}
.hometags.tag2{
    top: 40%;
    left: 60%;
}
.bar{
    background:#191919;
    width:100%;
    padding:20px 0px;
    border-top:1px solid #424242;
    color:#fff;
    font-size:85%;
}
.bar h2{
    margin:0px;
    padding:0px;
    font-size:120%;
    color:#999;
    font-weight: normal;
}
.counter{
    margin:0px auto;
    width:340px;
    text-align:center;
}
.counter .cell{
    padding:0px 2.5px;
    width:80px;
    float:left;
}
.counter .cell strong,.counter1 .cell strong{
    font-size:200%;
    display:block;
}
.counter .cell span{
    color:#5d5d5d;
    font-size:70%;
}
.counter1{
    width:100%;
    font-size: 100%;
    background: #2b2b2b;/*424242 333*/
    padding-top:6px;
    padding-bottom:10px;
    border-bottom: 1px solid #1e1e1e;
}
.counter1 .cell{
    margin: 0px 3%;
    padding: 0px 2%;
    display:inline-block;
    width: 15%;
    text-align: center;
}
.counter1 .cell span{
    color:#bbb;
    font-size:70%;
}
.content{
    background:#1e1e1e;/*eee*/
    padding:15px 0px;
    font-size:90%;
}
.center{
    text-align:center;
}
.right{
    text-align:right;
}
.error{
    color:#dc4438 !important;
}
.green{
    color:#3cb13c !important;
}
input.error,textarea.error{
    border:1px solid #f7584c !important;
    ;
    background: #1d1d1d !important;
    ;
    color: #fff;
}
select.error{
    border:1px solid #f7584c;
}
#content-body{
    min-height:500px;
    font-size:85%;
    background:#101010;
}
.pozadi{
    background: url('/images/pozadi.jpg') fixed no-repeat;
    background-size: 100% auto;
}
.row{
    padding-bottom:30px;
}
.row2{
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 30px 0;
    padding-top:20px;
    height:280px;
}

.col-2{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    direction: ltr;
    text-align: center;
}
.col-2 img{
    max-width:100%;
    vertical-align: middle;
    border-radius: 8px;
}
.col-2.text{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    direction: ltr;
    background: #191919;/*383838*/
    padding: 30px;
    text-align: center;
    border-radius: 8px;
}
.col-2.text p{
    line-height:1.3;
}
.separator3{
    clear:both;
}
.separate_right{
    margin-top:30px;
}
.col-3{
    float: left;
    width: 29%;
    padding: 10px 2% 0 2%;
}
.article{
    padding-left: 60px;
}
.col-3::after{
    clear:both;
}
.content .col-3{
    font-size:85%;
}
.page_icon{
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ffbe00;
    position: relative;
    z-index: 1;
    color:#222;
}
.page_icon:hover{
    background: #444;
    color:#ffbe00;
}
.page_icon-2{
    position: absolute;
    display: inline-block;
    color: #ffbe00;
    text-align: center;
    font-size: 14px;
    line-height: 38px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #545454;
}
.page_icon-3{
    width: 60px;
    height: 60px;
    border: 2px solid #ebebeb;
    text-align: center;
    font-size: 30px;
    line-height: 54px;
    position: relative;
    display: inline-block;
    color: #ffcd19;
    margin-bottom:10px;
    border-radius:5px;
}
.body-left{
    width:69%;
    padding-right:2%;
    padding-top:10px;
    padding-bottom:10px;
    min-height:700px;
}
.body-right{
    width:29%;
}
.body-right h3{
    font-weight:normal;
    padding:5px 0px;
    margin:0px;
}
.body-right .seznam_detail,.body-right .seznam_nazev{
    font-size:90%;
    height:auto;
    padding-bottom:5px;
}
ul.tabs-menu,footer .nav-footer {
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none
}

ul.tabs-menu{
    font-size:80%;
    width: auto;
    height: 58px;
    margin-bottom: 40px;
    list-style-type: none;
    background: #2c2c2c;
}
ul.tabs-menu li {
    color: #999;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
ul.tabs-menu li a {
    height: 58px;
    line-height: 58px;
    margin: 0;
    float: left;
    color: #ccc;
    padding: 0 24px;
    border-right: solid 1px #262626;
    position: relative;
    text-decoration:none;
}
ul.tabs-menu li a:hover, ul.tabs-menu li.active a{
    background:#e0ab14;
    color: #000;
}
ul.tabs-menu li.active a:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    background: #e0ab14;
    position: absolute;
    left: 50%;
    bottom: -4px;
    margin-left: -5px;
    z-index: 10;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fixmenutop{
    padding-bottom: 9px;
    border-bottom: 1px solid #6b6b6b;
}
.fixmenubottom{
    padding-top: 9px;
}
.paddingkosik{
    padding-top: 20px !important;
}
ul#nav-menu.menu > li .inactive{
    color:#ddd !important;
}
ul#nav-menu.menu > li a:hover{
    color:#ffcd19 !important;
}

ul.album-list{
    /*border: 1px solid #444;*/
    font-size:80%;
    counter-reset: li;
}
ul.album-list li{
    margin: 0px;
    padding: 3px 0px;
    position: relative;
    border-bottom: 2px solid #1e1e1e;
    background: #232323;
    border-radius: 5px;
}
ul.album-list li:last-child{
    border:none;
}
ul.album-list li .song-detail{
    margin-left: 44px;
    padding: 4px 0;
    border-left: 1px solid #444;
    width: auto;
    overflow: hidden;
}
ul.album-list li .song-detail:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: 0;
    top: 8px;
    text-align: center;
    font-size: 150%;
    width: 44px;
}

ul.album-list li a{
    text-decoration:none;
    margin-left:10px;
    display:block;
}
ul.album-list.padding li a{
    padding-top:5px;
}
ul.album-list li a:hover, ul.song-text li h4 a:hover{
    color:#fff;
}
ul.song-text li p{
    font-size:90%;
    color:#fff;
}
ul.song-text li h4{
    padding-bottom:2px;
    border-bottom:1px solid #333;
    width:100%;
    font-size: 90%;
}
ul.song-text li h4 a{
    text-decoration: none;
}
ul.song-text li div{
    color:#fff;
}
ul li .li-datum{
    cursor: help;
    width: 70px;
    /*font-size: 110%; padding: 10px 5px 5px 10px;*/
    padding:5px;
}
ul li .buttons{
    padding:9px 10px 5px 5px;
}
.tlacitko.round{
    font-size: 90%;
    border-radius:5px;
    margin:0px !important;
    padding: 5px 4px 5px 5px;
}
.tlacitko.yel.round:hover{
    color:#000 !important;
}
ul li.black{
    background:#191919 !important;
}
/* Partneři*/
#partneri img{
    max-height: 91px;
    padding: 10px 20px;
    background: #fff;
    margin: 10px;
    border-radius: 10px;
    max-width:100%;
}


/*Foto*/
ul.foto li{
    margin:1% 1%;/*5px 1%*/
    width:18%;/*23*/
    text-align: center;
    display: inline-block;
}
ul.foto.bigger li{
    width:31%;/*23*/
}
ul.foto img{
    border-radius:5px;
}
.normallist,.shoplist {
    background: #232323;
    border-bottom: 2px solid #1e1e1e;
    min-height: 100px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}
.normallist .detail,.shoplist .detail {
    position: relative;
    padding-left: 115px;
    padding-right: 100px;
    display: table-cell;
    vertical-align: middle;
    height: 100px;
}
.normallist .detail > .pocet,.shoplist .detail > .cena{
    padding:0px 10px;
    border-left: 2px solid #1e1e1e;
}
.normallist .detail > .small,.shoplist .detail > .small{
    line-height: 1.1;
}
.normallist h3,.shoplist h3{
    padding:0px;
    margin:0px 5px 2px 0px;
    font-size:80%;
}
.normallist .pocet,.shoplist .cena {
    position: absolute;
    right: 0;
    top: 0;
    width: 98px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-left: 2px solid #1e1e1e;
    color: #a5a5a5;
}
.normallist img,.shoplist img {
    position: absolute;
    width: 100px;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 100px;
}
/*Novinky*/
hr {
    border:1px solid #3e3d3d;
}
.seppbottom {
    margin-bottom:20px;
}

/*Video */
.videobox {
    margin: 10px 2%;
    width: 29.3%;
    height: 192px;
    background: #000;
}
.videobox iframe, .videobox img {
    width: 100%;
    min-height:192px;
    height: 100%;
    height:auto;
    border-radius: 5px;
    cursor: pointer;
}

li.detail,.body-right .detail{
    background:#2d2d2d;
}
li.detail img,.body-right .detail img{
    border-radius:0px;
    width:100%;
}
ul.foto li img:hover{
    filter: alpha(opacity=60);
    -webkit-opacity: 0.60;
    -moz-opacity: 060;
    opacity: 0.60;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.seznam_detail{
    background:#2d2d2d;
    width:100%;
    height:90px;
    text-align:left;
}
.seznam_nazev,.seznam_social{
    width:90%;
    padding:0px 5%;
}
.seznam_nazev{
    height:60px;
}
.seznam_social{
    background:#191818;
    height:26px;
    padding:1px 5% 3px 5%;
}
.seznam_nazev span, .seznam_social a{
    color:#999;
    font-size:80%;
}
.seznam_social a{
    padding-right:12px;
}
.seznam_social a:hover{
    color:#fff;
}
hr {
    border:1px solid #3e3d3d;
}
/*Info*/
.box1{
    width:29.3%;
    padding:5px 2%;
    float:left;
}
.box-right{
    background: #232323;
    padding: 10px 20px;
    line-height: 1.2;
    border-bottom:1px solid #1e1e1e;
}
.box-right input{
    margin-bottom:10px;
}
.box2{
    padding: 5px 2%;
    width: 44%;
    margin-right: 1%;
    margin-left: 1%;
    /*float: left;*/
    background: #191919;
    border-radius: 5px;
    display:inline-block;
    margin-bottom:10px;
}
.box2.stoprocent{
    width:94%;
}
.box2.help{
    background: #2b2b2b;
}
.box2.help h3{
    margin:7px 0px;
}
.box2.captcha .g-recaptcha{
    padding-top:10px;
    margin: 0px auto;
    width: 304px;
}
.box2.flag{
    background:#842727;
}
.stoprocent{
    width:100%;
}
.box2 textarea{
    min-height:200px;
}
.obal-g-recaptcha{
    float:right;
    padding:0px 2%;
    text-align:right;
}
#map {
    width:100%;
    height:350px;
    background:#191919;
}
#map .gm-style .gm-style-iw{
    color:#000;
}
/*Ankety*/
.listbox1{
    width:0%;
    text-align:center;
}
.listbox1 input{
    opacity:0;
    position:absolute;
}
ul.album-list li.active{
    background:#ffbe00;
    color:#000;
}
ul.album-list li.active a{
    color:#000;
}
ul.album-list li.active a:hover{
    color:#000;
}
ul.album-list.check li:hover{
    background:#1e1e1e;
    color:#000;
}
ul.album-list li.active:hover{
    background:#ffbe00;
}
.anketyhlas.poradi{
    position: absolute;
    top: 0;
    width: 55px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 100%;
}
.anketyhlas.detail{
    position: relative;
    padding-left: 55px;
    padding-right: 100px;
    display: table-cell;
    vertical-align: middle;
    height: 100px;
}
.listbox2,.listbox3{
    width:100%;
}

.button_ver1{
    display: block;
    background: #e0ab14;
    padding: 10px 10px;
    color: #000;
    text-decoration: none;
    font-size: 120%;
    position: relative;
    border-radius: 5px;
    text-align: center;
}
.button_ver1:hover{
    background: #000;
    color: #fff;
}

/* Patička*/
#content-footer{
    background:#000;
}
footer{
    color:#9a9191;
    padding:20px 0px 10px 0px;
    margin-bottom:10px;
}
footer h3{
    font-size:90%;
    color:#fff;
}
footer a{
    color:#fff;
    text-decoration:none;
}
footer a:hover{
    color:#ffcd19;
    text-decoration:none;
}
footer a.button {
    color:#fff;
    text-decoration:none;
    padding:5px 20px;
    border:1px solid #fff;
    font-size:70%;
}
footer a:hover.button {
    background:#ffcd19;
    border:1px solid #ffcd19;
}

footer ul.nav-footer li a{
    font-size:78%;
    color:#c3c3c3;
}
footer ul.nav-footer li a .fa{
    color:#ffbe00;
    font-size: 70%;
    padding:0px 2px;
}

footer ul.nav-footer li a:hover{
    color:#ffbe00;
}
footer .separator{
    border-top:1px solid #404040;
    padding-top:15px;
}

footer .copyright{
    font-size:80%;
    padding-top:20px;
    min-width:60%;
}
footer ul.nav-social li{
    margin:0px 5px;
    display:inline-block;
    ;
}
footer ul.nav-social li a{
    display: block;
    width: 40px;
    height: 40px;
    font-size: 14px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    border: 1px solid #fff
}
footer ul.nav-social li a:hover{
    background:#fff;
    color:#000;
}
.small{
    font-size:70% !important;
}

::-webkit-scrollbar {
    width: 10px;
    background: #000000;
}
::-webkit-scrollbar-thumb {
    width: 10px;
    background: #bfbfbf;
    border-radius: 5px;
}

#lista_cookies{
    background:#1F1F1F;
    color:#fff;
    padding:15px 10px 15px 10px;
    font-size:70%;
    position: fixed;
    width: 100%;
    bottom: 0px;
    border-top:1px solid #777;
    text-align:center;
    z-index:5000;
    filter: alpha(opacity=95);
    -webkit-opacity: 0.95;
    -moz-opacity: 0.95;
    opacity: 0.95;
}
#lista_cookies a{
    background-color: #e0ab14;
    color:#000 !important;
    border: 1px solid rgba(0,0,0,.1);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    line-height: 19px;
    padding: 4px 8px;
    text-decoration: none;
    white-space: nowrap;
    margin-left:10px;
}
#lista_cookies .black{
    background-color: #000;
    color:#FFF !important;
}
#lista_cookies a:hover{
    background-color:#444;
}
.page-nav{
    margin-top:20px;
}
.but{
    font-size:85%;
    display: inline-block;
    min-width: 108px;
    height: 42px;
    line-height: 42px;
    background-color: #444;
    color: #c7c7c7;
    text-decoration: none;
    padding:0px 20px;
}
.but.next{
    text-align:right;
    margin-left:1px;
}
.but:hover{
    background:#ffbe00;
    color:#000;
}
.tlacitko{
    font-size:80%;
    width:90%;
    padding:5px 5%;
    background:#e0ab14;
    display:block;
    text-decoration:none;
    margin:1px 0px;
}
.tlacitko.yel{
    background:#e0ab14;
    color:#000;
}
.tlacitko.black{
    background:#a5a5a5;
    color:#000;
}
.tlacitko:hover{
    background:#fff;
}
.tlacitko span{
    padding-right:10px;
}
.tlacitko_form,.tlacitko_form2{
    text-decoration:none;
    text-align:center;
    display:inline-block;
    cursor:pointer;
    padding:9px 10px;
    margin-top:10px;
    margin-bottom:20px;
    background:#ffbe00;
    color:#000;
    border-radius:5px;
}
.tlacitko_form:hover{
    background:#fff;
    color:#000;
}
.tlacitko_form2{
    margin:10px;
}
.tlacitko_form2.grey{
    background:#222;
    color:#fff;
}
.tlacitko_form2:hover{
    background:#444;
    color:#fff;
}
ul.album-list li:hover{
    background:#2f2f2f;
}
ul.album-list.noradius li{
    border-radius: 0px !important;
    padding:0px;
}
ul.album-list.noradius li a{
    padding: 10px;
    margin:0px;
}
ul.album-list.noradius li .listbox3 a{
    padding-left: 65px;
    margin:0px;
    position: relative;
}
ul.album-list.noradius li .listbox4{
    position: absolute;
    margin: 10px 8px;
}
ul.album-list.radius li .listbox5 a{
    padding-left: 85px;
    margin:0px;
    position: relative;
}
ul.album-list.radius li .listbox6{
    position: absolute;
    margin: 5px 17px;
}
/*ul.album-list.noradius li a:hover{background: #333;color:#fff;}*/
ul.album-list.noradius li:hover{
    background: #333 !important;
    color:#fff !important;
}
ul.album-list.noradius li.actual{
    background: #2b2b2b;
}
#strankovani{
    display: block;
    float: left;
    padding: 8px 0px 12px 0px;
    width: 100%;
    text-align: center;
    /* border: 1px solid #3e3d3d; */
    border-radius: 10px;
    margin: 10px 0px;
    background: #232323;
}

#strankovani .nadpis{
    font-size:80%;
    color: #717171;
    font-weight: normal;
}
#strankovani select{
    width:auto;
    display:inline-block;
    padding: 10px 25px 10px 10px;
    font-size: 75%;
    margin:0px 5px;
}
#strankovani .mobile a, #forum_sett a{
    display:inline-block;
    border:1px solid #999;
    padding:8px 10px;
    text-decoration:none;
    margin:0px 5px;
    color:#FFF;
    background:#454545;
    border-radius: 5px;
    font-weight:normal;
    font-size:80%;
}
#strankovani .mobile .nopage, #forum_sett .no{
    display:inline-block;
    border:1px solid #999;
    padding:10px;
    text-decoration:none;
    margin:0px 5px;
    color:#777;
    background:#444;
    border-radius: 5px;
    font-weight:normal;
    font-size:80%;
}
#strankovani .desktop a{
    display: inline-block;
    border: 1px solid #353535;
    padding: 8px 10px;
    text-decoration: none;
    margin: 0px 1px;
    color: #FFF;
    background: #1e1e1e;
    border-radius: 5px;
    font-weight: normal;
    font-size: 80%;
}
#strankovani .desktop a:hover{
    color:#000;
    background:#ffcd19;
}
#strankovani .desktop .nopage{
    display:inline-block;
    border:1px solid #e0ab14;
    padding:8px 10px;
    text-decoration:none;
    margin:0px 1px;
    color:#000;
    background:#e0ab14;
    border-radius: 5px;
    font-weight:normal;
    font-size:80%;
}

@media (max-width: 2450px) {
    .backtop1{
        background-position-y: -320px;
    }
    .backtop2{
        background-position-y: -60px;
    }
    .homepic{
        background-position-y: -200px;
    }
}
@media (max-width: 2300px) {
    .backtop1{
        background-position-y: -250px;
    }
    .backtop2{
        background-position-y: -40px;
    }
}
@media (max-width: 1900px) {
    .backtop3{
        background-position-y: 0px;
    }
}

@media (max-width: 1800px) {
    .backtop1{
        background-position-y: -150px;
    }
    .backtop2{
        background-position-y: -30px;
    }
}
@media (max-width: 1600px) {
    .backtop1{
        background-position-y: -100px;
    }
    .homepic{
        background-position-y: -110px;
    }
    .backtop2{
        background-position-y: 0px;
    }
}
@media (max-width: 1200px) {
    .content-main{
        padding: 0 2%;
        width: 96%;
    }
    footer .col-3{
        float: left;
        width: 46%;
        padding: 0px 2%;
        margin-bottom:20px;
    }
    .row2{
        height:auto;
    }
    #content_image, #menu_new{
        height:300px;
    }
    .hometags.tag2{
        top: 43%;
    }
}
@media (max-width: 1270px) {
    .backtop1{
        background-position-y: -70px;
    }
}
@media (max-width: 1200px) {
    .backtop1{
        background-position-y: -100px;
    }
}

@media (max-width: 1100px) {
    .homepic{
        background-position-y: -50px;
    }
    .backtop2{
        background-position-y: -10px;
    }
    .counter1 .cell{
        margin: 0px 15%;
    }
}
@media (max-width: 1030px) {
    .backtop1{
        background-position-y: -50px;
    }
}

@media (max-width: 1060px) {
    .box2.captcha{
        width: 94%;
    }
}

@media (max-width: 930px) {
    #lista_cookies{
        width:auto;
        text-align:center;
    }
    #lista_cookies span{
        display:inline-block;
        margin-bottom:10px;
    }
    .homepic{
        background-position-y: -50px;
    }
    .backtop2{
        background-position-y: 0px;
    }
}
/* Responzivní natavení*/

@media (min-width: 780px) {
    .row2:nth-child(2n) {
        direction: rtl;
    }
}

@media (max-width: 900px) {
    .backtop1{
        background-position-y: -20px;
    }
    #menu_home{
        display:none !important;
    }
}
@media (max-width: 820px) {
    header ul#nav-menu,ul#nav-menu li a.desktop{
        display:none;
    }
    header ul#nav-menu .sub-menu{
        display:none !important;
    }
    header ul#nav-menu li a,ul#nav-menu li a.mobile{
        display:block;
    }
    header #hamburger,header ul#nav-menu.active{
        display:block;
        margin-top: 8px;
    }
    header ul#nav-menu{
        width:100%;
    }
    #content_image, #menu_new{
        height:250px;
    }
    header ul#nav-menu{
        margin-top:20px;
    }
    header ul#nav-menu li{
        display:block;
        border-bottom:1px solid #6b6b6b;
        padding:10px 0px;
        float:none;
    }
    .videobox {
        width: 46%;
    }
    .box2,.box2.captcha{
        width:96%;
        margin:0px 0px 10px 0px;
    }
    .box2.stoprocent{
        width:96%;
    }
}

@media (max-width: 780px) {

    #content-body .content-main{
        padding: 0px;/*0 2%*/
        width: 100%;/*96%*/
    }
    .col-2,.col-2.text{
        width:100%;
        display: block;
        text-align:center;
        padding: 20px 0px;
    }
    .row2{
        border-spacing: 0px;
        height:auto;
        padding-top:5px;
    }
    .content .col-3{
        width:46%;
    }
    footer .col-3.end{
        width:96%;
    }
    .separator-col3:nth-child(2n) {
        clear:both;
    }
    .separator3{
        clear:none;
    }
    .col-2 img{
        width:100%;
    }
    #content-body{
        padding-left: 10px;
        padding-right: 10px;
    }
    ul.foto li{
        width:23%;
    }
    .box1{
        width:96%;
        padding:2%;
    }
    .obal-g-recaptcha{
        float:none;
        padding:0px 2%;
        text-align:center;
        width:96%;
    }
    .g-recaptcha{
        margin:0px auto;
        width: 304px;
    }

}
@media (max-width: 690px) {
    .backtop1{
        background-position-y: 0px;
    }
}

@media (max-width: 650px) { /*630*/
    #toplista ul.floatleft,#toplista ul.floatright,footer .copyright, footer ul.nav-social{
        float:none;
        width:100%;
        text-align:center;
    }
    #switchbar{
        display:block;
    }
    #switchbar a,#switchbar a:active,#switchbar a:visited{
        color:#e0ab14;
    }
    .content-main-right.mobile, .content-main-left.mobile{
        display:none;
    }
    #toplista ul.nav-social{
        margin:10px 0px 8px 0px;
        font-size:120%;
    }
    #toplista ul.nav-social li{
        margin:0px 10px;
    }
    .top-shop-cart{
        width:150px;
        padding:10px 5px;
        right:10px;
        text-align:center;
        font-size: 70%;
    }
    #content_image, #menu_new{
        height:170px;
    }
    ul.foto li, ul.foto.bigger li{
        width:48%;
    }
    .bar{
        font-size:60%;
        padding:2% 5%;
        width:90%;
    }
    .hometags.tag2{
        top: 52%;
    }
    .hometags.tag1,.hometags.tag2{
        left: 52%;
    }
    .backtop1{
        background-position-y: -50px;
    }
    .backtop2{
        background-position-y: 0px;
    }
    .body-left, .body-right{
        width:100%;
        padding:0%;
    }
    ul.tabs-menu {
        margin-top:20px;
    }
    ul li .li-datum{
        width:auto;
        font-size:90%;
        padding:12px 0px 5px 10px;
    }
    .counter1 .cell{
        margin: 0px 3%;
    }
    .box2.floatleft,.box2.floatright{
        float:none;
    }
}
@media (max-width: 570px) {
    .backtop1{
        background-position-y: -20px;
    }
}
@media (max-width: 500px) {

    .partneri {
        padding:10px;
        text-align:center;
    }
    .partneri img{
        max-width:100%;
        margin:5px 0px;
        padding:0px;
        background: transparent;
    }
    footer{
        padding:0px 2%;
    }
    footer .col-3, .content .col-3{
        width: 96%;
        padding: 0px 2%;
    }
    #strankovani .mobile{
        display:block;
    }
    #strankovani .desktop{
        display:none;
    }

    .counter{
        width:260px;
        font-size:80%;
    }
    .counter .cell{
        width:60px;
    }
    #map{
        height:200px;
    }
    #fixedheader.content{
        padding:5px 0px;
    }
    header #hamburger{

    }
    .hometags{
        display:none;
    }
    .homepic{
        background-position-y: 0px;
    }
    .page-nav .but{
        width:39.5%;
        padding:0px 5%;
    }
    .page-nav .but.next{
        margin-left:1%;
    }
    ul.tabs-menu {
        width: 100%;
        height: auto;
        border: none;
        overflow: hidden;
        padding-bottom: 7px;
        background: #1e1e1e;
    }
    ul.tabs-menu li, ul.tabs-menu li a {
        width: 100%;
        border-top:solid 1px #262626;
        background: #2c2c2c;
    }
    ul.tabs-menu li.active a:after {
        margin: 0px -24px;
    }
    .backtop1{
        background-position-y: 0px;
    }
}
@media (max-width: 400px) {
    .backtop1{
        background-position-y: 0px;
    }
    .backtop2{
        background-position-y: 0px;
    }
    .videobox {
        width: 96%;
    }
}
@media (max-width: 360px) {

    ul.foto li, ul.foto.bigger li{
        width:98%;
        text-align:center;
    }
}