body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
background-image: url('images/bg.gif');
}
  .mezera { clear: both; height: 5px; }

img { 
border-width: 0px; 
border-style: none;
}

hr {
width: 100%;
color: #cc0000;
}

#obalovydiv 
{ 
width: 100%; 
margin: 1px auto; 
background-color: #fff; 
color: #000000; 
border: 1px solid gray; 
line-height: 100%; 
} 

#hlavicka {
width: 100%;
margin-bottom: 2px;
background-image: url('images/title.png'); 
height: 156px;
}

#linka {
clear: both; 
width: 99%; 
height: 28px; 
margin-top: 0px;
margin-left: 10px;
margin-right: 0px;
background-image: url('images/linka_tit.png'); 
position: absolute; 
left: 0px;
padding: 6px;
text-align: left;
}

a:link { 
color: #000000; 
font-size: 90%; 
text-decoration: underline;
}
a:visited {	
font-size: 90%; 
color: #000066; 
text-decoration: underline;
}
a:hover { 
font-weight: bold; 
color: #000000; 
font-size: 90%; 
text-decoration: none;
}
a:active { 
text-decoration: underline; 
color: #000000; 
font-size: 90%;}

#left 
{ 
clear: both;
float: left; 
width: 150px;
height: 100%; 
margin-top: 25px;
margin-left: 0px;
padding: 1em; 
border-width: 2px;
border-color: #000000 #999999 #999999 #000000;
border-style: solid;
background-color: #847357;
} 

.left-1 
{ 
float: left; 
width: 145px; 
margin-top: 5px;
padding: 1em; 
border-width: 2px;
border-color: #000000 #000000 #000000 #000000;
border-style: solid;
background: #ecffec;
} 
.left-x 
{ 
float: left; 
width: 120px; 
margin-top: 5px;
padding: 1em; 
border-width: 2px;
border-color: #000000 #000000 #000000 #000000;
border-style: solid;
background: #fff;
} 

.left-2 
{ 
float: left; 
width: 140px; 
margin-top: 5px;
border-width: 2px;
border-color: #b8ddc8 #999999 #999999 #ffffff;
border-style: solid;
background: #ecffec;
} 

#middle
{ 
margin-top: 45px;
margin-left: 185px; 
border-left: 1px solid gray; 
margin-right: 20px; 
border-right: 1px solid gray; 
padding: 1em; 
max-width: 100%;
border-width: 2px;
border-color: #dd0000 #800000 #800000 #dd0000;
border-style: solid; 
text-align: left;
} 

.middle-1
{ 
margin-top: 20px;
margin-left: 5px; 
border-left: 1px solid gray; 
margin-right: 1px; 
border-right: 1px solid gray; 
padding: 1em; 
width: 93%;
border-width: 2px;
border-color: #dd0000 #800000 #800000 #dd0000;
border-style: solid; 
} 

#middle-2
{ 
float: left; 
width: 145px;
height: 100%; 
margin-top: 40px;
padding: 1em; 
border-width: 2px;
border-color: #dd0000 #800000 #800000 #dd0000;
border-style: solid;
background-image: url('images/nav.png');
} 

.paticka-1
{ 
clear: both;
height: 50px;	 
margin: 0; 
padding: .5em; 
color: #333; 
background: #ffffff; 
border-top: 1px solid gray;
text-align: center; 
} 
#paticka {
width: 100%;
height: 40px;
margin-top: 5px;
clear: both;
background-image: url('images/pata.png');
font-style: normal; 
font-weight: normal; 
color: #000000; 
font-size: 80%; 
text-align: center;
padding: 10px;
} 

#right p { margin: 0 0 1em 0; } 

#left p { margin: 0 0 1em 0; } 
#middle h2 { margin: 0 0 .5em 0; }

#navcontainer {
        background-image: url('images/nav.png');
        width: 150px;
        margin: -7px;
        font-family: verdana,arial,sans-serif;;
        font-size: 100%;
        text-align: center;
        text-transform: lowercase; padding-left:0; padding-right:0; padding-top:1em; padding-bottom:1em
}

ul#navlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 80%;
}

ul#navlist li {
        display: block;
        margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;
        width: 100%;
        padding: 0.5em 0 0.5em 2em;
        border-width: 2px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #000000;
        text-decoration: none;
        background: #dcd0c4;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #5e523e;
        color: #800000;
}

ul#navlist li#active a:hover {
        color: #ffffff;
        background: #5e523e;
        border-color: #ff3300 #ff3300 #ffffff #ffffff;
}

ul#navlist li a:hover {
        color: #ffffff;
        background: #5e523e;
        border-color: #ff3300 #ff3300 #ffffff #ffffff;
}

.null {	
font-size: 10%;	font-family: Verdana, sans-serif; color: #EAEAEA;
}
.x { font-size: 10%; text-align: center; color: #EAEAEA;}

H1 {
font-size: 150%; 
font-weight: bold; 
text-align: center; 
line-height: 120%;
color: #006600;
background-color: transparent; 
} 
H2 {
font-size: 140%; 
font-weight: bold; 
text-align: center; 
line-height: 120%;
background-color: transparent; 
} 
H3 {
font-size: 160%; 
font-weight: bold; 
text-align: center; 
line-height: 120%;
background-color: transparent; 
} 
H4 {
font-size: 120%; 
font-weight: bold; 
text-align: center; 
line-height: 120%;
background-color: transparent; 
} 
H5 {
font-size: 110%; 
font-weight: bold; 
text-align: center; 
line-height: 120%;
background-color: transparent; 
} 
H6 {
font-size: 100%; 
font-weight: bold; 
text-align: center; 
line-height: 120%; 
background-color: transparent;
} 
.ft {
font-size: 70%;
background-color: transparent;
}
.x {
font-size: 10%;
color: #f3f8fc;
background-color: transparent;
}
.text1 {
margin-left: 10px;
margin-right: 10px;
text-align: left;
line-height: 140%;
} 
.text1a {
margin-left: 1px;
color: #000000; 
font-size: 90%; 
text-align: left;
line-height: 110%;
background-color: transparent;
} 
.text1b {
color: #000000; 
font-size: 85%; 
text-align: left;
line-height: 110%;
background-color: transparent;
} 
.text111 {
color: #000000; 
font-size: 90%; 
text-align: left; 
font-style: italic;
line-height: 140%;
background-color: transparent;  
} 
.text11a {
font-weight: bold; 
color: #000000; 
font-size: 100%; 
text-align: left; 
font-style: italic; 
line-height: 140%;
background-color: transparent; 
} 
.text2 {
color: #000000; 
font-size: 100%; 
text-align: center;
line-height: 140%;
background-color: transparent;  
}
.text2a {
color: #000000; 
font-size: 75%; 
text-align: center;
line-height: 140%;
background-color: transparent;  
} 
.text3 {
color: #000000; 
font-size: 100%; 
text-align: right; 
line-height: 140%;
background-color: transparent; 
}
.text3a {
color: #000000; 
font-size: 90%; 
text-align: right; 
line-height: 140%;
background-color: transparent; 
} 
.text4 {
color: #000000; 
font-size: 120%; 
text-align: left; 
font-style: italic; 
line-height: 140%;
background-color: transparent; 
} 
.text4a {
color: #000000; 
font-size: 120%; 
text-align: left; 
line-height: 140%;
background-color: transparent; 
} 
.text5 {
color: #000000; 
font-size: 120%; 
text-align: center; 
font-style: italic;
line-height: 140%;
background-color: transparent;  
} 
.text6 {
color: #000000; 
font-size: 120%; 
text-align: right; 
font-style: italic; 
line-height: 140%;
background-color: transparent; 
} 
.text7 {
color: #000000; 
font-size: 140%; 
font-style: italic; 
text-align: left; 
line-height: 140%;
background-color: transparent; 
} 
.text8 {
color: #000000; 
font-size: 140%; 
font-style: italic; 
text-align: center;
line-height: 140%;
background-color: transparent;  
} 
.text9 {
color: #000000; 
font-size: 150%; 
font-style: italic; 
text-align: left; 
line-height: 140%;
background-color: transparent; 
}
.text91 {
color: #000000; 
font-size: 150%; 
line-height: 140%; 
text-align: left;
background-color: transparent; 
} 
legend { font-size: 90%;
color: #3366ff;
text-align: center;
background-color: transparent;
}
.design-by {
font-size: 70%;
text-align: center;
line-height: 110%;
color: #fff;
background-color: transparent; 
} 

.tab {
width: 40%;
}
.table {
border-width : 1px; 
border-collapse : collapse; 
border-color: #c0c0c0; 
} 

.table tr th {
font-size: 120%; 
background : #ecffec; 
} 

.efe {
background : #efefef; 
font-size: 100%; 
}
.td {
width: 50%;
}
.td-1 {
width: 25%;
}