.centerCol a:link, .centerCol a:visited {
  color: #8B4513;
  text-decoration: underline;
}
.centerCol a:active, .centerCol a:hover {
  color: #FF0000;
  text-decoration:  none;
}
.centerCol h3,h2 {
  padding: 8px 0px 5px 0px;
  font-size: 20px;
  text-align: left;
  font-weight: normal;
}
.centerCol h5 {
  padding: 8px 0px 5px 0px;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
}
.centerCol .titl {
  padding: 8px 0px 5px 0px;
  font-size: 20px;
  text-align: left;
  font-weight: normal;
}
.centerCol ul {
  margin: 10px 0px 20px 17px;
  padding: 0px;
}
.text-sel {
  color: #cf142b;
}

.centerCol li {
  margin: 0px 0px 5px 17px;
  list-style: disc;
}
.centerCol .text-bold {
  font-weight: bold;
  color: #cf142b;
}
.img_right {
  position: relative;
  float: right;
  padding: 6px 0px 5px 15px;
}
.group {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
    margin-left: 15px;
}
.fCodeText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FFFFFF;
	line-height: 25px;
	background-position: center;
}
.fCodeSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;
    padding: 4px 10px;
    cursor: pointer;
}
.fCodeCom {
  width: 205px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    line-height: 14px;
    color: #000000;
    padding: 5px 0px 7px 5px;
	border-left: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
    margin-bottom: 15px;
}
.attention {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 15px 0px;
	border: 1px solid #696969;
    background-color: #FFF5EE;
    border-radius: 5px;
}
.deskDoc {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0px 10px 10px 50px;
  padding: 10px 10px 10px 10px;
  border: 3px solid #9c2b14;
  border-radius: 5px;
  background-color: #FDF8F7;
  /*text-align: justify*/
}
.cartaDiv {
  max-width: 557px;
  margin: 10px auto;
}

.cartaDiv img {
  max-width: 100%;
  height: auto;
}

.tBlock {
  margin: 15px 0px 15px 0px; 

}
.tBlock p {
  margin: 5px 0px 5px 0px;
  text-align: justify;

}

/* Форма
================================== */
#form_box {
  background-color: #F5F5F5;
  border: 1px solid #A9A9A9;
  padding: 10px 10px;
  margin: 10px 0px 20px 0px;
  overflow: hidden;
  border-radius: 10px;
  box-sizing: border-box;
}
#form_box h2 {
  font-family: Arial, Geneva, SunSans-Regular, sans-serif;
  font-size: 14px;
  line-height: 30px;
  width: 245px;
  margin: 0px 10px 25px 0px;
  padding: 0px 0px;
  text-align: center;
  color: #FFFFFF;
  background-color: #e6a60c;
  border-radius: 3px;
}
#form_box h4 {
  font-family: Arial, Geneva, SunSans-Regular, sans-serif;
  font-size: 14px;
  line-height: 30px;
  width: 145px;
  margin: 0px 10px 15px 0px;
  padding: 0px 0px;
  text-align: center;
  color: #FFFFFF;
  background-color: #A9A9A9;
  border-radius: 3px;
}
#form_box h5 {
  font-family: Arial, Geneva, SunSans-Regular, sans-serif;
  font-size: 14px;
  line-height: 30px;
  margin: 0px 0px;
  padding: 0px 0px;
  color: #000000;
}
#form_box .left_box {
  width: 39%;
  padding: 20px 10px;
  margin: 10px 0px 10px 0px;
  float: left;
  font-family: Arial, Geneva, SunSans-Regular, sans-serif;
  font-size: 12px;
  color: #333;
  line-height: 18px;
  border: 1px solid #cf142b;
  border-radius: 3px;
  box-sizing: border-box;
}
#form_box .left_box h3 {
  font-family: Arial, Geneva, SunSans-Regular, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: -34px 0px 10px 0px;
  padding: 0px 10px;
  text-align: left;
  color: #cf142b;
  width: 120px;
  background-color: #F5F5F5;
}
#form_box .right_box {
  width: 59%;
  padding: 20px 10px;
  margin: 10px 0px 10px 0px;
  float: right;
  font-family: Arial, Geneva, SunSans-Regular, sans-serif;
  font-size: 12px;
  color: #333;
  line-height: 18px;
  border: 1px solid #A9A9A9;
  border-radius: 3px;
  box-sizing: border-box;
}
#form_box .right_box h3 {
  font-family: Arial, Geneva, SunSans-Regular, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: -34px 0px 10px 0px;
  padding: 0px 10px;
  text-align: left;
  color: #000000;
  width: 220px;
  background-color: #F5F5F5;
}

.centerCol .comMes {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  margin: 10px 0px 10px 30px;
  color: #000000;
}

#form_box #numerSubmit {
  padding: 5px 10px 5px 10px;
  margin-top: 0px;
}

#form_box .leftC {
  float: left;
}
#form_box .rightC {
float: right;
}
#form_box input {
  padding: 2px 0px;
  margin: 3px 0px 3px 0px;
  line-height: 18px;
}
#form_box select {
  padding: 4px 0px;
  margin: 3px 0px 3px 0px;
  line-height: 18px;
}

.form-text-2 {
  background-color: #FFFFFF;
  width: 25px;
}
.form-text-4 {
  background-color: #FFFFFF;
  width: 40px;
}

/* Пример
================================== */
.centerCol .exBox {
  width: 200px;
  margin: 15px auto;
  text-align: center;
}

.centerCol .exBox h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
}


/* Календарь
================================== */
.calendarBox {
  width: 270px;
  margin: 10px auto;
  text-align: center;
  margin-bottom: 25px;
  text-align: center;
}
.calendarBox .titl {
  padding: 8px 0px 10px 0px;
  font-size: 20px;
  text-align: center;
  font-weight: normal;
}
.calendarTable {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px 7px 5px 5px;
  border: 3px solid #9c2b14;
  background-color: #FFFFFF;
  border-radius: 5px;
}
.calendarTable .current {
  padding: 2px 4px 2px 4px;
  font-weight: bold;
  color: white;
  background-color: #696969;
  cursor: default;
}
.centerCol .calendarTable a, .centerCol .calendarTable a:link, .centerCol .calendarTable a:visited {
  padding: 2px 4px 2px 4px;
  text-decoration: none;
  color: black;
  background-color: white;
  display: inline-block;
}
.centerCol .calendarTable a:active, .centerCol .calendarTable a:hover {
  padding: 2px 4px 2px 4px;
  text-decoration: none;
  color: white;
  font-weight: bold;
  background-color: #FB1515;
  display: inline-block;
}


/* error
================================== */
.errorBox {
  margin: 25px 0px 35px 0px;
  padding: 5px 10px;
  border: 1px solid #990000;
  text-align: center;
}
.errorTitle {
  font-size: 20px;
  color: #990000;
  padding: 5px 0px 5px 0px;
  font-weight: bold;

}
.errorText {
  font-size: 1rem;
  color: #000000;
  padding: 0px 0px 5px 0px;
}

/* gig текст
================================== */
.txtBlock {
    padding: 5px 0px 5px 10%;
}
.txtBlock p {
  margin: 0px;
  padding: 5px 0px 5px 0px;
  text-align: justify;

}
.txtPlanet {
  font-size: 20px;
  color: #990000;
  padding: 5px 0px 5px 0px;
  font-weight: bold;
}
.txtDate {
  font-size: 1rem;
  color: #000000;
  margin: 5px 0px 5px 0px;
  font-weight: normal;
  border-bottom: 1px solid #A9A9A9;
  font-style: italic;
}
.txtTitl {
  font-size: 1.2rem;
  color: #008000;
  padding: 5px 0px 5px 0px;
  font-weight: bold;
}
.txtReplica {
  font-size: 0.85rem;
  color: #000000;
  padding: 5px 0px 5px 0px;
  font-weight: bold;
}
.txtInter {
  font-size: 1.2rem;
  color: #990000;
  font-weight: bold;
  padding: 15px 0px 0px 0px;
}
.txtInterBlock {
    padding: 5px 0px 5px 0px;
}
.txtInterBlock p {
  margin: 0px;
  padding: 5px 0px 0px 0px;
  text-align: justify;

}
.txtIntroPlanet {
  font-size: 1rem;
  color: #000000;
  text-align: justify;
  margin: 5px 0px 5px 0px;
  border-left: 1px solid #008000;
  padding: 0px 0px 0px 10px;
}


@media screen and (max-width: 777px) {

  .centerCol article img {
    max-width: 50%;
    height: auto;
  }
  .centerCol .cartaDiv img {
    max-width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  #form_box .left_box {
    width: 100%;
  }
  #form_box .right_box {
    width: 100%;
  }
  .centerCol article img {
    max-width: 40%;
    height: auto;
  }
  .centerCol .cartaDiv img {
    max-width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 350px) {


}