
body{
  width:960px;
  margin:15px auto;
}

p{
  margin:0 0 20px 0;
}

p, li{
  line-height:20px;
}

/* ZAČÁTEK: styl písma */
body{
  font-family: "GarogierRegular"; 
  /* KONEC: styl písma */
  /* ZAČÁTEK: nouzové řešení typu písma  */
  font-family: "GarogierRegular", Georgia,
               "Palatino", "Palatino Linotype",
               "Times", "Times New Roman", serif;
  /* KONEC: nouzové řešení typu písma */
}

/* ZAČÁTEK: záhlaví */
header#stranka_zahlavi{
  width:100%;
}
/* KONEC: záhlaví */

/* ZAČÁTEK: navigace */
header#stranka_zahlavi nav ul, footer#stranka_zapati nav ul{
  list-style: none;
  margin: 0; 
  padding: 0;
}
header#stranka_zahlavi nav ul li, footer#stranka_zapati nav ul li{
  padding:0;
  margin: 0 20px 0 0;
  display: inline;
}
/* KONEC: navigace */

/* ZAČÁTEK: příspěvky */
section#prispevky{
  float: left;
  width: 74%;
}

section#prispevky aside{
  float: right;
  width: 35%;
  margin-left: 5%;
  font-size: 20px;
  line-height: 40px;
}
/* KONEC: příspěvky */

/* ZAČÁTEK: postranní panel */
section#panel{
  float: left;
  width: 25%;
}
/* KONEC: postranní panel */

/* ZAČÁTEK: zápatí */
footer#stranka_zapati{
  clear: both;
  width: 100%; 
  display: block; 
  text-align: center;
}
/* KONEC: zápatí */

/* ZAČÁTEK: font */

@font-face {
  font-family: 'GarogierRegular';
  src: url('fonty/Garogier_unhinted-webfont.eot');
  src: url('fonty/Garogier_unhinted-webfont.woff') format('woff'),
       url('fonty/Garogier_unhinted-webfont.ttf') format('truetype'),
       url('fonty/Garogier_unhinted-webfont.svg#webfontew0qE0O9') format('svg');
  font-weight: normal;
}

/* KONEC: font */

/* ZAČÁTEK: dotaz na médium */
@media only screen and (max-device-width: 480px) {
  body{
    width:460px;
  }
  
  section#panel, section#prispevky{
    float: none;
    width: 100%;
  }
}
/* KONEC: dotaz na médium */
