* {
	margin:0;
	padding:0;
	font:12px Verdana,Arial,sans-serif;
}
body{background-color:#fff;}
img {border:none;}
td, th {text-align:center;}
ul,li {list-style-type:none;}
strong {font-weight:bold;}
sub, sup {font-size:10px;}
#content ul {
margin:20px 10px 10px 20px;
}
#content li {
background: url('../i/li.png') no-repeat;
padding:0 0 0 20px;
min-height: 30px;
}
*html #content li {padding:10px 10px 10px 20px;}
#container {
	margin:0 auto;
	width : 990px;
	position : relative;
/*	border-right:1px solid #5F8FB3;*/
}

.clear {clear:both;}

a {background:#fff;color:#0989C6;text-decoration:none;padding:0 0 2px;outline:none;}
a:hover {background:#0989C6;color:#fff;}

#content .gal p {float:left;padding:20px;margin:0;width:200px;display:block;
font: bold 13px Tahoma,sans-serif;
	text-align:center;
	color: #124cca;}
	
#content .gal2 p {float:left;padding:10px;margin:0;width:70px;display:block;
font: bold 13px Tahoma,sans-serif;
	text-align:center;
	color: #124cca;}

#header {
	height:300px;
	width:100%;
	position : relative;
	background : url('../i/head-bg.jpg') no-repeat top right;
	overflow:hidden;
}

#header h2 {
	position : absolute;
	background : url('../i/head.jpg')  no-repeat;
	left:0;
	top:0;
	width:675px;
	height:289px;
	padding-top:300px;
}

#header a h3 {
position:absolute;
background:url('../i/logo.jpg')  no-repeat;
left:131px;
top:71px;
width:230px;
height:146px;
padding-top:1000px;
overflow:hidden;
cursor:pointer;
display:block;
}

#header h3 {behavior:url('http://m2.cn.ua/css/hover.htc');}
#header h3.hover, #header h3:hover {background:none;}

h4#h4 {
position:absolute;
background:url('../i/h44.jpg') no-repeat;
top:230px;
left:0;
width:255px;
height:205px;
padding-top:300px;
display:block;
overflow:hidden;
z-index:1;
}

#menu h4 {
font:bold 30px Trebuchet MS;
text-align:center;
padding:5px;
color:#0989C6;
/*---------------------------------*/
background:#fff;
}

#menu {
width:250px;
margin-top:150px;
float:left;
margin-left:-990px;
position:relative;
z-index:2;
}
#menu li {
/*---------------------------------
                                                    	position:relative;*/}
#menu ul {
/*---------------------------------*/
                                                        position:relative;}

#menu ul li{position:relative;
/*---------------------------------*/
/*	display:block; */
background-color:#ececec;
														margin:0;}										
/*-------------ВАЖНО--------------------*/

*html #menu ul li{
		height:29px;
		display:block;
		position:relative;
}


*html #menu li.lihover {
		height:25px;
		line-height:20px;
		display:block;
		background:#ececec;
		border:none;
		margin:0;
		padding:0;
		position:relative;
}

*html #menu li.lihover a {height:20px;}

*html #menu ul li a:hover {height:10px;position:relative;}

/*-------------ВАЖНО--------------------*/

#menu ul li{
behavior:url('http://m2.cn.ua/css/hover.htc');
}

#menu li a{
	display:block;
    width:245px;
	padding:5px 0 5px 5px;
	font:bold 14px Trebuchet MS;
	color:#0989C6;
	position:relative;
	border-bottom:1px dashed #0989C6;
	/*---------------------------------*/
}

#menu ul li a{
padding-left:15px;
width:230px;
background-color:#ececec;
border-left:5px solid #0989C6;}

#menu ul li a:hover {background:#0989C6;}

#menu ul li.lihover ul li a, #menu ul li:hover ul li a
 {background:#ececec;color:#0989C6;}
 
#menu ul li.lihover a, #menu ul li:hover a {
background:#0989C6;
color:#fff;
}

#menu ul li.lihover ul li a:hover, #menu ul li:hover ul li a:hover
 {background:#0989C6;color:#fff;}

#menu ul li ul {display:none;padding:3px;}

#menu ul li.lihover ul, #menu ul li:hover ul{
background:#0989C6;
position:absolute;
top:0;
left:250px;
z-index:100;
display:block;
}

#menu ul li ul li a{width:210px;border-left:none;padding:2px;}
#menu ul li ul li, #menu ul li ul li a:hover {height:23px;background:#ececec;}
#menu ul li ul li a.last{border:none;height:19px;}
#menu li a:hover {color:#fff;}
#menu li a.sel {color:#fff;background:#0989C6;}

#p1,  #p5,  #p6,  #p7, #p9, #p11, #p12, #p14{
height:0px;
overflow:hidden;
}

#wrapper {width:100%;float:left;}

#content {
	margin:0 255px 0 255px;
	width:480px;
	padding-bottom:10px;
	min-height:900px;
}

#content h1 {
	font: bold 18px Tahoma,sans-serif ;
	text-align:center;
	color: #124cca;
	padding-bottom:10px;
}

.hr{
background:url('../i/hr.jpg') repeat-x;
height:48px;
clear:both;
}

.hr span{
background:url('../i/hr-right.jpg') no-repeat top right;
height:48px;
display:block;
}

.hr i{
background:url('../i/hr-left.jpg') no-repeat top left;
height:48px;
width:19px;
display:block;
float:left;
}

#content img {
margin:0 auto 5px;
border:5px solid #fff;
}

#content img {
margin:0 auto 5px;
border:5px solid #fff;
}

#content img.no {
padding:5px;
border:none;
}

#content a img {
border:5px solid #ececec;
}

#content a:hover img {
border:5px solid #7ECAFE;
}

a.no, a.no:hover {
border:none;
padding:0;
background:none;
}

#content img.left {
float:left;
margin-right:10px;
}

.left {float:left;}

#content img.right {
float:right;
margin-left:10px;
}

#content h1 span {
	font: 900 35px/35px Tahoma,sans-serif ;
}

#content h3 {
    font: bold 18px Tahoma,sans-serif ;
	text-align:center;
	color: #124cca;
	padding-bottom:10px;
	clear:both;
	padding-top:20px;
}

#content h4 {
    font: bold 14px Tahoma,sans-serif;
	text-align:center;
	color: #124cca;
	padding-bottom:10px;
	clear:both;
	padding-top:20px;
}

#content h5 {
    font: bold 12px Tahoma,sans-serif ;
	color: #124cca;
	padding:10px 0 10px 20px;
}

p {
	margin:10px;
	text-align:justify;
}

.divright {
margin-top:40px;
float:right;
width:500px;
}

#content p {
padding-top:10px;
}

#news {
width:250px;
float:left;
margin-left:-250px;
background:#7ECAFE;
display:block;
}

#news a {font-weight:bold;color:#0B44D3;background:none;text-decoration:underline;}
#news a:hover {color:#fff;}

#news a img {
border:5px solid #fff;
}

#news a:hover img {
border:5px solid #0989C6;
}

#news li {
padding-bottom:10px;
border-bottom:1px dashed #fff;
}
#news li p {
font:bold 11px Verdana,Arial,sans-serif;
margin:5px 10px;
}

#news li p strong {font:bold 11px Verdana,Arial,sans-serif;}

#news li.last {
border:none;
height:50px;
padding-top:20px;
}

#news h6 {
  margin:10px;
	font: bold 16px Trebuchet MS;
}

#news li p strong.price {color:red;font-size:14px;}

#news a.more {
text-align:right;
margin:20px 10px 10px 150px;
}

#footer {
	clear:both;
	border-top:2px solid #7ECAFE;}
	
#footer a {
font:12px Trebuchet MS;
background:none;
color:#fff;
padding:0;}

#footer a:hover {
background:#0989C6;
color:#fff;
text-decoration:underline;
}

#footer i {
font:12px Trebuchet MS;
background: url('../i/footleft.jpg') bottom left;
padding:0 10px;
width:222px;
display:block;
float:left;
}
#footer span {
font:12px Trebuchet MS;
padding:0 10px;
margin-left:748px;
background: url('../i/footright.jpg') bottom right;
width:222px;
display:block;
text-align:right;
}
*html #footer span {margin-left:745px;}
#footer b {
font:12px Trebuchet MS;
padding:0 10px;
margin-left:10px;
float:left;
}

#topmenu {
position:absolute;
top:235px;
right:20px;
}
#topmenu li {
float:left;
height:20px;
margin-left:20px;
}
#topmenu li a{
color:#fff;
background:#7BC9FF;
text-decoration:underline;
padding:0 0 1px 10px;
display: block;
float: left;
outline:none;
}

#topmenu li a b {
font:18px Trebuchet MS;
display: block;
line-height: 20px;
padding:0 10px 0 0;
}

#topmenu li a:hover{
background: url('../i/menu-back.jpg') 0% 0% no-repeat;
height:20px;
color:#0989C6;
text-decoration:none;
}

#topmenu li a:hover b{
background: url('../i/menu-back.jpg') 100% 0% no-repeat;
}

fieldset {border:#999 1px solid;color:black;font:13px/1 arial,sans-serif;margin:0;padding:3px 0 0;}
legend {color:#999;padding:5px;margin:0 0 0 10px;}
fieldset {#padding:0;#position:relative;#top:10px;}
legend {#margin:0 0 -7px;#position:relative;#top:-12px;#left:3px;}
#form_email {margin:30px 0 15px 100px;width:490px;}
#form_email p {margin:0 0 2px;padding:0;}
#form_email label {float:left;font:12px/1 arial,sans-serif;padding:7px 0 0 25px;margin:2px 0 0;}
#form_email .tema,
#form_email .name,
#form_email .email,
#form_email .cod {
  background:url(../i/pencil.png) 2px 1px no-repeat #fff;
  border:#999 1px solid;
  color:#777;
  float:right;
  margin:0 5px 2px 0;
  padding:0 0 4px 22px;
  width:345px;
  height:15px;
}
#form_email .cod {width:215px;}
#form_email .tema,
#form_email .name,
#form_email .email,
#form_email .cod {padding:3px 0 4px 22px;height:12px;}
#form_email textarea {
  background:url(../i/pencil.png) 2px 1px no-repeat #fff;
  border:1px #999 solid;
  color:#777;
  float:right;
  margin:0 5px 2px 0;
  padding:10px 0 0 22px;
  width:455px;
  height:265px;
}
#form_email img {
  border:none;
  float:right;
  margin:1px 2px 2px 0;
  width:120px;
  height:19px;
}
#form_email .submit,#form_email .search {
  background:#fff;
  border:#999 1px solid;
  color:#777;
  float:right;
  font:13px/1 arial,sans-serif;
  margin:0 5px 2px 0;
  width:479px;
  height:22px;
}
#form_email .search {width:70px;}
html:root #form_email .tema,
html:root #form_email .name,
html:root #form_email .email,
html:root #form_email .cod {padding:1px 0 0 22px;height:18px;}

.prim {margin:5px 0 5px 100px;
padding:3px;
width:75%;}

	table.tabl {
		border:1px solid #666;
		margin:10px auto;
		clear:both;
	}

	table.tabl td {
		font:11px "lucida grande", verdana, sans-serif;
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
		text-align:center;
		height:20px;
	}
	
	table.tabl tr.odd {background:#EDF3FE;text-align:center;}
	table.tabl tr.top td {background:#ececec;text-align:center;font-weight:bold;}
	
	table.tabl th {
	    font: bold 11px "lucida grande", verdana, sans-serif;
		background-color: #3d80df;
		color: #fff;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
		height:20px;
		padding: 3px 8px;
		text-align:center;
	}