/* teamSoft CSS implentation */
body{
	margin: 2px 0 0 0 ;
	text-align: center;
	background-color: #f1f1f1;
	padding-bottom: 10px;
}

/* ---------------------------------------- Layout structure ---------------------------------------- */
#container {
	margin-top: 0px;
	margin: auto auto;
	width: 880px;
	overflow: hidden;
	text-align: left;
	background-image: url(../img/background.gif);
	background-repeat: repeat-y;
}

#banner {
	width: 100%;
	height: 304px;
}

/* ----------- The Menu  ----------- */
#menu {
	background-image: url(../img/menu.jpg);
	font-size: 0px;
}

table tr td{
	vertical-align: bottom;
	text-align: left;
}

/* Rollover Buttons */
#buttons {
	margin-left: 150px;
	width: 570px;
}

#button1 {
	width: 205px;
	height: 19px;
	background: url(../img/button_index.gif) top left;
	display: block;
}

#button2 {
	width: 95px;
	height: 19px;
	background: url(../img/button_produse.gif) top left;
	display: block;
}

#button3 {
	width: 143px;
	height: 19px;
	background: url(../img/button_studii.gif) top left;
	display: block;
}

#button4 {
	width: 85px;
	height: 19px;
	background: url(../img/button_contact.gif) top left;
	display: block;
}


#buttons table tr td a:hover{
	background-position: bottom left;
}

#buttons table tr td a.selected {
	background-position: bottom left;
}

/* ----------- The Submenu  ----------- */
#submenu {
	overflow: hidden;
	height: 17px;
	background-image: url(../img/submenu.jpg);
	background-repeat: no-repeat;
}

#subbaner1{
	height: 20px;
	background-image: url(../img/header_sub1.jpg);
}

#subbaner2{
	height: 63px;
	background-image: url(../img/header_sub2.jpg);
	background-repeat: no-repeat;
}


/* ----------- The Products ----------- */
#productMainArea{
	padding-bottom:  5px;
	background-color: #eed674;
	margin-left: 180px;
	overflow: auto;
	width: 515px;
	font-size: 0px;
	background-image: url(../img/productflower.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#image {
	width: 170px;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
}

/*partea din dreapta de la produs*/
#produsMainAreaRight{
	overflow: hidden;
	width: 331px;
	font-size: 12px;
	float: right;
	margin-right: 3px;
}

/*bara cu NUME*/
#productNameArea {
	margin-top: 4px;
	background-image: url(../img/productname.gif);
	height: 16px;
}
/*div unde se va aparea numele produsului*/
#productName {
	height: 20px;
	padding-top: 5px;
	text-indent: 20px;
	background-color: #dee45c;
}

/*bara cu INGREDIENTE*/
#productIngArea {
	margin-top: 2px;
	background-image: url(../img/producting.gif);
	height: 16px;
}
/*div unde vor aparea ingredientele produsului*/
#productIng {
	overflow: auto;
	padding: 10px 5px 10px 5px;
	text-indent: 20px;
	text-align: justify;
	background-color: #dee45c;
}

/*bara cu RECOMANDARI*/
#productRecArea {
	margin-top: 2px;
	background-image: url(../img/productrec.gif);
	height: 16px;
}
/*div unde vor aparea recomandarile pt produsul respectiv*/
#productRec {
	overflow: auto;
	padding: 10px 5px 10px 5px;
	text-indent: 20px;
	text-align: justify;
	background-color: #dee45c;
}

/*bara cu AVERTISMENTE*/
#productAvrtArea {
	margin-top: 2px;
	background-image: url(../img/productavrt.gif);
	height: 16px;
}
/*div in care apar avertismentele despre produsul respectiv*/
#productAvrt{
	overflow: auto;
	padding: 10px 5px 10px 5px;
	text-indent: 20px;
	text-align: justify;
	background-color: #dee45c;
}

/*BARA cu PRET*/
#pretArea {
	margin-top: 15px;
 	background-image: url(../img/productpret.gif);
 	width: 162px;
 	height: 15px;
}

/*div in care apare pretul produsului respectiv*/
#pret{
	width: 162px;
 	overflow: auto;
	text-indent: 5px;
	text-align: justify;
	background-color: #dee45c;
	font-size: 11px;
	height: 15px;

}

/* ----------- The Main Contet  ----------- */
#mainArea {
	overflow: auto;
	background-image: url(../img/background.gif);
	background-repeat: repeat-y;
}

#mainAreaContent{
	margin-left: 150px;
	width: 760px;
	height: auto;
}

/* ----------- Index Text ----------- */
#textAreaIndexTop {
	margin-left: 70px;
	width: 620px;
	height: 100%;
	font-size: 11px;
	font-family: verdana, sans-serif;
	text-align: justify;
	line-height: 110%;
}

#textAreaIndexMiddle{
	margin-top: -2px;
	margin-left: 70px;
	width: 620px;
	height: 120px;
	font-size: 11px;
	font-family: verdana, sans-serif;
	text-align: justify;
	line-height: 110%;
	padding-right: 100px;
	background-image: url(../img/indexmiddleimage.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#textAreaIndexBottomTitle{
	margin-top: -25px;
	margin-left: 70px;
	width: 340px;
	font-size: 12px;
	font-weight: bold;
	font-family: verdana, sans-serif;
}

#textAreaIndexBottom {
	margin-left: 70px;
	width: 740px;
	font-size: 11px;
	font-family: verdana, sans-serif;
	text-align: justify;
}
/* ----------- Index Text END----------- */

/* ----------- Produse Content ----------- */
#produseArea {
	margin-left: 110px;
	background-color: transparent;
	font-size: 11px;
	font-family: verdana;
	text-align: justify;
	padding-top: 2px;
	font-weight: bold;
}

a{
	color: #fff;
	text-decoration: none;
}

#produseArea a:hover,a.selected{
	text-decoration: none;
	color: #696969;
}



/* ----------- Produse Content END----------- */


/* ----------- Studii Content ----------- */
#mainContentStudii {
	margin-left : 170px;
	overflow: auto;
	width: 550px;
	padding: 5px 5px 5px 5px;
	font-family: verdana;
	font-size: 11px;
	background-image: url(../img/contactbackground.jpg);
	background-repeat: no-repeat;
	background-position: 200px 0;
	padding-bottom: 100px;
}

#mainContentStudii a{
	color: #000000;
	text-decoration: none;
}

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

#mainContentStudiiLeft {
	width: 240px;
    overflow: auto;
    float: left;
    padding: 25px 2px 5px 5px;
}

#mainContentStudiiRight {
	width: 240px;
    overflow: auto;
    float: right;
    padding: 25px 2px 5px 5px;
}

#mainContentStudiiBottom {
	width: 240px;
    overflow: auto;
}

/* ----------- Studii Content END----------- */

/* ----------- Contact Content----------- */
#mainContentContact{
	margin-left: 100px;
	width: 700px;
	overflow: auto;
	background-image: url(../img/mail.gif);
	background-repeat: no-repeat;
	background-position: 230px 0;
}

#contactForm{
	float: left;
	width: 380px;
	overflow: auto;
}

#contactForm table tr td{
	text-align: left;
	font-size: 11px;
	padding-bottom: 5px;
	font-family: verdana;
}

#imagesContactForm{
   float: right;
   width: 150px;
   padding: 5px 5px 5px 5px;
   font-size: 11px;
   font-family: verdana;
   vertical-align: bottom;
}

#mainContentContact .image1{
   float: right;
   width: 150px;
   height: 100px;
}
#mainContentContact .image2{
   width: 120px;
   height: 25px;
   margin-top: 2px;
   margin-left: 10px;
}

/*zona de contact*/
#contactArea {
	margin-top: 100px;
	float: right;
	font-size: 11px;
	font-family: verdana;
	text-align: center;
	width: 180px;
	padding: 10px 70px 0 0;
	line-height: 150%;
}

#contactArea a{
	color: #000000;
	text-decoration: none;
}

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

/* ----------- Contact Content END----------- */

/* ----------- The Footer  ----------- */
#footerIndex {
	height: 138px;
	background-image: url(../img/footer_index.jpg);
	background-repeat: no-repeat;
}

#footerProduse {
	height: 149px;
	background-image: url(../img/footer_produse.jpg);
	background-repeat: no-repeat;
}

#footerStudii {
	height: 137px;
	background-image: url(../img/footer_studii.jpg);
	background-repeat: no-repeat;
}

#footerContact {
	height: 139px;
	background-image: url(../img/footer_contact.jpg);
	background-repeat: no-repeat;
}

#loginArea {
	padding-top: 85px;
	width: 450px;
	margin-left: 450px;
}

/* ----------- The Footer END----------- */
.formButton {
	margin-top: 0px;
	border-style: solid;
	border-color: #000;
	border-width: 1px 1px 1px 1px;
	background-color: #f1f1f1;
	font-family: tahoma;
	font-size: 9px;
	vertical-align: middle;
	text-align: center;
	color: #002780;
}


.textBox{
	width: 150px;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	background-color: #fff;
	font-family: tahoma;
	font-size: 11px;
	word-spacing: -1pt;
	vertical-align: middle;
	color: #000;
	overflow: hidden;
	float: right;
}

.textArea {
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	background-color: #fff;
	font-family: tahoma;
	font-size: 11px;
	word-spacing: -1pt;
	vertical-align: middle;
	color: #000;
	overflow: hidden;
	margin-top: 10px;
}

#loginArea .textBox {
	width: 100px;
	padding-top: 2px;
	text-align: left;
	border-style: solid;
	border-color: #000;
	border-width: 1px 1px 1px 1px;
	background-color: #f1f1f1;
	font-family: tahoma;
	font-size: 10px;
	text-spacing: 1pt;
	vertical-align: middle;
	color: #00000;
	float: none;
}

#loginArea .formButton {
	margin-left: 10px;
	text-align: center;
	margin-top: 0px;
	border-style: solid;
	border-color: gainsboro;
	border-width: 0px 0px 0px 0px;
	background-color: transparent;
	font-family: tahoma;
	font-weight: bold;
	font-size: 9px;
	color: #000000;
	float: none;
}

/*****Sigla teamSoft**/
#ts{
	width: 1000px;
	width: 100%;
	height: 40px;
	background-color: #f1f1f1;
}

#teamsoft{
	margin-left: 710px;
	width: 120px;
	height: 40px;
	background: url(../img/teamsoft.gif) top left;
	background-repeat: no-repeat;
	display: block;
}

#ts a:hover {
	margin-left: 710px;
	width: 120px;
	height: 40px;
	background: url(../img/teamsoft.gif) bottom left;
	background-repeat: no-repeat;
	display: block;
}

/*****Sigla teamSoft END**/

img{
	border: none;
}

.table{
	width: 670px;
	margin-left: 30px;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

#textAreaIndexBottom tr td{
	border-spacing: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	vertical-align: middle;
	text-align: left;
}


#textAreaIndexBottom tr{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}