/* CSS Document */

body { margin:0px; padding:0px; background:url(img/body_bg_n.gif) 0px 0px repeat-x #FFF; text-align:left;  font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif;}
img { border:0px}
h1 { font-size:18px; color:#000000}
h2 { font-size:22px; font-weight:500; margin-top:0px}
#zagolovok h2 { margin-bottom:0px}
h3 { font-size:20px; font-weight:500; margin-top:0px; margin-left:120px; color:#ccc}
h2 span { font-weight:500; color:#FC0}
#zagolovok h2 span { color:#333 !Important; font-weight:900}
.hh3 { margin-bottom:0px; font-size:13px}
a { color:#333; text-decoration:underline; font-weight:600}
a:hover { color:#666; text-decoration:underline}


.lvl {/* width:912px*/}


#lvl_1 { background:url(img/bg_lvl_1_n.gif) no-repeat 100% 0px; height:120px}
	.left { float:left}
	#home { height:32px; width:340px; vertical-align:bottom; padding-top:50px; text-align:right; float:left}
		#home img { margin:0px 10px}
		#home a img { margin-bottom:2px}
		.el { background-color:#FFCC00; padding:0px 5px; margin-left:10px; margin-right:0px; color:#000; text-decoration:none; font-weight:500}
		.el:hover { text-decoration:none}
	#menu { width:374px; padding-top:60px; padding-left:0px;  text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif}
		.menu_cont { width:320px; height:18px; font-weight:600}
		#menu .menu_on, #menu .menu_off { float:right;  padding:1px 7px; margin-left:2px; cursor:pointer; text-decoration:none !important}
		#cont .menu_on, #cont .menu_off { float:none; padding:0px; margin:0px; cursor:pointer; width:216px; height:22px; padding-top:2px; text-align:center; font-size:16px}
		#cont .menu_on {background:url(img/kt_on.gif) no-repeat 0px 0px; color:#000}
		#cont .menu_off {  background:url(img/kt_off.gif) no-repeat 0px 0px; color:#FFF}
		#menu .menu_off {background-color:#000; color:#FFF;}
		#menu .menu_on {background-color:#FC0; color:#000;}
		.cliner { width:290px; height:1px}
			#f1 { margin-right:25px}
			#f2 { margin-right:0px}
			#f3 { margin-right:20px}
			#f4 { margin-right:40px}
			#f5 { margin-right:25px}
			#f6 { margin-right:15px}

	#zagolovok { width:500px; height:96px; text-align:left; margin-top:10px; margin-bottom:45px}
		#zagolovok p { margin:5px 0px; color:#666; font-size:10px}
		#zagolovok a { color:#666; text-decoration:underline; font-weight:500}
		#zagolovok a:hover { color:#000; text-decoration:underline;}




#lvl_2 {/* background:url(img/pri_bg.gif) top repeat-x*/ }
.pri { width:100%; background:no-repeat 0px 200px;}
#pri_1 { background-image:url(img/pix_3.gif)}
#pri_2 { background-image:url(img/pix_2.gif)}
#pri_3 { background-image:url(img/pix_3.gif)}
#pri_4 { background-image:url(img/pix_4.gif)}
#pri_5 { background-image:url(img/pix_5.gif)}
#pri_6 { background-image:url(img/pix_6.gif)}


		.pri td { vertical-align:top; text-align:left;} 
		#pix {  padding-top:0px; padding-bottom:100px; padding:0px; width:374px; background:url(img/stunt_n.gif) no-repeat 0px 0px; }
		#cont { padding:0px 10px 50px 30px;  background:#F5F5F5 url(img/ri_ugl_1.gif)  no-repeat 100% 0px;}
		#ri {  background:url(img/ri_bg_nn.gif) repeat-y 0px 0px; vertical-align:top; text-align:left; padding:0px}
		.ttt { vertical-align:top; width:100%; text-align:right; background:url(img/ttt.gif) 100% 0px no-repeat}
		.pri h2 { font-size:22px; font-weight:500; margin-top:0px}
		.dabl { width:100%; margin-bottom:50px;}
		.dabl p { margin-top:0px !Important}
		.dabl td { width:250px; padding-right:15px; padding-top:0px}
		.dabl img { margin-top:3px}

#lvl_3 {/* background:url(img/bg_lvl_3.gif) top repeat-x;*/  text-align:left;height:150px; padding-top:30px}


#bot_menu { width:910px; /*background:url(img/q2.gif) repeat-x bottom; */margin-left:26px; margin-top:0px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC}
#bot_menu td { padding-bottom:15px; padding-top:15px}
#bot_menu a { color:#333; text-decoration:underline; font-weight:500; padding:2px 3px}
#bot_menu a:hover { color:#333; text-decoration:underline; font-weight:500; background-color:#FC0; padding:2px 3px}

#copy { margin-top:0px; padding-bottom:0px; margin-left:0px; width:530px; }
	#copy span { color:#333}
	#copy .sd { color:#FC0}


#bott { width:910px; margin-left:26px}
#bott td {  vertical-align:top; padding-top:25px}

.lo table td { padding-top:0px !important}

.lo img { margin-left:20px}
.lo a { font-weight:500 !important; font-size:10px; color:#999; text-decoration:none}
.lo a b { font-weight:600 !important; font-size:11px; text-decoration:none; color:#F4C400}
.lo a b span { color:#7D7D7D}
.lo a:hover, .lo a:hover b span { color:#F4C400; text-decoration:none}
.lo a:hover b { color:#7D7D7D}

.film { width:100%; background:url(img/film_77.gif) no-repeat 0px 0px; margin-top:30px}
.img {background:url(img/film_33.gif) no-repeat 100% 100%; padding:8px}
.morze { background:url(img/morze.gif) repeat-x top; height:5px; margin-left:15px}
.ddd .morze { margin-left:0px !Important}
.txt { padding-left:19px; padding-top:30px}
.ddd .txt { padding-left:0px !important; padding-right:19px !important; width:50%}
.hh { font-size:14px; font-weight:600; text-transform:uppercase; background:url(img/q2.gif) no-repeat 0px 5px; color:#333; padding-left:15px}
.txt p, .ddd p { padding-left:15px}



.person h2 { margin-top:30px; font-weight:900; margin-bottom:0px !important }
.person p { margin:0px 0px 20px 0px !important;}


.fill { width:100%; background:url(img/morze.gif) bottom repeat-x; margin-bottom:15px}
.fill td { width:50%; text-align:left; padding-bottom:3px}
.fill .right { text-align:right !important}
.fill a { color:#000; font-weight:500; background:url(img/sq_fill.gif) no-repeat 7px 8px #F5F5F5; font-size:14px; padding:2px 3px 2px 24px; text-decoration:none}
.fill a:hover, .fill_right a:hover, .checked_page, .checked_page:hover { color:#FFF; font-weight:500; background:url(img/sq_fill.gif) no-repeat 7px 8px #000; padding:2px 3px 2px 24px; text-decoration:underline}
.checked_page, .checked_page:hover { color:#FFF !important; font-weight:500; background:url(img/sq_fill.gif) no-repeat 7px 8px #000 !important; padding:2px 3px 2px 24px; text-decoration:underline !important}
.fill .right a, .fill_right a { text-decoration:underline; color:#000000; background:url(img/0.gif) no-repeat #ccc; font-weight:500; padding:2px 3px 2px 24px; font-size:10px; padding-left:5px !important}

.fill_right { text-align:right; padding-right:3px; padding-top:10px; background:url(img/morze.gif) top repeat-x; margin-top:25px}


.photo { width:100%}
.photo td { padding-bottom:20px}
.photo .left { padding-right:25px}


.demo { width:100%; margin-bottom:20px}
.demo td { width:50%; padding:5px 0px 0px 5px; background:url(img/demo_77.gif) 0% 0% no-repeat; }
.demo img { background:url(img/demo_33.gif) 100% 100% no-repeat; padding:0px 5px 5px 0px}
.demo p { margin:0px}
.tos { background:url(img/q2.gif) no-repeat 0px 6px; padding-left:17px; color:#000000}
.bor { font-weight:600; padding-left:17px; color:#000000}