Здравей :) Аз не използвах вложени дивове. Стилизирах елементът си (при мен е article), като му зададох бордер в цвят1 и box-shadow в цвят2. След това в CSS добавих псевдо елемент с article:before, на който също сложих border в цвят3 и box-shadow в цвят4. Има малко заиграване с ширините и позиционирането на article и article:before, за да се напаснат и да се виждат четирите ограждащи пръстена. 

article {
  position: absolute;
  width:660px;
  height:126px;
    margin-top:5px;
  margin-left:40px;
  border: 3px solid #008000;
  border-radius:80px;
  box-shadow: 0 0 0 3px #0000ff;
}
article:before {
  content:" ";
  position: absolute;
  z-index:1;
  margin-left:3px;
  margin-top:3px;
  border:3px solid #ff0000;
  width: 649px;
  height: 114px;
  border-radius:80px;
    -moz-border-radius: 80px;
  box-shadow: 0 0 0 3px #ffff00;
}