/* ====================== GENERAL ====================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, label, legend
{ margin:0; padding:0; border:0; outline:0; border-collapse:collapse; text-decoration:none; font-family:Arial, Helvetica, sans-serif }

table, table td{ border-color:white }

input.submit::-moz-focus-inner { border: 0; padding: 0; } /*Remove button padding in FF*/
:focus  { outline:0 }
img     { padding:0; border:0 }
ul      { list-style:none }
body    { height:100%; background:url('images/bg.jpg') }
#body   { width:100%; height:100%; text-align:center; display:inline-block; background:url('images/glow.png') no-repeat center -120px }

a       { color:#ff6000 }
a:hover { text-decoration:underline }
h1, .h1 { font-size:18px; font-weight:bold; color:white; display:inline-block }
h2, .h2 { font-size:14px; font-weight:bold; color:white; display:inline-block }
h1.center{ text-align:center }
b       { color:#2697CF }

#container{ width:980px; margin:0 auto; padding-top:100px; display:inline-block }


/* ====================== MENIU ====================== */

#meniu      { width:980px; height:60px; margin-bottom:5px; background:url('images/bg-meniu.jpg') }
#meniu a        { height:60px; line-height:60px; padding:0 20px; font-size:18px; font-weight:bold; color:white; float:left; display:block }
#meniu a.last   { width:73px }
#meniu a:hover  { background:url('images/bg-meniu-hv.gif'); text-decoration:none }


/* ====================== HEADER ====================== */

#header { width:960px; height:170px; padding:100px 0 0 20px; margin-bottom:5px; text-align:left; background:url('images/header.jpg') }
#header .h1         { font-size:40px }
#header .h1:hover   { text-decoration:none }
#header .h1 span        { color:orange }


/* ====================== AFISARE COMPANII ====================== */

#companii     { width:950px; padding:15px; margin-bottom:5px; float:left; text-align:left; font-size:12px; background-color: #3b3b3c; }
#companii div {color:white; width:220px; margin-right:10px; margin-bottom:10px; float:left; font-size:11px}
#companii a {color:white; font-size:11px}

/* ====================== CONTENT ====================== */

#content                { width:950px; padding:15px; min-height:230px; _height:230px; margin-bottom:5px; float:left; text-align:left; font-size:12px; color:#eee; background:url('images/bg-content.gif') repeat-x top black }
#content div.articol        { width:465px; height:110px; margin-right:10px; float:left }
#content div.articol .prima     { float:left; margin:4px 10px 0 0 }
#content div.articol a          { font-weight:bold }
#content img.prima          { float:left; margin:0 10px 5px 0 }
#content p.data             { color:#ff6000 }
#content div.galerie        { width:100%; float:left; text-align:center }
#content div.galerie img        { margin:7px }
#content a.toate            { float:left; width:100%; font-size:14px; font-weight:bold; color:#ff6000; text-align:center; display:inline-block }
#content .content-box       { width:302px; margin:10px 20px 0 0; text-align:left; float:left }
#content .last              { margin-right:0 }
#content .content-box h1       { width:100%;margin-bottom:10px; padding-bottom:7px; text-align:left; background:url('images/underline.png') no-repeat left bottom }
#content .content-box p        { min-height:170px; _height:170px; margin-bottom:10px; color:#eee; text-align:justify; font-size:12px }
#content .content-box a        { width:100px; height:28px; line-height:28px; text-align:center; font-size:12px; color:yellow; display:block; float:right; background:url(images/bg-buton.gif) repeat-x }
#content .content-box a:hover  { text-decoration:none; color:white }


/* ====================== PREFOOTER ====================== */

#subfooter              { width:950px; padding:15px; margin-bottom:5px; float:left; background:white }
#subfooter .content-box    { width:302px; margin-right:20px; text-align:left; float:left }
#subfooter .last            { margin-right:0 }
#subfooter .content-box a.h2   { text-align:left; color:#ff6000; margin-bottom:5px }
#subfooter .content-box p      { font-size:12px }
#subfooter .content-box p img      { width:90px; height:90px; margin:3px 10px auto auto; float:left }
#subfooter .content-box p a        { color:#ff6000 }
#subfooter .content-box2    { width:295px; margin:10px 20px 0 0; text-align:left; float:left }
#subfooter .last            { margin-right:0 }
#subfooter .content-box2 a.h2   { text-align:left; color:#ff6000; margin-bottom:5px }
#subfooter .content-box2 p      { font-size:12px }
#subfooter .content-box2 p img      { width:90px; height:90px; margin:3px 10px 0 0; float:left }
#subfooter .content-box2 p a        { color:#ff6000 }
#subfooter div.articol        { width:465px; height:110px; margin-right:10px; float:left }
#subfooter div.articol .prima     { float:left; margin:4px 10px 0 0 }
#subfooter div.articol a          { font-weight:bold }



/* ====================== FOOTER ====================== */

#footer         { width:950px; padding:15px; margin-bottom:50px; float:left; background:white }
#footer .copy       { float:left; color:#111; font-size:12px }
#footer .realizat   { float:right; color:#111; font-size:12px }
#footer .realizat a     { color:#111; font-weight:bold }
