/* ---------------------------------------------------
GLOBAL (General miscellaneous)
----------------------------------------------------- */
html, body, div, span, applet, object, iframe, caption, tbody, tfoot, thead, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h1, h2, h3, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, fieldset, form, label, legend {	padding: 0;	margin: 0;	border: 0;}
body {font: 12px Tahoma, Arial, sans-serif;	background: url(../imagini/bg.png) repeat-x;color: #333333;}
p {	margin-bottom: 10px;}
/* ---------------------------------------------------
HEADINGS
----------------------------------------------------- */
h1 {padding: 0px;display: block;	margin-top: 30px;	margin-bottom: 10px;	font: bold 25px "Times New Roman", Times, serif;}
h2 {color: #CC0033;	font: bold 22px "Times New Roman", Times, serif;	margin-bottom: 5px;	display: block;}	
h3 {font: bold 16px Arial, Helvetica, sans-serif;	background: url(../imagini/title.jpg) no-repeat;	display: block;	height: 30px;	color: #FFFFFF;	padding-left: 30px;	padding-top: 3px;	width: 200px;}
h5 {color: #FFFFFF;	font: bold 20px "Times New Roman", Times, serif;}
h6 {color: #FFFFFF;	font-weight: bold; font-size: 18px;}
ul {margin: 0px;padding: 0px;}
li {margin: 0px;padding: 0px;}
/* ---------------------------------------------------
LINKS 
----------------------------------------------------- */
a {color: #454545;	font-weight: bold;	text-decoration: none;}
a:hover {color: #CC0033;text-decoration: underline;}
/* ---------------------------------------------------
STRUCTURE
----------------------------------------------------- */
#Wrapper {width: 900px;	margin: 0 auto;	height: auto;}

#Motto {height: 60px;	width: 900px;}
#Banner {height: auto; float: left;	width: 900px;background: url(../imagini/banner.png) no-repeat; clear: both;}
#LM {float: left; width: 200px;	height: auto; margin-left: 10px; margin-top: 10px;}
#Logo {width: 186px; height: 111px;	float: left;}

#Produse {width: 600px;	float: right;}
#Produse ul {margin: 15px 0px 0px 20px; padding:0px;}
#Produse  li {background: url(../imagini/bullet-mare.gif) no-repeat 0px 3px; height: 25px; padding-left: 25px;list-style: none;}
#Produse  a {text-decoration: none;}
#Produse  a:hover { color:#CC0033;}

#Recrutare {background: url(../imagini/produse-recrutare-bg.png) no-repeat;	height: 280px; width: 250px; margin-top: 10px;	margin-right: 10px;	padding-right: 20px; padding-left: 20px; padding-top: 20px;	float: left;}
#Recrutare .introdu a{background: url(../imagini/adauga-anunt.gif) no-repeat; height: 25px; padding-left: 60px;	font: bold 20px "Times New Roman", Times, serif; color: #CC0033; padding-top: 25px; display: block; text-decoration: none;	margin-top: 35px;}
#Recrutare .introdu a:hover {color: #454545; background-position: 0px -50px;}
#Training {	background: url(../imagini/produse-training-bg.jpg) no-repeat;	height: 280px;	width: 250px; padding-top: 20px;	padding-right: 20px; padding-left: 20px; float: right; margin-top: 10px;}
#Training .introdu a{background: url(../imagini/trimite-cv.png) no-repeat;	height: 25px;	padding-left: 60px;	font: bold 20px "Times New Roman", Times, serif;	color: #454545;	padding-top: 25px;	display: block;	text-decoration: none;	margin-top: 10px;}
#Training .introdu a:hover {color: #CC0033;	background-position: 0px -50px;}
#Logo p{font-size: 11px; letter-spacing:1px; color: #FFF; margin: 0px; padding: 7px 0px 0px 5px; background: url(../imagini/logo-bg.png); display: block; height: 24px; width: 186px;}

#Continut {height: auto; clear: both; width: 900px;	padding: 20px 0px;}
#Continut .pack {margin-right: 30px;}

#Continut img {display: block; float: left;	margin-right: 10px;}
#Continut ul{margin: 10px 0px 0px 10px; padding: 0px;}
#Continut li {background: url(../imagini/bullet.png) no-repeat 0px 4px;	list-style: none;	padding-left: 15px;}

#Left {float:left;	width:500px; margin-right: 20px; text-align:justify;}

#Right {float:right; width: 370px; background: url(../imagini/right-bg.gif) no-repeat; text-align:justify;}
#Grupuri {
	background: url(../imagini/grupuri-bg.jpg) no-repeat;
	height: 120px;
	padding: 10px;
}




#FooterWrapper {background: #2D2D2D url(../imagini/footer-bg.png) repeat-x;	clear: both;height: auto;}
#Footer {width: 900px;margin-right: auto;margin-left: auto;	height: 150px;	clear: both;background: url(../imagini/footer-bg.png) no-repeat top;	padding-top: 10px;	color: #FFF;margin-bottom: 0px;}
#fLeft {width: 500px; height: 100px; float: left;}
.under li {	float: left;clear: both;	margin-top: 10px;	background: url(../imagini/bullet-mediu.gif) no-repeat 0px 3px;	padding-left: 20px;}

#fRight {float: right;width: 350px;height: auto;text-align:right;}
#Footer ul {margin: 0px; padding: 0px;	display: block;	clear: both;}
#Footer li {display: block;	list-style: none; padding-right: 6px; float: left;}
#Footer a {font-weight: bold; color: #fff; text-decoration: none;}
#Footer a:hover {color: #CC0033;}

/* ---------------------------------------------------
Efecte speciale hover
----------------------------------------------------- */
a.screen, a.screen:visited {background: url(../imagini/button-evenimente.png) no-repeat 0px 0px;	height: 45px;	width: 450px;	display: block;	color: #333333;	font: 30px "Times New Roman", Times, serif;	text-align:center;	padding-top: 5px;position:relative; 
z-index:1;}
a.screen span {	position:absolute;	visibility:hidden; 	width:450px; left:0; top:-120px;padding-bottom: 100px;background: url(../imagini/evenimente-noutati2.png) no-repeat left top;	font-size: 18px;}
a.screen:hover {background-position:0 -51px;	color: #FFFFFF;	text-decoration: none;text-decoration:none; border:0;z-index:10;}
a.screen:hover span {visibility:visible;height:80px; cursor:pointer;z-index:15;width: 450px;}