body {
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:11px;
   padding:0px;
   margin:0px;
   background-image:url('HEX_BG.jpg');
   background-position: top center;
   background-repeat: repeat;
   color:#fff;
}

div.clear {
   clear: both;
}

h1 {
	margin:0px;
	padding:0px;	
}

a {
	text-decoration: none;
	color: #2077AD;	
}

/*** Hlavny box ***/

div.main {
   margin: 40px auto 0px auto;
   width: 899px;
   height: 649px;
}

div.content {
	position: relative;
	margin-left:60px;
	border-top:1px solid #000;
	margin-right:42px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:8px;
}



/*** Jednotlive boxy ***/

div.top {
    background-image: url('bg_top.gif');
    width: 899px;
    height: 133px;
}

div.middle {
    background-image: url('bg_middle.gif');
    width: 899px;
    min-height:600px;
    /*border:1px solid blue;*/
}

div.bottom {
    background-image: url('bg_bottom.gif');
    width: 899px;
    height: 35px;
}



/*** Lavy a pravy stlpec v boxe middle ***/

div.middle div.left-col {
    float: left;
    clear: left;
    padding-left: 53px;
    width: 313px;
}

div.middle div.right-col {
    float: right;
    clear: right;
    padding-right: 60px;
    width: 420px;
}



/*** Box top: ***/

div.top div.logo {
    position: relative;
    top: 12px;
    left: 44px;
    width: 296px;
    float: left;
    clear: left;
	
}

div.top div.menu {
    width: 480px;
    height: 132px;
    position: relative;
    left: -16px;
    float: right;
    clear: right;
}



/*** Box middle left-col: ***/

div.middle div.left-col div.player {
    float: left;
    clear: left;
    margin-left:20px;
}


div.middle div.novinky {
    padding-left: 30px;
    text-align: center;
    width: 256px;
    float: left;
    clear: left;
}

div.middle div.novinky h3 {
    background-image: url('h1.gif');
    font-size: 11px;
    font-weight:bold;
    text-align: left;
    text-indent: 3px;
    color: #ffffff;
    width: 256px;
    height: 14px;
    padding-top: 10px;
    margin: 0px;
}

div.middle div.novinky div.datum {
    text-align: left;
    padding-left: 20px;
    color: rgb(167,40,83);
    margin: 0px;
}

div.middle div.novinky p {
    text-align: left;
    color: #ffffff;
    margin: 0px;
}



/*** Box middle right-col: ***/

div.middle div.right-col div.banner {
    margin-top: 35px;
    margin-bottom: 10px;
}

div.middle div.right-col image_right {
    margin-top: 10px;
    margin-left: 10px;
}



/*** Hover menu ***/

a.hover-diskografia {
    width:52px;
    height:53px;
    position: absolute;
    top: 0px;
    left: 27px;
    background-image: url('menu_diskografia_img.jpg');
}

a:hover.hover-diskografia {
    width:52px;
    height:53px;
    position: absolute;
    top: 0px;
    left: 27px;
    background-image: url('menu_diskografia_img_hover.gif');
}

a.hover-obchod {
    width:55px;
    height:52px;
    position: absolute;
    top: 0px;
    left: 319px;
    background-image: url('menu_obchod_img.jpg');
}

a:hover.hover-obchod {
    width:55px;
    height:52px;
    position: absolute;
    top: 0px;
    left: 319px;
    background-image: url('menu_obchod_img_hover.gif');
}

a.hover-media {
    width:52px;
    height:53px;
    position: absolute;
    top: 27px;
    left: 187px;
    background-image: url('menu_media_img.jpg');
}

a:hover.hover-media {
    width:52px;
    height:53px;
    position: absolute;
    top: 27px;
    left: 187px;
    background-image: url('menu_media_img_hover.gif');
}

a.hover-biografia {
    width:52px;
    height:52px;
    position: absolute;
    top: 53px;
    left: 0px;
    background-image: url('menu_biografia_img.jpg');
}

a:hover.hover-biografia {
    width:52px;
    height:52px;
    position: absolute;
    top: 53px;
    left: 0px;
    background-image: url('menu_biografia_img_hover.gif');
}

a.hover-forum {
    width:53px;
    height:53px;
    position: absolute;
    top: 80px;
    left: 133px;
    background-image: url('menu_forum_img.jpg');
}

a:hover.hover-forum {
    width:53px;
    height:53px;
    position: absolute;
    top: 80px;
    left: 133px;
    background-image: url('menu_forum_img_hover.gif');
}

a.hover-kontakt {
    width:52px;
    height:52px;
    position: absolute;
    top: 53px;
    left: 266px;
    background-image: url('menu_kontakt_img.jpg');
}

a:hover.hover-kontakt {
    width:52px;
    height:52px;
    position: absolute;
    top: 53px;
    left: 266px;
    background-image: url('menu_kontakt_img_hover.gif');
}

a.hover-partneri {
    width:52px;
    height:53px;
    position: absolute;
    top: 53px;
    left: 400px;
    background-image: url('menu_partneri_img.jpg');
}

a:hover.hover-partneri {
    width:52px;
    height:53px;
    position: absolute;
    top: 53px;
    left: 400px;
    background-image: url('menu_partneri_img_hover.gif');
}