body {
  margin: 0; padding: 0;
  background: #f2e1ae;
  text-align: center;
  font: normal normal 75%/130% verdana, sans-serif;
  color: #3651ae;
} 

/* BASIC */

a {
  color: #d48200;
  background-color: inherit;
}
a:hover, a:focus {
  color: #5984e4;
  background-color: inherit;
  text-decoration: none;
}
acronym {
  /*color: #5984e4;*/
  cursor: help;
  border-bottom: #5984e4 1px dotted; 
}
strong {
  font-weight: bold;
}
i {
  font-style: italic;
}
p {
  margin: 0; padding: 3px 0;
}
h1, h2, h3, h4, h5 {
  font-size: 150%;
  font-weight: bold;
  margin:0;
  padding: 5px 2px;
}
h2 {
  font-size: 130%;
}
h3 {
  font-size: 120%;
}
h4 {
  font-size: 110%;
}
h5 {
  font-size: 100%;
}
dt {
  font-size: 110%;
  font-weight: bold;
}
dd {
  margin: 0; padding: 2px 0 10px 10px;
}
form {
  margin: 0; padding: 0;
}
fieldset {
  border: #f1c580 1px solid;
  /*background: #f6f2e7;*/
  margin: 10px 20px 10px 10px; padding: 10px; 
}
legend {
  font-size: 120%;
  font-weight: bold;
  color: #d48200;
  background-color: inherit;
}
input, textarea, select {
  border: #f1c580 1px solid;
  background: #faf8f3;
  margin: 3px 0 7px 0; padding: 1px 2px;
  color: #664e06;
}
textarea {
  font: normal normal 100% verdana, sans-serif;
}
/*input {
  border: #de921a 0px solid;
  border-bottom: #de921a 1px solid;
  background: #f6f2e7; 
}*/
/*html>body input {
  border-bottom: #de921a 1px dotted;
}
html>body textarea {
  border: #de921a 1px dotted;
}*/
.submit {
  color: #fff;
  background: #f0af49 url("../images/submit.gif") left bottom repeat-x;
  border: #f1c580 1px solid;
  font-size: 110%;
  cursor: pointer;
}
img {
  border: none;
}

/* LAYOUT */

#cover {
  color: inherit;
  background: #fff;
  padding: 5px 0 0 0;
}

/* --- TOP --- */

#cover_top {
  text-align: center;
  background: url("../images/cover_top_pixel.gif") left bottom repeat-x;
}
#top {
  position: relative;
  text-align: left;
  width: 64em;
  min-width: 750px;
  height: 103px;
  margin: 0 auto;
  color: inherit;
  background: #e9effc url("../images/blue/top_pixel.gif") left bottom repeat-x;
}

/* TOP BAR + LANGUAGE* + HOME */

a#skip_navigation {
  display: none;
}

#bar_top {
  position: absolute;
  width: 64em;
  min-width: 750px;
  height: 0.9em;
  text-align: left;
  top: 5px; left: 0;
  z-index: 5;
}
html>body #bar_top {
 left: 5px; 
}
#bar_top ul{
  margin: 0; padding: 0;
  list-style-type: none;
}
#bar_top li {
  float: left;
  margin: 0 5px;
  padding-left: 17px;
  font-size: 85%;
}
#bar_top li a {
  text-decoration: none;
  color: #676767;
  background-color: inherit;
}
#bar_top li a:hover, #bar_top li a:focus {
  text-decoration: underline;
}
#bar_top li img {
  vertical-align: bottom;
  margin-right: 2px;
}
li#top_bar_1 {
  background: url("../images/contact.gif") 0% 40% no-repeat;
  padding-left: 20px;
}
li#top_bar_2 {
  background: url("../images/site_map.gif") 0% 50% no-repeat;
}
li#top_bar_3 {
  background: url("../images/online_help.gif") 0% 50% no-repeat;
}
li#top_bar_4 {
  background: url("../images/client_zone.gif") 0% 50% no-repeat;
}

a#language, a#home {
  position: absolute;
  top: 6px; right: 10px;
  display: block;
  width: 19px;
  height: 13px;
  z-index: 5;
  text-decoration: none;
  overflow: hidden;
}

span#naj {
  position: absolute;
  top: 6px; right: 49px;
  display: block;
  width: 19px;
  height: 13px;
  z-index: 5;
  text-decoration: none;
  overflow: hidden;
}



a#language span, a#home span {
  display: block;
  position: absolute;
  width: 19px;
  height: 13px;
  top: 0; left: 0;
  background: url("../images/en.gif") left top no-repeat;
  cursor: pointer;
  z-index: 6;
}


a#home {
  top: 6px; right: 34px;
  width: 15px;
  height: 13px;
}
a#home span {
  width: 15px;
  height: 13px;
  background: url("../images/home_site.gif") -15px 0% no-repeat;
}
a#home:hover span, a#home:focus span {
  background: url("../images/home_site.gif") left top no-repeat;
}

/* TOP LOGO + THEME */

#top h1 {
  margin: 0; padding: 0;
}
a#logo {
  display: block; 
  position: absolute;
  top: 22px;
  font-size: 1em; font-weight: bold;
  width: 176px;
  height: 81px;
  text-decoration: none;
  overflow: hidden;
  z-index: 3;
}
a#logo span {
  display: block;
  position: absolute;
  width: 176px;
  height: 81px;
  top: 0; left: 0;
  background: url("../images/top_logo.jpg") left bottom no-repeat;
  cursor: pointer;
  z-index: 4;
}
p#theme {
  position: absolute;
  top: 0;right: 0;
  margin: 0; padding: 60px 0 0 0;
  width: 592px;
  height: 103px;
  text-align: right;
  font-weight: bold;
  overflow: hidden;
}
html>body p#theme {
  height: 43px;
}
p#theme span {
  display: block;
  position: absolute;
  width: 592px;
  height: 103px;
  top: 0; right: 0;
  background: url("../images/top_theme.jpg") right bottom no-repeat;
  z-index: 2;
}

/*  MENU */

#cover_menu {
  text-align: left;
  width: 64em;
  min-width: 750px;
  margin: 0 auto;
  color: inherit;
  background: #668ed5 url("../images/menu_pixel.gif") left top repeat-x;
}
#cover_menu_left {
  padding-left: 154px;
  background: url("../images/cover_m_left.gif") left top no-repeat;  
}
#cover_menu_right {
  position: relative;
  height: 54px;
  padding-right: 12px;
  background: url("../images/cover_m_right.gif") right bottom no-repeat;
}
#cover_menu ul{
  position: absolute;
  top:0; right: 25px;
  margin: 0; padding: 0;
  list-style-type: none;
}
html>body #cover_menu ul {
  width: 28em;
  min-width: 350px;
}
#cover_menu li {
  float: left;
  margin: 0 0.2em;
  font-size: 95%;
}
#cover_menu li a {
  position: relative;
  float: left;
  display: block;
  height: 54px;
  padding: 0 5px 0 15px;
  text-decoration: none;  
}
#cover_menu li a:hover, #cover_menu li a:focus {
  background: url("../images/menu_over_pixel.gif") left top repeat-x;
}
a.current_menu {
  background: url("../images/menu_over_pixel.gif") left top repeat-x;
}
#cover_menu li a strong {
  position: relative;
  top: 25px;
  color: #fff;
  background-color: inherit;
  font-weight: normal;
}
#cover_menu li a:hover strong, #cover_menu li a:focus strong {
  color: #fef1b5;
  background-color: inherit;
}
#cover_menu li span {
  position: relative;
  float: left;
  display: block;
  height: 54px;
  padding: 0 5px 0 20px;
  color: #fff;
  background-color: inherit;
  background: url("../images/menu_over_pixel.gif") left top repeat-x;  
}
#cover_menu li span strong {
  position: relative;
  top: 25px;
  color: #fef1b5;
  background-color: inherit;
  font-weight: normal;
}

/* --- MIDDLE --- */

#middle {
  color: inherit;
  background: #f2e1ae url("../images/middle_pixel.gif") left top repeat-x;
  text-align: center;
}
#cover_main {
  width: 64em;
  min-width: 750px;
  margin: 0 auto;
  text-align: left;
  color: inherit;
  background: #546cbf;
}
#cover_main_left {
  background: url("../images/main_left_pixel.gif") left top repeat-y;
}
#cover_main_right {
  background: url("../images/main_right_pixel.gif") right top repeat-y; 
}
#main_left {
  background: url("../images/main_left.jpg") left top no-repeat;
}
#main_right {
  background: url("../images/main_right.jpg") right top no-repeat;
}
#main_top {
  color: inherit;
  background: #6b91e6 url("../images/main_top_pixel.gif") left bottom repeat-x;
  margin: 0 9px;
  padding: 10px;
}
#main_bottom {
  color: inherit;
  background: #546cbf url("../images/main_bottom_pixel.gif") left top repeat-x;
  margin: 0 9px;
  text-align: center;
}

/* BOTTOM */

#bottom {
  color: inherit;
  background: #546cbf url("../images/bottom_pixel.gif") left bottom repeat-x;
}
#bottom_left {
  background: url("../images/bottom_left.gif") left bottom no-repeat;
}
#bottom_right {
  height: 19px;
  background: url("../images/bottom_right.gif") right bottom no-repeat;
}
#bottom_line {
  height: 19px;
  background: url("../images/bottom_line.gif") right top repeat-x;
}

/* -- OBJECTS--*/

/* INTRODUCTION + NEWS */

/*#introduction {
  margin: 0 0 0 1em;
  float: left;
  width: 28em;
}
html>body #introduction {
  width: 28em;
  min-width: 320px;
  margin: 0 0 0 2em;
}*/
#introduction {
  margin: 0 1em;
}
#introduction h2 {
  color: #efd798;
  background-color: inherit;
}
#introduction p {
  color: #fff;
  background-color: inherit;
  font-size: 95%;
  margin: 0; padding: 0;
  /*text-indent: 1em;*/
}
#news {
  margin: 0 0 0 2em;
  float: left;
  width: 27em;
  min-width: 320px;
}
#news h2 {
  color: #efd798;
  background-color: inherit;
  font-size: 95%;
  text-align: right;
  font-weight: normal;
  padding-bottom: 7px;
  margin-bottom: 5px;
  background: url("../images/h_line.gif") right bottom repeat-x;
}
#news h2 img {
  vertical-align: bottom;
}
#news p {
  color: #fff;
  background-color: inherit;
  font-size: 95%;
  margin: 0; padding: 3px 0;
}
#news p img {
  vertical-align: 10%;
}
#news span {
  display: block;
  padding-bottom: 3px;
  font-weight: normal;
}
#news a {
  color: #efd798;
  background-color: inherit;
  text-decoration: none;
}
#news a:hover, #news a:focus {
  color: #fef1b5;
  background-color: inherit;
}

/* SERVICES */

#services_center {
  width: 59em;
  margin: 0 auto;
  text-align: left;
  /*height: 1em;*/
}
html>body #services_center {
  width: 57em;
  min-width: 670px;
}
.container_service {
  width: 18em;
  min-width: 210px;
  float: left;
  margin: 0 0.5em 0.5em 0.5em;
  color: inherit;
  background: #334b9f;
}

/* SERVICES - TOP */

#cover_design, #cover_application, #cover_reference {
  position: relative;
  height: 69px;
  background: url("../images/design_pixel.gif") left top repeat-x;
}
#design_left, #application_left, #reference_left {
  position: absolute;
  top:0;left:0;
  width: 110px;
  height: 69px;
  background: url("../images/design_left.jpg") left top no-repeat;
}
p#design_right, p#application_right, p#reference_right {
  float: right;
  position: relative;
  width: 108px;
  height: 69px;
  margin: 0; padding: 0;
  overflow: hidden;
  text-align: right;
  color: #fef1b5;
  background-color: inherit;
  z-index:1;
}
/*html>body p#design_right, html>body p#application_right, html>body p#it_right {
  float: none;
  position: absolute;
  top: 0; right: 0;
}*/
p#design_right span, p#application_right span,  p#reference_right span {
  position: absolute;
  width: 108px;
  height: 69px;
  top: 0; left: 0; 
  background: url("../images/design_right.jpg") right top no-repeat;
  z-index: 2;
}
#cover_application {
  background: url("../images/application_pixel.gif") left top repeat-x;
}
#application_left {
  width: 102px;
  background: url("../images/application_left.jpg") left top no-repeat;
}
p#application_right {
  width: 115px;
}
p#application_right span {
  width: 115px;
  background: url("../images/application_right.jpg") right top no-repeat;
}
#cover_reference {
  background: url("../images/reference_pixel.gif") left top repeat-x;
}
#reference_left {
  width: 93px;
  background: url("../images/reference_left.jpg") left top no-repeat;
}
p#reference_right {
  width: 125px;
}
p#reference_right span {
  width: 125px;
  background: url("../images/reference_right.jpg") right top no-repeat;
}

/* SERVICES - MAIN */

.cover_service {
  color: inherit;
  background: #546cbf;
}
.service_left {
  background: url("../images/service_left.gif") left top repeat-y;
}
.service_right {
  background: url("../images/service_right.gif") right top repeat-y;
  height: 11em;
  min-height: 100px;
}

/* SERVICES - MAIN:TEXT */

.service_right ul {
  list-style-type: none;
  margin: 0; padding: 6px 0 2px 0;
}
.service_right li {
  margin: 0; padding: 4px 10px 6px 4em;
  background: url("../images/service_circle_out.jpg") 2em 0.2em no-repeat;
}
html>body .service_right li {
  margin: 2px 0;
  padding: 0;
  background: none;
}
.service_right li a {
  text-decoration: none;
}
html>body .service_right li a {
  display: block;
  text-decoration: none; 
}
html>body .service_right li a:hover, html>body .service_right li a:focus {
  color: inherit;
  background: #7689cc;
}
html>body .service_right li a span {
  display: block;
}
html>body .service_right li a:hover span, html>body .service_right li a:focus span {
  background: url("../images/service_over_left.gif") left top repeat-y;  
}
html>body .service_right li a:hover span span, html>body .service_right li a:focus span span {
  background: url("../images/service_over_right.gif") right top repeat-y; 
}
.service_right li a span span span {
  color: #fff;
  background-color: inherit;
}
html>body .service_right li a span span span{
  padding: 3px 10px 3px 4em; 
  background: url("../images/service_circle_out.jpg") 2em 0.05em no-repeat;
}
.service_right li a:hover span span span, .service_right li a:focus span span span {
  color: #fef1b5;
  background-color: inherit;
  text-decoration: underline;
}
html>body .service_right li a:hover span span span, html>body .service_right li a:focus span span span {
  background: url("../images/service_circle_over.jpg") 2em 0.05em no-repeat;
  text-decoration: none;
}


/*.service_right img {
  float: left; display: block; margin-right: 6px;  
}
.service_right a.reference_link {
  display: block; color: #fff; text-decoration: none; margin: 0 20px 5px 20px; padding: 5px 0 5px 0; font-size: 95%; line-height: 125%; clear: left;
}
.service_right a.reference_link strong{
  display: block; padding: 6px 0 0 0;
}
.service_right a.reference_link:hover { color: #fef1b5; }
.service_right a.reference_link:hover strong { text-decoration: underline; }*/

/*  SERVICES - BOTTOM */

.cover_service_bottom {
  background: url("../images/service_bottom_pixel.gif") left top repeat-x;
}
.service_bottom_left {
  background: url("../images/service_bottom_left.jpg") left top no-repeat;
}
.service_bottom_right {
  background: url("../images/service_bottom_right.jpg") right top no-repeat;
  height: 46px;
}

/* FOOTER */

#footer {
  clear: both;
  margin: 20px 10px 2px 10px;
  text-align: left;
  border-top: #fff 1px solid;
  padding: 0;
}
#footer p {
  color: #fff;
  background-color: inherit;
  margin: 0; padding: 5px 0 0 0;
  font-size: 85%;
}
#footer a {
  color: #fff;
  background-color: inherit;
}
#footer a:hover, #footer a:focus {
  color: #fef1b5;
  background-color: inherit;
}
.clearer {
  clear: both;
  font-size: 10%;
}
.right {
  float: right;
}
.left {
  float: left;
}