/* CSS Document */
body {background-color: rgb(170,170,170);font-family: Tahoma,Verdana, Arial, sans-serif;text-align:center;padding:0px;margin:0px;}

.telo {background: rgb(190,190,190); width: 800px; margin:0px; margin-left:auto; margin-right:auto;text-align:left;padding:0px;}

.prazdnypruh {background: rgb(190,190,190); width: 800px;height:20px;margin:0px;padding:0px;}

.pruhmenu {background: rgb(190,190,190); width: 800px;margin:0px;padding:0px;}

.zbytek {clear:both;margin:0px;padding:0px;background: url("pozadi.png") repeat-y;}

.cleaner {height:0px;clear:both;}

.hlavicka 
{
background: #ffddaa; 
padding: 0px;
padding-top:20px;
padding-bottom:20px;
margin:0px;
width: 800px;
}

.hlavicka h1 {
margin:0px;
padding:10px;
_padding-top:0px;
color: red;
font-size: 50;
font-family: Tahoma,Verdana, Arial, sans-serif;
font-weight: normal;
}

.hlavicka img {display:block;margin:0px;padding:0px;width:800px;height:100px;}


.paticka {
margin:0px;
background: rgb(210,210,210);
clear:both;
padding:0px;
font-size:10px}

.paticka p {
padding:10px;margin:0px;
}

.vpravo {
float:right;
}
/****LEVY PRUH****/

.levy {
float:left; 
width:250px;
background: #ffddaa; 
height: 550px;
padding:0px;
margin:0px;}

.levy h2 {color:red;padding:10px;}

/****PRAVY PRUH****/

.pravy 
{
float:right; 
width:550px;
background: rgb(190,190,190); 
padding:0px;
margin:0px;
}

.pravy p {
margin:20px;
}

.pravy ul {
margin:30px;
list-style-type: square;
}

.pravy a,
.pravy a:visited {
text-decoration:none;
color:black
}

.pravy a:hover {
text-decoration:underline;
color:red
}

/****MENU****/
.menu
{
padding: 0;
margin: 0;
}

.menu a
{
text-decoration: none;
color: rgb(50,50,50);
display: block;
width: 100%;
text-align: center;
}

.menu ul, .menu li
{
list-style-type: none;
margin: 0;
padding: 0 .5em;
}


ul.uroven1 li.polozka1
{
float: left;
position: relative;
background: rgb(190,190,190);
padding: .2em 0;
height: 1em;
width: 160px;

}

ul.uroven2
{
position: absolute;
left: 0;
top: 1.4em;
_top: 1.5em; /* IE */
width: 210px;
background: rgb(190,190,190);
visibility: hidden;
padding: 0px;
margin:0px;
}

ul.uroven2 li.polozka2 a
{
font-weight: normal;
text-align: left;
padding: 3px .5em .1em;
margin: 0 -.5em;
background: rgb (190,190,190);
}

ul.uroven2 li.polozka2 a:hover
{
background: rgb(210,210,210);
}


.menu a:hover
{
text-decoration: none;
}

ul.uroven1 li.polozka1
{
behavior: url("hover.htc");
}

ul.uroven1 li.polozka1:hover,
ul.uroven1 li.polozka1Hover
{
background: rgb(210,210,210);
}

ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
}