/* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 9, 2016 */



/*@font-face {
    font-family: 'neucharegular';
    src: url('fonts/neucha-webfont.eot');
    src: url('fonts/neucha-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/neucha-webfont.woff2') format('woff2'),
         url('fonts/neucha-webfont.woff') format('woff'),
         url('fonts/neucha-webfont.ttf') format('truetype'),
         url('fonts/neucha-webfont.svg#neucharegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
    font-family: 'ubunturegular';
    src: url('fonts/ubuntu-regular-webfont.eot');
    src: url('fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-regular-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-regular-webfont.woff') format('woff'),
         url('fonts/ubuntu-regular-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
    margin: 0;
    padding: 0;

}

html{height: 100%; /*подвал к низу*/
	width: 100%; /*на всю ширину*/
	} 

body{
	font-family: 'ubunturegular', 'Tahoma', 'Arial';
	height: 100%; /*подвал к низу*/
	width: 100%; /*на всю ширину*/
	font-size: 100%;
	background-image: url(img/fon.jpg);
	background-attachment: fixed; /* Фиксируем фон веб-страницы */
}

#header, #footer{
	font-family: 'ubunturegular', 'Tahoma', 'Arial';
	background-color: #880101;
	color: #FFDCA5;
	text-align: center;
	font-size: 90%;
}
#header{
	position: relative;
	height: 110px;	
	position: fixed; /* фиксирует меню вверху */
		left: 0px;
		top: 0px;
		right: 0px;
	z-index: 100;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.4); /* Тень */
}


#header a, #footer a{
	color: #FFDCA5;
	padding: 15px;
	text-decoration: none;
}

#header a:hover, #footer a:hover {
	color: #FEEFD7;
}

#name{
width: 200px;
}

#menu{
background-color: #880101;
}

#wrapper{
  display: table; /*подвал к низу*/
  height: 100%;
  width: 100%; /*на всю ширину*/
}

#content{
	display: table-row; /*подвал к низу*/
	height: 100%; /*подвал к низу*/
}

#content h2{
	text-align: center;
}

#content h3{
	text-align: center;
	padding: 10px 0px 0px 0px; /* верх, право, низ, лево */
}

.box{
	width: 100%;
	height: 280px;
	margin-top: 110px;
}

.back{
max-width: 960px; /* Ширина слоя */  
height: 280px;
margin: 0 auto; /* Выравниваем слой по центру */
text-align: center;

}

.back, .box_text{
	box-shadow: 0px 3px 20px rgba(0,0,0,0.4); /* Тень */
}

.bshadow{
width: 100%;
text-align: center; /* по центру */
margin-top: -140px;
}

.topic{
width: 100%;
text-align: center;
height: 280px;
}

.topic h2{ /* заголовки */
padding: 20px 0px 15px 0px; /* верх, право, низ, лево */
letter-spacing: 3px;

width: 100%;
color: #fff;
text-align: center;
margin-top: -80px;

}

.box_text{
	background-color: #ffffff;
	margin: 0 auto; /* Выравниваем слой по центру */
	max-width: 960px; /* Ширина слоя */
}

.box_text p{
	padding: 10px;
}

.text{
	padding: 30px 10% 100px 10%; /* верх, право, низ, лево - поля у текста */ 
	text-align: center;
}
.text_left{
	text-align: left;
}

.text a{color: #000;}
.text a:hover{color: #737373;}
.text h3{letter-spacing: 1px;}


.vk{height: 72px;
	margin-top: 15px;
	padding: 5px;
	text-align: center;}



table{
	width: 90%; /* Ширина таблицы */
	margin: 0 auto; /* Отступ слева и справа */
	min-height: 300px;
	max-height: 600px;

}
tr{
	height: 20%;
}

td{
	padding: 15px 25px 15px 25px; /* верх, право, низ, лево */
	border: 1px solid #fff; /* Рамка вокруг ячеек */
}
#col1{
	width: 50%;

}

#col2{
	width: 50%;
}


#footer{
	padding-top: 20px;
	margin-top: 70px;
	height: 100px;	
}

#text_white{
	color: #880101;
	padding-top: 20px;
	
	
}


/* ____________________Smartphones ____________________*/


@media screen and (max-width: 992px) {
/* стили */
body{
	font-size: 260%;
}
#header{
	height: 200px;
}

#name{
width: 400px;
}
.box{
	margin-top: 200px;
}
.bshadow{
margin-top: -140px; 
}

.topic h2{ /* заголовки */
margin-top: -120px;
}


.vk{height: 128px;
}

table{
	width: 100%; /* Ширина таблицы */
	min-height: 1000px;
}
tr{
	height: 12%;
}

td{
	padding: 20px 15px 20px 25px; /* верх, право, низ, лево */
	border: 2px solid #fff; /* Рамка вокруг ячеек */
}

#footer{
	padding-top: 30px;
	margin-top: 70px;
	height: 180px;	
}


}/* Smartphones */