@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700;900&display=swap');
body, #body {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    height: 100%;
    background: #8A91A6;
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
}
.sume {
    float: left;
    width: 10%;
    margin: 1%;
}
.sume ul {
    padding: 0;
    float: left;
}
.sume li {
    list-style: none;
    width: 100%;
}
.sume li a:hover {
    color: #0bc1d5;
}
.sume h4 {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    text-align: left;
    font-size: 1.3em;
    font-weight: 100;
    border-bottom: 1px solid;
    margin: 1%;
}
.blf {
    background: #0396a6;
    padding: 1%;
    font-weight: 300 !important;
    font-size: 0.9em;
    color: white;
    margin: 0 !important;
    padding: 1% !important;
}
.sna {
    color: #027373;
    font-weight: 500;
    font-size: 1em;
}
.blinc {
    float: left;
    width: 44%;
    margin: 1%;
    padding: 1%;
    background: transparent;
    border: 1px solid #eee;
}
.blinc:hover {
    color: white;
    background: #0396a6;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(163,163,163,1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(163,163,163,1);
    box-shadow: 0px 0px 12px 0px rgba(163,163,163,1);
    border-color: transparent;
    border-radius: 3px;
}
.blinc:hover h3 a, .blinc:hover span, .blinc:hover p a {
    color: white;
}
.blinc h3 a {
    clear: both;
    float: left;
    width: 100%;
    margin: 0 0 2% 0 !important;
    color: #027373;
    border-bottom: 2px solid;
    font-size: 0.9em;
    text-decoration: none;
}
.blinc h3 {
    margin: 0;
}
.blinc p {
    font-size: 0.9em;
    height: 100px;
}
.blinc span {
    font-size: 0.9em;
    width: 47%;
    float: left;
    margin: 2% 2% 0 0;
    font-weight: 600;
    color: #027373;
    border-right: 1px solid;
}
.blinc span:last-of-type {
    border: none;
}
.blinc p a {
    text-decoration: underline;
    color: #027373;
}
.blinc .btnbl {
    display: block;
    float: left;
    margin: 5% 15%;
}
.blinc:hover .btnbl {
    background: white;
    color: #027373;
}
.infor {
    display: block;
    clear: both;
    float: left;
    width: 50%;
    padding: 1%;
    margin: 1%;
    background: #ececec;
}
.infor span {
    display: block;
    width: 100%;
    margin-bottom: 2%;
    font-weight: 300;
    color: #027373;
}
.smire {
    display: block;
    float: left;
    width: 98%;
    background: #0396a6;
    color: white;
    padding: 1%;
}
.smire .btnbl {
    width: 40%;
    background: white;
    color: #0396a6 !important;
    font-weight: 100;
    border-radius: 3px;
}
.blt {
    background: #e3e3e3;
    float: left;
    display: block;
    clear: both;
    width: 98%;
    padding: 1% !important;
    margin: 0 !important;
    font-size: 0.9em;
}
.content h1 {
    display: block;
    clear: both;
    float: left;
    width: 98%;
}
.smbtnq::before {
    content: '\2713';
    font-weight: 900;
    margin: 0 3% 0 0;
}
.content p a {
    color: #025E73;
}
.smbtnq:hover, .smbtnqt:hover {
    color: white;
    background: #0396a6;
    border-top: 3px solid #0396a6;
}
.smbtnqt::before {
    content: '?';
    font-weight: 900;
    margin: 0 3% 0 0;
}
.smbtnq, .smbtnqt {
    width: 15%;
    float: left;
    padding: 0.5% 0.5% 0.5% 1%;
    background: #e3e3e3;
    color: #0396a6;
    font-size: 0.9em;
    border-top: 3px solid;
}
.blq {
    display: block;
    clear: both;
    float: left;
    width: 98%;
    padding: 1%;
    margin: 2% 0;
}
.smbtn {
    margin: 1% !important;
}
a, .bllhead:hover, .bllhead, .smbtnq, .smbtnqt, .blinc:hover, .blinc {
    transition: 0.3s;
    cursor: pointer;
}
.dnone {
    display: none !important;
}
.dbl {
    display: block !important; 
}
.nscroll {
    overflow: hidden;
}
.clear {
    clear: both;
}
footer {
    display: block;
    clear: both;
    float: left;
    width: 98%;
    padding: 1%;
    background: #012E40;
    color: white;
    font-weight: 300;
    font-size: 0.7em;
}
footer p {
    margin: 2px;
}
footer a {
    color: white;
    font-weight: 900;
}
.bckppo {
    background: rgba(1, 46, 64, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.smppo {
    width: 50%;
    background: white;
    position: absolute;
    top: 2%;
    left: 24%;
    max-width: 683px;
    border-radius: 2px;
    padding: 1%;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    height: auto;
    max-height: 60vh;
    overflow: auto;
}
.bppo {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    width: 80%;
    background: white;
    position: absolute;
    top: 2%;
    left: 9%;
    padding: 1%;
    min-height: 100px;
    max-height: 80vh;
    border-radius: 2px;
    overflow: auto;
}
.hn {
    display: block;
    clear: both;
    border-bottom: 1px solid #027373;
    width: 96%;
}
.txtpposm {
    float: left;
    font-weight: 700;
    font-size: 1.3em;
    padding: 0 0 1% 1%;
}
.npppo {
    display: block;
    width: 100%;
    border-bottom: 1px solid #027373;
    float: left;
}
.clpposm {
    font-weight: 900;
    color: #027373;
    font-size: 1em;
    cursor: pointer;
    float: right;
    margin: 0 2%;
}
.corp {
    background: url('./img/podnikatelska-pujcka.png') no-repeat center center;
    background-size: 100%;
    width: 21px;
    height: 21px;
}
.txtsmppo {
    display: block;
    float: left;
    width: 98%;
    margin: 1%;
    font-weight: 300;
}
.smppo .polovina {
    width: 98%;
    border: none;
}
.btnwb {
    background: #0396A6;
    padding: 1%;
    float: left;
    margin: 2%;
    border-radius: 2px;
    color: white;
    font-weight: 300;
    font-size: 0.9em;
    cursor: pointer;
}
.btnwb:hover, .zadost:hover, .slide a:hover {
    color: #e1dddd;
}
.btnnb {
    color: #0396a6;
    padding: 1%;
    float: left;
    margin: 2%;
    cursor: pointer;
    font-weight: 300;
}
.btnnb:hover {
    color: #0bc1d5;
}
.blur {
    filter: blur(5px);
}
.zalomeni {
    width: 100%;
    max-width: 1136px;
    margin: 0 auto;
}
.nav {
    clear: both;
    float: left;
    width: 98%;
    padding: 1%;
    margin: 0;
    background: #012e40;
    font-weight: 600;
}
.nav li {
    margin: 1%;
    list-style: none;
    float: left;
}
.nav li a {
    color: white;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}
.active, .nav li a:hover {
    border-bottom: 2px solid white !important;
}
.zadost {
    float: right;
    margin: 0 2% 0 0;
    background: #0396A6;
    padding: 1%;
    border-radius: 2px;
    color: white;
}
.th {
    float: left;
    width: 90%;
    height: 5px;
    background: #0396a6;
    border-radius: 3px 3px 0 0;
}
.ch {
    float: left;
    width: 90%;
    height: 5px;
    background: #0396a6;
    border-radius: 0;
    margin: 5px 0;
}
.bh {
    float: left;
    width: 90%;
    height: 5px;
    background: #0396a6;
    border-radius: 0 0 3px 3px;
}
.remenu {
    display: block;
    clear: both;
    float: left;
    width: 98%;
    background: #012e40;
    padding: 1%;
}
.rmenu {
    float: left;
    width: 40px;
    height: 30px;
}
.cltop {
    font-size: 1.5em;
    font-weight: 900;
    color: #0396a6;
}
.logo {
    background: url(./img/logo.png) no-repeat center center;
    width: 230px;
    height: 60px;
    float: left;
    margin: 0 5% 0 0;
}
.polovina {
    float: left;
    width: 78%;
    margin: 0 2% 2% 0;
    border-right: 1px solid #027373;
}
.polovina div {
    display: block;
    float: left;
    width: 48%;
    margin: 1%;
}
.lb {
    display: block;
    clear: both;
    width: 98%;
}
.lb span, .inpr {
    color: red;
    font-size: 0.8em;
}
.inp, .inpsm, textarea {
    display: block;
    clear: both;
    width: 90%;
    border-radius: 2px;
    border: 1px solid #bbbdbd;
    font-size: 0.9em;
    font-weight: 100;
    padding: 2%;
    font-family: 'Source Sans Pro', sans-serif;
}
textarea {
    height: 250px;
    resize: none;
}
.wrong {
    border-color: red;
}
.wrongbc {
    background: red !important;
}
.cele {
    float: left;
    width: 96%;
    margin: 2%;
}
.lastd {
    padding: 2% !important;
}
.lasti {
    float: left;
    width: 46%;
}
.inpsm {
    padding: 1% !important;
    width: 92% !important;
    margin-bottom: 2% !important;
    font-weight: 100 !important;
}
.content {
    display: block;
    float: left;
    width: 68%;
    padding: 1%;
    background: white;
    margin: 2% 5% 2% 0;
    height: auto;
    min-height: 768px;
    border-radius: 2px;
}
.nadpis {
    display: block;
    float: left;
    clear: both;
    color: #027373;
    font-size: 1.3em;
    width: 100%;
}
.content p {
    display: block;
    padding: 0;
    margin: 1% 0;
    font-weight: 300;
}
#cookies {
    position: fixed;
    top: 60%;
    left: 5%;
    background: #025E73;
    padding: 1%;
    border-radius: 3px;
    color: white;
    width: auto;
    max-width: 300px;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
}
#cookies span {
    font-weight: 900;
}
#cookies p {
    font-weight: 300;
    font-size: 0.8em;
}
#header {
    display: block;
    float: left;
    width: 70%;
    height: 350px;
    background: white;
    margin: 2% 0 0 0;
}
#slideshow {
  overflow: hidden;
  height: 350px;
  width: 100%;
  margin: 0 auto;
}

.slide-wrapper {
  width: 3184px;
  -webkit-animation: slide 30s ease infinite;
}

.slide {
  float: left;
  height: 350px;
  width: 796px;
}

.slide:nth-child(1) {
  background: url('./img/header3.jpg') no-repeat center center;
  background-size: 100% !important;
}

.slide:nth-child(2) {
  background: url('./img/header1.jpg') no-repeat center center;
  background-size: 100% !important;
}

.slide:nth-child(3) {
  background: url('./img/header2.jpg') no-repeat center center;
  background-size: 100% !important;
}

.slide:nth-child(4) {
  background: url('./img/header.jpg') no-repeat center center;
  background-size: 100% !important;
}
.slnapis {
    width: auto;
    max-width: 46%;
    font-size: 1.3em;
    margin: 10% auto 0 auto;
    padding: 2%;
    background: RGBa(1, 46, 64, 0.5);
    font-weight: 400;
    color: white;
    border-radius: 3px 3px 0 0;
    text-align: center;
}
.sltxt {
    width: 46%;
    margin: 0 auto;
    padding: 2%;
    background: RGBa(1, 46, 64, 0.5);
    border-radius: 0 0 3px 3px;
    color: white;
    font-weight: 100;
}
.slide a {
    display: block;
    margin: 2% auto 0 auto;
    width: 30%;
    padding: 2% 1%;
    color: white;
    background: #0396a6;
    text-align: center;
    border-radius: 2px;
    font-weight: 900;
}
.bllhead {
    float: left;
    width: 25%;
    margin: 2% 0 9px 5%;
    height: auto;
    max-height: 160px;
    border-radius: 2px;
    background-size: cover !important;
}
.vypspl {
    background: url(./img/vypocet-splatek-new.jpg) no-repeat center center;
    background-size: 100%;
    height: 160px;
}
.trloa {
    background: url(./img/prevod-pujcky-banner-new.jpg) no-repeat center center;
    background-size: 100%;
    height: 160px;
}
.bllhead:hover {
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.mb {
    max-width: 70% !important;
    width: 70%;
    font-size: 0.9em;
}
.btnbl {
    display: block;
    width: 70%;
    text-align: center;
    margin: 3% auto;
    background: #0396a6;
    padding: 2%;
    color: white;
}
.btnbl:hover {
    color: #e1dddd;
}
#sidebar {
    float: left;
    width: 25%;
    margin: 2% 0 !important;
}
.bsdb {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 2% 0;
}
.nws {
    background: url(./img/newsletter.jpg) no-repeat center center;
    background-size: 100%;
}
.onlsup {
    background: url(./img/online-support.jpg) no-repeat center center;
    background-size: 100%;
}
.bbl {
    float: left;
    width: 48%;
    height: 350px;
    margin: 5% 2% 5% 0;
}
.bbl h3 {
    text-align: center;
    color: white;
    font-size: 2em;
    padding: 0;
}
.bbl div {
    background: RGBa(1, 46, 64, 0.5);
    width: 80%;
    margin: 8% 0 0 9%;
    border-radius: 2px;
    padding: 1%;
    color: white;
}
.bbl h4 {
    text-align: center;
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    font-weight: 100;
    border-bottom: 1px solid;
}
.bbl p {
    font-size: 0.9em;
    font-weight: 100;
}
.fq {
    background: url(./img/caste-otazky.jpg) no-repeat center center;
    background-size: 100%;
}
.rc {
    background: url(./img/idealni-reseni-vasi-krizove-financni-situace.jpg) no-repeat center center;
    background-size: 100%;
}
.rc a {
    text-decoration: underline;
}
.npolv {
    float: left;
    width: 92%;
    padding: 4%;
    background: #0396a6;
    color: white !important;
    font-size: 0.9em;
    margin: 2% auto;
    cursor: pointer;
}
.resdb {
    background: #0396a6;
    color: white;
    font-size: 0.8em;
    padding: 1%;
    float: left;
    margin: 1%;
    border-radius: 2px;
}
.sma {
    float: left;
    width: 3%;
}
.vlt {
    float: left; 
    width: 90%;
}
#dm {
    display: block;
    float: left;
    width: 30%;
    margin: 2% auto;
    padding: 1%;
    background: white;
    border: 1px solid #bbbdbd;
    border-radius: 2px;
    font-weight: 100;
}
.selval {
    background: #012e40;
}
.alert {
    float: left;
    width: 98%;
    background: red;
    font-size: 0.8em;
    color: white;
    padding: 1%;
}
.wrongdata {
    border-color: red;
}
.dpolo {
    float: left;
    width: 19%;
}
.lb a {
    text-decoration: underline;
}
@-webkit-keyframes slide {
  20% {margin-left: 0px;}
  30% {margin-left: -796px;}
  50% {margin-left: -796px;}
  60% {margin-left: -1592px;}
  70% {margin-left: -1592px;}
  80% {margin-left: -2388px;}
  90% {margin-left: -2388px;}
}

@media only screen and (max-width: 940px) {
    .smppo {
	width: 90%;
	left: 4%;
    }
    .txtpposm {
	width: auto;
    }
    .btnwb, .btnnb {
	display: block;
	width: 94%;
    }
    .remenu {
	display: block !important;
    }
    .nav {
	display: none;
    }
    .logo {
	display: block !important;
	clear: both;
	float: none;
	margin: 1% auto;
    }
    .vm {
	display: none !important;
    }
    .nav li {
	display: block;
	clear: both;
	width: 98%;
	text-align: center;
	margin: 3% 1%;
    }
    .zadost {
	float: left;
	display: block;
	clear: both;
	width: 98%;
	text-align: left;
	font-size: 1.1em;
	padding: 2% 1%;
    }
    .polovina {
	display: block;
	clear: both;
	float: none;
	width: 98%;
    }
    .polovina div {
	display: block;
	clear: both;
	width: 98%;
	float: left;
	margin: 2% 0 0 0;
    }
    .lb {
	display: block;
	clear: both;
	width: 100%;
    }
    .content {
	display: block;
	clear: both;
	width: 96%;
	float: left;
	margin: 2% 1%;
    }
    .dpolo{
	width: 96%;
    }
    .lasti {
	display: block;
	clear: both;
	float: left;
	width: 100%;
    }
    .npolv {
	padding: 2%;
	width: 96%;
    }
    .resdb {
	display: block;
	clear: both;
	float: left;
	width: 96%;
	padding: 2% 1%;
	margin: 2% 1%;
    }
    #header {
	display: none;
    }
    .bllhead {
	width: 90%;
	min-height: 250px;
    }
    .smbtnq, .smbtnqt {
	width: 48.5%;
    }
    #sidebar {
	width: 95%;
	margin: 2% 0 2% 2.5% !important;
	float: left;
	display: block;
	clear: both;
    }
    #bl4 {
	margin: 0 0 0 5%;
    }
    #rc, #fq {
	display: block;
	clear: both;
	float: left;
	width: 90%;
	margin: 2% 0 2% 5%;
	height: 230px;
	background-size: 140%;
    }
    .bbl div h3 {
	font-size: 1em;
    }
    .sume {
	width: 95%;
	font-weight: 300 !important;
    }
    .sume li {
	margin: 5%;
	float: left;
	display: block;
	clear: both;
	font-size: 1.1em;
    }
}