@charset "utf-8";
/*==============================================================================
	TISKARNA-SABE.cz CSS
==============================================================================*/
html, body {border: 0; outline: 0;padding: 0; margin: 0;}
html {background: #313131;}
body {font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight: 400; color: #231f20; background: #e6e6e6;}
#homepage {background: #fff url(/images/design/default/bg-body-homepage.jpg) center top no-repeat;}
html.maintenance_mode {background-image: url(/images/design/default/bg-body-homepage.jpg); background-position: center top; background-repeat: repeat-y;}
iframe[name='google_conversion_frame'] {display: none;}
.container {text-align: center; padding: 0 15px;}
.container_header {height: 87px;}
.container_white {background: #fff;}
.content {position: relative; max-width: 1060px; text-align: left; padding: 0; margin: 0 auto;}

*:focus {outline: none;}
*::-moz-focus-inner {border: 0;}

p {font-size: 1em; line-height: 2.142857em; font-weight: 400; padding: 0; margin: 0 0 34px;}
p a {color: #e02846;}
p a:hover {text-decoration: none;}
strong {font-weight: 700;}
img {vertical-align: bottom; max-width: 100%; height: auto;}
.image_shadow {-webkit-box-shadow: 0 10px 20px -5px #545454; -moz-box-shadow: 0 10px 20px -5px #545454; box-shadow: 0 10px 20px -5px #545454;}

/* LINKS
==============================================================================*/
a {color: #4a4a4a; text-decoration: underline; outline: 0;}
a:hover {text-decoration: none;}
a.simple,
a.noborder {text-decoration: none!important;}
a img {border: 0px; vertical-align: middle;}
.button,
p .button {position: relative; white-space: nowrap; font-weight: 400; font-family: 'Ubuntu', sans-serif; line-height: 40px; color: #fff; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; text-align: center; background: #e02846; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 11px 38px;}
.button--left {float: left; padding-top: 0; padding-bottom: 0;}
.button--right {float: right; padding-top: 0; padding-bottom: 0;}
.button--center {float: none; margin-left: auto; margin-right: auto;}
.button_green,
p.button_green {background: #6f9205; padding: 11px 24px;}
.button_outlined,
p .button_outlined {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 0 2px #ff90a2; -moz-box-shadow: 0 0 0 2px #ff90a2; box-shadow: 0 0 0 2px #ff90a2;}
.button:hover,
p .button:hover {background-color: #C42139;}

/* HEADERS
==============================================================================*/
h1, h2, h3, h4, h5, h6 {font-family: Ubuntu, Arial; font-weight: 700; margin: 0; clear: both;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #231f20; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #231f20; text-decoration: underline;}

h1 {font-size: 2.142857em; line-height: 1.2em; margin: 0 0 30px;}
h2 {font-size: 1.71428em; line-height: 1.16667em; padding: 0; margin: 0 0 22px;}
h3 {font-size: 1.285714em; line-height: 1.2222em; padding: 0; margin: 0 0 9px 0;}
h4 {font-size: 1.1538em; line-height: 1.125em; padding: 0; margin: 0 0 14px 0;}
h5 {font-size: 1.053846em; line-height: 1.142857em; padding: 0; margin: 0 0 7px 0;}
h6 {font-size: 1em; line-height: 1.16667em; padding: 0; margin: 0 0 7px 0;}


ul {list-style: none; padding: 0; margin: 0 0 24px;}
h1+ul, h2+ul, h3+ul, h4+ul {padding-top: 14px;}
ul+p {margin: 0 0 34px;}
li {background: url(/images/design/default/bg-list-default.png) 0 6px no-repeat; padding: 0 0 0 30px; margin: 0 0 9px;}
.tick li {background: url(/images/design/default/bg-list-tick.png) 0 0 no-repeat; padding: 3px 0 3px 56px; margin: 0 0 9px;}

.maintenance {position: fixed; top: calc(50% - 35px); left: 0; width: 100%; background: #e5143c;}
.content--maintenance {position: relative; width: 100%; max-width: 600px; min-height: 70px;}
.maintenance__logo {position: absolute; top: -22px; left: 0; z-index: 2000; display: inline-block;}
.maintenance__logo img {display: block; vertical-align: baseline; max-width: 100%; height: auto;}
.maintenance__message {position: absolute; top: 50%; transform: translateY(-50%); left: 250px; display: inline-block; font-size: 22px; line-height: 26px; font-weight: 400; color: #fff; text-align: left; margin: 0;}

.content__navigation {position: fixed; top: 0; left: 0; right: 0; z-index: 3100; font-family: 'Ubuntu', sans-serif; font-weight: 400; background: #7f7f7f;}
.content__navigation ul {list-style: none; line-height: 60px; padding: 0; margin: 0;}
.content__navigation li {display: inline; line-height: 60px; color: #d6d6d6; background: none; padding: 0; margin-right: 3.39%;}
.content__navigation li a {line-height: 60px; color: #d6d6d6; text-decoration: none; padding: 21px 0;}
.content__navigation li a.active,
.content__navigation li a:hover {color: #fff; -webkit-box-shadow: inset 0 -2px 0 0 #e02846; -moz-box-shadow: inset 0 -2px 0 0 #e02846; box-shadow: inset 0 -2px 0 0 #e02846;}
@media (max-width: 1070px) {
	.content__navigation {display: none;}
}

.article_guidepost {background: #fff; padding: 0; margin: 0;}
.article_guidepost .content {text-align: center; padding: 54px 0 0;}
.article_guidepost h1, .article_guidepost h2 {background: none; padding: 0;}
.overview_guidepost {padding-bottom: 60px;}
.overview_guidepost ul {list-style: none; padding: 0; margin: 0;}
.guidepost__item {float: left; width: 22.74%; text-align: center; background: #fff url(/images/design/default/bg-article-guidepost.png) left center no-repeat; background-size: contain; padding: 0 5.28%; margin: 0;}
.guidepost__item:first-child {background-image: none;}
.item__description {height: 60px; overflow: hidden; margin-bottom: 0;}
.item__description p {line-height: 1.285714em; margin-bottom: 0;}
.item__image {display: block; margin-bottom: 18px;}
.item__image img {vertical-align: baseline; max-width: 100%; height: auto;}
.item__title {height: 24px; overflow: hidden; font-size: 1.285714em; line-height: 1.3333em; font-weight: 300; color: #e02846; margin: 0 0 16px;}
@media (max-width: 760px) {
	.guidepost__item .button {padding-right: 20px; padding-left: 20px;}
}
@media (max-width: 660px) {
	.guidepost__item {float: none; width: 90%; background-image: none; padding: 5%;}
}
@media (min-width: 420px) and (max-width: 660px) {
	.item__image {float: left; width: 30%;}
	.item__data {float: right; width: 60%; text-align: left;}
	.item__description {height: 50px;}
}
@media (max-width: 420px) {
	.guidepost__item {margin-top: 30px;}
	.guidepost__item:first-child {margin-top: 0;}
}

.subpages__list {margin-bottom: 30px;}
.subpages__list_item {margin-bottom: 30px;}
.subpages__item_title {margin-bottom: 20px;}
.subpages__item_title a {text-decoration: underline;}
.subpages__item_description {margin-bottom: 15px;}
.subpages__item_description p {margin-bottom: 10px;}

.text__content {text-align: left; padding: 60px 0;}

.calculation_editorial {background: #e6e6e6/* url(/images/design/default/bg-calculation.jpg) center bottom no-repeat*/;}
.calculation__content {max-width: 900px; text-align: center; padding: 56px 0 30px;}

.call2action {background: #e02846;}
.call2action__content {text-align: center; padding: 27px 0;}
.call2action__content p {font: 400 1.71428em/1.6667em Ubuntu, Arial; color: #ff90a2; margin: 0;}
.call2action__content p strong {font-weight: 400; color: #fff;}
.call2action__content p a.button {font-weight: 400; font-size: 14px; line-height: 40px; border: 2px solid #ff90a2; margin-left: 50px;}
@media (max-width: 770px) {
	.call2action__content p span {display: block; margin-bottom: 10px;}
	.call2action__content p a.button {margin: 0 auto;}
}

.quick_contact {color: #fff; background: #e02846; border-radius: 4px; padding: 7.39% 7.39% 4.5%;}
.quick_contact a {color: #fff;}
.quick_contact p {line-height: 1.428571em; font-weight: 300; margin: 0 0 10px;}
.quick_contact strong {font-weight: 600;}
.quick__title {font: 700 1.71428em/1.16667em 'Ubuntu', sans-serif;color: #fff; padding: 0; margin: 0 0 15px;}
.quick__image {float: left; width: 29.51%; background: #c21d38; border-radius: 2px; -webkit-box-shadow: 0 0 0 1px #e93754; -moz-box-shadow: 0 0 0 1px #e93754; box-shadow: 0 0 0 1px #e93754; padding: 1%; margin: 3px 0 20px;}
.quick__image img {display: block; border-radius: 2px;}
.quick__info {float: right; width: 61.73%; margin: 0 0 20px;}
@media (max-width: 850px) {
	.quick_contact {max-width: 311px; padding: 20px 27px;}
	.quick__image {float: left; width: 90px; background: #c21d38; border-radius: 2px; -webkit-box-shadow: 0 0 0 1px #e93754; -moz-box-shadow: 0 0 0 1px #e93754; box-shadow: 0 0 0 1px #e93754; padding: 4px; margin: 3px 0 20px;}
}

.responses {}
.response__item {float: left; width: 50%; box-sizing: border-box; *zoom: 1; padding: 0 40px 0 20px; margin: 40px 0 0;}
.response__item:first-child {margin-top: 0;}
.response__item::before,
.response__item::after {content: " "; display: table;}
.response__item::after {clear: both;}
/* .response__image {position: relative; float: left; width: 13.74%;} */
/* .response__image img {display: block; width: 90%; max-width: 100%; height: auto; background: #fff; border-radius: 50%; box-shadow: 0 0 0 1px #e6e6e6; padding: 5%;} */
/* .response__data {float: right; width: 82.44%;} */
.response__data q {position: relative; display: block; quotes: none; font-weight: 300; font-style: italic; color: #231f20; background: #ebf7fb; /*-webkit-box-shadow: 0 0 0 1px #e6e6e6; -moz-box-shadow: 0 0 0 1px #e6e6e6; box-shadow: 0 0 0 1px #e6e6e6;*/ border-radius: 6px; padding: 15px; margin: 0 0 15px;}
.response__data q::after {position: absolute; bottom: -7px; left: 23px; width: 14px; height: 7px; content: ''; background: url(/images/design/default/bg-response-beak.png) 0 0 no-repeat;}
.response__data q .icon {display: none;}
.response__data p {margin: 0;}

.icon {position: relative; height: 20px; line-height: 20px; vertical-align: baseline; background: url(/images/design/default/sprite-icons.png) 0 0 no-repeat; padding: 1px 10px; margin: 0 12px 0 0;}
.icon__response_image {position: absolute; top: 0; left: 0; height: 26px; line-height: 26px; background: url(/images/design/default/bg-response-image.png) 0 0 no-repeat; padding: 1px 13px; margin: 0;}

.map_container {padding: 54px 0 0 0; background: #fff; margin: 0;}
.map_container h2 {font-size: 2.61538em; line-height: 1.11764em; color: #4d3628; margin: 0 8.9583% 46px 10%;}
.googlemap {border-top: 1px solid #E6E6E6; padding: 0; margin: 0;}
.googlemap .content {width: 100%; max-width: 100%; padding: 0;}
.gmap {width: 100%; height: 478px; background: url(/images/ajax-loader.gif) center center no-repeat; margin: 0;}
.gmap img {max-width: none;}
.infoBox {padding: 0;}
.infoBox > img {position: absolute; top: 23px; right: 5px; z-index: 10; padding: 3px 10px;}
.infobox__content {position: relative; z-index: 0; color: #fff; text-align: left; background: url(/images/design/default/bg-gmap-infobox-tick.png) center bottom no-repeat; padding-bottom: 6px;}
.infobox__title {display: block; font: 400 14px/18px 'Ubuntu', sans-serif; color: #fff; background: #1f1f1f; border-radius: 3px 3px 0 0; padding: 6px 13px; margin: 0;}
.infobox__text {display: block; background: #313131; border-radius: 0 0 3px 3px; padding: 6px 13px; margin: 0;}
.infobox__text p {font: 300 14px/18px 'Ubuntu', sans-serif; color: #c0c0c0; padding: 0; margin: 0 0 8px;}

.contact__box {*zoom: 1; line-height: 50px; background: #e6e6e6; border-radius: 3px; padding: 18px 3.2%; margin: 0 0 34px;}
.contact__box:before,.contact__box:after {content: " "; display: table;}
.contact__box:after {clear: both;}
.contact__phone, .contact__email {float: left; width: 50%; min-height: 50px; /*background: blue;*/ padding: 0;}
.contact__phone img, .contact__email img {vertical-align: middle; padding: 0; margin: 0 24px 0 0;}
.contact__phone img {vertical-align: -13px;}
.contact__phone {font: 700 2.142857em/50px 'Ubuntu', sans-serif; color: #231f20; white-space: nowrap;}
.contact__email {font: 600 1.2857em/50px 'Ubuntu', sans-serif; color: #e02846; white-space: nowrap; padding-top: 3px;}
.contact__email a {font-size: 1em; color: #e02846; text-decoration: underline;}

@media (max-width: 710px) {
	.contact__phone {font-size: 1.85714em;}
}
@media (max-width: 630px) {
	.contact__phone {font-size: 1.5714em;}
	/*.contact__phone, .contact__email {float: none; width: 100;}*/
}
@media (max-width: 570px) {
	.contact__phone img, .contact__email img {margin-right: 14px;}
	.contact__phone {font-size: 1.285714em;}
}
@media (max-width: 550px) {
	.contact__phone, .contact__email {float: none; width: 100%;}
	.contact__email {min-height: 30px; line-height: 30px;}
}

.contact__office .content {padding: 60px 0;}
@media (max-width: 550px) {
	.contact__office .content {text-align: center;}
	.contact__office .column {float: none; width: 100%; max-width: 400px; margin: 0 auto 20px;}
}

.contact__persons h2 {text-align: center;}
.branches {}
.branch__item {float: left; width: 50%; box-sizing: border-box; padding: 30px 4% 30px 0; margin: 0;}
.branch__item:nth-child(2n) {background: url(/images/design/default/bg-branch-line.png) 0 center no-repeat; padding: 30px 0 30px 4%;}
.branch__image {display: inline-block; float: left; width: 35%; box-sizing: border-box; overflow: hidden; border: 4px solid #fff; border-radius: 8px;}
.branch__image img {max-width: 100%; height: auto; border-radius: 8px;}
.branch__text {float: right; width: 60%;}
.branch__text p {line-height: 20px;}
.branch__text p strong {display: inline-block; width: 72px; color: #e5143c;}
.branch__text p:last-child {margin-bottom: 0;}
@media (max-width: 850px) {
	.branches {text-align: center;}
	.branch__item,
	.branch__item:nth-child(2n) {float: none; width: 100%; max-width: 500px; text-align: left; background: url(/images/design/default/bg-branch-line-horizontal.png) center bottom no-repeat; padding-left: 0; padding-right: 0; margin: 0 auto;}
}
@media (max-width: 500px) {
	.branch__item,
	.branch__item:nth-child(2n) {text-align: center;}
	.branch__image {float: none; width: 100%; max-width: 300px; margin: 0 auto 20px;}
	.branch__text {float: none; width: 100%; max-width: 300px; text-align: left; margin: 0 auto;}
}


.column {float: left;}
.column_1 {width: 10%;}
.column_2 {width: 20%;}
.column_3 {width: 30%;}
.column_4 {width: 40%;}
.column_5 {width: 50%;}
.column_6 {width: 60%;}
.column_7 {width: 70%;}
.column_8 {width: 80%;}
.column_9 {width: 90%;}
.column_10 {width: 100%; clear: both;}

.message {font-size: 1em; line-height: 1.42857em; font-weight: 400; color: #757581; text-align: left; border: none; padding: 20px 14px; margin: 0 0 15px;}
.message a {color: #757581; text-decoration: underline;}
.message a:hover {text-decoration: none;}
.message_info {color: #2c6f0a; background: #d6f4c7 url(/images/design/default/bg-message-info.png) 17px 16px no-repeat; padding-left: 70px;}
.message_info a {color: #2c6f0a;}
.message_error {color: #d92344; background: #fbe9ec url(/images/design/default/bg-message-error.png) 17px 16px no-repeat; padding-left: 70px;}
.message_error a {color: #d92344;}
.message_success {color: #2c6f0a; background: #d6f4c7 url(/images/design/default/bg-message-success.png) 17px 16px no-repeat; padding-left: 70px;}
.message_success a {color: #2c6f0a;}

div#ui-datepicker-div {display: none;}
/* Cookie shit plugin */
div.cc_banner-wrapper {z-index: 16000002!important;}
div.cc_container a {color: #E5143C!important;}
div.cc_container .cc_btn:hover, div.cc_container .cc_btn {color: #fff!important; background-color: #E5143C!important;}

.shadow {-webkit-box-shadow: 0 10px 20px -5px #545454; -moz-box-shadow: 0 10px 20px -5px #545454; box-shadow: 0 10px 20px -5px #545454;}
.transparent {/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */filter: alpha(opacity=0); /* Netscape */-moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */opacity: 0;}
.noscreen, .hidden {display: none;}
.screen {display: block;}
.invisible {visibility: hidden;}
.visible {visibility: visible!important;}
.cleaner {clear: both; line-height: 0px; font-size: 0px;}
.clear,
br.clear {clear: both; line-height: 0;_height: 0px; font-size: 0px; padding: 0; margin: 0;}
.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.clear_both {clear: both;}
.pull_left, .floatleft, .float_left {float: left;}
.pull_right, .floatright, .float_right {float: right;}
.nofloat {float: none;}
.left, .textleft {text-align: left;}
.right, .textright {text-align: right;}
.center, .textcenter {text-align: center;}
.justify, .textjustify {text-align: justify;}
.nowrap {white-space: nowrap;}
.marginT10 {margin-top: 10px;}
.marginT20 {margin-top: 20px;}
.marginB10 {margin-bottom: 10px;}
.marginB0 {margin-bottom: 0!important;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.font10pt {font-size: 10px; line-height: 18px !important;}
.font11pt {font-size: 11px; line-height: 16px !important;}
.font12pt {font-size: 12px; line-height: 16px !important;}
.font13pt {font-size: 13px; line-height: 16px !important;}
.font14pt {font-size: 14px !important; line-height: 20px !important;}
.font15pt {font-size: 15px !important; line-height: 20px !important;}
.font16pt {font-size: 16px !important; line-height: 20px !important;}
.font17pt {font-size: 17px !important; line-height: 22px !important;}
.font18pt {font-size: 18px !important; line-height: 24px !important;}
.font19pt {font-size: 19px !important; line-height: 22px !important;}
.font20pt {font-size: 20px !important; line-height: 26px !important;}
.font22pt {font-size: 22px !important; line-height: 27px !important;}
.font24pt {font-size: 24px !important; line-height: 28px !important;}
.font25pt {font-size: 25px !important; line-height: 31px !important;}
.font30pt {font-size: 30px !important; line-height: 34px !important;}
.font32pt {font-size: 32px !important; line-height: 36px !important;}
.font36pt {font-size: 36px !important; line-height: 42px !important;}
.font42pt {font-size: 42px !important; line-height: 48px !important;}
.font45pt {font-size: 45px !important; line-height: 51px !important;}
.font48pt {font-size: 48px !important; line-height: 54px !important;}
.color_gray {color: #969393 !important;}
.color_green {color: #7f9f0e!important;}
.underline {border-bottom: 1px solid;}
.imgborder {border: 2px solid #DC2913;}
.imgwhiteborder {border: 2px solid #FFF;}
.offsetborder {border: 1px solid white;	padding: 2px;}
.nopadding {padding: 0!important;}
.noindent {margin-left: 0; padding-left: 0;}
.nobullet {list-style: none; list-style-image: none; list-style-type: none;}
.nobackground {background: transparent;}
.noborder {border: none!important;}
.hand {cursor: pointer;}
.orange {color: #e64d16;}
.red {color: #e01326;}
.blue {color: #043c7f;}
.green {color: #40bbaa;}
.yellow {color: #f8b333;}
.brown {color: #4c2918;}
.gray,
.grey {color: #7c7e8a;}
.lightgrey {color: #ebebeb;}
.lightpink {color: #ff8599;}
.violet {color: #c25276;}
.turquoise {color: #00b2e7;}
.white {color: #fff;}
.divider {width: 100%; height: 2px; clear: both; line-height: 5px; border-bottom: 1px solid #c4c4c4; padding: 0; margin: 20px 0;}
.line {width: 100%; height: 2px; clear: both; line-height: 5px; border-bottom: 1px solid #c4c4c4; padding: 0; margin: 20px 0;}
.dashed_line {width: 100%; height: 2px;	clear: both; border-bottom: 1px dashed #c4c4c4; font-size: 0; padding: 0; margin: 20px 0;}
img.left,
img[align="left"] {float: left; margin: 10px 10px 15px 0;}
img.right,
img[align="right"] {float: right; margin: 10px 0 15px 30px;}
img.alignleft {margin: 0 10px 5px 0;}
img.alignright {margin: 0 0 5px 10px;}
.highlight {background: #ffc;}