body 
{
background-color:#8AB0FF;
color: black;
font-family: Verdana, CE, Arial;
text-align: center;
position: absolute;
top: 0;
bottom: 0;
padding: 0;
margin: 0;
width: 100%;
min-width: 1072px;
}

.vycentrovat
{
margin: auto;
width: 1072px;
position: relative;
}


.hlava 
{
height: 160px;
background-color: #9D9D9D;
vertical-align: top;
}

.vrch
{
height: 60px;
background-color: white;
vertical-align: bottom;
}

.leva, .leva0, .leva1, .leva2
{
width: 185px;
background-color: #000080;
height: 400px;
}

.leva3, .leva4
{
width: 185px;
background-color: #000080;
height: 500px;
}

.leva5, .leva6
{
width: 185px;
background-color: #000080;
height: 750px;
}

.leva7, .leva8
{
width: 185px;
background-color: #000080;
height: 1000px;
}

.leva9, .leva10
{
width: 185px;
background-color: #000080;
height: 1250px;
}

.leva11, .leva12
{
width: 185px;
background-color: #000080;
height: 1500px;
}

.leva13, .leva14
{
width: 185px;
background-color: #000080;
height: 1750px;
}


.stred
{
background-image: url('modesdt_subory/prava_plocha.jpg');
background-repeat: repeat-y;
background-position:right;
width: 887px;
background-color: #FFFFFF;
vertical-align: top;
padding-top: 20px;
}

.obr1
{
position: absolute;
top: 250px;
left: 300px;
}

.obr2
{
position: absolute;
top: 250px;
left: 700px;
}

.obr3
{
position: absolute;
top: 500px;
left: 300px;
}

.obr4
{
position: absolute;
top: 500px;
left: 700px;
}

.obr5
{
position: absolute;
top: 750px;
left: 300px;
}

.obr6
{
position: absolute;
top: 750px;
left: 700px;
}


.obr7
{
position: absolute;
top: 1000px;
left: 300px;
}

.obr8
{
position: absolute;
top: 1000px;
left: 700px;
}

.obr9
{
position: absolute;
top: 1250px;
left: 300px;
}

.obr10
{
position: absolute;
top:1250px;
left: 700px;
}

.obr11
{
position: absolute;
top: 1500px;
left: 300px;
}

.obr12
{
position: absolute;
top: 1500px;
left: 700px;
}

.obr13
{
position: absolute;
top: 2000px;
left: 300px;
}

.obr14
{
position: absolute;
top: 2000px;
left: 700px;
}


.levemenu
{
width: 180px;
overflow: visible;
position: absolute;
left: 0px;
top: 300px;
z-index: 2;
}

.levemenu div
{
margin: 0px; 
border: 0px; 
width: 180px;
height: 36px; 
padding: 5px;
display: block;
}

.levemenu a
{
font-size: 16pt;
color: white; 
text-decoration: none; 
text-align: left; 
padding-left:5px;
height: 36px;
display: block; 
}

.levemenu a:link, .levemenu a:visited
{
background-image: url('modesdt_subory/button01.gif');
color: white; 
display: block; 
} 


.levemenu a:active
{
text-decoration: none; 
display: block;
}

.levemenu a:hover 
{ 
background-image: url('modesdt_subory/button02.gif');
text-decoration: none; 
color:yellow; 
display: block;
}


.submenu01
{
background-color: #000080; 
position: absolute;
top: 350px;
left: 180px;
width: 220px;
height: 150px;
display: none;
z-index: 2;
}

.submenu02
{
background-color: #000080; 
position: absolute;
top: 350px;
left: 385px;
height: 255px;
width: 210px;
display: none;
z-index: 2;
}

.submenu03
{
background-color: #000080; 
position: absolute;
top: 400px;
left: 580px;
height: 255px;
width: 210px;
display: none;
z-index: 2;
}

.submenu01 div, .submenu02 div, .submenu03 div
{
background-color: #000080; 
height: 40px;
width: 190px;
padding: 5px;
text-align: left;
display: block;
}

.submenu01 a, .submenu02 a, .submenu03 a
{
font-size: 11pt;
color: white; 
text-decoration: none; 
text-align: left; 
padding-left:5px;
width: 100%;
height: 36px;
display: block; 
}

.submenu01 a:hover, .submenu02 a:hover, .submenu03 a:hover
{
background-color: white;
color: #000080;
}


a.f {text-decoration: none; }
a.f:link, a.f:visited {display: block;}