/*------------------------------------*\
	сброс
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
} 
table{
	border-collapse:collapse;
	border-spacing:0;
}  
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}  
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
} 
abbr,acronym{
	border:0;
}
/*------------------------------------*\
	конец сброса
\*------------------------------------*/

body, html {
font-family:Arial,Verdana,sans-serif;
font-size:0.915em;
margin:0px;
padding:0px;
height: 100%;
width:100%;
background-color: white;
	min-width:970px;

}

.maket{
min-height: 100%;


}

.header{
width:100%;
height: 120px;
/*padding:15px; /* отступ от рамки до текста внутри */
background-image: url(images/bg_header.png);
background-position: center center; /* Положение фона */
background-repeat: no-repeat; /* Отменяем повторение фона */
background-color: #FFffFF;
}

.header a{
display: block;
width:567px;
height: 120px;
text-align: center;
margin: 0 auto;
text-indent:-9999px;
}

/*
______________
меню навигации
______________
______________________________________________
 основные цвета :         активный - #6699cc; rgba(102,153,204,0.8);
			неактивный - #99CCFF; rgba(153,204,255,0.85);
______________________________________________
 style="cursor: pointer; cursor: hand;"
*/                                              


#nav{
	position:relative;
	float:left;
	width:100%;
	font-weight:bold;
	margin-bottom:10px;
}


#nav ul{
	list-style:none;  /*убирает маркеры в списке*/
	position:relative;
	float:right;
	right:50%;
}

#nav ul li{

	margin: 0px 2px 0px 2px;
	position:relative;
	float:left;
	left:50%;
	cursor: pointer;
	cursor: hand;
}

#nav ul li:hover a{
	background: rgba(102,153,204,0.8); /* цвет кнопок верхнего меню наведённой мышки */
}


#nav ul li:hover ul a{
	background: rgba(102,153,204,0.8); /* цвет кнопок выпадающего меню при наведении на верхнее меню */
}

#nav ul li a{
	box-shadow: 3px 3px 10px rgba(0,0,0,1); /* Параметры тени */
	display:block;
	padding:4px 5px 4px 5px;
	color: #fff;
	background: rgba(153,204,255,1); /* цвет кнопок верхнего меню */
	text-decoration:none;
/*	text-shadow:1px 1px 1px rgba(0,0,0,1); /* Тень текста, чтобы приподнять его на немного */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#nav ul li a:hover{
	background: rgba(102,153,204,0.8); /* цвет кнопок верхнего меню наведённой мышки */

}                    

/*
____________________________________
 меню навигации -  выпадающие пункты
____________________________________
*/


#nav ul li ul {
	position:absolute;  
	display:none;     /* скрытие выпадающего списка когда он неактивен */	
	left:0;
	right:auto;
}


#nav ul li ul.last {
	left:auto;  /* корректировка положения последнего выпадающего списка (чтобы были под своей родительской кнопкой) */
	right:0;    /* корректировка положения последнего выпадающего списка (чтобы были под своей родительской кнопкой) */
}


#nav ul li:hover ul{
	position:absolute;
	display:block;        /* отображение выпадающего списка при наведении на верхнее меню */
}

#nav ul li:hover ul a{
	-moz-transition:-moz-transform 0.18s linear;
	-webkit-transition:-webkit-transform 0.18s linear; /* скорость масштабирования менюшек */
}


#nav ul li ul li {
	z-index:30; /* выпадающие списки были поверх основного меню */
	right:0;      /* корректировка положения выпадающих списков (чтобы были под своей родительской кнопкой) */
	left:auto;    /* корректировка положения выпадающих списков (чтобы были под своей родительской кнопкой) */
	float: none; /* расширяем выпадающий список до ширины максимального в списке*/
	padding-top:3px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
}


#nav ul li ul li a{
	text-transform: none; 
	display:block;
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	right:50%;
	text-align: center; 


}

#nav ul li ul li a:hover{

	background: rgba(153,204,255,0.8); /* цвет кнопки под курсором на выпадающем меню */
	-moz-transform:scale(1.25);     /* размер трансформации кнопки */
	-webkit-transform:scale(1.25);  /* размер трансформации кнопки */

} 
/*
______________
конец меню навигации
______________
*/                                              


#list_glav{
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;

	box-shadow: 5px 5px 10px rgba(0,0,0,0.9); /* Параметры тени */
	clear:both;
	background: #99CCFF;
	margin: 10px 20px 10px 20px;
	padding: 10px 180px 10px 10px;
}       	

#list{
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;

	box-shadow: 5px 5px 10px rgba(0,0,0,0.9); /* Параметры тени */
	clear:both;
	background: #99CCFF;
	margin: 10px 20px 10px 20px;
	padding: 5px;

	text-align: center;
}       	



#content{
	position: relative;
	float: right;
	width:100%;
}

h1{
	text-align: center;
	font-weight: bold;
	font-size: 1.15em; 
}

h2{
	color: #fff;
	padding: 5px 0 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	text-shadow:2px 2px 2px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */


}

h3{
	color: #fff;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 1.3em;
	text-shadow:2px 2px 2px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */

}



p{
	text-indent: 30px;
}

.cursiv{
	font-style: italic; 
	font-weight: bold;
}


/* _____________________________*/
/*		слайдеры	*/
/* _____________________________*/

.block{
	position: relative;
	float: right;
}

.slider{
	position: absolute;
	right: 50%;
	white-space:nowrap;
	z-index:8;
}

.slider:hover{
	z-index:100;
}

.slider1{
	position: relative;
	right: -50%;
}

.slider1 img{
	box-shadow: 3px 3px 10px rgba(0,0,0,0.9); /* Параметры тени */
	display: -moz-inline-box;
	display: inline-block;
	height: auto;
	overflow: visible;
	border: 1px solid #f0f0f0;
	transition: width 0.5s, height 0.5s;
	 -webkit-transition: width 0.5s, height 0.5s;

	cursor: pointer;
	cursor: hand;

}

/* __________слайдер верхний __________*/

.razmerblocksliderverh{
	width:100%;
	height:100px;
}

.verh{
top:0;
}

.verh img:hover{
	width:640px;
	height:480px;
}

.verh1 img{
vertical-align: top;
	width:120px;
	height:90px;

}

/* __________слайдер верхний окончание__________*/


/* __________слайдер нижний__________*/

.razmerblocksliderniz{
	width:100%;
	height:130px;
}


.niz{
bottom:0;
}

.niz img:hover{
	width:360px;
	height:480px;
}

.niz1 img{
vertical-align: bottom;
	width:90px;
	height:120px;

}	

/* __________слайдер нижний окончание__________*/


/* _____________________________*/
/*	слайдеры конец		*/
/* _____________________________*/





/* __________галерея картинок___________*/
/* _____________________________________*/

.gal {
	position: relative; /* Относительное позиционирование */
	min-width:320px;
	border: 2px solid #fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	display: inline-block; /* Отображать как строчный элемент */
	*display:inline; /* Отображать как строчный элемент для осла */
	*zoom: 1;
	vertical-align: top;
	margin: 2px;
}

.gal_zag {
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	color: #fff;
	text-align: center;
	padding:2px;
	background: #6699CC;
	font-weight: bold;
	font-size: 1.15em; 
	background-image: url(images/topsh.png);
}

.mass_kartinka {
	text-align: center;

}


.kartinka {

	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin: 2px;
        display: inline-block; /* Отображать как строчный элемент */
	*display:inline; /* Отображать как строчный элемент для осла */
	*zoom: 1;
	width:100px;
	height:75px;


}
.kartinka img{
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

/* _______________plitka_________________ */
.massiv_tsvet{
	border: 1px solid #fff;
	margin: 2px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	vertical-align: top;
	text-align: center;
	display: inline-block; /* Отображать как строчный элемент */
	*display:inline; /* Отображать как строчный элемент для осла */
	*zoom: 1;
}
.plitka{
	display: inline-block; /* Отображать как строчный элемент */
	*display:inline; /* Отображать как строчный элемент для осла */
	*zoom: 1;
	list-style-type: none; /* Убираем маркеры */
	width:30px;
	height:30px;
	margin: 1px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

}

.plitka img{
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

}


.plitka_nazvanie{
	list-style-type: none; /* Убираем маркеры */
	line-height:32px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:0 2px 0 2px;
}

/* _______________plitka_________________ */

/* _______________tsena_________________ */

.tsena {
	list-style: none;
	text-align: left;
	font-weight: bold;
	margin: 2px 0 0 4px;

}
.tsena ul {
	z-index:10;
	width:300px;
	list-style: none;
	position: absolute; /* Абсолютное позиционирование */
	display: none;
	background: #6699CC;
	border: 1px solid #fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:2px;

	opacity: 0.85; /* Полупрозрачный фон */
	filter: alpha(Opacity=85); /* Прозрачность в IE */

}
.tsena_vspliv {
	cursor: pointer;
	background: #6699CC;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
}
.tsena_vspliv:after {
	content: '▼развернуть▼';
}
.tsena li.on >.tsena_vspliv:after {
	content: '▲_свернуть_▲';
}

.tsena_summa {
	color: #8B0000;
}
.tsena_summa:after {
	content: 'руб.';
}



/* _______________tsena_________________ */



.white1 {
	background: #99CCFF;
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
}

.white1_4 {
	background: #99CCFF;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
}


.white2_0 {
	background: #77B3F0;
}
.white2_2 {
	background: #77B3F0;
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
}
.white3 {
	background: #6699CC;
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
}








.galpvh {
width:20%;
float: left;
}


.gal_sppvh {
	margin: 5px;
	border: 2px solid #fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;

}


.gal_sppvh p{
	margin: 0px;  
	text-indent: 0px; /* Отступ первой строки в пикселах */
	font-size: 0.9em; 
	font-weight: bold;
	color: #104E8B;
	text-align: center;

}
.kpvh {
	width:70px;
	height:70px;
	float: left;
	margin: 5px;
}

.npvh p{
	text-indent: 20px; /* Отступ первой строки в пикселах */
	font-size: 1.15em; 
	font-weight: bold;
	color: white;
background-color:#6699CC;

}
/* ___________________________________________*/
.galtip {
text-align: center;
}

.ktip {
	display: inline-block;
	background: white;
	margin: 5px;
	padding: 2px; /* Поля вокруг текста */

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

}
.ktip img{
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.galform {
text-align: center;
	margin: 5px;
}

.kform {
	display: inline-block;

}
.padform{
	text-indent: 0px;
	padding: 5px; /* Поля формы */
}
.padform p{
	text-indent: 0px;
}


/* _________форма обратной связи кнопка___________*/
input[type='submit'], button {
	font-weight: bold;
	padding: 5px;
}

/* __________схема проезда___________*/
.schm {
	display: inline-block; /* Отображать как строчный элемент */
	width:600px;
	height:450px;
	margin-bottom:10px;
}




/* _________форма обратной связи кнопка_конец__________*/

/* __________галерея картинок конец___________*/
/* ___________________________________________*/



/* __________гамма цветов ДСП___________*/


.color h4{
	font-weight: bold;
	font-size: 1.0em;
	margin:1px 1px 1px 5px;
}

.color {
	list-style:none;  /*убирает маркеры в списке*/
	float: left;
}

.clrw33 {
	width:33%;
}

.clrw50 {
	width:50%;
}

.color li {
display: inline-block; /* Отображать как строчный элемент */
}


.color li img{
	margin:1px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;


}

/* __________гамма цветов ДСП конец___________*/

/* __________список цен начало___________*/
.ts {
	list-style:none;
	font-weight: normal;
 	float: left;
	width:31%;
	height:45px;
	margin:1px 0px 6px 6px;

}

/* __________список цен конец___________*/

/* __________новинка бейджик___________*/

.new {
position: absolute;
right: 0px; /* Положение от правого края */
}


/* __________банеры___________*/
/* ___________________________*/

#baneri{
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	position: relative;
	float: right;
	width:160px;
	margin-right:-170px;
}

#baneri h2{
	font-size: 1.0em;
}




.b_pogoda{

 	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

font-family:Arial;
font-size:16px;
background-color:#6699CC;
background-image: url(images/topsh.png);
}

.b_16036{
	margin-top: 10px;
	border: 2px solid #6699cc;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.b_16036 a {
display: block;
}


.b_dizainer{
	margin-top: 10px;
	border: 2px solid #6699cc;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.b_dizainer a {
display: block;
height:160px;
background-image: url(images/ts.png);
}

.b_dizainer a:hover{
height:160px;
background-image: url(images/tsh.png);
}





.b_dizainer1{
	margin-top: 10px;
	border: 2px solid #6699cc;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.b_dizainer1 a {
display: block;
height:50px;
background-image: url(images/ts1.gif);
}

.b_dizainer1 a:hover{
height:50px;
background-image: url(images/tsh1.gif);
}



.news{
	margin-top: 10px;
	padding: 5px;
 	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
        font-family:Arial;
	font-size:13px;
	background-color: #FF6347;;

}

.news h2{
	padding-bottom: 5px;
}

.news p{
	text-indent: 0px; /* Отступ первой строки */
}




/* __________банеры конец___________*/
/* _________________________________*/





.rasporka{
height:40px;
}
.podval{
color:#fff;
text-shadow:2px 2px 2px rgba(0,0,0,0.95); /* Тень текста, чтобы приподнять его на немного */
font-size:0.95em;
margin-top:-40px;
padding:10px; /* отступ от рамки до текста внутри */
background-image: url(images/bg_podval.png);
background-position: center center; /* Положение фона */
background-repeat: no-repeat; /* Отменяем повторение фона */
background-color: #ffffff;
text-align: center;
font-weight:bold;
}

.podval a{
color:#fff;
text-transform: uppercase;
}
/*___________помогалки фоны________________*/
.clear {clear: both;}

.green {background: green;}
.gold {background: gold;}
.red {background: red;}
.blue {background: blue;}
.white {background: white;}
.brown {background: brown;}

/*___________counter________________*/
.counter {
text-align: center;
}


.alarm{
z-index: 300;
color: white;
position:fixed;
	font-weight:bold;
	background: red;
width:100%;
text-align: center;
font-size: 16px;	
}