.cb {
    clear: both;
}

.no-wrap {
    white-space: nowrap;
}

body.wysiwyg {
    padding: 15px;
}

.flash-message {
    padding: 12px;
    border: 4px solid #dbe3f1;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    margin-bottom: 18px;
    clear: both;
    color: #555353;
}

.flash-message.success {
    background-color: #e2edd6;
    border-color: #c7d6b7;
}

.flash-message.error {
    background-color: #eedfdd;
    border-color: #e1cfcc;

}

.wysiwyg table.common {
    border: 4px solid #dbe3f1;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    margin-bottom: 39px;
    width: 100%;
    border-collapse: separate;
}

.wysiwyg table.common thead th {
    background: #e9eef7;
    color: #9bafd0;
    border-bottom: 0;
}

.wysiwyg table.common td {
    background: #fff;
}

.wysiwyg table.common tbody tr.dark td {
    background: #f4f7fb;
}

.wysiwyg table.common tbody tr:nth-child(even) td {
    background: #fff !important;
}

.wysiwyg table.common tbody tr:nth-child(odd) td {
    background: #f4f7fb !important;
}

.wysiwyg table.common thead tr:first-child th:first-child {
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topleft: 9px;
    border-top-left-radius: 9px;
}

.wysiwyg table.common thead tr:first-child th:last-child {
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topright: 9px;
    border-top-right-radius: 9px;
}

.wysiwyg table.common tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topleft: 9px;
    border-top-left-radius: 9px;
}

.wysiwyg table.common tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topright: 9px;
    border-top-right-radius: 9px;
}

.wysiwyg table.common tbody tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    border-bottom-left-radius: 9px;
}

.wysiwyg table.common tbody tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    border-bottom-right-radius: 9px;
}

.wysiwyg table.common thead + tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.wysiwyg table.common thead + tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}

.wysiwyg table.common td a {
    color: #6c8bbf;
    text-decoration: none;
}

.wysiwyg table.common td a:hover {
    text-decoration: underline;
}

.wysiwyg img.round-corners {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

form.default td label {
    padding-left: 0;
    cursor: pointer;
    font-size: 13px;
    color: #555454;
}

form.default .text.narrow {
    width: 102px;
}

#header .h1 {
    top: 45px;
}

#header .h1 span.ir {
    width: 192px;
    height: 46px;
    background: url(../images/layout/logo.png) no-repeat;
}

#header-panel {
    color: #8e8e8e;
    top: 24px;
    right: 0;
}

#header-panel #member-panel {
    float: right;
    position: static;
    margin-right: 20px;
}

#header-panel .search-box-border {
    float: right;
    position: relative;
    margin-left: 25px;
}

#header-panel #fulltext-search {
    position: static;
    padding: 0;
}

#header-panel .day-info {
    line-height: 29px;
    float: right;
}

#header #fulltext-search {
    right: 300px;
    margin: 0;
}

#member-panel {
    float: right;
    right: 20px; /* navigace neni uplne napravo */
    top: 22px;
    text-align: right;
    margin-left: 25px;
}

#member-panel .username {
    padding-left: 37px;
    line-height: 29px;
    background: url(../images/layout/icon-member.png) no-repeat;
    display: inline-block;
    margin-right: 20px;
    color: #1772c9;
}

#member-panel .change-password {
    margin-right: 20px;
}

#member-panel .logout {
    padding-left: 37px;
    line-height: 29px;
    background: url(../images/layout/icon-logout.png) no-repeat;
    display: inline-block;
}

#crumb-wrapper {
    background: #c7d0dd url(../images/layout/crumb-bg.png) repeat-x;
    border-top: 1px solid #d8e1f1;
    border-bottom: 1px solid #d8e1f1;
}




/* Fotogalerie */

.photogallery {
    overflow: hidden;
    margin-top: 38px;
}

.photogallery .gallery {
    width: 309px;
    float: left;
    margin-right: 23px;
    margin-bottom: 23px;
}

.photogallery .gallery.last-in-row {
    margin-right: 0;
}


.photogallery .gallery .heading {
    font-size: 13px;
    margin: 0;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 92%;
    overflow: hidden;
}

.photogallery .gallery .heading a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.photogallery .gallery .heading a:hover {
    text-decoration: underline;
}

.photogallery .gallery .date {
    color: #fff;
}

.photogallery .gallery img {
    max-width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.photogallery .gallery .label {
    background: #6d8cc0 url(../images/layout/gradient1.png) repeat-x;
    padding: 20px 16px;
    font-weight: bold;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

    position: relative;
    padding-right: 66px;
}



.photogallery .gallery .date {
    font-weight: normal;
}

.photogallery .gallery .count {
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -15px;
    width: 41px;
    height: 30px;
    background: url(../images/layout/icon-folder.png);
    line-height: 37px;
    text-align: center;
    color: #7b99ca;
    font-weight: bold;
}

.photogallery .photo {
    width: 309px;
    float: left;
    margin-right: 23px;
    margin-bottom: 23px;
}

.photogallery .photo.last-in-row {
    margin-right: 0;
}

.photogallery .photo img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    padding: 0;
    margin: 0;
    height: 162px;
}


/* Akce */

.campaigns {
    overflow: hidden;
    margin-top: 38px;
}

.campaigns .campaign {
    width: 309px;
    float: left;
    margin-right: 23px;
    margin-bottom: 23px;
}

.campaigns .campaign.last-in-row {
    margin-right: 0;
}


.campaigns .campaign .heading {
    font-size: 13px;
    margin: 0;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 92%;
    overflow: hidden;
}

.campaigns .campaign .heading a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.campaigns .campaign .heading a:hover {
    text-decoration: underline;
}

.campaigns .campaign .date {
    color: #fff;
}

.campaigns .campaign img {
    max-width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.campaigns .campaign .label {
    background: #6d8cc0 url(../images/layout/gradient1.png) repeat-x;
    padding: 20px 16px;
    font-weight: bold;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

    position: relative;
    padding-right: 66px;
}



.campaigns .campaign .date {
    font-weight: normal;
}

.campaigns .campaign .count {
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -15px;
    width: 41px;
    height: 30px;
    background: url(../images/layout/icon-folder.png);
    line-height: 37px;
    text-align: center;
    color: #7b99ca;
    font-weight: bold;
}

.campaigns .photo {
    width: 309px;
    float: left;
    margin-right: 23px;
    margin-bottom: 23px;
}

.campaigns .photo.last-in-row {
    margin-right: 0;
}

.campaigns .photo img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    padding: 0;
    margin: 0;
    height: 162px;
}

#footer-top {
    height: auto;
    padding: 27px 0;
}

#footer-top .contact-mail {
    padding-left: 18px;
    background: url(../images/layout/icon-contact-mail.png) no-repeat left center;
    margin-left: 14px;
}

#footer-top .contact-mobile {
    padding-left: 13px;
    background: url(../images/layout/icon-contact-mobile.png) no-repeat left center;
    margin-left: 14px;
    color: #6d8bbf;
}

#footer .targetblank_icon {
    background: url("../images/layout/targetblank_blue.png") 100% 1px no-repeat;
}

#content {
    padding-bottom: 40px;
}

#page-home #content {
    padding-bottom: 0;
}

#content > .header {
    margin-bottom: 20px;
}

/* vychozi pozice, pokud neni nastavena ikonka u perexu */
#content .circle.ico {
    background-position: 23px -435px;
}

#content .circle.ico.ico-campaign {
    background-image: url(../images/layout/ico/campaign.png);
    background-position: 33px 31px;
}

#content .circle.ico.ico-timer {
    background-image: url(../images/layout/ico/timer.png);
    background-position: 30px 30px;
}

#content .circle.ico.ico-book {
    background-image: url(../images/layout/ico/book.png);
    background-position: 35px 30px;
}

#content .circle.ico.ico-camera {
    background-image: url(../images/layout/ico/camera.png);
    background-position: 30px 32px;
}

#content .circle.ico.ico-phone {
    background-image: url(../images/layout/ico/phone.png);
    background-position: 29px 30px;
}

/* Mensi kolecko */

#content .circle.small {
    width: 74px;
    height: 74px;
}

#content .circle.small.ico-timer {
    background-position: 21px 21px;
}

#content .circle.small.ico-campaign {
    background-position: 24px 23px;
}

#content .circle.small.ico-book {
    background-position: 26px 21px;
}


/* Registrace na akci */
#campaign-registration h2 {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

#campaign-registration #tabs .tab-content {
    padding-left: 20px;
}


/* Uvodni strana */

#page-home #lcol {
    width: 610px;
}

#page-home #main-events {
    background: #c7d0dd url(../images/layout/main-events-bg.png) left top repeat-x;
    border-top: 1px solid #d8e1f1;
    border-bottom: 1px solid #d8e1f1;
    overflow: hidden;
    padding: 37px 0 64px;
}

#page-home #main-events .main-event {
    float: left;
    border: 8px solid #e8ecf2;
    border-color: rgba(255, 255, 255, 0.5);
    margin-left: 9px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    position: relative;
    width: 445px;
}

.js #page-home #main-events .main-event {
    cursor: pointer;
}

#page-home #main-events .main-event.next {
    float: right;
    margin-left: 0;
    margin-right: 9px;
}

#page-home #main-events .main-event img {
    vertical-align: top;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 445px;
    height: 302px;
}


#page-home #main-events .main-event .info {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 25px 52px;
    text-align: center;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    margin-right: -1px; /* v IE bez toho chybi jeden pixel (?) */
}

#page-home #main-events .main-event .info .date {
    color: #5c5c5c;
    text-transform: uppercase;
    font-weight: 800;
}

#page-home #main-events .main-event .info .heading {
    color: #6e8cc0;
    text-transform: uppercase;
    font-weight: 800;
}

#page-home #main-events .main-event .info .description {
    color: #5c5c5c;
    margin-bottom: 20px;
}

#page-home #main-events .main-event .info a.detail {
    text-transform: none;
}

#page-home #main-events .main-event .info .category {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -33px;
    right: 0;
    text-align: center;
}

#page-home #main-events .main-event .info .normal-button .arrow {
    margin-left: 15px;
}

#page-home #main-events .main-event .info .category .specific-button {
    border: 0;
    position: relative;
    display: inline-block;
    padding: 0 27px 0 35px;
    height: 73px;
    line-height: 73px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    text-shadow: 0px -1px 0 #5e7bae;
    background: #6c8bbf url(../images/layout/event-category-button.png) repeat-x;

    behavior: url(/common-swell/css/PIE.htc);
    cursor: pointer;
    color: #e5ebf6;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 800;
    outline: 0;
    z-index: 10;
}

#page-home #main-events .main-event .info .category .specific-button:hover {
    background-position: left bottom;
}

#page-home #main-events .main-event .info .category .specific-button .arrow {
    display: inline-block;
    vertical-align: middle;
    background: url(/common-swell/images/layout/background/icons-sprite.png) no-repeat;
    background-position: 0px -159px;
    width: 16px;
    height: 15px;
    margin-top: -5px;
    margin-left: 25px;
}

#page-home #main-events .main-event .info .category .specific-button .icon-type-campaign {
    display: inline-block;
    width: 37px;
    height: 37px;
    vertical-align: middle;
    background: url(../images/layout/icon-main-event-campaign.png) no-repeat;
    margin-right: 10px;
    margin-top: -4px;
}

#page-home #main-events .main-event .info .category .specific-button .icon-type-news {
    display: inline-block;
    width: 25px;
    height: 36px;
    vertical-align: middle;
    background: url(../images/layout/icon-main-event-news.png) no-repeat;
    margin-right: 10px;
    margin-top: -4px;
}


#page-home #main-events .main-event .info .category .specific-button:hover {
    text-decoration: none;
}

#page-home #other-events > .heading {
    padding-left: 130px;
    position: relative;
}

#page-home #other-events .circle.ico {
    position: absolute;
    left: 0;
    top: 0;
}


.filter {
    font-weight: bold;
    margin-bottom: 17px;
    -webkit-user-select: none;
    user-select: none;
}

.filter ul {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    -moz-box-shadow: 0 1px 0 rgba(193,193,193,.5);
    -webkit-box-shadow: 0 1px 0 rgba(193,193,193,.5);
    box-shadow: 0 1px 0 rgba(193,193,193,.5);
    background-image: -moz-linear-gradient(bottom, #f1f3f7 0%, #fff 100%);
    background-image: -o-linear-gradient(bottom, #f1f3f7 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #f1f3f7 0%, #fff 100%);
    background-image: linear-gradient(bottom, #f1f3f7 0%, #fff 100%);
    padding: 5px;
    overflow: hidden;
    margin: 14px 0 0;
}

.filter li {
    border: 1px solid #dbe3f1;
    border-top-color: #cbd6ea;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    float: left;
    padding: 0 17px 0 24px;
    line-height: 30px;
    color: #555454;
    margin-right: 5px;
    font-weight: normal;
    cursor: pointer;
}

.filter li:hover {
    background: #fff;
}

.filter li.checked {
    background: #dbe3f1 url(../images/layout/filter-checked.png) 8px center no-repeat;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
}

#page-home #other-events .filter {
    clear: left;
    padding-top: 24px;
}

#page-home .timeline-list {
    background-position: 137px 0;
}

#page-home .timeline-list .item {
    margin-left: 174px;
    margin-right: 0;
}

#page-home .base-box {
    margin-bottom: 40px;
}

#page-home h2 {
    text-transform: uppercase;
}

#page-home ul.buttons li {
    list-style: none;
    padding: 0;
    background: none;
    margin: 0;
    margin-bottom: 8px;
    border: 0;
}

#page-home ul.buttons li a {
    display: block;
    overflow: hidden;
}

#page-home ul.buttons li button {
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#page-home ul.buttons li a .arrow {
    float: right;
    margin: 0;
    margin-top: 3px;
}

#page-home #box-informations {
    padding-left: 130px;
    position: relative;
}

#page-home #box-informations .circle.ico {
    position: absolute;
    left: 0;
    top: 0;
}

#page-home #list-iformations {
    width: 340px;
    margin-top: 30px;
}

#page-home #list-campaigns {
    margin: 0 0 20px 0;
}

#page-home a.view-details {
    padding-left: 41px;
    background: url(../images/layout/icon-eye.png) left center no-repeat;
    text-shadow: 0 1px 0 #fff;
}

.enquiry .question {
    font-weight: bold;
    margin-bottom: 24px;
}

.enquiry .answers {
    margin-bottom: 20px;
}

.enquiry .answer i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 14px;
    background: url(../images/layout/enquiry-option.png) 0 0 no-repeat;
}

.enquiry .answer:hover i {
    background-position: 0 -18px;
}

.enquiry .antispam {
    margin-bottom: 6px;
}

.enquiry .percent-wrapper {
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    height: 10px;
}

.enquiry .percent {
    display: block;
    height: 10px;
    background: #6b8bbf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.enquiry .votes li {
    padding: 0;
    background: none;
    margin-bottom: 12px;
}


#side-photogallery {

}

#side-photogallery .photos {
    overflow: hidden;
    margin-bottom: 10px;
}

#side-photogallery .photos img {
    float: left;
    border: 1px solid #d5d8dd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    margin: 0 10px 11px 0;
}

#side-photogallery .photos .last-in-row {
    margin-right: 0;
}





/* Timeline vypis */
.timeline-list {
    background: url(../images/layout/timeline-bg.png) 149px 0 repeat-y;
    min-height: 262px;
    position: relative;
}

.timeline-list .item {
    margin: 0 0 17px 186px;
    position: relative;
    z-index: 1;
}

.timeline-list .bubble {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    -moz-box-shadow: 0 1px 0 rgba(193,193,193,.5);
    -webkit-box-shadow: 0 1px 0 rgba(193,193,193,.5);
    box-shadow: 0 1px 0 rgba(193,193,193,.5);
    background-image: -moz-linear-gradient(bottom, #f1f3f7 0%, #fff 100%);
    background-image: -o-linear-gradient(bottom, #f1f3f7 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #f1f3f7 0%, #fff 100%);
    background-image: linear-gradient(bottom, #f1f3f7 0%, #fff 100%);
    padding: 19px 23px;
    position: relative;
    min-height: 77px;
}

.timeline-list .has-image .bubble {
    padding-right: 225px;
}

.timeline-list .bubble .heading {
    font-size: 13px;
    margin-bottom: 7px;
}

.timeline-list .bubble .heading a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.timeline-list .bubble .heading a:hover {
    text-decoration: underline;
}

.timeline-list .bubble .date {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 100%;
    line-height: 33px;
    height: 33px;
    white-space: nowrap;
    padding-right: 52px;
    background: url(../images/layout/timeline-point-arrow.png) right center no-repeat;
    text-align: right;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 800;
}

.timeline-list .bubble p {
    font-size: 12px;
}

.timeline-list .bg-top,
.timeline-list .bg-bottom {
    width: 8px;
    height: 131px;
    background: url(../images/layout/timeline-top-bg.png) no-repeat;
    position: absolute;
    left: 149px;
    top: -10px;
}

.timeline-list .bg-bottom {
    top: auto;
    bottom: 0;
    background-image: url(../images/layout/timeline-bottom-bg.png);
}

.timeline-list .image-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 203px;
    overflow: hidden;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.timeline-list .image-wrapper img {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.timeline-list .bubble .type {
    position: absolute;
    right: 100%;
    padding-right: 52px;
    top: 50%;
    margin-top: 3px;
    color: #6e8cc0;
    text-transform: uppercase;
    font-size: 11px;
}

.timeline-list .bubble .date span {
    position: relative;
    top: -6px;
}

#page-home .timeline-list .bg-top,
#page-home .timeline-list .bg-bottom {
    left: 137px;
}



#tabs h1 {
    color: #555454;
}



/* Extranet Popup window */

.extranet-popup {
    width: 512px;
    position: absolute;
    left: 50%;
    margin-left: -256px;
}

.extranet-popup .popup-header,
.extranet-popup .popup-content,
.extranet-popup .popup-footer {
    background: url(../images/layout/extranet-popup-form-bg.png) no-repeat;
}

.extranet-popup .popup-header {
    height: 116px;
}

.extranet-popup .popup-content {
    max-height: 605px;
    overflow: hidden;
    background-position: 0 -116px;
}

.extranet-popup .popup-content .content {
    width: 421px;
    margin: 0 auto;
    position: relative;
}

.extranet-popup .content .in {
    padding: 28px;
    padding-bottom: 10px;
}


.extranet-popup .popup-footer {
    background-position: 0 bottom;
    height: 79px;
}

.extranet-popup .close-popup {
    cursor: pointer;
}

#overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9998;
}

#popup-containers .extranet-popup {
    position: fixed;
    left: 50%;
    top: 10%;
    z-index: 9999;
}

[data-show-popup] {
    cursor: pointer;
}


#popup-containers .extranet-popup .normal-button {
    margin-right: 10px;
}

/* LOGIN DO EXTRANETU */

#extranet-login,
#extranet-login body {
    height: 100%;
}

#extranet-login body {
    background: url(../images/layout/extranet-bg.jpg) center top no-repeat;
    background-size: 100%;
}

#extranet-login-form {
    height: 512px;
    top: 50%;
    margin-top: -256px;
}

#extranet-login-form label.error {
    display: none !important;
}

#extranet-login-form h1 {
    font-size: 15px;
    margin-bottom: 20px;
}

#extranet-login-form p {
    font-size: 13px;
    margin-bottom: 20px;
}

#extranet-login-form p.smaller {
    font-size: 12px;
    line-height: 15px;
    margin: 40px 0 0;
}

#extranet-login-form .normal-button {
    margin-right: 12px;
}

/* Vypis kontaktů */


#contact-list thead th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

#contact-list th input.text {
    padding: 5px 10px;
    border: 2px solid #c9d4e8;
    font-size: 12px;
    position: relative;
    left: -13px;
    color: #868686;
    background: #fff url(../images/layout/icon-zoom.png) 93% center no-repeat;
    width: 178px;
    font-size: 11px;
}

#contact-list th input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

#contact-list thead th .select-wrapper {
    display: block;

    padding: 5px 10px;
    border: 2px solid #c9d4e8;
    font-size: 12px;
    position: relative;
    left: -13px;
    color: #868686;
    background: #fff url(../images/layout/icon-select-arrow.png) 87px center no-repeat;
    width: 90px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    height: 15px;
}

#contact-list thead th .select-wrapper .text {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 11px;
    right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px;
    font-weight: normal;
    text-transform: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#contact-list thead th .select-wrapper select {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    border: 0;
    padding: 0;
    width: 100%;
    cursor: pointer;
    text-transform: none;
}

#fancybox-content table {
    border: 0;
    margin: 0;
    width: 100%;
}

#fancybox-content table.common * {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#fancybox-content .detal-link-wrapper {
    padding: 12px;
    padding-bottom: 0;
    text-align: center;
}

#fancybox-content img {
    margin: 0;
    padding: 0;
    display: block;
}

/* Detail kontaktu */

#contact-photo {
    float: left;
    width: 305px;
}

#contact-photo img {
    border: 4px solid #dae3f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

#contact-description {
    float: right;
    width: 640px;
    margin-bottom: 20px;
}

/* Navigace u tabu */
#list_navi {
    float: left;
    width: 215px;
    border-top: 4px solid #dae4f0;
}

#list_navi li {
    padding: 0;
    margin: 0;
    border: 0;
    background: 0;
    border-bottom: 4px solid #dae4f0;
}

#list_navi li a {
    display: block;
    color: #555454;
    text-decoration: none;
    padding: 10px 1px;
    font-size: 13px;
}

#list_navi li.current a,
#list_navi li a:hover {
    color: #6b8bbf;
}

#list_navi li.current a .arrow {
    display: inline-block;
    vertical-align: middle;
    background: url(/common-swell/images/layout/background/icons-sprite.png) no-repeat;
    background-position: 0px -188px;
    width:16px;
    height:14px;
    margin-top: -2px;
}

#tab_list_content {
    float: right;
    width: 743px;
}

/* Paginator */
.paginator,
.dataTables_paginate {
    text-align: right;
    margin-bottom: 40px;
}

.paginator .normal-button,
.dataTables_paginate a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 4px;
    font-size: 18px;
    font-weight: bold;
    color: #a4b7d7;
    padding: 9px 15px 9px 15px;
}

.paginator .current {
    background: #9ab3dc; /* Old browsers */
    background: -moz-linear-gradient(top,  #9ab3dc 0%, #8aa6d6 1%, #6c8cbf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ab3dc), color-stop(1%,#8aa6d6), color-stop(100%,#6c8cbf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9ab3dc 0%,#8aa6d6 1%,#6c8cbf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9ab3dc 0%,#8aa6d6 1%,#6c8cbf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9ab3dc 0%,#8aa6d6 1%,#6c8cbf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9ab3dc 0%,#8aa6d6 1%,#6c8cbf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ab3dc', endColorstr='#6c8cbf',GradientType=0 ); /* IE6-9 */
    color: #fff;
    text-shadow: none;
}

.paginator a span,
.dataTables_paginate a span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.paginator .arrow,
.dataTables_paginate .arrow {
    width: 9px;
    height: 13px;
    background: url(../images/layout/arrow.png) no-repeat;
}

.paginator .double-arrow,
.dataTables_paginate .double-arrow {
    width: 16px;
    height: 13px;
    background: url(../images/layout/double-arrow.png) no-repeat;
}

.paginator .arrow-back,
.dataTables_paginate .arrow-back {
    width: 9px;
    height: 13px;
    background: url(../images/layout/arrow-back.png) no-repeat;
}

.paginator .double-arrow-back,
.dataTables_paginate .double-arrow-back {
    width: 16px;
    height: 13px;
    background: url(../images/layout/double-arrow-back.png) no-repeat;
}

/* Line nacitani */
#infscr-loading {
    text-align: center;
    line-height: 50px;
    height: 50px;
}

#infscr-loading img,
#infscr-loading div {
    display: inline-block;
    vertical-align: middle;
}

#infscr-loading img {
    margin-right: 6px;
}


.timeline-list #infscr-loading {
    margin-left: 186px;
    margin-bottom: 20px;
}

#navigation .search-box-border {
    display: none !important;
}


#rcol > img {
    margin-top: 43px;
}

#other-events-list a.view-details {
    margin-left: 174px;
    text-decoration: underline;
}

#other-events-list a.view-details:hover {
    text-decoration: none;
}

@media (max-width: 980px) and (min-width: 650px) {
    #header-panel {
        right: 0 !important;
    }
}

@media screen and (max-width: 1000px) {

    #main-events {
        height: auto;
    }

    #page-home #main-events .main-event {
        width: 46%;
        margin-left: 0;
        margin-right: 0 !important;
    }

    #page-home #main-events .main-event img {
        width: 100%;
        height: auto;
    }

    #page-home #lcol {
        width: auto;
    }

    #page-home #other-events .filter ul {
        padding-bottom: 0;
    }

    #page-home #other-events .filter li {
        margin-bottom: 5px;
    }

    #contact-photo,
    #contact-description {
        float: none;
        width: auto;
        margin: 0 0 15px;
    }
}

@media screen and (max-width: 750px) {

    #navigation .search-box-border {
        display: block !important;
    }

    .timeline-list {
        background-image: none;
    }

    .timeline-list .item {
        margin: 0 0 17px 0 !important;
    }

    .timeline-list .bubble .date {
        position: static;
        background: none;
        padding: 0;
    }

    .timeline-list .bubble .type {
        position: static;
    }

    .timeline-list .bg-top,
    .timeline-list .bg-bottom {
        display: none;
    }

    #other-events-list a.view-details {
        margin-left: 0;
    }

}

@media screen and (max-width: 650px) {

    #page-home #main-events .main-event {
        float: none !important;
        width: auto;
        margin-bottom: 45px;
    }

    #navigation-menu {
        padding-top: 120px !important;
    }

    #member-panel {
        float: none;
        left: 10px;
        right: 10px;
        top: 80px;
        width: auto;
        text-align: left;
    }

    #page-home #other-events > .heading,
    #page-home #box-informations {
        padding-left: 0;
    }

    #page-home #other-events > .heading .circle.ico,
    #page-home #box-informations .circle.ico {
        display: none;
    }

    #page-home #list-iformations {
        width: auto;
    }

    #tabs .content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #campaign-registration #tabs .tab-content {
        padding-left: 0;
    }

    form.default input.text,
    form.default textarea.text {
        max-width: 230px;
    }

    #footer-top {
        padding: 20px 0 !important;
    }
}