body {
      color: #000;
      background-color: #BBCBDE; 
      text-align: center;
      margin-top: 10px;
      padding: 0px;
      border: 0px;
}

#oko_historie_pohybu {
      position: absolute; top: 117px; left: 120px;
}
#obal {
      width: 770px; /* celková šířka stránky */
      margin: 0 auto;
      text-align: left;
      background: #8CA6C6;
      background-image:  url("../foto/drobne_pozadi/vsechny_sloupce_2.jpg");
      background-repeat: repeat-y;
      border-left: 1px solid #2B4171; /*levý a pravý rámeček kolem celé kompletní stránky */
      border-right: 1px solid #2B4171;
}
#obal_cisty {
      width: 770px; /* celková šířka stránky */
      margin: 0 auto;
      text-align: left;
      background: #8CA6C6;
      border-left: 1px solid #2B4171; /*levý a pravý rámeček kolem celé kompletní stránky */
      border-right: 1px solid #2B4171;
}
#hlavicka-null {
     width: 770px;
     height: 120px;
     padding: 0;
     border: 0;
}
#hlavicka {
     background: #8CA6C6;
}
#vpravo-null {
     width: 160px;
     float: left;
     padding: 0;
     border: 0;
}
#vpravo {
font-weight:normal; font-size: 12px; font-family: Arial; text-align: justify;
}
#vpravo img {
width:160px;
padding: 0px 5px 0px 3px;
}

#paticka-null {
     clear: both;
     width: 770px;
     padding: 0;
     border: 0;
}
#paticka {
     background-color: #98B1CD;
     background-image: url("../foto/paticka/paticka.jpg");
     background-repeat: no-repeat;
     height: 65px;
     text-align: center;
     font-size: 13px;
}
#paticka p {
      margin: 0px; padding: 9px; text-align: center;
}
/* -------------------- F O R M Á T O V Á N Í    R O Z V R Ž E N Í     S T R Á N K Y ----------------------------- */

.pravy_odstavec {
padding: 5px 2px 0px 5px;
margin: 15px 5px 0px 3px;
width: 138px;
border-top: 1px solid #39599C;
border-left: 1px solid #39599C;
float: left;
}
.pravy_odstavec .nadpis
{
width: 138px;
float: left;
color: #1C3188;
font-weight:bold;
font-style: normal;
text-align: center;
background: url("../foto/drobne_pozadi/levy_a_pravy_odstavec_nadpis.jpg") 100% 0 repeat-y;
margin-bottom: 5px;
}
.levy_odstavec .nadpis
{
width: 138px;
float: left;
color: #1C3188;
font-weight:bold;
font-style: normal;
text-align: center;
background: url("../foto/drobne_pozadi/levy_a_pravy_odstavec_nadpis.jpg") 100% 0 repeat-y;
margin-bottom: 5px;
}

.pravy a {
text-decoration: none;
color: #18308C;
}
.pravy a:hover {
text-decoration: none;
color: #18308C;
font-weight:bold;
}



/* -------------------- T E X T --------------------------------------------------------------------- */


h1 {margin: 0px; padding: 0px; font-weight:normal; font-size: 100%;}
h2 {margin: 0px; padding: 0px; font-weight:normal; font-size: 100%;}
h3 {margin: 0px; padding: 0px; font-weight:normal; font-size: 100%;}
h4 {margin: 0px; padding: 0px; font-weight:normal; font-size: 100%;}
h5 {margin: 0px; padding: 0px; font-weight:normal; font-size: 100%;}
h6 {margin: 0px; padding: 0px; font-weight:normal; font-size: 100%;}

.nadpis_1 {
float: left;
margin-left: 30px;
width: 480px;
padding-bottom: 5px;
border-bottom: 1px solid #39599C;
font-weight:bold; font-style: normal; font-size: 18px; color: #18308C;
}

.nadpis_2 {
float: left;
margin-left: 30px;
margin-bottom: 3px;
width: 480px;
font-weight: bold;
}

.text_1 {
float: left;
margin-left: 30px;
margin-bottom: 20px;
width: 480px;
}

.text_2 {
float: left;
width: 480px;
margin-left: 30px;
margin-top: 15px;
margin-bottom: 20px;
font-weight: normal; font-style: italic; font-size: 13px; font-family: Arial; line-height: 130%; text-align: justify;
}

.pismo_3 {
font-size: 12px;
}

.pismo_4 {
font-size: 14px;
font-weight: bold;
}

.pokracovani {
float: right;
margin-bottom: 25px;
font-size: 13px;
font-weight: bold;
font-style: normal;
}

.zvyrazneni_textu { /* zvýraznění (odlišení) textu */
font-style: italic;
color: #18308C;
}

.zvyrazneni_bila {
color: white;
}

.zvyrazneni_2 {
font-size: 13px;
font-weight: bold;
}

.odrazka {
margin-left: 20px;
font-style: italic;
}



/* -------------------- V Š E O B E C N É --------------------------------------------------------------------- */


html, body {margin: 0px; padding: 0px; border: 0px;}

a {
text-decoration: none;
color: #18308C;
}

a:hover {
text-decoration: underline;
color: #000042;
}

img {border: 0px;}

.clear { clear: both; }

.mezera_5px {
display: block;
}
.mezera_10px {
display: block;
}
.mezera_15px {
display: block;
padding-bottom: 5px;
}
.mezera_20px {
display: block;
padding-bottom: 10px;
}
.mezera_25px {
display: block;
padding-bottom: 15px;
}

.mezera_30px {
display: block;
padding-bottom: 20px;
}

.mezera_35px {
display: block;
padding-bottom: 25px;
}

.chybova_hlaska {
float: left;
width: 510px;
margin-left: 30px;
margin-bottom: 10px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: red;
background-color: #9BB3CE;
}

body {
padding: 0px 0px 10px 0px;
}