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

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

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

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

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

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

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

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

  background: #fafafa;
  font: 18px Verdana, sans-serif;
  color: #555;
  outline: none;
}

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

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

  width: 37px;

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

  cursor: pointer;
  background: url("../im/go.png") 20% no-repeat;

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

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

/* данное свойство необходимо для того, чтобы в браузерах
** Chrome и Safari можно было стилизовать инпуты */
input[type="search"] {
  -webkit-appearance: none;
}