/* CSS Document */

/* ????? ?????? */
html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
  }
  
 .clearfix{clear:both;}
 
html, body {
	background: #e4e8ea;
	line-height: 1;
	font:14px/22px arial,helvetica,sans-serif;
	color:#000000;
	height: auto; min-height: 100%;
}

 
ul, li {	
	font:14px/22px arial,helvetica,sans-serif;
	color:#000000;
}


table {
	border-collapse: separate;
	border-spacing: 0;
}

b {
	font-weight: bold;
}

a {
	color:#460300;
	line-height: 0.5em;
	font: 14px/25px Arial;
}


.wapper {
	position: relative;
	width:100%;
	z-index:1;
	height: 100%;
}


.content .contents .num_vrs{
float: right;
width:900px;
}

.content .contents .num_vr{
float: right;
/*width:900px;*/
height:40px;
margin-left:5px;
margin-bottom:5px;
border-color:#f2f9fc;
padding: 5px;

}

.content .contents .otstups{
float: left;
width:940px;
height:30px;
}

.content .contents .num_vr .rounded-list  li{
	float: left;
	display: block;
	width:15px;
	height:15px;
	margin-bottom:5px;
	background: #460300;
	color: #ffffff;
	text-align:center;
	text-decoration: none;
	margin-left:10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15pxm;
	border-radius: 15px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	padding: 8px 8px 8px 8px;	
	cursor:pointer;
}

.content .contents .num_vr .rounded-list  li:hover{	
	background: #6c0601;
	cursor:pointer;
}

.content .contents .num_vr .rounded-list .current {	
	background: #6c0601;
	cursor:pointer;
}

.content .contents .num_vr .rounded-list a{
	color: #ffffff;
	float: left;
	text-align:center;
	margin-top:-5px;
	margin-left:4px;
	text-decoration: none;
}

.content .contents .num_vr ol{
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	font: 15px 'trebuchet MS', 'lucida sans';
	padding: 0;
	margin-bottom: 4em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.content .contents .num_vr ol ol{
	margin: 0 0 0 2em;
}


.content .contents .sert_img{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	padding:10px;
}

/* шапка */


.header {
	position: relative;
	width:100%;
	height:107px;	
	z-index:1;
}


.header_top {
  	margin: auto;
	width: 1100px;
	background:#ffffff;
	color:#83888e;
	font-size:11px;
	height:20px;
}


.header_middle {
	margin: auto;
	background:#ffffff;
	width: 1100px;
	height:88px;
}


.header_middle .logo {
	float: left;
	margin-top: 5px;
	margin-left: 40px;
	background: url("../img/logo.png") no-repeat;
	width: 230px;
	height:77px;
}
.header_middle .otst {
	float: left;
	margin-top: 5px;
	width: 20px;
}


/* меню */  

.header_middle .menus
{
	float: left;
	background:#ffffff;
	width: 820px;
	margin-left:6px;
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
	height:20px;	
	z-index: 1;		      
}

.header_middle   .menus li
{
    float: left;
    position: relative;
	list-style-type: none;
}

.header_middle   .menus a
{
    float: left;
    height: 15px;
    padding: 0 10px;
    color: #3a3a3a;
    text-transform: uppercase;
    font: 12px/20px Arial;
    text-decoration: none;
}

.header_middle .menus .current 
{
    float: left;
    height: 15px;
    padding: 0 12px;
    color: #460300;
    text-transform: uppercase;
    font: 12px/20px Arial;
    text-decoration: none;
}


.header_middle .otst_top {
	float: left;
	width: 800px;
	width: 10px;
}

/* меню */ 


/* меню2 */  

.header_middle .menus2
{
	float: left;
	background:#ffffff;
	width: 820px;
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
	height:20px;	
	z-index: 1;		      
}

.header_middle   .menus2 li
{
    float: left;
    position: relative;
	list-style-type: none;
}

.header_middle   .menus2 a
{
    float: left;
    height: 15px;
    padding: 0 10px;
    color: #3a3a3a;
    text-transform: uppercase;
    font: 12px/20px Arial;
    text-decoration: none;
}

.header_middle .menus2 .current2 
{
    float: left;
    height: 15px;
    padding: 0 16px;
    color: #460300;
    text-transform: uppercase;
    font: 12px/20px Arial;
    text-decoration: none;
}


.header_middle .otst_top2 {
	float: left;
	width: 800px;
	width: 10px;
}

/* меню2 */ 




.header_bottom {
	/*margin: auto;*/
	margin-top: 15px;
	float: right;
	/*width: 1100px;*/
	width: 800px;
	height:70px;
}

.header_bottom  .step1{	
	float: left;
	width: 40px;
	height:40px;
}

.header_bottom  .step2{	
	float: left;
	width: 20px;
	height:40px;
}

.header_bottom  .txt{	
	margin-top: 28px;	
	color:#545960;
	font: 12px/25px Arial;
	text-decoration:none;
	line-height: 90%;
}

.header_bottom  .tel{	
	float: left;
	width: 220px;
	height:40px;
}

.header_bottom  .telefon{	
	margin-top: 13px;
	margin-left: 10px;
	color:#000000;
	font: bold italic 20px/25px Arial;
	text-decoration:none;
}

.header_bottom  .arbaitn{
	margin-left: 20px;
	float: left;
	margin-top: 3px;
	width: 270px;
}

.header_bottom  .arbaitn1{	
	color:#545960;
	font: 11px/25px Arial;
	text-decoration:none;
}

.header_bottom  .arbaitn2{	
	color:#aeaeae;
	font: 11px/25px Arial;
	text-decoration:none;
}

.header_bottom  .arbaitns{
	margin-top: -7px;
	float: left;
	width: 240px;
}

.header_bottom  .arbaitns .arbaitn1_1{	
	margin-top: -7px;
	margin-left: 73px;
	color:#545960;
	font: 11px/25px Arial;
	text-decoration:none;
}

.header_bottom  .arbaitns  .arbaitn2_1{	
	margin-top: -7px;
	color:#aeaeae;
	font: 11px/25px Arial;
	text-decoration:none;
}

.header_bottom  .btn{
	float: left;
	border:0;
	background: url("../img/btn.png") no-repeat;
	width: 245px;
	height: 50px;	
	cursor:pointer;
}


/* окно обратного звонка */

.header_bottom  .overlay {
	background: #000000;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100000;
	opacity: .5;
}
.header_bottom  .visible {
	background: #f5f5f5;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -200px;
	overflow: hidden;
	z-index: 200000;
	width: 500px;
	height: 350px;
	padding: 0px;
	margin-left: -250px;
	border-radius: 10px;
}

.header_bottom  .visible .close{
	float: right;
	border:0;
	background: url("../img/img_close.png") no-repeat;
	width: 50px;
	height: 50px;	
	cursor:pointer;
}

.header_bottom  .content2 {
	padding: 0 1em;
	/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: WhiteSmoke;*/
}


.header_bottom  .content2 .customForm {
	color: #460300;
	width: 320px;
	margin: 2em auto;
	font: 13px/1.8 Helvetica;
}




.header_bottom  .content2 .customForm h3 {
	color: #ffffff;
	
	
	font: bold 16px/1.8 Helvetica;
}

.header_bottom  .content2 .customForm input, .customForm textarea {
	font: 13px Helvetica;
}

/* = Input */
.header_bottom  .content2 .customForm input {
	width: 350px;
	font-size: 13px;
	padding: 6px 0 4px 10px;
	border: 1px solid #cecece;
	background: #F6F6f6;
	border-radius: 5px;
}
.header_bottom  .content2 .customForm textarea {
	display: block;
	/* = Убираем скролл */
	overflow: auto;
	
	/* = Убираем увеличение */
	resize: none;
	width: 350px;
	height: 50px;
	
	/* = Добавим фон, рамку, отступ */
	background: #f6f6f6;
	border: 1px solid #cecece;
	border-radius: 5px 0 0 0;
	padding: 8px 0 8px 10px;
}
/* = Переключатели Radio Button */
.header_bottom  .content2 .radio {
	display: block;
	height: 25px;
	background-position: 0 -56px;
	coloR: #444;
	cursor: pointer;
	text-indent: 22px;
	font-size: 13px;
}
.header_bottom  .content2 .radio.active {
	background-position: 0 -86px;
}
.header_bottom  .content2 .radio.error {
	border-color: #ff0000;
}


/*	=	CheckBox */
/* Стилизируем чекбокс, точнее скрываем его */
.header_bottom  .content2 .check input[type=checkbox] {
	position: absolute;
	left: -10000px;
}
.header_bottom  .content2 .check {
	background-position: 0 3px;
	padding-left: 25px;
	cursor: pointer;
	position: relative;
}
.header_bottom  .content2 .check.active {
	background-position: 0 -27px;
}

/*	=	Select */
.header_bottom  .content2 .slct {
	display: block;
	border-radius: 5px;
	border: 1px solid #cecece;
	background-color: #F6F6f6;
	width: 285px;
	padding: 4px 15px 4px 10px;
	color: #444;
	background-position: 290px -145px;
	
	/*
		Супер финт обрезаем текст
		чтобы не вылезал за рамку
	*/
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;	
	
}
.header_bottom  .content2 .slct.active {
	border-radius: 5px 5px 0 0;
	border-bottom: none;
}



/*	=	Reset Form */
.header_bottom  .content2 .reset-form button {
	width: 350px;
	height: 28px;
	border: 1px solid #ccc;
	background: #fff;
	color: #666;
	border-radius: 5px;
	box-shadow: inset 0 2px 2px #ccc;
	cursor: pointer;
}
.header_bottom  .content2 .reset-form button:hover {
	box-shadow: 0 0 2px #ccc;
}
.header_bottom  .content2 .reset-form button:active {
	margin-top: 1px;
	margin-bottom: -1px;
	zoom: 1;
}

/*	=	Form Send */
.header_bottom  .content2 .sendmail button {
	width: 350px;
	height: 28px;
	border: 1px solid #ccc;
	background: #fff;
	color: #666;
	border-radius: 5px;
	box-shadow: inset 0 2px 2px #ccc;
	cursor: pointer;
}
.header_bottom  .content2 .sendmail button:hover {
	box-shadow: 0 0 2px #ccc;
}
.header_bottom  .content2 .sendmail button:active {
	margin-top: 1px;
	margin-bottom: -1px;
	zoom: 1;
}

/* окно обратного звонка */








.header_bottom2{
	float: left;
	background:#ffffff;
	width: 1100px;
	height:36px;
}

.header_bottom3{
	margin: auto;
	background:#ffffff;
	width: 1100px;
	height:45px;
}

.header_bottom3 .step1 {
	float: left;
	margin-top: 5px;
	width: 35px;
}

.header_bottom3 .step2 {
	float: left;
	margin-top: 5px;
	width: 270px;
}

.header_bottom3 .left {
	float: left;
	margin-top: 5px;
	width: 245px;
}

.header_bottom3 .left  .txt{	
	margin-top: 28px;	
	color:#545960;
	font: 11px/25px Arial;
	text-decoration:none;
	line-height: 90%;
	text-align: center;
}

.header_bottom3 .right {
	float: right;
	margin-top: 5px;
	width: 550px;
}

.header_bottom3 .right .txt{	
	margin-top: 28px;	
	color:#545960;	
	font: 12px/25px Arial;
	text-decoration:none;
	line-height: 90%;
	text-align: right;
}


.linies{
	margin: auto;
	background:#ffffff;
	width: 1100px;
	height:10px;
}

.linies  .lines{
	float: left;
	margin-left: 45px;
	background-color: #f0f3f4; /* Цвет линии */
	border: none; /* Убираем границу */
	color: #f0f3f4; /* Цвет линии для IE6-7 */
    height: 2px; /* Толщина линии */
	width: 1025px;	
}



/*************** подменю *****************/



/************** подменю  *****************/


/************** шапка подложка  *****************/

.podlogka {
	position: relative;
	width:100%;
	height:297px;
	background: url("../img/podlogka_gal.png") center no-repeat;	
	/*z-index:10;*/
}


.podlogka_prew{
	margin: auto;
	width: 1100px;
	height:297px;
}

.podlogka_gost {
	position: relative;
	width:100%;
	height:297px;
	background: url("../img/podlogka_gost.png") center no-repeat;	
	/*z-index:10;*/
}

.podlogka_int {
	position: relative;
	width:100%;
	height:297px;
	background: url("../img/podlogka_int.png") center no-repeat;	
	/*z-index:10;*/
}

.podlogka_cab {
	position: relative;
	width:100%;
	height:297px;
	background: url("../img/podlogka_cab.png") center no-repeat;	
	/*z-index:10;*/
}

.podlogka_lestn {
	position: relative;
	width:100%;
	height:297px;
	background: url("../img/podlogka_lestn.png") center no-repeat;	
	/*z-index:10;*/
}

.podlogka_mebel {
	position: relative;
	width:100%;
	height:297px;
	background: url("../img/podlogka_mebel.png") center no-repeat;	
	/*z-index:10;*/
}

.podlogka_dveri {
	position: relative;
	width:100%;
	height:297px;
	background: url("../img/podlogka_dveri.png") center no-repeat;	
	/*z-index:10;*/
}

.podlogka_potolki {
	position: relative;
	width:100%;
	height:297px;
	background: url("../img/podlogka_potolki.png") center no-repeat;	
	/*z-index:10;*/
}

.podlogka_gar {
	position: relative;
	width:100%;
	height:297px;
	background: url("../img/podlogka_gar.png") center no-repeat;	
	/*z-index:10;*/
}

.podlogka_3d {
	position: relative;
	width:100%;
	height:297px;
	background: url("../img/podlogka_3d.png") center no-repeat;	
	/*z-index:10;*/
}


.podlogka_prew_gost{
	margin: auto;
	width: 1100px;
	height:297px;
}

/************** шапка подложка  *****************/

/************** слайдер  *****************/

.slider {
	position: relative;
	width:100%;
	height:409px;
	background: url("../img/podlogka.jpg") center no-repeat;	
	/*z-index:10;*/
}


.sliders{
	margin: auto;
	background:#ffffff;
	width: 1100px;
	height:409px;
}

.slider2 {
	float: left;
	width:100%;
	height:225px;	
	z-index:1;
}


.sliders2{
	margin: auto;
	background:#ffffff;
	width: 980px;
	height:225px;
}

.slider3 {
	float: left;
	width:100%;
	height:455px;	
	z-index:1;
}


.sliders3{
	margin: auto;
	background:#ffffff;
	width: 980px;
	height:455px;
}


.sliders2 .news {
	color: #3a3a3a;
    font: bold 22px/25px Arial;
    text-decoration: none;
	
}

/************** слайдер  *****************/


/*  контент   */

.content {
  	margin: auto;
	width: 1100px;
	background:#ffffff;	
	color:#83888e;
	font-size:11px;
}

.content .contents {
	width: 1030px;
	background:#ffffff;	
	color:#83888e;
	font-size:11px;
	margin-left:30px;
	margin-top:-10px;
}	

.content .contents p{
	margin-top:10px;
	font: 13px/25px Arial;
	color:#000000;
	line-height: 1.5;
}	


.content .contents .bigtext p{
	font: 14px/25px Arial;
	color:#000000;
	line-height: 1.5;
	margin-top:10px;
}	

.content .contents .bigtext li{
	font: 14px/25px Arial;
	color:#000000;
	line-height: 0.75;
}	


.content .contents   li{
	margin-top:12px;
	color: #1f1f1f;
    font: 14px/25px Arial;
    text-decoration: none;
	line-height: 1.0;
	margin-left:40px;
}

.content .contents .otstup_home{
  	float: left;
	width: 900px;
	background:#ffffff;	
	height: 40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
}

/************** инфо2  *****************/

.content .contents .info_prew2{
	margin: auto;
	float: left;
	width: 1030px;
	background:#ffffff;	
	color:#83888e;
	font-size:14px;
}

.content .contents .info_prew2 .otstup{
	float: left;
	width: 1030px;
	background:#ffffff;	
	height:40px;
}

.content .contents .info_prew2 .info_zagolovok{
	float: left;
	font: bold 16px/25px Arial;
	color:#000000;	
	background:#ffffff;	
}

.content .contents .info_prew2 .info_data{
	float: left;
	margin-left:10px;
	font: 14px/25px Arial;
	color:#000000;
	line-height: 1.5;	
	background:#ffffff;	
}

.content .contents .info_prew2 .info_vpr{
	float: left;
	width: 1030px;
	font: 14px/25px Arial;
	color:#000000;
	line-height: 1.5;	
	background:#ffffff;	
}

.content .contents .info_prew2 .info_text{
	float: left;
	width: 1030px;
	font: 12px/25px Arial;
	color:#000000;
	line-height: 1.5;	
	margin-top:10px;
	background:#ffffff;	
}

.content .contents .info_prew2 .info_text2{
	float: left;
	width: 1030px;
	font: 12px/25px Arial;
	color:#000000;
	line-height: 1.5;	
	background:#ffffff;	
}

.content .contents .info_prew2 .info_text2 li{
	font: 12px/25px Arial;
	color:#000000;
	line-height: 1.5;

}

.content .contents .info_prew2 .info_text2 h2{
	margin-top:10px;
	font: bold 18px/25px Arial;
	color:#000000;
	/*line-height: 1.5;
	padding: 0px 15px 4px 10px;*/

}

.content .contents .info_prew2 .info_text2 p{
	float: left;
	width: 1030px;
	font: 12px/25px Arial;
	color:#000000;
	line-height: 1.5;	
	margin-top:10px;
	margin-bottom:10px;
	background:#ffffff;	
}


.content .contents .info_prew2 .info_tex2t .anc{
	font: 14px/25px Arial;
	color:#460300;
	line-height: 1.5;	
	background:#ffffff;	
}

.content .contents .info_prew2 .info_text p{
	float: left;
	width: 1030px;
	font: 12px/25px Arial;
	color:#000000;
	line-height: 1.5;	
	margin-top:10px;
	background:#ffffff;	
}


.content .contents .info_prew2 .info_text .anc{
	font: 14px/25px Arial;
	color:#460300;
	line-height: 1.5;	
	background:#ffffff;	
}



.content .contents .info_prew2 .socseti{
	float: left;
	width: 330px;
	height: 25px;
	margin-top:10px;
	background:#ffffff;	
}

.content .contents .info_prew2 .socseti .vk{
	
	background: url("../img/vk_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .info_prew2 .socseti .facebook{
	margin-left: 10px;
	background: url("../img/f_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .info_prew2 .socseti .twitter{
	margin-left: 10px;
	background: url("../img/t_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .info_prew2 .socseti .ok{
	margin-left: 10px;
	background: url("../img/ok_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .info_prew2 .socseti .google{
	margin-left: 10px;
	background: url("../img/google_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .info_prew2 .socseti .faq{
	margin-left: 10px;
	background: url("../img/faq_pos.png") left no-repeat;
	float: left;
	width: 62px;
	height: 21px;
}


.content .contents .info_prew2 .socseti .email{
	margin-left: 10px;
	background: url("../img/email_pos.png") left no-repeat;
	float: left;
	width: 55px;
	height: 21px;
}



/************** инфо  *****************/

/************** инфо  *****************/

.content .contents .info_prew{
	/*margin: auto;
	float: left;*/
	width: 1030px;
	background:#ffffff;	
	color:#83888e;
	font-size:14px;
}

.content .contents .info_prew .otstup{
	float: left;
	width: 1030px;
	background:#ffffff;	
	height:40px;
}

.content .contents .info_prew .info_zagolovok{
	float: left;
	font: bold 16px/25px Arial;
	color:#000000;	
	background:#ffffff;	
}

.content .contents .info_prew .info_data{
	float: left;
	margin-left:10px;
	font: 14px/25px Arial;
	color:#000000;
	line-height: 1.5;	
	background:#ffffff;	
}

.content .contents .info_prew .info_vpr{
	float: left;
	width: 1030px;
	font: 14px/25px Arial;
	color:#000000;
	line-height: 1.5;	
	background:#ffffff;	
}

.content .contents .info_prew .info_text{
	float: left;
	width: 1030px;
	font: 12px/25px Arial;
	color:#000000;
	line-height: 1.5;	
	margin-top:10px;
	background:#ffffff;	
}

.content .contents .info_prew .info_text p{
	float: left;
	width: 1030px;
	font: 12px/25px Arial;
	color:#000000;
	line-height: 1.5;	
	margin-top:10px;
	background:#ffffff;	
}


.content .contents .info_prew .info_text .anc{
	font: 14px/25px Arial;
	color:#460300;
	line-height: 1.5;	
	background:#ffffff;	
}



.content .contents .info_prew .socseti{
	float: left;
	width: 330px;
	height: 25px;
	margin-top:10px;
	background:#ffffff;	
}

.content .contents .info_prew .socseti .vk{
	
	background: url("../img/vk_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .info_prew .socseti .facebook{
	margin-left: 10px;
	background: url("../img/f_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .info_prew .socseti .twitter{
	margin-left: 10px;
	background: url("../img/t_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .info_prew .socseti .ok{
	margin-left: 10px;
	background: url("../img/ok_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .info_prew .socseti .google{
	margin-left: 10px;
	background: url("../img/google_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .info_prew .socseti .faq{
	margin-left: 10px;
	background: url("../img/faq_pos.png") left no-repeat;
	float: left;
	width: 62px;
	height: 21px;
}


.content .contents .info_prew .socseti .email{
	margin-left: 10px;
	background: url("../img/email_pos.png") left no-repeat;
	float: left;
	width: 55px;
	height: 21px;
}



/************** инфо  *****************/


/********** прайс **********/

.content .contents .price{
  	float: left;
	width: 1030px;
	background:#ffffff;	
}

.content .contents .btn{
  	float: right;
	width: 1030px;
	background:#470d0a;	
	color: #ffffff;
	height:40px;
	font: 16px/25px Arial;
    text-decoration: none;
	line-height: 1.2;	
	border-radius: 3px;
	border: 1px solid #470d0a;
	background-color: #470d0a;
	padding: 4px 15px 4px 10px;
	background-position: 290px -145px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;	
}

.content .contents .price .header{
  	float: left;
	width: 1030px;
	background:#e4e8ea;	
	height: 40px;
	color: #000000;    
    font: bold 16px/25px Arial;
    text-decoration: none;
	line-height: 1.2;
}


.content .contents .price .header1{
  	float: left;
	width: 300px;
	color: #000000;    
    font: bold 16px/25px Arial;
    text-decoration: none;
	line-height: 1.2;
	text-align:center;
	margin-top:10px;
}

.content .contents .price .header2{
  	float: left;
	width: 565px;
	color: #000000;    
    font: bold 16px/25px Arial;
    text-decoration: none;
	line-height: 1.2;
	text-align:center;
	margin-top:10px;
}

.content .contents .price .header3{
  	float: left;
	width: 165px;
	color: #000000;    
    font: bold 16px/25px Arial;
    text-decoration: none;
	line-height: 1.2;
	text-align:center;
	margin-top:10px;
}

.content .contents .price .rows{
  	float: left;
	width: 1030px;
	color: #ffffff;    
    font: 16px/25px Arial;
    text-decoration: none;
	line-height: 1.2;
	text-align:left;
	height:80px;
}

.content .contents .price .rows4{
  	float: left;
	width: 1030px;
	color: #000000;    
    font: 14px/25px Arial;
    text-decoration: none;
	line-height: 1.5;
	text-align:left;
	height:130px;
}

.content .contents .price .cols1{
  	float: left;
	width: 300px;
	color: #000000;    
    font: 16px/25px Arial;
    text-decoration: none;
	line-height: 1.2;
	margin-top:30px;
}

.content .contents .price .cols2{
  	float: left;
	width: 565px;
	color: #000000;    
    font: 16px/25px Arial;
    text-decoration: none;
	line-height: 1.2;
	margin-top:20px;
}

.content .contents .price .cols2 .select{
  	float: left;
	width: 500px;
	color: #000000;    
    font: 16px/25px Arial;
    text-decoration: none;
	line-height: 1.2;	
	border-radius: 5px;
	border: 1px solid #cecece;
	background-color: #F6F6f6;
	padding: 4px 15px 4px 10px;
	background-position: 290px -145px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;	
	
}

.content .contents .price .cols3{
  	float: left;
	width: 165px;
	color: #000000;    
    font: 16px/25px Arial;
    text-decoration: none;
	line-height: 1.2;
	margin-top:20px;
}

.content .contents .price .cols3 .input_txt{
  	float: left;
	width: 160px;
	color: #000000;    
    font: 16px/25px Arial;
    text-decoration: none;
	line-height: 1.2;	
	border-radius: 5px;
	border: 1px solid #cecece;
	background-color: #F6F6f6;
	padding: 4px 15px 4px 10px;
	background-position: 290px -145px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;	
}



/********** прайс **********/





/********** публикации **********/

.content .contents .jurnal_all{
  	float: left;
	width: 1030px;
	background:#ffffff;	
}

.content .contents .jurnal{
  	float: left;
	width: 500px;
	background:#ffffff;	
	height: 230px;
	
}

.content .contents .jurnal .otstup{
  	float: left;
	width: 500px;
	background:#ffffff;	
	height: 40px;
	
}

.content .contents .jurnal .img_jurnal{
  	float: left;
	width: 170px;
	background:#ffffff;	
	height: 210px;
	
}

.content .contents .jurnal .text_jurnal{
  	float: left;
	width: 310px;
	background:#ffffff;	
	height: 210px;
	color: #656766;    
    font: 12px/25px Arial;
    text-decoration: none;
	line-height: 1.2;
	text-align:justify;
}

.content .contents .jurnal .lefts{
  	float: left;
	width: 20px;
	background:#ffffff;	
	height: 210px;	
}

.content .contents .jurnal .text_jurnal .zglv{
  	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom:10px;
}


.content .contents .jurnal .text_jurnal .socseti{
	float: left;
	width: 330px;
	height: 25px;
	margin-top:10px;
}

.content .contents .jurnal .text_jurnal .socseti .vk{
	
	background: url("../img/vk_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .jurnal .text_jurnal .socseti .facebook{
	margin-left: 10px;
	background: url("../img/f_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .jurnal .text_jurnal .socseti .twitter{
	margin-left: 10px;
	background: url("../img/t_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .jurnal .text_jurnal .socseti .ok{
	margin-left: 10px;
	background: url("../img/ok_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .jurnal .text_jurnal .socseti .google{
	margin-left: 10px;
	background: url("../img/google_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .jurnal .text_jurnal .socseti .faq{
	margin-left: 10px;
	background: url("../img/faq_pos.png") left no-repeat;
	float: left;
	width: 62px;
	height: 21px;
}


.content .contents .jurnal .text_jurnal .socseti .email{
	margin-left: 10px;
	background: url("../img/email_pos.png") left no-repeat;
	float: left;
	width: 55px;
	height: 21px;
}

/********** публикации **********/

/********** рабочая страница (не галерея) **********/

.content .contents .cnt {
	float: left;
	margin-left:-35px;
	width: 1100px;
	background:#ffffff;	
	color:#83888e;
	font-size:11px;
}	

.content .contents .cnt_left {
	width: 140px;
	height:90%;
	float:left;
	background:#ffffff;	
	color:#83888e;
	background: url("../img/about_bg.jpg") center no-repeat;
	font-size:11px;
	padding: 15 15 15 15;
}
	
.content .contents .cnt_center {
	width: 10px;
	float:left;
	background:#ffffff;	
	color:#83888e;
	font-size:11px;
}	

.content .contents .cnt_right {
	width: 880px;
	float:left;
	background:#ffffff;	
	color:#83888e;
	font-size:11px;
	padding: 15 15 15 15;
}	

.content .contents .cnt_right  p{
	font: 14px/25px Arial;
	color:#000000;
	line-height: 1.5;
	margin-top:10px;
}

.content .contents .cnt_right  td{
	font: 14px/25px Arial;
	color:#000000;
	line-height: 1.5;
	margin-top:10px;
}

/********** рабочая страница (не галерея) **********/


/********** рабочая страница **********/


.content .contents .position_gal{
	margin: auto;
  	float: left;
	width: 1025px;
	background:#ffffff;	
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
}

.content .contents .position_gal .otstp{
	float: left;
	width: 1025px;	
	height:40px;
}

.content .contents .galereja{
  	float: left;
	width: 600px;
	background:#ffffff;	
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
}

.content .contents .galereja .small_img{
  	padding:10px 12px;
}


.content .contents .otstup_prew{
  	float: left;
	width: 20px;
	height: 20px;
}

.content .contents .text_prew{
  	float: left;
	width: 405px;
	background:#ffffff;	
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
}

.content .contents .text_prew .txt{  	
	font: 12px/25px Arial;
	color:#000000;
	line-height: 1.5;
}

.content .contents .text_prew .otstup11{
  	float: left;
	width: 400px;
	background:#ffffff;	
	height: 40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
}

.content .contents .text_prew .socseti_prew{
	float: left;
	width: 330px;
	height: 25px;
	margin-top:10px;
}

.content .contents .text_prew .socseti_prew .vk{  	
	background: url("../img/vk_pos.png") left no-repeat;
	float: left;
	width: 21px;
	height: 21px;
}

.content .contents .text_prew .socseti_prew .facebook{  	
	background: url("../img/f_pos.png") left no-repeat;
	float: left;
	margin-left:10px;
	width: 21px;
	height: 21px;
}

.content .contents .text_prew .socseti_prew .twitter{  	
	background: url("../img/t_pos.png") left no-repeat;
	float: left;
	margin-left:10px;
	width: 21px;
	height: 21px;
}

.content .contents .text_prew .socseti_prew .ok{  	
	background: url("../img/ok_pos.png") left no-repeat;
	float: left;
	margin-left:10px;
	width: 21px;
	height: 21px;
}

.content .contents .text_prew .socseti_prew .google{  	
	background: url("../img/google_pos.png") left no-repeat;
	float: left;
	margin-left:10px;
	width: 21px;
	height: 21px;
}

.content .contents .text_prew .socseti_prew .email{  	
	background: url("../img/email_pos.png") left no-repeat;
	float: left;
	margin-left:10px;
	width: 21px;
	height: 21px;
}

.content .contents .text_prew .socseti_prew .faq{  	
	background: url("../img/faq_pos.png") left no-repeat;
	float: left;
	margin-left:10px;
	width: 21px;
	height: 21px;
}



.content .contents .text_prew .stat{  	
	float: left;
	width: 400px;	
	margin-top:10px;
}

.content .contents .text_prew .stat hr{  	
	color: #939393; /*для IE */
    background-color:#939393; /*для Firefox, Opera, Safari*/
    border:0px none;
    height:1px; /* высота 1px IE, Firefox, Opera, Safari */
    clear:both; /* для очистки, если тег идет после float елемента */
}



.content .contents .text_prew .author{  	
	color: #333333;
    font: bold 14px/25px Arial;
    text-decoration: none;
}

.content .contents .text_prew .otv{ 
	width: 	36px;
	margin-left:10px;
	color: #333333;
    font: 14px/25px Arial;
    text-decoration: none;
	background: url("../img/otv.gif") 10px left no-repeat;

}

.content .contents .text_prew .zglv_stat{  	
	color:#000000;
    font: 12px/25px Arial;
    text-decoration: none;	
	line-height: 1.5;
}

.content .contents .text_prew .prewss{  	
	color: #460300;
    font: 12px/25px Arial;
    text-decoration: none;
}

/********** рабочая страница **********/


/********** меню на рабочих страницах **********/


.content .contents .menu_gal2{
  	float: left;
	width: 1100px;
	background:#eaedee;	
	height: 150px;
	margin-left: -30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
}

.content .contents .menu_gals2{
  	float: left;
	width: 980px;
	margin-left: 60px;
	margin-top: 15px;
	background:#eaedee;	
	height: 130px;
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
}

.content .contents .menu_gals2 ul
{
    /*list-style-image: url(../img/point.png);  Путь к изображению маркера */
}


.content .contents .menu_gals2 li
{
    float: left;
	width: 470px;
    position: relative;
	list-style-type: none;
}

.content .contents .menu_gals2 a
{
    float: left;
    height: 15px;
    padding: 10px 26px;
    color: #333333;
    font: 14px/25px Arial;
    text-decoration: none;
	background:url(../img/point.png) left no-repeat;
}

.content .contents .menu_gals2 .current
{
    float: left;
    height: 15px;
    padding: 10px 26px;
    color: #460300;
    font: bold 14px/25px Arial;
    text-decoration: none; /* Убираем подчеркивание */
    /*border-bottom: 1px dashed #460300;  Добавляем свою линию */
}

/******** о компании *********/


.content .contents .menu_gal_a{
  	float: left;
	width: 1100px;
	background:#eaedee;	
	height: 180px;
	margin-left: -30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
}

.content .contents .menu_gals_a{
  	float: left;
	width: 980px;
	margin-left: 60px;
	margin-top: 0px;
	background:#eaedee;	
	height: 150px;
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
}

.content .contents .menu_gals_a ul
{
    /*list-style-image: url(../img/point.png);  Путь к изображению маркера */
}


.content .contents .menu_gals_a li
{
    float: left;
	width: 370px;
    position: relative;
	list-style-type: none;
}

.content .contents .menu_gals_a a
{
    float: left;
    height: 15px;
   padding: 10px 26px;
    color: #333333;
    font: 14px/25px Arial;
    text-decoration: none;
	background:url(../img/point.png) left no-repeat;
}

.content .contents .menu_gals_a .current
{
    float: left;
    height: 15px;
    padding: 10px 26px;
    color: #460300;
    font: bold 14px/25px Arial;
    text-decoration: none; /* Убираем подчеркивание */
    /*border-bottom: 1px dashed #460300;  Добавляем свою линию */
}


/******** о компании *********/

.content .contents .menu_gal{
  	float: left;
	width: 1100px;
	background:#eaedee;	
	height: 200px;
	margin-left: -30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
}

.content .contents .menu_gals{
  	float: left;
	width: 980px;
	margin-left: 60px;
	margin-top: 1px;
	background:#eaedee;	
	height: 150px;
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
}

.content .contents .menu_gals ul
{
    /*list-style-image: url(../img/point.png);  Путь к изображению маркера */
}


.content .contents .menu_gals li
{
    float: left;
	width: 270px;
    position: relative;
	list-style-type: none;
}

.content .contents .menu_gals a
{
    float: left;
    height: 15px;
    padding: 10px 26px;
    color: #333333;
    font: 14px/25px Arial;
    text-decoration: none;
	background:url(../img/point.png) left no-repeat;
}

.content .contents .menu_gals .current
{
    float: left;
    height: 15px;
    padding: 10px 26px;
    color: #460300;
    font: bold 14px/25px Arial;
    text-decoration: none; /* Убираем подчеркивание */
    /*border-bottom: 1px dashed #460300;  Добавляем свою линию */
}

/********** меню на рабочих страницах **********/

.content .contents  .news2 {
	margin-top: 30px;
	color: #3a3a3a;
    font: bold 22px/25px Arial;
    text-decoration: none;
	
}

.content .contents  .path {
	/*margin-top: 30px;
	margin-bottom: 30px;*/
	padding: 30px 0 0 0;
	color: #460300;
    font: 14px/25px Arial;
    text-decoration: none;
	
}

.content .contents  .path  .current{
	/*margin-top: 30px;
	margin-bottom: 30px;*/
	padding: 30px 0 0 0;
	color: #666666;
    font: 14px/25px Arial;
    text-decoration: none;
	
}

.content .contents  .newsblock{
	margin-right: 10px;
	background:#f4f6f7;	
	float: left;
	width: 330px;
	height: 115px;
}


.content .contents  .newsblock .data{
	margin-left: 30px;
	top: 35px;
	font: 14px/25px Arial;
	color:#ffae00;
	z-index: 1;
}

.content .contents  .newsblock .zagolovok{
	padding-left: 30px;	
	font: bold 16px/25px Arial;
	color:#444444;
	z-index: 1;
}


.content .contents  .catalog{
	float: left;
  	margin: auto;
	margin-right: 40px;
	background:#ffffff;
	width: 1060px;
	
}

.content .contents  .position{
	margin-right: 10px;
	background:#ffffff;
	float: left;
	width: 180px;
	height: 180px;
}

.content .contents  .position2{	
	background:#ffffff;
	float: left;
	width: 180px;
	height: 180px;
}


.content .contents .zglv{	
	font-family: Arial;
	font-size:22px;
	font-weight: bold;
	color:#323233;
	text-decoration: none;
	text-align:center;
	
}
.content .contents  p{
	color:#000000;
	font: 14px/25px Arial;
	text-decoration:none;
	}
	
/*  контент   */


/** fotter **/


.footer {
position: relative;
float:left;
width: 100%;
height: 230px;
z-index: 10;
clear:both;
}

.footers {
margin: auto;
width: 1100px;
height: 55px; 
background: #eaedee; /* Цвет фона */
}

.footers2 {
margin: auto;
width: 1100px;
height: 175px; 
background: #f4f6f7; /* Цвет фона */
}

.footer_bottom2{
	margin: auto;
	background:#f4f6f7;
	width: 1100px;
	height:35px;
}

.footer_bottom{
	margin: auto;
	background:#f4f6f7;
	width: 1100px;
	height:90px;
}

.footer_bottom  .logo{
	margin-left: 0px;
	background: url("../img/logo_bottom.png") #f4f6f7 left no-repeat;
	float: left;
	width: 280px;
	height: 40px;
}

.footer_bottom .logo .datas2{
color: #3a3a3a;
font-family: Arial;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 1.0em;
float: left;
margin-top: 50px;
margin-left: 25px;
}


.footer_bottom  .adres{
	margin-left: 10px;
	float: left;
	width: 370px;
	height: 70px;
}

.footer_bottom  .adres .tel{
	float: left;
    height: 15px;
    color: #3a3a3a;
    font: 12px/25px Arial;
	text-decoration: underline;
}

.footer_bottom  .adres .adr{
	float: left;
    height: 15px;
    color: #3a3a3a;
    font: 12px/25px Arial;
	line-height: 1.0em;
}

.footer_bottom  .otstup{
	margin-left: 27px;
	float: left;
	width: 1px;
	height: 70px;
}

.footer_bottom  .otstup2{
	margin-left: 27px;
	float: left;
	width: 30px;
	height: 70px;
}


.footer_bottom  .oplata{
	margin-left: 10px;
	float: left;
	width: 330px;
	height: 70px;
}

.footer_bottom  .oplata .opl{
	float: left;
    height: 15px;
    color: #3a3a3a;
    font: 12px/25px Arial;
}

.footer_bottom  .oplata .opl .adr{
	float: left;
    height: 15px;
    color: #3a3a3a;
    font: 12px/25px Arial;
	line-height: 1.4em;
}

.footer_bottom  .oplata .visa{
	/*margin-left: 10px;*/
	background: url("../img/visa.png") left no-repeat;
	float: left;
	width: 44px;
	height: 24px;
}

.footer_bottom  .oplata .card{
	margin-left: 10px;
	background: url("../img/card.png") left no-repeat;
	float: left;
	width: 44px;
	height: 24px;
}

.footer_bottom  .oplata .qiwi{
	margin-left: 10px;
	background: url("../img/qiwi.png") left no-repeat;
	float: left;
	width: 44px;
	height: 24px;
}

.footer_bottom  .oplata .webmoney{
	margin-left: 10px;
	background: url("../img/webmoney.png") left no-repeat;
	float: left;
	width: 44px;
	height: 24px;
}

.footer_bottom  .oplata .yandex{
	margin-left: 10px;
	background: url("../img/yandex.png") left no-repeat;
	float: left;
	width: 44px;
	height: 24px;
}

.footer_bottom3{
	margin: auto;
	background:#f4f6f7;
	width: 1100px;
	height:72px;
}

.footer_bottom3  .data{
	margin-left: 50px;
	float: left;
	width: 290px;
	height: 92px;
}

.footer_bottom3  .otstup{
	margin-left: 5px;
	float: left;
	width: 30px;
	height: 70px;
}

.footer_bottom3  .data .datas{
	float: left;
    height: 15px;
    color: #3a3a3a;
    font: 12px/25px Arial;
	line-height: 120%;
}

.footer_bottom3  .konekt{
	float: left;
	width: 360px;
	height: 92px;
}

.footer_bottom3  .konekt .konekts{
	float: left;
    height: 15px;
    color: #657b89;
    font: bold 12px/25px Arial;
	line-height: 120%;
}

.footer_bottom3  .socseti{
	margin-left: 10px;
	float: left;
	width: 150px;
	height: 92px;
}

.footer_bottom3  .socseti .vk{
	margin-left: 10px;
	background: url("../img/vk.png") left no-repeat;
	float: left;
	width: 26px;
	height: 26px;
}

.footer_bottom3  .socseti .facebook{
	margin-left: 10px;
	background: url("../img/facebook.png") left no-repeat;
	float: left;
	width: 26px;
	height: 26px;
}

.footer_bottom3  .socseti .twitter{
	margin-left: 10px;
	background: url("../img/twitter.png") left no-repeat;
	float: left;
	width: 26px;
	height: 26px;
}

.footer_bottom3  .socseti .wat{
	margin-left: 10px;
	background: url("../img/wat.png") left no-repeat;
	float: left;
	width: 26px;
	height: 26px;
}

.footer_bottom3  .pris{
	margin-left: 10px;
	float: left;
	width: 158px;
	height: 22px;
}

.footer_bottom3  .pris .pr{
	margin-top: 5px;
	float: left;
    height: 15px;
    color: #676767;
    font: 12px/25px Arial;
	line-height: 120%;
}

/** fotter **/


/** нижнее меню **/



.menu_bottom{
	margin: auto;	
	width: 1100px;
	background:#eaedee;
	color:#83888e;
	font-size:11px;
	height:55px;
}

.menu_bottom .menu{
	margin-top: 7px;
	margin-left: 20px;
	width: 1100px;
	height:55px;
	float: left;
}


.menu_bottom .menu .menus
{
		float: left;	
		width: 1100px;
		top: 35px;
		font-family:Arial, Helvetica, sans-serif;
		color:#676767;
		height:40px;	
		z-index: 1;
		margin: 8px;       
}

.menu_bottom .menu .menus li
{
        float: left;
        padding: 0 0 10px 0;
        position: relative;
		list-style-type: none;
}

.menu_bottom .menu .menus a
{
        float: left;
        height: 35px;
        padding: 0 30px;
        color: #3a3a3a;
        text-transform: uppercase;
        font: 12px/25px Arial;
        text-decoration: underline;
}

/** нижнее меню **/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:31px;
	border:none;
	cursor:pointer;
	text-indent:100%;
	background:url("../img/top.png") no-repeat left top;
	z-index:1000;
}

#toTopHover {
	background:url("../img/top.png") no-repeat;
	width:51px;
	height:31px;
	display:block;
	overflow:hidden;
	float:left;
	cursor:pointer;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	z-index:1000;
}

#toTop:active, #toTop:focus {
	outline:none;
}
