html {
  width:100%; 
  height:100%;
  background-color: #003333;
  background-position:center top; 
  margin:0px; 
  padding: 0px; 
  text-align:center;
  font-family:  Arial, Helvetica, sans-serif;

}
body{
  width:820px;
  height:100%;
  padding: 0px; 
  margin: 0 auto 0 auto;
  text-align:center;  
}
#bg{
  width:100%;
  background: transparent url(../grafika/bcgr.gif) repeat-y;
  background-position:center top; 
}

#page {
  margin-left:1px;
  min-height:477px;
  _height:477px;
}

#head { 
  padding-top:0px;
  width:800px;
  height: 160px; 
  background: transparent url(../grafika/head.jpg) no-repeat;
  background-position:center; 
  text-align:right;
  margin:0px 0px 0px 10px;
}
#head img{
  margin-top:5px;
  margin-right:5px;
  border:0px;
}
#menu_horni{
  height:20px;
  margin-top: 117px;
  padding: 0px 0px 0px 0px;
  border: solid 0px red;
}
#menu_horni li{
  display: inline;
}

#menu_horni li a{
  line-height:20px;
  vertical-align:middle;
  text-align:center;
  width:100px;
  float: right;
  color: #FFFFCC;
  text-decoration: none;
  font-size: 11px;
  background-position:0px;  
}

#menu_horni li a#middle{
  background: transparent url(../grafika/menu_h_midd.gif) no-repeat;
}

#menu_horni li a#middle:hover{
  font-weight:bold;
  background-position:-100px;
  color: #000000;
}
#menu_horni li a#left{
  background: transparent url(../grafika/menu_h_left.png) no-repeat;
}

#menu_horni li a#left:hover{
  font-weight:bold;
  background-position:-100px;
  color:#000000;
}

#menu_horni li a#right{
  background: transparent url(../grafika/menu_h_right.gif) no-repeat;
}

#menu_horni li a#right:hover{
  font-weight:bold;
  background-position:-100px;
  color:#000000;
}

/*content a jeho styly*/    
#content{ 
  margin-right:10px;
  margin-top:0px;
  width:595px;
  height:auto;
  background-color:#FFFFCC;
  float:right;

}
h1 {
  font-size: 15px; 
  width:590px; 
  padding-top: 4px;
  line-height:25px;
  text-transform:uppercase; 
  height:30px;
  color:#FFFFCC;
  background:#FFFFCC url(../grafika/h1_bg.gif) no-repeat;
}

.clanek {
  text-align:justify;
  font-size:13px;
  padding-left:5px;
  padding-right:5px;
  width:580px;
  background-image:url(../grafika/clanek_bg.gif);

}
.clanek p{
  margin-top:0px;
  text-align:justify;
}
.oblouk_top{
  margin-top:10px;
  height:10px;
  width:590px;
  background:transparent url(../grafika/clanek_top.gif) no-repeat;
  background-position: center bottom;
}

.oblouk_bottom{
  margin-bottom:10px;
  height:10px;
  width:590px;
  background:transparent url(../grafika/clanek_bottom.gif) no-repeat;
  background-position: center top;
}
.cistic{
clear: both;
height: 1px;
border: none;
visibility: hidden;
float: none;
padding: 0;
margin: 0;
}

h2 {
  margin:0px 0px 10px 0px;
  text-align:left;
  text-transform:uppercase;
  font-weight:900;
  font-style:italic;
  color:#339966;
  font-size: 14px; 
}


strong{
  font-style:italic;
}
.clanek ul li a, .clanek ul li a:visited{
  text-decoration: none;
  color:black;
}
.clanek ul li a:hover{
  font-weight:bold;
}
.clanek ul{
  text-align:justify;
}
.clanek ul#nab{
  margin-top:0px;
  margin-bottom:0px;
  list-style-type:none;
  font-weight:bold;
}

.clanek ul#nab a:hover{
  text-decoration:underline;
}
.cena{
  color:#000000;
  font-size:13px;
  text-decoration:none;
  font-weight:bold;
}

.cena:hover{
  text-decoration:underline;
}
table{
  background-color:#339966;
  color:#FFFFCC;

}
table.stat{
  background-color:transparent;
  color:black;
  margin-bottom:10px;
  text-align:left;
}
table.form{
  margin: 0 auto 0 auto;
  font-weight:bold;
  background-color:transparent;
  color:black;
}


table.form_obj{
  margin: 0 auto 0 auto;
  background-color:transparent;
  color:black;
  font-weight:bold;
  font-size:11px;
}
table.form_obj input.vstup,table.form_obj textarea{
  border:0px;
  width:100%;
  background:transparent;
}
table.form_obj input.vstup:focus,table.form_obj textarea:focus{
  background:#FFFF66;
}
table.form_obj td{
  vertical-align:top;
  border-top:5px solid transparent;
}
.left{
  font-weight:normal;
  text-align:left;
  vertical-align:bottom;
  border-bottom:1px solid #339966;
}
.left span{
  padding-bottom:9px;
  vertical-align:middle;
}

input.submit{
margin: 0 auto 0 auto;
  font-weight:bold;
  text-transform:uppercase;
  color:#FFFFCC; 
  height:30px;
  width:169px;
  text-align:center;
  background-image:url(../grafika/form.gif);
  border:0px;
}
.tmp{
  font-size:10px;
}
.tmp2{
  font-size:10px;
  text-align:left;
}
.lin_ref td,.lin_ref th{
  border-bottom:1px solid #339966;
}
input.statDate{
  width:70px;
}
input.norm{
  width:337px;
}
input.img{
  width:343px;
}
#warn{
  font-weight:bold;
  font-size:15px;
  color:red;
}
#ok{
  font-weight:bold;
  font-size:15px;
  color:green;
}
.refs{
  margin-left:5px;
  float:right;
  border: solid 1px #339966;
}
.added{
  margin-bottom:4px;
  margin-top:4px;
  font-size:11px;
  font-weight:bold;
}
.added a{
  color:#339966;
}
    
 /*END OF CONTENT*/
#menu {
  text-align:left;
  float:left;
  width:190px;
  height:auto;
  margin:0px 5px 0px 15px;
} 

.menu_n{

text-align:center;
color:#FFFFCC;
font-size:15px;
font-weight:bold;
line-height:30px;
height:30px;
width:190px;
background: transparent url(../grafika/menu_l_top.png) no-repeat;
margin:10px 0px 0px 0px;
}
.menu_obs{
padding-top:10px;
background: #CCFFCC url(../grafika/menu_l_bg.gif) repeat-y;
margin:0px;
}

.menu_obs2{
text-align:center;
padding-top:10px;
font-size:12px;
background: #CCFFCC url(../grafika/menu_l_bg.gif) repeat-y;
margin:0px;
}
.menu_obs2 a{
 font-size:15px;
 font-weight:bold;
 color:#006633;
}

.menu_p{
  height:10px;
  width:190px;
  background: transparent url(../grafika/menu_l_bott.png) no-repeat;
}
 
.menu_obs ul{ 
  font-weight:bold;
  margin:0px;
  padding-left:25px;
  font-size:13px;
  list-style:none;
}
.menu_obs ul ul{
  font-weight:normal;
  font-size:11px;
  list-style: url(../grafika/dot.gif);
}
.menu_part {
  text-decoration:none;
  color:#000000;
}
.menu_part:hover {
  text-decoration:underline;
  font-weight:bold;
}
.menu_part2 {
  text-decoration:none;
  color:#000000;
}
.menu_part2:hover {
  text-decoration:underline;
  font-weight:bold;
}
#menu img{
  border:none;
}
/* remove all the bullets, borders and padding from the default list styling */


#foot{
  width:800px;
  color:#FFFFCC;
  background: #339966 url(../grafika/foot.gif) no-repeat;
  background-position:bottom;
  line-height:20px;
  vertical-align:middle;
  font-size:11px;
  text-align:right;
  
  margin:10px 0px 0px 10px;
}
#backLinks{
  padding:7px 0px 7px 0px;
  margin-left: 5px;
  border-top: solid white 1px;
  width: 785px;
  font-size:10px;
  text-align:center;
  line-height:12px;
}
#foot a, #foot a:visited, #foot a:hover{
  margin-right:10px;
  color:#FFFFCC;
  text-decoration:none;
  font-weight:bold;
}
#foot img{ 
  width:46px;
  height:17px;
  margin:0px;
  padding:0px;
  border: none;
}