@charset "utf-8";
/* Styl pre web */
body {
  background-color: #faf7f2;
  color:#686763;
}
h1 {
  color:#d20100;
  font-weight: normal;
  margin-top:5px;
  margin-bottom:5px;
  text-decoration: none;  
}
a{
}
a:hover{
}

#all {
  width:817px;
  margin:10px auto;
}

#top{
  width:817px;
  height:28px;
  text-align: right;
}

#button {
  position:relative;
  float:left;
  width:75px;
  height:75px;
}
#button1 {
  position:relative;
  float:left;
  width:75px;
  height:75px;
  left:586px;
  top:0px;
}
#button2 {
  position:relative;
  float:left;
  width:75px;
  height:75px;
  left:589px;
  top:0px;
}
#button3 {
  position:relative;
  float:left;
  width:75px;
  height:75px;
  left:592px;
  top:0px;
}
#button4 {
  position:relative;
  float:left;
  width:75px;
  height:75px;
  left:283px;
  top:78px;
}
#button5 {
  position:relative;
  float:left;
  width:75px;
  height:75px;
  left:286px;
  top:78px;
}
#button6 {
  position:relative;
  float:left;
  width:75px;
  height:75px;
  left:289px;
  top:78px;
}
#button7 {
  position:relative;
  float:left;
  width:75px;
  height:75px;
  left:292px;
  top:78px;
}
#button8 {
  position:relative;
  float:left;
  width:75px;
  height:75px;
  left:61px;
  top:156px;
}
#button9 {
  position:relative;
  float:left;
  width:75px;
  height:75px;
  left:64px;
  top:156px;
}
#button10 {
  position:relative;
  float:left;
  width:75px;
  height:75px;
  left:67px;
  top:156px;
}

#center{
  text-align: center;
}

#menubanner {
  width:817px;
  height:231px;
  background-image: url(../image/menubanner.jpg);
}

#menu {
  width:817px;
  height:50px;
  color:red;
  font-size: small;
}

#menu_obj {
  margin-top:10px;
  padding:2px;
  margin-left:3px;
  float:left;
}

#text_page {
  text-align: justify;
  width:817px;
  margin:35px 0px 0px 0px;
}
#text_page a {
  color:#686763;
  text-decoration: underline;
}
#text_page a:hover {
  color:#d20100;
  atext-decoration: none;
}
#text_page h2 {
  color: #D20100;
  atext-decoration: none;
}

#left{
  text-align: justify;
  float:left;
  width:475px; 
  margin:20px 15px 0px 0px; 
}

#right {
  float:left;
  width:311px; 
  margin:10px 0px 0px 16px;   
  background-color: #eeede9;
}


#line{  
  background: url(../image/line.png) no-repeat;
  width:475px;
  height:1px; 
}
#lineb{  
  background: url(../image/lineb.png)  no-repeat;
  width:817px;
  height:1px; 
}

#small-top{
  background-image: url(../image/small-top.png);
  background-position: top;
  background-repeat: no-repeat;
  width:311px;
  height:8px;  
}
#small-line{
  background-image: url(../image/small-line.png);
  background-repeat: repeat-x;
  background-position: top;
  width:311px;
  height:3px;
}
#small-bottom{
  background-image: url(../image/small-bottom.png);
  background-repeat: no-repeat;
  background-position: bottom;
  width:311px;
  height:8px;
}

#bottom {
  border-top:1px solid #d20100;
  margin-top:5px;
  padding-top:5px;
  float:left;
  width:817px;
  height:20px;
  text-align:left;
  font-size: x-small;
}

#bottom a{
  color:#686763; 
}

#bottom-left{
  float:left;
  text-align: left;
  height:20px;
  width:600px;
}

#bottom-right{
  color:#d20100;
  float:left;
  text-align: right;
  height:20px;
  width:217px;
}
#bottom-right a{
  color:#d20100; 
}

#novinky {
  width:301px;
}
#novinka {
  width:301px; 
  margin:5px;
}
#novinky2 {
  width:817px;
}
#novinka2 {
  width:807px; 
  margin:5px;
}
#fotky {
  width:817px;
  afloat:left;
  text-align: center;
  padding:8px;
}
#fotky-stlpec1 {
  position: relative;
  float:left;
  width:200px;
  padding:1px;
  abackground-color: rgb(204,255,204);
  text-align: center;
}
#fotky-stlpec2 {
  top:-30px;
  position: relative;
  float:left;
  width:200px;
  padding:1px;
  abackground-color: rgb(204,255,204);
  text-align: center;
}
#fotky-stlpec3 {
  top:-60px;
  position: relative;
  float:left;
  width:200px;
  padding:1px;
  abackground-color: rgb(204,255,204);
  text-align: center;
}
#fotky-stlpec4 {
  top:-90px;
  position: relative;
  float:left;
  width:200px;
  padding:1px;
  abackground-color: rgb(204,255,204);
  text-align: center;
}

#mod_fotky {
  afloat:left;
  width:817px;
  height:400px; 
  margin:0px;
}
#fotka {
  cursor:pointer;
  awidth:150px;
  aheight:150px;
  float:left;
  margin:15px;
}

#novinky-obr {
  margin:0px auto;
  width:700px;
  text-align: center;
}

#novinka-obr {
  float:left;
  width:120px;
  padding:10px;
}

#cont {
  margin:10px 0px 10px 0px;
  width:817px;    
}

#zora {
  float:left;
  width:617px;
  text-align:center; 
}
a.red {
	color: #D20100;
	font-weight: bold;
}