
body {
width : 900px;
font-family : Verdana;
font-size : 13px;
background : url('img/background.jpg') repeat-y center #fff;
margin-right : auto;
margin-left : auto;
}

#stranka {
width : 898px; 
margin-left : 1px;
background : #fff;
}

#hlavicka {
width : 898px; 
background : url('img/hlavicka.jpg') no-repeat;
height : 217px;
}
#radek {
width : 898px; 
background : url('img/radek.jpg') no-repeat;
height : 47px;
}
#main {
width : 898px;
}

/*                 main - menu           */
#main .menu {
width : 230px;
float : left;
display : inline;
}
#main .menu .title {
width : 210px;
height : 20px;
background : url('img/k-m.jpg') no-repeat left bottom #978E89;
text-align : right; 
font-size : 21px;
color : #fff;
padding : 10px;
}

#main .menu a {
text-decoration : none;
}
#main .menu a .polozka {
width : 200px;
height : 20px;
background : #C2B7B1;
text-align : right; 
font-size : 18px;
color : #fff;
padding : 5px 10px 5px 0;
border-bottom : 1px solid #CCC1BB;
border-right : 10px solid #E3DCD8;
cursor : hand;
}
#main .menu a:hover .polozka {
background : #A99E98;
border-bottom : 1px solid #A99E98;
border-right : 10px solid #CBC3BF;
}

#main .menu .kde {
padding: 10px 0 10px 0;
text-align : center;
width : 210px;
background : #CCC1BB;
border-right : 10px solid #E3DCD8;
border-bottom : 10px solid #E3DCD8;
}
#main .menu .kde .ad {
width : 210px;
font-size : 14px;
color : #fff;
font-weight : bold;
} 
#main .menu .kde img {
border : 6px solid #B4A9A3;
}

/*              main - right               */
#main .right {
height : 480px;
background : #fff;
}
#main .right .vitejte {
height : 20px;
background : url('img/vitejte.jpg') repeat-y left #fff;
font-size : 21px;
color : #938B88;
padding : 10px;
}
#main .right .vyber {
padding : 10px 0 0 0;
width : 660px;
height : 30px;
color : #938B88;
float : right;
font-size : 18px;
}
#main .right .vyber a {
color : #938B88;
font-size : 18px;
text-decoration : none;
}
#main .right .vyber a.active {
border-bottom : 1px dotted #938B88;
}
#main .right .vyber .nazev {
text-decoration : none;
padding : 0 20px 0 40px;
color : #978E89;
font-size : 24px;
display : inline;
}

#main .right .obsah {
font-size : 13px;
color : #938B88;
padding : 10px 30px 30px 0px;
width :  573px;
float : right;
margin-right : 0px;
}
#main .right .obsah .title {
font-size : 22px;
color : #938B88;
padding: 10px 0 10px 30px;
width :  573px;
background : url('img/main-title.jpg') no-repeat left;
}
#main .right .obsah img {
width : 29%;
padding : 5px;
margin : 5px;
border : 1px solid #DFD6D1;
display : inline;
}

.ramecek {
font-size : 13px;
color : #938F8E;
border : 1px solid #DFD6D1;
padding : 10px;
text-align : justify;
background : #F7F6F4;
}

/*            paticka             */
#paticka {
width : 898px;
float : right;
}
#paticka .sponzori {
font-size : 18px;
color : #938B88;
padding : 10px;
}
#paticka .pata {
height : 32px;
font-size : 12px;
text-align : center;
color : #fff;
background : url('img/paticka.jpg') repeat-x left bottom;
padding : 6px;
}
#paticka .pata a {
color : #fff;
text-decoration : none;
font-weight : bold;
}
#paticka .pata a:hover {
color : #
}


