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

body{color: #334455; font-family: "trebuchet ms", "sans serif", arial; font-size: 9pt; line-height: 1.8; word-spacing: 2px;	cursor: default; text-align: center;
background:  #333 url('../img/bk.png') no-repeat center 118px;
}

.debug {border: 1px dotted red}
p {margin-bottom: 20px}
p.box {float: left; width: 170px; display: block;}
div.box30 {width: 32%; float: left}
a {color: #111111; text-decoration: underline;}
a:hover {color: #DA251D; text-decoration: underline;}
.clear{height: 1px; clear: both; overflow: hidden;}
.content {margin: 10px;}
img {border: 0px;}
ul ul li  {list-style-type: none;}
ul ul{margin-left: 20px;}
#xpage {width: 990px; margin: 15px auto; text-align: left}

div.cltuppleft {background: #ffffff url('../img/cltuppleft.png') no-repeat top left; height: 19px;}
div.cltbtmrgt {background: #ffffff url('../img/cltbtmrgt.png') no-repeat bottom right; height: 19px;}
div.clttprth {background: #ffffff url('../img/clttprth.png') no-repeat bottom right; height: 19px; width: 19px; float: right}
div.cltbtmlft {background: #ffffff url('../img/cltbtmlft.png') no-repeat bottom left; height: 19px;}

#xhead {background: #ffffff; height: 100px;}
#xhead ul {float: right; margin: 40px;}
#xhead ul li {display: block; float: left; list-style-type: circle; font-size: 8pt; width: 70px; text-align: left;}
#xhead ul li a {color:#383431; background: url('../img/redbull.png') no-repeat 0px 7px; padding-left: 11px; text-decoration: none; display: block; width: 100%;}
#xhead ul li a:hover {color: #DA251D}
a.redweb-logo {position: relative; top: 10px; left: 30px; float: left; display: block; width: 312px; height: 82px; background: url('../img/logo.png') no-repeat top left;text-indent: -10000px}

#xmeniu {overflow: hidden}
div.serviciu-web {float: left; width: 170px; padding: 14px;}
div.serviciu-web a {text-decoration: none}
div.serviciu-web a:hover  em{color: #DA251D}
div.serviciu-web em {color: #000; font-size: 12pt; line-height: 1.2; text-transform: uppercase; font-weight: bold; font-style: normal}
div.serviciu-web img {border: 0px; float: left; margin-right: 5px;}
div.serviciu-web ul {clear: both; list-style-position: inside; list-style-type: none; margin-left: 5px; color: #ffffff}
div.serviciu-web ul li {font-size: 9pt; background:url('../img/okgray.png') no-repeat 0px 5px; padding-left: 18px;margin: 0px}
#xbody {background: #ffffff;}
#xfeatured {color: #fff; padding: 30px; font-size: 12pt}
#xfeatured em {font-size: 16pt; color: #111}

#xmain {width: 660px; padding-left: 25px; float: left;}
#xmain h1{background:url('../img/hdr.png') no-repeat 0px 10px; color: #383431; padding-left: 30px; padding-right: 20px; font-size: 20px; text-transform: uppercase; word-spacing: 0px; letter-spacing: 0px}
#xmain h2 {position: relative; top: -15px; padding-left: 30px; font-size: 16px; text-transform: uppercase}

#xmain p {padding: 0px 30px;}
#xmain img.sitebox {float: left; margin-right: 20px;}
#xmain ul.checklist {list-style-position: inside; list-style-type: none; margin-left: 35px; color: #334455}
#xmain ul.checklist li {font-size: 9pt; background:url('../img/okgray.png') no-repeat 0px 5px; padding-left: 18px;margin: 0px}

#xbarmeniu {list-style-type: none; width: 100%; height: 30px; background:url('../img/btnbar.png') repeat-x 0px 0px;}
#xbarmeniu li { list-style-type: none; float: left; width: 98px; height: 30px;text-align: left ;}
#xbarmeniu li span {display: block;padding-left: 25px; padding-top: 3px}
#xbarmeniu li  a {width: 100%; height: 100%; display: block; background:url('../img/btn.png') no-repeat -98px 0px; text-decoration: none}
#xbarmeniu li  a:hover, #xbarmeniu li  a.on {background:url('../img/btn.png') no-repeat 0px 0px; color: #ffffff}

#xpanel {color: #111111; width: 285px; height: 1250px; float: left; background: #e7e7e7 url('../img/clttprgtred.png') no-repeat top right}
#xpanel h2{background:url('../img/whhdr.png') no-repeat 0px 10px; color: #DA251D; padding-left: 30px; font-size: 16px; text-transform: uppercase}
#xpanel h3 {text-transform: uppercase; font-size: 10px;}
#xpanel p {font-size: 9pt;}
#xpanel a  {color: #DA251D}

a.portofoliu {display: block; width: 183px; float: left; text-decoration: none; margin: 6px; cursor: pointer}
a.portofoliu span {background:url('../img/detalii.png') no-repeat 0px 0px; float: right;display: block; width: 56px; height: 14px; margin-top: 3px}
#xfooter {height: 140px; padding: 20px; color: #fff}
#xfooter a{color: #fff}
#xfooter a:hover{text-decoration: underline}

#xfooter h3 {color: #111111}
#xfooter div.box {float: left; width: 205px; color: #fff; font-size: 8pt; padding-right: 30px;}
#xfooter .phone {font-size: 14pt; color: #fff}

a.button {
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}