* {margin: 0; padding: 0;}

body {
	font: 12px Tahoma, Verdana, sans-serif;
	text-align: center;
	color: #45494a;
	background: #505556;
}

a:link, a:visited, a:active, a:hover {color: #2cadd5; text-decoration: underline;}
a:hover {color: #fff; }

img {border: none;}
input, img, select {vertical-align: middle;}
ul li{list-style: none;}
.clear{clear: both;}

#wrapper {
	width: 100%;
	min-width: 1000px;
	background: #505556 url(images/cont_bg.gif) repeat-y left;
	text-align: left;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 144px;
	background: #4DAECB url(images/header_bg.gif) repeat-x top;
}
#header .hbg1{ width: 100%; height: 144px; background: url(images/hright.png) no-repeat right top; }
#header .hbg2{ width: 100%; height: 144px; background: url(images/himg1.jpg) no-repeat left top; }
#header .hbg3{ width: 100%; height: 144px; background: url(images/hlogo.jpg) no-repeat 164px top; }

#header .hmenu{ float: left; padding: 0 0 0 164px; width: 560px; height: 28px; overflow: hidden; }
#header .hmenu li{ width: 95px; height: 28px; text-align: center; line-height: 28px; background: url(images/hmi_bg.png) no-repeat; float: left; font-weight: 700; }
#header .hmenu li a:link, #header .hmenu li a:visited, #header .hmenu li a:active, #header .hmenu li a:hover {color: #2cadd5; text-decoration: underline; display: block;}
#header .hmenu li a:hover { color: #f082ec; }

#header .hta{ float: right; width: 214px; height: 108px; padding: 32px 0 0; overflow: hidden; }
#header .hta p{ padding: 5px 10px; }

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 0 0 164px;
}
#content .title{ width: 100%; background: #373B3C url(images/title_bg.gif) repeat-x; height: 22px; line-height: 22px; color: #fff; }
#content .title h1{ font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 0 15px }

#content .thumbs{ width: 100%; text-align: center; font-size: 1px; padding: 5px 0; }
#content .thumbs img{ background: #505556; margin: 3px 2px; }
#content .thumbs a img{ border: 1px solid #2cadd5; }
#content .thumbs a:hover img{ border: 1px solid #fff; }

.fix_block{ width: 836px; margin: 0 auto; padding: 5px 0; text-align: center; color: #cacbcb; }
.fix_block li{ width: 152px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; position:relative;z-index:99; text-align: left; margin: 2px 6px; *margin: 2px 8px 2px 7px; text-align: left; }
.fix_block li img{ margin: 0 0 2px 0; }
.fix_block li a img{ border: 1px solid #2cadd5; }
.fix_block li a:hover img{ border: 1px solid #fff; }
.fix_block li span{ display: block; background: #373B3C; padding: 2px 3px; }
.fix_block li span a:link, .fix_block li span a:visited, .fix_block li span a:active, .fix_block li span a:hover {color: #2cadd5; text-decoration: underline;}
.fix_block li span a:hover { color: #fff; }

/*block thumb s dvd ikonkami*/
.thumb2_block{ width: 836px; margin: 0 auto; font-size: 12px; }/*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: #505556; margin: 0 auto; }/*zadaem svoistva imadgei, back, viravnivanie po seredine elementa spiska*/
.thumb2_block a img{ border: 1px solid #2cadd5; }/*zadaem border imadgu*/
.thumb2_block a:hover img{  border: 1px solid #fff; }/*zadaem border imadgu pri hover*/
.thumb2_block .descr{ text-align: left; background: url(images/ico_disk.gif) no-repeat 5px 3px; padding: 0 10px 0 28px; }
/*stili dlya textovih ssilok berutsa global'nie*/
/* okonchanie blocka thumb s dvd ikonkami*/


.prem{ width: 836px; margin: 0 auto; text-align: center; padding: 5px 0; }
.prem li{ width: 386px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; position:relative;z-index:99; text-align: left; margin: 2px 6px; *margin: 2px 8px 2px 7px; text-align: left; }
.prem li img{ margin: 3px 0; }
.prem li a img{ border: 1px solid #2cadd5; }
.prem li a:hover img{ border: 1px dashed #2cadd5; }
.prem li span{ font-size: 11px; }
.prem .prem_left{ width: 170px; float: left; }
.prem .prem_right{ width: 190px; float: right; }

.prem a:link, .prem a:visited, .prem a:active, .prem a:hover {color: #2cadd5; text-decoration: underline;}
.prem a:hover {text-decoration: none; }

.tb_r{ width: 100%; background: #E7E7E7 url(images/prem_right.gif) repeat-y right; }
.tb_lt{ width: 100%; background: url(images/tb_lt.gif) no-repeat left 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{ padding: 10px; background: url(images/tb_rb.gif) no-repeat right bottom; }

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 164px;
	margin-left: -100%;
	position: relative;
}
.sidebar .sbpadd{ padding: 0 1px 0 0; }

.sidebar .title{ width: 100%; background: #46494A; height: 21px; line-height: 21px; color: #fff; border-bottom: 1px solid #fff; }
.sidebar .title h1{ font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 0 15px; background: url(images/cat_bullet.gif) no-repeat 7px center; }

.categories{ padding: 10px; color: #4a4e4f; }
.categories span{ background: url(images/categories_bullet.gif) no-repeat right center; padding: 0 10px 0 0; }
.categories li{ margin: 0 0 10px; }
.categories li ul li{ margin: 0; }


.sidebar a:link, .sidebar a:visited, .sidebar a:active, .sidebar a:hover {color: #2cadd5; text-decoration: underline;}
.sidebar a:hover {text-decoration: none; }

.sidebar .thumbs{ text-align: center;  }
.sidebar .thumbs li{ margin: 5px 0; }
.sidebar .thumbs span{ display: block; }
.sidebar .thumbs a img{ background: #E7E7E7; border: 1px solid #2cadd5; }
.sidebar .thumbs a:hover img{ border: 1px dashed #2cadd5; }
.sidebar .thumbs span a:link, .sidebar .thumbs span a:visited, .sidebar .thumbs span a:active, .sidebar .thumbs span a:hover {color: #2cadd5; text-decoration: underline;}
.sidebar .thumbs span a:hover {text-decoration: none; }

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 150px;
	background: #5BC0DF url(images/footer_bg.gif) repeat-x bottom;
}
#footer .fpadd{ width: 100%; height: 150px; background: url(images/footer_mg.png) no-repeat left bottom; }
#footer .fleft{ width: 230px; height: 124px; padding: 0 0 0 135px; overflow: hidden; color: #e7e7e7; float: left; margin-left: -100%; position: relative; }
#footer .fleft p{ padding: 10px; }
#footer .fleft a:link, #footer .fleft a:visited, #footer .fleft a:active, #footer .fleft a:hover {color: #4db7fa; text-decoration: underline;}
#footer .fleft a:hover {text-decoration: none; }

#footer .fcont{ width: 100%; height: 124px; float: left;	overflow: hidden; }
#footer .fright{ padding: 0 0 0 370px; color: #2f3233; }
#footer .fright p{ padding: 10px 5px; }
#footer .fright .links{ text-align: right; }
#footer .fright a:link, #footer .fright a:visited, #footer .fright a:active, #footer .fright a:hover {color: #000; text-decoration: underline;}
#footer .fright a:hover {text-decoration: none; }

#footer .fmenu{ height: 26px; line-height: 26px; overflow: hidden; text-align: center; color: #e7e7e7; }
#footer .fmenu a:link, #footer .fmenu a:visited, #footer .fmenu a:active, #footer .fmenu a:hover {color: #e7e7e7; text-decoration: underline;}
#footer .fmenu a:hover {text-decoration: none; }

#dating {
	font-size: 12px; padding: 5px 0 5px 0
}
#dating p{ margin: 2px 0 2px 0; text-align: center}
#dating a img{ width: 160px; height: 150px; border: 1px solid #2cadd5}
#dating a:hover img{ border: 1px dotted #2cadd5}
#dating a{ color:#3366CC}



* html #wrapper,
* html #footer {
	width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'');
}
