html, body
{ margin: 0; padding: 0 }

body
{ background: #000 url(../images/bg.jpg) top center no-repeat; color: #949494;
  font-family: Arial, sans-serif; font-size: 12px }

.container
{ margin: 127px auto 0 auto; width: 656px }

.menu
{ list-style: none; margin: 0; padding: 0; overflow: auto; zoom: 1 }

.menu, .content
{ margin-left: 2px }

.menu li
{ float: left; font-size: 12px }

.menu li a
{ display: block; padding: 3px; text-decoration: none; color: #fff }

.menu li.selected a
{ background: #fff; color: #000 }

.content
{ background: transparent none top left no-repeat; padding-top: 103px }

.content h1
{ margin: 0; padding: 6px 0 0 10px; font-weight: normal; font-size: 2em; height: 34px;
  background: #111 url(../images/g.gif) top left repeat-x }

em
{ font-style: normal; font-weight: normal; color: #fff }

.content .page
{ padding: 10px }

.content .page p
{ margin: 0 0 1em 0 }

.content .page .column1
{ width: 49%; float: left }

.content .page .column2
{ width: 49%; float: right }

a.contact
{ display: block; width: 97px; height: 34px;
  background: #c00 url(../images/contact.gif) top left no-repeat }

a.contact span
{ display: none }

body.despre .content
{ background-image: url(../images/despre.jpg) }

body.sonorizare .content
{ background-image: url(../images/sonorizare.jpg) }

body.videoproiectie .content
{ background-image: url(../images/videoproiectie.jpg) }

body.scenotehnica .content
{ background-image: url(../images/scenotehnica.jpg) }

body.lightshow .content
{ background-image: url(../images/lightshow.jpg) }

body.traducere .content
{ background-image: url(../images/traducere.jpg) }

body.karaoke .content
{ background-image: url(../images/karaoke.jpg) }

body.evenimente .content
{ background-image: url(../images/evenimente.jpg) }

body.echipamente .content
{ background-image: url(../images/echipamente.jpg) }

body.contact .content
{ background-image: url(../images/contact.jpg) }

p.offer
{ border: 1px solid #fcce4c; color: #fcce4c; font-weight: bold;
  padding: 1em; text-align: center }

a
{ color: #fcce4c }

#map
{ width: 100%; height: 300px }

body.echipamente div.page
{ background: transparent url(../images/logos.gif) 10px 10px no-repeat;
  padding-top: 80px }

div#events
{ margin-bottom: 20px; clear: both }

body.despre div#events
{ margin-top: 15px; padding-top: 15px; border-top: 1px solid #555 }

div#events h2
{ font-weight: normal; font-size: 1.5em; margin: 10px 0; padding: 0 }

div#events ul
{ list-style: none; margin: 0; padding: 0; overflow: auto; zoom: 1 }

div#events li
{ float: left; margin-right: 10px }

div#events li.last
{ margin: 0 }

div#events li a
{ display: block; width: 120px; height: 90px; background: #111 none center center no-repeat;
  border: 1px solid #444; padding: 5px }

p.links
{ clear: both; text-align: center }

div.trafic
{ text-align: center; margin: 5px 0 10px 0 }
