/* ---------------------------------------------------
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, h2, h3, h4, 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 Arial, Helvetica, sans-serif;	background-repeat: repeat-x;}

/* ---------------------------------------------------
HEADINGS
----------------------------------------------------- */
h1 {display: block;	font: bold 30px "Times New Roman", Times, serif; color: #036585;background:url(../imagini/h1-bg.png) no-repeat; height: 48px;	padding-top: 5px; padding-left: 10px; float: left; }
h2 {color:#555A69;	display: block;	font: bold 25px "Times New Roman", Times, serif; margin-top: 20px; margin-bottom: 5px;}
h3 {color: #555A69;	font: bold 21px "Times New Roman", Times, serif; padding: 0px;	margin: 20px 0px 7px;}	
h4 {
	font: bold 18px Arial, Helvetica, sans-serif;
	margin: 20px 0px 7px;
	padding: 0px;
}
h5 {
	font-size: 16px;
}
h6 {
	color: #036585;
	display: inline;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* ---------------------------------------------------
LISTS
----------------------------------------------------- */

/* ---------------------------------------------------
LINKS 
----------------------------------------------------- */
a {	font-weight: bold;	color: #036585;}
a:hover {	text-decoration: none;}

/* ---------------------------------------------------
STRUCTURE
----------------------------------------------------- */
#Wrapper {	width: 850px;	margin-top: 0;	margin-right: auto;	margin-bottom: 0;	margin-left: auto;	color: #555A69;}
#Header {	width: 850px;	height: 88px;}
#Logo {	width: 170px;	height: 65px;	float: left;	margin-left: 20px;	margin-top: 10px;}
#leftTop {	float: right;	height: 60px;	width: 200px;	margin-top: 16px;}
#Contact {	height: 50px;	width: 155px;	border-right: 2px solid #545454;	float: left;	padding-top: 5px;}
#Limbi {	width: 25px;	float: right;	height: 70px;}
#Banner {	height: 200px;	float: left;	width: 850px;	margin-top: 10px;	background: url(../imagini/banner.png) no-repeat;}
#Continut {	height: auto;	clear: both;	width: 850px;	margin-top: 20px;	margin-bottom: 10px;}

#Left {	float:left;	width:200px;	margin: 0px 20px 0px 0px;}
#Left p {margin-top: 10px;}
#Left img {	float: left;	margin-right: 5px;}
#Left .limit {	height: auto;	clear: both;	float: left;	width: 200px;	border-bottom: 1px solid #545454;	margin-bottom: 15px;	padding-bottom: 5px;}

#Right {float:right;	width: 600px;	height: auto;	background: url(../imagini/right-bg.gif) no-repeat;}
#Right ul {	margin: 0px;	padding: 0px;}
#Right li{	font-weight: bold;	list-style: url(../imagini/bullet.png) outside;	padding-bottom: 7px;	margin-left: 15px;}
#Right p {margin-bottom: 10px;}
#Right img {border: 1px solid #202226;}

#Echipa {	background: url(../imagini/echipa-bg.png) no-repeat;	height: 185px;	width: 570px;	margin-top: 20px;	padding-top: 15px;	padding-right: 15px;	padding-left: 15px;}
#Echipa h2 {border-bottom: 1px solid #000000;  margin: 0px 15px 10px 0px;}
#Echipa p {	margin-top: 15px;}
#Echipa  img {	margin-right: 20px;	margin-top: 5px;}

#Produse {height: auto;}
#Produse ul {margin: 0px 0px 0px 120px;}

#Footer {width: 850px;	margin-right: auto;	margin-left: auto;	height: auto;	clear: both;	background: url(../imagini/footer-timice.png) no-repeat;	padding-top: 33px;	color: #FFF;	font-size: 10px;}
#Footer ul {margin: 0px 0px 30px 15px;	padding: 0px;	display: block;	clear: both;	font-size: 12px;}
#Footer li {display: block;	float: left;	padding-right: 0px;	padding-left: 70px;	list-style: none;}
#Footer a {	font-weight: bold;	color: #555A69;	text-decoration: none;}
#Footer a:hover {color: #2BA3E7;}
#Copyright {background: #2BA3E7 url(../imagini/copyright-bg.png) repeat-x;	height: auto;	width: 850px;	clear: both;	padding-top: 10px;}
#Copyright p {	margin-top: 5px;}
#Copyright a {color: #FFF;	text-decoration: underline;}
#Copyright a:hover {text-decoration: none; color: #013749;}
#Footer img {float: left; margin-bottom: 15px;}
/* ---------------------------------------------------
FORM
----------------------------------------------------- */
fieldset  {
	padding: 2px;
	margin-top: 20px;
	color: #555A69;
}
label {font-weight: bold;line-height: normal;text-align: right;margin-right: 10px;position: relative;display: block;	float: left;width: 100px;}
input.formInputText   {	font-size: 0.8em; padding: 2px;	border: 1px solid #555A69;	margin-right: 5px;	margin-bottom: 5px;	height: 15px;	}	
input.formInputText:hover {
	border: 1px solid #2BA3E7;
	cursor: text;
}	
textarea{
	border: 1px solid #555A69;
}
textarea:hover{border: 1px solid #2BA3E7;}

input.formInputButton {	float: right;	margin-right: 145px;	clear: both;	margin-top: 5px;	padding: 3px;	font-weight: bold;}
input.formInputButton:hover {color: #2BA3E7;}

/* ---------------------------------------------------
Special effects
----------------------------------------------------- */
a.screen, a.screen:visited {
color:#036585; 
position:relative; 
z-index:1;
}
a.screen b {
	position:absolute;
	visibility:hidden; /* hide the image */
	width:150px; /* give it a width */
	height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
	
	left:0; /* position:the image */
	top:-90px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:10;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:80px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:15; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}