body {
  background: #F2F5F7; /* barva pozadí (kdyby byl obrázek, tak to je: background-image: url(../adr/obr.jpg), a dá se to kombinovat!! */
  margin: 30px;  /* odsazení stránky (left, center, right, bottom, top)*/
  font-family: Arial CE, Arial; /* druh písma */ 
  font-size: 12px; /* velikost písma */
}
.obal_stranky {
  width: 800px; /* sirka stránky */
  padding: 0px; /* vnitřní odsazení textu od borderu divu */
  border-top: 0px solid #CBD7DE; /* 1px - sirka borderu, solid - pěkná čára, black - tady měníš barvu */
  border-right: 10px solid #CBD7DE;
  border-left: 0px solid #CBD7DE;
  border-bottom: 0px solid #CBD7DE;
}
.hlavicka_stranky {
  width: 780px; /* stejná šířka jako obalu - není důležitá, bude se to roztahovat podle naplnění, ale pro úplnost*/
  height: 30px; /* výška hlavičky, zde se upravuje její velikost */
  text-align: left; /* zarovnání textu */
  padding-left: 20px; /* odsazení od pravé strany */
  padding-top: 10px; 
  border-bottom: 1px solid #CBD7DE; /* zobrazí se pouze horní border (left, right, top, bottom) */
  background: #CBD7DE; /* barva pozadí divu */
}
.obal_textovy_casti { /* je to obal pro dva divy, levého a pravého (textového) sloupce */
  width: 800px; /* zase stejná velikost šířky stránky */
  text-align: center;
}
.levy_sloupec {
  width: 140px; /* šířka levého sloupce */
  margin: 0px;
  text-align: left; /* zarovnání textu */
  float: left; /* zarovnání divu, to se mu dát, když chceš dát dva divy vedle sebe, normálně to nejde */
  padding-left: 15px; /* odsazení od levé strany */
  background: #CBD7DE; /* barva pozadí divu */
}
.textovy_sloupec {
  width: 590px; /* šířka pravého sloupce, můžeš dát i menší, abys měl větší mezeru mezi levým a pravým sloupcem. takhle je mezera 10px */
  text-align: left; /* zarovnání textů */
  float: right; /* zarovnání divu doprava */
  padding-right: 20px; /* odsazení od pravé strany */
  padding-top: 30px;
  background: #F2F5F7;  
  color: black; /* barva textu v tomto divu */            
}
.paticka {
  width: 780px; /* šířka */
  height: 30px; /* výška */
  text-align: left; /* zarovnání textů */
  padding-left: 20px; /* odsazení od pravé strany */
  padding-top: 10px;
  border-top: 1px solid #CBD7DE; /* zobrazí se pouze horní border (left, right, top, bottom) */
  background: #CBD7DE; /* barva pozadí divu */
  margin-top: -14px
}
hr.cleaner { /* tohle je věc, která ti zamezí prolínání divů, co na co je? Prostě to tak je:)) */
  clear:both;
  height:1px;
  margin: -1px 0 0 0; 
  padding:0;
  border:none;
  visibility: hidden;
}
a {
  text-decoration: none; /* dekorace - podtrhnutí (underline), přeškrtnutí (strike - nebo tak nějak), none - bez ničeho */
  font-weight:bold; /* tlustý - bold, kurzívá - italic, underline - podtrhnutý */
  color: black; /*barva textu */
}
a:hover {
  color: blue;
  text-decoration: underline;
  font-weight:bold;
}
h1 { /* nastavení nadpisů - font-size: velikost písma; color: barva písma; */
  font-size: 16px;
  color: Darkslategray;
  text-align: left;
}
h2 { /* nastaven� nadpis� - font-size: velikost p�sma; color: barva p�sma; */
  font-size: 14px;
  color: Midnightblue;
  text-align: left;
}
p {
  font-size: 12px;
}