body {
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
    font-family: Verdana,'Arial ce', 'arial', 'helvetica ce', 'helvetica', 'sans-serif';
    text-align: center;
    background-image: url('../obr/bg.gif');    
}

a {
      color: black;
}
      
#layout_page {
  margin: 0;
  padding: 0;                  
  width: 100%;        
  background-image: url('../obr/bg2.gif');
  background-repeat : repeat-x;
}

#title {        
        margin: auto;
        padding: 0;
        width: 850px;
        height: 208px;
        background-image: url('../obr/title.jpg'); 
        background-repeat : no-repeat;        
        position: relative;
}

#title a {        
        position: absolute;
        display: block;
        top: 110px;
        left: 280px;
        font-family: verdana;
        font-size: .8em;
        font-weight: bold;
        background-image: url('../obr/icomap.gif'); 
        background-repeat : no-repeat;
        height: 70px;
        width: 150px;
        padding-top: 45px;
}

#title a:hover {     
      text-decoration: none;
      background-image: url('../obr/icomap2.gif');
      color: gray;
}


#menu_top {
      position: absolute;
      bottom: 23px;
      right: 50px;
}

#menu_top ul {
      list-style-type: none;      
      margin: 0;
}

#menu_top ul li {
      display: inline;
      padding: 10px;
}

#menu_top ul li a {
      color: black;
      font-family: Verdana;
      font-size: .8em;
      font-weight: bold;
}

#menu_top ul li a:hover {
      color: #AC9600;
      text-decoration: none;
}


#body_content {
	   width: 850px;   
         background-image: url('../obr/bg_body.gif');
         margin: auto;
}

#body_end {
	   width: 850px;   
         background-image: url('../obr/bg_end.gif');
         background-repeat: no-repeat;
         margin: auto;
         background-position: bottom;
         height: 25px;
}

#content {
      padding-top: 10px;
      padding-left: 50px;
      padding-right: 50px;
}

#copyright {
      font-size: 0.7em;
      color: black;
      padding: 5px;
}

h1 {
      font-family: Georgia;
      font-variant: small-caps;
      font-size: 1.0em;       
      margin: 0;  
      font-weight: normal;  
}


h1 span {
      display: block; 
      padding: 5px;          
}

h1 span.hlavni {
      font-weight: bold;
      font-size: 1.2em;           
}

h2 {
      font-family: Georgia;
      font-size: 1.0em;     
      text-align: left; 
}


#content p {
      font-size: 0.8em;
      text-align: justify;
      line-height: 150%;
}

#content .ikony {
      float: left;
      margin-right: 10px;
      padding-bottom: 10px;
}

#content .ikona {
      margin-right: 10px;
      margin-bottom: 20px;
}

#content .ikona span {
      display: block;
      font-size: .7em;
}

#content .ikona img {
      border: 1px solid gray;
}

strong {
      font-variant: small-caps;
}

.obrazek {
      float: right;
      margin-left: 20px;
}

.obrazek span {
      display: block;
      color: gray;
      font-size: .7em;
      margin-top: 2px;
}

.obrazek img {
      border: 1px solid black;
}

.group_images {
      
}

.group_images img {
      border: 1px solid black;
      margin: 10px;
      
}

#notice {
  display: block;
  /*position: relative;*/
  position: absolute;
  top: 250px;
  right: 180px; 
  width: 900px;
  height: 460px;
}

#notice img {border: 2px solid #000;; margin: 0; padding: 0;}