html                    { background: url(../img/parchet.jpg); }
/*** Reset ***/
body, p, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; }

/*** General clases ***/
.help                   { cursor: help; }
.clear                  { clear: both; }
.left                   { float: left; }
.right                  { float: right; }
.subtitle               { font-size: 1.1em; font-weight: 100; color: #000; border-bottom: 1px solid #a73343; padding-bottom: 3px; margin-bottom: 20px; }
.m20px                  { padding-bottom: 20px; }
.alert                  { background: #fff6bf url(../img/exclamation.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
.border                 { border-bottom: 1px dotted #a73343; clear: both; }
.small			{ font-size: 11px; }
.img-left		{ float: left; margin-right: 10px; }

/*** Text elements ***/
h1, h2, h3, h4, h5, h6  { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color: #a73343; }
h1                      { font-size: 1.7em; line-height: 1em; }
h2                      { font-size: 1.2em; margin-bottom: 10px; }
h3                      { font-size: 1.2em; }
h4                      { font-size: 1.2em; color: #f5e4cc; }
p                       { font: 0.9em/1.4em "Trebuchet MS", Tahoma, Arial, sans-serif; }

/*** Links ***/
a                       { text-decoration: none; color: #f5e4cc; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; }
a:hover                 { text-decoration: underline; }
.datelii                { text-align: right; border-top: 1px dotted #a73343; margin-bottom: 20px; }
.first                  { font-size: 0.7em; line-height: 2em; float: left; color: #6e5444; }
.copy                   { color: #ae977c; margin-top: 10px; font-size: 0.8em; }
.trafic                 { margin: 10px 0; }
.w3c                    { padding-left: 16px; background: url(../img/montaj-profesional.gif) left no-repeat; }

/*** Basic structure ***/     
#parchet-laminat        { height: 50px; background: url(../img/parchet-laminat.gif) top center no-repeat; }
#parchet-masiv          { background: url(../img/parchet-masiv.gif) center repeat-y; }
#parchet-triplu         { height: 60px; background: url(../img/parchet-triplu.gif) top center no-repeat; }
#parchet-exotic         { height: 230px; background: url(../img/parchet-exotic.gif) center repeat-y; }
#header, #main          { width: 940px; margin: 0 auto; }
#header                 { height: 50px; color: #f5e4cc; }
#header-left            { width: 568px; text-align: right; float: left; }
#header-right           { width: 340px; height: 50px; float: right; color: #000; padding-left: 20px; line-height: 1.8em; background: url(../img/montaj-parchet-laminat.jpg) top right no-repeat; }
#main                   { width: 940px; background: url(../img/montaj-parchet.jpg) top right no-repeat; overflow: auto; }
#leftSide               { width: 567px; float: left; }
#leftSide a             { color: #a73343; }
#rightSide              { width: 353px; float: right; padding: 0; }
#rightSide h4, #rightSide p { margin-left: 10px; }
#rightSide p            { line-height: 0.9em; margin-top: 20px; }
#footer                 { width: 800px; margin: 0 auto; padding: 20px 0 0 140px; height: 130px; color: #f5e4cc; background: url(../img/montaj-profesional.jpg) no-repeat; }


/*** Images ***/
img                     { border: none; }
.mare                   {}
.categorii              { padding: 1px 1px 11px; background: url(../img/culori-parchet.jpg) top no-repeat; }
.galerie                { width: 305px; margin-top: 10px; float: left; }
.galerie img            {}
.promotie               { padding-bottom: 13px; margin-top: 5px; background: url(../img/montaj-parchet-pvc.jpg) bottom no-repeat; }
.rec                    { padding-left: 20px; line-height: 1.3em; margin: 10px 0; background: url(../img/intretinere-parchet.gif) no-repeat; }
.back                   { padding-left: 20px; line-height: 1.3em; margin: 10px 0; background: url(../img/back.gif) no-repeat; }
#tel                    { margin: 5px 0 0 15px; }
#tel img                { margin-right: 5px; }

/*** Boxes ***/
.culori, .sfaturi       { width: 271px; float: left; }
.sfaturi                { margin-left: 20px; }

/*** Info ***/
#info                   { width: 252px; float: right; padding-left: 10px; }
#info p.eti             { width: 100px; float: left;  color: #a73343; font-weight: bold; }
#info p.desc            { width: 140px; float: right; }
#info img               { padding: 1px; background-color: #fafafa; margin: 3px 0; }

/*** Forms ***/
.oferta-pret            { background: url(../img/umbra.jpg) bottom right no-repeat; }
.info                   { width: 220px; float: right; font-size: 0.8em; line-height: 1em; margin-bottom: 10px; }
fieldset                { border: none; border-top: 1px solid #a73343; padding: 10px 0; margin-top: 10px; }
legend                  { color: #a73343; font-size: 1.2em; font-weight: bold; padding-left: 8px; }
label                   { float: left; width: 110px; padding-right: 10px; text-align: right; line-height: 1.6em; }
fieldset div input      { width: 200px; height: 20px; }
.nume, .telefon, .email, .mesaj { padding-left: 20px; border: 1px solid #999; margin-top: 2px; float: right; }
.nume                   { background: #f5e4cc url(../img/nume.gif) left no-repeat; }
.telefon                { background: #f5e4cc url(../img/telefon.gif) left no-repeat; }
.email                  { background: #f5e4cc url(../img/email.gif) left no-repeat; }
.mesaj                  { background: #f5e4cc url(../img/mesaj.gif) top left no-repeat; height: 140px; }
#submit                 { text-align: right; }
#submit input           { height: 25px; width: 220px; }
#submit input:hover     {}

/*** Tabs ***/
div#nav                 { width: 49px; height: auto; float: left; text-align: left; background: transparent; z-index: 300; position: relative; margin: 0 auto; }
div#nav ul              { position: relative; font: normal 11px/19px arial; margin: 0 auto; width: 49px; height: 490px; padding: 0; text-align: left; color: #666; list-style-image: none; z-index: 400; }
div#nav ul li           { position: relative; font: normal 10px/16px arial; margin: 0 auto; padding: 2px 0; text-align: center; width: 30px; color: #666; list-style: none; list-style-image: none; background: transparent; display: block; height: 94px; width: 49px; float: left; overflow: hidden; }
div#nav a               { position: relative; width: 70px; padding: 94px 0 0 0; margin: 0 auto; height: 94px; width: /**/49px; /* for IE5/Win only */ float: left; }
div#nav ul li a:hover   { background-position:  -49px 0; }
div#nav ul li a:active, .nav ul li a.selected { background-position: -49px 0; }
div#nav li a.laminat    { width: 49px; height: 94px; background-position: 0px 0; background-image: url(../img/laminat.gif); background-repeat: no-repeat; }
div#nav li a.exotic     { width: 49px; height: 94px; background-position: 0px 0; background-image: url(../img/exotic.gif); background-repeat: no-repeat; }
div#nav li a.masiv      { width: 49px; height: 94px; background-position: 0px 0; background-image: url(../img/masiv.gif); background-repeat: no-repeat; }
div#nav li a.triplu     { width: 49px; height: 94px; background-position: 0px 0; background-image: url(../img/triplu-stratificat.gif); background-repeat: no-repeat; }
div#nav li a.usi        { width: 49px; height: 94px; background-position: 0px 0; background-image: url(../img/montaj-usi.gif); background-repeat: no-repeat; }

/*** HighSlide ***/
.highslide              { cursor: url(../img/graphics/zoomin.cur), pointer; outline: none; }
.highslide-active-anchor img { visibility: hidden; }
.highslide img          { border: 2px solid gray; }
.highslide:hover img    { border: 2px solid white; }
.highslide-wrapper      { background: white; }
.highslide-image        { border: 2px solid white; }
.highslide-image-blur   {}
.highslide-caption      { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; }
.highslide-loading      { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url(../img/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; }
a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; }
a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; }
a.highslide-full-expand { background: url(../img/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; }
/* These must always be last */
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }