.obal {
margin-left: 12%;
background: url(../img/back.jpg);
width: 936px;
}
.banner-top {
background: url(../img/top-banner.jpg) no-repeat;
width: 936px;
height: 60px;
margin: 0px;
}
.banner-bottom {
background: #483D8B;
height: 200px;
margin: 0px;
width: 936px;
border: none;
}

.banner-bottom-left{
width: 432px;
height: 200px;
float: left;
background: Transparent;
}
.banner-bottom-right {
float: right;
height: 200px;
width: 504px;
background: url(../img/aktiv-back.jpg) repeat-x;
margin-top: 0px;
}
.login-leva {
background: url(../img/left-login.jpg) no-repeat;
margin-left: 0px;
margin-top: 0px;
padding-top: 40px;
height: 200px;
border: none;
}

.name {
margin-left: 20px;
/*margin-top: 40px;*/
border: none;
display: block;
}

.pass {
margin-left: 20px;
margin-top: 5px;
border: none;
display: block;
}

.bunka1 {
width: 168px;
height: 200px;
background: url(../img/oleje.jpg) no-repeat;
border: none;
margin-left: 0px;
}
.bunka2 {
width: 168px;
height: 200px;
/*margin-left: 168px;*/
margin-left: 168px;
background: url(../img/pripravky.jpg) no-repeat;
border: none;
margin-top: -200px;
}

.bunka3 {
width: 168px;
height: 200px;
margin-top: -200px;
/*margin-left: 336px;*/
/*margin-right: 32px;*/
background: url(../img/mydla.jpg) no-repeat;
border: none;
float: right;
}

.obsah {
width: 936px;
height: 600px;
background: transparent;
border: none;
margin-top: -11px;
}

.pravy-sloupec {
float: right;
width: 364px;
height: 600px;
border: none;
background: url(../img/backgroung-right.jpg);
border-left: 1px solid #ffffff;
margin-top: -11px;
}

.stredni-sloupec {
width: 345px;
margin-left: 222px;
height: 600px;
border: none;
background: url(../img/stred.jpg) no-repeat;
border-left: 1px solid #ffffff;
}

.sloupec-obsah {
width: 709px;
height: 600px;
border: none;
margin-left: 222px;
}

.levy-sloupec {
margin-left: 0px;
/*margin-top: -500px;*/
background: url(../img/nav.jpg) repeat-x;
background-position: top;
padding-left: 0px;
width: 222px;
height: 600px;
margin-top: -11px;
padding-top: -600px;
}

.login {
padding-left: 65px;
padding-top: 10px;
width: 50px;
display: block;
font-family: "MS Sans Serif", Geneva, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

.login:hover {
text-decoration: underline;
}

.menu {
width: 100%;
height: 20px;
display: block;
list-style: none;
padding-left: 10px;
margin-left: -30px; 
margin-top: 0px;
color: #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}

.submenu {
width: 89%;
height: 20px;
display: block;
list-style: disc;
padding-left: 0px;
/*margin-left: -25px;*/ 
margin-top: 2px;
color: #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}

.submenu2 {
width: 86%;
height: 20px;
display: block;
list-style: circle;
padding-left: 5px;
/*margin-left: -25px;*/ 
margin-top: 2px;
color: #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}

.menu:hover {
background-color: #DCDCDC;
color: #000000;
}

.submenu:hover {
background-color: #90EE90;
color: #000000;
}

a {
text-decoration: none;
color: #FFFFFF;
}

a:hover {
color: #000000;
}

.paticka {
background: #00008B;
width: 936px;
height: 20px;
margin: 0 auto;
}

.ulmenu {
margin-top: -600px;
padding-top: 50px;
}