body{
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	background-image: url(../img/fon.png);
}

#container{
	border: 1px solid black;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	min-width: 593px;
	box-shadow: 0 0 15px #000000;
	border-radius: 10px;


}

/*----------Шапка. Лого---------------------------------------------------*/
#wrap{
	position: relative;
}

#header_img{
	overflow: hidden;
}

.banner{
	display: block;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#header_soc{
	position: relative;
	top: 13px;
}

.knopka_1 {position: absolute;	left: 52px;}
.knopka_2 {position: absolute; left: 103px;}
.knopka_3 {position: absolute; right: 122px;}
.knopka_4 {position: absolute; right: 72px;}
.knopka_5 {position: absolute; right: 21px;}



#headr_text{
	display: flex;
	background-image: url(../img/panel.png);
	height: 42px;
	color:#ffffff;
	padding-left: 200px;
	justify-content: center;
	align-items: center;
        text-shadow:0 0 10px #c00;
}

#logo{
	position: absolute;
	top: 233px;
	left: 10px;
}

.knopka_5{
	margin-top: 6px;
}

/*----------Тело сайта---------------------------------------------------*/
#osnova{
	display: flex;	
	
	background-color:  #ffffff;
}



/*----------ПАНЕЛЬ МЕНЮ----------*/
.side_bar{
	background-image: url(../img/Background_menu_left.png);
	background-repeat: repeat-y;
}

.side_bar_menu{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 50px;
	width: 198px;
}

.side_bar_menu li{
	padding: 0 14px;
	min-height: 30px;
	overflow: auto; 
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-top: 1px solid #FEFEF2;
	transition: all 0.2s;

}

.side_bar_menu li:last-child{
	border-bottom: 1px solid #FEFEF2;
}

.side_bar_menu li:hover{
	background-color: #FEFEF2;
	transform: translate(10px);
}


}
.side_bar_menu li a{
	text-decoration: none;
	color: #000000;
}

.side_clock_bar{
        margin: 25px;
}


/*----------календарь----------*/

#calendar2 {
  width: 100%;
  font: monospace;
  line-height: 1.2em;
  font-size: 15px;
  text-align: center;
}
#calendar2 thead tr:last-child {
  font-size: small;
  color: rgb(85, 85, 85);
}
#calendar2 thead tr:nth-child(1) td:nth-child(2) {
  color: rgb(50, 50, 50);
}
#calendar2 thead tr:nth-child(1) td:nth-child(1):hover, #calendar2 thead tr:nth-child(1) td:nth-child(3):hover {
  cursor: pointer;
}
#calendar2 tbody td {
  color: rgb(44, 86, 122);
}
#calendar2 tbody td:nth-child(n+6), #calendar2 .holiday {
  color: rgb(231, 140, 92);
}
#calendar2 tbody td.today {
  background: rgb(220, 0, 0);
  color: #fff;
}

/*-------ФОРМА ОТПРАВКИ ПИСЕМ-------*/
#feedback-form { /* вся форма */
  max-width: 550px;
  padding: 2%;
  border-radius: 3px;
  background: #f1f1f1;
}
#feedback-form label { /* наименование полей */
  float: left;
  display: block;
  clear: right;
}
#feedback-form .w100 { /* поля */
  float: right;
  max-width: 400px;
  width: 97%;
  margin-bottom: 1em;
  padding: 1.5%;
}
#feedback-form .border { /* граница полей */
  border-radius: 1px;
  border-width: 1px;
  border-style: solid;
  border-color: #C0C0C0 #D9D9D9 #D9D9D9;
  box-shadow: 0 1px 1px rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.1) inset;
}
#feedback-form .border:focus {
  outline: none;
  border-color: #abd9f1 #bfe3f7 #bfe3f7;
}
#feedback-form .border:hover {
  border-color: #7eb4ea #97cdea #97cdea;
}
#feedback-form .border:focus::-moz-placeholder { /* убрать при фокусе первоначальный текст поля */
  color: transparent;
}
#feedback-form .border:focus::-webkit-input-placeholder {
  color: transparent;
}
#feedback-form .border:not(:focus):not(:hover):valid { /* правильно заполненные поля */
  opacity: .8;
}
#submitFF { /* кнопка "Отправить" */
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
  background: #669acc;
  color: #fff;
}
#feedback-form br {
  height: 0;
  clear: both;
}
#submitFF:hover {
  background: #5c90c2;
}
#submitFF:focus {
  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
/*----------------ГЛАВНАЯ----------------------*/

/*---- Слайдер ----*/
div.slider{
    border: 0,5px solid black;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden; 
    width: 770px; 
    height:300px; 
    position: relative;
    box-shadow: 0 0 7px #000000;
    border-radius: 10px;
}

#Blocks{
    position:absolute; 
    top: 0; 
    left:0; 
    width: 1550px; 
    height:300px;
}

div.Block {
   width: 770px; 
    height:300px; 
    float: left;
}

.telo-cenik {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 40px;
    margin-right: 0px;
}
/*---- Ценики ----*/
.cenik {
    width: 164.5px;
    margin-bottom: 25px;
    margin-right: 3% !important;
    margin-left: 0 !important;
    display: inline-block;
    float: left;
}

a.name {
    text-align: center;
    padding-left: 10px;
    padding-right: 20px;
    display: block;
    margin-bottom: 7px;
}

.img-block {
display: block;
height: 208px;
/*-margin-bottom: 10px;-*/
}

.shadow {
height: 209px;
box-shadow: 0px -14px 10px -17px #000000 inset;
}

span {
font-size: 15px;
color: #565655;
font-style: inherit;
font-weight: bold;
}

.minitxt {
font-size: 12px;
color: #565655;
font-style: inherit;
font-weight: bold;
}

/*----------ФЛЕКСОПЕЧАТЬ---------------------------------------------------*/
.flekso_foto {
	/*padding-top: 10px;*/
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 10px;
}

.fl_img{
	/*width: 105px;*/
	margin: 2px;
	padding:5px;
	border-radius: 5px;
	overflow: hidden;
	background-color: #2e3c4433;
}

.flekso_foto img{
	width: 110px;
}

.flekso_galereya{
	display: flex;
	justify-content: center;
}

.kn{
	margin: 15px;
	padding: 5px;
	border: 1px solid blue;
	background-color: #7A7AFF;
	border-radius: 5px;
}

.kn:hover{
	background-color: #6262E7;
}

.kn a{
	text-decoration: none;
	color: #FFFFFF;
}

/*---------------БИГБОРДЫ--РЕКЛАМНЫЕ ЩИТЫ------------------------*/
.hide{
	display: none;
}

.hide + label ~div{
	display: none;
}

.hide + label{
	display: flex;
	align-items: center;
	padding: 10px;
	background: #F2F2FF; 
	cursor: pointer;
	margin-bottom: 5px;
}

.hide:checked + label + div{
	display: block;
	color: black;
	background: #ffffff; 
	box-shadow:  0 0 10px #414141;
	padding: 10px;
	margin-bottom: 25px;
	text-align: center;
}

.board_img{
	border:1px solid black;
	padding: 5px;
	margin: 10px 10px;
	background: #F2F2FF;
}

label:hover{
	background-color: #E2E2FF;
	transition: all 0.1s;
}

/*---------- КОНТАКТЫ ---------------------------------------------------*/
#content{
	/*background-color: #FEFEF2;*/
	color: #28288F;
	width: auto;
	
	flex-wrap: wrap;
}


section{
	
	flex-wrap: wrap;
}
.otdel{
	border: 1px solid red;
	padding: 5px;
	margin: 5px;
}
<width="0" border="1" cellspacing="0"  bgcolor="White" class="black" style="font-size: 12px;">#FEFEF2;
#tab_contact{

}
#tab_contact_time td{
border-left:45px solid #ecf0f1;
border-right:45px solid #ecf0f1;
border-bottom:7px solid #CDD6DB;
width:86%;
background: #ecf0f1;
/* CDD6DB e5e7e9 */
}

#tab_contact td{
border-left:5px solid #CDD6DB;
border-right:5px solid #CDD6DB;
border-bottom:5px solid #CDD6DB;
width:50%;
background: #CDD6DB;
}
#tab_contact_map td{
border-top:7px solid #ecf0f1;	
border-left:7px solid #ecf0f1;
border-right:7px solid #ecf0f1;
border-bottom:7px solid #ecf0f1;
width:0%;
background: #ecf0f1;
/* CDD6DB e5e7e9 */
}
/*------------кнопка на верх-------*/



/*----------О НАС---------------------------------------------------*/
.content{
	/*background-color: #FEFEF2;*/
	padding: 20px;
	color: #28288F;
	width: 100%;
}

.content h2{
	text-align: center;
	margin: 0;
	padding-bottom: 10px;
}

.content p{
	 <- text-align: justify;
	text-indent: 20px;
	margin: 0;
	padding: 5px 0;
}

/*--------------ТАБЛИЦА ТАМПО--------------------*/
/* Style table headers and table data */
.tampo {
	width: 100%;
    float: left;
    position: relative;
    margin-top: 40px;
    margin-right: 0px;
}
.plastik {
	 margin-top: 40px;
}
.tampo_table {
	border-collapse: collapse;
}
td.col1 { 
background: #ffffcc;
font-weight: bold; 
font-size: 14px;
}
td.col2 { 
background: yellow;
font-size: 13px;
}
td.col3 { 
background: yellow; 
font-size: 13px;
}
td.col4 { 
background: yellow; 
font-size: 13px;
}
td.col5 { 
background: yellow; 
font-size: 13px;
}
/*-tr:nth-child(1) {
  background-color: #f2f2f2
}
/*-----------------------CALENDARI-----------------*/
.calendari {
font-weight: bold; 
font-size: 17px;
margin-right: 2px;
margin-left: 2px;
}
.cal01 {    
	width: 160px;
    margin-bottom: 30px;
    margin-right: 2% !important;
    margin-left: 0% !important;
    display: inline-block;
    float: center;
}
.cal02 {    
	width: 160px;
    margin-bottom: 30px;
    margin-right: 25% !important;
    margin-left: 0% !important;
    display: inline-block;
    float: center;
}
a.calname{
	text-align: center;
    padding-left: 10px;
    padding-right: 20px;
    display: block;
    margin-bottom: 6px;
}
a.calname2{
	text-align: center;
    padding-left: 6px;
    padding-right: 0px;
    display: block;
    margin-bottom: 6px;
}
.shadowcal {
height: 222px;
box-shadow: 0px -14px 7px -17px #000000 inset;
}
.shadowcal2 {
height: 228px;
box-shadow: 0px -14px 7px -17px #000000 inset;
}
.img-block2 {
display: block;
height: 300px;
/*-margin-bottom: 10px;-*/
}
.telo-call{
	width: 100%;
    float: left;
    position: relative;
    margin-top: 30px;
    margin-left: 25px;
}
.telo-call1{
	width: 100%;
    float: left;
    position: relative;
    margin-top: 30px;
    margin-left: 15px;
}
.telo-call3{
	width: 100%;
    float: left;
    position: relative;
    margin-top: 30px;
    margin-left: 240px;
}
/*-------------------НАРУЖНАЯ РЕКЛАМА------------------*/
.telo-ceniknaruj{
	width: 100%;
    float: left;
    position: relative;
    margin-top: 15px;
    margin-right: 0px;
}
div.slider-line{
	border: 0,5px solid black;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden; 
    width: 770px; 
    height:30px; 
    position: relative;
    box-shadow: 0 0 4px #000000;
    border-radius: 10px;
	}
.narujka {
font-weight: bold; 
font-size: 19px;
margin-right: 2px;
margin-left: 2px;
}	

/*----------------КОРОБКА---------*/
*
* Photo Gallery — Practice
* CSS Styles
*
* Start typing your code under these comments
*/


.container {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.photo {
	float: left;
    width: 33.333333%;
	padding: 10px;
	box-sizing: border-box;
}
.photo img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 2px solid #fffff;
    box-sizing: border-box;
}
.photo a:hover {
    opacity: 0.5;
}
.photo a {
    display: block;
    position: relative;
}
.photo a:after {
    content: '';
    background: transparent url(../img/icons/eye-icon.png) no-repeat center;
    width: 52px;
    height: 35px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
}
.photo:hover> a:after {
    visibility: visible;
}
.photo figcaption {
    color: #999999;
    text-align: center;
    margin-top: 20px;
}

.telo-cenik-korobka{
	width: 100%;
    float: left;
    position: relative;
    margin-top: 40px;
    margin-right: 0px;
}
.korobka {
font-weight: normal; 
font-size: 25px;
margin-right: 2px;
margin-left: 2px;
}
body {
    font-family: 'Open Sans', sans-serif;
}
#gallery {
    margin-bottom: 60px;
}
#gallery:after { 
   content: '';
   display: block; 
   height: 0; 
   clear: both;
}
/*------------ПАПКИ-------------*/
.telo-folder{
	width: 100%;
    float: left;
    position: relative;
    margin-top: 30px;
    margin-right: 0px;
}
/*----------КАНЦЕЛЯРИЯ-----------------*/
.telo-shop {
	width: 100%;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 25px;
}
.telo-shop1 {
	width: 100%;
    float: left;
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
}
.telo-dnevniki {
	position: relative;
    margin-top: 25px;
	margin-bottom: 25px;
}
/*--------------ТРЕБУЮТСЯ НА РАБОТУ-------------------*/
.telo-narabotu{
	width: 50%;
	position: relative;
    margin-top: 25px;
	margin-bottom: 25px;
}
/*--------------ПАРТНЕР-------------------*/
.partner{
font-weight: bold; 
font-size: 23px;
color: blue; /*-#ffffff-*/
margin-right: 2px;
margin-left: 2px;
/*-text-shadow: 1px 1px 1px #c6c6c6, -1px -1px 1px #c6c6c6, 1px 1px #c6c6c6, -1px -1px #c6c6c6;-*/
}
	/*----------- -2px 0 blue, 0 2px blue, 2px 0 blue, 0 -2px blue;-*/
.mappartner {
margin-top: 50px;
}
.partner1{
font-weight: normal; 
font-size: 20px;
color: blue;
margin-right: 2px;
margin-left: 2px;
margin-top: 35px;
}
.gallery-partner {
 margin-top: 30px;
}
.photo1 {
		float: left;
    width: 33%;
		box-sizing: border-box;
	height: auto;
}
.photo1 img {
	display: block;
    max-width: 50%;
    }
/*----------ПОДВАЛ---------------------------------------------------*/
#footer{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	background-image: url(../img/footer_fon.png);
	height: 42px;	
	color: #ffffff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
	
}

.footer_logo{
	position: absolute;
}

.footer_logo img{
	display: block;
	height: 50px;
	width: 50px;
}