/* CSS Document */
body{
	background:url(/images/bg.gif) top repeat-x #7E7E7E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding:0; margin:0;}
a, a:hover{color:#F8A607; text-decoration:underline;}
p{margin:0; padding:0 25px 25px 8px;}

.norm12{font-size:12px;}
.norm16{font-size:16px;}

.bg_piano{background:url(/images/bg_piano.gif) bottom right no-repeat; padding-top: 55px; padding-bottom:120px}

#main{float:left; width:900px;}
#logo{display:block; float:left; width:303px; top:5px; margin-left:20px;}

#top_mn{
	float:right; width:100%;
	width:520px;
	padding-left:17px; height:29px;
	background:url(/images/top_mn_corns.jpg) -17px 0 no-repeat;}
#top_cont{background:url(/images/top_mn.gif) repeat-x;
	height:29px; width:500px;
	float:left; vertical-align:top;
	line-height:9px;
	font-size:8px}
#top_cont a.home,#top_cont a.home:hover, #top_cont a.map,#top_cont a.map:hover, #top_cont a.contact,#top_cont a.contact:hover{
	display:block; width:11px; height:9px; margin:5px 10px 0 10px; padding:0 10px; float:left; text-decoration:none;}
#top_cont a.home{background:url(/images/home.gif) center 0 no-repeat;}
#top_cont a.home:hover{background:url(/images/home.gif) center -9px no-repeat;}
#top_cont a.map{background:url(/images/map.gif) center 0 no-repeat;}
#top_cont a.map:hover{background:url(/images/map.gif) center -9px no-repeat;}
#top_cont a.contact{background:url(/images/contact.gif) center 0 no-repeat;}
#top_cont a.contact:hover{background:url(/images/contact.gif) center -9px no-repeat;}
#top_corn_r{background:url(/images/top_mn_corns.jpg) 0 0 no-repeat;
	height:29px; width:17px;float:left;}	
#empty{clear:both; height:10px;}

#left{width:185px; float:left; margin:0;}


/*menu*/

#left_mn { 
    list-style:none;width:163px; padding:0; margin:0;
    position:relative; z-index:1000;
    }
#left_mn li{display:block;}
#left_mn li a{display:block; width:148px; height:43px; line-height:43px;
	padding-left:15px;
	background:url(/images/left_mn.gif) 0 0 no-repeat;
	color:#fff; text-decoration:none;
	font-weight:bold;
	font-family:Tahoma;
	font-size:11px;}
#left_mn li a:hover{background:url(/images/left_mn.gif) 0 -86px no-repeat}
#left_mn li a.sel, #left_mn li a:hover.sel {background:url(/images/left_mn.gif) 0 -43px no-repeat}


#menu_container {z-index:100; clear:both; display:table;}
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
#pmenu li a {
	display:block; width:131px; height:21px; line-height:21px;
	padding-left:32px;
	background:url(/images/submn1.gif) 0 -21px no-repeat;
	color:#000; text-decoration:none;
	font-weight:bold;
	font-family:Tahoma;
	font-size:11px;}
#pmenu li a:hover{background:url(/images/submn1.gif) 0 0 no-repeat;}

#pmenu li ul li a {
	display:block; width:131px; height:21px; line-height:21px;
	padding-left:20px;
	background:url(/images/submn2.gif) 0 -21px no-repeat;
	color:#000; text-decoration:none;
	font-weight:bold;
	font-family:Tahoma;
	font-size:11px;}
#pmenu li ul li {float:none;}	
#pmenu li ul li a:hover {background:url(/images/submn2.gif) 0 0 no-repeat}

#pmenu li a.hover, #pmenu li a.enclose {background:url(/images/submn1.gif) 0 0 no-repeat;}

#pmenu li ul li a.enclose {background:url(/images/submn2.gif) 0 -21px no-repeat}
#pmenu li ul li a:hover.enclose {background:url(/images/submn2.gif) 0 0px no-repeat}
#pmenu li ul li ul li a:hover {background:url(/images/submn2.gif) 0 0px no-repeat}


#pmenu li {float:left;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
#pmenu li:hover > a , #pmenu li a.sel{background:url(/images/submn1.gif) 0 0 no-repeat color:#fff;}
#pmenu li:hover > ul li:hover > a {background:url(/images/submn1.gif) 0 0 no-repeat color:#fff;}
#pmenu li ul {display:none;}
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:120px; padding:14px 30px 30px 30px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:120px; top:-10px;}
#pmenu > li:hover > ul > li:hover > ul {left:110px; top:-10px;}
/* get rid of the table */

#pmenu table {position:absolute; border-collapse:collapse; top:-25px; left:145px; z-index:100; font-size:11px;}
#pmenu ul li table {position:absolute; border-collapse:collapse; top:-0px; left:0px; z-index:100; font-size:11px;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover{position:relative; color:#fff; background:url(/images/submn1.gif) 0 0 no-repeat}
* html #pmenu li a.sel{color:#fff; background:url(/images/submn1.gif) 0 0 no-repeat;}

/* For accessibility of the top level menu when tabbing */
#pmenu li.fly {}
#pmenu li.fly a{}
#pmenu li.fly ul li a {background:url(/images/submn2.gif) 0 -21px no-repeat}
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:0px; padding:15px 30px 30px 30px;}
/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{visibility:hidden;}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul {
	visibility:visible; left:-50px; top:14px; left:-31px; top:15px;}
/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
	visibility:visible; top:-11px; left:115px;
	font-size:11px;
	text-align:left;}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { visibility:visible;}
/*end menu*/


/*ad*/
#ad_blue{display:block;
	background:url(/images/ad_blue_top.gif) 0 0 no-repeat;
	width:155px;padding-top:16px;
	margin:15px 0 15px 5px;}
#ad_blue .txt {background:url(/images/ad_blue.gif) repeat-y; padding:0 5px 0 9px;}
#ad_blue .txt label{display:block; font-weight:bold; padding-bottom:3px;}
#ad_blue .txt a, #ad_blue .txt a:hover{display:block; text-align:right; color:#333;	font-weight:bold}
#ad_blue .ad_bttm{display:block;
	background:url(/images/ad_blue_bttm.gif) 0 0 no-repeat;
	width:155px;height:20px;}

#ad_orng{display:block;
	background:url(/images/ad_orng_top.gif) 0 0 no-repeat;
	width:155px;padding-top:16px;
	margin:15px 0 15px 8px;}
#ad_orng .txt {background:url(/images/ad_orng.gif) repeat-y; padding:0 5px 0 9px;}
#ad_orng .txt label{display:block; font-weight:bold; padding-bottom:3px;}
#ad_orng .txt a, #ad_blue .txt a:hover{display:block; text-align:right; color:#333;	font-weight:bold}
#ad_orng .ad_bttm{display:block;
	background:url(/images/ad_orng_bttm.gif) 0 0 no-repeat;
	width:155px;height:20px;}

/*main_content*/
#cont{float:right;
	width:710px;
	margin-top:-10px;
	background:url(/images/cont_bg.gif) 0 0 repeat-y;}

#girl1{
	background:url(/images/girl1.jpg) 0 center no-repeat; 
	width:326px; height:179px; position:absolute; z-index:100;
	top:21px; left:434px;
	display:inherit;}
#girl2{
	background:url(/images/girl2.jpg) 0 center no-repeat; 
	width:375px; height:211px; position:absolute; z-index:100;
	margin:-20px 0 0 175px;}
#cont.index{margin-top:117px;_margin-top:113px;}
#cont.index .bg_piano{background:url(/images/bg_piano.gif) bottom right no-repeat; padding-bottom:30px}
#cont.index p{padding:0 25px 8px 25px; font-size:12px; text-align:justify}
#cont #left_corn{background:url(/images/main_corns.gif) -21px 0 no-repeat;
	width:21px; float:left; height:433px;}	
#cont #right_corn{background:url(/images/main_corns.gif) 0 0 no-repeat;
	width:21px; float:right; height:433px;}	
#cont #main_cont{float:left; width:668px; background:url(/images/bg_piano.gif) bottom right no-repeat; padding-bottom:120px; min-height:310px; _height:310px;} 
#cont #main_cont #top_bg{background:url(/images/top_bg.gif) 0 -2px repeat-x; height:20px; line-height:20px; font-size:10px} 
#cont.index #main_cont{}	

#cont #bttm{background:url(/images/cont_bttm.gif) 0 0 no-repeat; height:10px;
	display:block; clear:both; font-size:1px; line-height:1px;}
	
#hd{background:url(/images/hd.jpg) left no-repeat; line-height:23px;
	font-size:13px; font-weight:bold; padding-left:10px; margin-bottom:15px; font-family:Verdana}
#hd, #hd a, #hd a:hover{color:#fff;}
#hd a, #hd a:hover{text-decoration:underline;}

#bttm_txt{float:right; display:block; color:#E3DFE0; width:690px; 
	height:20px; line-height:20px;
	padding:0 0 15px 10px;
	text-align:center;}

/*pages*/
#pages{
	text-align:center;
	clear:both;}
#pages ul{
	list-style:none;
	margin:0 auto;
	padding:20px 0;
	display:table;
	margin:0 auto;
    /* for IE */
    _left: 50%;
    _position: relative;
    _float: left;
    _margin-left: expression("-" + (this.clientWidth / 2) + "px");	
	}
#pages li{float:left; 
	padding:0 2px;
	line-height:16px;}
#pages li, #pages li a, #pages li a:hover{font-weight:bold; text-decoration:none;}	
#pages li.first a, #pages li.first a:hover{
	padding-left:40px; border:none;
	color:#737373; background-color:#fff;}
#pages li.last a, #pages li.last a:hover{
	background:url(/images/cut4.gif) top right no-repeat #fff; 
	padding-right:40px; border:none;
	color:#737373;}

#pages label{
	display:block; 
	border:1px solid #737373; 
	background-color:#F8F8F8; 
	color:#737373;
	padding:0 5px;}

#pages a{
	display:block; 
	border:1px solid #C6C6C6; 
	background-color:#E3E2E2; 
	color:#6D6D6D;
	padding:0 5px;}
#pages a:hover{
	display:block; 
	border:1px solid #818181; 
	background-color:#B1B1B1; 
	color:#fff;
	padding:0 5px;}	



/*catalog*/
#catalog{list-style:none; margin:0 20px; padding:0;clear:both}
#catalog li table {width:100%}
#catalog li ul {list-style:none; margin:0;}
#catalog li td{border-bottom:2px dotted #ccc; vertical-align:middle}
#catalog li td#img{width:140px; text-align:center; vertical-align:middle; padding:10px 0;}
#catalog li td#txt{padding:0 0 10px 20px;}
#catalog li td#txt p{display:block; font-size:12px; padding:0 0 0 7px; text-align:justify}
#catalog li td h4{font-size:16px; font-weight:bold;color:#2B77EB; text-align:left; padding:15px 0 10px 0; margin:0}

#catalog li.chess td#txt{padding:0 20px 10px 0}


.bttn{display:block; background:url(/images/bttn.gif) 0 0 no-repeat;
	width:120px; height:26px; line-height:22px;
	border:none;
	font-family:Tahoma;
	font-weight:bold;
	text-align:center; text-decoration:none;
	color:#fff}

a.bttn, a.bttn:hover{background:url(/images/bttn.gif) 0 0 no-repeat;
	display:block;
	width:120px; height:26px; line-height:22px;
	font-family:Tahoma;
	font-weight:bold;
	text-align:center; text-decoration:none;
	color:#fff;}

#form {padding:0; margin:0; list-style:none}
#form label{display:block; float:left; width:220px; text-align:right;
	font-weight:bold; padding-right:5px; line-height:18px;}
#form li{padding-bottom:8px;}	
#form li input{border:1px solid #666; line-height:16px; height:16px; width:240px;}
#form li textarea{border:1px solid #666; line-height:16px; height:60px; width:240px;}
#form li.note{text-align:left; padding-left:250px; font-size:11px}
#form li .red{color:#A20602; font-size:16px;}


#order{width:95%; border-right:1px solid #999;}
#order thead {background-color:#2F7AEB; font-size:12px; text-align:center;
	height:20px; line-height:20px; vertical-align:middle; color:#fff;}
#order td{border-left:1px solid #999; padding:2px 3px; border-bottom:1px dotted #999;}
#order td input{border:1px solid #666; line-height:14px; height:15px; font-size:11px;}
#order td .kol_vo{width:30px}

#bttns {text-align:center; margin:0 auto; display:table;
    _left: 50%;
    _position: relative;
    _float: left;
    _margin-left: expression("-" + (this.clientWidth / 2) + "px");}
#bttns li{display:block; float:left; margin:0 20px;}