/* DEFAULT */
/**********************************************************/

body { background: #333 url('../img/bg.gif') 0 0 repeat-x; text-align: center; color: #333; padding: 0; margin: 0; font-family: Arial; font-size: 12px; line-height: 20px; }

* { padding: 0; margin: 0; }

a { outline: none; }

img { border: none; }

.clear { height: 0; font-size: 0; line-height: 0px; clear: both; }

table { border-collapse:collapse; border-spacing:0; border:none; width:100%; margin-bottom: 10px; }

td { padding: 5px 10px; border: 1px solid #CCC; background: #FFF; }


/* LINK-uri, HEADING-uri, LISTE, TABLE */
/**********************************************************/

a:link { color: #D17B28; text-decoration: none; }

a:visited { color: #D17B28; text-decoration: none; }

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

a:active { color: #D17B28; text-decoration: underline; }

h2 { font-family: Arial; font-size: 20px; font-weight: normal; padding-bottom: 10px; color: #555; }

h3 { font-family: Arial; font-size: 13px; text-transform: uppercase; padding-bottom: 10px; color: #555; }

ul { list-style-type: none; padding: 5px; }

li { list-style-type: none; background: url('../img/bullet.gif') 0 4px no-repeat; padding-left: 18px; }

/* ELEMENTE */
/**********************************************************/

#logo { position: absolute; bottom: 27px; left: 247px; }
#logo h1 { font-size: 0.1em; text-indent: -4000px; }
#logo h1 a { display: block; color:#fff; width: 381px; height: 50px; background: url('../img/logo.gif') top left no-repeat; text-decoration: none; cursor: pointer; }
#logo h1 a:hover { text-decoration: none; }

#uis { position: absolute; top: 35px; right: -20px; }

.size11 { font-size: 11px; }

#btnTrimite { background: #999; width: 80px; padding: 5px; display: block; text-align: center; text-transform: uppercase; color: #FFF; font-size: 11px; font-weight: bold; }
#btnTrimite:hover { color: #FFF;background: #000; text-decoration: none; }

/* MENIU */
/**********************************************************/

#meniu { width: 100px; padding: 20px 0 0 25px; float: left; background: url('../img/linie_meniu.jpg') top right no-repeat; }
#meniu ul { list-style-type: none; }
#meniu li { list-style-type: none; padding: 0; margin: 0; background: none; }
#meniu li a { font-family: Arial; font-size: 12px; width: 90px; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; padding: 3px 0; margin: 0; color: #333; }
#meniu li a:hover { text-decoration: none; color: #D17B28; }

/* SITE BLOCK */
/**********************************************************/

#siteBlock { width: 970px; margin: 0 auto; text-align: left; }
#header { width: 930px; height: 88px; position: relative; background: url('../img/linie_header.jpg') 418px 3px no-repeat; margin-bottom: 15px; }

#pag { width: 970px; padding: 15px 0 20px 0; text-align: left; }

#bgFlexibil { width: 970px; background: url('../img/bg_flexibil.png') 0 103px repeat-y; }

* html #bgFlexibil {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.spicelight.ro/img/bg_flexibil.png", sizingMethod='scale');
	background-image: none;
}

#continut { width: 930px; position: relative; margin: 0 20px; text-align: left;  background: #DADADA url('../img/bg_continut.jpg') 0 0 repeat-x; }

#continut p { padding-bottom: 5px; }

.margineSus { position: absolute; top: -20px; left: -20px; width: 970px; height: 20px; background: url('../img/margine_sus.jpg') bottom left no-repeat; }
.margineJos { position: absolute; bottom: -20px; left: -20px; width: 970px; height: 20px; background: url('../img/margine_jos.jpg') 0 0 no-repeat; }

#footer { width: 930px; height: 120px; padding: 25px 0 0 0; color: #999999; position: relative; background: url('../img/linie_footer.jpg') 418px 15px no-repeat; }


/* PAGINA GENERALA */
/**********************************************************/

#continutDrA { width: 365px; padding: 20px 20px 0 20px; float: right; }
#continutDrB { width: 765px; padding: 20px 20px 0 20px; float: right; }

#textBlockA { width: 345px; height: 240px; overflow: auto; padding: 0 20px 0 0; margin-bottom: 10px; }
#textBlockB { width: 345px; height: 370px; overflow: auto; padding: 0 20px 0 0; }

#copyright { top: 25px; left: 433px; position: absolute; }

#continutDrA a.imgBrd img { border: 1px solid #999; padding: 1px; background: #FFF; margin: 10px 10px 0 0; }
#continutDrA a.imgBrd:hover img { border: 1px solid #D17B28; padding: 1px; background: #FFF; }

#continutDrB a.imgBrd_ img { border: 1px solid #999; padding: 1px; background: #FFF; margin: 10px 10px 0 0; }
#continutDrB a.imgBrd_:hover img { border: 1px solid #D17B28; padding: 1px; background: #FFF; }

/* PAGINI SECUNDARE */
/**********************************************************/

#flashSt { width: 400px; height: 440px; text-align: left; float: left; background: #000; }
#hartaSt { width: 400px; height: 440px; text-align: left; float: left; background: #000; }
#pozaProdus { width: 400px; height: 440px; text-align: left; float: left; background: #000; }

.contactSt { float: left; text-align: left; font-size: 11px; }
.contactDr { float: right; text-align: left; font-size: 11px; }

.boxLucrareSt { float: left; width: 372px; margin: 10px 0; }
.boxLucrareDr { float: right; width: 372px; margin: 10px 0; }

.lucrare { width: 370px; background: #000; margin-bottom: 10px; padding: 1px; }

.produsSt { float: left; width: 175px; margin: 0 20px 20px 0; }
.produsDr { float: right; width: 175px; margin: 0 0 20px 0; }

.produsSt a.imgBrd img { border: 1px solid #999; padding: 1px; background: #FFF; margin-bottom: 10px; }
.produsSt a.imgBrd:hover img { border: 1px solid #D17B28; padding: 1px; background: #FFF; }

.produsDr a.imgBrd img { border: 1px solid #999; padding: 1px; background: #FFF; margin-bottom: 10px; }
.produsDr a.imgBrd:hover img { border: 1px solid #D17B28; padding: 1px; background: #FFF; }

.partenerSt { float: left; width: 370px; margin: 0 20px 20px 0; }
.partenerDr { float: right; width: 370px; margin: 0 0 20px 0; }

.partenerSt img { border: 1px solid #999; padding: 1px; background: #FFF; margin: 0 15px 10px 0; float: left; }
.partenerDr img { border: 1px solid #999; padding: 1px; background: #FFF; margin: 0 15px 10px 0; float: left; }

/* IMAGINI LIGHTBOX */
/**********************************************************/

#lightbox{ background-color:#eee; padding: 10px; }

#lightboxDetails{ font-size: 11px; /* padding-top: 10px; */ }

#lightboxCaption { float: left; }

#keyboardMsg { float: right; }

#lightbox img { border: none; }

#overlay img { border: none; }

#overlay { background-image: url(../img/overlay.png); }

* html #overlay{ background-color: #000; back\ground-color: transparent; background-image: url(http://www.uis.ro/spicelight/img/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale"); }

/* FORMULARE */
/**********************************************************/

.formScurt { width: 165px; padding: 5px; font-family: Arial; font-size: 11px; border: 1px solid #999; margin: 0 0 5px 0; background: #FFF; color: #333; }
.formScurtE { width: 165px; padding: 5px; font-family: Arial; font-size: 11px; border: 1px solid #CC0000; margin: 0 0 5px 0; background: #FFF; color: #333; }
.formScurt:hover { background: #000; color: #CCC; }

.formText { width: 348px; padding: 5px; font-family: Arial; font-size: 11px; border: 1px solid #999; margin: 0 0 5px 0; background: #FFF; color: #333; }
.formTextE { width: 348px; padding: 5px; font-family: Arial; font-size: 11px; border: 1px solid #CC0000; margin: 0 0 5px 0; background: #FFF; color: #333; }
.formText:hover { background: #000; color: #CCC; }