@import url(reset.css);
@import url(debug.css);
@import url(pages.css);
@import url(form.css);

.clear{clear:both;}


body
{
	background: #fff;
	font-family: Arial, Tahoma, sans-serif;
}

a
{
	color: #08c;
}

a:hover
{
	color: #E00404;	
}

strong
{
	font-weight: bolder;
}

small
{
	font-size: .85em;
}

#flow, #flower
{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	background: #fff url('../img/bg_shadowl.png') repeat-y left;
	padding: 0 0 0 20px;
}

#flower
{
	padding: 15px 20px 0 0;
	background: #fff url('../img/bg_shadowr.png') repeat-y right;	
}

#home
{
	float: left;
	padding: 5px 10px;
	width: 90px;
}

#home a, #home strong 
{
	display: block;
	float: left;
	padding: 4px;
	margin: 4px;
}

#home strong
{
	border-bottom: 2px solid #ffcc59;
}

#header
{
	background: #ed1c24;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;	
}

#logo
{	
	padding: 0;
	position: relative;
	left: 0px;
	float: left;
}

#people
{
	float: right;
	background: url(/-/img/bg_people.png) no-repeat right;
	width: 708px;
	height: 103px;
}

#menu
{
	background: #ffcb55 url('../img/bg_menu.png') repeat-x;
	padding-left: 105px;	
}

	#menu li
	{
		float: left;
	}
		#menu li a, #menu li a div 
		{
			display: block;
			padding: 8px;
			float: left;
		}

		#menu li a em{display: none;}

		#menu li a.active, #menu li a.opened, #menu li a.active:hover{background: url(../img/bg_menu_active.gif) no-repeat center bottom;}
		#menu li a:hover{background: url(../img/bg_menu_hover.gif) no-repeat center bottom;}

			#menu li a.active:after{background: url(../img/bg_menu_arrow.gif);}
		
	#menu li{background: url(../img/menu_divider.gif) no-repeat right; padding: 0 4px 0 0;}
	#menu li#menu_contacts{background: none;}


#body
{
	 background: #fff url(../img/bg_content.gif) repeat-x top;
}

#proposal
{
	float: left;
	width: 460px;	
}

#wn
{
	height: 200px;
	float: left;
}

#scroll_right{float: right;}
#scroll_left{float: left;}

#services
{
	/*width:2000px !important;
	width:2000px;*/
	padding:0;
}

#services li
{
	text-align: center;
	float: left;
	margin: 0 18px 0 19px;	
}

#services img
{
	padding: 15px;
	background: #fff url(../img/bg_service_shadow.png) no-repeat bottom;	
}

#services li a
{
	text-decoration: none;
	color: #777;
	font-size: .8em;
	text-align: center;
	margin: 0 10px;
}
	
#services li a:hover img
{
	background: #fff url(../img/bg_service_frame.png) no-repeat top;
}

#services li a:hover
{
	color: #FB3432;
}


#services li strong
{
	font-size: .85em;
	padding-top: 10px;
	display: block;	
}




#additional
{
	margin: 1em;
}

#additional li
{
	display: block;
	float: right;
	margin-right: 15px;
	font-size: .77em;	
}

#additional li a{color: #3e1213;}
#additional li a:hover{color: #E00404;}

#infonews
{
	float: right;
	width: 487px;
/* 	border: 1px solid red; */
}

#advices
{
	background: #eb252d url(../img/bg_advices.png) no-repeat;
	width: 367px;
	height: 171px;
	clear: both;
	color: #fff;
	font-size: .8em;
	padding: 140px 20px 0 100px;
	margin-top: 2em;	
}

	#advices h2{font-size: 2em;}
		
		#advices h2 a{color: #fff;}
		#advices h2 a:hover{text-decoration: none;}

	#advices p{padding: 20px 0;}

	#advices a{color: #f9ef03;}

	#advices a:hover{color: #fff;}


div#news
{
	padding-top: 4em;
}

dl.news
{
	padding: 0;
	clear: both;
}

dl.news dt
{
	color: #959595;
	font-size: 2em;
	font-weight: bolder;
	float: left;
	width: 44px;
	padding: 0 8px;
	clear: both;
	text-align: center;
}

dl.news dt strong
{
	float: left;
	color: #fff;	
	background: #ffcd5c;
	font-size: .35em;
	font-weight: normal;
	display: block;
	width: 44px;
	padding: 2px;	
}

dl.news dt.last{color: #606a74}
dl.news dt.last strong{background: #e01c23;}

dl.news dd.last a{color: #333}
dl.news dd.last a:hover{color: #E00404;}



dl.news dd
{		
	padding: 8px 8px;
	font-size: .8em;
	width: 385px;
	margin-bottom: .5em;
	float: left;
}

dl.news dd a
{
	display: block;
	line-height: 1.4em;
}

dl.news dt, dl.news dd{margin-top: 0px;}

.flags
{
	padding: 2em 0;
}

.flags h2
{
	background: transparent url(../img/bg_flagend.gif) no-repeat right top;
	padding-right: 44px;
	height: 34px;
	float: left;
}

.flags h2 strong
{
	background: #e10404;
	color: #fff;
	padding: 4px 40px;
	display: block;	
	height: 21px;
	float: left;
	margin-top: 5px;	
}

.catalog_items
{
	font-size: .8em;
	width: 470px;	
}

.catalog_items a
{
	display: block;
	line-height: 1.4em;
}

.catalog_items img
{
	background: transparent url(../img/bg_frame.gif) no-repeat;
	padding: 15px;	
}

.catalog_items img:hover
{
	background-image: url(../img/bg_corner.png);
}

.catalog_items .item
{
	padding: 20px 20px 20px 40px;
	float: left;
	width: 170px;
}

.item .title
{
	margin: .9em 0 0 .8em;
}

.price
{
	margin-top: .9em;
}

.price big, .price strong 
{
	display: block;
	float: left;
	color: #fff;
	background: #e10404 url(../img/bg_price.gif) no-repeat;	
	padding: 8px 15px;
}

.price strong
{
	line-height: .7em;
	font-size: .9em;
	color: #000;
	font-weight: normal;
}

	.price big small
	{
		font-size: 85%;
	}

.price big
{
	font-size: 1.2em;
	text-align: right;
}

.price big.single
{
	background: #e10404 url(../img/bg_prices.gif) no-repeat;
	width: 52px;	
}

.price strong
{
	background: #feca53 url(../img/bg_pricer.gif) no-repeat;
	width: 66px;		
	height: 11px;
	padding: 10px 5px;
}

.price strike
{
	display: block;
	margin: .2em 0 0 .8em;
}

#footer
{
	font-size: .7em;
	line-height: 1.3em;
	margin-top: 50px;

	color: #4a2106;
	
	
	background: #fdc64f url(../img/bg_footer.png) repeat-x top;
	
}

#footer p
{
	margin: 0 0 1.5em 0;
}

#copy
{
	font-size: 1.65em;
	color: #bf2e1a;
	float: left;
	padding: 20px;
	width: 700px;
}

	#copy address
	{
		color: #4a2106;
		font-size: .55em;
		margin-top: .8em;
	}
	
		#copy address strong
		{
			font-weight: normal;
			margin: 0 20px 0 10px;
		}

#logo-small
{
	float: left;
	width: 160px;
	background: transparent url(../img/bg_footer_divider.gif) no-repeat right;
}

#logo-small div
{		
	padding: 15px 0 15px 30px;
}

#logo-small strong
{
	margin-left: 10px;
}

#infooter
{
	background: url(../img/bg_alternate.png) no-repeat 180px bottom;
}

	#infooter a:hover
	{
		text-decoration: none;
	}

#alternates
{	
	float: left;
	color: #fff;
	font-size: 1.2em;
	margin: 40px 0 0 40px;
	/*position: relative;
	top: 100px;
	border: 1px solid blue;
	left: 200px;*/
}

#alternates a
{
	color: #fff;
	margin: 0 10px;
}

.more
{
	font-size: 120%;
	text-decoration: none;
	font-weight: bolder;
}

.left{float: left;}
.right{float: right;}

.notice
{
	clear: both;
	width: 700px;
}

	.notice p
	{
		line-height: 1.5em;
	}

	.notice .date, #article .date
	{
		color: #999;
		font-size: .7em;
		padding: 2em 0;
	}

	.notice .img, #article .img
	{
		float: right;
		margin: 0 0 8px 50px;
	}
	
		.notice .img img, #article .img img
		{
			padding: 4px;
			border: 1px solid #eee;
		}

	 .img small
	 {
	 	display: block;
	 	width: 250px;
	 }

#article
{
	line-height: 1.5em;
	font-size: .8em;		
}

	#article p
	{
		margin-bottom: 1em;
	}
	
	#article ul
	{
		list-style-type: circle;
		margin: 1em 3em;
	}
	
a#art
{
	position: relative;
	top: 20px;
	left: -50px;
	text-decoration: none;
	display: block; 
	float: right;
	background: url(/-/img/id/ideil.png) no-repeat;	
}
a#art:hover
{
	background: url(/-/img/id/ideil-hover.png) no-repeat;
}

