/* ff3d1e - red      ff901e - orange    16bd48 - green */
/*background: #1891ae;  background: #1ca8ca  */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {	margin: 0; padding: 0;}
img { border: none; }

img, fieldset {	border: 0; }
img {
 max-width: 100%; height: auto; width: auto\9; /* ie8 */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a:link, a:visited, a:active { color: #fceb00; text-decoration: none; }
a:hover { text-decoration: underline; }

input, input[type=submit], input[type=button], input[type=image] { 
 border: none;
}
input[type=submit] { 
 cursor: pointer;
}

a.submit {
 display: inline-block; margin: 0 auto; margin-top: 15px; padding: 12px 34px; font-size: 16px; color: #ffffff; 
 background: #000000;
}
a.submit:hover {
 color: #303030; background: #ffa800;
}

body { margin: 0; padding: 0; font-size: 18px; line-height: 24px; background: #171f22; color: #ffffff;
 font-family: "PT Sans", Verdana, Helvetica, sans-serif !important; }
h1 {
 margin: 12px 0 16px 0; font-weight: normal; font-size: 36px; color: #ffffff; line-height: 42px;
}
h2 {
 margin: 15px 0 12px 0; font-weight: normal; font-size: 24px; color: #ffffff; line-height: 24px;
}

.top {
 width: 100%; text-align: center; background: #253136; border-top: 2px solid #fceb00;
}
.top2 {
 width: 980px; margin: 0 auto; text-align: left;
}
.top2 .logo {
 float: left; margin: 0
}
.top2 h1 {
 float: left; line-height: 80%; color: #fceb00;
}
.top2 h1 small {
 color: #ffffff;
}

.blueblock {
 width: 100%; padding: 15px 0 15px 0; color: #ffffff; font-size: 26px; text-align: center; background: #14778f;
}

h2 {
 font-size: 26px; color: #ffffff;
}

.bloktext {
 text-align: center;
}
.bloktext .bloktext2 {
 width: 980px; margin: 0 auto; padding: 40px 0 45px 0; text-align: left;
}
.bloktext .bloktext2 h3 {
 margin-bottom: 20px; font-size: 32px; line-height: 140%;
}
.bloktext .bloktext2 p {
 font-size: 16px; margin: 0 0 0 3px; padding: 0;
}
.bloktext.two {
 background: #253136;
}
.bloktext.three {
 background: #202b2f; border-top: 1px solid #171f22; border-bottom: 1px solid #171f22;
}
.bloktext .bloktext2 p span.nazov {
 display: inline-block; font-weight: bold; width: 80px;
}

.bloktext .bloktext2.ok .oznam {
 display: block; margin: 0 0 20px 0; font-size: 20px; line-height: 20px;
}
.bloktext .platobneudaje {
}
.bloktext .platobneudaje .nadpis {
 display: block; font-weight: bold; margin: 0 0 15px 0; font-size: 21px; line-height: 120%;
}
.bloktext .platobneudaje .what {
 float: left; margin: 0 10px 12px 0; font-size: 18px; color: #6b6b6b;
}
.bloktext .platobneudaje .what2 {
 float: left; margin: 0 0 12px 0; font-size: 19px; color: #000000; font-weight: bold;
}
.bloktext .platobneudaje .what2 small {
 font-weight: normal;
}
.bloktext .platobneudaje .banks {
 margin: 20px 0 0 0;
}
.bloktext .platobneudaje .banks span {
 display: block; margin: 0 0 10px 0; font-weight: bold; font-size: 15px;
}
.bloktext .platobneudaje .banks img {
 margin: 0 5px 3px 0; padding: 1px; box-shadow: 0 0px 2px 0px #b4b4b4; background: #ffffff;
}
.bloktext .platobneudaje .others {
 margin: 30px 0 0 0; font-size: 90%;
}

.bloktext ul {
 margin: 0 0 0 20px; padding: 0; font-size: 16px; list-style: square;
}
.bloktext ul li {
 margin: 0 0 0 10px; padding: 0;
}


.prihlasitlogin {
 float: left; width: 60%; margin: 0 0 0 0;
}
.prihlasitlogin.w100 {
 width: 100%;
}
.prihlasitlogin .prihlasitloginformnadpis {
 display: block; margin: 0 0 7px 15px; font-size: 24px;
}
.prihlasitlogin .prihlasitloginformnadpis2 {
 display: block; margin: 0 0 15px 15px; font-size: 16px;
}
.prihlasitlogin.formular input[type=submit] {
 margin-top: 5px;
}
.prihlasitlogin a.zabudnute {
 display: inline-block; float: right; margin: 0 0 0 0; text-align: right; color: #ffffff; font-size: 15px;
}

.prihlasitlogin ul.others {
 float: right; width: 100%; margin: 20px 0 0 0; padding: 15px 0 0 40px; list-style: none; border-top: 1px solid #253136;
}
.prihlasitlogin ul.others li {
 display: block; margin: 0 0 4px 0; padding: 0 0 0 20px;
 background: url(../img/ulli_white.png) no-repeat left 6px;
}
.prihlasitlogin ul.others li.last {
 margin: 0;
}
.prihlasitlogin ul.others li a {
 display: block; color: #ffffff;
}

.prihlasitloginnow {
 margin: 0 0 0 0;
}
.prihlasitloginnow.bottom20 {
 margin-bottom: 20px;
}
.prihlasitloginnow.ok {
 margin: 10px 0 15px 0; padding: 12px; text-align: center; border: 2px solid #000000; 
}

.aktualnecislo {
 float: right; width: 30%; text-align: center;
}
.aktualnecislo img {
 max-height: 280px;
}
.aktualnecislo span.nadpis {
 display: block; margin: 0 0 7px 0; font-size: 16px;
}
.aktualnecislo span.rok {
 display: block; margin: 7px 0 0 0; font-size: 25px;
}


.bloktext2.garancia {
}
.bloktext2.garancia img {
 float: left; width: 15%;
}
.bloktext2.garancia .dright {
 float: left; width: 75%; margin-left: 5%;
}


ul.info {
 margin: 0 0 0 20px; padding: 0; list-style: none;
}
ul.info li {
 margin: 0 0 6px 0; padding: 0 0 0 20px; color: #ffffff; line-height: 20px;
 background: url(../img/ulli_white.png) no-repeat left 6px;
}
ul.info li.last {
 margin: 0;
}
ul.info li a {
 color: #ffffff;
}


ul.typ2 {
 margin: 0 0 20px 10px; padding: 0; list-style: none; font-size: 0;
}
ul.typ2 li {
 display: inline-block; position: relative; margin: 0 15px 0 0; padding: 0 19px 0 0; font-size: 18px; vertical-align: text-top;
}
ul.typ2 li.arrow {
 margin: 0 7px 0 7px; padding: 2px 0 0 0;
}
ul.typ2 li a {
 display: block; padding: 8px 16px; color: #ffffff; border: 1px solid #7c7c7c;
}
ul.typ2 li a:hover {
 text-decoration: none; color: #ffffff; background: #000000; border: 1px solid #515151;
}
ul.typ2 li a.active {
 text-decoration: none; color: #ffffff; background: #000000; border: 1px solid #515151;
}
ul.typ2 li i.fa-info {
 position: absolute; top: 0; right: -1px; width: 20px; padding: 5px 0; color: #ffffff; font-size: 12px; 
 text-align: center; background: #000000; cursor: pointer;
}
ul.typ2 li a.skontrolovat {
 display: block; padding: 8px 16px; color: #ffffff; border: none;
}
ul.typ2 li a.skontrolovat:hover {
 text-decoration: underline; color: #ffffff; background: none;
}


.emailKONTROLA {
 margin: 0 0 12px 0; padding: 10px; text-align: center; color: #b50000; border: 1px solid #b50000;
}
.emailKONTROLA strong {
 color: #000000;
}
.emailKONTROLA a {
 color: #772f2e;
}

/* navody */
.navody {}
.navody h1 {
 margin: 0 0 15px 0; font-size: 30px; color: #000000; 
}
.navody h1 strong {
 padding: 0 7px; color: #ffffff; background: #000000;
}
.navody h2 {
 margin-bottom: 10px; color: #000000; font-size: 28px;
}
.navody ul {
 margin: 0; padding: 0; list-style: square;
}
.navody ul li {
 margin: 0 0 0 30px; padding: 0 0 0 0;
}
.navody p {
 margin: 0 0 20px 0; padding: 0;
}
.navody .webnew {
 display: inline-block; margin: 0 10px; padding: 1px; border: 1px solid #000000;
}
.navody .webold {
 display: inline-block; margin: 0 10px; padding: 1px; text-align: center; border: 1px solid #000000;
}
.navody .webpopis {
 width: 100%; margin: 0; padding: 7px 0; color: #ffffff; text-align: center; background: #797979;
}
/* /navody */



/* prihlasitloginform */
.prihlasitloginform {
 display: none; margin: -10px 0 20px 0; padding: 10px 0 20px 0;
}
.prihlasitloginform .prihlasitloginformnadpis {
 display: block; margin: 0 0 7px 15px; padding: 7px 12px; font-size: 20px; color: #171f22; background: #ffffff;
}
.prihlasitloginform .prihlasitloginformnadpis2 {
 display: block; margin: 0 0 15px 15px; font-size: 16px;
}
.prihlasitloginform.formular input[type=submit] {
 margin-top: 5px;
}
/* /prihlasitloginform */



/* vypis */
.vypis {
}
.vypis .vypisl {
 float: left; width: 48%; text-align: center;
}
.vypis .vypisl #aktualMag img {
 max-height: 280px;
}
.vypis span.nadpis {
 display: block; margin: 0 0 7px 0; font-size: 16px;
}
.vypis span.rok {
 display: block; margin: 7px 0 0 0; font-size: 25px;
}
.vypis a.mobile {
 display: inline-block; padding: 6px 20px;
}

.vypis .vypisr {
 float: right; width: 48%;
}
.vypis .vypisr .odhlasitsa {
 display: inline-block; float: left; margin: 0 0 15px 0; padding: 7px 15px; font-size: 16px; color: #ffffff; background: #de3232;
}
.vypis .vypisr .nazov {
 display: block; float: left; width: 100px; margin: 0 10px 0 0;
}
.vypis .vypisr .popis {
 display: block; float: left; margin: 0 0 0 0;
}

.vypis .skoncilo {
 clear: both; display: block; margin: 0; text-align: center; padding: 7px 7px; color: #ffffff; background: #ff0000;
}
.vypis .konci {
 clear: both; display: block; margin: 0; text-align: center; padding: 0 0; font-size: 14px; color: #de3232;
}
.vypis .predplatit {
 display: inline-block; margin: 0 auto; margin-top: 10px; padding: 7px 15px; font-size: 16px; text-align: center;
 color: #ffffff; background: #000000;
}

.vypis .pristupkarchivu {
 margin: 30px 0 0 0; padding: 7px 12px; color: #171f22;background: rgba(255,255,255,0.9);
}

.vypis .vypisr .popis .predplitem {
 margin: 5px 0 8px 0;
}
.vypis .vypisr .popis .predplitem strong {
 float: left; display: block;
}
.vypis .vypisr .popis .predplitem strong small {
 font-weight: 300; color: #ff0000;
}
.vypis .vypisr .popis .predplitem a.viacB {
 float: left; display: block; margin: 2px 0 0 10px; padding: 3px 5px; font-size: 12px; line-height: 100%; border: 1px solid #fceb00;
}
.vypis .vypisr .popis .predplitem .viacDIV {
 display: none; padding-left: 10px; font-size: 14px;
}

.vypis .vypissmall {
 margin: 0 0 0 0;
}
.vypis .vypissmall .rok {
 clear: both; margin: 10px 0 15px 0; padding: 8px 8px; font-size: 22px; font-weight: 500; background: #1f2a2e;
}
.vypis .vypissmall .titul {
 display: inline-block; margin: 0 20px 15px 0;
}
.vypis .vypissmall .titul a {
 color: #ffffff;
}
.vypis .vypissmall .titul a:hover {
 text-decoration: none;
}
.vypis .vypissmall .titul a img {
 display: block;
}
.vypis .vypissmall .titul a span {
 display: block; margin-top: 3px; padding: 2px 0 2px 0; text-align: center; font-size: 17px; font-weight: 500;
 -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
.vypis .vypissmall .titul a:hover span {
 color: #171f22; background: #ffffff;
}
.vypis .vypissmall a.mobiles {
 display: block; font-size: 15px; color: #fceb00; text-align: center;
}
.vypis .vypissmall a.mobiles:hover {
 text-decoration: underline;
}

.vypis .nonemagazin {
 margin: 20px 0 0 0; font-size: 18px; text-align: center;
}
/* /vypis */

.bloktext2 .stranka {
}
.bloktext2 .stranka p {
 margin-bottom: 25px;
}
.bloktext2 .stranka h3 {
 margin: 15px 0 8px 0; font-weight: 500; font-size: 22px; color: #ffffff; line-height: 22px;
}

.footer {
 width: 100%; background: #000000;
}
.footer2 {
 width: 980px; margin: 0 auto; padding: 25px 0 25px 0; text-align: center; font-size: 15px; line-height: 18px; color: #ffffff;
}
.footer2 a {
 margin: 0 5px 0 5px; color: #ffffff;
}
.footer2 .firma {
 display: block; margin: 0 0 10px 0;
}
