html {
  width:  100%;
  height: 100%;
}

body {
  margin:       0;
  padding:      0;
  width:        100%;
  height:       100%;
  font-family:  Verdana, Sans-Serif;
  font-size:    11px;
  background:   #e0d5b7 url('../img/page_bg.jpg') 0 0 repeat-x;
}

img {
  margin:   0;
  border:   0;
  padding:  0;
}

div {
  margin:   0;
  border:   0;
  padding:  0;
}

p {
  margin:   0;
  border:   0;  
  padding:  0;  
}

table {
  margin:           0;
  border:           0;  
  padding:          0;
  border-collapse:  collapse;
  empty-cells:      show;
}

a {
  margin:           0;
  border:           0;
  padding:          0;
  /*color:            #e08040;*/
  text-decoration:  none;
  font-weight:      normal;
}

a:hover {
  margin:           0;
  border:           0;
  padding:          0;
  text-decoration:  underline;
}

td {
	cursor:          default;
	margin:          0;
	border:          0;	
	padding:         0;
	vertical-align:  top;
}

form {
  margin:   0;
  border:   0;  
  padding:  0;
}

ul {
  margin:     0;
  border:     0;
  padding:    0;
}


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


div#centered {
  position:   relative;
  z-index:    100;
  margin:     15px auto 0 auto;
  width:      778px;
  height:     auto;
  background: url('../img/body_bg.gif') 0 0 repeat-y;
}

div#contener {
  overflow: hidden;
  width:    778px;
  height:   auto;
}

div#left_contener {
  display:      inline;
  float:        left;
  width:        261px;
  height:       auto;
  padding-left: 9px; /* body border, gradient */
  background:   url('../img/logo.png') 0 0 no-repeat;
}

div#slogan {
  margin:       0 0 0 2px;
  width:        229px;
  height:       122px;
  padding-top:  30px;    
  text-align:   center;
}

div#slogan span {
  display:        block;
  margin-bottom:  10px;
  color:          #5c5c5c;
  font-size:      16px;
  font-weight:    bold;
}

div#slogan p {
  border:       1px solid #c5c5c5;
  border-width: 1px 0;
  padding:      2px 0;
  color:        #5c5c5c;
  font-size:    9px;
  font-weight:  normal;
}

div#grad {
  position:   absolute;
  top:        152px;
  left:       0;
  z-index:    20;
  width:      9px;
  height:     222px;
  background: url('../img/nav_left.jpg') 0 0 no-repeat;
}

div#lang {
  display:  none;
  position: absolute;
  top:      277px; /*111*/
  right:    22px;
  z-index:  20;
}

div#lang a {
  margin-left: 10px;
}

div#vertical_menu {
  width:      261px;
  height:     auto;
  background: url('../img/oval_corner.png') top right no-repeat;
}

div#vertical_menu ul {
  width:      234px;
  height:     auto;
  font-size:  10px;
  list-style: none;
  /*
  background-color: #2a2a2a;
  */
  /*
  list-style-type:      square;
  list-style-position:  inside;
  list-style-image: url('../images/top_menu_arrow.gif');
  list-style-position:  inside;
  */
}

div#vertical_menu ul li {
  border-bottom:    1px solid #959595;
  width:            234px;
  height:           31px;
  text-transform:   uppercase;
  background-color: #2a2a2a;
  /*background:     #2a2a2a url('../img/menu_arrow_selected.png') 137px 13px no-repeat;*/
  cursor:           pointer;
}

/*
div#vertical_menu ul li:last-child {
  border: 0;
}
*/

div#vertical_menu ul li a {
  display:  block;
  width:    214px;
  height:   11px;
  padding:  9px 0 11px 20px;
  color:    #ffffff;
}

div#vertical_menu ul li a:hover {
  text-decoration:  none;
}

div#vertical_menu ul li:hover {
  background-color: #0e0e0e;
  /*background: #0e0e0e url('../img/menu_arrow_onmouseover.gif') 132px 13px no-repeat;*/
}

div#vertical_menu ul li:hover a {
  color:  #ffcc00;
}

div#vertical_menu ul li#selected {
  background-color: #0e0e0e;
}

div#vertical_menu ul li#selected a {
  color:  #ffcc00;
}

div#news {
  border-top: 18px solid #cec4ab;
  width:      214px;
  height:     auto;
  padding:    9px 0 11px 20px;
  background: url('../img/news_bg.gif') 0 0 repeat-y;
}

div#news h1 {
  color:        #be8b06;
  font-size:    12px;
}

div#news h2 {
  color:        #74653d;
  font-size:    11px;
  margin:       10px 0 5px 0;
}

div#news p {
  color:        #74653d;
  font-size:    10px;
  padding:      5px 20px 5px 0;
}

div#news img {
  border:   1px solid #e7e0d0;
  padding:  3px;
  cursor:   pointer;
}

div#news img:hover {
  border:   1px solid #d7cdb2;
  padding:  3px; 
}

div#contact {
  width:      214px; /*origin: 234px*/
  height:     77px;  /*origin: 97px*/
  padding:    20px 0 0 20px;
  background: url('../img/contact_notebook.gif') 0 0 no-repeat;
}

div#contact a {
  display:          block;
  padding-top:      10px;
  color:            #f3ebd2;
  font-size:        11px;
  font-weight:      bold;
  text-decoration:  none;
}

div#contact a:hover {
  color:            #f3ebd2;
  text-decoration:  underline;
}

div#right_contener {
  /*overflow: hidden;*/
  display:  inline;
  float:    right;
  width:    508px;
  height:   auto;
  /*min-height:       222px;*/
}

div#right_contener img {
  border:   1px solid #e7e0d0;
  padding:  3px;
}

div#right_contener img:hover {
  border:   1px solid #d7cdb2;
  padding:  3px; 
}

div#header {
  width:      508px;
  height:     267px;
/*  background: url('../img/header.png') 0 0 no-repeat; */
  background: url('../img/header.jpg') 0 0 no-repeat;
}

div#content {
  width:        486px;
  height:       auto;
  padding:      30px 22px 10px 0;
  color:        #74653d;
  text-align:   justify;
  font-size:    11px;
  font-weight:  normal;
}

div#content h1 {
  display:        block;
  border-bottom:  1px solid #e1e1e1;
  margin:         10px 0;
  padding-bottom: 2px;
  color:          #5c5c5c;
  font-family:    'Trebuchet MS', Tahoma, Verdana, Sans-Serif;
  font-size:      15px;
  font-weight:    bold;
}

/*
div#content p {
  text-align:   justify;
  font-size:    11px;
  font-weight:  normal;
}
*/

div#content a {
  color:            #464544;
  font-size:        11px;
  font-weight:      normal;
  text-decoration:  underline;
}

div#content a:hover {
  color: #ffcc00;
}

div#content img {
  float:        left;
  margin-right: 10px;
}

div#content img.pointer, div#content img.pointer:hover {
  margin:   0 10px 0 0;
  border:   0;
  padding:  0;
}

div#content div.item {
  overflow:       hidden;
  text-align:     left;
}

div#content ul {
  list-style: none;
  margin:     10px;
}

div#content ul li {
  margin:       0;
  border:       0;
  padding:      2px 0 2px 20px;
/*
  background:   url('../img/li_square.gif') 0 6px no-repeat; 
  background:   url('../img/li_dialog_ok.gif') 0 3px no-repeat;
*/
  background:   url('../img/go_previous_rtl.gif') 0 4px no-repeat;
}

div#content_down ul li a {
  font-weight: normal;
}

div.realisation {
  overflow:         hidden;
  border:           1px solid #ededed; /* #d7cdb2 */
  margin:           15px 0;
  width:            462px;
  height:           auto;
  padding:          11px;
  background-color: #f8f8f8; /* #fdfbf2 */
  /*
  background: url('../img/realisation_bg.gif') 0 0 repeat-y;
  */
}

div.realisation img.photo {
}

div.realisation h2 {
  margin:   0 0 5px 0;
  border:   0;
  padding:  0;
  font-weight:  bold;
  font-size:    11px;
  text-align:   left;
}

div.realisation strong {
  display:  block;
  margin:   5px 0;
  border:   0;
  padding:  0;
}


table.contact td {
  padding:  0 5px 5px 0;
}



div.pages {
  margin:     0 auto;
  width:      462px;
  text-align: center;
}


div#back {
  margin-top: 15px;
}

div#back a {
  font-weight:      normal;
  text-decoration:  underline;
}

a#project {
  padding-left: 25px;
  background: url('../../files/ext/ico_pdf.gif') bottom left no-repeat;
}



div#footer {
  position:   relative;
  overflow:   hidden;
  margin-top: 30px;
  width:      760px;
  height:     40px;
  padding:    0 9px;
  background: url('../img/footer_oval.gif') bottom left no-repeat;
}

div#copyright {
  display:          inline;
  float:            left;
  width:            319px;
  height:           21px;
  padding:          9px 0 0 15px;
  background-color: #dfd4b5;
  color:            #535353;
}

div#copyright img {
  margin-bottom: 2px;
}

div#copyright a {
  color:  #535353;
}

div#copyright a:hover {
  text-decoration:  none;
}

div#cms {
  display:          inline;
  float:            right;
  width:            411px;
  height:           21px;
  padding:          9px 15px 0 0;  
  background-color: #dfd4b5;
  text-align:       right;
}

div#cms a {
  color:  #535353;
}

div#cms a:hover {
  text-decoration:  none;
}

div.clear {
  clear:  both;
}

div#spacer {
  height: 15px;
}