body {
background-color: #eee;
/*background: url("../img/concrete_wall_2.png");*/
background: url("../img/greyfloral.png");
background: url("../img/bg.png");
background: url("../img/plaid.png");

 margin-top: 0px; 
 margin-bottom: 0px; 
 margin-left: 0px; 
 margin-right: 0px;
 
 font: 15px "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
 color:#502B5C;
 /*color: #444;*/
 color: #777;
}

b, h1,h2{
color:#58296D;
color: #F99723;
}

h3{
color: #777;
}

strong{
color:#58296D;
color: #F99723;
}

a {
  text-decoration: none;
  color: #F99723;
}

a:hover {
  text-decoration: underline;
}

a.more {
 font-size: 100%;
}


#menu {
list-style-type:none;
margin: 0 0 0 0;
position: absolute;
left: -50px;
top: 175px;
z-index: 255;
}

#menu li {
  margin-bottom: 30px;
}

#menu li a {
  margin: 0 10px 0 20px;
  width: 100%;
  height: 100%;
  color: #888;
  background: #fff;
  padding: 10px 10px 10px 20px;
  margin: 0 0 0 0;
  
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #ddd;
}

#menu li a:hover {
  padding: 10px 10px 10px 40px;
  /*background: #F99723;border: 3px solid #F99723;*/
  text-decoration: none; 
  
}

#menu li span {
  margin: 0 10px 0 20px;
  width: 100%;
  height: 100%;
  color: #F99723;
  background: #fff;
  padding: 10px 10px 10px 40px;
  margin: 0 0 0 0;
  
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
  border-radius: 10px;
  
  border: 3px solid #F99723;
  border: 2px solid #ddd; 
}


#mainframe {
  margin: 5px 200px 100px;
  max-width: 800px;

  background: url("../img/gosw.png") no-repeat top right;
  position: relative;
  z-index: 2;
}

#mainframe_nologo {
  margin: 5px 200px 100px;
  max-width: 800px;

  position: relative;
  z-index: 2;
}

#textframe {  
 padding: 80px 20px 20px 20px;
 max-width: 680px;
 z-index: 100;
 text-align: justify;
}

#textframe_nologo {  
 padding: 40px 20px 20px 20px;
 max-width: 680px;
 z-index: 100;
 text-align: justify;
}

#text {
/*background-color: #fff;*/
/*padding-bottom: 150px;*/
}

#kontakt {
padding-top: 100px;
padding-left: 90px;
color: #bbb;
}

#kontakt table {
margin-top: 20px;
}

#kontakt .foto {
 margin-left: 50px;
}

#kontakt td {
  text-align: right;
  vertical-align: baseline;
}
#kontakt td.titul {
  text-align: right;
  vertical-align: baseline;
color: #F99723;
}

#kontakt td.b {
color: #666;
text-align: left;
padding-left: 10px;
}

#kontakt td.jmeno {
 font-size: 36px;
 font-weight: bold;
padding-left: 10px;

color: #666;
color: #F99723;
text-align: left;
}

#pohar {
  position: fixed;
  bottom: 20px;
  margin-left:20px;
  background: url("../img/pohar2.png") no-repeat;
  /*width:107px;
  height:184px;  */
  width:69px;
  height:119px;  
  z-index: 1;
}

#footer {
  position: fixed;
  bottom: 0px;
  width: 100%;

  /*text-align: center;*/

  padding: 10px 10px 10px 110px;
  color: #bbb;
  font-size: 14px;
  z-index: 3;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.8);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
}

#x-footer {
  position: fixed;
  bottom: 15px;
  margin-left:160px;
  min-width: 600px;*/
  
  padding: 10px 10px 10px 10px;
  color: #bbb;
  font-size: 14px;
  z-index: 3;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.8);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";

     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

#footer h1 {
  font-size: 16px;
  color: #888;
  margin: 0 0 5px 0;
}

#footer strong {
  color: #888;
}