/* VE�K� ZMENY AJ V functions/titlecontents/titlecontents.css */

@media screen and (max-width: 5000px) {
 .top2 { padding: 40px 0 40px 0; }
}

@media screen and (max-width: 1600px) {
 .top2 { padding: 30px 0 30px 0; }
 .top2 { width: 1200px; }
 .varsblok2 { width: 1180px; padding: 25px 0 20px 0; }
 .predplatit2 { width: 1180px; margin: 0 auto; padding: 0 0 20px 0; }
 .predplatit2 .blokl { width: 850px; margin: 0 0 0 0; }
 .varsblok2 .blok { width: 216px; }
 .varsblok2 .blok .nadpis { height: 50px; }
 table.varianty tr td.one, table.varianty tr td.two, table.varianty tr td.three, table.varianty tr td.four,
 table.varianty tr td.five { width: 236px; }
 .bloktext .bloktext2 { width: 1180px; margin: 0 auto; padding: 35px 0 45px 0; }
 .footer2 { width: 1180px; }
}

@media screen and (max-width: 1340px) {
 .top2 { width: 980px; }
 .varsblok2 { width: 960px; padding: 25px 0 20px 0; }
 .predplatit2 { width: 960px; margin: 0 auto; padding: 0 0 20px 0; }
 .predplatit2 .blokl { width: 650px; margin: 0 0 0 0; }
 .varsblok2 .blok { width: 172px; }
 .varsblok2 .blok .nadpis { display: block; height: 40px; margin-bottom: 15px; font-size: 16px; line-height: 20px; font-weight: bold; }

 .varsblok2 .blok a.predplatit { display: none }
 /* .varsblok2 .blok img.pc { display: none; }
 .varsblok2 .blok img.mt { display: block; } */

 table.varianty tr td.one, table.varianty tr td.two, table.varianty tr td.three, table.varianty tr td.four,
 table.varianty tr td.five { width: 192px; }
 .bloktext .bloktext2 { width: 960px; margin: 0 auto; padding: 35px 0 45px 0; }
 .footer2 { width: 960px; }
}

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

@media screen and (max-width: 1000px) {
 .top2 { width: 760px; }
 .varsblok2 { width: 720px; padding: 25px 0 20px 0; }
 .predplatit2 { width: 720px; margin: 0 auto; padding: 0 0 20px 0; }
 .predplatit2 .blokl { width: 430px; margin: 0 0 0 0; }
 .varsblok2 .blok { width: 124px; }
 .varsblok2 .blok .nadpis { display: block; height: 45px; margin: 0 0 10px 0; font-size: 15px; line-height: 16px; font-weight: bold; }

 table.varianty tr td.one, table.varianty tr td.two, table.varianty tr td.three, table.varianty tr td.four,
 table.varianty tr td.five { width: 144px; }

 .varsblok2 .blok .sutaz { padding: 8px; font-size: 14px; line-height: 14px; }

 .bloktext .bloktext2 { width: 760px; margin: 0 auto; padding: 35px 0 45px 0; }
 .footer2 { width: 760px; }
}

@media screen and (max-width: 780px) {
 .top2 { width: 96%; padding-left: 2%; padding-right: 2%; }
 .top2 h1 { margin-left: 20px; font-size: 22px; line-height: 150%; }
 .varsblok2 { width: 96%; margin: 0 auto; padding: 15px 2% 10px 2%; }
 .predplatit2 { width: 96%; margin: 0 auto; padding: 0 2% 0 2%; }

 table.variantsMOBILE { display: block; }
 .varsblok1 { display: none; }
 table.varianty { display: none; }

 .predplatit2 .blokr { float: none; text-align: center;  }
 .predplatit2 .blokl { float: none; width: 100%; }
 .predplatit2 .blokl .cena br.forMT { display: block; }
 .predplatit2 h3 { padding: 0 0 15px 0; font-size: 28px; line-height: 130%; }
/*
 .varsblok2 .blok { float: none; display: inline-block; width: 24%; }
 .varsblok2 .blok a.predplatitzadarmo { bottom: 0; right: 0; padding: 8px 4px; font-size: 80%; line-height: 100%; }
*/
 .vybertesi { padding: 10px 0 10px 0; font-size: 22px; }
/*
 table.varianty tr td.one, table.varianty tr td.two, table.varianty tr td.three, table.varianty tr td.four,
 table.varianty tr td.five { width: 24%; }
 table.varianty tr td img { width: 26px; }
 table.varianty a.predplatitzadarmo { width: 80%; padding: 5px 0; font-size: 80%; }
*/

 .bloktext .bloktext2 { width: 94%; margin: 0 auto; padding: 20px 2% 25px 2%; }
 .bloktext .bloktext2 h3 { margin-bottom: 15px; font-size: 28px; line-height: 130%;}
 .footer2 { width: 96%; }

 .formular label { float: none; display: block; width: auto; margin: 0 0 3px 10px; text-align: left; font-size: 16px; }
 .formular input[type=text], .formular input[type=password], .formular input[type=file], .formular select, .formular textarea {
  clear: both; width: 80%; margin: 0 0 10px 10px; }
 .formular span.popisinput { margin-left: 12px; }
}


@media screen and (max-width: 620px) {
 .top2 { text-align: center; padding: 20px 0 0 0; }
 .top2 .logo { float: none; margin: 0 auto; }
 .top2 h1 { float: none;  margin: 0 auto; margin-top: 10px; font-size: 22px; }
 .varsblok2 .blok .nadpis { font-weight: normal; }
 table.varianty { font-size: 16px; }
 table.varianty tr td.cena { font-size: 20px; line-height: 22px; }
 table.varianty tr td.cena small { font-size: 14px; font-weight: normal; }
}



@media screen and (max-width: 450px) {
 .vybertesi { width: 98%; margin: 0 auto; margin-left: 1% }
 .predplatit2 h3 { padding: 0 0 10px 0; font-size: 22px; line-height: 130%; }

 .bloktext .bloktext2 h3 { margin-bottom: 10px; font-size: 22px; line-height: 130%; }
 .formular input[type=text], .formular input[type=password], .formular input[type=file], .formular select, .formular textarea {
  padding: 8px; font-size: 15px; }
 .formular input[type=submit] { padding: 10px 28px; font-size: 15px; }
 .varsblok2 .blok a.predplatitzadarmo { bottom: -7px; right: 0; padding: 4px 2px; font-size: 13px; line-height: 13px; }

 .predplatit2 ul.menu { text-align: center; }
 .predplatit2 ul.menu li { margin-bottom: 5px; }
 .predplatit2 ul.menu li.active a { padding-top: 6px; }

 .bloktext .platobneudaje .print { display: none; }
 table.variantsMOBILE a.predplatit { width: auto; padding: 3px 5px; font-size: 12px; }
}