﻿  #header{
  width: 100%;    /* - ширина */
  height: 110px;   /* - высота */
  background-color:#FFF0F5; /*#FFF0F5  #25B33f;  - фоновый цвет (можно не задавать)*/
  margin-bottom: 10px;  /*  - отступ снизу */
  border: 1px solid; /* рамка */
  border-color: #DCDCDC ; /* цвет рамки  серый*/
  line-height: 0.1; /*устанавливает интервал между строками текста (межстрочный интервал) */
  color: red; /*black;*/
  /*background-color:#FFF0F5;#FFEBCD;#FAEBD7;#FFF0F5;#FFE4C4;#D2B48C;#FFDAB9;#CD853F;#B8860B;*/  
 header_fixed 
  position:fixed;
    left: 0;
  top: 0;  
 
 }
	  .header-block1 {
width:36%;
height:100px;
1border:1px solid green
margin-top:5px;
margin-left:5px;
float:left;
	  }		
	 .header-block2 {
		width:25%;
        height:100px;
        border:1px solid green;
		margin-top:5px;
		margin-left:5px;
		border-radius:60% 60%;
        float: left;	
        background-color:#A0522D;	
	 		 }
	 	 .header-block3 {
		width: 36%;
        height: 100px;
        1border: 1px solid blue
		margin-top:5px;
		margin-left:5px;
        float: left;
		line-height: 0.1px;
	 }		
	
  .block1 { 
    width: 200px;
    background: #ccc;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px black; 
    float: left;
   }
   .block2 { 
    width: 200px;
    background: #green; 
    padding: 5px; 
    border: solid 1px red; 
    float: left; 
    position: relative; 
    top: 40px; 
    left: -70px; 
   }
  
    menu {  
   /* list-style: none; /* Отключение отображения маркеров. no work*/
  }
    
  1#menu ul {
  1 list-style: none; /*убираем маркеры списка ?*/
  1 margin: 15px; /*убираем верхнее и нижнее поле, равное 1em  work*/
  1 padding-left: 100px;  /*убираем левый отступ, равный 40px*/ 
  }
  
   2#menu li {
   2 float: left; /* Выстраивание элементов списка в один ряд. work */
   2 margin-right: 30px; /*создание отступов для того, чтобы не сливались пункты меню. */
   2 font-family: Verdana, Arial, Helvetica, sans-serif;*/ /* Указание типа шрифта. */
   2 font-size: 14px; /* Размер текста в ссылках. */
}
   3menu li a { 
   3 display: block; /* Изменение отображения на блочное для того чтобы иметь возможность задать внутренние отступы. */
   3 padding: 15px 20px;  /* Внутри блочные отступы. */
   3 background: #0db5b5; /* Цвет блоков меню. */
   3color: #3f3f3f; /* Цвет текста в блоках меню. */
   3 text-decoration: none; /* Устранение подчёркивания ссылок. */
   3 position: relative; /* Это необходимо при использовании Internet Explorer 6 для того, чтобы ссылка по всей своей площади была «кликабельной». */
}
   4menu /*.navigation */ li a {
   5background: #92d3d3; /* Цвет блока при наведении курсора. */
   5color: #6b6b6b;  /* Цвет текста при наведении курсора. */
}
    
  #kontent {
  width: 100%;    /* - ширина */
  height: 2650px;   /*1400 - высота */
  background:red; /*gray white #e6f2ff; /*#ffffff; /* #25B33f;  - фоновый цвет (можно не задавать)*/
  
  border-style: none;
  margin-bottom: px;  /*  - отступ снизу */
  1-border: 2px solid; /* толшина  линии*/
  1-border: 1px solid #dcdcdc; /*#55c5e9; Рамка вокруг фотографии */
    1-padding: 10px; /* Расстояние от картинки до рамки */
    background-color: #FFFFFF;  /* Цвет фона */
   	margin-left: auto;
	margin-right: 0px; /* Отступ справа */
    margin-bottom: 0px; /* Отступ снизу */
  float: right; 
}
.kontent-img-14 {
	width: 100%;
	height: 200px; 
	1border: 1px solid;
	margin-bottom: 15px;
	1background-color: #DFFF00;
}
.kontent-img-141 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: red;
	 float: left;
	 margin-top: 10px;
	 margin-left: 15px;
	 margin-bottom: 5px;
	 }
	.kontent-img-142 {
     width: 19%;
	 height: 180px; 
	 3border: 1px solid;
	2background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }
.kontent-img-143 {
     width: 19%;
	 height: 180px; 
	 4border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }
.kontent-img-144 {
     width: 19%;
	 height: 180px; 
	 5border: 1px solid;
	 float:left;
	 margin-top: 10px;
	 margin-left: 5px;
	} 
		.kontent-img-145 {
     width: 19%;
	 height: 180px; 
	 5border: 1px solid;
	 float:left;
	 margin-top: 10px;
	 margin-left: 5px;
	} 
	.kontent-img-24 {
	width: 100%;
	height: 220px; 
	1border: 1px solid;
	margin-bottom: 20px;
	margin-top: 5px;
	1background-color: green;
	 }
	
	.kontent-img-241 { 
	 width: 19%;
	 height: 180px; 
	 2border: 1px solid;
	1background-color: red;
	 float: left;
 	 margin-top: 10px;
	 margin-left: 5px;
	}
	.kontent-img-242 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid;
	 1background-color: green;
	 float:left;
     margin-top: 10px;
	 margin-left: 5px;
	}
     .kontent-img-243 {
     width: 19%;
	 height: 180px; 
	 4border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }
	
	.kontent-img-244 {
     width: 19%;
	 height: 180px; 
	 5border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }

     .kontent-img-245 {
     width: 19%;
	 height: 180px; 
	 6border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }
	
		.kontent-img-34 {
	width: 100%;
	height: 200px; 
	1border: 1px solid;
	1background-color: green;
	margin-bottom: 15px;
	margin-top: 10px;
	}
	.kontent-img-341 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }
.kontent-img-342 { 
	 width: 19%;
	 height: 180px; 
	1 border: 1px solid;
	1background-color: red;
	 float: left;
 	 margin-top: 10px;
	 margin-left: 5px;
	}
	.kontent-img-343 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid;
	 1background-color: green;
	 float:left;
     margin-top: 10px;
	 margin-left: 5px;
	}
     .kontent-img-344 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }
	
	.kontent-img-345 {
     width: 20%;
	 height: 180px; 
	 1border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }
	
    .kontent-img-44 {
	width: 100%;
	height: 200px; 
	1border: 1px solid;
	margin-bottom: 15px;
	margin-top: 10px;
	}
	
.kontent-img-441 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }
.kontent-img-442 { 
	 width: 19%;
	 height: 180px; 
	 1border: 1px solid;
	1background-color: red;
	 float: left;
 	 margin-top: 10px;
	 margin-left: 5px;
	}
	.kontent-img-443 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid;
	 1background-color: green;
	 float:left;
     margin-top: 10px;
	 margin-left: 5px;
	}
     .kontent-img-444 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }
		.kontent-img-445 {
     width: 20%;
	 height: 180px; 
	1border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }
	.kontent-img-54 {
	width: 100%;
	height: 200px; 
	1border: 1px solid;
	margin-bottom:15px;
	margin-top: 10px;
	 }
	    .kontent-img-541 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 }
.kontent-img-542 { 
	 width: 19%;
	 height: 180px; 
	1border: 1px solid;
	1background-color: red;
	 float: left;
 	 margin-top: 10px;
	 margin-left: 5px;
	}
	.kontent-img-543 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid;
	 1background-color: green;
	 float:left;
     margin-top: 10px;
	 margin-left: 5px;
	}
     .kontent-img-544 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 text-align: center;
	 }
	.kontent-img-545 {
     width: 20%;
	 height: 180px; 
	 1border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 text-align: right;
	 }
	 
	 .kontent-img-64 {	    
	width: 100%;
	height: 250px; 
	1border: 1px solid;
	margin-top: 10px;
	margin-bottom: 15px;
	}
	.kontent-img-641 {
     width:70%;
	 height: 230px; 
	 1border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left:185px;
	 text-align: center;
		}
	.kontent-img-74 {	  /* проектирование и изготовления штанцформы,*/  
	width: 100%;
	height: 190px; 
	1border: 1px solid;
	margin-top: 5px;	
	margin-bottom: 5px;
	}
	.kontent-img-741 {
     width: 24%;
	 height: 170px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 10px;
	 4text-align: center;
	 }
.kontent-img-742 { 
	 width: 24%;
	 height: 170px; 
	 1border: 1px solid;
	1background-color: red;
	 float: left;
 	 margin-top: 10px;
	 margin-left: 10px;
	  3text-align: center;
	}
	.kontent-img-743 {
     width: 24%;
	 height: 170px; 
	 1border: 1px solid;
	 2background-color: green;
	 float:left;
     margin-top: 10px;
	 margin-left: 10px;
	 text-align: center;
	}
     .kontent-img-744 {
     width: 24%;
	 height: 170px; 
	 1border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 10px;
	 1text-align: center;
	 3background-color: green;
	 }
	
		
	.kontent-img-85 {	  /*разработка дизайна*/  
	width: 100%;
	height: 200px; 
	1border: 1px solid;
	margin-top: 10px;	
	margin-bottom: 5px;
	}
	.kontent-img-841 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 20px;
	  text-align: center;
	 }
.kontent-img-842 { 
	 width: 10%;
	 height: 180px; 
	 1border: 1px solid;
	1background-color: red;
	 float: left;
 	 margin-top: 10px;
	 margin-left: 5px;
	 1text-align: center;
	}
	.kontent-img-843 {
     width: 29%;
	 height: 180px; 
	 1border: 1px solid;
	 1background-color: green;
	 float:left;
     margin-top: 10px;
	 margin-left: 5px;
	 text-align: center;
	}
     .kontent-img-844 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	 text-align: center;
	 }
	 .kontent-img-845 {
     width: 19%;
	 height: 180px; 
	 1border: 1px solid;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	text-align: center;
	 }

   .kontent-img-94 {	    /*изготовление клише*/
	width: 100%;
	height: 200px; 
	1border: 1px solid;
	margin-top: 1px;	
	margin-left: 5px;
	margin-bottom: 15px;
	}
.kontent-img-941 {
     width: 24%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	  text-align: center;
}
.kontent-img-942 {
     width: 24%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	  text-align: center;
}
.kontent-img-943 {
     width: 24%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	  text-align: center;
}
.kontent-img-944 {
     width: 24%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	  text-align: center;
	  }
	  .kontent-img-100 {	    /* транспортные услуги*/
	width: 100%;
	height: 200px; 
	1border: 1px solid;
	margin-top: 5px;	
	margin-bottom: 5px;
	}
.kontent-img-1041 {
     width: 33%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	  text-align: center;
}
.kontent-img-1042 {
     width: 33%;
	 height: 180px; 
	1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	  text-align: center;
}
.kontent-img-1043 {
     width: 30%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	  text-align: center;
}
.kontent-img-1044 {
     width: 20%;
	 height: 180px; 
	 1border: 1px solid; 
	 1background-color: green;
	 float: left;
	 margin-top: 10px;
	 margin-left: 5px;
	  text-align: center;
	  }
	  

  #footer {	
  width: 99%;    /* - ширина */
  height: 215px;   /* - высота215 */
  1-text-shadow: 11px 11px 11px 11px;
  line-height: 100%; /* интервал между строк */
  margin-top: -10px; /* отступ таблицы блока от  верхнего края*/
   margin-bottom: 1px;  /*  - отступ снизу * нижния часть низ*/
    margin-left: -20px; /*отступы  по краем*/
     margin-right: auto;
  background-color:#CD853F;	/*#FAF0E6 ok2; /*#4682B4 ok2; /*#008080 ok1;/*#C0C0C0?;	#CD853F ok;	/*#8B4513; /*#F5F5DC; /*DarkOrchid*/; /*#66b0ff; #25B33f;зеленый #FFF0F5; розовый - фоновый цвет (можно не задавать)*/
  border: 1px solid; /*границы рамка, толшина линии*/ 
  border-color:#DCDCDC; /* border-color: #DCDCDC; цвет рамки-серый*/
  line-height: 1px; /*интервал между строк */  
  padding: 20px; /* поля вокруг текста*/
    }
   
  .footer-block1   { /*ok blok*/
   width:28%; /*ширина блока1*/
   height:205px; /*высота блока1*/
   border:1px double red; /*green; /*цвет рамки и толшина линии блока1*/
   border-radius: 3% 3%; /*закругления рамки блока1*/
   margin-top:5px; /*отступы сверхублока1 */
   margin-left:50px; /*отступ с лева блока1*/
   margin-right:5px; /*отступ с право юлока1*/
   float: left; /* ??? ok*/
   background-color: #8B4513; /* ok*/
   color: black; /*#ffffe0; /*#00CED1; /*березовый цвет*/
	  }
    .footer-block2 {
		width:28%;
        height:205px;
        border:1px double green; /*red;*/
		margin-top:5px;
		margin-left:50px;
		margin-right:1px;
		border-radius:3% 3%;
        float:left;	
		1color:#ffffe0;
		2color:#F0E68C;
		1color: black; /*+#00CED1 #F0E68C;*/
		background-color:#8B4513;
  }
     .footer-block3 {
		width: 28%;
        height: 205px;
        border: 1px solid blue;
		border-radius: 3% 3%;
		margin-top:5px;
		margin-left:50px;
		1-color:#00CED1;
		background-color:#8B4513;
        float:left;
		1-color:#8B4513; /*#A52A2A; /*#8B0000;/*#A52A2A;  /*#8B4513;*/
		2-color:#FFA500;
		color:black;
	 }	
      #footer1 { 
		width:100%;  
        height:45;
        margin-top:30px; 
		background-color: White;   
		float: left; /* 'это блок где CBP-ist что  это ?*/
		}
		
    .footer1-bl1{
  width:33%;
  height:30px;
  1border:1px solid blue;
  1border-radius:3% 3%;
  margin-top:1px;
  1margin-left:15px;
  float:left;
  background-color: white;
  }
  .footer1-bl2{
  width:33%;
  height:35px;
  1border:1px solid green; 
  1border-radius:3% 3%;
  margin-top:1px;
  margin-left:5px;
  float: left;
  background-color: white; 
  }  
  .footer1-bl3{
  width:30%;
  height:35px;
  1border:1px solid blue;
  1border-radius:3% 3%;
  margin-top:1px;
  margin-left:5px;
  float: left;
  background-color: white; 
    }
		

	
	
 
  
