/* ------ STYLURI GENERALE ------ */
body {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #2e3238; background-repeat: repeat-x;}

body.hp {padding-top: 154px; background-image: url(../images/backgrounds/bg_hp.gif); background-position: 0px 0px; background-color: #e4e4ea;}
body.interior {background-color: #e4e4ea; background-image: url(../images/backgrounds/bg_interior.gif); background-position: 0px 0px;}

div, dl, dt, dd, form, fieldset, img, h1, h2, h3, h4, h5, h6  {margin: 0px; padding: 0px; font-weight: normal;}
fieldset {border: none;}
img {border: none; vertical-align: bottom;}

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

a {color: #3f77b6; text-decoration: underline;}
a:hover {color: #48b0f3; text-decoration: underline;}

a.veziDetalii {margin: 0px; padding: 2px 0px 3px 25px; background: url(../images/icons/sageata_vezi.gif) no-repeat 0px 0px;}

a.rosu {color: #CE000C; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 0px; background: url(../images/icons/sageata_rosie.gif) no-repeat right 3px;}
a.rosu:hover {color: #FF233D; text-decoration: underline;}

a.rosuNoBg {color: #CE000C; text-decoration: none;}
a.rosuNoBg:hover {color: #FF233D; text-decoration: underline;}


/* ------ HOME PAGE ------ */
div#containerHP {margin: 0px auto; padding: 0px 0px 0px 0px; width: 920px; left: 40px; position: relative; background-image: url(../images/backgrounds/bg_camera.jpg); background-repeat: no-repeat; background-position: 0px 0px;}

div#containerHP h1 {width: 251px; height: 111px; overflow: hidden; position: absolute; top: 0px; right: 1px; text-indent: -20000px; background-image: url(../images/gealan_hp.gif); background-repeat: no-repeat; background-position: 6px 29px; background-color: #f4f4f5;}
div#containerHP h1 a {margin: 29px 0px 0px 6px; width: 236px; height: 58px; overflow: hidden; display: block;}
div#containerHP h3 {width: 70px; height: 81px; overflow: hidden; position: absolute; top: 6px; left: -80px; text-indent: -20000px; z-index: 10000; background-image: url(../images/iq_hp.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div#containerHP h3 a {width: 70px; height: 81px; overflow: hidden; display: block;}

div#containerHP h4 {width: 70px; height: 148px; overflow: hidden; position: absolute; top: 105px; left: -80px; text-indent: -20000px; background: url(../images/comenzi_hp.gif) no-repeat 0px 0px;}
div#containerHP h4 a {width: 70px; height: 148px; display: block;}

div#containerHP dl {margin: 0px; padding: 0px; width: 167px; height: 327px; overflow: hidden; position: relative; float: left; background-color: #FFFFFF;}
div#containerHP dl dt {margin: 0px; padding: 0px; border-right: 1px solid #6666c2; border-top: 1px solid #ffffff; background-color: #000099; font-size: 11px; font-weight: bold;}
div#containerHP dl dt.ultimul {border-right: 1px solid #000099;}
div#containerHP dl dt a {margin: 0px; padding: 10px 9px; display: block; position: relative; color: #ffffff; text-decoration: none;}
div#containerHP dl dt a strong {margin: 0px; padding: 0px; display: block; font-size: 18px; font-weight: normal; text-indent: -1px;}
div#containerHP dl dt a:hover {background-color: #000066;}

div#containerHP dl dd {margin: 0px 1px 0px 0px; padding: 0px; height: 166px; overflow: hidden; font-size: 11px; background-color: #dfe0e6;}
div#containerHP dl dd.poza {height: 104px; background-color: #FFFFFF; border-bottom: 1px solid #ffffff;}
div#containerHP dl dd a {margin: 0px; padding: 1px 10px 4px 10px; display: block; color: #606060; text-decoration: none; border-bottom: 1px solid #5858b5;}
div#containerHP dl dd a:hover {color: #ffffff; text-decoration: none; background-color: #000066;}

div#containerHP dl:hover > dd {background-color: #0000aa; color: #a9a9e8;}
div#containerHP dl:hover > dd a {color: #bbbbef;}
div#containerHP dl:hover > dd a:hover {color: #ffffff;}
div#containerHP dl:hover > dt a {background-color: #000066;}

div#hologramaHP {margin: 111px 0px 0px 0px; padding: 0px 6px 0px 0px; width: 245px; height: 160px; overflow: hidden; position: relative; background-color: #f4f4f5;}
div#hologramaHP div.holo {margin: 0px; padding: 10px 12px 0px 5px; width: 103px; height: 129px; overflow: hidden; position: relative; float: right;}
div#hologramaHP p {margin: 7px 0px 0px 0px; padding: 68px 9px 0px 9px; text-align: center; font-size: 11px; color: #0f77c8; line-height: 13px; background-image: url(../images/sistem_hp.gif); background-repeat: no-repeat; background-position: 8px 0px;}



/* ------ INTERIOR ------ */
div#containerInterior {margin: 0px auto; width: 960px; overflow: hidden; position: relative;}


/* ------ HEADER ------ */
div#header {margin: 0px auto; width: 960px; height: 125px; overflow: hidden; position: relative; background-image: url(../images/backgrounds/header_interior.gif); background-repeat: no-repeat; background-position: 0px 40px;}

div#header h1 {margin: 0px; width: 252px; height: 85px; overflow: hidden; position: absolute; top: 40px; right: 0px; text-indent: -20000px; z-index: 10000;}
div#header h1 a {margin: 20px 0px 0px 38px; width: 192px; height: 47px; overflow: hidden; display: block;}
div#header h2 {margin: 14px 0px 0px 0px; padding: 0px 0px 3px 25px; font-size: 20px; color: #ffffff; background-image: url(../images/icons/sageata_nume_pagina.gif); background-repeat: no-repeat; background-position: 3px 1px;}

div#header p {margin: 17px 0px 0px 25px; padding: 0px; clear: both; position: relative; height: 40px; font-size: 11px; font-weight: bold;}
div#header p a {margin: 0px; padding: 5px 0px 3px 9px; width: 160px; display: block; float: left; color: #ffffff; text-decoration: none;}
div#header p a strong {margin: 0px 0px -4px 0px; padding: 0px; display: block; font-size: 18px; text-indent: -1px; text-transform: uppercase; font-weight: normal;}
div#header p a.activ {margin-left: -14px; padding-left: 23px; position: relative; width: 160px; background-image: url(../images/backgrounds/bg_hoover_02.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div#header p a:hover strong {color: #bed8ff;}
div#header p a:hover {color: #9bc4ff;}

div#header div {margin: 4px 0px 0px 11px; padding: 0px; width: 689px; overflow: hidden; font-size: 11px; color: #efefff;}
div#header div span {padding: 0px 3px;}
div#header div a {color: #efefff; text-decoration: none;}
div#header div a:hover {color: #9bc4ff; text-decoration: underline;}



/* ------ CONTINUT PRINCIPAL ------ */
div#continutPrincipal {padding: 21px 0px 0px 0px; clear: both;}



/* ------ STANGA ------ */
div#stanga {margin: 0px 20px 0px 0px; padding: 0px; width: 255px; overflow: hidden; float: left;}
div#stanga div.filmFlash {margin: 0px 0px 20px 0px; padding: 1px; height: 92px; overflow: hidden; border: 1px solid #cfcfcf; background-color: #FFFFFF; clear: both;}
div#stanga div.coloanaStanga {padding: 0px 8px 8px 8px; clear: both; border: 1px solid #cfcfcf; background-color: #FFFFFF;}

div#stanga div.autentificare {padding: 15px 0px 8px 0px; font-size: 11px; color: #959494;}
div#stanga div.autentificare a {margin: 0px 16px 0px 0px; padding: 0px 0px 2px 18px; background: url(../images/icons/lacat.gif) no-repeat 0px 1px;}

div#stanga div.cautare {margin-top: 17px; padding: 8px; font-size: 11px; color: #959494; border: 1px solid #dddddd; background-color: #f4f4f4;}
div#stanga div.autentificare a {margin: 0px 16px 0px 0px; padding: 0px 0px 2px 18px; background: url(../images/icons/lacat.gif) no-repeat 0px 1px;}

div#stanga dl {margin: 8px 0px; position: relative;}
div#stanga dl dt {padding: 4px 9px; font-size: 12px; color: #ffffff; font-weight: bold; background-color: #4e4eaf; border-bottom: 1px solid #111146;}
div#stanga dl dt.alteInformatii {background-color: #8282C8;}
div#stanga dl dd a {padding: 2px 9px 3px 9px; display: block; position: relative; height: 1%; color: #585858; text-decoration: none; background-color: #f4f4f4; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #ffffff;}
div#stanga dl dd a:hover {color: #335f9e; background-color: #dfdfe4;}
div#stanga dl dd a.ultim {text-align: right; padding: 6px 8px 6px 23px; font-size: 11px; color: #275b98; background-color: #FFFFFF; background-image: url(../images/icons/casa.gif); background-repeat: no-repeat; background-position: 8px 11px;}
div#stanga dl dd a.ultim:hover {color: #487fbf; text-decoration: underline;}

div#stanga div.promoComenzi {margin: 8px 0px; clear: both;}



/* ------ DREAPTA ------ */
div#dreapta {margin: 0px; padding: 14px 20px 17px 20px; width: 645px; float: left; overflow: hidden; background-color: #FFFFFF;}
div#dreapta h2 {margin: 18px 0px; padding: 0px; clear: both; font-size: 24px; color: #2e3238; line-height: 24px;}
div#dreapta div.titluArticol {margin: 18px 0px; padding: 0px; clear: both;}

div#dreapta div.utilitati {padding: 0px 0px 0px 0px; clear: both; font-size: 11px; color: #8d8c8c;}
div#dreapta div.utilitati a {color: #5280c3; text-decoration: none;}
div#dreapta div.utilitati a:hover {text-decoration: underline;}
div#dreapta div.utilitati span {padding: 0px 5px; color: #5280c3;}
div#dreapta div.utilitati label {display: block; float: right;}
div#dreapta div.utilitati label a {margin-left: 12px; color: #8d8c8c;}
div#dreapta div.utilitati img {margin: 0px 0px 0px 2px; vertical-align: -1px;}


/* ------ coloana interioara ------ */
div.coloanaInterioara {margin: 0px 0px 0px 20px; padding: 9px; width: 200px; overflow: hidden; float: right; border: 1px solid #dcdcdc; background-color: #f4f4f4; font-size: 11px; line-height: 14px;}
div.coloanaInterioara div.textColoana {margin: 12px 0px 12px 0px; padding: 0px;}

div.coloanaInterioara div.poza {margin: 0px 0px 12px 0px; padding: 3px; clear: both; border: 1px solid #dcdcdc; background-color: #FFFFFF; color: #707070;}
div.coloanaInterioara div.poza img {margin: 0px 8px 0px 0px; float: left;}
div.coloanaInterioara div.poza strong {color: #2e3238; line-height: 20px;}

div.coloanaInterioara div.textColoana ul {margin: 0px 0px 18px 0px; padding: 0px; list-style-type: none;}
div.coloanaInterioara div.textColoana ul li {margin: 0px 0px 4px 0px; padding: 0px 0px 0px 20px; background: url(../images/icons/4_puncte.gif) no-repeat 3px 6px;}

dl.listingColoana {margin: 0px 0px 18px 0px; padding: 0px;}
dl.listingColoana dt {margin: 0px 0px 20px 0px; font-weight: bold; font-size: 12px;}
dl.listingColoana dd {margin: 0px 0px 4px 0px; padding: 0px 0px 0px 20px; background: url(../images/icons/4_puncte.gif) no-repeat 3px 6px;}


/* ------ continut normal ------ */
div.continutNormal {margin: 0px; padding: 15px 0px 15px 0px; border-top: 1px solid #dcdcdc;}
div.continutNormal h3 {margin: 27px 0px 19px 0px; clear: both; font-size: 20px;}


/* ------ altele ------ */
img.pozaArticol {margin: 3px 18px 0px 0px; border: 3px solid #dfe5ef; float: left;}
img.pozaListingArticole {margin: 0px 10px 0px 0px; padding: 0px; border: 3px solid #dfe5ef; float: left;}
img.pozaSageata {margin: 0px 5px 0px 0px; padding: 0px; vertical-align: -1px;}

dl.rezultateCautare {margin: 21px 0px 34px 0px; position: relative; clear: both;}
dl.rezultateCautare dt {font-weight: bold;}
dl.rezultateCautare dd {margin: 0px 0px 10px 0px; padding: 0px; font-size: 11px; line-height: 13px;}

dl.listingElemente {margin: 22px 0px 0px 0px; padding: 0px; clear: both; position: relative;}
dl.listingElemente dt {margin: 0px 0px 5px 0px; padding: 0px; font-weight: bold;}
dl.listingElemente dd {padding: 0px 0px 0px 20px; background-image: url(../images/icons/sageata_rosie.gif); background-repeat: no-repeat; background-position: 0px 4px;}

div.continut a.maiDeparte {margin: 14px 0px 0px 0px; padding: 0px; display: block; text-decoration: none;}
div.continut a.maiDeparte img {margin: 0px 6px 0px 0px; vertical-align: -1px;}



/* ------ FOOTER ------ */
div#footer {margin: 0px; padding: 21px 0px 0px 9px; clear: both; font-size: 11px; color: #929191; line-height: 14px; color: #858484;}
div#footer a {padding: 0px 12px 0px 0px; color: #677c9b; text-decoration: none;}
div#footer a:hover {color: #425673; text-decoration: underline;}

div#containerInterior div#footer {margin: 28px 0px 0px 266px; padding: 0px 0px 30px 9px; background-image: url(../images/backgrounds/linie_puncte_footer.gif); background-repeat: repeat-x; background-position: 0px 0px;}



/* ------ ELEMENTE FORMULARE ------ */
input.campLogare {margin: 8px 2px 0px 0px; padding: 4px; width: 91px; border: 1px solid #d8d8d8; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #9f9f9f;}
input.butonLogare {margin: 8px 0px 7px 1px; padding: 0px; vertical-align: top;}

input.campCautare {margin: 0px 2px 0px 0px; padding: 4px; width: 185px; border: 1px solid #d8d8d8; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #9f9f9f;}
input.butonCautare {margin: 0px 0px 3px 1px; padding: 0px; vertical-align: top;}

input.formular01 {margin: 0px; padding: 1px 2px; width: 220px; border: 1px solid #cfcfcf; background-color: #FFFFFF; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; color: #444444; font-weight: normal;}
textarea.formular01 {margin: 0px; padding: 0px 2px; width: 320px; height: 80px; overflow: auto; border: 1px solid #cfcfcf; background-color: #FFFFFF; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; color: #444444; font-weight: normal;}
select.formular01 {margin: 0px; padding: 0px; width: 227px; height: 17px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; color: #444444; font-weight: normal; border: 1px solid #cfcfcf;}
input.formularButon01 {margin: 4px 0px; padding: 0px; width: 140px; height: 20px; border: none; background-color: #eff2f5; background-image: url(../images/butoane/bg_rotund.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; text-transform: uppercase; cursor: pointer;}
input.formularButon02 {margin: 4px 0px; padding: 1px 2px; width: 90px; border: 1px solid #ffffff; background-color: #3275c1; background-image: url(../images/butoane/bg_buton.gif); background-repeat: repeat-x; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; text-transform: uppercase; cursor: pointer;}
input.formular01Box {vertical-align: -3px;}
input.formular01Radio {vertical-align: -3px;}



/* ------ TABELE ------ */
table.specificatii {margin: 0px; padding: 0px; border: none; width: 100%;}
table.specificatii td {padding: 2px 6px 3px 6px; border-top: 1px solid #d3d3d3; color: #666666; vertical-align: top;}
table.specificatii td.categorie {padding: 2px 6px 3px 23px; background-image: url(../images/icons/sageata_rosie.gif); background-repeat: no-repeat; background-position: 0px 6px;}

table.specificatii01 {margin: 0px; padding: 0px; border: none; width: 100%;}
table.specificatii01 th {padding: 4px 0px 5px 0px; text-align: left; color: #3763b5; font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
table.specificatii01 td {padding: 4px 10px 5px 10px; border-top: 1px solid #ffffff; color: #000000; vertical-align: top; background-color: #eff2f5;}

table.specificatii02 {margin: 0px; padding: 0px; border: none; width: 100%;}
table.specificatii02 th {padding: 4px 6px 5px 23px; border-bottom: 1px solid #ffffff; text-align: left; color: #444444; background-color: #f3f3f3;}
table.specificatii02 td {padding: 4px 6px 5px 6px; border-top: 1px solid #d3d3d3; color: #666666; vertical-align: top;}
table.specificatii02 td.categorie {padding: 4px 6px 5px 23px; background-image: url(../images/icons/sageata_rosie.gif); background-repeat: no-repeat; background-position: 0px 8px;}


div.siteMap { width: 155px; float: left; margin: 0px 5px 0px 0px; }
div#dreapta div.siteMap h2 {margin: 0px; padding: 8px 7px 10px 7px; font-size: 11px; text-transform: uppercase; line-height: 13px; color: #bbbbbb; background-color: #eff2f5; border-bottom: 1px dotted #999999;}
div#dreapta div.siteMap h2 a {text-decoration: none; color: #bbbbbb;}
div#dreapta div.siteMap dl {margin: 0px; padding: 0px; background-color: #eff2f5; font-size: 11px; line-height: 14px;}
div#dreapta div.siteMap dl dt {padding: 11px 8px 5px 8px; color: #000099; font-weight: normal; border-bottom: 2px solid #828cdc;}
div#dreapta div.siteMap dl dd {margin: 0px; padding: 3px 8px 5px 8px; border-bottom: 1px solid #828cdc;}
div#dreapta div.siteMap dl a {text-decoration: none;}
div#dreapta div.siteMap dl dt a {color: #000099;}
div#dreapta div.siteMap dl dt a:hover {color: #3f77b6;}
div#dreapta div.siteMap dl dd a {color: #000000;}
div#dreapta div.siteMap dl dd a:hover {color: #3f77b6;}

div#dreapta ul.siteMap {width: 155px; float: left; margin: 0px 5px 0px 0px; padding: 0px; float: left; background-color: #eff2f5; font-size: 11px; line-height: 14px; list-style-type: none;}
div#dreapta ul.siteMap li {margin: 0px; padding: 3px 8px 5px 8px; border-bottom: 1px solid #828cdc;}
div#dreapta ul.siteMap li.primul {padding: 11px 8px 5px 8px; color: #000099; font-weight: normal; border-bottom: 2px solid #828cdc;}
div#dreapta ul.siteMap a {text-decoration: none;}
div#dreapta ul.siteMap li a {color: #000000;}
div#dreapta ul.siteMap li a:hover {color: #3f77b6;}
div#dreapta ul.siteMap li.primul a {color: #000099;}
div#dreapta ul.siteMap li.primul a:hover {color: #3f77b6;}