/* COLORS
40b500 - ссылки по-умолчанию


*/



/* DEFAULTS ******************************************************************************/


html, body {
	height: 100%;
}
body {
	font: 68.75%/1.4 Tahoma, Verdana, Arial;
	/*line-height: 1.6em;*/ /* Высота строки */
	position: relative;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* TEXT ******************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin: 0.6em 0 0.6em 0;
	font-weight: normal;
}
h1 {
	color: #B50013;
	font-size: 1.6em;
}
h2 {
	color: #A10011;
	font-size: 1.4em;
}
h3 {
	color: #8D000F;
	font-size: 1.2em;
}
h4 {
	color: #79000D;
	font-size: 1em;
}
h5 {
	color: #65000B;
	font-size: 0.8em;
}
h6 {
	color: #500008;
	font-size: 0.6em;
}

p {
	margin: 1em 0 1em 0;
}

ul, ol {
	margin-left: 1em;
	padding-left: 1em;
	list-style-position: outside;
}
ul { list-style: disc; }
ol { list-style: decimal; }
	li { padding-left: -1em; margin-left: 0.6em; }
/*
table {
	background: #FCFCFC;
	border: 1px solid #BABABA;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1.4em 0 1.4em 0;
	padding: 0;
}
*/
	caption {
		
	}
	tbody {
		margin: 0;
		padding: 0;
	}
	thead {
		
	}
		tr {
			
		}
			th, td {
			/*	border: 1px solid #BABABA;
*/
				margin: 0;
				padding: 0 5px 0 5px;
			}
			th {
				background: #E1E1E1;
				font-weight: bold;
				padding: 5px 5px 5px 5px;
			}
			td {
				
			}

.inner img {
	background: #ffffff;
	border: 1px solid #D2D2D2;
	padding: 3px;
}
table.gallery,
table.gallery td {
	background: none;
	border: none;
}



/* LINKS ******************************************************************/


a:link,
a:active {
	color: #B56A00;
	text-decoration: none;
}
a:hover {
	color: #B56A00;
	text-decoration: underline;
}
a:visited {
	color: #808080;
	text-decoration: underline;
}


/* UTILITES ******************************************************************************/

.fleft {
	float: left;
	display: inline;
}
.fright {
	float: right;
	display: inline;
}
.fclear {
	/* Применяется к контейнеру, содержащему float-элементы */
	overflow: hidden;
}
.hide {
	display: none;
}




/* LAYOUTS ******************************************************************************/


/* MENU HORIZONTAL *************************************************************************/

.horizontal-menu,
.horizontal-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	.horizontal-menu li {
		display: inline;
		float: left;
		position: relative;
	}
		.horizontal-menu a:link,
		.horizontal-menu a:hover,
		.horizontal-menu a:active,
		.horizontal-menu a:visited {
			/*display: block;*/
			display: inline-block;
			/*float: left;*/
		}

.drop-down {
	position: relative;
}
	.drop-down ul {
		display: none;
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 0;
		top: 42px; /* Отступ равен высоте меню */
		/*z-index: 2;*/
	}
	.drop-down li:hover ul {
		display: block;
	}
		.drop-down ul li {
			display: block;
			float: none;
		}


/* MENU VERTICAL *************************************************************************/

.vertical-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
	.vertical-menu li {
		display: block;
		float: none;
	}

/* STRUCTURE *************************************************************************/

#page {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
	overflow: hidden;
}
#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* нижний margin является отрицательной величиной высоты footer */
}

#push,
#footer {
	height: 60px;
	margin: 0 auto;
	width: 100%;
}

#footer {
	border-top: 1px solid #8f8f8f;
	font-family: Georgia, "Times New Roman";
	font-size: 1.1em;
	height: 60px; /* Высота подвала, указывать необязательно, но полезно при разработке */
	margin: -60px auto 0; /* Поднимаем футер наверх */
	padding-top: 10px;
	position: relative;
}
	#footer .copyright {
		float:left;
		margin-left: 10px;
	}
		#footer .copyright span {
			color:#797979;
		}
	#footer .tel {
		float:right;
		margin-right: 10px;
		text-align:right;
	}


#header {
	width: 100%;
	height: 147px;
	margin: 0 auto;
}
.logo {
	background: url(/images/logo.gif) no-repeat 10px 2px;
}
	#header h1,
	#header h1 a {
		font-size: 1em;
		font-family: Verdana, Tahoma, Arial;
		font-weight: normal;
		height: 147px;
		margin: 0;
		padding: 0 25px 0 0;
		text-align: right;
		text-decoration: none;
		width: 350px;
	}
	#header h1 {
		margin-left: 10px;
	}
		#header h1 a:link,
		#header h1 a:hover,
		#header h1 a:active,
		#header h1 a:visited {
			color: #000000;
			display: block;
		}
	#nav {
		border-bottom: 1px solid #dedede;
		padding-bottom: 3px;
	}
	#nav a {
		/*color: #40b500;*/
		font-family: Tahoma, Verdana, Arial;
		font-size: 0.9em;
		margin-right: 25px;
		padding-left: 15px;
		text-decoration: none;
	}
		#nav a:hover {
			text-decoration:underline;
		}
			#nav .home {
				background: url(/images/ico_home.gif) no-repeat;
			}
			#nav .mail {
				background: url(/images/ico_mail.gif) no-repeat;
				padding-left: 20px;
			}
			#nav .map {
				background: url(/images/ico_map.gif) no-repeat;
			}

	#card_info {
		width:285px;
		height:147px;
		margin-right: 10px;
	}
		#contact {
			margin-top:10px;
			background: url(/images/phone_pic2.gif) no-repeat;
			padding-left:65px;
			text-align:right;
			height:92px;
		}
			#contact,
			#contact .orange {
				font: 22px "Times New Roman", Georgia;
				line-height: 24px;
			}
			#contact .orange {
				color:#ff4800;
			}
			#contact address {
				display: block;
				font: 11px Arial, Verdana, Tahoma;
				margin-top: 7px;
			}
			#contact address a {
				font: 13px Arial, Verdana, Tahoma;
				text-decoration: none;
				border-bottom: 1px solid #B56A00;
			}
			#contact address a:hover {
				font: 13px Arial, Verdana, Tahoma;
				text-decoration: none;
				border-bottom: 1px dashed #000;
			}


/* MAIN MENU ***************************************************************************/

#main-menu {
	background: url(/images/panel_bg.gif) top left repeat-x;
	height: 42px; /* Высота панели меню */
	padding-left: 10px; /* Левый отступ для всего меню */
	z-index:100;
}
	#main-menu li:hover {
		background: url(/images/panel_bg.gif) 0 -42px repeat-x;
	}
	#main-menu a:link,
	#main-menu a:hover,
	#main-menu a:active,
	#main-menu a:visited {
		background: url(/images/menu_separator.gif) no-repeat;
		color: #000000;
		font-family: Verdana, Tahoma, Arial;
		font-weight: bold;
		height: 29px; /* Высота меню 42px - минус верхний отступ см. ниже padding-top: 13px */
		padding: 13px 30px 0 30px; /* Центрирование текста на кнопке */
		text-decoration: none;
	}
			#main-menu ul {
				background: url(/images/submenu_bg.gif) repeat-x top left #e8e8e8;
				border-left: 1px solid #b9b9b9;
				border-bottom: 1px solid #b9b9b9;
				border-right: 1px solid #b9b9b9;
				padding: 10px 0 10px 0;
			}
				#main-menu ul li:hover {
					background: none;
				}
					#main-menu ul a:link,
					#main-menu ul a:hover,
					#main-menu ul a:active,
					#main-menu ul a:visited {
						background: none;
						color: #000000;
						font-weight: normal;
						height: auto;
						/*line-height: 1.4em;  Возвращаем значение по-умолчанию см. body */
						margin: 5px 0 5px 0;
						padding: 1px 20px 1px 20px;
						text-decoration: none;
					}
					#main-menu ul a:hover {
						text-decoration: underline;
					}
					#main-menu ul a:visited {
						color: #808080;
					}







#chips {
	display: block;
	margin: 10px 0 0 10px;
	width: 100%;
	z-index: 0;
}






#news,
#content,
#notes {
	padding: 0 0 70px 0; /* Пространство необходимое, чтобы подвал не залезал на основную часть при большом количестве контента */
}
	#news h1.title,
	#content h1.title,
	#notes h1.title {
		font-family: Georgia, "Times New Roman";
		font-size: 2em; /*18px;*/
		font-weight: normal;
		margin: 20px 0 20px 0;
	}

#news {
	color: #797979;
	margin: 0 10px 0 10px;
	width: 18%;
}
	#news h1.title {
		color: #ff4800;
	}
	#news ol,
	#news li {
		list-style: none;
		margin: 0;
		padding: 0;
		/*border: 1px solid #ff0000;*/
	}
	#news li {
		font-size: 0.9em;
		margin-bottom: 10px;
	}
		#news h2 {
			clear: both;
			color: #000000;
			display: block;
			font: bold 11px Tahoma, Verdana, Arial;
			height: 28px;
			line-height: 2.5em;
			margin: 0 0 5px 0;
			width: auto;
		}
			#news h2 span {
				background: url(/images/date_bg.gif) no-repeat left top;
				display: block;
				float: left;
				font: normal 24px Georgia, "Times New Roman";
				height: 28px;
				line-height: 1em;
				margin-right: 10px;
				text-align: center;
				width: 38px;
			}
		#news p.more,
		#notes p.more {
			float: right;
			padding: 0;
			margin: 0 0 5px 0;
		}
			#news a,
			#notes a {
				margin-top: 10px;
				text-decoration: none;
			}
			#news a:hover,
			#notes a:hover {
				text-decoration:underline;
			}
			#news a:visited,
			#notes a:visited {
				text-decoration:underline;
			}

#content {
	width: 48%;
	margin: 0 10px 0 10px;
}
	#content h1.title {
		color: #40b500;
	}
	#content .inner {
		background: #efefef url(/images/head_content2.gif) repeat-x;
		font-family: Georgia, "Times New Roman";
		font-size: 1.2em;
		padding: 20px 30px;
		width: 100%;
	}
	

#notes {
	width: 22%;
	margin: 0 10px 0 10px;
	font-weight: normal;
	font-size: 1em;
}
	#notes h1.title {
		color:#ff4800;
	}
	#notes ol,
	#notes li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#notes li {
			background: #ffebad url(/images/head_notes2.gif) repeat-x;
			margin-bottom: 10px;
			padding: 0 12px;
		}
			#notes li h1 {
				font-size: 1em;
				font-weight: bold;
				margin-top: 1em;
			}

#headbl {position: absolute; top: 125px; right: 10px; width: 100%; height: 20px; border: 0px solid coral; text-align: right; font-family: Georgia, "Times New Roman"; color: #618500; font-size: 14px;}


/*css*/

ul#gallery, ul#gallery li{margin:0; padding:0; list-style:none;}
ul#gallery {margin:0em 0;}			
ul#gallery li{display:inline; margin-right:5px;}								
ul#gallery a{position:relative;}	
ul#gallery a:hover{background:none;z-index:100;}	
ul#gallery a span{display:none;}

ul#gallery a:hover span{margin:-2em 0;position: absolute; float:left;display:block;cursor:pointer;}
ul#gallery a:hover em{display:none;}				
ul#gallery a img{border:0px solid #999;padding:2px;background:#fff;}	
ul#gallery a:hover img{border: 0px solid #FF6812;}

#dr_txt {position: absolute; top: 0px; left: 380px; width: 381px; height: 172px; border: 0px solid #000; background:url(/images/dr.png) no-repeat; z-index: 1000;}

#konkurs a img {border: 1px solid #d2d2d2;}
#konkurs a:hover img {border: 1px solid #ffc548;}

/*answer*/
#answer {position: relative; padding: 0 0 10px 50px; background:url(/images/answer.jpg) no-repeat;}
#answer_small {color: #b56a00;}
#answer_otvet {margin: 20px 0 0 0; padding: 15px; border: 2px solid #dddddd; background: #fff7de; color: #3d3d3d}

/*pero*/
#pero {padding: 15px; border: 1px dashed #fe9166; background: #fff url(/images/pero.jpg) right no-repeat; color: #be4718}
#marta {position: absolute; top: -10px; left: 380px; width: 286px; height: 154px; background: url(/images/8marta.jpg) no-repeat;}
#shar {position: absolute; top: 10px; left: 390px; width: 215px; height: 142px; background: url(/images/shar.png) no-repeat; z-index: 100;}