/* --------------------------------------------------------------
    Default CSS styles for all common browsers
---------------------------------------------------------------*/

/*  BASE
---------------------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  /*text-align: left;*/ /*** IE/Win (not IE/MAC) alignment of page ***/
  font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color:#666666;
  /*background-image: url(/i/bgBodyTop.jpg);*/
  background-repeat: repeat-x;
  color: #333333;
  text-align:center;

  
}

a
{
	color: #333333;
}

html, body, form, #wrapper {
height:100%;
margin:0px;
padding:0px;
border:none;
text-align:center;
}

#wrapper {
	margin:0px auto;
	text-align:left;
	vertical-align:middle;
	width:100%;
	
}

.ch
{
	cursor:pointer;
}




table tr td, table tr th {
  font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 120%;
}

h1, h2, h3, h4, h5, h6, form, img, a, p, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
}

a { 
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* LIGHTBOX */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails
{
    font-family: Verdana;
	font-size: 1.4em;
	padding-top: 0.4em;
	}
	
#keyboardMsg {
     display: none;
}

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton 
{
    position: relative;
    top:1px;
    right: 3px;
}

#lightbox img{ border: none; } 
#overlay img{ border: none; }

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

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(/i/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/overlay.png", sizingMethod="scale");
	}


/* #GENERIC CLASSES
---------------------------------------------------------------*/

.fl {
  float: left;
}

.fr {
  float: right;
}

.clr {
  clear: both;
  height: 0;
}

h1 {
  font: 16px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  color: #970506;
}

h2 {
  font: 14px/150% "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  color: #0B4799;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

h3 {
  font: 13px/140% "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  color: #000066;
  font-weight: bold;
}

a.hover:hover {
  background-color: #000066;
  color: #FFFFFF !important;
}


/*  HACKS 
---------------------------------------------------------------*/

/* The clearfix class must be put on the parent that contains floating divs.
  The effect is that the height will be the height of the highest div */
  
.clearfix:after 
{
    content: ".";      
    display: block;      
    height: 0;      
    clear: both;      
    visibility: hidden; 
}  
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display:block;}
/* End hide from IE-mac */

/*-------------------------------------------------------------*/

/*  PAGE & CENTER
---------------------------------------------------------------*/

.introText
{
	background-color : #E3EFD0;
	padding : 12px;
	border : 1px solid #CCCCCC;
	margin-top : 15px;
	margin-bottom : 10px;
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 12px;
	color : #333333;
}

.photoBox
{
	background-color : #f2f9ff;
	padding : 5px;
	width : 194px;
	text-align : center;
	vertical-align : middle;
	margin-top : 7px;
	margin-bottom : 0px;
	margin-right : 15px;
}

.productBox
{
	width : 204px;
	text-align : center;
	margin-right : 15px;
	margin-bottom : 7px;
}

.productCode
{
	font-weight : bold;
	color : #0753b3;
}

.photoBox img
{
	border : 1px solid #b7ddff;
}

#center {
  float: left;
}

#header
{
	height : 230px;
}


#headerContainer
{
	background-image : url(/i/bgHeader.gif);
	background-repeat : repeat;
}

#headerShadow
{
	background-image : url(/i/bgHeaderShadow.jpg);
	background-repeat : repeat-y;
	width : 8px;
	height : 230px;

}

#headerImage
{
	width : 500px;
}
	
#top {
	width:968px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border:0px dashed #333;
	background-color:#DBE6D5;
	}
	
#topMenuContainer
{
	width : 500px;
	height : 31px;
	background-color: #000000;
	padding-top : 19px;

}

#topMenu
{
	list-style-type:none;
	/*float : right;
	width : 414px;*/
	padding-left:30px;
	border-bottom : 1px solid #000000; /* hack for IE6 */
}

#topMenu li
{
	float : left;
	padding-right : 30px;
}

#topMenu li a
{
	height :24px;
	display : block;
	border-bottom : 6px solid #000000;
}

#topMenu li a:hover
{
	border-bottom : 6px solid #69AA00;
}

#topMenu #miPrimaPagina a
{	
	background-image:url(/i/txPrimaPagina.gif);
	background-repeat:no-repeat;
	width : 99px;
}

#topMenu #miDespreNoi a
{	
	background-image:url(/i/txDespreNoi.gif);
	background-repeat:no-repeat;
	width : 84px;
}

#topMenu #miCumCumpar a
{	
	background-image:url(/i/txCumCumpar.gif);
	background-repeat:no-repeat;
	width : 101px;
}

#topMenu #miContact a
{	
	background-image:url(/i/txContact.gif);
	background-repeat:no-repeat;
	width : 66px;
}
	
#middleContainer
{
	background-image : url(/i/bgMiddleShadow.jpg);
	background-repeat : repeat-y;
	margin:0px auto;
	width : 968px;
	text-align:left;
	padding:0px;
	background-color:#666666;
	background-position : top right;
}

#middle {
	width:968px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border:0px dashed #333;
	background-color:#ff9900;
	}
	
#middleContent
{ 
	width : 960px;
	background-image:url(/i/greenTexture.gif);
	/*background-image:url(../i/tacamuri.gif);
	background-repeat:repeat;*/
}

#middleWrapper
{ 
	background-color : #69AA00;
	width : 960px;
	
	
}

#leftMenu
{
	width : 230px;
	padding-bottom : 160px;
	/*background-color : #0753B3;*/
	background-image:url(../i/tacamuri.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#content
{
	width : 663px;
	background-color : #ffffff;
	padding-top : 24px;
	padding-bottom : 24px;
	padding-left : 24px;
	padding-right : 4px;
}

#bottomContainer
{
	/*background-color: #FFA012;*/
	background-image : url(/i/bgHeader.gif);
	background-repeat : repeat;
	/*background-position : 0px 29px;*/
	height:231px;
}

#bottomWrapper
{ 
	width : 968px;
	height: 211px;
	/*background-image : url(/i/bgFooterRightShadow.jpg);
	background-repeat : repeat-y;
	background-position : top right;	*/
	margin:0px auto;
	text-align:left;
	padding:0px;
	position:relative;
	top:0px;
	
}

#bottomContent
{
	width:960px;
	height:203px;
	background-color : #197519;


}

#footerRightShadow
{
	width:8px;
	height:203px;
	background-image : url(/i/bgFooterRightShadow.jpg);
	background-repeat : repeat-y;

}

#footerRightShadowSpacer
{
	width:8px;
	height:0px;
}

#footerBottomShadow
{
	width:960px;
	height:8px;
	background-image:url(/i/bgFooterBottomShadow.jpg);
	background-repeat:repeat-x;
}

#footerRightCornerShadow
{
	width:8px;
	height:8px;
	background-image:url(/i/bgFooterRightCornerShadow.jpg);
	background-repeat:no-repeat;
}

#footerBottomText
{
	width:960px;
	color : #f0f8fc;
}

#footerBottomText a
{
	color : #f0f8fc;
}

.spacer8px
{
	width:8px;
}

#orangeBorder
{
	width:968px;
	height:29px;
	background-image:url(/i/bgOrangeShadow.jpg);
	background-repeat:repeat-y;
	background-position:top right;
	margin:0px auto;
}

#orangeBorderContainer
{
	 /*background-color:#FFA012;*/
	 height:0px;
	 /*margin-top:-1px;*/
}

#productsMenu
{
	list-style-type: none;
	width : 190px;
}

#productsMenu li 
{
	color : #ffffff;
	/*width : 190px;*/
	width: 230px;

}

#productsMenu li.new
{
	background: url(/i/nou.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#productsMenu li a
{
	background-image : url(/i/productsMenuArrowInActive.jpg);
	background-repeat : no-repeat;
	background-position : 16px 11px;
	color : #ffffff;
	display : block;
	height : 27px;
	/*width : 100%;*/
	width: 190px;
	padding-left : 40px;
	padding-top : 4px;
	font: 19px Arial, Verdana,  sans-serif;

}
#productsMenu li.n/ew span
{
	height : 20px;
	width : 190px;
	display: block;

}

#productsMenu li.n/ew  a
{
	padding-top: 0;
	padding-bottom: 0;

	border : 1px solid red;
}

#productsMenu li.n/ew  span
{
	padding-top: 4px;
	padding-bottom: 4px;
}


#productsMenu li a:hover
{
	background-image : url(/i/productsMenuArrowActive.jpg);
	background-color : #87BB33;
	text-decoration : none;
	
}

#productsMenu li:hover
{
	background-image:url(/i/bgGreenHover.gif);
}

.menuItemBorder
{
	border-bottom : 1px solid #197519;
}

#contactInfo
{
	width : 175px;
	color : #F0F8FC;
	padding-top : 12px;
	padding-left : 0px;
	line-height : 14px;
}

#footerContent h2
{
	color : #F0F8FC;
}

#footerContent
{
	padding-left : 15px;
	font: 12px/120% "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color : #F0F8FC;
}

#greenHouseFooter
{
	width : 230px;
	height:203px;
	background-image:url(/i/greenHouseFooter.gif);
	background-repeat:no-repeat;
	background-position:48px 71px;
}

.txarea
{
	width : 218px;
	height : 109px;
	border : 1px solid #ffffff;
	background-color : #CCCCCC;
	padding : 10px;
	font: 11px/120% "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

.txinput
{
	border : 1px solid #ffffff;
	background-color : #CCCCCC;
	width : 111px;
	height : 16px;
	padding-left : 5px;
	font: 11px/120% "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

#contactFormMessage
{
	padding-top : 7px;
	width : 256px;
}

.btnSend
{
	margin-top : 2px;
	width : 118px;
	height : 20px;
	border : 1px solid #ffffff;
	background-color : #69AA00;
	color : #ffffff;
	font-size : 8px;
	background-image : url(/i/btnTrimite.gif);
	background-repeat : no-repeat;
}

#contactForm div
{
	
	padding-bottom : 4px;
}

#contactForm
{
	padding-top : 8px;
	line-height : 14px;
	width : 118px;
}

#contactForm2 div
{
	
	padding-bottom : 4px;
}

#contactForm2
{
	padding-top : 8px;
}

#contactFormMessage div
{
	padding-bottom : 4px;
}

#trafic
{
	padding-top : 126px;
	padding-left : 26px;
	width : 114px;
}

h1
{
	background-image : url(/i/bulletTitlu.gif);
	background-repeat : no-repeat;
	background-position : 0 3px;
	padding-left : 29px;
	font: 20px Arial, Verdana,  sans-serif;
	color : #970506;
	margin-top : -3px;

}

h2
{
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight : bold;
	color : #333333;
	padding-top : 10px;
	padding-bottom : 3px;
}

.box
{
	background-color : #f5f8fa;
	font: 12px/160% "Georgia", Verdana, Arial, sans-serif;
	color : #4c6d99;
	padding : 15px;
	border : 1px solid #e2ebf1;
	margin-top : 10px;
	margin-bottom : 10px;
}

.quote
{
	background-image : url(/i/bgQuote.gif);
	background-repeat : no-repeat;
	background-position : 14px 14px;
	background-color : #e6f1f7;
	font: 12px/160% "Georgia", Verdana, Arial, sans-serif;
	color : #00466e;
	padding : 14px;
	border : 1px solid #bedce9;
	margin-top : 10px;
	margin-bottom : 10px;
	padding-left : 75px;
}