* {
    border: 0;
    padding: 0;
    margin: 0;
}

body {
    background-image: url(pictures/page-bg.png);
    background-repeat: repeat-x;
    max-height: 300px;
    width: 1024px;
    margin: 0 auto;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
}

#header {
    margin-top: 20px;
    height: 30px;
    width: 975px;
    
}

#tags {
    /*float: left;*/
}

#tags h1 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

#logo {
    /*float: right;*/
}

#logo .sigla {
    margin-left: 510px;
    margin-top: -35px;
}
#logo .logo {
    margin-left: 532px;
    
}


/*
MENIU
*/

#menu-container {
    width: 1020px;
    height: 200px;
    margin-top: 30px;
    /*border: 1px solid red;*/
}

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 1020px;
  height: 200px;
  background: url(pictures/menu-bg.png) no-repeat;
  position: relative;
  
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .portofoliu {
  width: 202px;
  height: 200px;
  background: url(pictures/btn-portofoliu.png) no-repeat;
  left: 1px;
  top: 0px;
}

#menu .portofoliu span {
  width: 202px;
  height: 200px;
  background: url(pictures/btn-portofoliu-hover.png) no-repeat;
  left: -1px;
  top: 0px;
}

#menu .proiecte-in-lucru {
  width: 202px;
  height: 200px;
  background: url(pictures/btn-proiecte-in-lucru.png) no-repeat;
  left: 205px;
  top: 0px;
}
#menu .proiecte-in-lucru span {
  width: 202px;
  height: 200px;
  background: url(pictures/btn-proiecte-in-lucru-hover.png) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .optimizare-SEM-SEO {
  width: 202px;
  height: 200px;
  background: url(pictures/btn-optimizare-site.png) no-repeat;
  left: 408px;
  top: 0px;
}
#menu .optimizare-SEM-SEO span {
  width: 202px;
  height: 200px;
  background: url(pictures/btn-optimizare-site-hover.png) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .oferta {
  width: 202px;
  height: 200px;
  background: url(pictures/btn-web-design.png) no-repeat;
  left: 612px;
  top: 0px;
}
#menu .oferta span {
  width: 202px;
  height: 200px;
  background: url(pictures/btn-web-design-hover.png) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .contact {
  width: 202px;
  height: 200px;
  background: url(pictures/btn-contact.png) no-repeat;
  left: 817px;
  top: 0px;
}
#menu .contact span {
  width: 202px;
  height: 200px;
  background: url(pictures/btn-contact-hover.png) no-repeat;
  left: 0px;
  top: 0px;
}


#content-wrapper {
    background: url(pictures/content-bg.png) no-repeat;
    height: 450px;
    margin-top: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}

#content-wrapper h2{
    padding-top: 30px;
    padding-bottom: 10px;
}

#content-wrapper p {
    padding-bottom: 10px;
}

#content-wrapper input {
    border: 1px solid red;
}
#content-wrapper textarea {
    border: 1px solid red;
}

#footer {
    background: url(pictures/footer.png) no-repeat;
    height: 130px;
    margin-top: 10px;
    padding-top: 20px;
}

#footer p {
    text-align: center;
    font-size: 11px;
    line-height: 200%;
}

#footer a {
    text-decoration: none;
    color: #000000;
}

#footer a:hover {
    text-decoration: underline;
}