.slaider {
    margin: 0 auto;
	width: 600px;
	height: 100%;	
}
body {
	font-family: Arial, San-Serif;
	font-size: 100%;
}
p {
   text-indent: 20px; /* Отступ первой строки в пикселах */
   font-style: 13px;
   line-height: 1.3em;
}
.top{
	float: center;
	margin: 0 auto 0 auto;
	width: 100%;
}
.top h2,h3 {
color: blue;
text-align: center;		
}
.top h3 {
color: green;
text-align: center;		
}

/* Заголовок*/	
.header {
	padding: 10px 0;
	background-color: blue;
        width: 100%;
	/*background-image: url('top.jpg');*/ 
	
}
.header h1 {
	color: yellow;
	text-align: center;
}	
.header h2 {
	color: #FFF;
	text-align: right;
}
/*Top menu*/
.menu{ /*элемент с классом menu*/
   position: relative; /*устанавливает способ позиционирования элемента - обычное положение элемента, дочерние элементы с абсолютным позиционированием будут позиционироваться относительно границ родителя. */
   padding: 0 0 0 34px; /*внутренние отступы сверху, справа, снизу, слева*/
   margin: 0 auto 0 auto; /*внешние отступы автоматически*/
   background: url(menu_bg.gif) repeat-x; /*фоновое изображение и путь к изображению, повторить(растянуть) по оси x*/
   height: 46px; /*высота*/
   list-style: none; /*задаем стиль отображения маркеров - отобразить без маркера*/
}
.menu li{ /*элемент li элемента с классом menu*/
   float:left; /*выравниваем по левому краю, остальные элементы обтекают справа*/
}
.menu li a{ /*ссылка элемента li элемента с классом menu*/
   float: left; /*выравниваем по левому краю, остальные элементы обтекают справа*/
   display: block; /*блочный элемент - элементы начинаются с новой строки, после элемента также добавляется перенос строки*/
   color:#000; /*цвет*/
   text-decoration: none; /*подчеркивание отсутствует*/
   font-family: sans-serif; /*шрифт*/
   font-size: 16px; /*размер шрифта*/
   font-weight: bold; /*начертание шрифта - стандартный полужирный шрифт (значение = 700)*/
   padding:0 0 0 20px; /*внутренние отступы сверху, справа, снизу, слева (ЖЕЛАТЕЛЬНО НЕ МЕНЯТЬ !)*/
   height: 46px; /*высота*/
   line-height: 46px; /*задаем высоту линии (интерлиньяж, межстрочный интервал) текста*/
   text-align: center;/*выравнивание текста - по центру*/
   cursor: pointer;/*задаем тип курсора - обычный в виде руки*/
}
.menu li a b{ /*тег b ссылки элемента li элемента с классом menu*/
   float: left; /*выравниваем по левому краю, остальные элементы обтекают справа*/
   display: block;/*блочный элемент - элементы начинаются с новой строки, после элемента также добавляется перенос строки*/
   padding: 0 24px 0 3px; /*внутренние отступы сверху, справа, снизу, слева (тут как бы расстояние между элементами меню)*/
}
.menu li.current a, .menu li a:hover{ /*ссылка элемента li с классом current элемента с классом menu, ссылка элемента li элемента с классом menu при наведении курсора*/
   color: #fff; /*цвет*/
   background: url(menu_hover_left.gif) no-repeat; /*фоновое изображение и путь к изображению (левой картинке), не повторять*/
   background-position: left; /*позиция фонового изображения - слева*/
}
.menu li.current a b, .menu li a:hover b{ /*тег b ссылки элемента li с классом current элемента с классом menu, тег b ссылки элемента li элемента с классом menu при наведении курсора*/
   color: #fff; /*цвет*/
   background: url(menu_hover_right.gif) no-repeat right top; /*фоновое изображение и путь к изображению (правой картинке), не повторять, отобразить справа сверху(в правом верхнем углу)*/
}

/*Коллекции*/
.collection {
	overflow: auto;
}

.collection-title {
	padding-bottom: 5px;
	border-bottom: 1px solid #777;
	font-size: 36px; 
}
.collection-title small {
	color: #777;
	font-size: 70%;
}
.collection-item-outer {
	display: inline-block;
	float: center;
	padding-left: 5px;
	padding-right: 5px;
	width: 33.3%;
	box-sizing: border-box;  
}
.collection > div:first-child {
	padding-left: 0;
	padding-right: 5px; 
}
.collection > div:last-child {
	padding-right: 0;
	padding-left: 5px;
}
.collection-item {
	border: 1px solid #959595;
}
.collection-item img {
	width: 100%;
	height: 200px;
}
.collection-item video {
	width: 100%;
}
.collection-text {
	padding: 0 20px 20px 20px;
}
.collection-text h4 {
	color: blue;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; 
	text-align: center;
}
.collection-text p {
height: 100px;
overflow: hidden;
text-align: justify;
}
.collection-text button {
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 5px;
	outline: none;
}
/*SP_ROBOT*/
.collection1 {
	overflow: auto;
}
.collection1-item-outer {
	display: inline-block;
	float: left;
	padding-left: 20px;
	padding-right: 5px;
	width: 1190px;
	box-sizing: border-box;  
}
.collection1 > div:first-child {
	padding-left: 0;
	padding-right: 5px; 
}
.collection1 > div:last-child {
	padding-right: 0;
	padding-left: 5px;
}
.collection1-item {
	border: 1px solid #959595;
	width: 1190px;
	height: 200px;
}
.collection1-item img {
	float: left;
	padding: 5px 5px 5px 5px;
	width: 250px;
	height: 160px;
	box-sizing: border-box; 
}
.collection1-text {
	padding: 5px 5px 5px 5px;
}
.collection1-text p {
height: 40px;
overflow: hidden;
text-align: justify;
}
.collection1 button {
float: left;
max-width: 8em;
min-height: 2em;
margin-left: 1000px;
margin-right: 0em;
border: 2px solid orange;		
}
/*ZMAGANYA*/
.collection2 {
	overflow: auto;
}
.collection2-item-outer {
	display: inline-block;
	float: left;
	padding-left: 20px;
	padding-right: 5px;
	width: 99%;
	box-sizing: border-box;  
}
.collection2 > div:first-child {
	padding-left: 0;
	padding-right: 5px; 
}
.collection2 > div:last-child {
	padding-right: 0;
	padding-left: 5px;
}
.collection2-item {
	border: 2px solid blue;
	width: 99%;
	height: 200px;
}
.collection2-item img {
	float: left;
	padding: 5px 5px 5px 5px;
	width: 250px;
	height: 160px;
	box-sizing: border-box; 
}
.collection2-text {
	padding: 5px 5px 5px 5px;
}
.collection2-text p {
height: 40px;
overflow: hidden;
text-align: justify;
}
.collection2 button {
float: left;
max-width: 8em;
min-height: 2em;
margin-left: 90%;
margin-right: 0em;
border: 2px solid orange;
background: #fff5d7;		
}
.c {
text-decoration: none; 	
}
.floated {
   float:right;
   margin-right:5px;
}

/*TEXT*/
.text {
    margin: 0 auto;
	width: 960px;
}
.text h3 {
color: blue;
text-align: center;	
}
.text h4 {
color: yellowgreen;
text-align: right;	
}	
.text p {
   font-style: 13px;
   line-height: 1.3em;
   text-align: justify;
}
.text img {
float:left; /* Выравнивание по левому краю */
margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
}
.text1 {
    margin: 0 auto;
	width: 960px;
	height: 2750px;
}
.text1 h3 {
color: blue;
text-align: center;	
}
.text1 h4 {
color: yellowgreen;
text-align: right;	
}	
.text1 p {
   font-style: 13px;
   line-height: 1.3em;
   text-align: justify;
}
.text1 img {
float:left; /* Выравнивание по левому краю */
margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
}

.str {
	margin: 0 auto;
	width: 600px;
	height: 100%;
}
.knopka {
	margin: 0 auto 0 auto;
	width: 200px;
}
.kn {
text-decoration: none;	
width: 200px;
  }
/*FOOTER*/
.footer {
	background-color: blue;
	color: white;
	padding: 20px 0;
	margin-top: 30px;  
}