/* - - - - - - - - - - - - - - - - - - - - - - - -
Title : rai88.ro
Author : Media City
Copyright (c) 2006 Media City -- All Rights Reserved. 
- - - - - - - - - - - - - - - - - - - - - - - - - - */
/************* Clearing styles */
* {margin:0; padding:0;}
img {border:0;}
i {display:none;}

/************ Basic formatting */
body {background-repeat: repeat-x;background-image: url(../imagini/bg_top.jpg);}

#main {width:800px;margin:0 auto;padding: 0 10px 10px 10px;}

#content {clear:both;width: 834px;background-image: url(../imagini/bg_right.png);background-repeat: no-repeat;background-position: right top;	height: auto;}

#header {
	width:810px;
	height: 100px;
}

#logo {
	float: left;
	height: 110px;
	width: 200px;
	background-image: url(../imagini/logo.jpg);
	background-repeat: no-repeat;
	margin-left: 6px;
}

#topfoto {float: left;height: 163px;width: 598px;background-image: url(../imagini/dungi_oriz.gif);background-repeat: repeat-x;	background-position: bottom;}

#whitespace {width:780px;clear:both;height:1px;background-repeat: repeat-x;background-position: top;}

#footer {height:88px;width: auto;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #666666;text-align: left;background-image: url(../imagini/footer_back.gif);background-repeat: no-repeat;padding-left: 40px;	padding-top: 35px;margin-left: 12px;line-height: 19px;}

#meniuLeft {width: 198px;height: 200px;float: right;margin-top: 5px;}

#center {width:600px;float:left;min-height: 510px;height: auto;padding-top: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;font-weight: normal;color: #666;}

#left {width:220px;float:left;height: 600px;background-image: url(../imagini/meniu.png);background-repeat: no-repeat;}


#contactBox {
	width: 190px;
	float: right;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	line-height: 14px;
	text-align: left;
}

#mainCenter {float: left;width: 400px;padding-right: 6px;}

#mainContent {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #666;line-height: normal;float: left;width: 600px;}

#menuRight {
	float: right;
	width: 192px;
	text-align: left;
	margin-top: 10px;
}

.bg_titlu {background-image: url(../imagini/scr.gif);background-repeat: no-repeat;padding-left: 30px;padding-top: 8px;height: 40px;width: 370px;float: left;}

/*Feature
---------*/
.mainText {font-family: "Trebuchet MS";font-size: 12px;font-weight: normal;color: #666666;padding-left: 10px;padding-top: 8px;height: auto;width: 390px;}

.mainText h3{text-align: left;padding-top: 10px;padding-right: 0px;padding-bottom: 2px;padding-left: 6px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #666666;}

.mainText img{
	float: left;
	border: 1px solid #ccc;
	padding: 2px;
	margin-top: 2px;
	margin-right: 13px;
	margin-bottom: 2px;
	margin-left: 2px;
	background-image: url(../imagini/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#mainText {PADDING-RIGHT: 1px;PADDING-LEFT: 5px;PADDING-BOTTOM: 0px;PADDING-TOP: 2px;height: auto;width: 392px;font-family: "Trebuchet MS";	font-size: 12px;line-height: 16px;color: #666;}


.feature{font-family: "Trebuchet MS";font-size: 12px;font-weight: normal;color: #666666;padding-left: 10px;padding-top: 8px;height: auto;width: auto;}

.feature h3{
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.feature img{
	float: left;
	border: 1px solid #ccc;
	padding: 2px;
	margin-top: 2px;
	margin-right: 13px;
	margin-bottom: 2px;
	margin-left: 2px;
	background-color: #FFFFFF;
	background-image: url(../imagini/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#feature {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 2px;
	height: auto;
	width: auto;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 16px;
	color: #666;
}

.link_blue {
	FONT-WEIGHT: normal;
	COLOR: #71BCE0;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBEEF7;
	line-height: 17px;
}

.link_blue:hover {FONT-WEIGHT: normal;COLOR: #71BCE0;TEXT-DECORATION: none;border-bottom-width: 1px;border-bottom-style: dashed;	border-bottom-color: #71BCE0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}

.link_blue2 {FONT-WEIGHT: normal;COLOR: #71BCE0;font-size: 11px;text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif;	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #DBEEF7;line-height: 16px;}

.link_blue2:hover {FONT-WEIGHT: normal;COLOR: #71BCE0;TEXT-DECORATION: none;border-bottom-width: 1px;border-bottom-style: dashed;	border-bottom-color: #71BCE0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 16px;}

.txt{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #666;line-height: normal;}

.txt_blue{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #2183b4;line-height: normal;
}



/*CLANCI Variabil- linii intre text*/
#clanciv {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	padding-top: 0;
	padding-bottom: 5px;
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
#clanciv h2 {
	margin: 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
#clanciv p {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}
.datum {
	padding-top: 5px;
	font-size: 11px;
	color: #666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-bottom: 1px;
	line-height: 16px;
}






.content {
	width: 590px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-bottom: 10px;
	background-image: url(../imagini/background.gif);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 18px;
	height: 100;
	min-height: 350px;
	margin-right: 10px;
}
#poze {
	width: 550px;
	display:table;
	padding-left: 17px;
}
#poze a{
	margin: 2px;
	float:left;
	border: 1px solid #ccc;
}
#poze a:hover {
	border: 1px solid #297CAE;
}
#poze a img {
	float:none;
	margin: 2px;
	display: block;
}
.txt_th {
	font-family: "Trebuchet MS";
	font-size: 11px;
}
.hcs {
	width: 190px;
	padding-top: 10px;
}
#meniuStanga {
	FONT-WEIGHT: normal;
	COLOR: #71BCE0;
	font-size: 11px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	width: 180px;
	padding-left: 8px;
}
.textOrange{
	color: #FFB510;
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 11px;
}


.forms {
	float: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	height: 16px;
	clear: none;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 180px;
	border: 1px solid #DBEEF7;
}
.formButon {
	float: none;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #71BCE0;
	height: 20px;
	clear: none;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 120px;
	border: 1px solid #DBEEF7;
	background-color: #FFFFFF;
	font-weight: bold;
}
.formtxt {
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #666666;
}
.contact1 {
	float: left;
	width: 250px;
	height: 300px;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #666666;
	line-height: 18px;
}
.contact2 {
	float: right;
	width: 330px;
	height: 300px;
}
.certificate {
	float: left;
	width: 160px;
	margin-right: 20px;
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: bold;
}



.materiale, .ingrasaminte, .transport, .depozite, .clienti, .sistemul, .materiale_active, .ingrasaminte_active, .transport_active, .depozite_active, .clienti_active, .sistemul_active {
	background: url(../imagini/med.png) no-repeat;
	margin-bottom: 10px;
	//margin-bottom: 10px;
}
.materiale {
	background-position: 0 -1px;
	width: 157px;
	height: 16px !important;
	display: block;
}
.materiale:hover, .materiale_active {
	background-position: -161px -1px;
	width: 157px;
	height: 16px !important;
	display: block;
}
.ingrasaminte {
	background-position: 0 -27px;
	width: 145px;
	height: 16px !important;
	display: block;
}
.ingrasaminte:hover, .ingrasaminte_active {
	background-position: -161px -27px;
	width: 170px;
	height: 16px !important;
	display: block;
}
.transport {
	background-position: 0 -52px;
	width: 145px;
	height: 16px !important;
	display: block;
}
.transport:hover, .transport_active {
	background-position: -161px -52px;
	width: 170px;
	height: 16px !important;
	display: block;
}
.depozite {
	background-position: 0 -79px;
	width: 145px;
	height: 16px !important;
	display: block;
}
.depozite:hover, .depozite_active {
	background-position: -161px -79px;
	width: 170px;
	height: 16px !important;
	display: block;
}
.clienti {
	background-position: 0 -105px;
	width: 145px;
	height: 16px !important;
	display: block;
}
.clienti:hover, .clienti_active {
	background-position: -161px -105px;
	width: 170px;
	height: 16px !important;
	display: block;
}
.sistemul {
	background-position: 0 -130px;
	width: 145px;
	height: 16px !important;
	display: block;
}
.sistemul:hover, .sistemul_active {
	background-position: -161px -130px;
	width: 150px;
	height: 16px !important;
	display: block;
}



/* =GlobalNav
 ----------------------------------------------- */
#headerMmenu {
	text-align: right;
	height: 30px;
	background-position: left top;
	float: right;margin-top: 80px;width: 500px;}
#menuTop {
	width: 450px;
	height: 30px;
	padding: 0;
	position: relative;
	background-image: url(../imagini/meniu_top.gif);
	margin: 0px;
	background-repeat: no-repeat;
}
#menuTop li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menuTop li, #menuTop a {height: 25px; display: block;}
#primapagina {left: 1px; width: 87px;}
#compania {left: 106px; width: 112px;}
#produse {left: 237px; width: 67px;}
#contact {left: 310px; width: 98px;}



/* =GlobalNav
 ----------------------------------------------- */

 
#hcs {
	width: 190px;
	padding-top: 10px;
	text-align: right;
	background-position: left top;
	}
#menuhcs {
	width: 190px;
	height: 30px;
	padding: 0;
	position: relative;
	background-image: url(../imagini/contact.gif);
	margin: 0px;
	background-repeat: no-repeat;
}
#menuhcs li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menuhcs li, #menuhcs a {height: 25px; display: block;}
#hcsHome {left: 1px; width: 31px;}
#hcsContac {left: 76px; width: 27px;}
#hcsMap {left: 146px; width: 31px;}
h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
	font-size: 20px;
	margin: 0;
	margin-bottom: 0px;
	// margin-bottom: 1px; 
}
.forms {
	float: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	height: 16px;
	clear: none;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #DBEEF7;
	border-left-color: #FFFFFF;
}
.formButon {
	float: none;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #71BCE0;
	height: 20px;
	clear: none;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 120px;
	border: 1px solid #DBEEF7;
	background-color: #FFFFFF;
	font-weight: bold;
}
.formtxt {
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #666666;
}
.forms2 {
	float: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	height: 50px;
	text-transform: capitalize;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 260px;
	border: 1px solid #DBEEF7;
	clear: none;
}