html {background-color: #efefef;}
body {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #333333; background:white url("../images/backgrounds/bg_top.gif") repeat-x;} 
/*backgrounds/bg-top.gif); background-repeat: no-repeat; background-position: 222px 0px;*/

td{ border-top:none;border-left:none; border-bottom:solid windowtext 1.0pt; border-right:solid windowtext 1.0pt; background:white; padding:.75pt .75pt .75pt .75pt; height:29.25pt; }

#container{  width:950px; margin:0 auto; }

a {color: #dd0000; text-decoration: underline;}
a:hover {color: #ff3300; text-decoration: underline;}

div.cleaner {margin: 0px; padding: 0px; height: 1px; overflow: hidden; clear: both;}

#homehero{ width:700px; height:340px; background:url('') no-repeat scroll right 0pt transparent; display: block; margin: 13px 0 0 0px; overflow:hidden; }
#homehero ul, #homehero li{ margin:0 0 10px 0; padding:0;  list-style:none; }

/* header */
div#header {margin: 0px; padding: 0px; width: 950px; height: 158px; overflow: hidden; position: relative; clear: both;}
div#header h1 {margin: 0px; padding: 0px; width: 239px; height: 113px; overflow: hidden; float: left; text-indent: -20000px; background-image: url(../images/sama_service_grup_logo.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div#header h1 a {margin: 0px; padding: 0px; width: 239px; height: 95px; overflow: hidden; display: block;}
div#header h2 {margin: 0px 0px 0px 20px; padding: 0px; width: 156px; height: 113px; overflow: hidden; float: left; clear: right; text-indent: -20000px; background-image: url(../images/backgrounds/magazin_produse.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div#header h2 a {margin: 0px; padding: 0px; width: 156px; height: 113px; overflow: hidden; display: block;}

#header a img{	position:absolute;	margin-top:17px;	}

div#header dl {margin: 0px; padding: 0px; float: left;}
div#header dl.autentificare {margin: 0px 0px 0px -8px; width: 198px; overflow: hidden; position: relative;}
div#header dl.selectorAnvelope {margin: 0px 0px 0px 24px; width: 310px; overflow: hidden;}
div#header dl dt {margin: 0px; padding: 8px 0px 10px 0px; color: #ffffff; font-weight: bold;}
div#header dl dt label {margin: 0px; padding: 0px 5px 0px 8px; background-color: #626262; position: relative;}
div#header dl dd {margin: 10px 0px 0px 8px; padding: 0px;}

div#header dl dd.jos {margin: 3px 0px 0px 8px; padding: 0px; font-size: 0.9em;}
div#header dl dd.jos a {color: #242424;}
div#header dl dd.jos a:hover {color: #dd0000;}
div#header dl dd.jos label {margin: 0px; padding: 0px 10px 0px 18px; background-image: url(../images/icons/cont_rosu.gif); background-repeat: no-repeat; background-position: 0px 1px;}
div#header dl dd.jos label.icoNegru {background-image: url(../images/icons/cont_negru.gif);}
div#header dl dd.jos label.icoCos {background-image: url(../images/icons/cos_rosu.gif);}

div#header div.lung {margin: 0px 6px 5px 0px; padding: 0px; width: 138px; height: 15px; overflow: hidden; float: left; background-color: #ffffff;}
div#header div.scurt {margin: 0px 6px 8px 0px; _margin: 0px 6px 6px 0px; padding: 0px; width: 66px; height: 15px; overflow: hidden; float: left; background-color: #ffffff;}

div#header p {margin: 0px; padding: 13px 0px 12px 0px; width: 240px; overflow: hidden; clear: left; float: left; background-image: url(../images/backgrounds/bg_cautare.gif); background-repeat: no-repeat; background-position: 0px 0px;}

div#header ul {margin: 0px; padding: 0px; list-style-type: none; float: left;}
div#header ul li {margin: 0px; padding: 0px 2px 0px 0px; float: left; font-weight: bold; text-transform: uppercase; background-image: url(../images/backgrounds/linie_butoane.gif); background-repeat: no-repeat; background-position: right top;}
div#header ul li a {margin: 0px; padding: 13px 23px 13px 24px; display: block; color: #ffffff; text-decoration: none; border-bottom: 4px solid #242424; cursor: pointer;}
div#header ul li a:hover {color: #ffdd00; text-decoration: none; border-bottom: 4px solid #ffdd00;}


/* headline */
div.gri {margin: 0px 0px 0px -13px; padding: 0px; background-color: #efefef;}
div#headline { margin: 0px; padding: 0px 0px 10px 0px; background-color: #efefef; clear: both; width: 711px; overflow: hidden;}

div#headline div.dreaptaHeadline {margin: 0px 0px 0px -1px; padding: 0px 14px 0px 14px; width: 683px; overflow: hidden; float: left; background-image: url(../images/backgrounds/linie_vertical.gif); background-repeat: repeat-y; background-position: 0px 0px;}

div#headline p.text {margin: 0px; padding: 9px 0px 0px 0px; background-image: url(../images/backgrounds/linie_orizontal.gif); background-repeat: repeat-x; background-position: 0px 0px;}
div#headline p.veziDetalii {margin: 11px 0px; padding: 0px;}
div#headline p.veziDetalii img {margin: 2px 3px 0px 0px; padding: 0px; border: none; vertical-align: top;}


/* titluri */
h3 {margin: 14px 0px; padding: 0px 0px 0px 20px; font-size: 1.5em; color: #393939; font-weight: normal; background-image: url(../images/icons/3_patrat_rosu.gif); background-repeat: no-repeat; background-position: 0px 4px;}
div#headline h3 {margin: 14px 0px 5px 0px;}
div#headline div.stangaHeadline h3 {font-size: 1.65em; color: #393939;}
div#stanga h3 {font-size: 1.65em; color: #393939; background-image: url(../images/icons/3_patrat_galben.gif);}
div#stanga h3.tractari {font-size: 1.65em; color:#CC0000; background-image: url(../images/icons/3_patrat_rosu.gif);}


/* continut */
div#continut {margin: 0px; padding: 0px; width: 950px; overflow: hidden; background-color: #ffffff; clear: both; position: relative;}
div#stanga {margin: 0px; padding: 0px 5px 15px 5px; width: 229px; overflow: hidden; float: left; font-size: 0.9em; color: #666666; background-image: url(../images/backgrounds/linie_vertical.gif); background-repeat: repeat-y; background-position: 238px 0px;}
div#dreapta {margin: 0px 0px 0px -1px; padding: 0px 14px 15px 14px; width: 683px; overflow: hidden; float: left; background-image: url(../images/backgrounds/linie_vertical.gif); background-repeat: repeat-y; background-position: 0px 0px;}


/* stanga */
div#stanga p.text {margin: 0px; padding: 0px;}
div#stanga img.promotie {margin: 0px 8px 0px 0px; padding: 0px; border: 1px solid #d2d2d2; float: left; vertical-align: top;}
div#stanga img.service {margin: 20px 0px 0px 0px; padding: 0px; border: none; float: left; vertical-align: top;}
div#stanga p.veziDetalii {margin: 11px 0px; padding: 0px;}
div#stanga p.veziDetalii img {margin: 2px 3px 0px 0px; padding: 0px; border: none; vertical-align: top;}

ul#submeniuStanga {margin: 1px -16px 0px -5px; padding: 0px; list-style-type: none; font-weight: bold;}
ul#submeniuStanga li {margin: 0px; padding: 0px; background-color: #ffffff;}
ul#submeniuStanga li img {margin: 0px 6px 0px 0px; padding: 0px; border: none; display: none;}
ul#submeniuStanga li a {margin: 0px; padding: 2px 16px 3px 16px; display: block; position: relative; clear: both; width: 206px; overflow: hidden; background-color: #ffffff; background-image: url(../images/backgrounds/bg_buton_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px; color: #242424; text-decoration: none;}
ul#submeniuStanga li a.activ {color: #ffffff; text-decoration: none; background-image: url(../images/backgrounds/bg_meniu_activ_stanga.gif);}
ul#submeniuStanga li a:hover {color: #ffffff; text-decoration: none; background-position: 0px -19px;}
ul#submeniuStanga li.title {margin: 0px; padding: 2px 16px 3px 16px; background-color: #242424; background-image: url(../images/backgrounds/meniu_categorie_activa.gif); background-repeat: no-repeat; background-position: 0px bottom; color: #FFFFFF; text-transform: uppercase;}


/* dreapta */
div#backgroundCale {margin: 0px; padding: 0px; width: 100%; height: 19px; overflow: hidden; position: absolute; top: 159px; left: 0px; background-image: url(../images/backgrounds/bg_cale.gif); background-repeat: repeat-x; background-position: 0px 0px;}
div#caleSite {margin: 1px -14px 0px -13px; padding: 2px 14px 3px 14px; position: relative; font-size: 0.9em; background-color: #f9f9f9; background-image: url(../images/backgrounds/linie_orizontal.gif); background-repeat: repeat-x; background-position: 0px bottom;}

div#dreapta p.textServicii {margin: -3px 0px 18px 0px; padding: 0px; clear: both;}
div#dreapta img.imagineServicii {margin: -13px 0px 0px 45px; padding: 0px; border: none; vertical-align: top; float: right;}

div#dreapta div.servicii {margin: 9px 0px 0px 0px; padding: 0px; width: 227px; overflow: hidden; float: left;}
div#dreapta div.servicii img.numar {margin: 0px 7px 0px 0px; padding: 0px; border: none; vertical-align: top; float: left;}
div#dreapta div.servicii div {margin: 0px; padding: 0px; float: left; width: 160px; overflow: hidden;}
div#dreapta div.servicii h4 {margin: 0px 0px 5px 0px; padding: 0px; font-size: 1em; font-weight: bold; color: #393939; text-transform: uppercase;}
div#dreapta div.servicii h4 a {color: #393939; text-decoration: none;}
div#dreapta div.servicii h4 a:hover {color: #dd0000; text-decoration: underline;}
div#dreapta div.servicii p.text {margin: 0px; padding: 0px;}
div#dreapta div.servicii p.veziDetalii {margin: 7px 0px; padding: 0px; font-size: 0.9em;}
div#dreapta div.servicii p.veziDetalii img {margin: 2px 3px 0px 0px; padding: 0px; border: none; vertical-align: top;}

div#dreapta div.produse {margin: 9px 0px 0px 0px; padding: 0px; width: 353px; overflow: hidden; float: left;}
div#dreapta div.produse img.produs {margin: 0px 7px 0px 0px; padding: 0px; border: none; vertical-align: top; float: left;}
div#dreapta div.produse img.imagineLucru {margin: 0px 7px 0px 0px; padding: 0px; width: 120px; border: 1px solid #737373; vertical-align: top; float: left;}
div#dreapta div.produse div {margin: 0px; padding: 0px; float: left; width: 265px; overflow: hidden;}
div#dreapta div.produse div.puncteLucru {margin: 0px; padding: 0px; float: left; width: 211px; overflow: hidden;}
div#dreapta div.produse h4 {margin: 0px 0px 5px 0px; padding: 0px; font-size: 1em; font-weight: bold; color: #393939; text-transform: uppercase;}
div#dreapta div.produse h4 a {color: #393939; text-decoration: none;}
div#dreapta div.produse h4 a:hover {color: #dd0000; text-decoration: underline;}
div#dreapta div.produse p.text {margin: 0px; padding: 0px;}
div#dreapta div.produse p.text01 {margin: 0px; padding: 0px; font-size: 0.9em;}
div#dreapta div.produse p.veziDetalii {margin: 7px 0px 10px 0px; padding: 0px; font-size: 0.9em;}
div#dreapta div.produse p.veziDetalii img {margin: 2px 3px 0px 0px; padding: 0px; border: none; vertical-align: top;}

div#dreapta div.treiJos {margin: 16px 0px 0px 0px; padding: 22px 0px 0px 0px; width: 693px; overflow: hidden; clear: both; background-image: url(../images/backgrounds/3_puncte_negru.gif); background-repeat: repeat-x; background-position: 0px 0px;}
div#dreapta div.treiJos fieldset {margin: 0px 9px 0px 0px; padding: 0px; width: 222px; overflow: hidden; border: none; float: left;}
div#dreapta div.treiJos fieldset h3 {margin: 0px; padding: 0px; font-size: 1.5em; font-weight: normal; color: #393939; background-image: none;}
div#dreapta div.treiJos fieldset img {margin: 4px 0px 6px 0px; padding: 0px; clear: both; border: 1px solid #737373;}
div#dreapta div.treiJos p.text {margin: 0px; padding: 0px;}
div#dreapta div.treiJos p.veziDetalii {margin: 11px 0px; padding: 0px; font-size: 0.9em;}
div#dreapta div.treiJos p.veziDetalii img {margin: 2px 3px 0px 0px; padding: 0px; border: none; vertical-align: top;}
div#dreapta div.treiJos ul {margin: 0px; padding: 0px; list-style-type: none;}
div#dreapta div.treiJos ul li {margin: 0px; padding: 0px 0px 0px 14px; background-image: url(../images/icons/sageata_rosie.gif); background-repeat: no-repeat; background-position: 0px 5px;}
div#dreapta div.treiJos ul li a {color: #333333; text-decoration: none;}
div#dreapta div.treiJos ul li a:hover {color: #dd0000; text-decoration: underline;}

div#dreapta div.listingArticole {margin: 0px; padding: 0px; width: 720px; overflow: hidden;}
div#dreapta dl.listingArticol {margin: 0px 20px 18px 0px; padding: 0px; width: 333px; float: left;}
div#dreapta dl.listingArticol dt {margin: 0px 0px 3px 0px; padding: 0px; font-weight: bold; font-size: 1em;}
div#dreapta dl.listingArticol dt img.icon {margin: 1px 3px 0px 0px; padding: 0px; border: none; vertical-align: top;}
div#dreapta dl.listingArticol dd {margin: 0px; padding: 0px;}
div#dreapta dl.listingArticol dd.veziDetalii {margin: 3px 0px 0px 0px; padding: 0px; font-size: 0.9em; background-color: #f9f9f9;}
div#dreapta dl.listingArticol dd.veziDetalii img {margin: 2px 3px 0px 0px; padding: 0px; border: none; vertical-align: top;}
div#dreapta dl.listingArticol dd.veziDetalii span {margin: 0px 0px 0px 175px;}
div#dreapta div.coverSpace {margin: 0px 0px -10px 0px; padding: 0px; height: 1px; overflow: hidden; clear: both;}

div#dreapta div.pagini {margin: -5px 0px 0px 0px; padding: 0px; font-size: 0.9em; font-weight: bold; color: #333333;}
div#dreapta div.pagini label {padding: 0px 2px; font-weight: normal;}
div#dreapta div.pagini a {text-decoration: none;}
div#dreapta div.pagini a.activ {color: #333333;}
div#dreapta div.pagini a:hover {text-decoration: underline;}

div#dreapta div.detaliuArticol {margin: 0px 0px 18px 0px; padding: 0px;}
div#dreapta img.imagineArticol {margin: 0px 8px 4px 0px; padding: 0px; border: 1px solid #737373; float: left; vertical-align: top;}


/* footer */
div#footer {margin: 10px 0px 0px 0px; padding: 0px; clear: both; border-top: 4px solid #242424; font-size: 0.9em; color: #5b5959; background-color: #efefef;}
div.continutFooter {margin: 0px auto; padding: 17px 0px 15px 0px; clear: both; width: 950px; overflow: hidden;}
div.continutFooter p {margin: 0px; padding: 0px; float: right; color: #858484;}
div.continutFooter p img {margin: -3px 0px 0px 5px; padding: 0px; border: none; vertical-align: top; position: relative;}
div.continutFooter div {margin: 0px; padding: 0px;}
div.continutFooter div img {margin: -6px 57px 0px 25px; padding: 0px; border: none; vertical-align: top; float: left;}
div.continutFooter div span {color: #858484;}
div.continutFooter div label {padding: 0px 15px;}
div.continutFooter div a {color: #5b5959; text-decoration: none;}
div.continutFooter div a:hover {color: #dd0000; text-decoration: underline;}


/* elemente formulare */
form {margin: 0px; padding: 0px;}

input.campAutentificare {margin: 0px 0px 5px 0px; _margin: -1px 0px 4px 0px; padding: 0px 4px 1px 4px; border: none; width: 165px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #525252;}
input.butonAutentificare {margin: 0px; padding: 0px; float: right;}
img.butonAutentificare {margin: 0px; padding: 0px; float: right; cursor:pointer;}
select.selectorLung {margin: -2px 0px 0px -2px; padding: 0px; width: 143px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #525252;}
select.selectorScurt {margin: -2px 0px 0px -2px; padding: 0px; width: 71px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #525252;}

input.campCautare {margin: 0px 9px 5px 46px; _margin: -1px 9px 4px 46px; padding: 0px 4px 1px 4px; border: none; width: 145px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #525252; vertical-align: top;}
input.cantitate {margin: 0px 4px 0px 0px; _margin: -1px 4px -1px 0px; padding: 0px 2px; width: 34px; border: 1px solid #777777; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 1em; color: #444444;}
input.modifica {margin: 2px 0px 0px 0px; padding: 0px; vertical-align: top;}

input.formular01 {margin: 0px; _margin: -1px 0px; padding: 0px 2px; width: 190px; border: 1px solid #777777; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #444444;}
input.formular02 {margin: 0px; _margin: 0px 0px; padding: 0px 2px; width: 60px; border: 1px solid #777777; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #444444;}
input.butonFormular01 {margin: 0px; _margin: -1px 0px; padding: 1px 15px; _padding: 0px 8px; width: auto; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #ffffff; font-weight: bold; text-transform: uppercase; background-color: #cc0000; cursor: pointer;}
textarea.formular01 {margin: 0px; _margin: -1px 0px; padding: 0px 2px; width: 290px; height: 80px; border: 1px solid #777777; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #444444;}

button.butonFormular01 {margin: 0px; _margin: -1px 0px; padding: 1px 15px; _padding: 0px 8px; width: auto; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #ffffff; font-weight: bold; text-transform: uppercase; background-color: #cc0000; cursor: pointer;}

input.login {margin: 2px 0px 0px 0px; padding: 0px; vertical-align: top;}


/* tabele */
table.headlineLucru {margin: 0px 0px 18px 0px; padding: 0px; width: 100%; border: none; clear: both;}
table.headlineLucru td.harta {margin: 0px; padding: 0px 10px 10px 10px; vertical-align: top; width: 173px;}
table.headlineLucru td.adresa {margin: 0px; padding: 0px 10px 0px 0px; vertical-align: top; font-size: 0.9em;}
table.headlineLucru td.jos {margin: 0px; padding: 5px 5px 5px 9px; vertical-align: top; font-size: 0.9em; background-color: #f6f6f6;}
table.headlineLucru td.servicii {margin: 0px; padding: 5px 5px 5px 9px; vertical-align: top; font-size: 0.9em; background-color: #e1e1e1;}

img.imagineHarta {margin: 0px; padding: 0px; border: 1px solid #737373; width: 171px; height: 128px; vertical-align: top;}
img.iconTabel {margin: 2px 3px 0px 0px; padding: 0px; border: none; vertical-align: top;}

table.listingProduse {margin: 0px; padding: 0px; width: 100%; border: none; clear: both; background-color: #ffffff;}
table.listingProduse th {margin: 0px; padding: 2px 4px 3px 4px; text-align: left; color: #ffffff; background-image: url(../images/backgrounds/th_rosu.gif); background-repeat: repeat-x; background-position: 0px 0px;}
table.listingProduse th.sub {margin: 0px; padding: 2px 4px 3px 4px; text-align: left; color: #ffffff; background-image: none; background-color:#333333;}
table.listingProduse td {margin: 0px; padding: 2px 4px; text-align: left; vertical-align: top; font-size: 0.9em; background-color: #f9f9f9;}
table.listingProduse td.pret {color: #cc0000; text-align:right;}
table.listingProduse td img.cos {margin: 0px; padding: 0px; border: none; vertical-align: top;}
table.listingProduse td img.produs {margin: 0px 2px 0px 0px; padding: 0px; border: none; vertical-align: top;}
table.listingProduse td img.pozaGalerie {margin: 0px auto 6px auto; padding: 0px; width: 120px; height: 90px; border: 1px solid #777777; vertical-align: top;}
table.listingProduse td img.pozaGalerieArticol {margin: 0px auto 6px auto; padding: 0px; width: 150px; height: 240px; border: 1px solid #777777; vertical-align: top;}
table.listingProduse tr.colorat td {background-color: #efefef;}
table.listingProduse tr.galerie td {padding: 4px 8px 4px 8px; width: 120px; text-align: center; background-color: #efefef;}
table.listingProduse tr.totalComanda td {padding: 8px 4px 4px 4px; background-color: #ffffff; font-size: 1em; color: #cc0000; font-weight: bold; text-transform: uppercase;}
table.listingProduse tr.butoaneJos td {padding: 8px 4px 4px 4px; background-color: #ffffff; background-image: url(../images/backgrounds/linie_orizontal.gif); background-repeat:  repeat-x; background-position: 0px 0px;}
table.listingProduse tr.butoaneJos td img {margin: 0px; padding: 0px; border: none; vertical-align: top;}


/* opera hack */
@media screen and (min-width: 0px){
  select.selectorLung {margin: 0px 0px 0px 2px; padding: 2px 0px 2px 0px; width: 137px; vertical-align: top; border: none;}
  select.selectorScurt {margin: 0px 0px 0px 2px; padding: 2px 0px 2px 0px; width: 65px; vertical-align: top; border: none;}
  input.butonFormular01 {padding: 2px 19px;}
}


div.errorDiv {margin: 12px 0px 10px 0px; clear: both; width:98%; padding:4px 4px 4px 4px; color:#7c0000; border:1px #959595 solid; background-color:#FFDD02;}

div#poster{ position: absolute;	margin: 0px; padding: 5px; background-color:#FFFFFF; width: 405px;; border: 2px solid #492F00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; z-index:11; white-space: nowrap; }
div#poster table { background-color:#FFFFFF; }
div#poster table td{ white-space: normal; }


div.articole_noi p { text-indent: 16px; }