html,body {
	height: 100%;
}

body {
    background: #EFE8CB url(/_clip/bg.jpg) center top repeat-y;
    margin: 0 auto;
    font-size: 100%;
    font-family: Arial;  /**/
    color: #EFE8CB;
}


p, img, h1, h2, h3, h4, form, ul, li {margin: 0; padding: 0; border: none;}
.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
.hide {visibility: hidden;}


h1 {margin: 280px 0 0 0px;}
h1 span {display: none;}
h2 {padding: 0 0 0 15px;}
h3 {color: #ffffff; padding: 0 0 0 10px;}
h4 {font-size: 100%;}


a {color: #3E2409; }
a:hover {color: #B51502; text-decoration: none;}

#page, .hp {width: 990px; min-height: 700px; margin: 0 auto; background: url(/_clip/bg-top.jpg) left top no-repeat; position: relative; }
/*\*/ * html #page {height: 700px;} /**/

#logo {position: absolute; left: 180px; top: 55px;}

#content {width: 680px; float: right; margin: 0; padding: 0; position: relative; font-size: 95%;}

#content #housle {position: absolute; left: 20px; top: 170px;}
#content #violoncello {position: absolute; left: 150px; top: 200px;}
#content #viola {position: absolute; left: 300px; top: 30px;}
#content #kontrabas {position: absolute; left: 440px; top: 50px;}

#content #housle-sub {position: absolute; left: 450px; top: 40px; z-index: 0;}
#content #violoncello-sub {position: absolute; left: 450px; top: 10px; z-index: 0;}
#content #viola-sub {position: absolute; left: 450px; top: 30px; z-index: 0;}
#content #kontrabas-sub {position: absolute; left: 450px; top: -90px; z-index: 0;}

#content .table-top {background: url(/_clip/bg-table-top.png) 0 0 no-repeat; padding: 15px 0 0 0; margin: 10px 0 15px 0;}
#content .table-middle {background: url(/_clip/bg-table-middle.png) 0 0 repeat-y; width: 590px; padding: 5px; font-size: 90%; }
#content .table-bottom {background: url(/_clip/bg-table-bottom.png) 0 0 no-repeat; height: 15px;}

#content #selector {margin: 25px 0 15px 0px;}

#content img.picture {margin: 5px; float: left; width: 110px;}

#content table  {width: 450px; float: left; margin: 0 0 0 130px;  z-index: 100;}
/* \ */ *html #content table  {margin: 0 0 0 65px;} /**/
#content table th, #content table td {width: 20%; text-align: left; padding: 3px; }
#content table th {color: #3E2409;}


#content table.struny {width: 450px; margin: 0 0 0 10px;}
#content table.struny td {border-bottom: 1px solid #AB6319; vertical-align: top;}
#content table.struny td span {color: yellow; font-weight: bold;}
#content table.kontakt {width: 600px; float: none; margin: 0;}
#content table.ceny {width: 550px; margin: 0 0 0 20px;}
#content table.ceny th {/*color: #ffffff; border-bottom: 1px solid #ffffff;*/ height: 35px; vertical-align: bottom;}
#content table.ceny td  {border-bottom: 1px solid #AB6319; /*border: 1px solid #AB6319;*/}
#content table.ceny td.nazev {width: 500px;}
#content table.ceny td.ico {width: 18px;}


#content #adresa {text-align: right; padding: 25px 125px 25px 0; position: absolute; left: 300px; top: 50px; width: 300px;}
#content #adresa p {padding: 10px 0 10px 0; }
#content #adresa a {color: #B51502; }
#content #adresa a:hover {color: #3E2409; text-decoration: none;}

#content #list {font-size: 75%; padding: 10px; }


#foot {font-size: 80%; margin: 15px auto; border-top: 1px solid #EFE8CB; width: 950px; font-variant: small-caps;}
#foot p.half {width: 40%; padding: 10px 20px 10px 20px;}
#foot p.left {text-align: left; float: left;}
#foot p.right {text-align: right; float: right;}


ul#menu {
	list-style: none;
	float: left; width: 159px;
	padding: 250px 50px 100px 100px;
	margin: 0;
	position: relative; bottom:0; right: 0;
}

#menu li, #menu li a, #menu li a:hover {color: #54251F; font-size: 1%; padding: 2px 0 0 1px; }
#menu li {position: relative; overflow: hidden;}
#menu li span {position: absolute; top: 0; left: 0; display: block;}
#menu li a:hover {cursor: pointer;}
#menu li, #menu li span {height: 46px;}

#menu li.btn-01, #menu li.btn-01 span {background: url(/_clip/btn_housle-on.png) 0 0 no-repeat; width: 159px;}
#menu li.btn-02, #menu li.btn-02 span {background: url(/_clip/btn_viola-on.png) 0 0 no-repeat; width: 159px;}
#menu li.btn-03, #menu li.btn-03 span {background: url(/_clip/btn_cello-on.png) 0 0 no-repeat; width: 159px;}
#menu li.btn-04, #menu li.btn-04 span {background: url(/_clip/btn_basa-on.png) 0 0 no-repeat; width: 159px;}
#menu li.btn-05, #menu li.btn-05 span {background: url(/_clip/btn_ceniky-on.png) 0 0 no-repeat; width: 159px;}
#menu li.btn-06, #menu li.btn-06 span {background: url(/_clip/btn_kontakt-on.png) 0 0 no-repeat; width: 159px;}


#menu li.btn-01 a:hover span, #menu li#btn-active.btn-01 span {background: url(/_clip/btn_housle-off.png) 0 -46px no-repeat;}
#menu li.btn-02 a:hover span, #menu li#btn-active.btn-02 span {background: url(/_clip/btn_viola-off.png) 0 -46px no-repeat;}
#menu li.btn-03 a:hover span, #menu li#btn-active.btn-03 span {background: url(/_clip/btn_cello-off.png) 0 -46px no-repeat;}
#menu li.btn-04 a:hover span, #menu li#btn-active.btn-04 span {background: url(/_clip/btn_basa-off.png) 0 -46px no-repeat;}
#menu li.btn-05 a:hover span, #menu li#btn-active.btn-05 span {background: url(/_clip/btn_ceniky-off.png) 0 -46px no-repeat;}
#menu li.btn-06 a:hover span, #menu li#btn-active.btn-06 span {background: url(/_clip/btn_kontakt-off.png) 0 -46px no-repeat;}

/*\*/ * html #menu li.btn-01 {background: none; width: 159px;}  /**/
/*\*/ * html #menu li.btn-02 {background: none; width: 159px;}  /**/
/*\*/ * html #menu li.btn-03 {background: none; width: 159px;}  /**/
/*\*/ * html #menu li.btn-04 {background: none; width: 159px;}  /**/
/*\*/ * html #menu li.btn-05 {background: none; width: 159px;}  /**/
/*\*/ * html #menu li.btn-06 {background: none; width: 159px;}  /**/