/* Styles - Medros */

@font-face {
	font-family: 'myriadpro';
	src: url('fonts/myriadpro');
	src: local('myriadpro'),
       url('fonts/myriadpro.woff') format('woff'),
       url('fonts/myriadpro.ttf') format('truetype');
}

html, body {height: 100%;}
body {
	padding: 0;    
	margin: 0;
	background: #ccc url("../images/bg.png") repeat-x;
	font-family: arial, sans-serif;
	font-size: 13pt;
	color: #000;
}

#container {min-height:100%; margin-left:auto; margin-right:auto; width:1000px; background:#fff url("../images/bg_main.png") no-repeat;}
#container_homepage {min-height:100%; margin-left:auto; margin-right:auto; width:1000px;}

#top {
	margin-left: auto;       
	margin-right: auto;
	width: 1000px;
	background: url("../images/bg.png") repeat-x;
}
#language {height:30px; text-align:right;}
#language img {height:28px;	width:67px;}
#logo {height:44px; padding:15px 25px 0px 25px; text-align:right; font-size:22pt; text-transform:uppercase; color:#fff;}
#logo img {margin:-15px 0px;}

#menu {
	padding-top: 0px;
  margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 55px;
	text-align: center;
}
ul#navmenu {
  /* z-index: 1; */
  margin: 0px;
  padding: 0px;
  list-style: none;
  line-height: 1;
  text-transform:uppercase; 
  font-size: 12pt;
	color: #666;
}
ul#navmenu a {
  padding: 22px 15px 13px 15px;   /* 22px 21px 13px 21px; */
	display:block;
  float: left;
	color: #9c9e9f;
}
ul#navmenu a.menu_active, ul#navmenu a.menu_active_first, ul#navmenu a.menu_active_last {color: #003576; background: url("../images/menu_active.png") no-repeat 5px 1px;}
ul#navmenu a.menu_first, ul#navmenu a.menu_active_first {margin-left: 10px;}
ul#navmenu a.menu_last, ul#navmenu a.menu_active_last {padding-right: 0px;}
ul#navmenu a:hover{color: #003576;}

/* ---------- homepage ---------- */
#homepage_main {
	margin-top: -11px;
	padding-top: 32px;
  margin-left: auto;
	margin-right: auto;
	padding-bottom: 32px;  /* for footer */
  width: 1000px;
	background: #086fb3 url("../images/bg_main_homepage.png") no-repeat bottom;
}
#slider {
  margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 60px;
	/* background: #575757 url("../slider/back-box-label-black.png") repeat-x; */
	width: 1000px;
	height: 320px;
}

#content_homepage, #content_reference {
	width: 900px;
	margin-left: 50px;
}
#homepageLP {
	float: left;
	width: 400px;
	margin-left: 103px;
	text-align: center;
}
#homepageST {
	float: right;
  width: 400px;
	margin-right: 60px;
	text-align: center;
}
#homepageLP, #homepageST {
  padding-top: 20px;
  text-transform:uppercase;
  font-size: 18pt;
  font-weight: bold;
  color: #003576;
}
#homepageLP img, #homepageST img {margin-top:10px;}

/* ---------- main & text ---------- */
#main {
	margin-top: 60px;
  margin-left: auto;
	margin-right: auto;
	padding-bottom: 32px;  /* for footer */
  width: 1000px;
 }

#content_left, #text_left {
  float: left;
	width: 500px;
	margin-left: 50px;
	text-align: left;
}
#text_left {
	padding-bottom: 100px;
  border-bottom: 2px #086fb3 solid;
}

#link_reference {
	margin: 40px 30px 0 0;
  border: 0px solid #fff;
  text-align: right;
  font-size: 16pt;
  text-transform:uppercase;
  font-weight: bold;
  color: #086fb3;
}
#link_reference a{
  padding-left: 30px;
  background: url(../images/reference.png) no-repeat;
  
}

#content_right {
	float: right;
  width: 400px;
	margin-top: 0px;
  margin-right: 37px;
}

#content_reference img {
  margin-right:-30px;
}

hr {
  margin-top: 100px;
  border: 1px #086fb3 solid;
}

hr.cleaner {
  clear:both;
  height:64px;
  margin: 0px;
  padding:0px;
  border: none;
  visibility: hidden;
}

#footer{
	height: 32px;
  margin-top: -32px;
	margin-left: auto;
	margin-right: auto;
	background: #086fb3;
	color: #fff;
	font-size: 10pt;
}
#footer_text{
	margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
#footer_left{
	float: left;
	margin-top: 8px;
	padding-left: 25px;
	text-align: left;
}
#footer_right{
	float: right;
	margin-top: 8px;
	padding-right: 25px;
	text-align: right;
}
#footer a {color:#ddd;}
#footer a:hover {color:#fff;}

/* ------------------------------------------------------------------ */

#content-technologie {
  float: right;
	width: 625px;
	margin: 20px 35px 30px 0px;
	padding: 0px;
	text-align: left;
	background: #fff;
}

a{
	color: #003576;
	text-decoration: none;
}

a:hover{
	color: #000;
}

h1 {
  margin-top: 10px;
  text-transform:uppercase;
  font-size: 24pt;
  color: #ddd;
}

h2 {
  padding-top: 10px;
  margin-bottom: 0px;
  text-transform:uppercase;
  font-size: 18pt;
  color: #003576;
}

h3 {
  margin-bottom: 3px;
  color: #003576;
}

h4 {                        /* reference */
  margin: 30px 0px 10px 0px;
}

h5 {                        /* form */
  margin: 6px 0px 18px 0px;
  color: #ffee80;
}

p, ul, ol {
	line-height: 1.3;
}

.formular {
  color: #003576;
  font-weight: bold;
}
.form, .formborder {
  background-color: #fff;
	font-family: arial, sans-serif;
	font-size: 13pt;
}
.formborder{
  background-color: #ffee80;
}