@font-face {
font-family: harlequinade;
src:url(fonts/harlequinade.ttf); }

body { margin:0px; padding:0px; background:#0D0405; }
table {table-layout: fixed;}

#maket {width:100%; height:100%; padding:0px; border:0px; margin:0px; background:#0D0405; }

#left {width:420px; height:100%; border:0px; background: #0D0405 url(images/01.jpg) no-repeat top center; padding-top: 0px; vertical-align: top; position:fixed; }

#left_spisok {width:420px; height:auto; border:0px; padding-top:211px;  }

#left_spisok a { letter-spacing: 0; font-weight: bold; font-size:110%; 
	display:block;
	background: url(images/02.jpg) repeat-y;
	color:#FAF6E9; 
	padding-top:10px; padding-bottom: 7px; padding-left:25px;
	margin-bottom:7px; margin-top:7px; 
	text-decoration: none;
	width:350px; height:36px; outline: none; 
	}

#left_spisok ul, #left_spisok li { letter-spacing: 0; width:350px; font-size:110%; font-weight: bold; text-shadow: black 2px 2px 3px, black 0 0 1em; filter: shadow(color=black, direction=45);
list-style:none; outline: none; color:#FAF6E9; }

#left_spisok a:visited { width:350px; letter-spacing: 0; font-weight: bold;
             text-shadow: black 2px 2px 3px, black 0 0 1em;
             filter: shadow(color=black, direction=45);
text-transform: none; color: #FAF6E9; font-family: serif; font-size:110%; background: url(images/02.jpg) repeat-y; outline: none;
}

#left_spisok a:hover { width:350px; letter-spacing: 0; font-weight: bold;
             text-shadow: black 2px 2px 3px, black 0 0 1em;
             filter: shadow(color=black, direction=45);
text-transform: none; color: #F48171; font-family: serif; font-size:110%; background: url(images/02.jpg) repeat-y; outline: none;
}


#right {border:0px; width:100%; padding-left:420px; background: url(images/03.jpg) top left fixed; }

#right_text { border:0px; display:inline-block; top:50px; margin:0 5px 0 25px; }
#right_text p { color:#FAF6E9; font-size:140%; text-shadow: black 2px 2px 3px, black 0 0 1em; filter: shadow(color=black, direction=45); text-align:justify; padding-right:35px;
 }
#right_text b { font-family: 'Harlequinade', arial; font-weight:normal; font-size:130%; color:#f3876d;  }

#home { width:350px; border:0px; color: #A39491; font-family:Arial, Helvetica, sans-serif; font-size:80%; letter-spacing: 2; padding-left:40px;}

#home a { letter-spacing: 5; font-size:80%; background: none;
	color:#FAF6E9; text-transform: none;
	text-decoration: none;
	}

#home a:hover { letter-spacing: 5; text-decoration: underline blink; color: #FAF6E9; font-family:Arial, Helvetica, sans-serif; font-size:80%; background: none; text-transform: none;
}

#home .now { letter-spacing: 5;  text-decoration: underline blink; color: #FAF6E9; font-family:Arial, Helvetica, sans-serif; font-size:80%; background: none; text-transform: none;
}
#footer { display: inline-block; position: fixed; bottom:0; left:0; z-index:900; width:100%; background:#000; opacity: 0.3; font: 100% Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px;  } 

#footer a { color:#fff;}

#footer p {
	text-align: center; letter-spacing: 1px; font-size: calc(0.9vw + 0.3vh); margin:0; line-height:1.2; padding:5px 0; color:#fff;
}


body { scrollbar-face-color: #FCFCFC; scrollbar-arrow-color: #6e4545; }