/* 2011-03-17 01 DeMETAL >>>>>>>>>>>>>>>>>>> */

/* All Begin >>>>>>>>>>>>>>>>>>>>>>>>>>> */
	body {
		background-color: #fff;
		color: #3d3d3d;
		font-family: 'Myriad Pro';
		font-size: 18px;
	}
	h2 {
		font-family: 'Arial';
		font-size: 21px;
		font-weight: bold;
		padding: 13px;
		color: #3d3d3d;
	}
	h3, h4, h5 {
		font-family: 'Arial';
		font-size: 18px;
		color: #3d3d3d;
		padding: 13px;
		text-indent: 40px;
		clear: both;
	}
	.content-in h3 {
		text-indent: 0px;
	
	}
	h5 {
		font-size: 14px;
		padding-top: 13px;
		padding-bottom: 0px;
	}
	h3 span {
		color: #314400;
	}
	h4 {
		text-indent: 0px;
		padding-top: 0px;
	}
	.img {
		background-color: #edf4cd;
    float: left;
    margin: 6px 11px 6px 1px;
    padding: 4px;
	}
	.imgs {
		padding-left: 50px;
		clear: both;
	}
/* All End >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Header Begin >>>>>>>>>>>>>>>>>>>>>>>> */
	.header {
		position: relative;
	}
	.header-fon, .header-fon  img {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		z-index: -3;
	}
	.header-right {
		float: right;
		width: 190px;
		height: 100%;
		background: url(images/header-right.png) 100% 25% no-repeat;
	}
/* Header End >>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Menu Begin >>>>>>>>>>>>>>>>>>>>>>>> */
	.menu, .menu .button {
		position: relative;
		height: 100%;
	}
	.button {
		white-space: nowrap;
	}
	.td-line {
		width: 0px;
		overflow: hidden;
		font-size: 0px;
	}
	.menu .line  {
		position: absolute;
		height: 100%;
		left: 1px;
		top: 0px;
		z-index: -1;
	}
	.menu-over {
		position: absolute;
		width: 100px;
		height: 100%;
		left: 0px;
		top: 0px;
		z-index: -2;
	}
	.menu-over .fon-1 {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		z-index: -2;
		background: url(images/menu-over-fon.jpg) 0% 0%;
	}
	.menu-over .fon-2 {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		z-index: -2;
	}
	.menu-over .left {
		position: absolute;
		height: 100%;
		left: 0px;
		top: 0px;
		z-index: -2;
	} 
	.menu-over .right {
		position: absolute;
		height: 100%;
		right: 0px;
		top: 0px;
		z-index: -2;
	} 
	
	.menu td a {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 18px;
		font-style: italic;
		color: #fdfbf7;
		text-decoration: none;
		text-align: center;
	}
	.menu td a span {
		display: block;
		padding-left: 35px;
	}
	.menu .potolki {
		width: 366px; 
		height: 18px; 
		left: 0px; 
		top: 0px;	
	}
	.menu .potolki span {
		font-family: Trebuchet MS;
		font-size: 16px; 
		font-style: italic; 
		color: #fff;	
	}
	.menu .sub {
		position: absolute;
		width: 100%;
		height: 70%;
		left: 0px;
		top: 100%;
		z-index: 50;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   -khtml-border-radius: 0px 0px 5px 5px;
   border-radius: 0px 0px 5px 5px;
   behavior: url(artatom/pie.htc);
	 border: 2px solid #415900;
	}
	.menu .sub .fon {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		z-index: -1;
	} 
	.menu .sub .in {
		position: relative;
		width: 94%;
		left: 3%;
		font-family: 'Arial';
		font-size: 14px;
		color: #fff;
		line-height: 30px;
		padding: 0px 5px;
		white-space: nowrap;
	}
	.menu .sub a {
		color: #fff;
		white-space: nowrap;
		text-decoration: none;
		font-size: 14px;
	}
	.menu .sub a:hover {
		text-decoration: underline;
	}
	.menu .sub span {
		padding: 0px 10px;
	}
/* Menu End >>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Forma Begin >>>>>>>>>>>>>>>>>>>>>>>> */
	.forma {
		position: relative;
		width: 246px;
		margin-left: 20px;
		margin-top: -40px;
	}
	.forma .tel {
		display: none;
	}
	.forma .tel, .forma .text, .forma .city  {
		width: 256px;
		height: 35px;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		padding-top: 3px;
		color: #314400;
		background: url(images/forma-tel.jpg) no-repeat;
	}
	.forma .city a {
		display: block;
		color:#314400;
		text-decoration: none;
	}
	.forma .fio, .forma .msg {
		font-family: 'Arial';
		font-size: 18px;
		color: #3f5500;
		padding-left: 20px;
		padding-right: 20px;
	}
	.forma .fio input {
		width: 100%;
		font-family: 'Arial';
		font-size: 18px;
		color: #3f5500;
	}
	.forma .msg textarea {
		width: 206px;
		height: 100px;
		font-family: 'Arial';
		font-size: 18px;
		color: #3f5500;
	}
	.forma .send {
		display: block;
		width: 100%;
		padding-top: 10px;
	}
	.forma .send img {
		float: right;
	}
	.forma .color {
		position: absolute;
		width: 246px;
		height: 100%;
		left: 5px;
		top: 0px;
		z-index: -1;
		background-color: #edf4cd;
	}
/* Forma End >>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Content in Begin >>>>>>>>>>>>>>>>>>> */
	.content-in {
		font-size: 18px;
		color: #3d3d3d;
	}
	.text-1, .text-2, .text-3 {
		padding: 13px 20px 13px 50px;
		margin-left: 80px;
		color: #545454;
	}
	.text-1 a, .text-2 a, .text-3 a {
		color: #545454;
		text-decoration: none;
	}
	.text-1 a:hover, .text-2 a:hover, .text-3 a:hover {
		color: #000;
	}
	.text-1 {
		background: url(images/text-1.jpg) 0% 50% no-repeat;
	}
	.text-2 {
		background: url(images/text-2.jpg) 0% 50% no-repeat;
	}
	.text-3 {
		background: url(images/text-3.jpg) 0% 50% no-repeat;
	}
	.sub3-crumbs {
		font-family: 'Georgia';
		font-size: 16px;
		color: #010101;
		padding-left: 53px;
		/*padding-top: 5px;*/
		/*border: 1px solid #00f;*/
		line-height: 25px;
	}
	.sub3-crumbs a {
		color: #010101;
		white-space: nowrap;
		text-decoration: none;
		/*border: 1px solid #00f;*/
	}
	.sub3-crumbs a:hover {
		color: #7c7c7c;
		text-decoration: underline;
	}
	.sub3-crumbs span {
		padding: 0px 10px;
	}

	.gamma {
		background-color: #edf4cd;
    float: left;
    margin: 6px 11px 6px 0px;
    padding: 4px;
	}
	.gamma div {
		width: 100px; 
		height: 75px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	.sub-link {
		color: #000;
	}
	.sub-link:hover {
		color: #545454;
	}
/* Content in End >>>>>>>>>>>>>>>>>>>>> */

/* Footer in Begin >>>>>>>>>>>>>>>>>>> */
	.footer {
		position: relative;
		height: 122px;
		background: url(images/footer.jpg) 0% 100% repeat-x;
	}
	.footer .logo {
		position: absolute;
		right: 30px;
		bottom: 3px;
	}
	.footer .copy {
		position: absolute;
		right: 300px;
		bottom: 30px;
		font-family: 'Arial';
		font-size: 16px;
		color: #ffffff;
	}
	
	.menu-bottom   {
		position: relative;
		top: 17px;
	}
	.menu-bottom td {
		text-align: center;
		width: 16.6%;
	}
	.menu-bottom tr td a{
		width: 83%;
		float: left;
		display: block;
		background: url(images/menu-bottom-fon.png);
		font-size: 16px;
		color: #fff;
		text-decoration: none;				
	}	
/* Footer in End >>>>>>>>>>>>>>>>>>>>> */


.ymaps-map.ymaps-i-ua_js_yes,
.ymaps-glass-pane.ymaps-events-pane
{
	width: auto !important;
}