/*###############################################################

CONTAINERS
- css pre rozne druhy containerov

###############################################################*/

/*------------------------------------------------------------------------------------------------------------------
MAIN CONTAINER & FOOTER
------------------------------------------------------------------------------------------------------------------*/

.container.main {
    width: 980px;
    display: block;
    margin-top: 9px;
}
.container.footer {
    width: 980px;
    display: block;
    padding-bottom: 10px;
}

.container.main .top,
.container.main .bottom,
.container.footer .top,
.container.footer .bottom {
    width: 980px;
    height: 6px;
    display: block;
}
.container.main .top .left-side,
.container.main .top .right-side,
.container.main .bottom .left-side,
.container.main .bottom .right-side,
.container.footer .top .left-side,
.container.footer .top .right-side,
.container.footer .bottom .left-side,
.container.footer .bottom .right-side {
    width: 6px;
    height: 6px;
    float: left;
}
.container.main .top .left-side,
.container.footer .top .left-side {background: url('../img/sprite_backgrounds.png')  0 -204px no-repeat;}
.container.main .top .right-side,
.container.footer .top .right-side {background: url('../img/sprite_backgrounds.png') -6px -204px no-repeat;}
.container.main .bottom .left-side,
.container.footer .bottom .left-side {background: url('../img/sprite_backgrounds.png')  0 -211px no-repeat;}
.container.main .bottom .right-side,
.container.footer .bottom .right-side {background: url('../img/sprite_backgrounds.png') -6px -211px no-repeat;}
.container.main .top .middle,
.container.main .bottom .middle,
.container.footer .top .middle,
.container.footer .bottom .middle {
    width: 968px;
    height: 5px;
    background: #f6f5f2;
    float: left;
}
.container.main .top .middle { border-top: 1px solid #e9e9e8; }
.container.main .bottom .middle { border-bottom: 1px solid #e9e9e8; }
.container.footer .top .middle { border-top: 1px solid #e9e9e8; }
.container.footer .bottom .middle { border-bottom: 1px solid #e9e9e8; }

.container.main .content {
    width: 968px;
    display: block;
    padding: 0 5px;
    background: #f6f5f2;
    border-left: 1px solid #e9e9e8;
    border-right: 1px solid #e9e9e8;
}
.container.main .content #section-left {
    width: 660px;
    float: left;
}
.container.main .content #section-left {
    width: 660px;
    float: left;
    margin-right: 8px;
}
.container.main .content #section-right {
    width: 300px;
    float: left;
}

.container.footer .content {
    width: 958px;
    display: block;
    padding: 10px 10px 10px 10px;
    background: #f6f5f2;
    border-left: 1px solid #e9e9e8;
    border-right: 1px solid #e9e9e8;
    text-align: left;
}
.container.footer .content .row.first {
    height: 30px;
    display: block;
    border-bottom: 1px solid #d2d2d2;
}
.container.footer .content .row.first p {line-height: 30px;}

.container.footer .content .row.second {
    padding: 15px 0 0 0;
    display: block;
}
.container.footer .content .row.second ul {
    float: left;
    list-style: none;
    width: 237px;
    padding-bottom: 10px;
}
.container.footer .content .row.second ul li.head.blue { color: #45A1D0;}
.container.footer .content .row.second ul li.head.orange { color: #e47f09;}
.container.footer .content .row.second ul li.head.green { color: #90b300;}
.container.footer .content .row.second ul li.head.pink { color: #fb23c6;}
.container.footer .content .row.second ul li.head {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: block;
    width: 150px;
}
.container.footer .content .row.second ul li.head h2 {
    font-size: 9pt;
    font-weight: bold;
}
.container.footer .content .row.second ul li a {
    font-size: 8pt;
    color: #666;
    line-height: 12pt;
    height: 12pt;
    display: block;
}

.container.footer .content .row.third {
    height: 30px;
    line-height:30px;
    border-top:1px solid #d2d2d2;
}

.container.footer .content .row.third p {float: left; line-height:30px;}
.container.footer .content .row.third .logo-hudba-mini {
    width: 63px;
    height: 12px;
    display: inline-block;
    background: url('../img/sprite_text_logos_icons.png') -115px -136px no-repeat;
    margin: 0 3px;
    position: relative;
    top: 1px;
}

.container.footer .content .row.third #nav-footer {
    height: 12px;
    float: right;
}

.container.footer .content .row.third #nav-footer li {
    float: left;
    height: 30px;
    line-height:30px;
}
.container.footer .content .row.third #nav-footer li a {
    line-height:30px;
    border-right: 1px solid #999999;
    padding: 0 5px;
}
.container.footer .content .row.third #nav-footer li.last a {
    padding-right: 0;
    border: none;
}

/*------------------------------------------------------------------------------------------------------------------
GLOBAL
------------------------------------------------------------------------------------------------------------------*/

.container.w352 { width: 352px;}
.container.w660 {width: 660px;}
.container.w475 {width: 475px;}
.container {margin-bottom: 6px;}
.container-embed { margin: 12px 0; display: block; }
.container.no-margin {margin: 0 !important;}

/*-------------------------------------------------------------
Header for contrainer
-------------------------------------------------------------*/

.container .header,
.container .header2 {
    height: 31px;
    display:block;
    border-bottom: 1px solid #eeeeee;
}
.container .header.big {height: 58px;}
.container .header.no-border {border: none;}
.container.big-title .header { border:none;}

.container.article .header {height: 25px; margin-bottom: 10px;}
.container .header2 {
    height: 22px;
    background: url('../img/sprite_backgrounds.png') 0 -431px repeat-x;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}
.container .header .left-side,
.container .header .right-side {
    width: 5px;
    float: left;
    height: 31px;
}
.container .header.big .left-side,
.container .header.big .right-side { height: 58px;}
.container.article .header .left-side,
.container.article .header .right-side {height: 25px;}

.container .header .left-side { background: url('../img/sprite_backgrounds.png') 0 -324px no-repeat; }
.container .header.big .left-side { background: url('../img/sprite_backgrounds.png') 0 -932px no-repeat; }
.container.big-title .header .left-side { background: url('../img/sprite_backgrounds.png') 0 -489px no-repeat; }
.container.article .header .left-side {background: none;}
.container .header .right-side { background: url('../img/sprite_backgrounds.png') -5px -324px no-repeat; }
.container .header.big .right-side { background: url('../img/sprite_backgrounds.png') -5px -932px no-repeat; }
.container.big-title .header .right-side { background: url('../img/sprite_backgrounds.png') -5px -489px no-repeat; }
.container.article .header .right-side {background: none;}
.container .header .middle {
    height: 31px;
    display: block;
    float: left;
    background: url('../img/sprite_backgrounds.png') 0 -356px repeat-x;
}
.container .header.big .middle { height: 58px; background: url('../img/sprite_backgrounds.png') 0 -991px repeat-x; }
.container .article .header .middle { background: none; height: 25px;}
.container.big-title .header .middle { background: url('../img/sprite_backgrounds.png') 0 -521px repeat-x;}
.container .header .middle h2, .container .header2 h2, .container .header .middle h1, .container .header .middle p {
    color: #666;
    font-size: 11pt;
    line-height: 31px;
    text-align: left;
    font-weight: bold;
    margin-left: 5px;
    float: left;
}
.container .header .middle h1 {
    max-height: 30px;
    overflow: hidden;
}

.container .header .middle h1, .container .header .middle p {font-size: 12pt;!important}
.container .header .middle h2 { line-height: 28px ; padding-top: 3px;}
.container .header2 h2 {margin-left: 10px; line-height: 22px;}
.container h2.second {position: absolute; left: 335px;}
.container h2.second.indent {position: absolute; left: 395px;}
.container .header.small .middle { text-align: center;}
.container .header.small .middle h2 {font-size: 8pt; float:none; text-align: center; margin-left: 0;}

.container .header.big h1 { line-height: 26px; margin-top: 6px;}
.container .header.big p {
    color: #666;
    font-size: 10pt;
}

.container .header.big .name-place {
    height: 58px;
    text-align: left;
}
.container .header.big .name-place p { margin: 0 0 0 5px; }
.container .header.big .date-time {
    height:58px;
    text-align: right;
}
.container .header.big .date-time p {margin: 9px 3px 0 0; line-height: 21px;}

.w352 .header {width: 352px;}
.w352 .header2 {width: 350px;}
.w352 .middle {width: 342px;}
.w660 .header {width: 660px;}
.w660 .middle {width: 650px;}
.w300 .header {width: 300px;}
.w300 .middle {width: 290px;}
.w475 .header {width: 475px;}
.w475 .middle {width: 465px;}
.w172 .header {width: 172px;}
.w172 .middle {width: 162px;}


/*-------------------------------------------------------------
Bottom for contrainer
-------------------------------------------------------------*/
.container.w352 .bottom {width: 352px !important;}
.container.w660 .bottom {width: 660px !important;}
.container.w300 .bottom {width: 300px !important;}
.container.w475 .bottom {width: 475px !important;}

.container .bottom .left-side,
.container .bottom .right-side {
    width: 6px;
    height: 6px;
    float: left;
}
.main .container .bottom .left-side {background: url('../img/sprite_backgrounds.png')  0 -461px no-repeat;}
.main .container .bottom .right-side {background: url('../img/sprite_backgrounds.png') -6px -461px no-repeat;}
.main .container .bottom .middle {
    height: 5px;
    background: white;
    float: left;
}
.container.w352 .bottom .middle { width: 340px !important; }
.container.w660 .bottom .middle { width: 648px !important; }
.container.w300 .bottom .middle { width: 288px !important; }
.container.w475 .bottom .middle { width: 463px !important; }

/*-------------------------------------------------------------
Tabs for contrainer
-------------------------------------------------------------*/

.container .header .tabs, .container .header .tabs ul {
    height: 21px;
    float: right;
}
.container .header .tabs {
    position: relative;
    top: 10px;
    right: 0;
}
.container.article .header .tabs { top: 4px; }

.container .header .tabs li {
    float: left;
    height: 21px;
    line-height: 21px;
}

.container .header .tabs li a {
    display: block;
    height: 21px;
    line-height: 21px;
    padding-left: 11px;
    color: #666666;
    background: url('../img/sprite_tabs.png') left 0 no-repeat;
}
.container .header .tabs li a:hover,
.container .header .tabs li a.active {background: url('../img/sprite_tabs.png') left -42px no-repeat; padding-bottom:1px;}

.container .header .tabs li a span {
    display: block;
    height: 19px;
    padding-right: 11px;
    padding-top: 2px;
    font-size: 8pt;
    color: #666666;
    background: url('../img/sprite_tabs.png') right -21px no-repeat;
}
.container .header .tabs li a:hover span,
.container .header .tabs li a.active span { background: url('../img/sprite_tabs.png') right -64px no-repeat; padding-bottom:1px;}

/*-------------------------------------------------------------
Section for contrainer & Tabs-container
-------------------------------------------------------------*/

.tabs-container { position: relative; display:block; }

.container .section {
    border-left: 1px solid #eaeae9;
    border-right: 1px solid #e9e9e8;
    background: #fff;
    display: block;
}

.container.double-box .section {
    width: 344px;
    display: block;
    padding: 3px;
}
.container.double-box .box1 .section {height: 173px;}

.container.videoclips .section,
.container.videoList-main.two-cul2 .section {
    width: 638px;
    padding: 10px;
    display:block;
}

.container.twocul-box .section,
.container.twocul-box2 .section {
    width: 646px;
    padding: 6px 6px 1px 6px;
    display:block;
}

.container.article-list .section,
.container.akordy-list .section,
.container.best-int-list .section {
    width: 292px;
    padding: 3px;
    display: block;
}
.container.akordy-list .section {padding: 6px 5px 2px 5px;}

.container.contact-form .section {
    width: 278px;
    padding: 10px;
    display: block;
}

.container.pop-up .section { background: transparent; border: none; }

.container.interprets .section {
    width: 658px;
    /*padding: 9px;*/
    display:block;
}

.container.interpret-main .section,
.container.search-main .section,
.container.user-main .section,
.container.chordsNotIncluded-detail .section{
    width: 642px;
    padding: 8px;
    display:block;
}

.container.events-detail .section,
.container.news-detail .section  {
    width: 642px;
    padding: 8px;
    display:block;
}

.container.gray-withheader .section{
    width: 170px;
    display: block;
    background: #f6f5f2;
    padding: 0;
}

.container.ringtonesList .section,
.container.ringtonesListDetail .section { padding: 6px; }
.container.ringtonesDetail .section { padding: 9px 6px 6px 6px; }
.container.terms .section { padding: 9px 6px 6px 6px; }
.container.partnership .section { padding: 9px 6px 6px 6px; }

/*-------------------------------------------------------------
SEARCHBOX-BIG & SEARCHBOX-EVENT
-------------------------------------------------------------*/

.container.for-searchbox {
    width: 648px;
    /*height: 40px;*/
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background: #fff;
    padding: 10px 5px;
}
.container.for-searchbox.less-padding {
    padding-bottom: 5px;
}

/*------------------------------------
SEARCHBOX-BIG
------------------------------------*/

.container.for-searchbox .searchbox-big {
    width: 646px;
    height: 42px;
}
.container.for-searchbox .searchbox-big .left-side,
.container.for-searchbox .searchbox-big .right-side {
    width: 5px;
    float: left;
    height: 42px;
}
.container.for-searchbox .searchbox-big .left-side { background: url('../img/sprite_backgrounds.png')  0 -783px no-repeat; }
.container.for-searchbox .searchbox-big .right-side { background: url('../img/sprite_backgrounds.png')  -5px -783px no-repeat; }

.container.for-searchbox .searchbox-big .middle {
    width: 636px;
    height: 42px;
    float: left;
    background: #333;
    font-size: 8pt;
    text-transform: uppercase;
}

.container.for-searchbox .searchbox-big .middle .left {
    position: relative;
    top: 7px;
    left: 0px;
    width: 340px;
}
.container.for-searchbox .searchbox-big .middle .left dl {
    width: 340px;
    height: 28px;
    display: block;
}
.container.for-searchbox .searchbox-big .middle .left dl dt,
.container.for-searchbox .searchbox-big .middle .left dl dd {
    float: right;
    width: auto;
    height: 28px;
}
.container.for-searchbox .searchbox-big .middle .left dl dt {
    display: block;
    width: 155px;
}
.container.for-searchbox .searchbox-big .middle .left dl dt a {
    margin-left: 20px;
}

.container.for-searchbox .searchbox-big .middle .left dl dd.sliding {
    width: 185px;
    float: right;
    height: 28px;
    line-height: 28px;
    display: block;
    background: url('../img/sprite_sliding_doors.png') 0 0 no-repeat;
}

.container.for-searchbox .searchbox-big .middle .left dl dd.sliding input {
    width: 175px;
    height: 24px;
    padding: 2px 0 2px 5px;
    margin: 0 -4px 0 0;
    background: transparent;
    border: none;
    outline: none;
    font-size: 10pt;
    float: left;
    color: #999;
}

.container.for-searchbox .searchbox-big .middle .left dl dd.sliding span.doors {
    width: 4px;
    height: 28px;
    float: right;
    padding-right: 4px;
    margin-right: -4px;
    background: url('../img/sprite_sliding_doors.png') right 0 no-repeat;
}

.container.for-searchbox .searchbox-big .middle .right {
    position: relative;
    right: 0px;
    float: right;
    height: 42px;
}

.container.for-searchbox .searchbox-big .middle .right .special {
    width: 68px;
    height: 42px;
    float:left;
    border-right: 1px solid #222;
    text-align: right;
}
.container.for-searchbox .searchbox-big .middle .right .special p,
.container.for-searchbox .searchbox-big .middle .right .special a {
    line-height: 18px;
    height: 18px;
    color: #cccccc;
    display: inline-block;
}
.container.for-searchbox .searchbox-big .middle .right .special p {padding-top: 3px; margin-right: 5px; min-width: 65px;}
.container.for-searchbox .searchbox-big .middle .right .special a {
    border-top: 1px solid #565656;
    border-left: 1px solid #565656;
    padding: 0px 4px 2px 4px;
    margin: 0;
}

.container.for-searchbox .searchbox-big .middle .right .letters {
    height: 42px;
    float:left;
    /*border-left: 1px solid #222;*/
}
.container.for-searchbox .searchbox-big .middle .right .letters ul {
    display: block;
    width: 221px;
    height: 21px;
}
.container.for-searchbox .searchbox-big .middle .right .letters ul.top {border-bottom: 1px solid #565656;}
.container.for-searchbox .searchbox-big .middle .right .letters li{
    text-align: center;
    float: left;
    width: 16px;
    border-left: 1px solid #565656;
}
.container.for-searchbox .searchbox-big .middle .right .letters li a {
    line-height: 18px;
    height: 18px;
    width: 16px;
    display: block;
}

.container.for-searchbox .searchbox-big .middle .right .letters ul.top li { padding-top: 3px;}
.container.for-searchbox .searchbox-big .middle .right .letters ul.bot li { padding-bottom: 2px;}
.container.for-searchbox .searchbox-big .middle .right .letters li a {color: #ccc;}

/*------------------------------------
SEARCHBOX-EVENT
------------------------------------*/

.container.for-searchbox .searchbox-event {
    width: 646px;
    height: 105px;
}
.container.for-searchbox .searchbox-event .left-side,
.container.for-searchbox .searchbox-event .right-side {
    width: 5px;
    float: left;
    height: 105px;
}
.container.for-searchbox .searchbox-event .left-side { background: url('../img/sprite_backgrounds.png')  0 -826px no-repeat; }
.container.for-searchbox .searchbox-event .right-side { background: url('../img/sprite_backgrounds.png')  -5px -826px no-repeat; }

.container.for-searchbox .searchbox-event .middle {
    width: 636px;
    height: 105px;
    float: left;
    background: #333;
    font-size: 8pt;
}

.container .events-search-info {
    position: relative;
    top: -7px;
    left: 5px;
    margin-bottom: -2px;
}
.container .events-search-info a,
.container .events-search-info p {
    font-size: 8pt;
    line-height: 13px;
    height: 13px;
    float: left;
}
.container .events-search-info p { color: #868686;}
.container a.cancel-filt {color: #ff0000; padding-left: 6px;}

.container a.cancel-filt span.ico-cancel {
    width: 11px;
    height: 11px;
    float: left;
    background: url('../img/sprite_text_logos_icons.png') -214px -136px no-repeat;
    margin-top: 1px;
    margin-right: 3px;
}

.container.for-searchbox .searchbox-event .middle form {display:block; clear:both; position: relative; top: 8px;}
.container.for-searchbox .searchbox-event .middle form dl {
    margin-bottom: 3px;
}
.container.for-searchbox .searchbox-event .middle form dl.left {float: left; width: 295px;}
.container.for-searchbox .searchbox-event .middle form dl.right {float: right; margin-right:3px; text-align: right; width: 325px;}
.container.for-searchbox .searchbox-event .middle form dl.middle {
    width: 591px;
    height: 28px;
    display: block;
    float: right;
}

.container.for-searchbox .searchbox-event .middle form dt,
.container.for-searchbox .searchbox-event .middle form dd {
    float: left;
}
.container.for-searchbox .searchbox-event .middle form dl.left dt {min-width: 45px; }
.container.for-searchbox .searchbox-event .middle form dl.right dt { min-width: 75px; padding-right: 5px;}
.container.for-searchbox .searchbox-event .middle form dl.middle dt { min-width: 240px; float:right;}

.container.for-searchbox .searchbox-event .middle form dt label {
    line-height: 26px;
}
.container.for-searchbox .searchbox-event .middle form dl.middle dt a {
    margin-left: 3px;
}
.container.for-searchbox .searchbox-event .middle form dl.middle dt a span {
    padding: 0 55px 0 74px;
    background: url('../img/sprite_sliding_doors.png') 0 -189px no-repeat;
}

/*------------------------------------------------------------------------------------------------------------------
SLIDER CONTAINER
------------------------------------------------------------------------------------------------------------------*/

#slider {
    width: 300px;
    height: 415px;
    float: left;
    margin-right: 8px;
}

/*------------------------------------------------------------------------------------------------------------------
DOUBLE BOX CONTAINER
------------------------------------------------------------------------------------------------------------------*/

.container.double-box {
    height: 415px;
    float: left;
}

.container.double-box .section li.article {
    width: 338px;
    height: 47px;
    padding: 2px 3px;
    display: block;
    text-align: left;
}
.container.double-box .section li.article:hover {background: #e2f1f7;}

.container.double-box .section li.article a.imgLink {
    float:left;
    border: 1px solid #e9e9e8;
    width: 57px;
    height: 43px;
    margin-right: 4px;
}
.container.double-box .section li.article div.details {
    height: 45px;
    width: 274px;
    float: left;
    overflow: hidden;
}

.container.double-box .section li.article div.details a span {
    width: 11px;
    height: 10px;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}
.container.double-box .section li.article div.details small b {
    font-weight: bold;
    color: #333333;
}
.container .section li.article div.details a span.video { background: url('../img/sprite_text_logos_icons.png') 0 -167px no-repeat;}
.container .section li.article div.details a span.audio { background: url('../img/sprite_text_logos_icons.png') -12px -167px no-repeat;}
.container.double-box .section li.article div.details small {
    color: #999;
    font-size: 8pt;
    clear: both;
    display: block;
    margin-top: 2px;
}

.container.double-box .box2 {
    margin-bottom: -6px;
}

/*------------------------------------------------------------------------------------------------------------------
WHITE / GRAY UNIVERSAL & POPUP CONTAINER
------------------------------------------------------------------------------------------------------------------*/

.container.white-uni {
    clear:both;
    display: block;
}
.container.white-uni.w660 { width: 660px; }
.container.white-uni.w475 { width: 475px; }
.container.white-uni.w300 { width: 300px; }
.container.pop-up {width: 254px; position:absolute; top:0; left:0; z-index: 100; margin: 0;}

.container.white-uni .top,
.container.white-uni .bottom,
.container.pop-up .top,
.container.pop-up .bottom,
.container.gray-uni .top,
.container.gray-uni .bottom,
.container.gray-withheader .bottom {
    width: 100%;
    height: 6px;
    display: block;
}
.container.pop-up .top,
.container.pop-up .bottom {width: 254px !important;}
.container.white-uni .top .left-side,
.container.white-uni .top .right-side,
.container.white-uni .bottom .left-side,
.container.white-uni .bottom .right-side,
.container.pop-up .top .left-side,
.container.pop-up .top .right-side,
.container.pop-up .bottom .left-side,
.container.pop-up .bottom .right-side,
.container.gray-uni .top .left-side,
.container.gray-uni .top .right-side,
.container.gray-uni .bottom .left-side,
.container.gray-uni .bottom .right-side,
.container.gray-withheader .bottom .left-side,
.container.gray-withheader .bottom .right-side {
    width: 6px;
    height: 6px;
    float: left;
}
.container.white-uni .top .left-side {background: url('../img/sprite_backgrounds.png')  0 -454px no-repeat;}
.container.white-uni .top .right-side {background: url('../img/sprite_backgrounds.png') -6px -454px no-repeat;}
.container.white-uni .bottom .left-side {background: url('../img/sprite_backgrounds.png')  0 -461px no-repeat;}
.container.white-uni .bottom .right-side {background: url('../img/sprite_backgrounds.png') -6px -461px no-repeat;}
.container.white-uni .top .middle,
.container.white-uni .bottom .middle {
    height: 5px;
    background: white;
    float: left;
}
.container.pop-up .top .left-side {background: url('../img/sprite_backgrounds.png')  0 -468px no-repeat;}
.container.pop-up .top .right-side {background: url('../img/sprite_backgrounds.png') -6px -468px no-repeat;}
.container.pop-up .bottom .left-side {background: url('../img/sprite_backgrounds.png')  0 -475px no-repeat;}
.container.pop-up .bottom .right-side {background: url('../img/sprite_backgrounds.png') -6px -475px no-repeat;}
.container.pop-up .top .middle,
.container.pop-up .bottom .middle {
    height: 5px;
    background: #efefef;
    float: left;
}
.container.gray-uni .top .left-side {background: url('../img/sprite_backgrounds.png')  0 -554px no-repeat;}
.container.gray-uni .top .right-side {background: url('../img/sprite_backgrounds.png') -6px -554px no-repeat;}
.container.gray-uni .bottom .left-side,
.container.gray-withheader .bottom .left-side {background: url('../img/sprite_backgrounds.png')  0 -561px no-repeat;}
.container.gray-uni .bottom .right-side,
.container.gray-withheader .bottom .right-side {background: url('../img/sprite_backgrounds.png') -6px -561px no-repeat;}
.container.gray-uni .top .middle,
.container.gray-uni .bottom .middle,
.container.gray-withheader .top .middle,
.container.gray-withheader .bottom .middle {
    height: 5px;
    background: #f6f5f2;
    float: left;
}
.container.white-uni.w660 .top .middle,
.container.white-uni.w660 .bottom .middle {
        width: 648px;
}
.container.white-uni.w475 .top .middle,
.container.white-uni.w475 .bottom .middle {
        width: 463px;
}
.container.white-uni.w300 .top .middle,
.container.white-uni.w300 .bottom .middle {
        width: 288px;
}
.container.pop-up .top .middle,
.container.pop-up .bottom .middle {
        width: 242px!important;
}
.container.gray-uni.w475 .top .middle,
.container.gray-uni.w475 .bottom .middle {
        width: 463px;
}
.container.gray-withheader.w172 .bottom .middle {
        width: 160px !important;
}
.container.white-uni .top .middle { border-top: 1px solid #e9e9e8; }
.container.white-uni .bottom .middle { border-bottom: 1px solid #e9e9e8; }
.container.pop-up .top .middle { border-top: 1px solid #d3d3d3; }
.container.pop-up .bottom .middle { border-bottom: 1px solid #d3d3d3; }
.container.gray-uni .top .middle { border-top: 1px solid #ecebea; }
.container.gray-uni .bottom .middle { border-bottom: 1px solid #e9e9e8; }

.container.white-uni .content {
    display: block;
    background: white;
    border-left: 1px solid #e9e9e8;
    border-right: 1px solid #e9e9e8;
}
.container.white-uni.w660 .content {
    width: 638px;
    padding: 10px;
}
.container.white-uni.w475 .content {
    width: 453px;
    padding: 10px;
}
.container#calendar .content {
    width: 258px;
    padding: 10px 20px;
    text-align: center;
}
.container.pop-up .content {
    display: block;
    background: #efefef;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    width: 238px!important;
    padding: 3px 7px!important;
}
.container.pop-up .arrow {
    width: 11px;
    height: 7px;
    margin: 0 auto;
    display: block;
    clear: both;
    position: relative;
    top: -1px;
    background: url('../img/sprite_backgrounds.png') 0 -482px no-repeat;
}
.container.gray-uni .content {
    display: block;
    background: #f6f5f2;
    border-left: 1px solid #eaeae9;
    border-right: 1px solid #ebebea;
}
.container.gray-uni.gallery .content {
    width: 417px;
    padding: 0 28px 17px 28px;
}
.container.gray-uni.newsBox .content,
.container.gray-uni.related .content {
    padding: 2px 6px;
    width: 461px;
}

.container.white-uni .logo-reklama {float:left; margin-right: 5px;}

/*------------------------------------------------------------------------------------------------------------------
POPUP CONTAINER IN MENU
------------------------------------------------------------------------------------------------------------------*/

.container.pop-up {
    display: block;
    visibility: hidden;
}
.container.pop-up:hover {
    /*display:block;*/
}

.container.pop-up .section li.article {
    text-align: left;
    padding-bottom: 3px;
    margin-bottom: 3px;
    border-bottom: 1px solid #e0e0e0;
}

.container.pop-up .section li.article a,
.container.pop-up .section li.article p {line-height: 12pt;}

/*------------------------------------------------------------------------------------------------------------------
VIDEOCLIPS & INTERPRETS CONTAINER
------------------------------------------------------------------------------------------------------------------*/

.container.videoclips {
    float: left;
}

.container.videoclips .section li.article,
.container.videoList-main .section li.article {
    width: 149px;
    height: 165px;
    float: left;
    margin: 0 5px;
    text-align: left;
}
.container.videoList-main .section li.article {margin-top: 10px;}
.container.interprets .section ul {margin-bottom: 5px; display:block; padding: 9px;}
.container.interpretList-main .section ul {margin-bottom: 5px; float:left;}
.container.interprets .section li.article,
.container.interpretList-main .section li.article {
    width: 123px;
    height: 130px;
    float: left;
    margin-right: 6px;
    text-align: center;
}
.container.videoclips .section li.article a.blue-8b {line-height: 13px;}
.container.interprets .section li.article { margin-bottom: 7px; }
.container.interpretList-main .section li.article { margin-bottom: 5px;}
.container.videoclips .section li.article.last,
.container.interprets .section li.article.last,
.container.interpretList-main .section li.article.last
{ margin-right: 0px;}

.container.videoclips .section li.article a.imgLink,
.container.interprets .section li.article a.imgLink,
.container.videoList-main .section li.article a.imgLink,
.container.interpretList-main .section li.article a.imgLink {
    display:block;
    margin-bottom: 5px;
    position: relative;
}
.container.videoclips .section li.article a.imgLink,
.container.videoList-main .section li.article a.imgLink { width: 151px; height: 113px;}
.container.videoclips .section li.article a.imgLink img,
.container.videoList-main .section li.article a.imgLink img { max-width: 151px; max-height: 113px;}
.container.interprets .section li.article a.imgLink,
.container.interpretList-main .section li.article a.imgLink { width: 123px; height: 92px;}
.container.interprets .section li.article a.imgLink img,
.container.interpretList-main .section li.article a.imgLink img { max-width: 123px; max-height: 92px;}

.container.videoclips .section li.article a.imgLink span.overlay,
.container.interprets .section li.article a.imgLink span.overlay,
.container.videoList-main .section li.article a.imgLink span.overlay,
.container.interpretList-main .section li.article a.imgLink span.overlay {
    border: 5px solid #2fade1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.container.videoclips .section li.article a.imgLink span.overlay,
.container.videoList-main .section li.article a.imgLink span.overlay {
    width: 141px;
    height: 103px;
}
.container.interprets .section li.article a.imgLink span.overlay,
.container.interpretList-main .section li.article a.imgLink span.overlay {
    width: 113px;
    height: 82px;
}
.container.videoclips .section li.article a:hover.imgLink span.overlay,
.container.interprets .section li.article a:hover.imgLink span.overlay,
.container.videoList-main .section li.article a:hover.imgLink span.overlay,
.container.interpretList-main .section li.article a:hover.imgLink span.overlay { display: block;}

.container.w300 .content {
    width: 288px;
    padding: 5px;
}

.container.videoList-main .section ul.half { width: 323px; float: left;}
.container.interpretList-main .section ul.threeBoxes { width: 387px; float: left;}
.container.interpretList-main .section ul.twoBoxes { width: 253px; float: left;}


/*------------------------------------------------------------------------------------------------------------------
TWOCUL BOX CONTAINERS
------------------------------------------------------------------------------------------------------------------*/

.container.twocul-box {
    min-height: 189px;
    float: left;
    clear:both;
}
.box-predpredaj {
    min-height:114px!important;
    float:none!important;
}
.container.twocul-box2 table {
    /*position: relative;
    top: 5px;*/
}
.container.twocul-box .section table td.article,
.container.twocul-box2 .section table td.article
 {
    width: 320px;
    vertical-align: middle;
    text-align: left;
}
.container.twocul-box .section table td.article
 {
    height: 35px;
    border-bottom: 1px solid #e9e9e8;
}
.container.twocul-box2 .section table td.article,
.container.interpret-main .section div.article table td.article { height: 41px;}
.container.twocul-box .section table td.article.border {border-right: 1px solid #e9e9e8; }
.container.twocul-box .section table tr.last td.article { border-bottom: none;}
.container.twocul-box .section table td:hover.article { background: #e2f1f7;}

.container.twocul-box .section table td span.ico-article,
.container.article-list .section .related2 span.ico-article {
    height: 16px;
    width: 16px;
    float: left;
    margin: 4px 9px 9px 9px;
}
.container.twocul-box .section table td p.number {
    height: 16px;
    min-width: 20px;
    float: left;
    margin: 7px 9px 9px 9px;
    font-size: 11pt;
    font-weight: bold;
}
.container.twocul-box .section table td span.ico-article.interpret,
.container.article-list .section .related2 span.ico-article.interpret { background: url('../img/sprite_text_logos_icons.png') 0 -179px no-repeat;}
.container.twocul-box .section table td span.ico-article.akordy,
.container.article-list .section .related2 span.ico-article.akordy{ background: url('../img/sprite_text_logos_icons.png') -17px -179px no-repeat;}
.container.twocul-box .section table td span.ico-article.mp3,
.container.article-list .section .related2 span.ico-article.mp3{ background: url('../img/sprite_text_logos_icons.png') -34px -179px no-repeat;}
.container.twocul-box .section table td span.ico-article.text,
.container.article-list .section .related2 span.ico-article.text{ background: url('../img/sprite_text_logos_icons.png') -51px -179px no-repeat;}
.container.twocul-box .section table td span.ico-article.video,
.container.article-list .section .related2 span.ico-article.video{ background: url('../img/sprite_text_logos_icons.png') -68px -179px no-repeat;}

.container.twocul-box2 .section table td span.ico-play,
.container.twocul-box2 .section table td a.playB,
.container.interpret-main .section div.article table td span.ico-play,
.container.interpret-main .section div.article table td a.playB {
    height: 34px;
    width: 34px;
    float: left;
    margin-right: 9px;
}
.container.twocul-box2 .section table td a.playB { margin-right: 3px; }
.container.twocul-box2 .section table td span.ico-play.enabled,
.container.interpret-main .section div.article table td span.ico-play.enabled { background: url('../img/sprite_text_logos_icons.png') 0 -196px no-repeat; }
.container.twocul-box2 .section table td:hover span.ico-play.enabled,
.container.interpret-main .section div.article table td:hover span.ico-play.enabled { background: url('../img/sprite_text_logos_icons.png') -70px -196px no-repeat; }
.container.twocul-box2 .section table td span.ico-play.disabled,
.container.interpret-main .section div.article table td span.ico-play.disabled { background: url('../img/sprite_text_logos_icons.png') -35px -196px no-repeat; }

.container.twocul-box .section table td a,
.container.twocul-box .section table td p {float: inline-block;}
.container.twocul-box2 .section table td a,
.container.twocul-box2 .section table td p,
.container.interpret-main .section div.article table td a,
.container.interpret-main .section div.article table td p {float:left; clear:both;}
.container.twocul-box .section table td.one-line a{
    position: relative;
    top: 4px;
}

.container.twocul-box2 .section table td .details {
    height: 32px;
    padding: 3px 5px 0 5px;
    float: left;
}
.container.interpret-main .section div.article table td .details {
    height: 19px;
    padding: 8px 5px;
    float: left;
}
.container.twocul-box2 .section table td .details {width: 260px;}
.container.twocul-box2 .section table td .details.big {width: 320px;}
.container.interpret-main .section div.article table td .details {width: 410px;}
.container.twocul-box2 .section table td:hover .details,
.container.interpret-main .section div.article table td:hover .details {
    background: #e2f1f7;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.container.twocul-box2 .section table td .details .icons,
.container.interpret-main .section div.article table td .details .icons {
    width: 72px;
    height: 16px;
    display: block;
    position:relative;
}
.container.interpret-main .section div.article table td .details .icons {width: 92px;}
.container.twocul-box2 .section table td .details .icons {top: -9px;}

.container.twocul-box .culmn {width: 50%; margin-top: 3px;}
.container.twocul-box .culmn.left a {margin-right: 10px;}

/*----------------------------------------
icons
----------------------------------------*/

a.icoLink {
    width: 16px;
    height: 16px;
    float: left !important;
    margin-right: 2px;
    clear: none !important;
    cursor: pointer;
}
a.icoLink span.ico {
    width: 16px;
    height: 16px;
    display: block;
}
a.icoLink.en span.ico.akordy{ background: url('../img/sprite_text_logos_icons.png') -17px -179px no-repeat;}
a.icoLink.en span.ico.mp3{ background: url('../img/sprite_text_logos_icons.png') -34px -179px no-repeat;}
a.icoLink.en span.ico.text{ background: url('../img/sprite_text_logos_icons.png') -51px -179px no-repeat;}
a.icoLink.en span.ico.video{ background: url('../img/sprite_text_logos_icons.png') -68px -179px no-repeat;}
a.icoLink.en span.ico.iPlay{ background: url('../img/sprite_text_logos_icons.png') -327px -179px no-repeat;}
a:hover.icoLink.en span.ico.akordy{ background: url('../img/sprite_text_logos_icons.png') -235px -179px no-repeat;}
a:hover.icoLink.en span.ico.mp3{ background: url('../img/sprite_text_logos_icons.png') -252px -179px no-repeat;}
a:hover.icoLink.en span.ico.text{ background: url('../img/sprite_text_logos_icons.png') -269px -179px no-repeat;}
a:hover.icoLink.en span.ico.video{ background: url('../img/sprite_text_logos_icons.png') -286px -179px no-repeat;}
a:hover.icoLink.en span.ico.iPlay{ background: url('../img/sprite_text_logos_icons.png') -344px -179px no-repeat;}
a.icoLink.dis span.ico.akordy{ background: url('../img/sprite_text_logos_icons.png') -148px -179px no-repeat;}
a.icoLink.dis span.ico.mp3{ background: url('../img/sprite_text_logos_icons.png') -165px -179px no-repeat;}
a.icoLink.dis span.ico.text{ background: url('../img/sprite_text_logos_icons.png') -182px -179px no-repeat;}
a.icoLink.dis span.ico.video{ background: url('../img/sprite_text_logos_icons.png') -199px -179px no-repeat;}

/*------------------------------------------------------------------------------------------------------------------
CALENDAR CONTAINER
------------------------------------------------------------------------------------------------------------------*/

.container#calendar .content {position: relative;}
.container#calendar .content .navigation {
        display: block;
        height: 16px;
        width: 100%;
}
.container#calendar .content .navigation .button {
        width: 22px;
        height: 16px;
        display: block
}
.container#calendar .content .navigation .button.left {
        float: left;
        background: url('../img/sprite_text_logos_icons.png') -88px -179px no-repeat;
}
.container#calendar .content .navigation .button.right {
        float: right;
        background: url('../img/sprite_text_logos_icons.png') -110px -179px no-repeat;
}
.container#calendar .content .navigation p {
        font-size: 9pt;
        color: #666666;
    float: left;
    width: 213px;
}

.container#calendar .content table {
        margin-top: 12px;
        font-size: 9pt;
        color: #000;
}
.container#calendar .content table tr {border-bottom: 1px solid #e6e6e6;}
.container#calendar .content table tr.days {border:none; font-size: 8pt; color: #999999;}
.container#calendar .content table tr.last {border-bottom: none;}
.container#calendar .content table td {
        height: 20px;
        width: 36px;
        line-height: 20px;
        border-right: 1px solid #e6e6e6;
}
.container#calendar .content table tr.days td {border: none;}
.container#calendar .content table td.last {border-right: none;}
.container#calendar .content table td a{
    height: 18px;
        width: 34px;
    display:block;
    text-decoration:none;
    color: black;
    border: 1px solid white;
}
.container#calendar .content table td.out {color: #999; background: #e0e0e0;}
.container#calendar .content table td.curr {color: white; background: #28aae1;}
.container#calendar .content table td.curr a {border: 1px solid #28aae1;}
.container#calendar .content table td:hover a {border: 1px solid #28aae1;}

/*------------------------------------------------------------------------------------------------------------------
ARTICLE-LIST & BEST-INT LIST CONTAINER & AKORDY-LIST
------------------------------------------------------------------------------------------------------------------*/

.container.article-list .section li.article {
    width: 286px;
    padding: 9px 3px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #eeeeee;
}
.container.best-int-list .section li.article {
    width: 282px;
    padding: 0 5px;
    height: 20px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #eeeeee;
}
.container.article-list .section li.article.last,
.container.best-int-list .section li.article.last { border: none;}
.container.article-list .section li.article:hover,
.container.best-int-list .section li.article:hover {background: #e2f1f7;}

.container.best-int-list .section li.article span {
    margin: 0 8px 0 2px;
    color: #cccccc;
    font-size: 8pt;
}

.container.akordy-list .section {text-align: center;}
.container.akordy-list .section a {
    font-size: 10pt;
    color: #2FADE1;
    padding: 1px;
}

/*------------------------------------------------------------------------------------------------------------------
CONTACT FORM CONTAINER
------------------------------------------------------------------------------------------------------------------*/

.container.contact-form {
    text-align: left;
}
.container.contact-form form {
    margin-top: 10px;
}
.container.contact-form textarea {
    height: 63px;
    width: 270px;
    outline: none;
    border: 1px solid #8a8a8a;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Arial', Helvetica, Garuda, sans-serif;
    font-size: 8pt;
}

/*------------------------------------------------------------------------------------------------------------------
TABLE LINKS CONTAINER
------------------------------------------------------------------------------------------------------------------*/

.table-links {
    width: 660px;
}

.table-links td {
    width: 210px;
    height: 40px;
    line-height: 40px;
}
.table-links td a {
    padding-left: 10px;
    color: #2FADE1;
}

/*------------------------------------------------------------------------------------------------------------------
PAGING CONTAINER
------------------------------------------------------------------------------------------------------------------*/
.container.paging {
    width: 660px;
    display: block;
    padding-top: 20px;
}
.container.paging table {
    width: 660px;
}
.container.paging table td {
    height: 24px;
}

.container.paging table td.pages {width: 50px;}
.container.paging table td.butt {width: 80px; padding: 0 5px;}
.container.paging table td.butt.lb {float: left;}
.container.paging table td.tyie7 {float: left;}
.container.paging table td.tyie7 div{ width: 5px; display: block;}
.container.paging table td.butt.rb {float: right;}

/*FIX vo zvoneniach*/
.ringtonesListDetail .container.paging table {
    width: 645px;
}

/*FIX artist listings*/
.artist_songs_paging .container.paging,
.artist_songs_paging .container.paging table {
    width: 470px;
}

/*------------------------------------------------------------------------------------------------------------------
GALLERY-BOX CONTAINER
------------------------------------------------------------------------------------------------------------------*/

.container.related .content h2 {
    text-align: left;
    font-weight: bold;
    font-size: 10pt;
}

.container.related ul {margin-top: 10px; margin-left: 2px;}

.container.related li.article {
    width: 453px;
    min-height: 47px;
    padding: 2px 3px;
    display: block;
    text-align: left;
    clear: both;
}
.container.related li.article:hover {
    background: #E2F1F7 !important;
}

.container.related li.article a.imgLink {
    float: left;
    border: 1px solid #E9E9E8;
    width: 57px;
    margin-right: 4px;
}

.container.related li.article div.details {
    min-height: 45px;
    width: 390px;
    float: left;
    overflow: hidden;
}

.container.related  li.article div.details small {
    color: #999;
    font-size: 8pt;
    clear: both;
    display: block;
    margin-top: 2px;
    float: left;
}

/*------------------------------------------------------------------------------------------------------------------
EVENT-ARTISTS CONTAINER
------------------------------------------------------------------------------------------------------------------*/

.container .event-artists {
    width: 475px;
    margin-top: 15px;
}
.container .event-artists h2 {
    color: #666;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 7px;
    font-size: 10pt;
}
.container .event-artists .artist {
    width: 230px;
    float: left;
    height: 29px;
    margin-bottom: 2px;
    margin-left: 5px;
    margin-right: 2px;
}
.container .event-artists a.artist:hover {
    background: #E2F1F7 !important;
}

.container .event-artists .artist a {
    float: left;
    height: 29px;
    line-height: 29px;
    font-size: 9pt;
    color: #333;
    background: url('../img/sprite_sliding_doors.png') right -361px no-repeat;
    width: 230px;
}
.container .event-artists .artist a:hover {background: url('../img/sprite_sliding_doors.png') right -391px no-repeat;}

.container .event-artists .artist a span {
    margin: 0 7px 0 -5px;
    padding: 0 0px 0 10px;
    position: relative;
    float: left;
    background: url('../img/sprite_sliding_doors.png') 0 -361px no-repeat;
}
.container .event-artists .artist a:hover span {background: url('../img/sprite_sliding_doors.png') 0 -391px no-repeat;}

.container .event-artists .artist a span.plus {
    width: 9px;
    height: 9px;
    float: right;
    background: url('../img/sprite_text_logos_icons.png') -28px -167px no-repeat;
    margin-top:10px;
}

/*------------------------------------------------------------------------------------------------------------------
GALLERY-MINI
------------------------------------------------------------------------------------------------------------------*/

.container.gray-withheader .image-box {
    padding: 4px;
    width: 162px;
    border-bottom: 1px solid #ebebea;
}
.container.gray-withheader .image-box .imgLink {
    margin: 3px;
    width: 75px;
    height: 57px;
    float: left;
}
.container.gray-withheader .image-box .imgLink:hover {
    border: 1px solid #55b5d8;
    margin: 2px;
}

.container.gray-withheader .info-box a {
    color: #28aae1;
}
.container.gray-withheader .info-box {
    padding: 5px 9px 3px 9px;
    width: 152px;
    font-size: 8pt;
    color: #666;
    line-height: 10pt;
    text-align: center;
}

/*------------------------------------------------------------------------------------------------------------------
RELATED ARTICLES-MINI
------------------------------------------------------------------------------------------------------------------*/

.container.article-list ul.related li a {
    font-size: 8pt;
    color: #28aae1;
}
.container.article-list ul.related li a:hover,
.container.article-list ul.related li a:link,
.container.article-list ul.related li a:active {color: #28aae1; !important;}
.container.article-list ul.related li a:visited {color: #999999;}

.container.article-list ul.related2 a,
.container.article-list ul.related2 p {line-height: 11pt;}

/*------------------------------------------------------------------------------------------------------------------
PROFIL-MINI
------------------------------------------------------------------------------------------------------------------*/
.container.gray-withheader .mini-profil {text-align: center;}
.container.gray-withheader .mini-profil .imgLink {
    width: 123px;
    height: 92px;
    margin: 0 auto;
    display: block;
    padding-bottom: 5px;
    padding-top: 10px;
}
.container.gray-withheader .mini-profil .name {line-height: 14pt;}

/*------------------------------------------------------------------------------------------------------------------
NAV-PANEL
------------------------------------------------------------------------------------------------------------------*/

.container .nav-panel{ width: 157px; float: left; }

.container .nav-panel .nav-figure {
    width: 155px;
    height: 152px;
    display: block;
    border: 1px solid #070707;
}

.container .nav-panel ul.main {
    border-left: 1px solid #0c0c0c;
    border-right: 1px solid #0c0c0c;
    background: #1a1a1a;
}
.container .nav-panel ul.main2 {background: #1a1a1a;}
.container .nav-panel ul.main li {
    min-height: 28px;
    line-height: 28px;
    text-align: left;
    border-bottom: 1px solid #0c0c0c;
    position: relative;
}
.container .nav-panel ul.main2 li {
    min-height: 25px;
    line-height: 25px;
    text-align: left;
    position: relative;
}
.container .nav-panel ul.main li a,
.container .nav-panel ul.main2 li a {
    color: white;
    font-size: 9pt;
    font-weight: bold;
    display:block;
    padding-left: 5px;
    text-decoration: none;
    height: 28px;
    line-height: 28px;

}
.container .nav-panel ul.main2 li a {font-weight: normal;}
.container .nav-panel ul.main li a:hover,
.container .nav-panel ul.main2 li a:hover { background: #494949; }
.container .nav-panel ul.main li a.active,
.container .nav-panel ul.main2 li a.active { background: url('../img/sprite_tabs.png') 0 -88px repeat-y; color: black;}
.container .nav-panel ul.main li a span.count,
.container .nav-panel ul.main2 li a span {
    float: right;
    padding-right: 5px;
    font-weight: normal;
    color: #666666;
    position: absolute;
    right: 0;
}

.container .nav-panel ul.sub li {
    min-height: 20px;
    line-height: 20px;
    text-align: left;
    border-bottom: none;
}
.container .nav-panel ul.sub li a {
    font-weight: normal;
    padding-left: 15px;
    line-height: 20px;
    height: 20px;
}

/*------------------------------------------------------------------------------------------------------------------
ROWS-BOX
------------------------------------------------------------------------------------------------------------------*/

.rows-box {padding: 5px 0; }

.rows-box .row {width: 475px; margin: 2px 0;}

.rows-box .row .top,
.rows-box .row .bottom { width: 475px; height: 3px;}
.rows-box .row .top {background: url('../img/sprite_sliding_doors.png') 0 -422px no-repeat;}
.rows-box .row .bottom {background: url('../img/sprite_sliding_doors.png') 0 -425px no-repeat;}

.rows-box .row .middle {
    width: 473px;
    min-height: 23px;
    background: #f6f5f2;
    border-left: 1px solid #ecebea;
    border-right: 1px solid #ecebea;
}

.rows-box .row .middle dl {font-size: 9pt; color: #666666;}
.rows-box .row .middle dl a {color: #28aae1;}
.rows-box .row .middle dd,
.rows-box .row .middle dt {float: left; min-height: 23px; line-height: 23px;}
.rows-box .row .middle dd {width: 102px; padding: 0 5px; border-right: 1px solid white; font-weight: bold;}
.rows-box .row .middle dt {width: 349px; padding: 0 5px; border-left: 1px solid #ecebea;}

/************************************************************************
---
MAIN CONTAINERS
---
************************************************************************/

/*------------------------------------------------------------------------------------------------------------------
INTERPRET
------------------------------------------------------------------------------------------------------------------*/


.container.interpret-main .section div.article {
    width: 475px;
    float: right;
    text-align: left;
}
.container.interpret-main .section .article span.ico-iPlay {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url('../img/sprite_text_logos_icons.png') -327px -179px no-repeat;
    position: relative;
    top: 2px;
    margin-left: 3px;
}
.container.interpret-main .section .article span:hover.ico-iPlay { background: url('../img/sprite_text_logos_icons.png') -344px -179px no-repeat; }

.container.interpret-main .section .article .box-info div {
    float: left;
}
.container.interpret-main .section .article .box-info .left-box {
    width: 115px;
    padding-right: 10px;
}
.container.interpret-main .section .article .box-info .right-box {
    width: 345px!important;
}

/*------------------------------------------------------------------------
porfil
------------------------------------------------------------------------*/

.container.interpret-main .section .article dl.profil-details{
    text-align: left;
    display: block;
    font-size: 9pt;
    line-height: 13pt;
    color: #333333;
}
.container.interpret-main .section .article dl.profil-details dt {
    float: left;
    font-weight: bold;
    margin-right: 5px;
}
.container.interpret-main .section .article dl.profil-details a{
    color: #45a1d0;
    font-size: 9pt;
}

.container.interpret-main .section .article .biography h2 {line-height: 12pt;}
.container.interpret-main .section .article .biography p{
    color: #333;
    font-size: 9pt;
}
.container.interpret-main .section .article .biography a {
    color: #45A1D0;
    font-size: 9pt;
}

/*------------------------------------------------------------------------
gallery
------------------------------------------------------------------------*/

.container.gallery {
    margin-top: 15px;
}
.container.gallery .content h2 {
    text-align:center;
    font-weight: bold;
    font-size: 10pt;
}
.container.gallery .content .imagesBox {
    margin-top: 10px;
    display: block;
}
.container.gallery .content a.imgLink {
    width: 100px;
    height: 75px;
    float: left;
    margin: 0 4px 3px 0;
}

/*------------------------------------------------------------------------
diskografia
------------------------------------------------------------------------*/

.container.interpret-main .section .article .albumBox {
    width: 115px;
    height: 152px;
    margin-right: 5px;
    float: left;
}
.container.interpret-main .section .article .albumBox.right {margin-right: 0;}
.container.interpret-main .section .article .albumBox .imgLink {
    width: 115px;
    height: 115px;
    display: block;
}

.container.interpret-main .section .article .albumBox h2 {
    display: inline-block;
    font-size: 8pt;
}
.container.interpret-main .section .article .albumBox a {
    color:#2fade1;
    font-size: 8pt;
    font-weight: bold;

}
.container.interpret-main .section .article .albumBox p {font-size: 8pt; display: inline-block;}

/*------------------------------------------------------------------------
spravy
------------------------------------------------------------------------*/

.container.interpret-main .section .article .newsBox .content .imgLink {
    width: 115px;

    float: left;
    margin-right: 7px;
}
.container.interpret-main .section .article .newsBox .content h2 {line-height: 12pt; padding-bottom: 4px;}
.container.interpret-main .section .article .newsBox .content p {line-height: 11pt;}
.container.interpret-main .section .article .newsBox .content .perex {
    color: #333;
    font-size: 8pt;
    line-height: 11pt;
}
.container.interpret-main .section .article .newsBox .content .date {
    float: left;
    position: relative;
    bottom: -6px;
    left: 0;
    font-size: 8pt;
}
.container.interpret-main .section .article .newsBox .content .tag {
    float: right!important;
    position: relative;
    bottom: -3px;
    right: 0;
    font-size: 8pt;
    background: #ddd;
    line-height: 8pt;
}

/*------------------------------------------------------------------------
skladby piesne
------------------------------------------------------------------------*/

.container.interpret-main .section div.article table.songs td.article
 {
    width: 465px;
    vertical-align: middle;
    text-align: left;
    padding: 0px 5px;
    display: block;
}

/*zbytok CSS v twocolbox2*/

/*------------------------------------------------------------------------
detail skladby piesne
------------------------------------------------------------------------*/

.container.interpret-main .section .article .info-skladba { line-height: 12pt; }
.container.interpret-main .section .article p {line-height: 12pt;}
.container.interpret-main .section .article a.ico-print,
.container.chordsNotIncluded-detail .section .acords a.ico-print {
    width: 16px;
    height: 16px;
    float: right;
    background: url('../img/sprite_text_logos_icons.png') -309px -179px no-repeat;
    cursor: pointer;
    position: relative;
    top: -1px;
}

/*--------------------
akordy v detaile skladby
--------------------*/
.container.interpret-main .section .article .acords {line-height: 15pt;}
.container.interpret-main .section .article .acords a,
.container.chordsNotIncluded-detail .acords a {
    color: #45A1D0;
    text-decoration: none;
}

/*------------------------------------------------------------------------------------------------------------------
PODUJATIA
------------------------------------------------------------------------------------------------------------------*/
.container.events-main .section .events-table {
    width: 646px;
    display: block;
    margin: 0 5px;
    clear:both;
    border: none;
}
.container.events-main .section .events-table tr {
    height: 57px;
    border-bottom: 1px solid white;
    display:block;
}
.container.events-main .section .events-table tr.cancelled {color: #666!important}
.container.events-main .section .events-table tr.odd {background: #f6f5f2;}
.container.events-main .section .events-table tr.even {background: #eeebe4;}
.container.events-main .section .events-table tr:hover {background: #e2f1f7;}

.container.events-main .section .events-table td {
    border-left: 1px solid white;
    border-right: 1px solid #e5e5e5;
    height: 57px;
    float: left;
    position:relative;
}
.container.events-main .section .events-table td a,
.container.events-main .section .events-table td p {
    position: absolute;
    /*left: 9px;*/
    padding: 0px 9px 0px 9px;
    vertical-align: middle;
    display: block;
}
.container.events-main .section .events-table td.marker {border:none;}
.container.events-main .section .events-table td.action {border-right:none;}

.container.events-main .section .events-table td.marker { width: 15px; background: white; padding: 0px; }
.container.events-main .section .events-table td.marker span { width: 15px; display: block; height: 57px;}
.container.events-main .section .events-table td.marker span.concert { background: url('../img/sprite_text_logos_icons.png') -111px -197px no-repeat;}
.container.events-main .section .events-table td.marker span.festival { background: url('../img/sprite_text_logos_icons.png') -127px -197px no-repeat;}
.container.events-main .section .events-table td.marker span.tour { background: url('../img/sprite_text_logos_icons.png') -143px -197px no-repeat;}
.container.events-main .section .events-table td.marker span.party { background: url('../img/sprite_text_logos_icons.png') -159px -197px no-repeat;}
.container.events-main .section .events-table td.marker span.discoteque { background: url('../img/sprite_text_logos_icons.png') -175px -197px no-repeat;}
.container.events-main .section .events-table td.marker span.other { background: url('../img/sprite_text_logos_icons.png') -191px -197px no-repeat;}
.container.events-main .section .events-table .cancelled td.marker span.concert { background: url('../img/sprite_text_logos_icons.png') -207px -197px no-repeat;}
.container.events-main .section .events-table .cancelled td.marker span.festival { background: url('../img/sprite_text_logos_icons.png') -223px -197px no-repeat;}
.container.events-main .section .events-table .cancelled td.marker span.tour { background: url('../img/sprite_text_logos_icons.png') -239px -197px no-repeat;}
.container.events-main .section .events-table .cancelled td.marker span.party { background: url('../img/sprite_text_logos_icons.png') -255px -197px no-repeat;}
.container.events-main .section .events-table .cancelled td.marker span.discoteque { background: url('../img/sprite_text_logos_icons.png') -271px -197px no-repeat;}
.container.events-main .section .events-table .cancelled td.marker span.other { background: url('../img/sprite_text_logos_icons.png') -287px -197px no-repeat;}

.container.events-main .section .events-table td.date { width: 56px;}
.container.events-main .section .events-table td.date p { color: #333; font-size: 10pt; font-weight: bold; line-height: 12pt; top: 8px;}
.container.events-main .section .events-table tr.cancelled td.date p { color: #666666;}

.container.events-main .section .events-table td.name-place { width: 286px;}
.container.events-main .section .events-table td.name-place a {  color: #45a1d0; font-size: 9pt; font-weight: bold; float:left; top: 9px;}
.container.events-main .section .events-table .cancelled td.name-place a {color:#666;}
.container.events-main .section .events-table td.name-place p {  color: #333; font-size: 9pt; margin-top: 4px; bottom: 7px;}
.container.events-main .section .events-table .cancelled td.name-place p {color:#666;}
.container.events-main .section .events-table td.name-place .ico-star {
    width: 16px;
    height: 15px;
    /*float: right;
    position: relative;
    top: -2px;
    left: 3px;*/
    position:absolute;
    top: -2px;
    right: -10px;
    background: url('../img/sprite_text_logos_icons.png') -363px -180px no-repeat;
    display: none;
}
.container.events-main .section .events-table td.name-place .ico-star.show { display: block;}

.container.events-main .section .events-table td.info { width: 228px;}
.container.events-main .section .events-table td.info p { color: #333; font-size: 8pt; line-height: 10pt;}
.container.events-main .section .events-table td.info p.artists { top: 8px; font-weight: bold; max-height:28px; overflow: hidden;}
.container.events-main .section .events-table td.info p.genre { bottom: 6px; max-height: 13px; overflow: hidden;}

.container.events-main .section .events-table td.action { width: 49px; }
.container.events-main .section .events-table td.action a {
    width: 34px;
    height: 28px;
    color: white;
    font-size: 8pt;
    background: url('../img/sprite_text_logos_icons.png') 0 -231px no-repeat;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 0;
    padding-top: 5px;
    top: 9px;
    position: relative;
}
.container.events-main .section .events-table td.action .overlay {
    position:absolute;
    top: 0;
    left: 0;
    display:none;
    width: 34px;
    height: 33px;
    background: url('../img/sprite_text_logos_icons.png') -35px -231px no-repeat;
    pointer: cursor;
}
.container.events-main .section .events-table td.action a:hover .overlay { display:block; }
.container.events-main .section .events-table tr.cancelled td.action .overlay { display:block; background: url('../img/sprite_text_logos_icons.png') -70px -231px no-repeat;}

/*PODUJATIA BOX*/
.container.events-box .section {
    width: 292px;
    padding: 6px 3px 0px 3px;
    display: block;
}
.container.events-box .section .events-table {
    width: 292px;
    display: block;
    clear:both;
    border: none;
}
.container.events-box .section .events-table tr {
    height: 40px;
    border-bottom: 1px solid white;
    display:block;
}
.container.events-box .section .events-table tr.cancelled {color: #666!important}
.container.events-box .section .events-table tr.odd {background: #f6f5f2;}
.container.events-box .section .events-table tr.even {background: #eeebe4;}
.container.events-box .section .events-table tr:hover {background: #e2f1f7;}

.container.events-box .section .events-table td {
    border-left: 1px solid white;
    border-right: 1px solid #e5e5e5;
    height: 40px;
    float: left;
    position:relative;
}
.container.events-box .section .events-table td a,
.container.events-box .section .events-table td p {
    position: absolute;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    display: block;
}
.container.events-box .section .events-table td.marker {border:none;}
.container.events-box .section .events-table td.action {border-right:none;}

.container.events-box .section .events-table td.marker { width: 9px; background: white; padding: 0px; }
.container.events-box .section .events-table td.marker span { width: 9px; display: block; height: 40px;}
.container.events-box .section .events-table td.marker span.concert { background: url('../img/sprite_text_logos_icons.png') -266px -266px no-repeat;}
.container.events-box .section .events-table td.marker span.festival { background: url('../img/sprite_text_logos_icons.png') -276px -266px no-repeat;}
.container.events-box .section .events-table td.marker span.tour { background: url('../img/sprite_text_logos_icons.png') -286px -266px no-repeat;}
.container.events-box .section .events-table td.marker span.party { background: url('../img/sprite_text_logos_icons.png') -296px -266px no-repeat;}
.container.events-box .section .events-table td.marker span.discoteque { background: url('../img/sprite_text_logos_icons.png') -306px -266px no-repeat;}
.container.events-box .section .events-table td.marker span.other { background: url('../img/sprite_text_logos_icons.png') -316px -266px no-repeat;}
.container.events-box .section .events-table .cancelled td.marker span.concert { background: url('../img/sprite_text_logos_icons.png') -326px -266px no-repeat;}
.container.events-box .section .events-table .cancelled td.marker span.festival { background: url('../img/sprite_text_logos_icons.png') -336px -266px no-repeat;}
.container.events-box .section .events-table .cancelled td.marker span.tour { background: url('../img/sprite_text_logos_icons.png') -346px -266px no-repeat;}
.container.events-box .section .events-table .cancelled td.marker span.party { background: url('../img/sprite_text_logos_icons.png') -356px -266px no-repeat;}
.container.events-box .section .events-table .cancelled td.marker span.discoteque { background: url('../img/sprite_text_logos_icons.png') -366px -266px no-repeat;}
.container.events-box .section .events-table .cancelled td.marker span.other { background: url('../img/sprite_text_logos_icons.png') -376px -266px no-repeat;}

.container.events-box .section .events-table td.date { width: 45px;}
.container.events-box .section .events-table td.date p { color: #333; font-size: 9pt; font-weight: bold; line-height: 12pt; top: 5px;}
.container.events-box .section .events-table tr.cancelled td.date p { color: #666666;}

.container.events-box .section .events-table td.name-place { width: 232px;}
.container.events-box .section .events-table td.name-place a {max-height:10pt; overflow: hidden; color: #45a1d0; font-size: 9pt; font-weight: bold; float:left; top: 6px;}
.container.events-box .section .events-table .cancelled td.name-place a {color:#666;}
.container.events-box .section .events-table td.name-place p {max-height:10pt; overflow: hidden;  color: #333; font-size: 9pt; margin-top: 4px; bottom: 7px;}
.container.events-box .section .events-table .cancelled td.name-place p {color:#666;}

/*------------------------------------------------------------------------------------------------------------------
PODUJATIA DETAIL
------------------------------------------------------------------------------------------------------------------*/

.container.events-detail .left-panel {
    width: 157px;
    float: left;
}
.container.events-detail .left-panel .event-figure {
    width: 155px;
    height: 215px;
    display: block;
    border: 1px solid #e9e9e8;
}

.container.events-detail .section div.article {
    width: 477px;
    float: right;
    text-align: left;
}

.container.events-detail .section .article .top-panel {
    width: 477px;
    display: block;
}
.container.events-detail .section .article .top-panel .left { width: 330px; margin-left: -5px;}
.container.events-detail .section .article .top-panel .right { width: 128px;}

.container.events-detail .section .article .top-panel .right .price {
    height: 41px;
    width: 80px;
    text-align: center;
    background: url('../img/sprite_sliding_doors.png') 0 -319px no-repeat;
    float: left;
}
.container.events-detail .section .article .top-panel .right .price p,
.container.events-detail .section .article .top-panel .right .buy a {
    position: relative;
    top: 6px;
    line-height: 11pt;
    color: #333333;
    font-size: 8pt;
}

.container.events-detail .section .article .top-panel .right .buy {
    height: 41px;
    width: 53px;
    background: url('../img/sprite_sliding_doors.png') -81px -319px no-repeat;
    margin-left: -6px;
    float: right;
}
.container.events-detail .section .article .top-panel .right .buy a {
    color: white;
    left: 19px;
    width: 30px;
    display:block;
}

.container.events-detail .section .article .text {
    color: #333;
    font-size: 9pt;
    padding: 3px 3px 0 0;
}
.container.events-detail .section .article .text p {line-height: 12pt;}
.container.events-detail .section .article .text a {color: #2fade1;}
.container.events-detail .section .article .text a.link {text-decoration: underline; float:right; margin-top: 20px; margin-bottom: 20px; color: #333;}
.container.events-detail .section .article .text .uschovna-link {float:right;}
.container.events-detail .section .article .text .uschovna-link a {color: #333; text-decoration: underline;}

/*accordion*/
.container.events-detail .section .article #event-accordion {
    font-family: 'Arial', Helvetica, Garuda, sans-serif;
}

.container.events-detail .section .article #event-accordion h3.ui-state-active {background: #666;}
.container.events-detail .section .article #event-accordion h3.ui-state-active a{color: white !important;}
.container.events-detail .section .article #event-accordion h3.ended{
    text-decoration: line-through;
}

#event-accordion dt {
    color: #45A1D0!important;
}

/*deezer accordion*/
.container .deezer .deezer-accordion {
    font-family: 'Arial', Helvetica, Garuda, sans-serif;
    margin:0 0 20px 0;
}
.container .deezer .deezer-accordion a {
    color:#45A1D0;
}
.container .deezer .deezer-accordion h3.ui-state-active {background: #666;}
.container .deezer .deezer-accordion h3.ui-state-active a{color: white !important;}
.container .deezer .deezer-accordion h3.ended{
    text-decoration: line-through;
}
.container .deezer .deezer-accordion ul li {
    background-position:0 3px!important;
}


/*------------------------------------------------------------------------------------------------------------------
NEWS-LIST
------------------------------------------------------------------------------------------------------------------*/
.container.news-list .section ul {padding-top: 3px;}
.container.news-list .section li.article {
    width: 635px;
    /*height: 88px;*/
    padding: 6px 5px;
    margin-left: 5px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #eeeeee;
}
.container.news-list .section li.article:hover { background: #e2f1f7; }

.container.news-list .section li.article a.imgLink {
    float: left;
    width: 115px;
    /*height: 86px;*/
    margin-right: 4px;
}
.container.news-list .section li.article a.imgLink img {margin: 0 auto; display: block;}

.container.news-list .section li.article div.details {
    /*height: 88px;*/
    width: 505px;
    float: left;
    overflow: hidden;
}
.container.news-list .section li.article div.details a span {
    width: 11px;
    height: 10px;
    float: left;
    position:relative;
    margin-right: 5px;
    margin-top: 3px;
}
.container.news-list .section li.article div.details .prerex {
    color: #333;
    font-size: 9pt;
    padding-top: 7px;
    padding-bottom: 3px;
    line-height: 11pt;
}

.container.news-list .section li.article div.details .date {
    float: left;
    position:relative;
    bottom: -6px;
    left: 0;
    font-size: 8pt;
}

.container.news-list .section li.article div.details .tag  {
    float: right!important;
    position:relative;
    bottom: -3px;
    right: 0;
    font-size: 8pt;
}

/*------------------------------------------------------------------------------------------------------------------
NEWS-DETAIL
------------------------------------------------------------------------------------------------------------------*/

.container.news-detail .section div.article {
    width: 460px;
    float: left;
    text-align: left;
}

.container.news-detail .right-panel {
    width: 170px;
    float: right;
}

.container.news-detail .section div.article h1 { font-weight:bold; color: #666; padding-bottom: 10px;}
.container.news-detail .section div.article img.news-cover {
    float: left;
    padding: 0 10px 10px 0;
}
.container.news-detail .section div.article img.news-cover img {border: 1xp solid #eaeae9;}

.container.news-detail .section div.article span.perex-info {
    color: #8E8E8E;
    font-size: 8pt;
    clear: none;
}

.container.news-detail .section div.article .perex {
    padding: 7px 0;
    font-style: italic;
    clear: none;
     margin-top: 10px;
}

.container.news-detail .section div.article p {
    color: #333;
    font-size: 9pt;
    line-height: 12pt;
    text-align:left;
    clear: left;
}
.container.news-detail .section div.article blockquote {
    background:#f6f5f2;
    border:1px solid #eaeae9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:9pt;
    padding:9px;
    color:#333333;
    margin:10px 0;
    line-height:1.4em;
}
.container.news-detail .section div.article a {color: #2baae1; font-size: 9pt; font-weight: bold; }

/*------------------------------------------------------------------------------------------------------------------
GALLERY-MAIN
------------------------------------------------------------------------------------------------------------------*/

.container.gallery-main .section div.article {
    width: 658px;
    padding: 10px 0 0 0;
    text-align: center;
}

.container.gallery-main .section div.article .bigphoto-box {
    /*width: 658px;*/
    width: 614px;
    padding: 5px 22px 10px 22px;
    position: relative;
}

.container.gallery-main .section div.article .bigphoto-box a {float: left;}
.container.gallery-main .section div.article .bigphoto-box a.prev,
.container.gallery-main .section div.article .bigphoto-box a.next {
    position: absolute;
    top: 186px;
    width: 30px;
    height: 30px;
    z-index:300;
    /*margin-top: 50%;*/
}
.container.gallery-main .section div.article .bigphoto-box a.prev {left: 30px;}
.container.gallery-main .section div.article .bigphoto-box a.next {right: 30px;}
.container.gallery-main .section div.article .bigphoto-box a.prev span,
.container.gallery-main .section div.article .bigphoto-box a.next span {
    width: 32px;
    height: 32px;
    display: block;
    position:absolute;
    top: 0;
    left: 0;
}
.container.gallery-main .section div.article .bigphoto-box a.prev span {background: url('../img/sprite_text_logos_icons.png') -128px -265px no-repeat;}
.container.gallery-main .section div.article .bigphoto-box a.next span {background: url('../img/sprite_text_logos_icons.png') -161px -265px no-repeat;}
.container.gallery-main .section div.article .bigphoto-box a.prev:hover span {background: url('../img/sprite_text_logos_icons.png') -194px -265px no-repeat;}
.container.gallery-main .section div.article .bigphoto-box a.next:hover span {background: url('../img/sprite_text_logos_icons.png') -227px -265px no-repeat;}

.container.gallery-main .section div.article .bigphoto-box .imgLink {
    width: 100%;
    float: left!important;
    z-index:200;
}
.container.gallery-main .section div.article .bigphoto-box .imgLink .tooltip-wrapper {
    position:relative;
    margin:0 auto;
    z-index:210;
}
.container.gallery-main .section div.article .bigphoto-box .tooltip-wrapper .tooltip {
    background-image: url('../img/black_60.png');
    border-bottom-left-radius: 5px;
    color: white;
    display: none;
    font-size: 12px;
    line-height: 29px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.container.gallery-main .section div.article .bigphoto-box .tooltip-wrapper .tooltip > img.icon {
    margin-left: 5px;
    vertical-align: middle;
    display:inline;
}
.container.gallery-main .section div.article .bigphoto-box .tooltip-wrapper .tooltip .icon-left-right-key {
    background-image: url('../img/icon-left-right-key.png');
    height: 13px;
    width: 27px;
}


.container.gallery-main .section div.article .bigphoto-box .imgLink img {
    margin: 0 auto;
    display: block;
}

/*---------------------------------------------------
Thumbnails
----------------------------------------------------*/

.container.gallery-main .section div.article.thumbnails {
    width: 646px;
    padding: 12px 10px;
}

.container.gallery-main .section div.article.thumbnails .imgLink {
    margin: 4px;
    padding: 1px;
    float: left;
    width: 147px;
    height: 108px;
    border: 2px solid #dedede;
    border-radius: 2px;
}
.container.gallery-main .section div.article.thumbnails .imgLink:hover {border-color: #aadef3;}

/*------------------------------------------------------------------------------------------------------------------
VYHLADAVANIE
------------------------------------------------------------------------------------------------------------------*/

.container.search-main .section div.article {
    width: 475px;
    float: right;
    text-align: left;
}

.container.search-main .section div.article .results {padding: 5px 0;}
.container.search-main .section div.article .result {
    width: 475px;
    height: 29px;
    display: block;
    margin-bottom: 2px;
}
.container.search-main .section div.article .result .left-side,
.container.search-main .section div.article .result .right-side {
    width: 4px;
    height: 29px;
    float: left;
}
.container.search-main .section div.article .result .left-side {background: url('../img/sprite_backgrounds.png') 0 -1051px no-repeat;}
.container.search-main .section div.article .result .right-side {background: url('../img/sprite_backgrounds.png') -4px -1051px no-repeat;}
.container.search-main .section div.article .result .middle {
    width: 467px;
    height: 27px;
    float: left;
    border-top: 1px solid #ecebea;
    border-bottom: 1px solid #ecebea;
    background: #f6f5f2;
}

.container.search-main .section div.article .result .middle p,
.container.search-main .section div.article .result .middle a {
    height: 27px;
    line-height: 27px;
    float: left;
    font-size: 9pt;
}
.container.search-main .section div.article .result .middle p {width: 105px; padding-left: 5px; border-right: 1px solid white; color: #666666;}
.container.search-main .section div.article .result .middle a {max-width: 345px; padding: 0 5px; border-left: 1px solid #ecebea; overflow: hidden; color: #00adef;}
.container.search-main .section div.article.one-column .result .middle a {border: none; width: auto; max-width: 465px;}

/*------------------------------------------------------------------------------------------------------------------
AKORDLIST-LIST
------------------------------------------------------------------------------------------------------------------*/

.container.acordList-list .section ul {
    padding: 7px;
    list-style-type: none;
}
.container.acordList-list .section ul li {float: left; text-align: center;}
.container.acordList-list .section ul li a {
    width: 80px;
    height: 50px;
    display: block;
    border: 1px solid #d2d2d2;
    margin: 5px;
    line-height: 50px;
    font-size: 10pt;
    color: #2FADE1;
}
.container.acordList-list .section ul li a:hover { background: #E2F1F7;}

/*------------------------------------------------------------------------------------------------------------------
USER-MAIN
------------------------------------------------------------------------------------------------------------------*/

.container.user-main .section div.article {
    width: 475px;
    float: right;
    text-align: left;
}

/*------------------------------------------------------------------------------------------------------------------
AKORDY NEZARADENE-LIST & DETAIL
------------------------------------------------------------------------------------------------------------------*/

.container.chordsNotIncluded-list .section ul {
    padding: 7px;
    list-style-type: none;
    font-size: 9pt;
}

.container.chordsNotIncluded-list .section ul li {
    height: 12pt;
    line-height: 12pt;
}

.container.chordsNotIncluded-list .section ul li a {
    color: #2FADE1;
}

.container.chordsNotIncluded-detail .acords {
    line-height: 15pt;
}

/*------------------------------------------------------------------------------------------------------------------
RINGTONESLIST & RINGTONESDETAIL
------------------------------------------------------------------------------------------------------------------*/

.container.ringtonesList h2,
.container.ringtonesListDetail h2,
.container.ringtonesDetail h2{
    font-weight: bold;
    font-size: 10pt;
    padding: 8px 0 ;
    color: #333;
}
.container.ringtonesDetail h2{ padding: 2px 0 10px 0; }
.container.ringtonesListDetail h2{
    font-size: 12pt;
    font-weight: normal;
}

.container.ringtonesDetail h3{
    font-weight: bold;
    font-size: 10pt;
    padding: 8px 0 ;
    color: #333;
}

.container.ringtonesListDetail a,
.container.ringtonesDetail a  {
    color: #2FADE1;
}
.container.ringtonesDetail p {
    margin-bottom: 8px;
}
.container.ringtonesDetail {
    font-size: 9pt;
    color: #333;
    line-height: 12pt;
}

.container.ringtonesList ul,
.container.ringtonesListDetail ul {
    list-style-type: none;
    font-size: 9pt;
    color: #333;
    padding-top: 6px;
}
.container.ringtonesList ul {color: #666;}
.container.ringtonesListDetail ul {
    list-style-type: disc;
    padding-left: 25px;
}

.container.ringtonesList ul li {
    height: 12pt;
    line-height: 12pt;
}
.container.ringtonesList ul li.first {
    font-size: 10pt;
    font-weight: bold;
    list-style-type: none;
    padding-bottom: 6px;
}

.container.ringtonesList ul li.second { padding-left: 10px; }
.container.ringtonesList ul li.second a b { font-weight: normal;}

.container.ringtonesList ul li.third { padding-left: 20px; }
.container.ringtonesList ul li.third a b { font-weight: normal; }

.container.ringtonesList ul li.fourth { padding-left: 30px; }
.container.ringtonesList ul li.fourth a b { font-weight: normal;}

.container.ringtonesList ul li a,
.container.ringtonesListDetail ul li a {
    color: #2FADE1;
}

/*------------------------------------------------------------------------------------------------------------------
TERMS
------------------------------------------------------------------------------------------------------------------*/

.container.terms ol {
    list-style-type: upper-roman;
    font-size: 10pt;
    color: #333;
    line-height: 13pt;
    padding-left: 28px;
}
.container.terms ol ol {
    font-size: 9pt;
    list-style-type: decimal;
    padding: 10px 0 10px 20px;
}
.container.terms ol ul {
    font-size: 9pt;
    padding: 10px 0 10px 20px;
}
.container.terms ol ol ol{
    font-size: 9pt;
    list-style-type: lower-alpha;
    padding: 10px 0 10px 20px;
}

/*------------------------------------------------------------------------------------------------------------------
PARTNERSHIP
------------------------------------------------------------------------------------------------------------------*/

.container.partnership {font-size: 9pt; color: #333; line-height: 13pt;}
.container.partnership p {
    line-height: 13pt;
    padding: 10px 0;
}
.container.partnership a {
    color: #2baae1;
}
.container.partnership h3 {
    font-size: 10pt;
}
.container.partnership .big,
.container.partnership h3 {
    font-size: 10pt;
    font-weight: bold;
    padding-top: 20px;
}

.container.partnership ul {
    list-style-type: disc;
    padding-left: 25px;
}

/*------------------------------------------------------------------------------------------------------------------
REGISTER
------------------------------------------------------------------------------------------------------------------*/
.container.register .section {min-height: 300px;}
.container.register .error-box {
    background: #ff0000;
    border-left: 1px #e9e9e8 solid;
    border-right: 1px #e9e9e8 solid;
    color: white;
    font-size: 8pt;
    padding: 4px 8px;
}

.container.register form fieldset {
    padding: 8px;
    display: block;
    font-size: 8pt;
    color: #666666;
}
.container.register form fieldset.gradient {
    background: url('../img/gradient.jpg') left bottom repeat-x;
}

.container.register form fieldset dl { margin-bottom: 5px;}
.container.register form fieldset dl.left {
    float: left;
    width: 311px;
    margin-right: 5px;
}
.container.register form fieldset dl.right {
    float: right;
    width: 311px;
    margin-right: 5px;
}
.container.register form fieldset dl.upload {
    float: left;
    margin-right: 5px;
}
.container.register form fieldset dl.full {
    float: left;
    width: 637px;
    margin-right: 5px;
}

.container.register form fieldset dl.left dt,
.container.register form fieldset dl.right dt,
.container.register form fieldset dl.upload dt,
.container.register form fieldset dl.full dt { width: 125px; padding-right: 5px; float: left; line-height: 28px;}

.container.register form fieldset dl label {float: left;}
.container.register form fieldset dt .required {
    width: 9px;
    height: 9px;
    margin-top: 8px;
    margin-left: 5px;
    float: left;
    background: url('../img/sprite_text_logos_icons.png') -383px -180px no-repeat;
}

#genres-checkboxes {
    width: 100%;
    overflow: hidden;
}
#genres-checkboxes .column {
    width: 33%;
    float: left;
}
#genres-checkboxes .genre-top {
    margin-bottom: 3px;
}
#genres-checkboxes a {
    color: #45A1D0;
}
#genres-checkboxes .form-item {
    padding: 0 !important;
}
#genres-checkboxes .form-item label.option {
    font-weight: normal;
    margin: 2px 0;
}
#genres-checkboxes .form-item label.option input { position: relative; top:2px;}
#genres-checkboxes .form-item label { clear: both;}
#genres-checkboxes form label { cursor: pointer; }

.container.register form .rules {
    margin-top: 5px;
    margin-left: 4px;
}
.container.register form .rules input {
    position: relative;
    top: 2px;
}

.container.register .register_choice {
    padding: 8px;
}
.container.register .register_choice p {
    float:left;
    line-height: 28px;
    margin-right: 15px;
}

/*------------------------------------------------------------------------------------------------------------------
RIGHT DISQUS BOX
------------------------------------------------------------------------------------------------------------------*/

.dsq-widget-list {
    margin: 0;
    padding: 0;
}
.dsq-widget-list a {
    color:#2FADE1;
}
li.dsq-widget-item {
    clear: both;
    list-style-type: none;
    margin: 15px 0;
}
.dsq-widget-list li a {
    background: none repeat scroll 0 0 transparent;
    display: inline !important;
    margin: 0;
    padding: 0;
}
.dsq-widget-list li .dsq-widget-user {
    display: none !important;
}
.dsq-widget-list li .dsq-widget-meta {
    margin: 0 0 0 34px !important;
    padding-top: 4px;
    text-align: right;
    width: 244px;
}
p.dsq-widget-meta {
    clear: both;
    font-size: 80%;
    margin: 0;
    padding: 0;
}
p.dsq-widget-meta a {
    font-size:10px;
}
.dsq-widget-list li .dsq-widget-avatar {
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}
img.dsq-widget-avatar {
    border: 0 none;
    float: left;
    height: 24px!important;
    margin: 0;
    padding: 0 3px 3px 0;
    width: 24px!important;
}
.dsq-widget-list li .dsq-widget-comment {
    background: url("https://zoznamstatic.sk/img/mojdom/dsq-widget-list-background.png") repeat-x scroll 0 0 transparent;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border:1px solid #cccccc\9;
    border-radius: 3px 3px 3px 3px;
    display: block;
    float: right;
    padding: 10px;
    position: relative;
    width: 225px;
}
.dsq-widget-comment:before {
    border-color: transparent #CCCCCC;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    content: "";
    display: block;
    left: -6px;
    position: absolute;
    width: 0;
}
.dsq-widget-comment p {
    display: inline;
    font-size:12px;
    line-height:15px;
}

/*------------------------------------------------------------------------------------------------------------------
PREDPREDAJ BOX
------------------------------------------------------------------------------------------------------------------*/

.box-predpredaj .header .logo {
    display:block;
    width:96px;
    height:24px;
    float:left;
    margin:4px 0 0 10px;
}
.box-predpredaj .section {
    padding-top:14px!important;
}
.box-predpredaj .section .ticket-1, .box-predpredaj .section .ticket-2, .box-predpredaj .section .ticket-3 {
    width:206px;
    float:left;
}
.box-predpredaj .section .ticket-1 {
    margin:0 10px 0 2px;
}
.box-predpredaj .section .ticket-2 {
    margin:0 10px 0 0;
}
.box-predpredaj .section .ticket-1 img, .box-predpredaj .section .ticket-2 img, .box-predpredaj .section .ticket-3 img {
    border:1px solid #e9e9e8;
    float:left;
    width:60px;
    height:60px;
}
.box-predpredaj .section .ticket-1 h2, .box-predpredaj .section .ticket-2 h2, .box-predpredaj .section .ticket-3 h2 {
    width:140px;
    float:right;
    line-height:0.9em;
    margin:1px 0 3px 0;
}
.box-predpredaj .section .ticket-1 h2 a, .box-predpredaj .section .ticket-2 h2 a, .box-predpredaj .section .ticket-3 h2 a {
    color:#45a1d0;
    font-size:12px;
    font-weight:bold;
}
.box-predpredaj .section .ticket-1 .place, .box-predpredaj .section .ticket-2 .place, .box-predpredaj .section .ticket-3 .place {
    display:block;
    font-size:11px;
    color:#999999;
    width:140px;
    float:right;
    margin-bottom:2px;
}
.box-predpredaj .section .ticket-1 .date, .box-predpredaj .section .ticket-2 .date, .box-predpredaj .section .ticket-3 .date {
    display:block;
    font-size:11px;
    color:#333333;
    width:140px;
    float:right;
    margin-bottom:2px;
}

/*-------------------------------------------------------------
    ROCKOVA REPUBLIKA
-------------------------------------------------------------*/

#rockova-republika-button {
    display: block;
    width: 300px;
    height: 38px;
    background: url("../img/rockova_republika_button_bg.png") no-repeat;
    margin-bottom: 6px;
}
#rockova-republika-button marquee {
    float: right;
    width: 145px;
    font-family: Arial;
    font-size: 12px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    margin: 10px 0 0 0;
}