* { margin: 0; padding: 0; }

body {
	background: url(../../images/bg.jpg);
	text-align: center;
	margin: 0 auto;
	font: 90%/125% "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	color: #666;
	word-spacing: -1px;
}

#maincontent p a,  #sidebar p a, 
#leftcontent p a, #midcontent p a, 
#rightcontent p a { 
	background-color: #fffaeb; color: #207bcc;
	text-decoration: none;
}

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

#container {
	width: 775px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}

#skipnav {
	position: absolute;
	 left: -9999px;
	 width: 9000px; 
}

#header {
	background: url(../../images/header_bg.gif) no-repeat;
	width: 773px;
	height: 106px;
	margin: 0 auto;
}

#header h1 {
	background: url(../../images/integra_logo.gif) no-repeat; 
	height: 106px;
	text-indent: -9999px;
}

#header h1 a {
	display: block;
	height: 106px;
	position: relative;
	text-decoration: none;
	width: 399px;
	border-bottom: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

ul#navlist {
	position: relative;
	float: right;
	margin-top: -25px;
	margin-right: 10px;
	list-style: none;
}

ul#navlist li {
	float: left;
	font-size: 75%;
	font-weight:bold;
	
	padding-left: 13px;
	display: block;
	color: #fff;
}

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

ul#navlist li a:hover { 
	color: #FFDE00; 
	border-bottom: 2px solid #FFDE00;
}

#homepage {
	background: url(../../images/homepage_slogan.jpg) no-repeat;
	height: 100px;
	width: 773px;
	margin:  0 auto;
	text-indent: -9999px;
	border-top: 1px solid #fff;
}
#feronerie {
	background: url(../../images/feronerie.jpg) no-repeat;
	height: 100px;
	width: 773px;
	margin:  0 auto;
	text-indent: -9999px;
	border-top: 1px solid #fff;
}
#asamblare {
	background: url(../../images/asamblare.jpg) no-repeat;
	height: 100px;
	width: 773px;
	margin:  0 auto;
	text-indent: -9999px;
	border-top: 1px solid #fff;
}
#usimet {
	background: url(../../images/usimetalicea.jpg) no-repeat;
	height: 100px;
	width: 773px;
	margin:  0 auto;
	text-indent: -9999px;
	border-top: 1px solid #fff;
}
* html #homepage{ margin-top: -4px; }
* html #feronerie{ margin-top: -4px; }
* html #asamblare{ margin-top: -4px; }
* html #usimet{ margin-top: -4px; }

.features {
	float: left;
	color: #000;
	font: 75%/140% "Trebuchet MS", arial, sans-serif;
	width: 775px;
	height: 200px;
	
}

.features h3 {
	font-size: 150%;
	letter-spacing: -1px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.features h3 a { color: #000; }
.features h3 a:hover { color: #333333; }

.features p {
	padding-left: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	color: #000;
}

.features a.ac { color: #000000; }
.features a:hover.ac, #features a:hover.sm { color: #333333; }
.features a.sm { color: #24345c; }

.stanga {
	float: left;
	background: url(../images/leftblock.gif) no-repeat;
	height: 200px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 386px;
}

.features .link span {
	padding: 0 0 0 16px;
	margin-right: 5px;
	background: url(../../images/links2.gif) no-repeat 3px 3px; 
}

.features p.link {
	margin-top: 5px;
	margin-bottom: 10px;
}

.l-block {
	float: left;
	padding: 16px 13px 85px 13px;
}

.dreapta {
	float: left;
	background: url(../images/rightblock.gif) no-repeat;
	height: 200px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	width: 386px;
}

#maincontent, #contact {
	float: left;
	padding-top: 25px;
	width: 486px;
	background: #fff;
}


#maincontent p, #contact p {
	padding-left: 20px;
	padding-right: 15px;
	font-size: 85%;
	color: #333;
	padding-bottom: 20px;
}

#maincontent h1, #contact h1 {
	
	width: 445px;
	letter-spacing: -1px;
	padding-left: 15px;
	color: #000;
	padding-bottom: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	
	
	font-size:14pt;
}

#maincontent h2, #contact h2 {
	font-size: 100%;
	padding-left: 15px;
	padding-bottom: 10px;
	color: #666;
}


	
#leftcontent {
	float: left;
	width: 350px;
}

#midcontent {
	float: left;
	width: 175px;
}

#rightcontent {
	float: left;
	width: 250px;
}

#leftcontent p, #midcontent p, #rightcontent p {
	font-size: 85%;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
}

#leftcontent h1, #midcontent h1, #rightcontent h1 {
	padding-top: 20px;
	font-size: 130%;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #000;
}

#leftcontent h2, #rightcontent h2 {
	color: #3d8f07;
	font-size: 100%;
	margin-bottom: 10px;
	margin-left: 15px;
	border-bottom: 1px dotted #b7b7b7;
	width: 220px;
}

#midcontent span#flick { color: #0063dc; }
#midcontent span#r { color: #ff0084; }

#midcontent ul {
	list-style: none;
}

#midcontent li { margin-bottom: 5px; }

#midcontent li a { 
	display: block;
	 text-indent: -9999px; 
	margin-left: 13px;
	margin-bottom: 5px;	 
}




#about_contact {
	background: #313441 url(../images/contact_bg.jpg) 410px 150px no-repeat; 
	float: left;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	width: 773px !important;
}

#tabimg {
	clear: both;
	 width: 773px;
	 border: 0;
	 margin-bottom: -3px; 
	 padding-left: 1px;
}



abbr, span.abbr {   
	cursor: help;
  	border-bottom: 1px dashed #888;
}

.link span {
	padding: 0 0 0 16px;
	margin-right: 5px;
	background: url(../../images/links.png) no-repeat 0px 2px; 
}

p.link {
	color: #999;
	margin-top: -10px;
	margin-bottom: 10px;
}

#sidebar {
	float: left;
	
	padding-top: 25px;
	width: 286px;
}


#footer {
	clear: both;
	width: 773px;
	background: #333643;
	margin: 0 auto;
	margin-top:3px;
}
	
#footer p {
	font-size: 70%;
	color: #fff;
	padding-left: 20px;
	padding-bottom:3px;
	padding-top:4px;
	
}

#footer a { color: #207bcc; }

#sidebar p {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 85%;
	color: #333;
	padding-bottom: 20px;
}

#sidebar h1 {
	font-size: 130%;
	letter-spacing: -1px;
	padding-left: 15px;
	color: #000;
	padding-bottom: 10px;
}

#sidebar h2 {
	font-size: 105%;
	letter-spacing: -1px;
	padding: 5px 15px;
}

#sidebar dl {
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 20px;
}

#sidebar dt {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:normal;
}

#sidebar dd {
	background: url(../../images/bluearrow.png) 0 4px no-repeat;
	text-indent: 15px;
	font-size: 80%;
}

#sidebar dd a { color: #000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold }
#sidebar dd a:hover { color: #8e8e8e; }

#sidebar ul { list-style: none; padding-left: 7px; }

#sidebar ul#client li a { 
	margin: 10px 10px 20px 0;
	display: block; 	
	height: 47px;
	text-indent: -9999px;
	border: 2px solid #91969A;
	width: 75px;
}

#sidebar ul#client li { float: left; }


.thumbnail
{
float: left;
width: 100px;
border: 1px solid #999;
margin: 0 15px 15px 0px;
padding: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;
}

 img {border:0}

.clearboth { clear: both; }

#centering {margin-left:60px;
margin-bottom:10px;
height:450px;}

#centering2 {margin-left:60px;
margin-bottom:10px;
height:320px;}

#centering3 {margin-left:60px;
margin-bottom:10px;
height:200px;}

#oferta {margin-left:30px;
margin-right:30px;
}

.rbroundbox { background: url(../../images/nt.gif) repeat; }
.rbtop div { background: url(../../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../../images/br.gif) no-repeat bottom right; }


.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbcontent h2{font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.rbroundbox { width: 100%; margin: 0.1em auto; }
.centertable {margin-left:auto; margin-right:auto; text-align:center;}
table {
		border:1px solid #000;
		border-collapse:collapse;
		font-family:arial,sans-serif;
		font-size:90%;
		width:300;
		margin-left:20px;
		}
td,th{border:1px solid #000;
		border-collapse:collapse;
		padding:4px;
	}
	
#maincontent dl {
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 20px;
}

#maincontent dt {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:normal;
}

#maincontent dd {
	background: url(../../images/bluearrow.png) 0 4px no-repeat;
	text-indent: 15px;
	font-size: 80%;
}

#maincontent dd a { color: #000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold }
#maincontent dd a:hover { color: #8e8e8e; }

img.floatLeft { float: left; 
margin: 0;
border:0;
 }
img.floatRight { float: right; 
margin: 4px;
border:0;
  } 
  .dot{background-image:url(../../images/dotted.gif); width:465px; margin-left:20px;}