
body {
background-color:#e7e7d6
}

form /*Для всех форм, для конкретной формы сделать не получилось*/
{
float:right; /* Обтекание по правому краю */
}


.wrapper{
margin:auto;
max-width: 910px; 
/*
 border-color:wellow;
 border-style:solid;
 border-width:5px;
*/

}
.wrapper404{
margin:auto;
max-width: 1200px; 
height:750px;

 border-color:wellow;
 border-style:solid;
 border-width:5px;
 background-image: url(/images/404.png);
background-repeat: no-repeat;
}
.header{

 /*height:50px;*/
 
  background-size:contain;
 background-repeat:no-repeat;
 background-color:#e7e7d6;
 
/*
 background-image:url(../html/images/Zastavka.jpg);
*/
  
/*
 border-color:blue;
 border-style:solid;
 border-width:5px;
*/
 }
 .header1 {
 color:#A26900;
 vertical-align:top;
 display:inline-block;
 width: 160px; 
  /*border-color:magenta;
 border-style:solid;
 border-width:5px;*/
 }
  .header2 {
   vertical-align:top;
 display:inline-block;
/*margin:0px 0px 0px 400px;*/
float:right;
   width: 200px;
 /* border-color:green;
 border-style:solid;
 border-width:5px;*/
 }
.header h1{

font:40px oswald;
font-weight: 600;
font-stretch: expanded;


}
.header404{

 background-size:contain;
 background-repeat:no-repeat;
 background-color:#e7e7d6;
 

 border-color:blue;
 border-style:solid;
 border-width:5px;
}
.content404{
  width:600px;
  height:250px;
  margin:50px;
  background-size:contain;
  background-repeat:no-repeat;
  background-color:transparent;
   font-size:50pt;
font:50px oswald;
font-weight: 600;

  border-color:red;
  border-style:solid;
  border-width:5px;
	
}
nav a{text-decoration:none;
}
nav ul{
  margin:0;
  padding:0;
  }
  
  nav li{

list-style-position:inside;
font:14px `Oswald`, sans-serif;
padding:10px;
}
.top-menu li{
display:inline-block;
padding:10px 30px;
margin:0;
}

.top-menu li.active {
background:red;
color:#FFFF;
}

.top-menu a{
color:##006CC0;
}
	
.left_sidebar
{
 width:200px;
 height:750px;
 background-color:#e7e7d6;
  
 margin-top:0px;
 padding-top:30px;
 
/*
 border-color:red;
 border-style:solid;
 border-width:5px;
*/
  }
  
  /*Меню внутри left sidebar*/
  .menu a{
  background:#A26900;
  color:#fff;
  padding:10px;
  display:block; /*растягиваем на всю ширину родителя*/
  border-bottom:1px solid #666;
  transition:0.5s all;
  }
  .menu a:hover{
  background:#666;
  padding:10px 0 10px 20px;
  }
 .menu li:first-child a, 
 .menu li .menu__drop li:first-child a{
	 border-radius: 3px 3px 0 0;
 }
 
 .menu li:last-child a, 
 .menu li .menu__drop li:last-child a{
	 border-radius: 0 0 3px 3px ;
	 border-bottom:0;
 }
 
 
 .menu li .menu__drop li a{
	 border-radius:0;
	 border-bottom: 1px solid #666; 
 }
 
 /*всплывающее меню*/
  
  .menu__list{
  position:relative; /*Указываем Relativ без смещения для задания смещения потомку класса */*
  }
  
  .menu__drop{      /*Указываем абсолютное смещение относительно рродителя */

  position:absolute;
  width:100%;
  left:100%;
  opacity:0;
  top :-9999em;
  transition:0.5s opacity;
  border-left:10px solid transparent;
  

  }
  
  .menu__list:hover .menu__drop {
  opacity: 1;
  top:0;
  }
 .footer
{

 height:100px;
 background-color:#e7e7d6;
  
/*
 border-color:red;
 border-style:solid;
 border-width:5px;
*/
 }
 
/*Иконки для всплывающих менюшек*/
 .menu__list::after{
	 content:" ";
	 position:absolute;
	 border: 5px solid;
	 border-color: transparent transparent transparent #eee;
	 top:1em;
	 right:0.7em;
	 transition: 0.5s;
 }
 
 .menu__list:hover::after{
	 transform:scaleX(-1);
 }
