.menu {
  width: 100%;
  display: table;
}
.menu ul {
  display: table-row;
}
.menu li {
  display: table-cell;
  position: relative;
  background: #2767A0;
}
.menu li a {
  display: block;
  padding: 15px 15px;
  color: #fff;
  text-align: center;
}
.menu-caret:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 3px solid;
  border-right: 3px solid transparent;
  border-bottom: 0;
  border-left: 3px solid transparent;
}
.menu ul li:hover, .menu a:hover {
  background: #666;
}
.menu li:hover ul  {
  display: block;
  position: absolute;
  top: 100%;
  left: 0px;
  background: #666;
  margin: 0;
  padding: 10px 20px;
  width: 150px;
  z-index: 9999;
}
.menu ul ul  {
  display: none;
}
.menu ul ul li  {
  display: block;
  background: #666;
  padding: 5px 0;
}
.menu ul ul li a  {
  display: block;
  padding: 0;
  background: #666;
  text-align: left;
}

#bg{
 height: 700px; /* Высота блока */
 width: 1000px; /* Ширина блока */
 background-image: url(favicon.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
}

#action_form{
    position:fixed; /*absolute*/
    width:320px;
    height:150px;
    left:260px; /*%*/
    top:250px;  /*%*/
    margin-left:-100px;
    margin-top:-100px;
    border:0px solid;
    color: black /*#fff*/;

}

#info_form{
    position:fixed;
    width:500px;
    height:300px;
    left:600px;
    top:250px;
    right:20px;  
    bottom:20px;   
    margin-left:-100px;
    margin-top:-100px;
    border:0px solid;
    font-size: 15px;
    color: blue;
}

#reg_form{
    position:fixed; /*absolute*/
    width:330px;
    height:210px;
    left:250px; /*%*/
    top:250px;  /*%*/
    margin-left:-100px;
    margin-top:-100px;
    border:0px solid;
    color: black /*#fff*/;
}

#msg_form{
    position:fixed;
    width:1000px;
    height:520px;
    left:150px;
    top:200px;
    right:20px;  
    bottom:20px;   
    margin-left:-100px;
    margin-top:-100px;
    border:1px solid;
    font-size: 15px;
    color: black;
    border-radius: 20px;
}    

#footer {
    position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 10px; /* Поля вокруг текста */
    background: #2767A0; /* Цвет фона */
    color: #fff; /* Цвет текста */
    width: 100%; /* Ширина слоя */
}


#tracker_id {
    position: fixed; /* Фиксированное положение */
   /* left: 0; bottom: 0; /* Левый нижний угол */
    width:330px;
    height:210px;
    left:250px; /*%*/
    top:250px;  /*%*/
    
    padding: 10px; /* Поля вокруг текста */
    background: #2767A0; /* Цвет фона */
    color: #fff; /* Цвет текста */
    width: 100%; /* Ширина слоя */
}
    
/* CSS для формы */

* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 1.0em;
  background-color: #fff;
  color: #555;
}

p {
  padding: 0 0 20px 0;
  line-height: 1.7em;
} 

input, textarea {
  outline: none;
  border: none;
  border: solid 1px #f2f2f2;
}

h3, h2 {
  font: normal 85% 'century gothic', arial;
  margin: 0 0 0 0;
  padding: 3px 0 5px 0;
  color: #000;
}

h2 {
  font-size: 140%;
}

hr {
  color: black;
}


.content {
  text-align: left;
  width: 30%;
  padding: 1% 0 0 5px;
  margin: 0 0 0 27%;
  float: left;
}

.reviews {
  margin-bottom: 4%;
  font-size: 0.9em;
  text-align: left;
  width: 30%;
  padding: 1% 0 0 5px;
  margin: 0 0 0 27%;
  float: left;
}

.reviews .review_text {

  background-color: #f2f2f2;
  color: black;
  padding: 1%;
  border-radius: 5px;
  border: solid 1px;
  width: 160%;
  height: 11%;
  padding-top: 2%;
  bottom: 2%;
  padding-left: 2%;
}

.send {

  margin-bottom: 14%;
}

.send input[type="text"], input[type="email"], textarea {

  border: solid 1px #000000;
  margin-bottom: 2%;
}

.send input[type="text"], [type="email"] {

  width: 38%;
  color: #5d5d5d;
  width: 46%;
  padding: 8px;
  border-radius: 5px;
}

.send textarea {

  width: 163%;
  height: 20%;
  border-radius: 5px;
}

.send input[type="submit"] {

  background-color: #b5c1f3;
  padding: 2%;
  color: black;
  border-radius: 5px;
  cursor:pointer;
}

.send input[type="button"] {

  background-color: #b5c1f3;
  padding: 2%;
  color: black;
  border-radius: 5px;
  cursor:pointer;
}

  /* CSS для рейтинга (звезды) */

.rating {
    float:left;
}

.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:140%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}