/* teamSoft CSS implentation */
*{
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #666;
}

a.email { direction:rtl; unicode-bidi: bidi-override; }

body{
	margin: 5px 0px 0px 0px;
	text-align: center;
	background-image: url(../img/background.gif);
}

#loginBox{
}

/* ---------------------------------------- Layout structure ---------------------------------------- */
#container {
	margin-top: 0px;
	margin: auto auto;
	width: 902px;
	overflow: hidden;
	text-align: left;
}

#header {
	width: 100%;
	height: 302px;

}

#submenuArea {
	height: 80px;
	background-image: url(../img/background_page.gif);
	background-repeat: repeat-y;
}

#sigla {
	margin: 0 0 0 10px;
	height: 75px;
	width: 273px;
	background-image: url(../img/sigla.gif);
}

#submenu {
	margin-top: -75px;
	height: 60px;
	width: 610px;
	background-image: url(../img/submenu.gif);
	background-repeat: no-repeat;
	float: right;
}

#submenuTitle {
	margin-left: 20px;
	margin-top: -1px;
	height: 10px;
	width: 100px;
	font-size: 10px;
	font-weight: bold;
	color: #f1f1f1;
}

#mainArea {
 	overflow: hidden;
 	background-image: url(../img/background_page.gif);
 	background-repeat: repeat-y;
 }

#footer {
	overflow: hidden;
	text-align: left;
	height: 100px;
	width: 100%;
	background-image: url(../img/footer.gif);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

#footer_bottom {
	text-align: center;
	margin-top: 75px;
	overflow: hidden;
	height: 20px;
	background-image: url(../img/footer_background.gif);
	background-repeat: repeat-x;
	width: 570px;

}

.left {
	float: left;
	margin: 0 0 0 0;
	width: 10px;
	height: 20px;
	background-image: url(../img/footer_left.gif);
	background-repeat: no-repeat;
}

.right {
	float: right;
	margin: 0 0 0 0;
	width: 8px;
	height: 20px;
	background-image: url(../img/footer_right.gif);
	background-repeat: no-repeat;
}

#footerLinks {
	height: 10px;
	width: 280px;
	float: left;
}

#loginImage {
	height: 18px;
	width: 15px;
	float: left;
}

#login {
	height: 20px;
	width: 250px;
	float: right;
}

#login .textBox {
	margin-top: 2px;
	height: 10px;
	width: 100px;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	font-family: tahoma;
	font-size: 10px;
	word-spacing: -1pt;
	color: #000;
	float: left;
}

#login .textButton {
	text-align: right;
	margin-top: 5px;
	margin-left: 5px;
	height: 10px;
	width: 10px;
	border: none;
	font-family: tahoma;
	color: #000;
	float: left;
	background-color: transparent;
}

#footerLinks a{
	text-decoration: none;
}

#footerLinks a:hover, #footerLinks a.selected{
	text-decoration: none;
	color: #C6BDC6;
}

#sigla_ts {
	float: right;
	margin: 50px 0 0 0px;;
	width: 120px;
	height: 40px;
}

#cauti {
	float: left;
	padding: 62px 55px 0px 18px;;
	width: 88px;
	height: 31px;
}

#ts {
	width: 113px;
	height: 38px;
	background-image: url(../img/footer_ts.gif);
	display: block;
}

#sigla_ts a:hover{
	width: 113px;
	height: 38px;
	background-image: url(../img/footer_ts_selected.gif);
	display: block;
}


/****************Index Page****************/
#textArea {
	width: 830px;
	margin-left: 20px;
	padding: 0px 10px 10px 10px;
}

#boxIndex {
	margin-top: 50px;
	text-align: left;
	background-image: url(../img/index_box_line.gif);
	background-position: left;
	background-repeat: repeat-y;
	width: 220px;
	float: right;
	padding-left: 10px;
}

#boxConditii {
	margin-top: 0px;
	text-align: left;
	background-image: url(../img/index_box_line.gif);
	background-position: left;
	background-repeat: repeat-y;
	width: 250px;
	float: right;
	padding-left: 10px;
}


#boxIndex2 {
	margin-top: 50px;
	text-align: left;
	background-image: url(../img/index_box_line.gif);
	background-position: left;
	background-repeat: repeat-y;
	width: 220px;
	float: right;
	padding-left: 10px;
}

#boxCopyright {
	margin-top: 40px;
	padding-right: 100px;
	text-align: left;
	background-image: url(../img/index_box_line.gif);
	background-position: left;
	background-repeat: repeat-y;
	width: 420px;
	float: right;
	padding-left: 10px;
}

#boxSite_map {
	background-image: url(../img/index_box_line.gif);
	background-position: left;
	background-repeat: repeat-y;
	width: 420px;
	float: right;
	padding: 10px 50px 0px 30px;
	margin-left: 40px;
}

#boxSite_map a:hover{
	color: #C6BDC6;
}

#textArea a {
	color: #666;
	text-decoration: none;
	font-size: 12px;
}


/****************Product Generators****************/
#product_page {
	width: 100%;
	overflow: hidden;
	background-color: transparent;
}

#image {
	overflow: hidden;
	width: 180px;
	float: left;
}

/*zona unde vor fi afisate produsele*/
#productsArea {
	overflow: hidden;
	width: 650px;
}

#product {
	width: 555px;
	float: right;
}

#productTop {
	font-size: 0px;
	background-image: url(../img/product_top.gif);
	height: 5px;
}

#productMiddle {
	padding: 10px 10px 10px 10px;
	background-image: url(../img/product_background.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}

#productMainArea {
	background-color: transparent;
	overflow: hidden;
	width: 535px;
	font-size: 10px;

}

#productContentRight{
	overflow: hidden;
	width: 335px;
	float: right;
	padding: 0px 0px 0px 5px;
	background-image: url(../img/index_box_line.gif);
	background-repeat: repeat-y;
}

#productContentRightText{
	padding: 10px 0px 10px 10px;
	background-image: url(../img/product_content_bk.gif);
	background-repeat: repeat;
	width: 325px;
}

#productBottom {
	margin-bottom: 10px;
	font-size: 0px;
	height: 8px;
	width: 100%;
	background-image: url(../img/product_bottom.gif);
	background-repeat: no-repeat;
}
/*********Produse end*******/

/********Produse Page**********/
/*aici vor fi generate categoriile*/
#submenu_cat {
	margin: -2px 10px 0px 20px;
	padding: 0 0 0 0;
	width: 95%;
	font-size: 10px;
}

#submenu_cat a{
	text-decoration :none;
	color: #f1f1f1;
}

#submenu_cat a:hover ,#submenu_cat a.selected {
	text-decoration :none;
	color: #cc0003;
}

/******Distribuitori Page***********/
#distribuitoriBox{
	float: right;
	width: 550px;
	overflow:auto;
}

#distribuitoriArea {
	margin: 0px 0 0px 30px;
	width: 862px;
	overflow: hidden;
	padding-top: 0px;
}


#distribuitoriArea table{
	margin-top: 2px;
	margin-left: 2px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 99%;
}

#distribuitoriArea table td.header {
	text-align: center;
	color: #708491;
	font-family: verdana, sans-serif;
	background-color: transparent;
	font-weight: bold;
	font-size: 11px;
	width: 100px;
	border: solid 1px #C1D0E1;
}


#distribuitoriArea table td {
	border: solid 1px #cad5e1;
	font-size: 11px;
	font-family: tahoma;
	color: #000000;
	background-color: transparent;
}



/******Suport Clienti Page***********/
#suport_clientiArea {
	margin: 0px 0 0px 30px;
	width: 850px;
	overflow: hidden;
	padding-top: 20px;
}

#suportBox{
	float: right;
	overflow: hidden;
	width: 560px;
}

#suportBox table{
	margin-top: 2px;
	margin-left: 2px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 99%;
}

#suportBox table td.header {
	text-align: center;
	color: #708491;
	font-family: verdana, sans-serif;
	background-color: transparent;
	font-weight: bold;
	font-size: 11px;
	width: 100px;
	border: solid 1px #C1D0E1;
}


#suportBox td {
	border: solid 1px #cad5e1;
	font-size: 11px;
	font-family: tahoma;
	color: #000000;
	background-color: transparent;
}

/******Suport Clienti - manuale de utilizare***********/
#boxManuale{
	margin-top: 30px;
	margin-left: 50px;
	text-align: left;
	background-image: url(../img/index_box_line.gif);
	background-position: left;
	background-repeat: repeat-y;
	width: 200px;
	float: left;
	padding-left: 10px;
	color: #cbcbcb;
}

#boxManuale a{
	text-decoration: none;
}

#boxManuale a:hover{
	color: red;
}
/******Suport Clienti -adm centre service***********/
#box_adm_centre_service{
	width: 230px;
	overfloaw: auto;
	float: right;
	margin-left: 30px;
	margin-top: 50px;
	padding: 0px 30px 0px 10px;
	background-image: url(../img/index_box_line.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#box_adm_centre_service a{
	text-decoration: none;
}

#box_adm_centre_service a:hover{
	text-decoration: none;
	color: red;
}

/******Suport Clienti - centre service***********/
#service_login {
	float: left;
	width: 240px;
	height: 40px;
}

#eroareLogIn{
	width: 180px;
	color: red;
	float: left;
}

.serviceTextBox{
	height: 13px;
	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: left;
}

.serviceFormButton{
	height: 15px;
	border-style: solid;
	border-color: #000;
	border-width: 0px 0px 0px 0px;
	background-color: transparent;
	font-family: tahoma;
	font-size: 9px;
	vertical-align: middle;
	text-align: center;
	color: #666;
	width: 20px;
 	background-image: url(../img/login_go.gif);
 	background-repeat: no-repeat;
 	background-position: 0 3px;
}

/******Suport Clienti - explicatie termeni***********/
#submenu_termeni{
	margin: 40px 0 0 100px;
}

#submenu_termeni a{
	color: #cc0003;
 	text-decoration: underline;
 	font-weight: bold;
}

#submenu_termeni a:hover, #submenu_termeni a.current{
	color: #cc0003;
 	text-decoration: none;
}

#termeni_box{
	font-size: 9px;
	font-family: verdana;
	width: 600px;
	float: right;
	overflow: hidden;
 	background-image: url(../img/index_box_line.gif);
	background-repeat: repeat-y;
	background-position: left;
}

.termeni_table{
	width: 98%;
	float: right;
	border: none;
	padding-left: 15px;
}

.termen{
	text-align: right;
	color: #cc0003;
}

.explicatie{
	padding-left: 10px;
}


/******Contact Page***********/
.image2{
   width: 100px;
   height: 25px;
   margin: 0 0 0 0;
   float: right;
   border: solid 1px gray;
}

#contactArea {
	margin: 0px 0 0px 30px;
	width: 850px;
	overflow: hidden;
	padding-top: 20px;
}
#boxContact_left{
	margin-left: 20px;
	background-image: url(../img/index_box_line.gif);
	background-position: left;
	background-repeat: repeat-y;
	width: 250px;
	float: left;
	padding: 0 0 0 10px;
}
#boxContact_right{
	margin-left: 5px;
	background-image: url(../img/index_box_line.gif);
	background-position: left;
	background-repeat: repeat-y;
	position : relative;
	width: 250px;
	heigth: 400px;
	float: left;
	padding: 90px 0 75px 10px;
}

#boxContact_right a:hover{
	text-decoration: none;
}

.formButton {
	margin-top: 0px;
	border-style: solid;
	border-color: #000;
	border-width: 0px 0px 0px 0px;
	background-color: transparent;
	font-family: tahoma;
	font-size: 9px;
	vertical-align: middle;
	text-align: center;
	color: #666;
}

.textBox{
	width: 190px;
	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;
	float: left;
}

#textArea a.a_interviu {
	text-decoration: underline;
}

#textArea a.a_interviu:hover {
	text-decoration: none;
}

#textArea table.interviu {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-collapse: collapse;
	margin: 4px 0 10px 0px;
}

#textArea table.interviu tr td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: white white white white;
}

#textArea table.interviu tr td.text {
	padding-left: 5px;
}

a.linkEcotic
{
    background-image:url(../img/ecotic.png);
    background-position:center top;
    cursor:pointer;
    display:block;
    width: 50px;
    height: 50px;
    float: right;
    margin-top: 5px;
    margin-right: 3px;
}

a.linkEcotic:hover  {
    background-position:center bottom;
}