﻿/*оформление по умолчанию начало*/
html {
    height:100%;
}
body {
	margin:0;
	padding:0;
	min-width:1000px;
	height:100%;
	background-color:#FFFFFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
td {
	color: #000;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
}
a:link, a:visited {
	color:#987108;
	outline:0;
}
a:hover, a:active {
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Roboto', sans-serif;
}
h1 {
	font-size:36px;
	line-height:40px;
	color:#ac7e1e;
	margin-bottom:0;
	padding-bottom:0;
}
h2 {
	font-size:30px;
	line-height:34px;
	font-weight:300;
	padding:0;
	margin:0;
	margin-bottom:20px;
}
h3 {
	font-size:36px;
	line-height:42px;
	color:#ac7e1e;
	font-weight:300;
	text-align:center;
	padding:0;
	margin:0;
	margin-bottom:20px;
}
.table_noborder {
	border-color: #000000;
	border-width: 0;
}
.noborder_img {
	border-width: 0px;
}
p {
	margin:0 0 8px;
	line-height:24px;
}
::-webkit-input-placeholder {color:#000;}
::-moz-placeholder          {color:#000;}/* Firefox 19+ */
:-moz-placeholder           {color:#000;}/* Firefox 18- */
:-ms-input-placeholder      {color:#000;}
input,select,textarea  {		
		border:1px solid #ddd;		
		background:#fff;
		padding:3px;
		color:black;
}
/*оформление по умолчанию конец*/
.top_bg {
	background-image:url('upload/image/design/default/bg_top.png');
	background-repeat:no-repeat;
	background-position:center top;
}
.body_main {
	width:1000px;
	height:100%;
	vertical-align:top;
}
.body_header {
	height:256px;
}
.body_angel {
	width:230px;
}
.body_plit {
	width:260px;
}
.header_center {
	text-align:center;
}
.title {
	font-size:18px;
	margin-top:15px;
}
.button a {
	color:#000;
	display:inline-block;
	text-decoration:none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	border:1px black dotted;
	padding:5px 50px;
	margin-top:20px;		
}
.body_about {
	background-color:white;
	vertical-align:top;
	padding:20px 50px;
	height:20px;
}
.body_pluse {
	vertical-align:top;
	padding:20px 50px;
	background-color:#FCF8C8;
}
.body_pluse ul li {
	list-style:none;
	background: url('upload/image/design/default/icon_li.png') no-repeat 0 4px; /* Параметры фона */
    padding-left: 30px; /* Смещаем текст вправо */
    margin:15px 0;
    font-size:24px;
    font-weight:300;
}
.body_pluse ul li span {
	display:block;
	font-size:16px;
	margin-top:5px;
}
.body_catalog {
	vertical-align:top;
	padding:30px 0;
}
.body_catalog h2 {
	margin-left:50px;
}
.body_catalog td {
	width:500px;
	height:373px;
	position:relative;
}
.body_item1 {
	background-image:url('upload/image/design/default/pic1.png');
	background-position:center center;
	background-repeat:no-repeat;
}
.body_item2 {
	background-image:url('upload/image/design/default/pic2.png');
	background-position:center center;
	background-repeat:no-repeat;
}
.body_item3 {
	background-image:url('upload/image/design/default/pic3.png');
	background-position:center center;
	background-repeat:no-repeat;
}
.body_item4 {
	background-image:url('upload/image/design/default/pic4.png');
	background-position:center center;
	background-repeat:no-repeat;
}
.bg_title {
	background-image:url('upload/image/design/default/bg_title.png');
	text-align:center;
	padding:15px 0;
	font-size:24px;
	position:absolute;
	bottom:10%;
	width:100%;
}
.body_info {
	padding:50px 50px 30px 50px;
	vertical-align:top;
}
.body_info ul li {
	list-style:none;
	background: url('upload/image/design/default/icon_li_bottom.png') no-repeat 0 4px; /* Параметры фона */
    padding-left: 30px; /* Смещаем текст вправо */
    margin:20px 0;
    font-weight:300;
}
.body_info ul {
	padding-left:60px;
}
.body_footer {
	height:156px;
	background-image:url('upload/image/design/default/bg_footer.png');
	padding:15px 50px 0 50px;
}
.body_f_right input {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:8px 10px;
	outline:0;			
}
.body_f_right {
	text-align:center;
	width:50%
}
.title_zvon {
	font-size:24px;
	margin-bottom:15px;
}
.body_f_right input[type="submit"] {
	background-color:#FBF6B5;
	padding:8px 40px;
	color:#b18626;
	font-size:18px;
	cursor:pointer;
}
.body_f_right input[type="checkbox"] {
	width:15px;
	float:left;
	margin-right:5px;			
}
.body_f_right p {
	margin-bottom:15px;
}
.body_f_left p {
	line-height:18px;
	margin-bottom:5px;
}
.body_f_left td {
	padding-bottom:20px;			
}
.body_f_left {
	width:40%;
}
.spaner {
	width:10%;
}
.body_f_right input[type="checkbox"] {
	float:left;
	padding:0;
	margin:0;
	width:15px;
	position:relative;
	top:5px;
	margin-right:5px;
}
.body_f_right p label {
	font-size:12px;
}
.body_f_right p {
	display:inline-block;
	margin-bottom:5px;
}
.modal {
    position: fixed; /* фиксированное положение */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5); /* цвет фона */
    z-index: 1050;
    opacity: 0; /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 200ms ease-in; 
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in; /* анимация перехода */
    pointer-events: none; /* элемент невидим для событий мыши */
    margin: 0;
    padding: 0;
}
/* при отображении модального окно */
.modal:target {
    opacity: 1; /* делаем окно видимым */
	  pointer-events: auto; /* элемент видим для событий мыши */
    overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */
}
/* ширина модального окна и его отступы от экрана */
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
@media (min-width: 576px) {
  .modal-dialog {
      max-width: 260px;
      margin: 30px auto; /* для отображения модального окна по центру */
  }
}
/* свойства для блока, содержащего контент модального окна */ 
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    
}
@media (min-width: 768px) {
  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
      box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
}
/* свойства для заголовка модального окна */
.modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef;
}
.modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
    text-align:center;
}
/* свойства для кнопки "Закрыть" */
.close:link, .close:visited {
    float: right;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-decoration: none;
}
/* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}
/* свойства для блока, содержащего основное содержимое окна */
.modal-body {
  position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    overflow: auto;
    text-align:center;
}
.modal-body input {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:8px 10px;
	outline:0;
}
.modal-body input[type="submit"] {
	background-color:#FBF6B5;
	padding:8px 40px;
	color:#b18626;
	font-size:18px;
	cursor:pointer;
}
.bg_title a {
	color:#000;	
}
.body_articles {
	background-color:white;
	vertical-align:top;
	padding:20px 50px;
	height:20px;
}
.item_art {
	width:200px;
	vertical-align:top
}
.header_center div {
	font-size:36px;
	line-height:40px;
	color:#ac7e1e;
	margin-bottom:0;
	padding-bottom:0;
	text-align:center;			
}
.png {
	margin:20px;			
}
.banner_body {
	padding-bottom:16px;
}

