html {
}

body {
background-image: url("images/backg_vert_strip.gif");
background-repeat: repeat-x;
background-position: top;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: black;
padding:0px;
text-align: center;
margin:0px;
}

#bottom {
position: relative;
margin-top: 800px;
align: center;
width: 100%; 
max-width: 100%;
background-image: url("images/backg_bottom_strip.gif");
background-position: center;
background-color: white;
background-repeat: no-repeat;
height: 173px;
margin: 0px auto 0px auto;
} 


/* ----------kontejner---------- */
#container {
width: 820px; 
margin: 0px auto 0px auto;
margin-top: -13px;
text-align: left;
} 

 /* -----------------obsah--------------------- */
#content{
position: relative;
background-image: url("images/body_strip.png");
background-repeat: repeat-y;
width: 820px;
margin-top: 0px;
margin: 0px; padding: 0px;
min-height: 300px;
overflow: auto;
}

h1 {
font-size: 18px;
padding: 0px;
margin-left: 10px;
color: violet;
}

p{
font-size: 12px;
text-align: justify;
padding: 5px 10px;
margin:0px; 
}

.fleft{
float: left;
margin: 0px 10px 5px 0px
}

.fright{
float: right;
margin: 0px 0px 5px 10px
}


/* --------------menu------------- */

#nabidka {
 width: 200px;
 min-height: 500px;        
 position: relative;
 float: right;
 margin-right: 15px;
 text-align: left;
 background-color: white;
 }

table a {font-size: 12px; color: #336699; text-decoration: none}

table ul {
padding: 0px;
margin: 5px 0px 15px 15px;
list-style: square;
font-size: 11px;
line-height: 13px;
font-weight: normal;
}

li {color: purple; padding: 0px; margin-left: 10px; font-size: 12px}
table a {color: purple; text-decoration: none; font-weight: bold}
table a:hover {color: violet; text-decoration: none;}

/* -------------------------------- */

h2 {
font-size:16px;
font-weight: bold;
margin-bottom:10px;}

a {color: gray; text-decoration: none;}

/* ----------horní menu a logo-------------- */
#logo {
position: relative;
left: 0px;
width: 820px;
height: 210px;
text-align: left;
}

#lista {
position: absolute;
font-size: 12px;
color: white;
width: 820px;
height:49px;
top: 155px;
left: 0px;
text-align: left;
}

#pruh {
background-image: url("images/lista_pruh.png");
background-repeat: repeat-x;
text-align: center;
}

#lista a {color: #cc66cc; font-weight: bold;}

.menu {
position: relative;
font-size: 14px;
font-weight: normal;
color: #990099;
font-weight: bold;
line-height:30px;
text-align: center;
padding: 0px 25px 0px 25px;
}

#lista a:hover {color: DeepSkyBlue; font-weight:bolder}

.nadpis {
text-decoration: none;
font-size: 11px;
color: gray;
font-weight: bold;
padding: 6px 5px 5px 10px;
float: left;
}

.menu:visited {color: white;} 

/*  ----------------patička---------------------- */ 
#top {
position: relative;
width: 820px;
text-align: left;
height: 20px;
font-weight: bold;
font-size: 13px;
}

/*  ----------------patička---------------------- */ 
#paticka {
position: relative;
width: 820px;
text-align: left;
height: 20px;
color: yellow;
font-weight: bold;
font-size: 13px;
}