/* CSS Document */
body  {
  background: #fff url('../img/body.jpg') 50% 0% repeat-y fixed;
  margin: 0px; padding: 0px;
  font-size: 1em; font-family: 'Arial CE',Arial, sans-serif;
}
#main {
  width: 900px; margin: 0px auto 0px auto; position: relative; 
  font-size: 0.8em;
}
#banner {
  width: 900px; height: 266px;  
}
#banner h1  {
  margin: 0px; padding: 65px 0px 0px 200px; 
}
#banner h1 span {
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5;
  width: 900px; height: 266px; background: #e0e0e0 url('../img/banner.jpg') no-repeat;
}
#banner a { color: #606060; }
#menu {
  position: absolute; left: 330px; top: 215px; z-index: 10;    
}
#banner ul  {
  margin: 0px; padding: 0px;  
}
#banner ul li {
  list-style-type: none; display: inline;
}
#menu a {
  display: block; float: left; width: 83px; height: 20px; padding: 5px; padding-top: 10px; text-align: center;
  margin-right: 6px; text-decoration: none; font-weight: bold;
}
#menu a:hover { background-color: #AFCA03; color: #fff; }

#content {
  width: 820px; min-height: 600px; padding: 40px; background: #fff url('../img/content-bottom.jpg') 0% 100% no-repeat;
  padding-bottom: 30px;    
}
#text {
  width: 500px; text-align: justify;
}
#content p {
  margin: 0px; padding: 10px 0px 10px 0px; 
}
#content h2 {
  margin: 0px; padding: 10px 0px 10px 0px; font-size: 2.5em; font-weight: normal; 
}
#content h3 {
  margin: 0px; padding: 10px 0px 0px 0px;  color: #008BCE; 
}
#content h4 {
  margin: 0px; padding: 10px 0px 0px 0px; 
}
#content ul {
  margin: 0px; padding: 0px 0px 0px 0px; 
}
#content li {
  list-style-type: none; background: #fff url('../img/sipka-seznam.jpg') 0px 4px no-repeat; margin: 3px 0px 0px 3px;
  padding-left: 20px;
}

.button-1 {
  display: block; float: left; width: 96px; height: 76px; margin-right: 38px !important; 
  overflow: hidden; position: relative; 
}
.button-1 span  { 
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5;
  background: #fff url('../img/button-1.jpg') no-repeat; width: 96px; height: 96px;
}
.button-2 {
  display: block; float: left; width: 96px; height: 76px; margin-right: 38px !important; 
  overflow: hidden; position: relative; }
.button-2 span  { 
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5;
  background: #fff url('../img/button-2.jpg') no-repeat; width: 96px; height: 96px;
}
.button-3 {
  display: block; float: left; width: 96px; height: 76px; margin-right: 38px !important; 
  overflow: hidden; position: relative; 
}
.button-3 span  { 
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5;
  background: #fff url('../img/button-3.jpg') no-repeat; width: 96px; height: 96px;
}
.button-4 {
  display: block; float: left; width: 96px; height: 76px; 
  overflow: hidden; position: relative; 
}
.button-4 span  { 
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5;
  background: #fff url('../img/button-4.jpg') no-repeat; width: 96px; height: 96px;
}

.left { float: left; }
.right { float: right; }
.green { color: #A7CE38; }
.blue { color: #008BCE; }
.clear { clear: both; }

.bunka-blue {
  display: block; padding: 5px; color: #fff; 
  width: 388px; border: 1px solid #404040; border-width: 1px 1px 0px 1px;
  background-color: #008BCE;
}
.bunka-left {
  display: block; padding: 5px; float: left;
  width: 249px; border: 1px solid #404040; border-width: 1px 0px 0px 1px;  
}
.bunka-right-green {
  display: block; padding: 5px; float: left;
  width: 129px; border: 1px solid #404040; border-width: 1px 1px 0px 0px;
  background-color: #B1C903; color: #fff;  
}
.bottom { border-bottom: 1px solid #404040; }

#footer  {
  width: 900px; height: 10px; background-color: #B2C706;
}
#footer p { margin: 0px; padding: 0px; }