html {
	position: relative;
	min-height: 100%;
}
body {
	margin: 0 1% 60px 1%;
}
h1 {
	text-align: center;
	font-size: 22px;
	margin: 0.5%;
}
h3 {
	margin: 0 0 1% 5%;
}
input[type='radio'] {
	display: none;
}
p { 
    margin: 1%;
}
ul {
	margin: 0 0 0 1%;
}
a {
	text-decoration: none;
	color: DarkGreen;
}
a:hover,
a:focus {
	text-decoration: underline;
	color: DarkGreen;
}
p + ul {
	list-style-position: inside;
	padding-left: 1%;
}

label {
	cursor: pointer;
}
/*Изображения*/
p img,
li img {
	float: left;
	margin: 0 15px 0 0;
	border-radius: 5px;
}
/*   TABLES	    */
table {
	margin: 1%;
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: center;
}
table > thead > tr > th,
table > tbody > tr > td {
  line-height: 1.42857143;
  border-top: 1px solid DarkGreen;
}
table > thead > tr > th {
  border-bottom: 2px solid DarkGreen;
}
table > thead:first-child > tr:first-child > th {
  border-top: 0;
}
table > tbody + tbody {
  border-top: 2px solid DarkGreen;
}
table:last-child {
	border-bottom: 1px solid DarkGreen;
}
tfoot {
	text-align: left;
	border-top: 1px solid DarkGreen;
}
tr th label,
tr td label {
	display: table; 
	margin: auto;
	width: 100%;
    height: 100%;
}
.th,
.td {
	width: 33.3%;
	display: table-cell;	
	text-align: center;
	padding: 1%;
}
.th {
	background-color: LightCyan;
}
td img {
	border-radius: 5px;
} 
td .img-responsive {
	margin-left: auto;
	margin-right: auto;
}



.padding-top {
	padding-top: 15px;
}
.padding-left {
	padding-left: 15px;
}
.padding-right {
	padding-right: 15px;
}
.padding-bottom {
	padding-bottom: 15px;
}
.padding-left-1 {
	padding-left: 1%;
}
.padding-right-1 {
	padding-right: 1%;
}
.padding-left-2 {
	padding-left: 2%;
}
.padding-right-2 {
	padding-right: 2%;
}
.margin-top {
	margin-top: 15px;
}
.margin-bottom {
	margin-bottom: 15px;
}
.background_none {
	background-color: white !important;
}
.float-right {
	float: right !important;
}
.float-left {
	float: left !important;
	
}
.clear-right {
	clear: right !important;
}
.clear-left {
	clear: left !important;
}
.position-absolute {
	position: absolute;
}

/*footer*/
footer {
  position: absolute;
  bottom: 0;
  left:1%;
  right: 1%;
  text-align: center;
  color: DarkGreen;
  border-top: 1px solid DarkGreen;
}

sup {
	font-size: 0.55em;
}

@media (min-width: 320px) {
	h1 {
		font-size: 18px;
	}
	h2 {
		font-size: 16px;
	}
	h3 {
		font-size: 14px;
	}
	p,
	li {
		font-size: 14px;
	}

}
@media (min-width: 768px) {
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
	p,
	li {
		font-size: 16px;
	}

}
@media (min-width: 900px) {
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 20px;
	}
	p,
	li {
		font-size: 17px;
	}
}
@media (min-width: 1070px) {
	h1 {
		font-size: 26px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 22px;
	}
	p,
	li	{
		font-size: 18px;
	}
}