@import url(https://fonts.googleapis.com/css?family=Oswald:400,300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400italic,700,700italic&subset=latin,latin-ext);
/*------------------------------
    RESET
--------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #fff;
}
strong          { font-weight: 700; }
ol, ul          { list-style: none; }
blockquote, q   { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type=text] {
    border: 0
}


/*------------------------------
    TYPOGRAFY
--------------------------------*/
h1, h2, h3, h4, h5, dt, dd {
    font-family: 'Oswald';
    line-height: 1.2;
    font-weight: 400;
}

h2 {
    font-size: 23px;
    text-shadow: 0 3px 2px #000;
}

p {
    font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif;
    line-height: 1.33;
    font-size: 16px;
}

p.small {
    font-size: 83%;
    line-height: 1.15;
}

small {
    font-weight: 200;
}

a {
    text-decoration: none;
    color: #000;
}
a:hover {
    text-decoration: underline;
}
b {
    font-weight: bold;
}

.red   { color: red; }
.white { color: #fff; }

/*------------------------------
    SHORTCUTS
--------------------------------*/
.abs        { position: absolute; }
.rel        { position: relative; }
.clr, .cleaner
{ clear: both; }
.right      { text-align: right; }
.left       { text-align: left; }
.center     { text-align: center; }
.rgt        { float: right; }
.lft        { float: left; }
.bl         { display: block; }
.in-bl, dt, dd
{ display: inline-block; *display: inline; zoom: 1; }
.hide       { display: none; }
.h1px       { height: 1px; }
.h5px       { height: 5px; }
.h10px      { height: 10px; }
.h15px      { height: 15px; }
.h20px      { height: 20px; }

.nomr       { margin: 0!important;}

.bg-orange      { background: url(/images/bg-orange.jpg)!important; }
.bg-dark-red    { background: url(/images/bg-dark-red.jpg)!important; }
.bg-red         { background: url(/images/bg-red.jpg)!important; }
.bg-vine        { background: url(/images/bg-vine.jpg)!important; }
.bg-line        { background: url(/images/bg-line.png)!important; }
/*------------------------------
    LAYOUT
--------------------------------*/

.mobile-only {
    display: none;
}
#mobile-nav-btn {
    display: none;
}

.wrapper-all {
    position: relative;
    z-index: 2;
}

.head,
.content,
.foot,
.facebook-bottom {
    width: 1038px;
    margin: 0 auto;
}

@media only screen and (min-width: 601px) {

    .facebook-bottom-wrapper,
    .foot-wrapper {
        min-width: 1038px;
    }

}


.head {
    height: 200px;
    z-index: 2;
}

.content {
    /*position: relative;*/
    top: -34px;
    z-index: 2;
    min-height: 636px;
}

.bg-main {
    position: fixed;
    width: 100%;
    height: 1400px;
    z-index: 1;
    background: url(/images/bg-big-img.jpg) center 200px no-repeat;
    background-size:auto 100%;
}
.bg-main .top-part {
    width: 100%;
    height: 200px;
    background: url(/images/bg-top.jpg) top repeat-x;
    z-index: 1;
}

.facebook-bottom-wrapper {
    background: transparent;
}
.facebook-bottom {
    height: 335px;
    padding: 30px 0 0;
}

.foot-wrapper {
    background: #000;
}

/*------------------------------
    BASIC ELEMENTS
--------------------------------*/
#hp {
    margin-top: -34px;
}
#hp h2 {
    padding-bottom: 10px;
}

ul.nav {

}
ul.nav li {
    float: left;
    display: inline-block;
    *display: inline;
    margin-left: 2px;
    position: relative;
}

ul.nav li:first-child { margin-left: 0; }

ul.nav li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    font-family: 'Oswald', sans-serif;
    zoom: 1;
    background: #441C1C; /* IE8 */
    background: rgba(0,0,0,.45);
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}

ul.nav li.live a {
    -webkit-transition: background 1.0s ease-in-out;
    -moz-transition: background 1.0s ease-in-out;
    -ms-transition: background 1.0s ease-in-out;
    -o-transition: background 1.0s ease-in-out;
    transition: background 1.0s ease-in-out;    
}

ul.nav li a:hover,
ul.nav li a.hover,
ul.nav li a.active:hover {
    color: #000;
    background: #fff;
}
ul.nav li a:active {
    position: relative;
    top: 1px;
}

/* submenu */
ul.nav li div.sub-nav {
    display: none;
    padding-top: 3px;
}
ul.nav li:hover div.sub-nav {
    display: block;
    z-index: 20;
}
ul.nav li div.sub-nav a.sub {
    margin-bottom: 3px;
    display: block;
    height: 20px;
    min-width: 150px;

    -webkit-box-shadow: 0px 0px 2px 0px rgba(221,221,221,1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(221,221,221,1);
    box-shadow: 0px 0px 2px 0px rgba(221,221,221,1);

    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}
ul.nav li div.sub-nav a.sub {
    background: #441C1C; /* IE8 */
    background: rgba(0,0,0,.85);
}
ul.nav li div.sub-nav a.sub:hover {
    background: #fff;
}
/* submenu */

.arrow { display: block; }

.btn {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 8px 12px;
    font: 700 13px/1 'Oswald';
    color: #fff;
    text-decoration: none;
    background: #aa0101;
    cursor: pointer;
}
.btn strong {
    color: #fff !important;
}
.btn:hover {
    background: #670202;
    text-decoration: none;
}
.btn:active {
    position: relative;
    top: 1px;
}

/*------------------------------
    BREADCRUMBS
--------------------------------*/
.content.detail .breadcrumbs {
    font: 400 13px/45px 'Oswald';
}

.content.detail .breadcrumbs a {
    color: #fff !important;
}

/*------------------------------
    CAROUSEL
--------------------------------*/
/* doplnené pre problém so submenu */
.carousel-navigation,
.carousel-navigation ul.events-nav.nav,
.carousel-navigation ul.events-nav.nav li {
    position: static;
    z-index: 2;
}
.carousel-navigation {
    width: 400px;
    overflow: hidden;
}
ul.nav.all-program,
ul.nav.all-program li {
    z-index: 2;
}

.carousel,
.carousel ul,
.carousel ul li {
    position: relative;
    overflow: hidden;
}

.carousel ul    { width: 2000em; }
.carousel ul li { float: left; }

/*------------------------------
    PAGGINATOR
--------------------------------*/
.pagginator { margin-top: 35px; }
.pagginator a {
    display: inline-block;
    padding: 0 4px;
    margin: 0 2px;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
}
.pagginator a:hover,
.pagginator a.active,
.pagginator a.first,
.pagginator a.last {
    background: #aa0101;
    text-decoration: none;
}
.pagginator a:active {
    position: relative;
    top: 1px;
}
.pagginator a.first,
.pagginator a.last {
    padding: 0 12px;
}
.pagginator a.active:hover { cursor: default;  }
.pagginator a.first:hover,
.pagginator a.last:hover {
    background: #910505;
}

/*------------------------------
    HEADER
--------------------------------*/
.head .logo a {
    display: block;
    width: 218px; height: 147px;
    margin-top: 5px;
    background: url(/images/logo.png);
    text-indent: -9999px;
}
.head .logo a:hover {
    background: url(/images/logo-hover.png);
}

.head ul.main-nav li a { font-size: 20px; }

.head .social-lang { top: 0; right: 0; }
.head .social-lang .social {
    vertical-align: top;
    margin: 8px 20px 0 0;
}
.head .social-lang .social .fb-like-wrap {
    vertical-align: top;
    display: inline-block;
}

.head .search {
    top: 50px; right: 0;
    font-size: 17px;
}
.head .search input[type=text] {
    font: 400 14px/37px 'Oswald';
    width: 120px; height: 37px;
    padding: 0 37px 0 7px;
    border: 0;
    color: #000;

    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -ms-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
}
.head .search input[type=text]:focus,
.head .search input[type=text]:hover {
    width: 220px;
}
.head .search input[type=submit]{
    position: absolute;
    top: 0; right: 0;
    width: 37px; height: 37px;
    text-indent: -999px;
    border: 0;
    background: url(/images/spriters-icons.png) 6px 7px no-repeat;
}
.head .search input[type=submit]:focus {
    outline: none;
}
.head .search input[type=submit]:active {
    top: 1px;
}

/*------------------------------
    FOOT
--------------------------------*/
.foot {
    height: 470px;
}
.foot:before {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.foot a {
    color: #fff;
}
.foot a:hover,
.foot input[type=submit]:hover {
    color: #aa0101;
    text-decoration: none;
}

.foot .info > div {
    float: left;
    /*height: 100px;*/
}

.foot .info .title {
    display: inline-block;
    padding: 0 12px;
    line-height: 30px;
    margin-bottom: 15px;
    background: #aa0101;
}

.foot .info .fast-contacts {
    margin-right: 50px;
}
.foot .info .fast-contacts .bar-open {
    color: #aa0101;
    font: 700 14px/17px 'Oswald';
}
.foot .info .fast-contacts .bar-open div {
    width: 150px;
}
.foot input, .foot .menu { font-family: 'Oswald'; }
.foot input[type=text] {
    width: 163px; height: 24px;
    line-height: 24px;
    padding-left: 7px;
    color: #000;
}
.foot input[type=submit] {
    border: 0;
    background: none;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
}

.foot input[type=submit]:active {
    position: relative;
    top: 1px;
    outline: none;
}

.foot .social {
    margin: 0 90px;
}
.opera .foot .social {
    margin: 0 30px;
}

.foot .social h4 a {
    font-size: 18px;
    line-height: 24px;
}

.foot .menu {
    font-size: 14px;
    line-height: 1.3;
}


/*------------------------------
    NAVIGATION
--------------------------------*/
.main-nav           { right: 0; top: 102px; }
ul.main-nav li      { margin-left: 3px; }
ul.lang li a        { font: 200 14px/1 'Oswald'; }
ul.lang li a.trip-advisor        { padding: 0; margin-right: 15px; }

ul.events-nav li a,
ul.all-program li a {
    font: 400 14px/1 'Oswald';
    background: #fff;
    color: #000;
}
#hp ul.events-nav li.active a,
#hp ul.events-nav li.active a:hover,
ul.events-nav li a.active,
ul.events-nav li a.active:hover,
ul.events-nav li a:hover,
ul.all-program li a:hover {
    background: #000;
    color: #fff;
}
ul.all-program {
    top: 0; right: 0;
}

.content.detail ul.events-nav li a {
    width: 116px;
    color: #000;
    text-align: center;
}
.content.detail ul.events-nav li:last-child a,
.content.detail ul.events-nav li:first-child a {
    width: 118px;
}
.content.detail ul.events-nav li a.active,
.content.detail ul.events-nav li a:hover {
    color: #fff;
}

/*------------------------------
    BIG CAROUSEL ON HP
--------------------------------*/
.events-content {
    height: 603px;
    background: #000;
    padding: 13px 0 20px;
    margin-bottom: 20px;
}

#hp-events .carousel {
    width: 990px;
    margin-left: 25px;
}
#hp-events .carousel ul {
    height: 603px;
}
#hp-events .carousel ul li {
    width: 992px;
}
#hp-events .carousel ul li .box {
    width: 314px; height: 605px;
    float: left;
    margin-right: 22px;
    text-align: center;
}
#hp-events .carousel ul li .box.item-3 {
    margin-right: 0;
}
#hp-events .carousel ul li .box:hover img {
    opacity: 0.5;
    filter:alpha (opacity=50);
}
#hp-events .carousel .text {
    position: absolute;
    bottom: 0;
    width: 314px; height: 165px;
    background: url(/images/bg-vine.jpg);

    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
}
#hp-events .carousel li .box:hover .text {
    height: 213px;
}
#hp-events .carousel .text h2 {
    padding: 13px 0;
    text-shadow: none;
}
#hp-events .carousel .text p, #hp-events .carousel .text p a {
    font: 400 13px/14px Tahoma, Arial, sans-serif;
    padding: 0 15px 7px;
    overflow: hidden;
    color: white;
}
#hp-events .arrow {
    width: 27px; height: 50px;
    background: url(/images/spriters-arrow.png)  -16px -38px no-repeat #000;
}
#hp-events .arrow:hover { background: url(/images/spriters-arrow.png)  -16px 13px no-repeat #fff; }
#hp-events .prev-stage  { left: -27px; top: 295px; }
#hp-events .next-stage  {
    right: -27px; top: 295px;
    background-position: -45px -38px;
}
#hp-events .next-stage:hover { background-position: -45px 13px; }


/*------------------------------
    TIP CAROUSEL ON HP
--------------------------------*/
#tip-events h2 {
    padding-top: 10px;
}

#tip-events .carousel {
    width: 870px;
}

#tip-events .carousel li a {
    display: block;
    background: #000;
    color: #fff;
    width: 870px;
    font: 200 18px/40px 'Oswald';
    height: 40px;
    text-decoration: none;
    text-indent: 20px;
}

#tip-events .arrow {
    width: 25px; height: 40px;
    background: url(/images/spriters-arrow.png) -15px -108px #aa0101;
}
#tip-events .carousel-prev {
    left: 142px;
}
#tip-events .arrow:hover {
    background: url(/images/spriters-arrow.png) -15px -154px #fff;
}
#tip-events .carousel-next {
    right: 0;
    background-position: -40px -107px;
}
#tip-events .carousel-next:hover {
    background: url(/images/spriters-arrow.png) -40px -153px #fff;
}


/*------------------------------
    NEWS ON HP
--------------------------------*/
#hp .news {
    width: 410px;
}
#hp .news .box {
    height: 127px;
    margin-bottom: 10px;
    padding: 4px 10px 4px 4px;
    color: #000;
    background: #fff;
}
#hp .news .box:hover,
.news-box-item:hover {
    background: #d8d6d6;
}
#hp .news .box img {
    margin-right: 10px;
}
#hp .news .box h3 {
    padding: 10px 0 7px;
    font-size: 17px;
}
#hp .news .box p {
    font: 400 16px/20px 'Archivo Narrow';
}
#hp .news .btn {
    margin-top: 0;
}

/*------------------------------
    REPORT/POSTER ON HP
--------------------------------*/
.report-poster {
    width: 285px; height: 490px;
    margin-left: 25px;
}
.report-poster img {
    display: block;
}
.report-poster .text {
    height: 90px;
    background: #fff;
    color: #000;
}
.report-poster .text h3 {
    line-height: 45px;
}

.report-poster .carousel h3 {
    font-size: 20px;
    padding: 7px 0 5px;
}
.report-poster .carousel p {
    font: 300 20px/1 'Oswald';
    color: #606060;
    padding: 0 25px;
}

.report-poster .arrow {
    width: 23px; height: 90px;
    bottom: 0px;
    background: url(/images/spriters-arrow.png) -135px -202px #aa0101;
}
.report-poster .carousel-prev {
    left: 0px;
}
.report-poster .arrow:hover {
    background: url(/images/spriters-arrow.png) -135px -202px #670202;
}
.report-poster .carousel-next {
    right: 0;
    background-position: -160px -202px;
}
.report-poster .carousel-next:hover {
    background: url(/images/spriters-arrow.png) -160px -202px #670202;
}


/*------------------------------
    TOP FOTO VIDEO ON HP
--------------------------------*/
#top-foto-video {
    margin: 30px 0 50px;
}
#top-foto-video .carousel {
    width: 990px;
    margin-left: 24px;
}
#top-foto-video li {
    width: 330px; height: 213px;
}
#top-foto-video li iframe {
    display: block;
    background: #eaeaea;
}
#top-foto-video li h3 {
    text-align: center;
    line-height: 27px;
    background: #fff;
    color: #000;
}
#top-foto-video .arrow {
    width: 23px; height: 213px;
    bottom: 0px;
    background: url(/images/spriters-arrow.png) -135px -140px #aa0101;
}
#top-foto-video .carousel-prev {
    left: 0px;
}
#top-foto-video .arrow:hover {
    background: url(/images/spriters-arrow.png) -135px -140px #670202;
}
#top-foto-video .carousel-next {
    right: 0;
    background-position: -160px -140px;
}
#top-foto-video .carousel-next:hover {
    background: url(/images/spriters-arrow.png) -160px -140px #670202;
}
#top-foto-video h2 a {
    text-shadow: none;
}

/*------------------------------
    CONTENT DETAILS
--------------------------------*/
.content.detail.non-nav {
    top: 0;
}
.content.detail .item {
    background: #000;
    padding: 20px 20px 22px;
    font-family: 'Oswald';
    margin-bottom: 25px;
}
.content.detail .item h1.title {
    height: 60px;
    font: 400 30px/60px 'Oswald';
    padding: 0 25px 0 20px;
}
.content.detail .item h2.title {
    color: #fff;
    height: 45px;
    font: 400 18px/45px 'Oswald';
    padding: 0 25px 0 20px;
}

.content.detail h2,
.content.detail h3,
.content.detail h3 a,
.content.detail dt {
    color: red;
    text-shadow: none;
}
.content.detail h2,
.content.detail p {
    margin-bottom: 20px;
}

/*------------------------------
    CONTENT DETAILS - EVENT
--------------------------------*/
#event .top {
    text-transform: uppercase;
}

#event .top .text {
    margin-left: 60px;
    padding-right: 50px;
}
#event .top h2 {
    font-size: 28px;
}
#event .top  dt {
    width: 180px;
    line-height: 2;
    font-weight: 200;
}
#event .top .dj-band {
    margin: 5px 0;
}
#event .top .dj-band dt {
    vertical-align: top;
    width: 180px;
    line-height: 1;
}
#event .top iframe {
    margin-top: 20px;
    border: 8px solid #b80000;
}
#event .top .event-description {
    padding-top: 25px;
    text-transform: none;
}

#event .artist { margin-top: 30px; }
#event .artist-detail {
    padding-bottom: 30px;
}
#event .artist-detail:before,
#event .artist-detail:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}
#event .artist-detail .box { margin-left: 225px; }

/*------------------------------
    CONTENT DETAILS - NEWS
--------------------------------*/
#news {
    top: 0;
}
#news .text {
    padding: 0 20px;
}
#news ul li {
    font: 400 16px/22px 'Archivo Narrow';
    padding-left: 25px;
    margin-top: 10px;
}

.news-box {
    margin-top: 80px;
}
.news-box-item {
    width: 456px; 
    height: 126px;
    float: left;
    background: #fff;
    padding: 4px 25px 4px 2px;
    margin: 0 0 10px 30px;
}
.news-box-item.odd { margin-left: 0; }
.news-box-item .text {
    margin: 12px 0 0 85px;
    padding: 0 20px;
    color: #000;
}
.news-box-item .text h4 {
    font: 400 16px/24px 'Archivo Narrow';
    color: #686868;
}

/*------------------------------
    PROGRAMS
--------------------------------*/
.programs-list .box {
    float: left;
    width: 311px;
    margin: 15px 0 15px 25px;
    padding: 8px 2px 12px;
}
.programs-list .box h3 a { text-decoration: underline; }
.programs-list .box h3 a:hover { text-decoration: none; }
.programs-list .box.first,
.programs-list .all-club .box.first {
    margin-left: 0;
}
.programs-list .box.title {
    width: 315px;
    padding: 0;
}
.programs-list .box.title h2 {
    margin-bottom: 0;
}
.programs-list .box.title a {
    text-align: center;
    color: #fff;
    display: block;
    font: 400 30px/60px 'Oswald';
}
.programs-list .date h3 {
    color: #fff;
    font: 700 18px/24px 'Oswald';
    position: relative;
}
.programs-list .date h3 span.datum {
    z-index: 1;
    position: relative;
    display: inline-block;
    line-height: 32px;
}
.programs-list .date h3.hl_den {
    background: url(/images/bg-orange.jpg)!important;
    padding: 4px;
}
.programs-list .date h3 span.hl_underground,
.programs-list .date h3 span.hl_klub,
.programs-list .date h3 span.hl_bar {
    position: absolute;
    top: 0;
    display: block;
    height: 32px;
    width: 315px;
    background: url(/images/bg-orange.jpg)!important;
}
.programs-list .date h3 span.hl_underground {
    left: 0;
}
.programs-list .date h3 span.hl_klub {
    left: 340px;
}
.programs-list .date h3 span.hl_bar {
    left: 680px;
}
.programs-list .date h3 span.hl_underground.active_patro,
.programs-list .date h3 span.hl_klub.active_patro,
.programs-list .date h3 span.hl_bar.active_patro {
    left: 0;
    width: 995px;
}
.programs-list .box img         { float: left; }
.programs-list .box .text h3    { color: red; }
.programs-list .box .text       { margin-left: 157px; }
.programs-list .box .text span  { color: #a8a8a8;
}
.programs-list .box.bg-line .text span,
.programs-list .box.bg-line .text h3 { color: #000; }
.programs-list .box.bg-line .text { color: #fff; }

.programs-list .all-club {
    margin: 20px 0;
    /*padding: 0;*/
}
.programs-list .all-club .box {
    background: none!important;
    margin: 0 0 0 25px;
}

#programs { padding-bottom: 50px; }
#programs .events-nav.bottom {
    top: -25px;
}


/*------------------------------
    CONTACTS
--------------------------------*/
#contacts {
    text-transform: uppercase;
}
#contacts .text {
    color: red;
    margin-top: 25px;
    line-height: 30px;
    padding: 0 20px;
}
#contacts .text > div   { margin-right: 100px; }
#contacts .text h3  {
    color: #fff;
    font-size: 18px;
    line-height: 40px;
}
#contacts .text .bar-open li div  { width: 180px; }
#contacts .text .club-open li div { width: 220px; }
#contacts .text .personal {
    margin-right: 0;
    font-size: 90%;
    line-height: 20px;
}
#contacts .text .personal h3 { margin-top: 10px; }
#contacts .item iframe { margin: 40px 0 20px -20px; }
#contacts .item h4 { font-size: 85%; }


/*------------------------------
    GALLERY
--------------------------------*/
#gallery {
    padding: 20px 0;
}
#gallery h2 {
    margin: 20px 0 15px;
    text-transform: uppercase;
    font-size: 20px;
}
#gallery ul li {
    display: inline-block;
    margin: 10px 0 0 9px;
}
#gallery ul li:first-child { margin-left: 0;}
#gallery ul li img {
    max-width: 189px;
    height: auto;
}
#gallery .btn {
    font-size: 16px;
    margin-top: 20px;
}

/*------------------------------
    DJ/BAND FILTER
--------------------------------*/
#dj-band .dj-band-filter { margin-top: 40px; }
#dj-band .nav li {
    display: inline-block;
    padding: 0 20px;
    background: #420a00;
    font: 400 17px/38px 'Oswald', sans-serif;
    cursor: pointer;
}
#dj-band .nav li a{
    color: white;
}
#dj-band .nav li.active a, #dj-band .nav li:hover a{
    color: black;
}
#dj-band .nav li:hover,
#dj-band .nav li.active {
    background: #fff;
    color: #000;
}
#dj-band .item-list {
    background: #fff;
    padding: 9px 0 7px 10px;
}
#dj-band .item-list a {
    display: inline-block;
    padding: 7px;
    margin: 0 5px;
    font-size: 18px;
}
#dj-band .item-list a:hover,
#dj-band .item-list a.active {
    background: red;
    color: #fff;
    text-decoration: none;
}
#dj-band .item .list a{
    color: white;
}
#dj-band .dj-band-filter .list {
    padding: 30px 0 30px 100px;
}
#dj-band .dj-band-filter .list li {
    display: inline-block;
    float: left;
    width: 49%;
    font: 400 14px/28px 'Oswald', sans-serif;
}

#dj-band .dj-band-filter .list li small {
    color: #989898;
    font-size: 13px;
}


/*------------------------------
    SEARCH RESULT
--------------------------------*/
#search-result {}
#search-result .result {
    margin-bottom: 20px;
}
#search-result a b {
    color: #FF0000;
}
#search-result h2 {
    text-transform: uppercase;
    font: 400 20px/40px 'Oswald', sans-serif;
    color: #fefefe;
    margin: 5px 0 0;
}
table.programlist a{
    color: white;
}
table.programlist td{
    padding: 5px;
}
.text a, .artist a{
    color: white;
}


/*------------------------------
    ADDED
--------------------------------*/
.pixolo {
    display: block;
    text-align: right;
    float: none;
}
.pixolo:before {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.pointer {
    cursor: pointer;
}

.contact-info {
    text-align: center;
}
.contact-info table.contact-info-table {
    text-align: center;
    margin: 10px auto;
    width: 90%;
}
.contact-info table.contact-info-table.open {
    width: 50%;
}
.contact-info table.contact-info-table tbody {
    margin: 0 auto;
}
.contact-info table.contact-info-table td {
    padding: 4px 10px;
}

.news-box-item.report {
    height: 49px;
}
.news-box-item.report .text {
    margin: 6px 0 0;
}

.interpret-social {
    display: block;
    margin-top: 40px;
}
.interpret-social p {
    text-align: center;
}

#event .artist-detail a.artist-foto {
    float: left;
}

.programs-list .box.box-program {
    min-height: 203px;
}
.programs-list .box .text:after {
    content: " ";
    display: block;
    clear: both;
    height: 5px;
}

.box-top {
    top: 0;
}

#hp .news .box a.img {
    width: 87px;
    height: 126px;
    display: block;
    float: left;
    padding-right: 4px;
}

.program-nav:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

/* bezne stranky */
.galery {
    padding: 20px 0;
    text-align: center;
}
.galery .galerie-foto {
    display: inline-block;
    margin: 10px;
}

#download p a strong {
    color: #fff;
}

#alphabet {
    color: #fff;
    padding: 25px 0;
}
#alphabet a {
    color: #fff;
}

/* formuláre */
form table {}
form table td {
    padding: 10px 0;
}
form table td label {
    display: inline-block;
    min-width: 150px;
    padding-right: 15px;
}
form table td input[type="submit"] {
    color: #fff;
    background: url('../images/bg-orange.jpg') left center repeat-x;
    margin: 0;
    padding: 5px 15px;
    font-size: 125%;
    font-weight: bold;
    border: 0;
}
form table textarea {
    min-width: 250px;
}

/* korekcie textu */
#news .text a,
#news .text a strong,
#event .top .event-description a,
#event .box a {
    color: #ff0000;
}
#news .text strong,
#event .top .event-description strong,
#event .box strong {
    color: #fff;
    font-size: 120%;
}
#event .box,
#news .text {
    font-family: 'Archivo Narrow',Helvetica,Arial,sans-serif;
    line-height: 1.33;
}
.programs-list .box.box-program.bg-orange h3 a {
    text-shadow: 3px 3px 3px #000;
}

.btn-pdf {
    font: 700 16px/1 'Oswald';
    color: #fff;
    margin-bottom: 10px;
}
.btn-pdf span {
    font: 300 15px/1 'Oswald';
}

.top-report-foto {
    position: relative;
    display: block;
    width: 330px;
    height: 213px;
}
.top-report-foto div.youtube {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent url('../images/youtube_play_button.png') center center no-repeat;
}

.report-list {
    display: block;
    width: 285px;
    height: 397px;
    background-color: transparent;
}
.report-list .in {
    padding: 0;
}
.report-list a {
    font-family: 'Oswald', sans-serif;
    display: block;
    overflow: hidden;
    height: 42px;
    line-height: 42px;
    padding: 10px;
    margin-bottom: 17px;
    color: #000;
    background: #fff;
}
.report-list a:hover {
    background: #d8d6d6;
}

#news .news-box-item a.img {
    float: left;
    padding-right: 4px;
}

#news .news-box-item img {
    margin-right: 4px;
}

#news .news-box-item .text.img {
    margin-top: 0;
    margin-left: 0;
    padding-left: 2px;
}