/* ----------------------- css structure ---------------------------- */

body    {
font-size: 11px;
font-family: "trebuchet ms", Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
line-height: 19px;
background: #335889 url(../imgs/bg.gif) repeat-x;
text-align: center;
vertical-align: middle;
}

#wrapper 	{
width: 923px;
\width: 923px;
w\idth: 923px;
/**border: 1px solid gray;**/
margin: 5px;
margin-left: auto;
margin-right: auto;
height: auto;
}

#logo {
	float: left;
	width: 923px;
	height: 86px;
	background: url(../imgs/logo.gif) no-repeat top left;
}
#logoEn {
	float: left;
	width: 923px;
	height: 86px;
	background: url(../imgs/logoEn.gif) no-repeat top left;
}

a.logo {
	float: left;
	width: 882px;
	height: 80px;
	margin: 6px 11px 0 10px;
	display: block;
}

html>body a.logo {	
	width: 882px;
	margin: 6px 21px 0 20px;
}

a.logo em {
	display: none;
}
#banner {
	width: 923px;
	height: 177px;
	float: left;
	background: url(../imgs/banner.jpg) no-repeat 19px 0;
}
#content {
	width: 923px;
	height: auto;
	background: url(../imgs/contentRepeat.gif) no-repeat 19px 0;
	float: left;
	padding-bottom: 15px;
	font-size: 11px;
}


#leftCol {
	width: 160px;
	background: White;
	border: 1px solid #DDDDDD;
	margin: 7px 0 7px 15px;
	float: left;
}

html>body #leftCol {
	width: 178px;
	margin: 7px 0 7px 30px;
}

#rightCol {
	width: 690px;
	height: auto;
	float: right;
	margin: 7px 5px 0 5px;
	display: inline
}

#footer {
	width: 873px;
	height: 28px;
	font-size: 11px;
   background: #fff url(../imgs/navBg.gif) repeat-x 0 0;
	float: left;
	margin: 10px 6px 0 10px;
	padding: 3px 5px;
	clear: both;
}
html>body #footer {
	width: 873px;
	margin: 20px 11px 0 20px;
}



/* ----------------------- top main menu ---------------------------- */
#navcontainer {
        padding: 0;
        font-family: georgia, serif;
		  float: left;
		  width: 665px;
		  text-align: left;
}

#navcontainer:after {
        content: ".";
        display: block;
        line-height: 1px;
        font-size: 1px;
        clear: both;
}

ul#navlist {
        list-style: none;
        padding: 0;
		  float:left;
        width: 665px;
        padding:0;
		  margin:0
}

ul#navlist li.tech {
        display: block;
        float: left;
        width: 19%;
        margin: 0;
        padding: 0;
		  text-align: center;
}


ul#navlist li {
        display: block;
        float: left;
        width: 13%;
        margin: 0;
        padding: 0;
		  text-align: center;
}


ul#navlist li a {
        display: block;
        width: 90%;
        padding: 0.4em;
        border-width: 1px;
        border-color: #FCFBF9 #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
        background: #fff url(../imgs/navBg.gif) repeat-x;
		  font-size: 11px;
		  font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

ul#navlist li a.lang {
        color: #BA071C;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #FCFBF9;
        color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #E27A00;
        background: transparent;
        border-color: #aaab9c #fff #fff #ccc;
}

	  
	/* ----------------------- menu ---------------------------- */	  
#menu {
   width: 155px;
   border: 1px solid #efefef;
	text-align: left;
	margin: 10px;
	padding: 0
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu li a {
color: #254C81;
display: block;
background: url(../imgs/menu3.gif);
padding: 8px 0 0 10px;
text-align: left;
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
position: relative;

}

#menu ul ul  {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

#menu ul ul li a{
		color: #014B7F;
	background: #fafafa;
	padding-left: 8px;
	border-bottom: 1px solid #eee;
}

#menu ul ul li a:hover{
		color: #a00;
	background: #fff;
	padding-left: 8px;
	border-bottom: 1px solid #eee;
}

#menu li.sub a{
		color: #D87909;
	background: #fafafa;
	padding-left: 8px;
	border-bottom: 1px solid #eee;
}

div#menu ul ul ,
div#menu ul  li:hover ul ul
{display: none; border: 1px solid #ccc;}

div#menu ul  li:hover ul,
div#menu ul  ul li:hover ul
{display: block;}


/* ----------------------- content Divs ---------------------------- */


#contentLeft {
	width: 490px;
	height: auto;
	float: left;
}

#contentLeft2 {
	width: 650px;
	height: auto;
	float: left;
	text-align: left;
}

h2{
	font: 15px  "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #307CC3;
	text-align: left;
	padding: 25px 0 0 0;
	font-weight: bold;
	width: 90%;
	border-bottom: 1px solid #ccc;
	margin: 0
}
h3 {
	font: 12px  "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #D87909;
	text-align: left;
	padding: 15px 0 0 0;
	font-weight: bold;
	margin: 0
}

h4 {
	width: 90%;
	padding: 5px;
	background: #7CBEDD;
	border: 1px solid #599EBE;
	font: 12px  Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
#contentLeft p{
	text-align: left;
	color: #636363;
}

#contentLeft p.category {
	margin: 0;
	padding: 15px;
	background: #EFEBE4;
	border: 1px solid #D9D8D3;
	width: 93%
}

#contentRight {
	width: 150px;
	height: auto;
	float: right;
	margin: 32px 12px 0 0;
}

html>body #contentRight {
	margin: 32px 24px 0 0;
}

#contentRight ul {
	background: #fff;
	padding:0;
	margin: 0;
	border:  1px solid #ccc;
}

#contentRight ul li {
	list-style: none;
	padding: 6px;
	margin: 0;
	background: url(../imgs/PDF-File.jpg) no-repeat 17px 6px;
}

#contentLeft img { 
	padding: 5px;
	float: left;
	margin: 10px;
	vertical-align: text-top;
	background: #fff;
	border: 1px solid #ccc;
}

#contentLeft a {
	background: none;
	color: #0982C0;
	padding: 0 0 0 2px;
	margin: 0;
}


html>body #contentLeft a {
	margin-top: 0;
}

#contentLeft a:hover {
	color: #000
}
/* ----------------------- biosmart & fluidustria ---------------------------- */

#bio {
	background: url(../imgs/bio.jpg);
	width: 147px;
	height: 87px;
	float: right;
	margin-top: 10px;
}

#bioEn {
	background: url(../imgs/bioEn.jpg);
	width: 147px;
	height: 87px;
	float: right;
	margin-top: 10px;
}


#flu {
	background: url(../imgs/fluindustria.jpg);
	width: 147px;
	height: 87px;
	float: right;
	margin-top: 20px;
}
#khm {
	background: url(../imgs/khm.jpg);
	width: 147px;
	height: 87px;
	float: right;
	margin-top: 10px;
}
#foundries {
	background: url(../imgs/xitiriaGr.jpg);
	width: 147px;
	height: 87px;
	float: right;
	margin-top: 10px;
}
#foundriesEn {
	background: url(../imgs/xitiriaEn.jpg);
	width: 147px;
	height: 87px;
	float: right;
	margin-top: 10px;
}
#logotypes {
	background: url(../imgs/logos.jpg);
	width: 130px;
	height: 87px;
	float: left;
	margin: 10px 15px;
}
html>body #logotypes {
	width: 160px;
}

/* ----------------------- login ---------------------------- */

#login {
	width: 147px;
	height: auto;
	background: #78D4F6 url(../imgs/blueBg.gif) repeat-x;
	float: right;
	margin-top: 20px;
}

#login h3 {
	padding-top:5px;
	color: White;
	margin: 0 0 0 5px;
	height: 23px;
	font-size: 11px;
}

#login h4 {
	font: 11px normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #005679;
	padding: 0;
	margin: 6px;
}

#login input {
	width: 120px;
	font-size: 10px;
	color: #999;
	border: 1px solid #DFDFDF;
}

#login button {
	width: 71px;
	height: 23px;
	margin: 4px 0;
	font-size: 10px;
	
}
.fields {
	width: 135px;
	margin: 3px;
	padding: 2px;
	background: #fafafa;
	border: 1px solid #efefef;
	overflow: hidden; 
	clear: both;
}

/* ----------------------- newProject ---------------------------- */

#newProject {
	width: 155px;
	background: #EEB850 url(../imgs/orangeBg.gif) repeat-x;
	height: auto;
	margin: 10px;
	overflow: hidden;
}
#newProject h3 {
	padding-top:5px;
	color: White;
	margin: 0 0 0 5px;
	height: 31px;
}
.work {
	width: 140px;
	height: auto;
	background: #F9F8F3;
	border: 1px solid #DDDDDD;
	float: left;
	margin: 5px 2px;
	padding: 2px;
}

html>body .work {
	margin: 5px 4px;
}


.work img {
	background: none;
	border: none;
	padding: 0 6px;
	margin: 0
}

.work p {
	text-align: left;
	color: #636363;
	padding: 3px 3px 3px 7px;
}

.work a {
	float: right;
	background: url(../imgs/arrowOrange.gif) no-repeat 0 7px;
	padding-left: 9px;
	color: #0982C0;
}

/* ----------------------- latestNews ---------------------------- */

.work2 {
	width: 99%;
	height: auto;
	float: left;
	margin: 5px 2px;
	padding: 2px;
}

html>body .work2 {
	margin: 5px 4px;
}


.work2 img {
	background: none;
	border: none;
	padding: 0 6px;
	margin: 0;
	border: 1px solid #DDDDDD;
}

.work2 p {
	text-align: left;
	color: #636363;
	padding: 3px 3px 3px 7px;
}

.work2 a {
	float: right;
	background: url(../imgs/arrowOrange.gif) no-repeat 0 7px;
	padding-left: 9px;
	color: #0982C0;
}
/* ----------------------- latestNews ---------------------------- */


.latestNews {
	width: 157px;
	height: auto;
	float: left;
}

html>body .latestNews {
	width: 159px;
	padding: 2px;
}
.latestNews img {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	height: 83px;
	width: 115px;
}

.latestNews p {
	padding: 0;
	text-align: left;
	margin: 0;
	width: 137px;
}

.latestNews a {
	background: url(../imgs/arrowBlue.gif) no-repeat 0 7px;
	color: #0982C0;
	padding: 0;
	margin: 0;
}

/* ----------------------- footer ---------------------------- */

#footerLeft {
	float: left;
	width: 180px;
}

#footerLeft p{
	font-size: 10px;
	color: #D87908;
	padding: 5px 0 0 0;
	margin: 0;
}

#footerRight {
	float: right;
	width: 588px;
}

#footerRight ul   {
	padding: 5px 3px 0 3px;
	margin: 0 0 0 30px;
}


#footerRight ul li  {
	list-style: none;
	float:left;
}

#footerRight ul li a {
	padding: 3px 15px;
}

/* ----------------------- general styles ---------------------------- */

a { 
	text-decoration: none; 
	color:  #1C79BA; 
}

a:hover {
	color: #000;
}

img { 
   background: #efefef;
	border: 1px solid #ccc;
	padding: 6px;
	float: left;
	margin-right: 10px;
	vertical-align: text-top;
}

div.cleaner {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

#english {
	width: 147px;
	height: 29px;
	border: none;
	float: right;
	margin-top: 10px
}

#english img {
	border: none;
	background: #F7F5EF;
}

div.contact {
	text-align: left;
}