@charset "utf-8";

/* MACHINES */

html, body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 margin:0;
 padding:0;
 color:#333333;
 line-height:20px;
 background-color: #0c2f6d;
/* background:url('../images/bg_main.gif') repeat-y #0c2f6d; */
}

.container {
 position:absolute;
 width:960px;
 min-height:100%;
 background:;
 left: 50%;
 margin-left: -480px;
 background-color: #fff;
 }

*html .container {
 height:100%;
}

.header {
 width:960px;
 height:126px;
 border-bottom:solid 1px #777;
 background:url('../images/bg_header.gif') repeat-x; 
}

.logo1 {
 float:left;
 display:block;
 width:200px;
 height:126px;
 background:url('../images/logo1.gif') bottom left;
}

.logo1 a {
 display:block;
 width:200px;
 height:126px;
 background:url('../images/logo1.gif') top left;
}

.logo1 a:hover {
 background:url('../images/logo1.gif') bottom left;
}

.logo2 {
 float:left;
}

.logo2 a {
 display:block;
 width:200px;
 height:126px;
 background:url('../images/logo2.gif') top left;
}

.logo2 a:hover {
 background:url('../images/logo2.gif') bottom left;
}

.logo3 {
 float:left;
}

.logo3 a {
 display:block;
 width:240px;
 height:126px;
 background:url('../images/logo3.gif') top left;
}

.logo3 a:hover {
 background:url('../images/logo3.gif') bottom left;
}

.logo4 {
 float:left;
}

.logo4 a {
 display:block;
 width:240px;
 height:126px;
}
.memissa {
 display:block;
 width:148px;
 height:96px;
 padding:60px 0 0 30px;
}

.logo4 a:hover {
}

.slide {
 width:560px;
 height:126px;
 float:left;
 z-index:5;
 margin-left: ;
}

.main {
 width:960px;
 padding-bottom:40px;
 display:inline-block;
}

.content {
 padding:10px 40px 0 0;
 float:left;
 width:450px;
}

.mainContent {
 float:left;
 width:470px;
 margin-right:10px;
}

.side {
 float:left;
 width:225px;
}

.pageTitle {
 height:30px;
 border-bottom:solid 1px #f10523;
}

.sideTitle {
 width:220px;
 height:30px;
 margin:9px 0 0 0;
 border-bottom:solid 1px #0c2f6d; 
}

/* --- PORTFOLIO --------------- */

.portfolio {
 width:240px;
 float:left;
 margin-bottom:15px;
}

.portfolioItem {
 color:#474747;
 padding:0 10px 0 10px;
}

.portfolioList {
 margin-top:10px;
}

.portfolioLink {
 float:left;
 width:70px;
 height:44px;
 text-decoration:none;
 display:block;
 border:solid 3px white;
 margin:0 4px 4px 0;
}

/* --- NEWS -------------------- */

.news {
 width:220px;
 float:left;
 margin-bottom:15px;
}

.newsItem {
 width:200px;
 padding:10px;
 background:#f0eff0;
 border-bottom:dotted 1px #0c2f6d;
}

.newsLink {
 color:#0c2f6d;
 font-weight:bold;
 text-decoration:none;
}

.newsLink:hover {
 color:#000000;
}

/* --- FOOTER ------------------ */

.footer {
 position:absolute;
 bottom:0;
 left:0;
 height:26px;
 color:#fff;
 border-top:solid 1px #0b234b;
 background-color:#0c2f6d;
 width:940px;
 line-height:24px;
 text-align:center;
 z-index:99;
 margin-left:10px;
 margin-right:10px;
}

.footer a {
 font-weight:bold;
 color:#fff;
 text-decoration:none;
}

.footer a:hover {
 color:#ccc;
}

fieldset 				{border:solid 1px #bbb;padding:10px;margin-bottom:10px;width:346px;}
legend 					{padding:3px;font-weight:bold;color:#00457c;}
label 					{display:block;float:left;width:100px;border-bottom:dotted 1px #ccc;}

#formContactInput 		{border:solid 1px #ccc;width:237px;margin-left:5px;text-indent:2px;height:19px;margin-bottom:2px;}
#formContactTextarea 	{border:solid 1px #ccc;width:342px;height:80px;padding-left:2px;}
#formContactSubmit 		{margin-left:219px;margin-top:10px;width:150px;height:30px;font-size:12px;font-family:arial;font-weight:bold;color:#00457c;}