/*struct*/
html, body{
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:12px;
	color:#000;
	background:#e7f2cc;
}

#AllDoc{margin:auto;padding:inherit;}

a{color:#018845;}
a:hover{color:#539507;}

a, textarea { font-family:Arial; font-size:12px; }

form { margin:0; padding:0; }

.fix{width:1000px;text-align:center;margin:auto;}
/*END struct*/

/*�����----------------------------------------------*/
#head{
	/*background:url(images/head_bg.jpg) repeat-x #549707;*/
}	
			
	#HeadInner{
		background:url(images/head_bg.jpg) repeat-x #549707;
		height:441px;
	}
	#HeadInner .hinner{
		/*background:url(images/MainImage.jpg) 42px 40px no-repeat;*/
		height:441px;
	}
		
		#Logo{position:absolute;left:12px;top:85px;}
		#Logo img{border:none;}
			
		#HeadInfo{
			margin:0px 0px 0px 615px;
			padding-top:15px;
			text-align:left;
			width:400px;
		}
			/*������� � �����-----------------------------------*/
			#HeadInfo .SubHeadMenu ul{
				width:100%; margin:0; 
				padding:0px 0px 0px 0px; 
				list-style:none;
				height: 170px;
			}
			#HeadInfo .SubHeadMenu ul li{padding-bottom:6px;}
			#HeadInfo .SubHeadMenu ul li a{color:#fff;text-decoration:none;}
			#HeadInfo .SubHeadMenu ul li a #Link1{border-bottom:1px solid #85c000;}
			#HeadInfo .SubHeadMenu ul li a #Link2{border-bottom:1px solid #f15469;}
			#HeadInfo .SubHeadMenu ul li a #Link3{border-bottom:1px solid #524bf8;}
			#HeadInfo .SubHeadMenu ul li a #Link4{border-bottom:1px solid #ad37ff;}
			#HeadInfo .SubHeadMenu ul li a #Link5{border-bottom:1px solid #c2b913;}
			
			/*������� �����������-------------------------------*/
			#AuthArea{
				position:absolute;
				left:0px;
				top:170px;
				text-align:right;
				width:124px;
			}	
				#AuthArea .register{color:#fff;padding-right:13px;}
				#AuthArea .register a{color:#fff;}
				#AuthArea .AuthBut{
					background:url(images/AuthButtomLeft.gif) no-repeat;
					text-align:center;
					padding:6px 0px 13px 0px;
				}
				#AuthArea .AuthBut span{border-bottom:1px dashed #000;cursor:pointer;}
			
			
			/*�������� � �����----------------------------------*/
			.star{
				background:url(images/star.jpg) no-repeat;
				width:19px;
				height:20px;
				position:absolute;
				left:309px;
				top:-10px;
			}
			.headInfTop{margin-top:10px;}
			.headInfMiddle{
				background:url(images/headInfMiddle.gif) no-repeat;
				padding:0px 0px 14px 9px;
			}
				.headInfMiddle h4{
					color:#fff;margin:0;
					padding:0px 0px 18px 10px;
					font-size:12px;
				}
				.headInfMiddle img{border:none;margin-right:10px;}
				.headInfMiddle div{width:340px;font-size:10px;color:#fff;}
		
		
/*��������------------------------------------------------------*/
#TopTrizzers{
	padding-top:9px;
	padding-bottom:9px;
	padding-left:15px;
}

.Trizer{
	float:left;
	width:247px;
}
	.Trizer .TrizerTop {
		width:237px;
		background:url(images/TrizerTop.gif) no-repeat;
		padding-top:8px;
	}	
	.Trizer .TrizerBottom {
		background:url(images/TrizerBottom.gif) left bottom no-repeat;
		padding-bottom:8px;
	}
	.Trizer .TrizerMiddle {
		background:url(images/TrizerMiddle.gif) repeat-y;
		padding:0px 10px 0px 10px;	
		font-size:10px;	
		text-align:left;
	}
	.Trizer .TrizerMiddle div {
		padding-bottom:5px;
	}
	.Trizer .TrizerMiddle a {
		font-size:11px;	
		font-weight:bold;
		color:#000;
		text-decoration:none;
	}		
	.Trizer .TrizerMiddle td {
		font-size:11px;
	}		
	.Trizer .TrizerMiddle table {
		height:75px;
	}		
	.Trizer .TrizerMiddle img {border:none;padding-right:15px;}
		
/*�����----------------------------------------------------------*/		
#footer {padding-top:35px;}		
#footer .BottomMenu{
	background:url(images/BottomMenuBg.gif) repeat-x;
	padding:7px 0px 7px 0px;
} 
#footer .BottomMenu span{padding-right:39px;padding-left:13px;}
#footer .BottomMenu a{color:white;}

	.BottomFooter{
		background:url(images/FooterBg.jpg) repeat-x #539607;
	}
	
	.flower{
		padding:35px 0px 35px 0px;
		float:left;
		width:100%;
	}
		
		.BottomFooter .copy1{
			float:left;
			width:327px;
			color:#fff;
			text-align:center;
		}
		
		.BottomFooter .copy1 table {margin:auto;}
		.BottomFooter .copy1 table td{padding-right:10px;}
		
		.BottomFooter .copy{
			float:left;
			width:216px;
			color:#fff;
			text-align:left;
		}
			.BottomFooter .copy a {color:#fff;}
			
			

/*�������� �������----------------------------------------------*/
#body{padding-left:33px;}

	.Paragraf{background:url(images/ParagrafLine.gif) left 12px repeat-x;text-align:center; padding-bottom:10px;}

	h2{
		font-size:18px; 
		margin:0px; 
		padding:0px 0px 8px 0px;
		font-weight:normal;
	}
		h2 a{font-size:18px;color:#018845;}
				
	.LeftCol{
		float:left;
		width:835px;
		text-align:left;
	}
	.LeftCol .lcinner{
		width:99%;
	}
	
	.ContentArea {padding-right:30px;}
	
	/*����� �����-------------------------------------------------------------*/
	.LeftCol img { margin-right:15px; }
	.LeftCol .VideoDiv { width: 478px; }
	.LeftCol .VideoDiv .inner {
		border:1px solid #539607;
		padding: 6px 6px 10px 6px;
		margin: 10px 0px 20px 0px;
	}
	.LeftCol .VideoDiv img { margin: 0; }
	.LeftCol .VideoDiv span { font-weight: bold; }
	.LeftCol .VideoDiv .video{ margin: 10px 0px; }
	
		.LeftCol .Info .pad{padding-right: 27px;}
		.LeftCol .Info{
			float:left;
			width:650px;
		}
		
		/*����� �������� �� �������--------------------------------------------*/
		.LeftCol .Questions{
			float:left;
			width:160px;
		}
		
		.LeftCol .Questions .pad{padding-right:1px;}
		.LeftCol .Questions .Items{padding-top:10px;}
		.LeftCol .Questions .item{padding-bottom:23px;}
		.LeftCol .Questions .Paragraf{width:138px;}
	
		/*����� ������ �� �������----------------------------------------------*/
		.LastArticlesIndex { margin-top: 10px; }
		.LeftCol .ListArticles .Itams { padding-top: 10px; }
		.LeftCol .Article td{padding-bottom:18px;}
		.LeftCol .Article .head {padding-bottom: 8px;}
		.LeftCol .Article td img{margin-right:20px;}
		/*.LeftCol .Article td span{font-size:12px;}*/
		.LeftCol .col{padding-right:38px;}
		
			.LeftCol .Cols{padding-bottom:35px;}
			
			/*����� �������-----------------------------------------------------*/
			.LeftCol .Info .Quizzee {
				float:left;
				width:245px;
			}
				.LeftCol .Info .Quizzee .Paragraf{
					width:150px;
				}
				
				.LeftCol .Info .Quizzee form{
					margin:0px;
					padding:03px 0px 0px 0px;
					line-height:25px;
				}
				
				.LeftCol .Info .Quizzee form input {
					margin: 0px 9px 0px 0px;
				}
				
				.LeftCol .Info .Quizzee form .QuizzeeSubmit {margin: 15px 0px 0px 20px; }
			
			/*����� �������� ��� ������-----------------------------------------*/
			.LeftCol .Info .ForumLast {
				float:left;
				width:375px;
			}
			
				.LeftCol .Info .ForumLast .Paragraf{padding-bottom:6px;}
				.LeftCol .Info .ForumLast .item {
					padding-top: 13px;
				}
				.LeftCol .Info .ForumLast .item span {font-size:10px; color:#999;}
		
	
	
/*����� �������--------------------------------------------------------------------*/	
.Chain {
	text-align:left;
	font-size:12px;
	padding: 8px 0px 20px 0px;
}

	.Chain a{font-size:12px; color: #000;}	
	
/*��������� ����������� � ������---------------------------------------------------*/	
.LastComments {
	margin-left: 600px;
}

.DetailArticel {
	float:left;
	width:600px;
	font-size: 1.1em;
}

	.DetailArticel .pad{padding-right:10px;}	

.ListArticles {
	float:left;
	width:580px;
}

	.ListArticles .pad{padding-right:10px;}	
	
	.LeftCol .LastComm { margin-bottom: 20px; }
	.LeftCol .LastComments .Items { margin-top:10px; }
	.LeftCol .LastComm td{ vertical-align:top; text-align:left; font-size:11px; font-style:italic; }
	.LeftCol .LastComm td img{ margin-right: 12px; border:none; }
	.LeftCol .LastComm td div{ padding-bottom: 5px; font-style: normal; }
	
/*������� �����*/ 
.ReadMore {
	/*float:left;*/
	/*width:279px;*/
	margin-left: 610px;
	margin-right:20px;
}

	.ReadMore .Items { padding-top: 18px; }
	.ReadMore .LastComm td{ font-style:normal; }

	
/*������������ ���������-------------------------------------------------------------*/
.Navigation { margin: 22px 0px 0px 0; }
	
	.Navigation a, .Navigation span { 
		display: block;
		float:left;
		width:20px;
		height:18px;
		background: #c9cac4;
		color: #06884c;
		text-align:center;
		text-decoration:none;  
		line-height: 18px;
		margin-right: 2px;
	}	
	
	.Navigation a, .Navigation a:hover {
		background: #018845;
		color: #fff;
		font-size:0.9em;
	}
	
	
/*����������� � ���������------------------------------------------------------------*/
.DetailComment {margin-bottom: 10px; width: 100%; }
.DetailComment td{ 
	vertical-align: top; 
	background: #c6e3a8; 
	padding: 15px 10px;
}	
.DetailComment td.AboutUser {
	width: 114px;
	font-size: 10px;
}
.DetailComment td.AboutUser a { font-size: 10px; }
		

.RightCol{
	float:left;
	width:135px;
	text-align:left;
	padding-top: 7px;
}

	.RightCol .binner {
		float:right;
		width: 135px;
	}
	
	.RightCol .Banner {
		width: 133px;
		height: 181px;
		background: #c7e699;
		margin-bottom: 27px;
		border: 1px solid #539507; 
	}

#DetailAnswer textarea{
	border: 1px solid #539507;
	width: 100%;
	height: 150px;
	
}
#DetailAnswer img {
	cursor: pointer;
}
.inptext, .table input, .table textarea {
	border: 1px solid #539507; 
	font-family: Arial;
}
.table textarea {
	width: 100%;
}
.inpbutton, .table .inpbutton {
	border: 0px;
	background: url(/bitrix/templates/.default/images/combutton.gif);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	height: 22px;
	width: 140px;
	font-family: Arial;
	position: relative;
	top:-2px;
}
.inpbutton:hover, .table .inpbutton:hover {
	background: url(/bitrix/templates/.default/images/combutton_active.gif);
}

.starrequired { margin-left: 4px; color: red; }

/*����� �����������----------------------------------------------*/
.AuthForm {
	position: absolute;
	left: 136px;
	top: 156px;
	z-index: 150;
}

.AuthForm .Form	{
	display: none;
	width: 210px;
	height: 188px;
	background: url(/bitrix/templates/.default/images/AuthBg.png);
	behavior:url(js/iepngfix.htc);
}
	.AuthForm .Form	.pad {padding:25px 0px 0px 18px;}
	.AuthForm .Form	.pad *{position: relative;}
	.AuthForm .Form	.pad table {width: 170px;}
	.AuthForm .Form	.pad .inp{
		color: #376009;
		font-size: 14px;
	}
	.AuthForm .Form	.pad form {margin:0px; padding: 0px;}
	.AuthForm .Form	.pad .inp td { padding: 0px 0px 7px 0px; }
	.AuthForm .Form	.pad .inp input{
		background: url(/bitrix/templates/.default/images/AuthInputBg.jpg) repeat-x;
		behavior:url(js/iepngfix.htc);
		border: 1px solid #a19999;
		height: 21px;
		width:107px;
		position: relative;
	}
	.AuthForm .Form	.pad .submit{ padding: 13px 0px 0px 43px; cursor:pointer; position:relative; }
		
		
/* ������� */

.table
{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}
.table td
{
	/*background: #f6f6f6;*/
	border: solid 1px #c7e699;
	border-right: 0;
	padding: 8px
}
.table td:first-child, .table td.first-child
{
	border-left: 0;
	text-align: right;
	vertical-align: top;
}
.table .green td
{
	background: #F0F8FF
}
.table .gray td, .tableh tr.gray:hover td
{
	background: #686868;
	color: #fff;
	font-weight: 700
}
.tableh tr:hover td, .tableh tr.hover td
{
	background: #ccc
}	
.table th a:link, .table th a:visited, .table th a:hover, .table th a:active
{
	color: #000
}
.table th
{
	background: #c7e699;
	/*border-left: solid 1px #539507;*/
	border-bottom: solid 1px #c7e699;
	font-size: 1.1em;
	padding: 10px 0 10px 2%;
	text-align: left;
}
.etable td, .etable th {
	border:0px;
}

/*photogallery*/
div.photo-controls a.link{background-image: url('/images/icons/link_icon.png'); padding-left:20px;}


		
/*helpers--------------------------------------------------------*/
.clear{clear:both;font-size:0px;height:0px;width:100%;overflow:hidden;}
.relativ{position:relative;top:0;left:0;width:100%;}
.bord{border:1px solid;}
.pointer{cursor:pointer;}

.i-rating-fon {
	margin-top:3px;
	width:100px;
	height:13px;
	background:url(/bitrix/templates/.default/images/rating_line_fon.gif) no-repeat top left;
}

.i-rating-value {
	position:absolute;
	height:13px;
	background:url(/bitrix/templates/.default/images/rating_line.gif) no-repeat top left;
}

.i-rating-count {
	text-align: right;
	font-size: 0.8em;
	font-style:italic;
}


/****** ïàðòíåðñêèé êàòàëîã *********/


.partner-item{
	float: left;
	width: 170px;
	/*height: 380px;*/
	border: 1px solid #dcdcdc;
	text-align: center;
	background: #fff;
	margin: 0 2em 2em 0;
}
.partner-item-click{
	position: absolute;
	z-index:10;
	width: 170px;
	/*height: 380px;*/
}
.partner-item-click img{
	margin: 0;
	padding: 0;
	width: 170px;
	/*height: 380px;*/
}
.partner-item:hover{
	cursor: hand;
	cursor: pointer;
}
.partner-item-inner{
	padding: 10px;
}
.partner-item-img{
	height: 220px;
}
.partner-item-img img{
	
}
.partner-item-name {
	font-weight: bold;
	font-size: 1em;
	margin-bottom:1em;
}
.partner-item-price {
	color: red;
	font-weight: normal;
	font-size:1.2em;
}
.partner-item-store {
	margin-bottom:.2em;
	height: 20px;
}
.partner-search-item {
	float:left;
	width: 17%;
	margin: 0 1%;
	text-align: center;
	color: green;
	font-weight: bold;
	font-size: 0.9em;
}
.partner-search-cause select,
.partner-search-item select {
	width: 100%;
	font-size: 0.9em;
}
.partner-search-cause input:hover,
.partner-search-item input:hover {
	background: url(/bitrix/templates/.default/images/podbut_act.gif);
}
.partner-search-cause input,
.partner-search-item input {
	border: 0px;
	background: url(/bitrix/templates/.default/images/podbut.gif);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	height: 19px;
	width: 123px;
	font-family: Arial;
	margin: 3px 0;
	cursor: pointer;
	font-size: 0.9em;
	font-weight: bold;
}
.partner-search-cause input {
	margin: 0;
	position: relative;
	top:-1px;
}
select.short { width: 200px; }
.partner-search-cause {
	padding: 1em;
	margin: 1em 0;
	background-color: green;
	color: white;
	font-size: 0.9em;
	font-weight: bold;
}
.partner-search-cause a {
	font-size: 0.9em;
	color:#E1F502;
}
.partner-search-cause a:hover {
	text-decoration: none;
	color: white;
}
.partner-search-cause-links {
	text-align: center;
	margin: .5em;
}
.partner-search-title {
	padding: 1em 0;
	margin: 1em 0;
	text-align: center;
	background-color: green;
}
.partner-search-title h2 {
	color: white;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.partner-title {
	font-size: 2em;
	font-weight: normal;
	color: #990000;
}

h2.partner-title {
	font-size: 1.6em;
}

.present-img {
	float:left;
	border: 2px solid #49AF00;
	width: 230px;
}

.card-img {
	text-align: center;
}
.card-img img {
	
}
.present-img img {
	width: 200px;
	margin: 15px;
}
.present-preview {
	margin-left: 240px;
}
.card-preview {
	margin: 0;
}
.present-preview h1,
.present-preview h1 a {
	font-size: 24px;
	font-weight: normal;
}
.present-preview table tr:hover {
	background-color: #dcdcdc;
	cursor:hand;
	cursor:pointer;
}

.present-buy  {
	background-color: #49AF00;
	color: #fff;
	padding: .8em;
	font-weight: bold;
	margin-bottom: .2em;
}

.table .present-store-name,
.table .present-price-name {
	color: #990000;
	vertical-align: middle !important;
	text-align: left !important;
	font-size: 1.1em;
}





/** ïåðåêðûâàþùèé äëÿ ìîäàëüíûõ îêîí */
.sw-overlay
{
	display:none;
	height:100%;
	background:#000;
	left:0;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	z-index:98;
	opacity: 0.3; 
	-moz-opacity: 0.3; 
	-khtml-opacity: 0.3; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}


.link-button-green {
	text-align: center;
	margin: 2em 0 0 0;
}
.link-button-green a {
	background-color:green;
	color:white;
	padding: 10px;
}