html
{
  background           : #918883 url(../graphics/background.jpg) repeat-x;
}

body
{
  width                : 960px;
  margin               : 0px auto;
}

#header
{
  width                : 960px;
  height               : 150px;
  position             : relative;
}

#header .reduceri
{
  position             : absolute;
  top                  : 49px;
  left                 : 51px;
}

#content
{
  width                : 960px;
}

#opto
{
  width                : 470px;
  height               : 640px;
  float                : left;
  position             : relative;
  background           : url(../graphics/opto-background.gif) repeat-y;
  margin-right         : 10px;
}

#contact
{
  width                : 470px;
  height               : 590px;
  float                : left;
  position             : relative;
  background           : url(../graphics/contact-background.gif) repeat-y;
  margin-left          : 10px;
  margin-top           : 30px;
}

#contact a
{
  color                : #8f0c2b;
}

#contact a:hover
{
  color                : #ffffff;
}

#contact-big
{
  width                : 440px;
  height               : 530px;
  background           : url(../graphics/contact-big.jpg) bottom left no-repeat;
  float                : left;
  margin-left          : 5px;
  display              : inline;
}

#contact-adresainfo
{
  font                 : 12px Trebuchet MS, Helvetica, sans-serif;
  height               : 200px;
  width                : 70px;
  float                : left;
  margin-left          : 30px;
  margin-top           : 10px;
  line-height          : 20px;
  text-align           : right;
  color                : #534c49;
  display              : inline;
}

#contact-adresa
{
  font                 : 12px Trebuchet MS, Helvetica, sans-serif;
  height               : 200px;
  width                : 300px;
  margin-top           : 10px;
  margin-left          : 25px;
  float                : left;
  color                : #000000;
  line-height          : 20px;
  display              : inline;
}

#opto-header, #centru-header, #contact-header, #banners-header
{
  width                : 450px;
  height               : 45px;
  float                : left;
  margin-left          : 20px;
  margin-bottom        : 15px;
  display              : inline;
}

#opto-header
{
  background           : url(../graphics/opto-header.gif) no-repeat;
}

#centru-header
{
  background           : url(../graphics/centru-header.gif) no-repeat;
}

#contact-header
{
  background           : url(../graphics/contact-header.gif) no-repeat;
}

#banners-header
{
  background           : url(../graphics/banners-header.gif) no-repeat;
}

#promo
{
  float                : left;
  width                : 250px;
  height               : 540px;
  overflow             : hidden;
}

#promo-header
{
  width                : 250px;
  height               : 35px;
  background           : #b7838e url(../graphics/promo.gif) top right no-repeat;
  margin-bottom        : 10px;
}

#promo .product
{
  width                : 250px;
  height               : 90px;
  background           : #ffffff;
  float                : left;
  margin-bottom        : 10px;
  text-decoration      : none;
  cursor               : pointer;
}

#promo .product .arrow
{
  background           : url(../graphics/arrow.gif) top right no-repeat;
  width                : 30px;
  height               : 90px;
  float                : left;
  visibility           : hidden;
}

#promo .product .product-img
{
  width                : 90px;
  height               : 90px;
  border               : none;
  float                : left;
}

#promo .product .product-name
{
  font                 : 14px Trebuchet MS, Helvetica, sans-serif;
  float                : left;
  width                : 105px;
  height               : 44px;
  line-height          : 22px;
  margin-left          : 15px;
  overflow             : hidden;
  color                : #999999;
}

#promo .product .product-price
{
  font                 : 16px Trebuchet MS, Helvetica, sans-serif;
  float                : left;
  width                : 120px;
  height               : 20px;
  line-height          : 20px;
  text-align           : right;
  padding-right        : 10px;
  color                : #87071c;
  font-weight          : bold;
}

#promo .product .product-old-price
{
  font                 : 16px Trebuchet MS, Helvetica, sans-serif;
  float                : left;
  width                : 120px;
  height               : 20px;
  line-height          : 20px;
  text-align           : right;
  padding-right        : 10px;
  font-weight          : bold;
  color                : #aaaaaa;
  text-decoration      : line-through;
}

#store
{
  float                : left;
  width                : 185px;
  height               : 540px;
  margin-left          : 5px;
  display              : inline;
}

#store .section
{
  float                : left;
  width                : 165px;
  height               : 25px;  
  margin               : 10px 0px 5px 0px;
  padding-left         : 15px;
}

#store a
{
  font                 : 12px Trebuchet MS, Helvetica, sans-serif;
  float                : left;
  width                : 155px;
  height               : 20px;
  line-height          : 20px;
  padding-left         : 5px;
  margin-left          : 20px;
  overflow             : hidden;
  color                : #000000;
  cursor               : pointer;
  text-decoration      : none;
}

#store a:hover
{
  background           : #343030;
  color                : #a69f9d;
}

#gotostore
{
  width                : 185px;
  height               : 185px;
  background           : #b7838e;
  float                : left;
}

#centru
{
  width                : 470px;
  height               : 640px;
  float                : left;
  position             : relative;
  background           : url(../graphics/centru-background.gif) repeat-y;
  margin-left          : 10px;
}

#centru-main
{
  width                : 440px;
  height               : 215px;
  display              : inline;
  float                : left;
  margin-left          : 5px;
}

#centru-content
{
  width                : 250px;
  height               : 215px;
  float                : left;
}

#centru-content .section, #banners-content .section
{
  float                : left;
  width                : 225px;
  height               : 25px;
  font-weight          : bold;
  display              : inline;
  margin               : 10px 0px 5px 0px;
  padding-left         : 25px;
}

#centru-content a, #banners-content a
{
  font                 : 12px Trebuchet MS, Helvetica, sans-serif;
  float                : left;
  width                : 185px;
  height               : 20px;
  line-height          : 20px;
  padding-left         : 5px;
  margin-left          : 30px;
  overflow             : hidden;
  color                : #000000;
  cursor               : pointer;
  text-decoration      : none;
}

#centru-content a:hover, #banners-content a:hover
{
  background           : #343030;
  color                : #a69f9d;
}

#gotocentru
{
  width                : 185px;
  height               : 185px;
  float                : right;
  background           : #a4ca68;
  margin-right         : 5px;
  display              : inline;
}

#centru-pics
{
  width                : 420px;
  height               : 330px;
  float                : left;
  margin-left          : 15px;
  display              : inline;
}

#centru-pics a img
{
  height               : 100px;
  width                : 420px;
  float                : left;
  background           : #918883;
  border               : none;
  margin-bottom        : 10px;
}

#banners
{
  width                : 470px;
  height               : 590px;
  float                : left;
  position             : relative;
  background           : url(../graphics/banners-background.gif) repeat-y;
  overflow             : hidden;
  margin-right         : 10px;
  margin-top           : 30px;
}

#banners-brands
{
  width                : 430px;
  height               : 160px;
  float                : left;
  margin-left          : 20px;
  display              : inline;
}

#banners-brands img
{
  float                : left;
  width                : 140px;
  height               : 45px;
}

#banners-info
{
  width                : 440px;
  height               : 365px;
  float                : left;
  margin-left          : 5px;
  display              : inline;
}

#banners-content
{
  width                : 250px;
  height               : 235px;
  float                : left;
}

#gotobanners
{
  font                 : 12px Trebuchet MS, Helvetica, sans-serif;
  width                : 145px;
  height               : 145px;
  float                : left;
  background           : #fced8a;
  padding              : 20px 20px 20px 20px;
  text-align           : justify;
  color                : #817003;
}

#gotostore a
{
  background           : #b7838e;
  width                : 175px;
  height               : 165px;
  cursor               : pointer;
  text-decoration      : none; 
  margin               : 0px;
  padding              : 15px 5px 5px 5px;
  text-align           : center;
  display              : block;
  font                 : 18px trebuchet MS,arial, helvetica, sans-serif;
  line-height          : 25px;
  color                : #ffffff;
}

#gotostore a:hover
{
  background           : #b7838e url(../graphics/store-clickout.gif) 0px 0px no-repeat;
  color                : #53030e;
}

#gotostore a span
{
  font                 : 11px trebuchet MS,arial, helvetica, sans-serif;
  color                : #53030e;
}

#gotocentru a
{
  background           : #a4ca68;
  width                : 175px;
  height               : 165px;
  cursor               : pointer;
  text-decoration      : none; 
  margin               : 0px;
  padding              : 15px 5px 5px 5px;
  text-align           : center;
  display              : block;
  font                 : 18px trebuchet MS,arial, helvetica, sans-serif;
  line-height          : 25px;
  color                : #ffffff;
}

#gotocentru a:hover
{
  background           : #a4ca68 url(../graphics/centru-clickout.gif) 0px 0px no-repeat;
  color                : #1f4200;
}

#buton-mag
{
  width                : 162px;
  height               : 48px;
  background           : url(../graphics/but-magazin.gif) 0px 0px no-repeat;
  margin-left          : 6px;
  margin-top           : 10px;
}

#buton-centru
{
  width                : 162px;
  height               : 48px;
  background           : url(../graphics/but-programari.gif) 0px 0px no-repeat;
  margin-left          : 6px;
  margin-top           : 10px;
}

#buton-mag:hover, #buton-centru:hover
{
  background-position  : 0px -48px;
}

#footer
{
  width                : 960px;
  height               : 30px;
  float                : left;
  font                 : 14px trebuchet MS,arial, helvetica, sans-serif;
  margin               : 10px 0px 10px 0px;
}

#tel1
{
  font                 : 12px trebuchet MS,arial, helvetica, sans-serif;
  float                : left;
  color                : #ffffff;
  margin               : 5px 0px 0px 30px;
  height               : 30px;
  line-height          : 30px;
  display              : inline;
}

#tel2
{
  font                 : 12px trebuchet MS,arial, helvetica, sans-serif;
  float                : left;
  color                : #ffffff;
  margin               : 0px 0px 0px 30px;
  height               : 30px;
  line-height          : 30px;
  display              : inline;
}

#footer-left
{
  float                : left;
}

#footer-right
{
  float                : right;
  text-align           : right;
  display              : inline;
  margin-right         : 10px;
}

#footer-left a img
{
  border               : none;
}