.pole1 {width:250px;}
.pole5 {width:100%;}
.pole3 {width:300px;}
.pole4 {width:10px;}
.aler {font-size:14px; color: #FF0000}

.okno1 {padding: 15px 15px 15px 15px; }
.okno2 {height:240px;background:#f6f6f6;padding: 10px 10px 10px 10px; text-align:left;}

.vokr {padding: 10px 10px 0px 0px; }
.vokr2 {padding: 15px 10px 0px 0px; }
.vokr3 {padding: 20px 10px 0px 0px; }


h1 {
font-size:19px; font-weight: bold; color: #000000 }

h2 {
font-size:17px; font-weight: bold; color: #000000 }

h3 {
font-size:16px; font-weight: bold; color: #000000 }

.rekls {background:#000000;padding: 2px 2px 2px 2px;}
.rekls {color:#FFFFFF;}
.rekls a {color:#FFFFFF; text-decoration:none}
.rekls a:visited {color:#FFFFFF; text-decoration:none}
.rekls a:hover {color:#FFFFFF; text-decoration:underline}
.rekls a:active {color:#FFFFFF; text-decoration:none}

.maly {font-size:10px;}
.vetsi {font-size:11px;}
.velky {font-size:14px;}
.ramecek {padding: 10px 10px 10px 10px;}

.sed {font-weight: normal; color: #828282;}

.bilvel {font-size:18px; font-weight: bold;color: #FFFFFF;}

.smst {font-size:16px; font-weight: bold; color: #008000}
.aler {font-size:12px; color: #FF0000}


.ats { width: 100%; height: 250px; }
@media(min-width: 234px) { .ats { width: 100%; height: 250px; } }
@media(min-width: 320px) { .ats { width: 100%; height: 250px; } }
@media(min-width: 468px) { .ats { width: 100%; height: 250px; } }
@media(min-width: 1500px) { .ats { width: 100%; height: 250px; } }



.vdp {
  margin-left: auto;
  margin-right: auto;
  width: 100%;

}



  @media (min-width: 1700px) {
    .vdp {
      width: 1528px;
      left:-172px;
      max-width: 100%;