*{margin: 0; padding: 0;}

body {
	font: 12px Tahoma, Verdana, sans-serif;
	width: 100%;
	text-align: center;
	color: #6d6d6d;
	background: #F7F7F7 url(images/top_bg.gif) repeat-x top;
}

a:link, a:visited, a:active, a:hover{color: #3445a6; text-decoration: underline;}
a:hover{text-decoration: none;}

.clear{clear: both;}
img{border: none;}
input{ vertical-align: middle; }
ul li{ list-style: none; }

#wrapper {
	width: 100%;
	min-width: 1000px;
	background: url(images/hlogo.jpg) no-repeat left top;
	text-align: left;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 150px;
	background: #FFE680;
}


/* Middle
-----------------------------------------------------------------------------*/
#content { padding: 16px 0 0;}

.top_title{ padding: 0 6px 0 504px; height: 48px; overflow: hidden; }
.top_title .padd{ height: 48px; background: url(images/title_bg.gif) repeat-x; }
.top_title h1{ float: left; font-family: Tahoma; font-size: 18px; color: #64688e; text-transform: uppercase; padding: 10px 10px 0; font-weight: 400; }
.top_title img{ vertical-align: top; float: left; }

.title{ padding: 0 7px; height: 48px; overflow: hidden; }
.title .padd{ height: 48px; background: url(images/title_bg.gif) repeat-x; }
.title h1{ float: left; font-family: Tahoma; font-size: 18px; color: #64688e; text-transform: uppercase; padding: 10px 10px 0; font-weight: 400; }
.title img{ vertical-align: top; float: left; }

.thumbs{ text-align: left; padding: 0 0 0 3px; }
.thumbs img{ background: #ECECEC; margin: 3px 1px;}
.thumbs a img{ border: 1px solid #83A5F1; }
.thumbs a:hover img{ border: 1px solid #000; }
.thumbs a:hover{ border: none; }
.thumbs .hbook{ width: 492px; *width: 492px; height: 180px; float: left; text-align: right; margin: 3px 2px; overflow: hidden; }
* html .thumbs .hbook{ margin: 3px 2px 3px 1px; }
.thumbs .hbook .padd{ width: 100%; display: block; }
.thumbs .hbook a img, .thumbs .hbook a:hover img{ border: 0; }
.thumbs .hbook img{ margin: 102px 0 0 0; padding: 0 1px 0 0; *padding: 0 6px 0 0; background: transparent; vertical-align: bottom; }
.thumbs .hbook p{ text-align: left; font-size: 11px; padding: 10px 10px 0; }

.trad{ *margin: 5px auto; font-size: 11px; text-align: center; }
.trad .ttpadd{ padding: 0 10px 10px; }
.trad .ttitle{ height: 35px; overflow: hidden; font-size: 14px;}
.trad .ttitle p{ padding: 5px 0 0; float: left; }
.trad .ttitle img{ vertical-align: top; margin: 0 10px 0 0; float: left; }
.trad img{ float: left; background: #E4E4E5; border: 1px solid #83A5F1; margin: 0 10px 5px 0; }
.trad li{ width: 475px; display: -moz-inline-stack ; vertical-align: top; display: inline-block; zoom: 1; *display: inline; position: relative; z-index:99; margin: 5px 8px; *margin: 5px 10px 5px 9px; }
.tb_t{ width: 100%; background: #EFEFF0 url(images/tb_t.gif) repeat-x top; }
.tb_rt{ width: 100%; background: url(images/tb_rt.gif) no-repeat right top; }
.tb_lb{ width: 100%; background: url(images/tb_lb.gif) no-repeat left bottom; }
.tb_rb{ width: 100%; background: url(images/tb_rb.gif) no-repeat right bottom; }

.trad2{ width: 990px; margin: 5px auto; font-size: 14px; text-align: center; }
.trad2 li{ width: 233px; display: -moz-inline-stack ; vertical-align: top; display: inline-block; zoom: 1; *display: inline; position: relative; z-index:99; margin: 5px; *margin: 5px 7px; }
.trad2 li .back{ background: #151B5E url(images/trad_bg.gif) repeat-x top; border-left: 1px solid #151B5E; border-right: 1px solid #151B5E; padding: 0 0 5px;}
.trad2 li img{ background: #E4E4E5; border: 1px solid #83A5F1; margin: 10px 0 0; }
.trad2 li span{ display: block; line-height: 26px; width: 95%; margin: 5px auto 0; }

.trad2 li a:link span, .trad2 li a:visited span, .trad2 li a:active span, .trad2 li a:hover span{color: #3445a6; text-decoration: underline; background: url(images/desrc_fblock.gif) repeat-x;}
.trad2 li a:hover span{text-decoration: none;}

.trad3{ width: 990px; margin: 5px auto; font-size: 14px; text-align: center; background: #151B5E; padding: 0 0 10px; }
.trad3 li{ width: 233px; display: -moz-inline-stack ; vertical-align: top; display: inline-block; zoom: 1; *display: inline; position: relative; z-index:99; margin: 0 5px; *margin: 0 7px; }
.trad3 li .back{ background: #E4E4E5; border-left: 1px solid #151B5E; border-right: 1px solid #151B5E; padding: 0 0 5px;}
.trad3 li img{ background: #E4E4E5; border: 1px solid #83A5F1; margin: 10px 0 0; }
.trad3 li span{ display: block; line-height: 26px; width: 100%; margin: 0 auto 0; }
.trad3 li span span{ display: inline; margin: 0; }

.trad3 li a:link span, .trad3 li a:visited span, .trad3 li a:active span, .trad3 li a:hover span{color: #3445a6; text-decoration: none; background: url(images/desrc_fblock.gif) repeat-x; font-weight: 700;}
.trad3 li a:hover span{ color: #000;}

.trad3 li a:link span span, .trad3 li a:visited span span, .trad3 li a:active span span, .trad3 li a:hover span span{color: #3445a6; text-decoration: underline; background: transparent; font-weight: 400;}
.trad3 li a:hover span span{color: #000;}

/*block thumb s dvd ikonkami*/
.thumb2_block{ width: 990px; margin: 0 auto; font-size: 14px; }/*zadayem shirinu blocka*/
.thumb2_block .padd{ width: 100%; background: url(images/bord_bg.gif) repeat-x bottom; padding: 15px 0; }/*zadayem nizhnii uzor, i vnutrennii otstup*/
.thumb2_block ul{ text-align: center; }/*tsentruem elementi v spiske*/
.thumb2_block ul li{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; position: relative; z-index: 99; margin: 0 0 5px; *margin: 0 2px 5px 1px; width: 160px;}/* width: 160px; - eto shirina elementa , ostal'noe v etoi stroke ne trogat'!!!*/
.thumb2_block img{ display: block; background: #E4E4E5; margin: 0 auto; }/*zadaem svoistva imadgei, back, viravnivanie po seredine elementa spiska*/
.thumb2_block a img{ border: 1px solid #83A5F1; }/*zadaem border imadgu*/
.thumb2_block a:hover img{  border: 1px solid #000; }/*zadaem border imadgu pri hover*/
.thumb2_block .descr{ display: block; line-height: 20px; text-align: left; }/*visota opisania*/
.thumb2_block .descr a{ background: url(images/bullet_dvd.gif) no-repeat 5px 7px; padding: 0 0 0 12px; }/*zadaem back dlya opisania (ico_dvd.gif), i sdvigaem vpravo opisanie, chob ne napolzalo na ikonku*/
/*stili dlya textovih ssilok berutsa global'nie*/
/* okonchanie blocka thumb s dvd ikonkami*/

.recip{ margin: 10px 20px; background: #E3E4E4 url(images/recip.gif) repeat-x top; color: #344395; border-bottom: 1px solid #EAEAEA; line-height: 36px; text-align: center; }

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 161px;
	background: url(images/footer_bg.gif) repeat-x bottom;
	font-size: 14px;
	overflow: hidden;
}
#footer .fpadd{ width: 990px; height: 161px; margin: 0 auto; background: url(images/footer_img.png) no-repeat center 47px; }
.ftext{ padding: .4em 0; text-align: justify; height: 34px; }
.fbook{ text-align: center; font-size: 14px; font-weight: 700; line-height: 25px; }
.fbook a{ display: block; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{color: #fffaa3; text-decoration: none;}
#footer a:hover{ color: #fff;}
.fta{ font-size: 11px; padding: 13px 0 0 470px; height: 53px; overflow: hidden;}

.fliks{ font-size: 11px; padding: 8px 0 0; text-align: right; }
.fliks a{ padding: 0 10px; border-left: 1px solid #6576FF; }


* html #wrapper,
* html #footer {
	width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'');
}
