@import url(style100m.css);
@import url(framework.css);
* {
  font-family: Verdana;
  margin: 0;
  padding: 0;
}
body {
}
h1 {
  color: #333333;
  font-size: 27px;
  padding: 30px;
  text-align: center;
}
#cont_ad h1 {
  font-size: 22px;
  padding: 10px;
}
#cont_title h1 {
  padding-top: 30px;
  padding-bottom: 10px;
}

h2 {
  font-size: 21px;
  padding: 10px;
  color: #333333;
}
#cont_title h2 {
  text-align: center;
}


h3 {
  color: #333333;
  padding: 10px;
  font-size: 17px;
}
h4 {
  color: #333333;
  padding: 5px;
}
img {
  border-style: none;
}
#head100 {
  height: 80px;
  background: #ffffff
}
#head {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  height: 80px;
}
#header {
  background: #232428 url('../img/header.jpg') no-repeat center center;
  height: 300px;
  box-shadow: inset 2px -6px 8px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 2px -6px 8px rgba(0, 0, 0, 0.8);
}
#header1200 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#logo {
  padding-right: 5px;
  padding-top: 10px;
  width: 480px;
  height: 40px;
  float: left;
  text-align: center;
}
#logo a {
  color: #333333;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}
#banner_top {
  float: right;
  padding: 10px;
  height: 60px;
}
.banner_top {
display:inline-block;
width:500px;
height:60px
}
#banner_top1 {
  float: right;
  padding: 10px;
  height: 60px;
}
.banner_top1 {
display:inline-block;
width:500px;
height:60px
}

#menu {
  background: #b3bcc1 url('../img/bk-w.jpg') repeat center top;
  -webkit-box-shadow:  2px 6px 8px 0 rgba(0, 0, 0, 0.8);
  box-shadow:  2px 6px 8px 0 rgba(0, 0, 0, 0.8);
  border-top: 4px solid #f2b509;
  position: relative;
  z-index: 10;
}
#menu ul {
  list-style-type: none;
  list-style-position: outside;
  position:relative;
	margin-left:10px;
	max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#menu ul li a {
	color: #FFFFFF;
  letter-spacing: 0.07em;
  line-height: 27px;
  text-transform: lowercase;
  font-size:13px;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
}
#menu ul li:hover {
  background-color:#f2b509;
}
#menu_both {
  clear: both;
}
#slogan {
  padding-top: 70px;
  text-align: center;
  margin-left: 650px;
}
#slogan p {
   -webkit-box-shadow: 0 0 15px #ffffff;
  box-shadow:  0 0 15px #ffffff;
  color: #ffffff;
  font-size: 23px;
  padding: 15px;
  text-shadow: 1px 1px 1px #000000;
  -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #cccccc;
}
#search {
  padding-top: 50px;
  float: right;
}
#content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#content p {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: justify;
  font-size: 15px;
  color: #333333;
}
#content p a {
  text-decoration: none;
  color: #4E4E4E;
  font-weight: 600;
}
#content p a:hover {
  text-decoration: underline;
  color: #000;
}
#content a {
  text-decoration: none;
}
#content a:hover {
  text-decoration: underline;
}
#cont_left {
  width: 300px;
	float: left;
	box-shadow: 6px -7px 14px -4px rgba(0, 0, 0, 0.8) , -6px -7px 14px -4px rgba(0, 0, 0, 0.8); 
 -moz-box-shadow: 6px -7px 14px -4px rgba(0, 0, 0, 0.8), -6px -7px 14px -4px rgba(0, 0, 0, 0.8); 
-webkit-box-shadow: 6px -7px 14px -4px rgba(0, 0, 0, 0.8), -6px -7px 14px -4px rgba(0, 0, 0, 0.8);
  z-index: 20;
  border-top: 6px solid #f2b509;
  -webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #ffffff;
	margin-top: -220px;
	padding-top: 5px;
}
#cont_left h3 {
  padding: 5px;
  padding-left: 25px;
  font-size: 15px;
  color: #333333;
}
#cont_left p {
  padding-left: 25px;
  padding-right: 10px;
}
#cont_left form {
  margin-left: 15px;
  margin-right: 15px;
}
.leftmenu ul {
  margin-left: 20px;
}
.leftmenu li {
  list-style-type: none;
  list-style-image: url('none');
  list-style-position: outside;
}
.leftmenu li a {
  display: block;
  border-bottom: 1px solid #cccccc;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 10px;
  text-decoration: none;
  font-size: 13px;
  color: #333333;
  padding-left: 20px;
  margin-left: 10px;
  background: url('../img/square.gif') no-repeat left center;
}
.leftmenu li a:hover {
  color: #000;
  background: url('../img/square-active.gif') no-repeat left center;
}
#banner_bottom {
  clear: both;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 10px;
}
#cont_right {
  width: 70%;
  float: right;
  padding-bottom: 20px;
}
#cont_right ul {
  margin-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#img_right img {
  max-width: 100%;
  margin-left: 15%;
  margin-right: 5%;
}
#cont_right h2 {
  font-size: 17px;
  padding: 10px;
  color: #444;
}
#cont_right h3 {
  font-size: 17px;
  padding: 10px;
  color: #444;
}
#backto {
  margin-left: 75%;
  margin-right: 5%;
  }
#cont_both {
  clear: both;
  height: 10px;
  background: #a20115;
}
#footer {
  background: #003d73 url('../img/footer_bg.gif') repeat-x center center;
  border-top: 4px solid #f2b509;
  border-bottom: 4px solid #f2b509;
}
#footer_top {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ccc;
  text-align: center;
}
#footer_bot {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
}
#footsector {
  float: left;
  width: 33.3%;
  font-size: 13px;
}
#footsector p {
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-shadow: 1px 1px #333;
}
#footsector a {
  color: white;
}
#footsector a:hover {
  color: #f2b509;
  text-decoration: none;
}
#footsector ul {
  margin-left: 15px;
}
#footsector li {
  padding-top: 3px;
  padding-bottom: 3px;
}
#footsector li a {
  text-decoration: none;
}
#footsector li a:hover {
  text-decoration: underline;
}
#footsector h5 {
  color: #f2b509;
  font-size: 15px;
  text-shadow: 1px 1px #333;
  padding-bottom: 5px;
}
#footsectorbot {
  clear: both;
  height: 10px;
}
#ffoot {
  clear: both;
}
#ffooter {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  height: 60px;
  margin-top: 5px;
  text-align: center;
  font-size: 13px;
  color: #333333;
}
#ffooter a {
  color: #333333;
  text-decoration: underline;
  font-size: 13px;
}
#ffooter a:hover {
  text-decoration: none;
}

/* Форма поиска */

.cf:before, .cf:after{
    content:"";
    display:table
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}    
/* Стили для контейнера формы */
.form-wrapper {
    width: 300px;
    margin-left: 15px;
    margin-right: 15px;
    background: #eee;
    border-radius: 15px;
    -webkit-box-shadow:  2px 6px 8px 0 rgba(0, 0, 0, 0.8);
  box-shadow:  2px 6px 8px 0 rgba(0, 0, 0, 0.8);
}
 
/* Стили поля ввода текста */
 
.form-wrapper input {
    width: 210px;
    height: 20px;
    float: left;
    border: 0px none;
    background: #eee;
    border-radius: 3px 0 0 3px; font-style:normal; font-variant:normal; font-weight:bold; font-size:15px; font-family:lucida sans, trebuchet MS, Tahoma; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px      
}
 
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
 
/* Кнопка отправки формы */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0px none;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 80px;
    color: #fff;
    text-transform: uppercase;
    background: #f2b509;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3); font-style:normal; font-variant:normal; font-weight:bold; line-height:40px; font-size:15px; font-family:lucida sans, trebuchet MS, Tahoma
}   
   
.form-wrapper button:hover{     
    background: #333333;
}   
   
.form-wrapper button:active,
.form-wrapper button:focus{   
    background: #c42f2f;
    outline: 0;
}
 
.form-wrapper button:before { /* стрелка влево */
    content: '';
    border-left:0px none #f2b509; border-right:8px solid #f2b509; border-top:8px solid transparent; border-bottom:8px solid transparent; position: absolute;
    top: 12px;
    left: -6px
}
 
.form-wrapper button:hover:before{
    border-right-color: #333333;
}
 
.form-wrapper button:focus:before,
.form-wrapper button:active:before{
        border-right-color: #c42f2f;
}      
 
.form-wrapper button::-moz-focus-inner { /* Удаляем дополнительное пространство рядом с кнопкой в Mozilla Firefox */
    border: 0px none;
    padding: 0
}

/* Конец формы поиска */


/*форма 2*/
.search {
  /* устанавливаем необходимую ширину формы в зависимости от дизайна
  ** форма без проблем растягивается */
  width: 90%;

  /* кнопку отправки будем позиционировать абсолютно,
  ** поэтому необходимо это свойство */
  position: relative;
}

.search input {
  /* отключаем бордюры у инпутов */
  border: none;
}

/* стили для поля ввода */
.search .input {
  /* растягиваем поле ввода на всю ширину формы */
  width: 100%;

  /* за счет верхнего (8px) и нижнего (9px) внутренних отступов
  ** регулируем высоту формы
  ** внутренний отступ справа (37px) делаем больше левого,
  ** т.к. там будет размещена кнопка отправки	*/
  padding: 8px 37px 9px 15px;

  /* чтобы ширина поля ввода (100%) включала в себя внутренние отступы */
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  /* добавляем внутренние тени */
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.3);

  /* закругляем углы */
  border-radius: 20px;

  background: #EEE;
  font: 13px Tahoma, Arial, sans-serif;
  color: #555;
  outline: none;
}

/* меняем оформление поля ввода при фокусе */
.search .input:focus {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.4);
  background: #E8E8E8;
  color: #333;
}

/* оформляем кнопку отправки */
.search .submit {
  /* позиционируем кнопку абсолютно от правого края формы */
  position: absolute;
  top: 0;
  right: 0;

  width: 37px;

  /* растягиваем кнопку на всю высоту формы */
  height: 100%;

  cursor: pointer;
  background: url('../img/go.png') 50% no-repeat;

  /* добавляем прозрачность кнопке отправки */
  opacity: 0.5;
}

/* при наведении курсора меняем прозрачность кнопки отправки */
.search .submit:hover {
  opacity: 0.8;
}

/* данное свойство необходимо для того, чтобы в браузерах
** Chrome и Safari можно было стилизовать инпуты */
input[type="search"] {
  -webkit-appearance: none;
}
/*конец форма 2*/
.sale {
  border: 2pt solid #ff6600;
  padding: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: inherit;
  font-size: 17px;
  width: 490px;
  color: #cc0000;
}
.sale span a {
  font-size: 15px;
  text-align: right;
  color: red;
  float: right;
  margin-top: 12px;
  font-weight: bold;
}
.ad1 {margin-top: -10px; margin-bottom: 20px;}
.ad1 p {text-align: left!important;}
.ad1 p a {color: #001c91!important; font-weight: normal!important;}
.ad1 p a:hover {color: #ea1e27!important;}
.ad1 img {margin-left: 0px!important;}

.ad2 {margin-top: 5px; margin-bottom: 5px;}
.ad2 p {text-align: left!important;}
.ad2 p a {color: #001c91!important; font-weight: normal!important;}
.ad2 img {margin-left: 0px!important;}


#banner {padding: 6px 20px 6px 20px; border: 1px solid #e6e7e8;}
#banner_left {float: left; width: 70%;}
#banner_left h6 {color: #37474f;
font-family: "Roboto",arial,sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 25px;}
#banner_left h6 a {color: #37474f;
font-family: "Roboto",arial,sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 25px;
text-decoration: none;}
#banner_left h6 a:hover {color: #e05b0d;}
#banner_left p {color: #888888;
font-family: "Roboto",arial,sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 17px;
padding: 0;}
#banner_right {float: right; width: 30%; margin-top: 10px;}
#banner_left p.bannersite {color: #747474;}
#both {clear: both;}
#cont_right a.buttonopen {cursor: pointer;
text-decoration: none;
color: #ffffff !important;
background-color: #08794a;
font-weight: 500;
text-transform: uppercase;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.10), 0 2px 2px 0 rgba(0,0,0,0.23);
border-radius: 16px;
border-width: 0px;
height: 31px;
padding: 8px 50px 8px 50px;
font-size: 13px;
font-family: "Roboto",arial,sans-serif;}
@media screen and (max-width: 1000px) {#banner_left {width: 50%;}#banner_right {width: 30%;}}
@media screen and (max-width: 900px) {#banner_left {width: 100%;}#banner_right {width: 100%; margin-top: 0px;}}

#vkz div a div {margin-right: -24px !important;}