body {margin: 0; padding: 0; text-align: center; font-family: Arial, sans-serif; color: #252525; font-size: 80%; background: #6AB5DB url("../img/bg_page-repeat.png") left top repeat-x}
body.sign-post {background: url("../img/bg_main-repeat.png") left top repeat-x}
p {margin: 0 0 20px 0; line-height: 1.4em}
a {color: #E40A33}
a:hover {color: #0077B2}
a img {border: none}
h1, h2, h3 {color: #0077B2; font-weight: normal; margin: 0 0 15px 0; line-height: 1.2em; font-size: 230%; font-family: 'nexa-book'}
h1 a, h2 a {color: #0077B2}
h2, h3 {font-size: 175%; margin-bottom: 18px}
h3, h3 a {color: #E40A33}
ul {margin: 0 0 25px 0; padding: 0}
ul li {list-style-type: none; line-height: 1.4em; padding: 2px 0 2px 25px; background: url("../img/list.png") left 4px no-repeat}
table {margin: 0 0 30px 0; width: 100%; border-collapse: collapse; font-size: 105%}
th, td {color: #FFFFFF; font-weight: bold; background-color: #0077B2; text-align: left; vertical-align: top; padding: 12px 20px; line-height: 1.4em; font-size: 105%}
td {color: #252525; background-color: #F2F2F2; font-size: 100%; font-weight: normal; padding: 8px 20px}
td.blue {color: #0077B2}
tr.dark td {background-color: #E0E0E0}
tr th:first-child {border-top-left-radius: 7px}
tr th:last-child {border-top-right-radius: 7px}
tr:last-child td:first-child {border-bottom-left-radius: 7px}
tr:last-child td:last-child {border-bottom-right-radius: 7px}
form {margin: 0 10px 25px 0; padding: 15px 15px 7px 20px; background-color: #F2F2F2; border-radius: 7px}
form div {margin-bottom: 7px}
label {width: 85px; color: #354048; display: inline-block; vertical-align: middle; font-size: 115%}
label.top {vertical-align: top; margin-top: 3px}
input[type=text], textarea {vertical-align: middle; border: 1px solid #D6D6D6; border-radius: 2px; background-color: #FFFFFF; width: 306px; height: 18px; padding: 5px; color: #333333; font-size: 100%; font-family: Arial}
textarea {width: 440px; height: 90px}
form .star {color: #D11A0C; font-weight: bold; font-size: 150%; vertical-align: top; margin-left: 3px}
input[type=submit] {margin-left: 90px; font-weight: normal; color: #FFFFFF; text-decoration: none; display: inline-block; width: 160px; height: 33px; padding: 5px 0; text-align: left; vertical-align: middle; padding-left: 17px; border: none; font-family: 'nexa-book'; font-size: 130%; background: url("../img/button_send.png") left top no-repeat; line-height: 1.3em; cursor: pointer}
input[type=submit]:hover {background: url("../img/button_send.png") left -33px no-repeat}


@font-face {
    font-family: 'nexa-book';
    src: url('../fonty/nexa-book/fontfabric_-_nexa-book-webfont.eot');
    src: url('../fonty/nexa-book/fontfabric_-_nexa-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonty/nexa-book/fontfabric_-_nexa-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa-bold';
    src: url('../fonty/nexa-bold/fontfabric_-_nexa-bold-webfont.eot');
    src: url('../fonty/nexa-bold/fontfabric_-_nexa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonty/nexa-bold/fontfabric_-_nexa-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa-light';
    src: url('../fonty/nexa-light/fontfabric_-_nexa-light-webfont.eot');
    src: url('../fonty/nexa-light/fontfabric_-_nexa-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonty/nexa-light/fontfabric_-_nexa-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa-regular';
    src: url('../fonty/nexa-regular/fontfabric_-_nexaregular-webfont.eot');
    src: url('../fonty/nexa-regular/fontfabric_-_nexaregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonty/nexa-regular/fontfabric_-_nexaregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.sp-whole {background: url("../img/bg_main.jpg") center top no-repeat}
.sp-main {height: 622px; width: 1002px; margin: 0 auto; padding-top: 60px; position: relative; z-index: 30}
.sp-main h1 {color: #0077B2; font-size: 240%; line-height: 1.2em; margin: 0 0 60px 0; font-weight: normal; font-family: 'nexa-book'}
.sp-main h1 strong {font-family: 'nexa-bold'}
.sp-list {float: left; text-align: left; width: 310px; margin-right: 380px}
.sp-list-right {float: left; text-align: left; width: 310px}
.sp-list ul, .sp-list-right ul {margin: 0; padding: 0 0 0 3px}
.sp-list ul li, .sp-list-right ul li {list-style-type: none; line-height: 1.4em; padding: 2px 0 2px 25px; background: url("../img/list.png") left 4px no-repeat}
.sp-list h2, .sp-list-right h2 {color: #E40A33; font-weight: normal; font-size: 170%; line-height: 1.3em; margin: 0 0 20px 0; font-family: 'nexa-book'}
.info-block {float: left; width: 321px; text-align: left; color: #0077B2; font-size: 115%; margin-bottom: 40px; font-family: 'nexa-book'}
.info-block strong {font-family: 'nexa-bold'; font-weight: normal}
.info-block.cz {margin-right: 20px}
.info-block.cz .ib-logo {height: 53px; background: url("../img/logo_cz.png") left top no-repeat; margin-bottom: 5px}
.info-block.pl .ib-logo {height: 53px; background: url("../img/logo_pl.png") left top no-repeat; margin-bottom: 5px}
.info-block p {width: 230px; margin: 0 0 0 60px}
.lang {float: left; display: inline-block; width: 124px; height: 97px; padding: 13px 0 0 17px; text-align: center; vertical-align: top; background: url("../img/bg_flag-cz.png") left top no-repeat; margin-bottom: 40px; margin-right: 35px; color: #B1B1B1; text-decoration: none; line-height: 1.3em; font-size: 90%; font-family: 'nexa-book'}
.lang img {margin-bottom: 3px}
.lang.right {background-image: url("../img/bg_flag-pl.png"); margin-right: 20px; padding: 13px 17px 0 0; text-align: center}
.sp-footer {width: 1002px; margin: 0 auto; padding-bottom: 30px; font-size: 87%; color: #969696}
.sp-logos span {display: inline-block; vertical-align: middle}
.sp-logos span.spl1 {margin: 0 90px 30px 90px}
.sp-logos span.spl2 {margin: 0 15px 30px 15px}
.sp-logos span.spl3 {margin: 0 15px 30px 15px}
.sp-footer p {width: 670px; margin: 0 auto 10px auto; line-height: 1.4em}
.sp-footer .copy {font-size: 110%; text-align: left; padding-top: 40px}
.sp-footer .copy p {margin: 0}
.line-top {position: absolute; left: 0; top: 0; width: 100%; height: 11px; background: url("../img/line.png") center top repeat-x; z-index: 50}
.line-bottom {width: 100%; height: 11px; background: url("../img/line.png") center top repeat-x}
.sign-post .line-bottom {margin-bottom: 20px}

.body-whole {background: url("../img/bg_page.jpg") center top no-repeat; min-height: 670px}
.body {width: 1000px; margin: 0 auto; text-align: left}
.head {padding-top: 45px; min-height: 210px}
.logo {display: block; background: url("../img/logo.png") left top no-repeat; width: 426px; height: 74px; margin: 0 0 10px 25px}
.head-right {float: right; width: 260px; text-align: left; color: #7D7D7D; font-size: 110%; line-height: 1.3em}
.head-right .phone, .contact-left .phone {padding-left: 52px; background: url("../img/ico_phone.png") left center no-repeat; margin-bottom: 20px; font-family: 'nexa-light'; font-size: 110%; line-height: 1.4em}
.phone {visibility: hidden;}
.head-right .phone span, .contact-left .phone span {display: block; color: #E40A33; font-size: 115%; font-family: 'nexa-bold'}
.head-right .mail, .contact-left .mail {padding-left: 52px; background: url("../img/ico_mail.png") left center no-repeat; margin-bottom: 20px; font-family: 'nexa-light'; font-size: 110%; line-height: 1.4em}
.head-right .mail a, .contact-left .mail a {display: block; color: #A3182F; font-family: 'nexa-bold'}
.head .slogan {color: #0077B2; line-height: 1.4em; font-size: 165%; margin-left: 110px; width: 320px; font-family: 'nexa-book'}
.head .slogan strong {font-weight: normal; font-family: 'nexa-bold'}

.menu {clear: both; background: url("../img/bg_menu.png") left top repeat-x; width: 1000px; height: 48px; margin: 0; padding: 0; position: relative; z-index: 60}
.menu > li {float: left; list-style-type: none; height: 48px; padding: 0 2px 0 0; margin-right: 1px; background: url("../img/menu_sep.png") right top no-repeat; font-family: 'nexa-regular'; position: relative}
.menu > li:last-child {background: none}
.menu > li > a {display: inline-block; height: 48px; padding-left: 6px; line-height: 1.35em; text-decoration: none; font-size: 128%; color: #FFFFFF}
.menu > li span {display: inline-block; height: 35px; padding: 13px 14px 0 14px}
.menu > li:hover > a, .menu > li.active > a {color: #FFFFFF; background: url("../img/menu_hover-left.png") left top no-repeat}
.menu li:hover a span, .menu li.active a span {background: url("../img/menu_hover.png") right top no-repeat}
.menu li ul {display: none; position: absolute; left: 0; top: 48px; width: 216px; padding: 15px 10px 10px 10px; background-color: #B51833}
.menu li:hover ul {display: block}
.menu li ul li {background: none; padding: 8px 12px; line-height: 1.3em; font-family: 'nexa-light'; font-size: 108%; border-bottom: 1px solid #DB2343}
.menu li ul li a {text-decoration: none; color: #FFFFFF}

.main {background: url("../img/bg_main.png") left top repeat-y; padding: 30px 25px 50px 25px; margin-bottom: 50px}
.colleft {width: 610px; float: left; margin-right: 40px}
.perex {color: #0077B2; font-size: 110%}
.bookmarks {margin: 0 0 30px 0; padding: 10px 0 0 7px; border-bottom: 3px solid #EAEAEA; height: 27px}
.bookmarks li {float: left; list-style-type: none; padding: 0; margin: 0; background: none; margin-right: 3px}
.bookmarks li a {text-decoration: none; font-size: 105%; color: #FFFFFF; line-height: 1.3em; display: inline-block; padding: 5px 22px 0 22px; height: 22px; background-color: #E40A33; border-top-right-radius: 3px; border-top-left-radius: 3px}
.bookmarks li a.active {background-color: #EAEAEA; color: #212121}
.bookmarks li a:hover {background-color: #0077B2; color: #FFFFFF}
.up {display: inline-block; padding-left: 17px; background: url("../img/arrow_up.png") left center no-repeat; line-height: 1.3em; font-family: 'nexa-book'; font-size: 127%}
.up:hover {color: #E40A33}
.paging {float: right; line-height: 1.3em; color: #C71B0E; font-family: 'nexa-book'; font-size: 127%; margin-bottom: 30px}
.paging a {color: #0077B2; text-decoration: none; padding: 1px 4px 0 4px; margin: 0 1px}
.paging a:hover, .paging a.active {color: #FFFFFF; background-color: #E40A33}
.paging .page-left {margin: 0; padding: 0; padding-left: 14px; background: url("../img/arrow_left.png") left center no-repeat; margin-right: 5px; text-decoration: underline}
.paging .page-right {margin: 0; padding: 0; padding-right: 14px; background: url("../img/arrow_right.png") right center no-repeat; margin-left: 5px; text-decoration: underline}
.paging .page-left:hover, .paging .page-right:hover {background-color: transparent; color: #0077B2}

.ins-list {padding-bottom: 20px}
.ins-list.il2 {padding-top: 20px}
.ins-list-left {float: left; width: 150px; text-align: center; margin: 0 10px 20px 0; clear: both}
.ins-list-right {float: left; width: 450px; line-height: 1.5em; margin: 3px 0 20px 0}
.ins-list-right div span {font-weight: bold; margin-right: 10px}
.euro-facility {padding-bottom: 20px}
.euro-facility img {float: left; margin: 0 20px 15px 0}

.search-form {padding: 10px 10px 10px 20px}
.search-form.with-select {padding: 10px 5px 10px 10px}
.search-form.with-select label {width: 92px}
.search-form div {margin: 0}
.search-form input {vertical-align: middle}
.search-form input[type=submit] {background: url("../img/button_search.png") left top no-repeat; width: 123px; height: 32px; padding: 4px 0 6px 8px; margin-left: 20px}
.search-form input[type=submit]:hover {background: url("../img/button_search.png") left -32px no-repeat}
.colleft .actuality h3 {color: #0077B2; font-size: 130%; margin-bottom: 10px}
.colleft .actuality h3 a:hover {text-decoration: none}
.colleft .actuality {border-bottom: 3px solid #EAEAEA; padding-bottom: 20px; margin-bottom: 20px}
.colleft .actuality.last {border-bottom: 3px solid #EAEAEA; padding-bottom: 20px; margin-bottom: 30px}
.colleft .actuality h3 a {color: #0077B2}
.colleft .actuality .date {float: none; margin-bottom: 8px; color: #A8A8A8; padding: 4px 0 4px 35px; background: url("../img/ico_clock.png") left center no-repeat}
.colleft .actuality .more {font-size: 95%}

.img-right {float: right; margin: 0 0 10px 17px}
.img-left {float: left; margin: 0 17px 10px 0}

.facility-list {border-bottom: 3px solid #EAEAEA; padding-bottom: 12px; margin-bottom: 14px}
.facility-list.last {margin-bottom: 40px}
.fl-image {float: left; width: 160px; margin-right: 20px}
.fl-image img {display: block}
.fl-text {width: 268px; float: left; padding-right: 10px}
.fl-text h2 {font-family: Arial; font-weight: bold; font-size: 140%; margin-bottom: 10px}
.fl-text h2 a:hover {text-decoration: none}
.fl-text p {margin: 0 0 2px 0; line-height: 1.3em}
.fl-text .more {font-size: 95%}
.fl-info {padding-left: 20px; border-left: 1px solid #EAEAEA; float: left; width: 125px; margin-top: 32px; color: #E63261; font-size: 110%}
.fl-town {line-height: 1.3em; padding: 9px 0 9px 43px; margin-bottom: 3px; background: url("../img/ico_town.png") left 1px no-repeat}
.fl-type {line-height: 1.3em; padding: 9px 0 9px 43px; background: url("../img/ico_facility.png") left 1px no-repeat}

.detail-left {color: #E63261; font-size: 110%; line-height: 1.3em; float: left; width: 260px; padding-bottom: 30px}
.detail-left .fl-town {margin-bottom: 2px; font-weight: bold; background-position: left center}
.detail-left .fl-town span {display: block; font-weight: normal; font-size: 90%}
.detail-left .fl-type {margin-bottom: 8px}
.fl-phone {padding: 9px 0 9px 43px; margin-bottom: 8px; background: url("../img/ico_phone2.png") left 1px no-repeat}
.fl-mail {padding: 9px 0 9px 43px; margin-bottom: 8px; background: url("../img/ico_mail2.png") left 1px no-repeat}
.fl-web {padding: 9px 0 9px 43px; margin-bottom: 8px; background: url("../img/ico_web.png") left 1px no-repeat}
.detail-image {float: right; padding-bottom: 40px}
.detail-image img {display: block}
.gallery {width: 630px}
.gallery a {display: inline-block; vertical-align: top; margin: 0 10px 10px 0}

.act-disc .actuality h3 {margin-bottom: 12px}
.act-disc .actuality .date {padding: 0; background: none; margin-bottom: 15px}
.comment-block {border-bottom: 3px solid #EAEAEA; padding-bottom: 15px; margin-bottom: 20px}
.comment-block.last {margin-bottom: 35px}
.comment-block p {margin: 0}
.comment-block h3 {font-family: Arial; font-size: 110%; margin: 0 0 10px 0; font-weight: normal; color: #0077B2}
.comment-block div {font-size: 90%; color: #AEAEAE; line-height: 1.4em; margin-bottom: 3px}
.comment-block div .name {color: #E40A33; margin-right: 2px}
.comment-block div .date {margin-left: 2px}

.insert-offer textarea {height: 265px}

.map {float: right; width: 376px; margin-bottom: 45px}
.map img {display: block}
.contact-left {float: left; width: 230px; padding-bottom: 30px}
.contact-left .logo-small {margin-bottom: 20px; background: url("../img/logo_small.png") left top no-repeat; height: 35px}
.contact-left p {margin: 0 0 50px 10px; font-size: 110%}
.contact-left .phone, .contact-left .mail {color: #7D7D7D; font-size: 120%; line-height: 1.3em; padding: 2px 0 2px 52px}
.contact-left .phone {background-image: url("../img/ico_phone3.png")}
.contact-left .mail a {font-size: 94%}

.colright {float: left; width: 260px; padding-left: 30px}
.actuality {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #EAEAEA}
.actuality.last {margin-bottom: 15px; border: none}
.actuality .date {float: right; line-height: 1.3em; color: #D1D1D1; margin-top: 6px}
.actuality h3 {font-weight: normal; font-size: 140%; margin: 0 0 12px 0; line-height: 1.3em; font-family: Arial; color: #A3182F}
.actuality h3 a {color: #A3182F}
.actuality h3 a:hover {color: #0077B2}
.actuality p {font-size: 95%; margin-bottom: 10px}
.actuality .more {font-size: 87%; line-height: 1.4em; color: #C71B0E}
.actuality .more:hover {color: #0077B2}
.colright-hr {margin-bottom: 25px; width: 325px; position: relative; left: -31px; border-top: 3px solid #EAEAEA}
.post div {color: #CDCDCD; line-height: 1.4em; font-size: 110%; margin-bottom: 5px}
.post div .post-name {color: #0077B2; margin-right: 2px}
.post div .post-date {color: #B1B1B1; margin-left: 2px}
.post p {margin-bottom: 15px}
.post.last {margin-bottom: 30px}
.post.comment {padding-left: 20px; background: url("../img/list.png") left 3px no-repeat}
.button-enter {color: #FFFFFF; text-decoration: none; display: inline-block; width: 196px; height: 29px; padding: 7px 0 0 25px; font-family: 'nexa-book'; font-size: 135%; background: url("../img/button_enter.png") left top no-repeat; line-height: 1.3em; margin-bottom: 25px}
.button-enter:hover {color: #FFFFFF; background-position: left -36px}
.button-pdf {color: #FFFFFF; text-decoration: none; display: inline-block; font-size: 105%; width: 212px; height: 38px; padding: 21px 0 0 52px; background: url("../img/button_pdf.png") left top no-repeat; line-height: 1.3em; margin-bottom: 40px}
.button-pdf span {text-decoration: underline; margin-right: 10px}
.button-pdf:hover {color: #FFFFFF; background-position: left -59px}

.footer {background-color: #FFFFFF; color: #B1B1B1}
.footer-in {width: 822px; margin: 0 auto; text-align: left; padding: 40px 180px 30px 0; position: relative; min-height: 166px}
.footer-bg {background: url("../img/bg_footer.png") right top no-repeat; width: 228px; height: 236px; position: absolute; right: 0; top: 0}
.footer .copy p {margin: 0}
.footer .sp-logos span {margin: 0 20px 20px 0 !important}
.socials {background: url("../img/footer_sep.png") left bottom no-repeat; padding-bottom: 45px; padding-left: 15px; margin-bottom: 10px; color: #0077B2; line-height: 1.4em; font-family: 'nexa-book'; font-size: 160%}
.socials span {display: inline-block; vertical-align: middle; width: 250px}
.socials a {display: inline-block; vertical-align: middle; margin: 0 15px 0 0}
.socials .s1 {width: 73px; height: 61px; background: url("../img/s1.png") center top no-repeat}
.socials .s2 {width: 73px; height: 61px; background: url("../img/s2.png") center top no-repeat}
.socials .s3 {width: 73px; height: 61px; background: url("../img/s3.png") center top no-repeat}
.socials .s4 {width: 73px; height: 61px; background: url("../img/s4.png") center top no-repeat}
.socials .s5 {width: 73px; height: 61px; background: url("../img/s5.png") center top no-repeat}


.fix {clear: both; height: 0.001px; line-height: 0.001px; font-size: 0.001px}
.right {text-align: right}