html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, menu, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0 ;border:0; outline:0}
li {display:list-item; list-style: none}
html {text-align: center;}
body {font-family: Arial, lucida, sans-serif; background-color: #fff; color: #3a3a3a; font-size: small; line-height: 1.8; width: 900px; margin: 0 auto; text-align: left; position: relative;}
html,body {height:100%}

a {text-decoration: underline; color: #000;}
/* Nastavení barvy šablony */
div.header p.domain a, a:hover  {color: #d13d47;}


div.content {
  padding-top: 11em; 
}


div.header {
  position: absolute;
  top: 0;
  left: 0;
  padding: 18px 0; 
  width: 900px;
  border-bottom: 1px solid #3a3a3a;
}
div.header p.domain{
  font-size: 250%; 
  font-weight: normal;
  letter-spacing: -0.03em;
  line-height: 1.2;
  margin-top: 10px; 
  width: 400px;
}
div.header p.domain a{
  text-decoration: none;
}
div.header p.description{
  color: #3a3a3a;
  width: 400px;
}
div.header div.reklama{
  float: right;
  width: 468px;
  height: 15px;
  margin-top: 3.6em;
}
div.content{
  width: 600px;
  float: left;
}
div.content h1{
  font-size: 150%;
  font-weight: bold;
  color: #000;
}
div.content h2{
  font-size: 110%;
  font-weight: bold;
  color: #000;
}
div.content h3{
  font-size: 100%;
  font-weight: normal;
  font-style: italic;
  color: #000;
}
div.content p{
  margin-bottom: 20px;
  text-align: justify;
}
div.content div.note{
  width: 195px;
  height: 165px;
  position: relative;
  text-align: center;
  padding-top: 50px;
  top: -28px;
  float: right;
  margin: 0 0 0 15px;
  background: #fff url('images/note.png') 0 0 no-repeat;
}
div.content div.reklama{
  margin: 10px 0 20px;
  overflow: hidden;
}
div.content div.reklama div.blok1{
   float: left;
   width: 300px;
   height: 250px;
}
div.content div.reklama div.blok2{
   float: right;
   width: 300px;
   height: 250px;
}

div.footer{
   clear: both;
   margin-top: 40px; 
}
div.footer p{
   padding: 20px 0; 
}

ul.sidebar{
  width: 250px;
  float: right;
  margin-left: 50px;
  padding-top: 13.5em;
}
ul.sidebar li{
  margin-bottom: 20px;
}

ul.sidebar li li{
  margin-bottom: 0;
}