html {
  background: #fff;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: 88%/160% Arial, Helvetica, sans-serif;
  background: #fff url(../i/bg_body.png) repeat-x 0 0;
}

ul, li, img, p, form, fieldset, h1, h2 {
  margin: 0;
  padding: 0;
  border: 0;
}

ul {
  list-style-type: none;
}

img {
  display: block;
}

/* Main elements
====================================================*/

#head {
  width: 760px;
  margin: 0 auto;
}

#flash1 {
  height: 120px;
}

#flash2 {
  height: 140px;
}

#menu-top {
  border-top: 6px solid #febd01;
  height: 34px;
  background: #ff9600 url(../i/bg_menutop.png) no-repeat 0 0;
}

#wrap {
  background: #e8e8e8;
}

#round1,
#round2 {
  height: 22px;
}

#round1 {
  background: #e8e8e8 url(../i/bg_content-t.png) no-repeat 50% 0;
}

#round2 {
  background: #e8e8e8 url(../i/bg_content-b.png) no-repeat 50% 0;
}

#content {
  width: 760px;
  background: #fff;
  margin: 0 auto;
  text-align: left;
}

#foot {
  width: 100%;
  background: #fff url(../i/bg_foot_belka.png) no-repeat 50% 0;
  padding-top: 10px;
  text-align: left;
}

#foot ul {
  background: #11406c url(../i/bg_foot-ul_keyboard.jpg) no-repeat 30% 0;
  height: 40px;
}

#col-main,
#col-main-big,
#col-offer,
#col-contact {
  float: left;
  font: 11px/160% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #1b558a;
}

p.bold {
  font-weight: bold;
}

/* Tresc wlasciwa
====================================================*/

#col-main h1,
#col-main-big h1 {
  color: #ff9600;
  font: 22px "Myriad Web", Arial, Helvetica, sans-serif;
}

#col-main p.thumb,
#col-main-big p.thumb {
  padding: 0 0 0 10px;
  float: right;
}

#col-main td,
#col-main-big td {
  background: #efefef;
}

#col-main ul,
#col-main-big ul {
  list-style-type: square;
  padding: 0 10px 0 10px;
}

#col-main p,
#col-main-big p {
  margin: 10px 0;
  text-align: justify;
}

#col-main p a,
#col-main-big p a {
  font-weight: bold;
  color: #fd9806;
  text-decoration: underline;
}

#col-main li a,
#col-main-big li a {
  font-weight: bold;
  color: #fd9806;
  text-decoration: underline;
}

#col-main p a:focus,
#col-main p a:hover,
#col-main-big p a:focus,
#col-main-big p a:hover {
  text-decoration: none;
}

#col-main li a:focus,
#col-main li a:hover,
#col-main-big li a:focus,
#col-main-big li a:hover {
  text-decoration: none;
}

#col-main p.goup,
#col-main-big p.goup {
  text-align: right;
}

#col-main p.mini,
#col-main-big p.mini {
  color: #8e8e8e;
  font: 10px/12px Tahoma, Arial, Helvetica, sans-serif;
}

#col-main p.goup a,
#col-main-big p.goup a {
  color: #8e8e8e;
  font: 10px/12px Tahoma, Arial, Helvetica, sans-serif;
  padding: 12px 15px 12px 0;
  background: transparent url(../i/arrowup.png) no-repeat 100% 53%;
  text-decoration: none;
}

#col-main p.goup a:focus,
#col-main p.goup a:hover,
#col-main-big p.goup a:focus,
#col-main-big p.goup a:hover {
  text-decoration: underline;
}

#col-contact {
  font-size: 10px;
}

#col-contact address {
  font-style: normal;
}

#col-contact a,
#col-offer a {
  font-weight: bold;
  text-decoration: none;
}

#col-contact a:focus,
#col-contact a:hover,
#col-offer a:focus,
#col-offer a:hover {
  text-decoration: underline;
}

#col-offer h2,
#col-contact h2 {
  color: #1b558a;
  font: 22px "Myriad Web", Arial, Helvetica, sans-serif;
}

#col-offer h2 {
  background: url(../i/bg_offer.png) no-repeat 75% 0;
  height: 39px;
  line-height: 39px;
}

#col-contact h2 {
  background: url(../i/bg_contact.png) no-repeat 85% 0;
  height: 37px;
  line-height: 37px;
}

#col-offer,
#col-contact {
  width: 150px;
  margin-left: 10px;
}

#col-main {
  width: 398px;
  padding: 0 20px;
  border-left: 1px dotted #bfbfbf;
  border-right: 1px dotted #bfbfbf;
}

#col-main-big {
  width: 548px;
  padding: 0 20px;
  border-left: 1px dotted #bfbfbf;
}

#menu-offer {
  margin: 10px 0 20px;
}

#menu-offer li {
  margin-top: 10px;
}

#menu-offer a {
  display: block;
  width: 140px;
  height: 70px;
}

#menu-vidor {
  list-style-type: square;
  margin: 10px ;
}

#menu-vidor li {
  margin-top: 10px;
}

#menu-vidor a {
  display: block;
  width: 140px;
}

#menu-index {
  list-style-type: square;
  margin: 10px ;
}

#menu-index li {
  margin-top: 5px;
}

#foot a {
  display: block;
  width: 138px;
  height: 40px;
  margin-left: 65%;
}

#product {
  margin-top: 25px;
}

#product img {
  float: left;
  margin-right: 10px;
}

#product span {
  color: #ff9600;
  font: 30px Arial, Helvetica, sans-serif;
}

#product span sup {
  color: #848484;
  font-size: 15px;
}

#product p {
  margin-top: 25px;
}

#product a.goright {
  font: bold 10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 0 12px 0 0;
  background: transparent url(../i/arrowright.png) no-repeat 100% 65%;
}

/* Global links */
a {
  color: #fd9806;
  text-decoration: underline;
}

a:focus,
a:hover {
  text-decoration: none;
}

/* Top menu
====================================================*/

#menu-top li {
  float: left;
  display: inline;
  margin-left: 50px;
}

#menu-top li.submenu,
#menu-top li.submenu:hover li.submenu2 {
  position: relative;
}

#menu-top li.submenu ul,
#menu-top li.submenu:hover li.submenu2 ul {
  display: none;
}

#menu-top a {
  font: bold 13px/28px Tahoma, Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
}

#menu-top li.submenu:hover ul {
  display: block;
  position: absolute;
  background: #ff9600;
  top: 28px;
  left: 0;
}

#menu-top li.submenu li.submenu2:hover ul {
  display: block;
  position: absolute;
  top: 0;
  left: 180px;
  border: 1px solid #ffbb3c;
}

#menu-top li.submenu:hover li {
  display: list-item;
  clear: left;
  margin: 0;
  text-align: left;
}

#menu-top li.submenu:hover ul a {
  display: block;
  font-size: 11px;
  width: 170px;
  padding: 0 10px;
}

#menu-top li.submenu:hover ul a:focus,
#menu-top li.submenu:hover ul a:hover {
  background: #febd01;
}

/* Other
====================================================*/
.clear {
  clear: both;
  line-height: 0px;
}