/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               /* обнуляем отступы и убираем бордюры */
	vertical-align: baseline;          /* приводим все к одной базовой линии */
	background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
	font-size: 100%;                     /* размер шрифта всем одинаковый */
}
a {                                      	     /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
}
table {						/* устраняем отступы между ячейками таблицы */
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			/* возвращаем привычное вертикальное выравнивание */
} 
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html {
	min-height:100%; /* всегда показываем вертикальную полосу прокрутки  */
}
body {
	color: #404040;
	text-align: left;
	font-size: 1em; /* используем безопасные шрифтовые CSS стеки */
	min-height:100%;
        background:#f9f9f9;
        font-family:'Open Sans', sans-serif;
}
a, a:visited { /* порядок правил для ссылок имеет значение */
	color: #e6618c;
	text-decoration: underline;
}
a:hover {
	color: #fdf208;
	text-decoration:none;
}
a:focus, a:active {
	color: #c83867;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
img{

	max-width:100%;
}
.clr{
	clear:both;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
/* --------------- /базовые настройки ---------*/
body {margin:0;
}
	header{
	background:url(images/top_1.jpg) center top no-repeat; color:#fff; text-align:center; background-size:cover; padding:135px 20px 90px 20px;
	}
	header>h1{
		font-size:3.75em; font-family:'Raleway', sans-serif; margin-bottom:25px;
	}
	header>h3{
		font-size:1.125em; margin-bottom:50px; font-style:italic;
	}
	header>p{
		font-size:0.75em;
	}
	.subscribe {
		background:rgba (0,0,0,0.65); display:table; padding:20px; margin:0 auto 10px auto; border-radius:5px;
	}
	.subscribe input{
		float:left;
	}
	.subscribe input [type="text"], .subscribe input [type="email"]{
		padding:0; border:0; width:320px; margin-right:10px; font-family:'Open Sans', sans-serif; font-size:1em; padding:12px 20px 13px 20px; 
		box-sizing:border-box;
	}
	.subscribe input [type="submit"]{
		background:#ae2c52; border:0; color:#fff; font-size:1.25em; font-family:'Open Sans', sans-serif;font-weght:700; padding:10px 35px; cursor:pointer;
	} 
	article{
		max-width:800px; margin:0 auto; padding: 50px 20px;
	}
	article>h1{
		font-size:3em; text-align:center; margin-bottom: 25px;
	}
	article>p{
		margin-bottom: 20px; text-align: justify;
	}
	.imgleft {
		float:left; margin:0 20px 10px 0;
	}
	.imgright {
		float:right; margin:0 0 10px 20px;
	}
   .layout {
    width: 800px; /* Ширина таблицы */
   }
   .layout TD {
    vertical-align: top; /* Выравнивание по верхнему краю ячейки */
    padding: 10px; /* Поля в ячейках */
    text-align: justify; /* Выравнивание по ширине */
   }
   .col1 { width: 200px; }
   .col2 { width: 600px; }
   .col3 { width: 400px; }
   .col4 { width: 200px; }


.layer {
	width: 600px; /* Ширина */
	height: auto; /*Высота*/
    	margin: auto; /* Отступы */
	margin-bottom:20px;
	padding: 20px; /* Поля сверху,справа,снизу и слева */
    	text-align: justify; /* Выравнивание по ширине */
    	display: inline-block; /* Строчно-блочный элемент */
	float: left;
	}
.layer1 {
	width: 400px; /* Ширина */
	height: auto; /*Высота*/
    	margin: auto; /* Отступы */
	margin-bottom:20px;
	padding: 20px; /* Поля сверху,справа,снизу и слева */
    	text-align: justify; /* Выравнивание по ширине */
    	display: inline-block; /* Строчно-блочный элемент */
	float: left;
	}
.layer2 {
	width: 180px; /* Ширина */
	height: auto; /*Высота*/
	border: 0px solid #999999;
    	margin: auto; /* Отступы */
	margin-bottom:20px;
	padding: 20px; /* Поля сверху,справа,снизу и слева */
    	text-align: justify; /* Выравнивание по ширине */
    	display: inline-block; /* Строчно-блочный элемент */
	float: left;
	}
.caption{
	margin:5px;
        font-size: 11px;
	text-align: justify; /* Выравнивание по ширине */
        }
.supply {
	height: auto;
	width: 400px;
        border: 1px solid #999999;
        background-color:#cdcdcd;
        font-size: 10px;
        text-align: center;
        padding: 0px;
	margin:2px;
	float: left; /* Распложение */ 
     }
.supply_01 {
	height: auto;
	width: 600px;
        border: 1px solid #999999;
        background-color:#cdcdcd;
        font-size: 10px;
        text-align: center;
        padding:0px;
	margin:2px;
	float: left; /* Распложение */ 
     }

#footer{width:800px;height:50px;position:relative;margin-top:-50px;margin-left:auto;margin-right:auto;background-color: #FFFFFF;background-repeat: no-repeat;
                         background-position: top;}
.bottom_addr {font-size: 10px;color: #999999;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 20px;font-family: Tahoma, Arial;}
.bottom_addr a {text-decoration: none;}
.bottom_addr a:hover {text-decoration: underline;}
.bottom_menu {color: #333333;text-align: right;padding-top: 12px;padding-bottom: 10px;font-size: 11px;font-family: Tahoma, Arial;padding-right: 20px;}
.bottom_menu a {color: #000000;text-decoration: underline;}
.bottom_menu a:hover {color: #255009;text-decoration: underline;}
.pic1   {
	margin-top: 5px;
	margin-right: 120px;
	float: right; /* Распложение */
	}
.pic2   {
	margin-top: 5px;
	margin-right: -62px;
	float: right; /* Распложение */
	}
.pic3   {
	margin-top: 5px;
	margin-right: -100px;
	float: right; /* Распложение */
	}
.pic4   {
	margin-top: 50px;
	float: left; /* Распложение */
	}

        @media screen fnd (max-width:950px){
		.subscribe input [type="text"], .subscribe input [type="email"]{
		width:260px;
		}
	}
	@media screen fnd (max-width:820px){
		.subscribe input [type="text"], .subscribe input [type="email"]{
		width:320px;display:block; float:none; margin-right:0; margin-bottom:10px;
		}
		header{
			padding:30px 20px;
		}
	header>h1{
		font-size:2.75em; margin-bottom:20px;
		}
	header>h3{
		
		margin-bottom:25px; 
		}
	}
	@media screen fnd (max-width:400px){
		.subscribe input [type="text"], .subscribe input [type="email"]{
		width:240px;display:block; float:none; margin-right:0; margin-bottom:10px;
		}