/*
General css-file
for yarluch.ru
by BUZZfriends.ru
author: Alex Balaboshko
http://validator.ru
date: 24.11.2006
 */
  
  
/* global reset */ 

body
	{
		margin: 0;
		padding: 0;
		border: 0;
		background: #2e2e2e url(../images/body_bg.gif) 50% -3px repeat; 
		text-align: center;
	}

#holder
	{
		margin: 42px auto 0 auto;
		text-align: left;
		width: 746px;
		background: transparent url(../images/ruler.gif) 0 0 repeat-x;
	}



.front #holder
	{
		width: 898px;
	}		
	
	
.front #moveDivContainer
	{
		position: absolute;
		z-index: 1;
		overflow: hidden;
		height: 200px;
		width: 100%;
		padding: 0;
		margin: 0;
		left: 0;
		top: 0;
	}	

.front #moveDivLeft, .front #moveDivRight, .front #moveDivCenterTop, .front #moveDivCenterBottom, .front #moveDivCenter
	{
		position: absolute;
		left: 0px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		font-size: 1px;
	}
	
.front #moveDivLeft, .front #moveDivRight, .front #moveDivCenterTop, .front #moveDivCenterBottom
	{
		z-index: 10;
		-moz-opacity: 0.55;
		opacity: 0.55;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 55);
		background: #000000;
	}

.front .absoluteLinks
	{
		position: absolute;
		z-index: 10000;
		margin-top: -50px;
		background: none;
		height: 200px;
	}
	
.front .absoluteLinks a, .front #col .absoluteLinks a
	{
		height: 200px;
		background: transparent url(../images/tr.gif) 0 0 repeat;
	}

.front #sidebar .absoluteLinks, .front #sidebar .absoluteLinks a
	{
		height: 372px;
	}	

.front .absoluteLinks .em a
	{
		z-index: 0 !important;
	}

.front #tools li 
	{
		margin: 8px 0 0 14px !important;
		display: block;
		float: left;
	}



.front .absolutelink
	{
		position: absolute;
		display: block;
		width: 3em;
		height: 11px;
		z-index: 10000;
		top: 16px;
		/*left: 55px;*/
	}




/* header */	

#header
	{
		height: 81px;
		padding: 0 12px 0 0;
		background: transparent url(../images/ruler.gif) 0 100% repeat-x;
	}	

.front #header
	{
		height: 148px;
		padding: 0;
	}
	
#tools	
	{
		width: 320px;
		height: 30px;
		overflow: hidden;
		position: absolute;
	}
	
#tools ul
	{
		display: block;
		margin: 5px 0 0 15px; padding: 0;
		list-style: none;
		width: 320px;
	}	

#tools li
	{
		display: block;
		margin: 0 10px 0 0; padding: 0;
		float: left;
	}	
	
#tools a
	{
		margin: 0; padding: 0;
		color: #ccc;
		font-size: 9px;
		text-decoration: none;
		text-transform: lowercase;
	}		
	
#tools a:hover
	{
		color: #fff;
	}	

#tools a strong
	{
		margin: 0; padding: 0;
		font-weight: normal;
		display: block;
		margin: 4px 0 0 0;
	}
	
#tools .rus
	{
		margin-left: 57px;
	}

#tools .eng
	{
		padding: 0 2px 2px;
	}

#tools .act
	{
		background: #ff6733;
		padding: 0 2px 2px;
	}


#tools .rus a
	{
		color: #333;
	}

#tools .sitemap, #tools .sitemap a
	{	
		background: transparent !important;
		color: #ccc !important;
	}


#logo
	{
		width: 239px;
		height: 57px;
		margin: 15px 0 0 0;
		float: right;
	}

#logo a
	{
		display: block;
		width: 239px;
		height: 57px;
		width: 239px;
		height: 57px;
		/*z-index: 10000;*/
		position: relative;
	}	
	

.front #logo
	{
		width: 266px;
		height: 66px;
		margin: 42px -7px 0 0;
		float: right;
	}	
	
	
/* navigation */

#navigation
	{
		height: 47px;
		background: transparent url(../images/ruler.gif) 0 100% repeat-x;
		_padding-left: 1px;
	}
	
#navigation 	ul
	{
		margin: 0;
		padding: 0;
		height: 47px;
		overflow: hidden;
	}
	
#navigation li, #navigation li a
	{
		display: block;
		margin: 0;
		padding: 0;
		width: 100px;
		height: 46px;
		float: left;
		/* background: red; */
	}

#navigation li a
	{
		background: transparent url(../images/navigation.png) 0 0 no-repeat;
	}
	
/* navigation links text replacement images */	
	
#navigation .mark 			{	width: 123px;	}
#navigation .mark a			{	width: 120px;	background-position: -5px 0px;	}
#navigation .mark a:hover, 
#navigation .mark a.act
							{	background-position: -5px -46px;	}	

#navigation .catalog 		{	width: 148px;	}
#navigation .catalog a		{	width: 142px;	background-position: -137px 0px;	}
#navigation .catalog a:hover, 
#navigation .catalog a.act
							{	background-position: -137px -46px;	}	

#navigation .shops 			{	width: 159px;	}
#navigation .shops a			{	width: 159px;	background-position: -285px -0px;	}
#navigation .shops a:hover, 
#navigation .shops a.act
							{	background-position: -285px -46px;	}	

#navigation .life 				{	width: 162px;	}
#navigation .life a			{	width: 162px;	background-position: -442px -0px;	}
#navigation .life a:hover, 
#navigation .life a.act
							{	background-position: -442px -46px;	}	

#navigation .contacts 		{	width: 138px;	}
#navigation .contacts a		{	width: 138px;	background-position: -599px 0px;	}
#navigation .contacts a:hover, #navigation .contacts a.act
							{	background-position: -599px -46px;	}		
	

/* container */	
#content
	{
		clear: both;
		float: left;
	}
	
/* sub navigation */

#subnav
	{
		float: left;
		width: 253px;
		min-height: 300px;
		padding: 7px 0 0 0;
		overflow: hidden;
	}
	
#subnav ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

#subnav li
	{
		padding: 2px 0 7px 0;
		margin: 0;
		width: 234px;
		background: transparent url(../images/ruler.gif) 0 100% repeat-x;
	}

#subnav li a
	{ 
		padding: 0 0 0 12px;
		background: transparent url(../images/nav_l2_arrow.gif) 0 3px no-repeat;
	}
	
#subnav li a.act
	{
		background: transparent url(../images/nav_l2_arrow_act.gif) 0 3px no-repeat;
	}

#subnav li a.open
	{	
		background: transparent url(../images/nav_l2_arrow_open.png) 0 5px no-repeat;
	}	

#subnav li ul li a.act
	{
		background: transparent url(../images/nav_l2_arrow_act.gif) 0 3px no-repeat;
	}
	
	
#subnav li.last
	{
		background: none;
		margin-bottom: -7px;
	}
	
#subnav li ul
	{
		margin: 0;
		padding: 5px 0 0 0; 
		background: transparent url(../images/ruler.gif) 0 5px repeat-x;
	}
	

#subnav li ul li a
	{
		margin: 0 0 0 20px;
	}

#subnav li ul ul li a
	{
		margin: 0 0 0 35px;
	}		
	
/* subnav announce block */	
	
#subnav dt.announce
	{
		display: block;
		width: 241px;
		height: 50px;	
	}
	
#subnav dd
	{
		margin: 0;
		padding: 10px 0 0 0;
		background: transparent url(../images/ruler.gif) 0 10px repeat-x;
	}
	
#subnav dd.announce div
	{
		margin: 0;
		padding: 10px;
		background: #ffffff url(../images/block_bg.jpg) 0 100% repeat-x;
		border: 3px solid #ffffff;
	}	

#subnav .ill
	{
		margin: 0 auto 0 auto;
		display: block;
		width: 120px;
		clear: both;
	}
	
#news
	{
		width: 234px;
		padding: 10px 0 0 0;
		
	}

#subnav .readmore
	{
		display: block;
		width: 100%;
		clear: both;
		margin: 0 0 10px 0;
		padding: 0;
	}


	
/* main block */

#col
	{
		width: 493px;
		float: left;
		margin: 0 -18px 0 0;
	}	

#col .top
	{
		margin: 10px 0 0 0;
		height: 11px;
		width: 479px;
		font-size: 1px;
	}

#col #wrap h1
	{
		margin-top: 0;
	}	

#col .bottom
	{
		height: 11px;
	}
	
#article
	{
		margin: 0 50px 0 43px; 
		padding: 10px 0 50px 0;
		background: white; 
	}

*html #article
	{
		height: 1%;
		line-height: 1.2;
	}	

#article .contentpaneopen
	{
		display: block;
		clear: both;
		margin: 30px 0 0 0;
	}





/* footer */

#footer
	{
		margin: 77px 0;
		width: 100%;
		height: 100px;
		display: block;
		float: left;
		background: transparent url(../images/ruler.gif) 0 0 repeat-x;
	}




/* forms */
	
.regions
	{
		display: block;	
		margin: 18px 0 10px 0;
	}

.regions fieldset
	{
		margin: 0;	
		padding: 0 0 0 2px;
		border: 0;
	}

.regions fieldset select
	{
		margin: 0 0 7px 0;
		padding: 0;
		border: 1px sold #cccccc;
		display: block;
		width: 250px;
	}
	
.regions input.submit
	{
		display: block;
		width: 52px;
		height: 24px;
		background: orange url(../images/bt_find.png) 0 0 no-repeat;
		text-indent: -9999px;
		border: 0;
		padding: 0;
		margin: 0;
	}
	
/* illustrations */	
.map	
	{
		display: block;
		width: 350px;
		margin: 0 0 150px 0;
		padding: 0;
	}


/* cities list */	
#flt
	{
		clear: both;
		overflow: hidden;
		padding: 0 0 50px 0;
		margin: 0;
	}

#flt .clear
	{
		clear: both;
		height: 100px;
	}	

#article ul.cities, #bttmmenu ul, #bttmmenu1 ul
	{
		list-style: none;
		/* width: 129px; */
		overflow: hidden;
		/* float: left; */
		margin: 0;
		padding: 0;
	}
	
#article ul.cities li, #bttmmenu li, #bttmmenu1 li
	{
		margin: 0;
		padding: 0;
	}
	
#article ul.cities a, #bttmmenu a
	{
		margin: 0;
		padding: 0 0 0 10px;
		background: transparent url(../images/bullet_orange.png) 0 4px no-repeat;
	}	
	
		

/* CATALOG */

.catalog #article dl, #articleitem dl
	{
		display: block;
		clear: both;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

.catalog #article dt, .catalog #article dd, .catalog #articleitem dt, .catalog #articleitem dd
	{
		margin: 0;
		padding: 0 0 2px 0;
		border: 1px solid #fff;
		display: block;
		width: 200px;
		float: right;
	}

.catalog #article dd, .catalog #articleitem dd
	{
		margin: 0 -1px 13px 0;
	}
	
.catalog #article dd.img, .catalog #article dd img, .catalog #articleitem dd.img, .catalog #articleitem dd img
	{
		width: 131px;
		float: left;
	}

#article dd.img img
	{
		border: 0;
	}
	
.catalog #article dd.more
	{
		margin-top: -30px;
	}


	

/* CATALOG item */

.item #col
	{
	
		clear: both;
	}
	
.item #content
	{
		width: 100%;
	}
	
.item #content
	{
		background: transparent url(../images/catalog/item3.jpg) 20px 0 no-repeat; /* alex 25.12.2006 */
	}
	
.item #colitem
	{
		float: left;
		width: 746px;
		margin: 0;
	}
	
.item #articleitem
	{
		margin: 0;
		padding: 10px 70px 0 70px;
	}
	
.item #articleitem p
	{
		margin: 10px 0 0 0;
		padding: 0;
	}	
	
.item #colitem .topitem
	{
		height: 7px;
		margin: 10px 0 0 0;
		padding: 0;
		background: transparent url(../images/item_top.gif) 0 100% no-repeat;
	}
	
*html .item #colitem .topitem
	{
		margin: 1px 0 0 0;
	}	

.item #colitem .bottomitem
	{
	
		height: 7px;
		margin: 0;
		padding: 0;
		background: transparent url(../images/item_bttm.gif) 0 0 no-repeat;
	}

.item #colitem #wrapitem
	{
		background: #ffffff;
	}
	
.item #details
	{
		clear: both;
	}

.item #articleitem dt, .item #articleitem dd, .item #articleitem h2
	{
		width: 100%;
		float: left;
	}	

.item #articleitem p img
	{
		float: right;
		margin: 0 10px 0 20px;
		width: 200px;
		height: 135px;
	}
	
	

.item #catnav
	{
		background: #ff6833 url(../images/ruler.gif) 0 100% repeat-x;
		clear: both;
		height: 75px;
		width: 100%;
		margin: 0;
		padding: 0;
	}

#catpromo
	{
		width: 238px;
		height: 75px;
		background: transparent url(../images/vert_div.gif) 100% 20px no-repeat;
		float: left;
		overflow: hidden;
	}
	
#catpromo a
	{
		width: 238px;
		height: 75px;
		background: transparent url(../images/cat_promo.gif) 0px 1px no-repeat; 
	}	

#catpromo img
	{
		display: block;
		float: left;
	}
	
#catpromo h3
	{
		font-size: 13px;
		text-indent: 0;
		float: left;
		margin: 20px 5px;
		padding: 0;
		width: 90%;
		display: block;
		color: #ffffff;
		font-weight: bold;
		text-transform: lowercase;
		text-align: center;
	}
	
*html #catnav
	{
		height: 76px;
		width: 100%;
	} 
	
#catscroll
	{
		width: 500px;
		height: 75px;
		background: transparent url(../images/cat_scroll_bg.jpg) 50% 2px no-repeat; 
		float: left;
	}	
	
.item #catwrapper
	{
		background: transparent url(../images/ruler.gif) 0 0 repeat-x;
		clear: both;
		height: 74px;
		overflow: hidden;
	}
	

.item #smimg
	{
		width: 450px;
		height: 286px;
		float: left;
		margin: 10px 0 0 10px;
		padding: 0;
	}
	
.item #smimg img
	{
		width: 450px;
		height: 286px;
	}
		

.item #catill
	{
		width: 286px;
		height: 286px;
		float: left;
		padding: 0;
		margin: 10px 0 0 0;
	}		
		
.item #catill img
	{
		width: 286px;
		height: 286px;
	}
	
.clear 
	{
		clear: both;
		font-size: 1px;
		height: 1px;
	}
	
#bttmmenu ul, #bttmmenu li
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}	

	
	
/* INDEX styles */



.front #sidebar
	{
		width: 267px;
		float: right;
		margin: 0 -16px 0 0;
	}

.front dl
	{
		margin: 0;
		padding: 0 0 10px 0;
		background: transparent url(../images/ruler_front.gif) 0 100% no-repeat;
	}
	
.front  dl dt
	{
		margin: 20px 0 0 0;
		width: 100%;
		display: block;
		height: 50px;
	}
	
.front dl dt a
	{
		position: relative;
		z-index: 10000;
		display: block;
		width: 100%;
		height: 50px;
		text-indent: -9999px;
	}

.front dl dt.fix a
	{
		z-index: 0;
	}
	
	
.front dd
	{
		width: 252px;
		margin: 0;
		padding: 10px 0 0 0;
		background: transparent url(../images/ruler.gif) 0 1px repeat-x;
	}
	
.front dd div
	{
		height: 346px;
		margin: 0;
		padding: 10px;
		background: #ffffff url(../images/block_bg.jpg) 0 100% repeat-x;
		border: 3px solid #ffffff;
		overflow: hidden;
	}
	
.front dd .contentpagetitle, .front dd .contentheading, .front dd .contentpaneopen, .front dd .readon, .front dd  div div
	{
		background: none;
		border: none;
		margin: 0;
		padding: 0;
		height: auto;
	}	

.front #sidebar .article_seperator{
	display: block;
	clear:both;
}
	
}

.front .ill
	{
		margin: 0 auto 0 auto;
		display: block;
		width: 120px;
		clear: both;
	}

.front #col
	{
		float: left;
		width: 640px;
	}
	
.front p
	{
		margin: 0 0 10px 0;
		padding: 0;
	}
	
.front #col .lft
	{
		width: 325px;
		float: left;
	}
	
.front #col .rgt
	{
		width: 310px;
		float: left;
	}	

.front #col dd div, .front #col  dd div
	{
		height: 115px;
	}
	
.front .wrap
	{
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
	}
	
.front .shops .wrap
	{
		background: transparent url(../images/block_ills/shops.png) 100% 100% no-repeat;
	}	
	
.front .catalog .wrap
	{
		background: transparent url(../images/block_ills/catalog.png) 100% 100% no-repeat;
	}	
	
.front .mark .wrap
	{
		background: transparent url(../images/block_ills/mark.png) 100% 100% no-repeat;
	}



#subnav .announce .contentpaneopen,  #subnav .announce .contentheading, #subnav .announce div div
	{
		background: none;
		border: none;
		margin: 0;
		padding: 0;
	}		
	
	
	
/* INDEX page HEADERS */

.front .announce a
	{
		background: transparent url(../images/headers/hd_announce.png) 11px 15px no-repeat;
	}

.front .life dt a
	{
		background: transparent url(../images/headers/hd_life.png) 11px 15px no-repeat;
	}	
	
.front .catalog dt a
	{
		background: transparent url(../images/headers/hd_catalog.png) 11px 15px no-repeat;
	}	
	
.front .shops dt a
	{
		background: transparent url(../images/headers/hd_shops.png) 11px 15px no-repeat;
	}	
	
.front .mark dt a
	{
		background: transparent url(../images/headers/hd_mark.png) 11px 15px no-repeat;
	}		
	
	



	
/* main  FORUM template styles */

.forum #loginforumdiv
	{
		position: absolute; 
		top: 270px;
		width: 200px; 
		left: 50%; 
		margin-left: -100px;
		display: none;
		border: 3px solid #ff6733;
		_top: 315px;
		_margin-left: -70px;
	}
	
.forum #loginforumdiv 
	{
		padding: 20px;
		background: #eee;
	}	

.forum #loginforumdiv table
	{
		border: 0;
	}	

.forum #loginforumdiv td
	{
		margin: 0; padding: 0;
	}

.forum #loginforumdiv td a
	{
		margin: 0; padding: 0;
		display: block;
		height: 18px;
	}	

.forum #loginforumdiv .inputbox
	{
		width: 100px;
	}	

.forum #searchbox .inputbox
	{
		width: 120px;
		border: 1px solid #999;
		margin-top: -5px;
	}	
	
.forum .logtinforum
	{
		margin: 0 40px;
		clear: both;
	}

.forum .logtinforum table
	{
		margin: 0;
		padding: 0;
		width: 200px;
	}	
	
.forum #mod_login_username
	{
	}

.forum #topmenu a
	{
		border: 0;
	}
	
.forum #topmenu a:hover
	{
		background: transparent;
		text-decoration: underline;
	}
	

.forum #content, .forum #col, .forum #article
	{
		margin: 0;
		width: 745px;
	}

	
.forum #joomlaboard
	{
		margin: 20px 40px;
	}


#joomlaboard table
	{
		border: 1px solid #ccc;
	}

#joomlaboard table table
	{
		border: 0;
	}	
	
#joomlaboard table tr
	{
		margin: 0 0 2px 0;
		background: #eee;
	}

#joomlaboard table .sectiontableheader
	{
		margin: 0 0 2px 0;
		background: #ff6733;
		color: #fff;
		padding: 5px;
	}	
	
#joomlaboard table .sectiontableentry2, #joomlaboard table .sectiontableentry2 table  tr
	{
		margin: 0 0 2px 0;
		background: #ddd;
	}

#joomlaboard table .sectiontableheader a
	{
		color: #fff;
	}
	
.projectimage
	{
		width: 90px;
		height: 90px;
		float: left;
		margin: 0 5px 0 0;
		border: 1px solid #cccccc;
	}
	
.projectimage img, #comcategoryphoto img 
	{
		border: 0;
	}	
	
.projectmore
	{
		width: 350px;
		height: 25px;
		clear: both;
		margin: 0 0 20px 0;
	}	
	
.projectmore a
	{
		margin: 0;
		float: right; 
	}
	
#comprojectcategory .projectdesc
	{
		width: 250px;
		float: left;
	}

.projectdesc p
	{
		margin-top: 0;
	}	
	
.projecthead	
	{
		width: 350px;
		margin-bottom: 10px;
		clear: both;
	}	
	
/* FORM */	

#article form	
	{
	 margin: 0;
	 padding: 0;
	}
	
#article form .labeltext
	{
		padding: 0;
		margin: 0 0 10px 0;
	}

	
#article .field
	{
		clear: both;
		display: block;
		width: 365px;	
		padding: 5px 0 5px 0;
		overflow: hidden;
	}
	
#article .fieldsubmit
	{
		width: 365px;
		border: 0;
		clear: both;
	}
	
#article .fieldsubmit input
	{
		float: right;
		margin: 0 0 30px 0;
	}

#article .field input
	{
		width: 180px;
		float: right;
	}
	
#article .field label
	{
		float: left;
		width: 130px;
	}	
	
#article .field textarea
	{
		width: 180px;
		float: right;
	}	
	
/* #article .fieldsubmit input
	{
		background: #ff6733;
		width: 75px;
		float: right;
		margin: 0 0 10px 0;
		padding: 3px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		border: 0;
		font-size: 12px;
	} */

#article fieldset
	{
		margin: 0;
		padding: 0;
		border: 0;
		width: 100%;
		clear: both;
	}	

#news dl .createdate em
	{
		font-size: 90%;
		margin: 5px 0 0 0;
		display: block;
	}

#article .createdate em
	{
		margin: 5px 0 5px 0;
		display: block;
	}	
	
#news dl p
	{
		margin: 3px 0 10px 0;
	}	
	
	
.gallery_image {
	overflow: hidden;
}

.gallery_image img {
	width: 398px;
}

#comcategoryphoto .controller {
	width: 8em;
	text-align: right;
	float: right;
} 

#comcategoryphoto .gallery_image {
	clear: both;
	margin: 3px 0 5px 0;
	_width: 370px;
}

.catalog #news .article_seperator {
	clear: both;
	display: block;	
}