A:VISITED, A:link  {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #590000;
	text-decoration: none;
}
	A:HOVER {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: Red;
	text-decoration: none;
}
	BODY, DIV, FORM,  HR, TABLE, TD, TEXTAREA, TR, TH  {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #444f51;
	line-height: 150%;
}


.video-responsive {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.ng {
background-image: url('../pic/fon-ng1.png');
}

.defa {
background-image: url('../pic/fon-bott.jpg');
background-size: cover;
}

.maindata {
padding: 20px;;

}


.poin {
cursor: default;
}
.poin:HOVER {
cursor: pointer;
}

#toTop {
 position:fixed;
 z-index:9999;
 bottom:60px;
 right:10px;
 background: url('/pic/totop.png') no-repeat;
 width: 60px;
 height: 60px;
 border: none;
 padding: 5px;
 cursor: pointer;
 color: transparent;
 text-decoration: none; 
 opacity: .5;
		  			-moz-transition: all .5s ease;
 					-o-transition: all .5s ease;
 					-webkit-transition: all .5s ease;					
					transition: .5s; 
}

#toTop:HOVER {
	 opacity: 1;
		  			-moz-transition: all .5s ease;
 					-o-transition: all .5s ease;
 					-webkit-transition: all .5s ease;					
					transition: .5s;	 
}


BODY {
	background-color: #c6d0cf;
}

 H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: normal;
	line-height: normal;
}
H2 {
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 30px;
	margin-bottom: 5px;
	margin-top: 10px;
	font-weight: normal;	
	line-height: normal;	
}

H3 {
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 22px;
	margin-bottom: 5px;
	margin-top: 10px;
	font-weight: normal;	
	line-height: normal;	
}

H4 {
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 20px;
	margin-bottom: 5px;
	margin-top: 10px;
	font-weight: normal;	
	line-height: normal;	
}

 a.h3  {
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 24px;
	margin-bottom: 5px;
	margin-top: 10px;
	font-weight: normal;	
}

.hdr01{
	display: none;
}
.hdr00{
	display: block;
}


.b-menu li {	color: #bfbfbf; padding-bottom: 8px;}
.b-menu {
	color: #bfbfbf;
width: 33%;
max-width: 550px;
min-width: 230px;
float: left;
		transition: .3s;

}
.b-menu A:VISITED, .b-menu A:link{
	color: #d5d5d5;
		transition: .3s;
}
.b-menu A:HOVER {
	color: #ffffff;
		transition: .3s;
}


.video-responsive {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



	line-height: normal;
.mmen {max-width: 1248px;}

.mmen font{	line-height: normal;}

.mmen ul {
	text-align: center;
	margin-left: 0px;
	padding-left: 0px;
}

.mmen ul, .mmen li {
	display: inline-block;
	width: 220px;
	height: 220px;
	background-color: #c6d0cf;
	margin-bottom: 10px;
	vertical-align: middle;
	text-align: center; /* эмуляция inline-block для IE6-7*/
	//display: inline;
	//zoom: 1;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	text-decoration: none;

	transition: .3s;
	border: 2px solid #444f51;

}

.mmen li:hover {  /* при наведении курсора мышки */
	

	border: 2px solid #ffffff;

	transition: .3s;
}

.photo1 {
width:47%;
}

.img-gal {
float: left; width: 50%;
}

.top-menu{
line-height: 60px;
max-width: 1248px;
}

.top-menu A {
	padding: 10px;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

.top-menu A:VISITED, .top-menu  A:link  {
	color: #444f51;
	text-decoration: none;
	-moz-box-shadow:  0px -0px 0px 2px #444f51;
	-webkit-box-shadow:  0px -0px 0px 2px #444f51;
	box-shadow: 0px -0px 0px 2px #444f51;
		transition: .3s;
}


.top-menu A:HOVER {
	color: #444f51;
	text-decoration: none;
	-moz-box-shadow:  0px -0px 0px 2px #ffffff;
	-webkit-box-shadow:   0px -0px 0px 2px #ffffff;
	box-shadow: 0px -0px 0px 2px #ffffff;
		transition: .3s;
}


	.txtblok{
		width: 350;
		border: 1px solid black; /* Параметры рамки */
		border-bottom: none; /* Убираем границу снизу */
		padding: 7px; /* Поля вокруг текста */
		font-weight: normal; /* Жирное начертание */
		font-size: 12px; /* Размер шрифта */
		margin: 0px; /* Убираем отступы */
		white-space: nowrap; /* Запрещены переносы текста */
		border-right: none;
		border-top: none;
	}
	.photo-right {
	float: none;
	/* Обтекание по правому краю */
	width: 390;
	height: 290;
}
	.layer2 {
			width: 400;
			float: left; /* Обтекание по правому краю */
	}

	.layer3 {
		clear: both; /* Отменяем обтекание */
	}
	.bbb{
	width: 250; /* Ширина слоя */
	margin: 7px; /* Значение отступов */
	padding: 5px; /* Поля вокруг текста */
	border: 1px solid Silver; /* Параметры границы */
	float: left;
}	
	.bbb1{
	width: auto; /* Ширина слоя */
	margin: 7px; /* Значение отступов */
	padding: 5px; /* Поля вокруг текста */
	float: left;
}

	.photo {
	float: left;
	background-color : #c5cdd0;
	padding : 0 15 0 15;
}



	.pol {
	width: 50%;
	float: right;
}

.img-r {
	float: right;
		width: 440px;
	height: auto;
	padding: 20 10 10 10;
	padding-bottom: 50px;
	padding-left: 20px;

	
}


.img-r img{
width: 440px;
height: auto;
}


.img-l {
float: left; 
width: 440px;
height: auto;
padding: 20 10 10 0;
	padding-bottom: 50px;
	padding-left: 20px;
}


.img-l img{
width: 440px;
height: auto;
  					-moz-transition: all .1s ease;
 					-o-transition: all .1s ease;
 					-webkit-transition: all .1s ease;					
					transition: : .1s;	
}

.promo{
padding: 20 20 20 20; background: #767676;
color: #F7F7F7; 
font-size: 16px;
line-height: 22px;
}

.padding10{
padding: 10px;
}
.padding20{
padding: 20px;
}



.price td{
padding: 10px;

 font-size: 18px; 
}
.price th{
padding: 10px;
 background: #707f7d;
 color: #F7F7F7;
 font-size: 20px;
}
.price tr{
 background: #b4bbba;

}
.price tr:hover {
    background: #adb3b2; /* Цвет фона при наведении */

   }
.price a{
 font-size: 18px; 
 color: #444f51;
}  
.price a:hover{
 font-size: 18px; 
 color: #444f51;
}  
	

.price111 td{
padding: 10px;

 font-size: 16px; 
}
.price111 th{
padding: 10px;
 background: #707f7d;
 color: #F7F7F7;
 font-size: 18px;
}
.price111 tr{
 background: #b4bbba;

}
.price111 tr:hover {
    background: #b4bbba; /* Цвет фона при наведении */

   }	
	





    span.dot { position:absolute; text-indent: -1000em; }
    span.ruble { text-transform:uppercase; }
    span.hyphen:after { content: '\2013'; }
    span.hyphen { position:absolute; margin:.1ex 0 0; behavior: expression(this.innerHTML = '–');}

	span.hyphen1:after { content: '\2013'; }
    span.hyphen1 { position:absolute; margin:.3ex 0 0; behavior: expression(this.innerHTML = '–');}




	
	
	
@media screen and (max-width: 1100px) {
.b-menu {
width: 49%;
}
.b-menu3 {
width: 99%;
}
.img-gal {
width: 50%;
}

}









@media screen and (max-width: 800px) {

	

.hdr01{
	display: block;
}
.hdr02{
font-size: 58px;
}
.hdr00{
	display: none;
}
}
@media screen and (max-width: 700px) {

.maindata {
padding: 30px;;

}

.hdr02{
font-size: 45px;
}
.hdr03{
	display: none;
}

.photo1 {
width:100%;
}

.img-r {

float: none;
padding-right: 10px;
padding-left: 10px;
text-align: center;
}
.img-r img{
padding-left: 10px;
width: 100%;
}
.img-l {

float: none;
padding-right: 10px;
padding-left: 10px;
text-align: center;
}
.img-l img{
padding-right: 10px;
width: 100%;
}
.img-gal {
width: 100%;
}

.b-menu {
width: 99%;
}
	.pol {
	width: 100%;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	-webkit-transition: all .1s ease;
	transition: : .1s;

}

.price td{
padding: 10px;

 font-size: 17px; 
}
.price th{
padding: 10px;
 background: #707f7d;
 color: #F7F7F7;
 font-size: 17px;
}




}