/* Copyright (c) 2013.  | Design and CSS Document by Remont - webdesign
   All rights reserved
   http://remont-webdesign.kvalitne.cz/ */
html,body {
  margin: 0;
  padding: 0;
}   
body {
  font-size: 15px;
  font-family: 'Comic Sans MS', 'Sand CE', fantasy;
  background-image: URL('obr/pozadi-body.jpg');
}
img {
  border: 5px solid rgb(187,184,179);  
}
/*Nadpisy*/
/*H1*/
div#nadpis h1 {
  position: relative;
    top: 303px;
    left: 235px;  
}
/*H2*/
div#obsah h2 {
  width: 300px;
  font-size: 20px;
  padding: 5px;
  background-color: rgb(151,13,19);            
}
/*h3(menu)*/
div#menu h3 {
  margin-left: 38%;           
}
/*H3*/
div#obsah h3 {
  font-size: 15px;
  padding: 5px;
  background-color: rgb(26,26,26);
  width: 200px;           
}
/*H1 + H3 (Menu)*/
div#nadpis h1, div#menu h3 {
  padding: 10px; 
  background-color: rgb(26,26,26);       
  font-size: 30px;
  display: inline;        
}
/*H1 + H2(obsah) + H3(menu) + H3(obsah)*/
div#nadpis h1, div#obsah h2, div#menu h3, div#obsah h3 {
  text-align: center;
  color: rgb(255,255,255);                                         
} 
/*zahlavi*/
div#nadpis {
  background-image: URL('obr/zahlavi.png');
  background-repeat: no-repeat;
  width: 980px;
  height: 283px;          
}
/*obal*/  
div#vsechno {
  width: 980px;
  height: 1175px;
  margin: 0 auto;
  background-image: URL('obr/pozadi-980.jpg');  
}
/*obsah*/ 
div#obsah {
  float: right;
  position: relative;
    top: 50px;
    left: 0; 
  width: 745px;
  height: 722px;
  margin: 37px 0 0 20px;
  overflow: auto;
}
/*menu*/
div#menu {
  float: left;
  width: 215px;
  padding-top: 20px;
}
div#menu ul {
  padding-top: 20px;
    list-style-type: none;             
}
div#menu ul  li{
  color: rgb(151,13,19); 
}
/*Strong a*/
div#menu ul li strong a {
  padding: 2.5px 0 2.5px 0;
  margin: 7px 0 10px 0;
  display: block;
  background-color: rgb(151,13,19); 
  text-align: center;
  font-size: 25px;
  text-decoration: none;
  color: rgb(255,255,255);                        
}
/*strong a:hover*/
div#menu ul li strong a:hover {
  background-color: rgb(235,51,51);
  color: rgb(255,255,255);
  text-decoration: none;                               
}
/*a, Menu - a*/
a, div#menu ul li a {
  color: rgb(151,13,19);
  text-decoration: none;
}
/*a:hover, Menu - a:hover*/
a:hover, div#menu ul li a:hover {
  color: rgb(235,51,51);
  text-decoration: underline; 
}