*{ margin: 0; padding: 0; border: 0; }
body {background: #DD9B00; font-family: Arial, Helvetica, sans-serif;}

div#main{ width: 677px; margin: 30px auto 0 auto; }
div#wrap_left { float: left; width: 466px;}
ul.menu { list-style: none; width: 211px; }
ul.menu a { color: #fff; text-decoration: none; }

ul.menu li { display: block; width: 211px; height: 208px; padding-bottom: 23px; background: url(../img/bottom.jpg) no-repeat left bottom; }

ul.menu li a, ul.menu li span, ul.menu li strong { display: block; position: relative; width: 211px; height: 210px; }
ul.menu li a { cursor: pointer;  }
ul.menu li span { position: absolute; top: 0; left: 0; }

li#texty a span { background: url(../img/texty.jpg) no-repeat; }
li#filmy a span { background: url(../img/filmy.jpg) no-repeat; }
li#hudba a span { background: url(../img/hudba.jpg) no-repeat; }
li#vypraveni a span { background: url(../img/vypraveni.jpg) no-repeat; }

li#texty a:hover span, li#texty_s strong span { background: url(../img/texty-hover.jpg) no-repeat; }
li#filmy a:hover span, li#filmy_s strong span { background: url(../img/filmy-hover.jpg) no-repeat; }
li#hudba a:hover span, li#hudba_s strong span { background: url(../img/hudba-hover.jpg) no-repeat; }
li#vypraveni a:hover span, li#vypraveni_s strong span { background: url(../img/vypraveni-hover.jpg) no-repeat; }

ul#left { float:left; }
div#content { float: right; width: 215px; padding: 0 15px 0 25px; }
ul#right { float: right; }

div#bottom { clear: both; height: 212px; padding-left: 233px; background: url(../img/bot.jpg); }
div#zabava, div#zabava_s { float: left; height: 210px; padding-bottom: 23px; background: url(../img/bottom.jpg) no-repeat left bottom; }
div#zabava a, div#zabava a span, div#zabava_s strong, div#zabava_s strong span { display: block; position: relative; width: 211px; height: 211px; color: #56483D; }
div#zabava a span { position: absolute; top: 0; left: 0; background: url(../img/zabava.jpg); }
div#zabava a:hover span, div#zabava_s strong span {background: url(../img/zabava-hover.jpg); }
div#zabava_s strong span { position: absolute; top: 0; left: 0; background: url(../img/zabava-hover.jpg); }

div#zabava a { cursor: pointer; }

div#content { height: 444px; background: url(../img/background.jpg) no-repeat right bottom; }
div#content h1  { color: white; font-size: 1.4em; text-align: center; margin: 17px 0 20px }
div#content ul li { list-style: none; padding-bottom: 15px; padding-left: 25px; background: url(../img/list.jpg) no-repeat left 3px; font-size: 0.8em; }
div#content ul li strong { font-size: 1.1em; }

div#content ul li ul { margin-top: 15px; }
div#content ul li ul li { margin-left: 7px; }

div#content a { color:#2D241F; }
div#content a:hover { text-decoration: none; color: #871006; }
div#content a:visited { color: #664B37; }

a#zvonec { position: relative; float: right; width: 153px; height: 68px; margin-top: 145px; margin-right: -20px; cursor: pointer; color: #56483D; }
a#zvonec span { position: absolute; top: 0; left: 0; width: 153px; height: 68px; background: url(../img/zvonec.jpg) no-repeat; }
a:hover#zvonec { text-decoration: none; }