/* ------ STYLURI GENERALE ------ */
html {margin: 0px; padding: 0px; background-color: #ffffff;}
body {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #525252;}

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; position: relative;}
div.container {margin: 0px auto; width: 960px; position: relative; overflow: hidden;}

a {color: #2a89cc; text-decoration: underline;}
a:hover {color: #36aafb; text-decoration: underline;}

a.butonRoz01 {margin: 0px; padding: 2px 12px 3px 12px; border: 1px solid #c21846; color: #ffffff; text-decoration: none; background-image: url(../images/butoane/bg_buton_01.gif); background-repeat: repeat-x; background-position: 0px 0px;}
a.butonRoz01:hover {color: #ffffff; text-decoration: none;}

span.roz {color: #c71444;}



/* ------ CONTINUT SITE ------ */
div#continutSite {margin: 0px auto; padding: 0px; max-width: 1280px; background: url(../images/backgrounds/bg_sus.gif) repeat-x 0px 0px;}



/* ------ HEADER ------ */
div#header {margin: 0px auto 0px auto; padding: 16px 0px 0px 0px; width: 940px; clear: both; position: relative;}
div#header h1 {margin: 23px 0px 0px 0px; width: 181px; height: 24px; overflow: hidden; float: right; clear: right; text-indent: -20000px; background: url(../images/nissan_tiida.gif) no-repeat 0px 0px;}

div#header h3 {margin: 5px 0px 23px 0px; width: 165px; height: 64px; overflow: hidden; float: left; text-indent: -20000px; background: url(../images/nissan_logo.gif) no-repeat 0px 0px;}
div#header h3 a {width: 165px; height: 64px; overflow: hidden; display: block;}

div#header h4 {margin: 42px 0px 0px 0px; padding: 0px; width: 179px; height: 14px; overflow: hidden; float: right; text-indent: -20000px; background:url(../images/butoane/cerere_oferta.gif) no-repeat 0px 0px;}
div#header h4 a {width: 195px; height: 14px; overflow: hidden; display: block;}

div#header ul {margin: 0px 0px 0px -10px; padding: 0px 0px 0px 0px; width: 649px; list-style-type: none; clear: left;}
div#header ul li {margin: 0px; padding: 1px 11px 1px 10px; float: left; position: relative; background: url(../images/backgrounds/linie_meniu.gif) no-repeat right 0px;}
div#header ul li.contact {padding-right: 0px; background-image: none;}

div#header ul li a {margin: 0px; padding: 0px; height: 24px; overflow: hidden; display: block; text-indent: -20000px; background-repeat: no-repeat; background-position: 0px 0px;}
div#header ul li a.activ {background-position: 0px -48px;}
div#header ul li a:hover {background-position: 0px -24px;}
div#header ul li a.activ:hover {background-position: 0px -48px;}

div#header ul li.prezentare a {width: 64px; background-image: url(../images/meniu_top/prezentare.gif);}
div#header ul li.specificatii a {width: 108px; background-image: url(../images/meniu_top/specificatii_tehnice.gif);}
div#header ul li.dotari a {width: 92px; background-image: url(../images/meniu_top/dotari_preturi.gif);}
div#header ul li.culori a {width: 108px; background-image: url(../images/meniu_top/culori_download.gif);}
div#header ul li.media a {width: 32px; background-image: url(../images/meniu_top/media.gif);}
div#header ul li.accesorii a {width: 53px; background-image: url(../images/meniu_top/accesorii.gif);}
div#header ul li.contact a {width: 47px; background-image: url(../images/meniu_top/contact.gif);}



/* ------ HEADLINE ------ */
div#headline {margin: 0px; padding: 0px; clear: both; position: relative; width: 100%; background: url(../images/backgrounds/oras.jpg) no-repeat center top; background-color: #5a5d61;}
div#umbraHeadline {margin: 0px 0px 0px -490px; width: 980px; height: 7px; overflow: hidden; position: absolute; left: 50%; bottom: 0px; background: url(../images/backgrounds/umbra_headline.png) no-repeat 0px 0px;}
div#umbraSus {margin: 0px 0px 0px -490px; width: 980px; height: 7px; overflow: hidden; position: absolute; left: 50%; top: 0px; background: url(../images/backgrounds/umbra_headline_sus.png) no-repeat 0px 0px;}

div#headline div.filmFlash {margin: 0px auto; height: 350px; overflow: hidden;}
div#headline div.filmFlash object {vertical-align: bottom; height: 351px; display: block; margin-bottom: -1px;}

div#headline div.container {margin: 0px auto; padding: 0px 20px; width: 940px; background: url(../images/backgrounds/punct.png) repeat 0px 0px;}
div#headline h2 {margin: 5px 0px 8px 0px; padding: 0px; font-size: 20px; color: #333333; letter-spacing: -1px;}
div#headline h3 {margin: 2px 0px 5px 0px; padding: 0px; font-size: 18px; color: #333333;}
div#headline h5 {margin: 0px; padding: 0px; font-size: 11px; color: #5d5d5d; font-weight: bold;}
div#headline h5 strong {font-size: 12px; color: #de164b;}



/* ------ STANGA SUS ------ */
div.stangaSus {margin: 21px 0px 24px 0px; width: 367px; overflow: hidden; float: left;}
div.stangaSus p.selectorCulori {margin: 13px 0px 11px 0px; padding: 0px; line-height: 14px; color: #8d8d8d;}
div.stangaSus p.selectorCulori strong {color: #5d5d5d;}

div.selectorCulori a {margin: 0px 4px 0px 0px; padding: 0px; display: block; width: 22px; height: 22px; float: left; border: 1px solid #cccccc; text-decoration: none; cursor: pointer; background-image: url(../images/backgrounds/over_culoare.png); background-repeat: repeat-x; background-position: 0px -1px;}
div.selectorCulori a.activ {border: 1px solid #555555;}
div.selectorCulori a span {display: block; width: 20px; height: 20px; border: 1px solid #ffffff;}
div.selectorCulori a:hover {text-decoration: none;}

dl.locatii {margin: 19px 0px 0px 0px; padding: 0px;}
dl.locatii dt {margin: 0px; padding: 0px 0px 5px 18px; font-weight: bold; color: #5d5d5d; line-height: 13px; background: url(../images/icons/sageata_download_01.gif) no-repeat 0px 1px;}

img.textDotari {margin-top: 22px;}
div.mediaImagini {margin: 26px 0px 0px 0px; clear: both;}
img.culoriMasina {margin: 0px; padding: 0px; border: 3px solid #eeeeee;}
img.culoriMasina01 {margin: 0px; padding: 0px; width: 361px; border: 3px solid #eeeeee;}
img.mediaImagini {margin: 0px 8px 8px 0px; padding: 0px; width: 94px; height: 94px; border: 3px solid #eeeeee; float: left;}
a:hover img.culoriMasina, a:hover img.mediaImagini {border: 3px solid #666666;}




/* ------ DREAPTA SUS ------ */
div.dreaptaSus {margin: 25px 0px 28px 27px; width: 546px; overflow: hidden; float: left;}
div.dreaptaSus div.text {margin: 18px 0px; padding: 0px;}

ul.download {margin: 22px 0px 0px 0px; padding: 0px; list-style-type: none; position: relative;}
ul.download li {margin: 0px; padding: 0px 0px 5px 18px; line-height: 13px; background: url(../images/icons/sageata_download.gif) no-repeat 0px 2px;}
ul.download li a {position: relative;}

div.modeleMasini {margin: 25px 0px 0px 0px; clear: both;}
div.modeleMasini a {margin: 0px 5px 5px 0px; padding: 3px 8px 5px 9px; display: block; float: left; border: 1px solid #dadada; color: #525252; line-height: 13px; text-decoration: none; background-color: #ededed;}
div.modeleMasini a.activ {background-color: #c71444; border: 1px solid #be1643; color: #ffffff; text-decoration: none;}
div.modeleMasini a:hover {background-color: #444444; border: 1px solid #222222; color: #ffffff; text-decoration: none;}



/* ------ UTILITATI ------ */
div#utilitati {margin: 0px auto; padding: 0px 0px 9px 0px; width: 940px; clear: both; position: relative;}
div#utilitati h3.grup {margin: 0px 0px 12px 0px; width: 618px; height: 38px; overflow: hidden; text-indent: -20000px; background: url(../images/backgrounds/adresa_badsi_jos.png) no-repeat 0px 0px;}
div#utilitati img.buton {margin: 0px 10px 0px 0px; padding: 0px; float: left;}

div.badsiCenter {margin: 0px 0px 0px 0px; width: 284px; overflow: hidden; float: right; background: url(../images/butoane/badsi_center.png) no-repeat 0px 26px;}
div.badsiCenter h3 {margin: 0px 0px 4px 0px; width: 278px; height: 19px; overflow: hidden; text-indent: -20000px; background: url(../images/backgrounds/badsi_center.png) no-repeat 0px 0px;}
div.badsiCenter a {margin: 3px 6px 0px 0px; padding: 1px 0px 2px 33px; width: 103px; display: block; float: left; color: #737373; text-decoration: none; line-height: 13px; background: url(../images/butoane/badsi_center_over.png) no-repeat 23px 30px;}
div.badsiCenter a.activ {color: #ffffff; text-decoration: none; background-position: 23px 0px;}
div.badsiCenter a:hover {color: #ffffff; text-decoration: none; background-position: 23px 0px;}



/* ------ CONTINUT ------ */
div#continut {margin: 0px auto 28px auto; padding: 0px 0px 25px 0px; width: 940px; overflow: hidden; position: relative; color: #5f5f5f; border-bottom: 1px solid #dddddd;}
div#containerMare {margin: 0px; padding: 26px 0px 0px 0px; clear: both; background: url(../images/backgrounds/bg_jos.gif) repeat-x 0px 0px;}


/* ------ STANGA JOS ------ */
div.stangaJos {margin: 2px 0px 26px 0px; width: 367px; overflow: hidden; float: left;}



/* ------ DREAPTA JOS ------ */
div.dreaptaJos {margin: 2px 0px 26px 27px; width: 546px; overflow: hidden; float: left;}
div.dreaptaJos h3 {margin: 19px 0px 5px 0px; padding: 0px; font-size: 18px; color: #222222;}
div.dreaptaJos h5 {margin: 0px; padding: 0px; font-size: 11px; font-weight: bold; color: #777777;}
div.dreaptaJos h5 strong {font-size: 12px; color: #c71444;}
div.dreaptaJos div.text {margin: 18px 0px; padding: 0px;}

dl.preturiAuto {margin: 20px 0px 0px 0px; padding: 10px 6px; clear: both; position: relative; color: #2e2e2e; border: 1px solid #eeeeee; background-color: #f6f6f6;}
dl.preturiAuto span {font-weight: bold; color: #c71444;}
dl.preturiAuto dt {margin: 0px; padding: 0px; font-size: 18px; text-indent: -1px;}
dl.preturiAuto dd {margin: 8px 0px 0px 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #2e2e2e;}



/* ------ promotii ------ */
div.promotie {margin: 0px; padding: 14px 10px 16px 9px; border: 1px solid #dddddd; background-color: #f1f1f1; position: relative;}
div.promotie h3 {margin: 0px 0px 12px 0px; padding: 4px 0px 0px 0px; font-size: 18px; color: #222222; background-image: url(../images/icons/sm_01.gif); background-repeat: no-repeat; background-position: right 0px;}
div.promotie h3 span {margin: 5px 0px 0px 0px; padding: 0px; display: block; font-size: 11px; color: #7c7c7c;}



/* ------ accesorii ------ */
div.accesorii {margin: 24px 0px 0px 0px; padding: 0px; clear: both;}
div.accesorii h3 {margin: 0px; font-size: 12px; font-weight: bold; color: #222222;}
div.accesorii h3 span {color: #c71444;}
div.accesorii h5 {margin: 2px 0px 0px 0px; padding: 0px; font-size: 11px; font-weight: bold; color: #757575;}
div.accesorii img.pozaMicaAccesoriu {margin: 0px 11px 0px 0px; padding: 1px; width: 130px; float: left; border: 1px solid #dddddd;}
div.accesorii div.detaliiAccesoriu {margin: 0px; padding: 0px 0px 4px 0px; width: 390px; float: left;}
div.accesorii p.descriereAccesoriu {margin: 11px 0px 14px 0px; padding: 0px;}
div.accesorii h3.pretAccesoriu {margin: 15px 0px 21px 0px;}
div.linieAccesori {margin: 0px; padding: 20px 0px 0px 0px; clear: both; height: 1px; overflow: hidden; border-bottom: 1px dashed #dddddd;}



/* ------ FOOTER ------ */
div#footer {margin: 0px auto; padding: 18px 0px 34px 0px; width: 940px; clear: both; position: relative; color: #6d6d6d; line-height: 13px;}
div#footer img {margin: -2px 0px 0px 0px; padding: 0px; float: right;}
div#footer span {padding: 0px 6px;}
div#footer a {color: #6d6d6d; text-decoration: none;}
div#footer a:hover {color: #2a89cc; text-decoration: underline;}




/* ------ ELEMENTE FORMULARE ------ */
input.formular01 {margin: 0px; padding: 1px 2px; width: 230px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444;}
textarea.formular01 {margin: 0px; padding: 1px 2px; width: 370px; height: 80px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444;}
select.formular01 {margin: 0px; padding: 0px; width: 236px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #777777;}
input.formular01Box {vertical-align: -3px;}
input.formular01Radio {vertical-align: -2px;}



/* ------ TABELE ------ */
table.tabelSpecificatii {margin: 0px; padding: 0px; width: 100%; background-color: #FFFFFF;}
table.tabelSpecificatii th {padding: 4px 5px; text-align: left; color: #444444; border: 1px solid #f1f1f1;}
table.tabelSpecificatii td {padding: 3px 6px; background-color: #f1f1f1;}

table.tabelSpecificatiiNegru {margin: 0px; padding: 0px; width: 100%; background-color: #000000; color: #bbbbbb;}
table.tabelSpecificatiiNegru th {padding: 4px 5px; text-align: left; color: #eeeeee; border: 1px solid #222222;}
table.tabelSpecificatiiNegru td {padding: 3px 6px; background-color: #222222;}

/* TOOLTIP */
.tooltipDiv { z-index:5000;	position:absolute; visibility:visibile;	}
.tooltipUpArrow 	{ position:absolute; 	margin:-29px 20px;	visibility: hidden; }
.tooltipDownArrow {	position:absolute; 	margin:-10px 20px;	visibility: hidden; }
.tooltipCorner_ul {	background-image:url(../images/pop-up/colt_top_l.gif); background-repeat:no-repeat;	width:19px; }
.tooltipCorner_ul[class] {	background-image:url(../images/pop-up/colt_top_l.png); }
.tooltipBar_u {	background-image:url(../images/pop-up/mare_top_n.gif);	background-repeat: repeat-x; 		height:19px; }
.tooltipBar_u[class] {	background-image:url(../images/pop-up/mare_top_n.png); 		background-position: 0px 0px; }
.tooltipCorner_ur {	background-image:url(../images/pop-up/colt_top.gif);	background-repeat:no-repeat;	width:19px; }
.tooltipCorner_ur[class] {	background-image:url(../images/pop-up/colt_top.png); }
.tooltipBar_l {	background-image:url(../images/pop-up/linie_stanga_n.gif); background-repeat: repeat-y; background-position: 0px 0px; }
.tooltipBar_l[class] { background-image:url(../images/pop-up/linie_stanga_n.png); }
.tooltipBar_r {	background-image:url(../images/pop-up/linie_dreapta.gif);	background-repeat: repeat-y; background-position: 0px 0px; }
.tooltipBar_r[class] { background-image:url(../images/pop-up/linie_dreapta.png); }
.tooltipCorner_bl {	background-image:url(../images/pop-up/colt_bottom_l.gif); background-repeat:no-repeat; width:19px; }
.tooltipCorner_bl[class] { background-image:url(../images/pop-up/colt_bottom_l.png); 	}
.tooltipBar_b {	background-image:url(../images/pop-up/mare_bottom_n.gif); background-repeat: repeat-x; background-position: 0px 0px;height:26px; }
.tooltipBar_b[class] { background-image:url(../images/pop-up/mare_bottom_n.png); }
.tooltipCorner_br {	background-image:url(../images/pop-up/colt_bottom.gif); background-repeat:no-repeat;width:19px;	}
.tooltipCorner_br[class] {	background-image:url(../images/pop-up/colt_bottom.png); }
.tooltipText { background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #222222; }