a.header {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: 'Yanone Kaffeesatz', arial, verdana, sans-serif;
	font-size: 2.22em;
	padding: 12px 25px;
	color: #FFF;
	text-decoration: none;
	background-color: #4d8c9d;
	border-radius: 3px;
	transition: background-color .3s ease-in;
	width: 220px;
}

#left {
	display:inline-block;
	vertical-align:top;
	background-color: #6fbc8c;
}

#right {
	display:inline-block;
	vertical-align:top;
}

div.grey_box {
  background-color: lightgrey;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;
}

.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 1.5em;
    font-family: Ubuntu,Open Sans,Arial,Tahoma,Geneva,Verdana,sans-serif;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

A.dot {
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #000080; /* Добавляем свою линию */
}

A.dot:hover {
    color: #f00000; /* Цвет ссылки при наведении на нее курсора */
}

h1.header1 {
    display: block;
    font-size: 4em;
    font-family: Ubuntu,Open Sans,Arial,Tahoma,Geneva,Verdana,sans-serif;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 5px;
    margin-inline-end: 5px;
    font-weight: bold;
    margin: 25px;
    text-align: justify;
}

h2.header2 {
    display: block;
    font-size: 3.5em;
    font-family: Ubuntu,Open Sans,Arial,Tahoma,Geneva,Verdana,sans-serif;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 5px;
    margin-inline-end: 5px;
    font-weight: bold;
    margin: 25px;
    text-align: justify;
}

h3.header3 {
    display: block;
    font-size: 3em;
    font-family: Ubuntu,Open Sans,Arial,Tahoma,Geneva,Verdana,sans-serif;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 5px;
    margin-inline-end: 5px;
    font-weight: bold;
    margin: 25px;
    text-align: justify;
}

p.paragraph {
    display: block;
    font-size: 2.5em;
    font-family: Ubuntu,Open Sans,Arial,Tahoma,Geneva,Verdana,sans-serif;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 10px;
    margin-inline-end: 10px;
    margin: 25px;
}

.paragraph em {
  background-color: #ffa500;
}

a.advertising_link{
	position: relative;
	top: 0px;
	left: 0px;
	font-family: 'Trebuchet MS', 'Yanone Kaffeesatz', arial, verdana, sans-serif;
	font-size: 4em;
	padding: 12px 25px;
	color: #FFF;
	text-decoration: none;
	background-color: #ffcc99;
	border-radius: 6px;
	transition: background-color .3s ease-in;
	width: 220px;
}

.rounded_button {
  background-color: #4d8c9d;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Ubuntu,Open Sans,Arial,Tahoma,Geneva,Verdana,sans-serif;
  font-size: 42px;
  margin: 4px 2px;
  border-radius: 42px;
}

div.center {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

div.separate_item {
  background-color: white;
  border: 5px solid #00B4CC;
  padding: 50px;
  margin: 20px;
  text-align: justify;
}

a.next_button{
	position: relative;
	top: 0px;
	left: 0px;
	font-family: Ubuntu,Open Sans,Arial,Tahoma,Geneva,Verdana,sans-serif;
	font-size: 3.5em;
	padding: 12px 25px;
	color: #FFF;
	text-decoration: none;
	background-color: #fc756f;
	border-radius: 6px;
	transition: background-color .3s ease-in;
	width: 400px;
}

.object_name {
	font-family: Ubuntu,Open Sans,Arial,Tahoma,Geneva,Verdana,sans-serif;
	font-size: 3em;
}

.video_block {
    margin: 0 auto;
    text-align: center;
}

div.table_of_contents {
  background-color: lightgrey;
  border: 3px solid #00B4CC;
  font-size: 3em;
  font-family: Ubuntu,Open Sans,Arial,Tahoma,Geneva,Verdana,sans-serif;
  padding: 50px;
  margin: 20px;
  text-align: justify;
}

div.before_buying_message {
  background-color: lightgrey;
  border: 3px solid #00B4CC;
  font-size: 2em;
  font-family: Ubuntu,Open Sans,Arial,Tahoma,Geneva,Verdana,sans-serif;
  padding: 20px;
  margin: 20px;
  text-align: justify;
}