html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background-color: #e8e8e8;
  font: normal 9pt/1.1em "Arial", sans-serif;
/*  background: white url('../image/boceto-we-ik2.jpg') no-repeat 5.2em -8.5em;*/

  background: transparent url('../image/tree.gif') no-repeat top left;
/*background-color: black;*/
  text-align: center;
}

#body, #body div.body-box {
  margin: 0;
  padding: 0;
  background: transparent url('../image/plus.gif') repeat left top;
}

#body {
  height: 100%;
}

img {
  border-style: none;
}

abbr {
  border-style: none;
}

a {
  text-decoration: none;
}


#body div.box {
  margin: 0 auto;
  width: 91.6em;
  text-align: left;
/*border: 1px solid yellow;*/
}

#header {
  margin: 0 0 1.5em 0;
  padding: 0;
  padding-top: 1.7em;
}

#header div.hlt { background: transparent url('../image/png/hlt.png') no-repeat left   top;    }
#header div.hrt { background: transparent url('../image/png/hrt.png') no-repeat right  top;    }
#header div.ht  { background: transparent url('../image/png/ht.png')  repeat-x  center top;    }
#header div.hr  { background: transparent url('../image/png/hr.png')  repeat-y  right  center; }
#header div.hl  { background: #efebe1     url('../image/png/hl.png')  repeat-y  left   center; }
#header div.hrb { background: transparent url('../image/png/hrb.png') no-repeat right  bottom; }
#header div.hlb { background: transparent url('../image/png/hlb.png') no-repeat left   bottom; }
#header div.hb  { background: transparent url('../image/png/hb.png')  repeat-x  center bottom; }

#header div.ht, #header div.hb {
  margin: 0 13px;
  padding: 6px 0;
}

#header div.hl, #header div.hr {
  margin: 0;
  padding: 0;
}

#quality {
  float: right;
  margin: 7.3em 4.5em 0 0;
  padding: 0;
  font-size: .6em;
  list-style: none;
}

#quality li {
  display: inline;
}

#quality li img {
  padding-left: .6em;
}


#header h1 {
  font-size: 1.5em;
  font-weight: lighter;
  margin: 0;
  padding: 1.07em 0 .12em 4.33em;
}

#header h1 img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

#header h1 a {
  text-decoration: none;
  color: #484d04;
}

#header div.option {
  margin: 0;
  padding: 0;
  padding-bottom: 2.2em;
}

#language, #menu {
  margin: 0 6px;
  font-weight: bold;
  text-transform: uppercase;
}

#language {
  float: right;
  padding: .74em 2.38em;
  font-size: .85em;
  line-height: .85em;
  text-align: right;
}

#menu {
  padding: .5em 0 .5em 11.16em;
  background-color: #e4ddcd;
  font-size: 1em;
  line-height: 1em;
  text-align: left;
}

#language li, #menu li {
  display: inline;
}

#language abbr {
  border-style: none;
}

#language a, #menu a {
  margin: 0;
  padding: 0;
  color: #60463f;
  text-decoration: none;
}

#menu a {
  margin: 0;
  padding: .4em 1.25em;
}

#language a.active, #language a:hover  {
  color: #f1f9f5;
}

#menu a.active, #menu a:hover {
  background-color: #a89782;
  color: #f1f9f5;
}

#content {
  overflow: hidden;
  width: 91.6em;
/*border: 1px solid red;*/
}

#content div.cols {
  float: left;
  width: 29.1em;
}

#content div.cols div.title-block {
  color: #604c3f;
}

#content div.cols div.cir {
  height: 6.6em;
}

#content div.cols div.cir  { background: transparent url('../image/png/cir.png')  repeat-y  right  center; }
#content div.cols div.cil  { background: transparent url('../image/png/cil.png')  repeat-y  left   center; }
#content div.cols div.cirb { background: transparent url('../image/png/cirb.png') no-repeat right  bottom; }
#content div.cols div.cilb { background: transparent url('../image/png/cilb.png') no-repeat left   bottom; }
#content div.cols div.cib  { background: transparent url('../image/png/cib.png')  repeat-x  center bottom; }

#content div.cols div.cirb-w { background: white url('../image/png/cirb-w.png') no-repeat right  bottom; }
#content div.cols div.cilb-w { background: white url('../image/png/cilb-w.png') no-repeat left   bottom; }
#content div.cols div.cib-w  { background: white url('../image/png/cib-w.png')  repeat-x  center bottom; }

#content div.cols div.ctlt { background: transparent url('../image/png/ctlt.png') no-repeat left   top;    }
#content div.cols div.ctrt { background: transparent url('../image/png/ctrt.png') no-repeat right  top;    }
#content div.cols div.ctt  { background: transparent url('../image/png/ctt.png')  repeat-x  center top;    }
#content div.cols div.ctr  { background: transparent url('../image/png/ctr.png')  repeat-y  right  center; }
#content div.cols div.ctl  { background: #f4f1eb     url('../image/png/ctl.png')  repeat-y  left   center; }
#content div.cols div.ctrb { background: transparent url('../image/png/ctrb.png') no-repeat right  bottom; }
#content div.cols div.ctlb { background: transparent url('../image/png/ctlb.png') no-repeat left   bottom; }
#content div.cols div.ctb  { background: transparent url('../image/png/ctb.png')  repeat-x  center bottom; }

#content div.active div.ctlt { background: transparent url('../image/png/colt.png') no-repeat left   top;    }
#content div.active div.ctrt { background: transparent url('../image/png/cort.png') no-repeat right  top;    }
#content div.active div.ctt  { background: transparent url('../image/png/cot.png')  repeat-x  center top;    }
#content div.active div.ctr  { background: transparent url('../image/png/cor.png')  repeat-y  right  center; }
#content div.active div.ctl  { background: #c4b7a7     url('../image/png/col.png')  repeat-y  left   center; }
#content div.active div.ctrb { background: transparent url('../image/png/corb.png') no-repeat right  bottom; }
#content div.active div.ctlb { background: transparent url('../image/png/colb.png') no-repeat left   bottom; }
#content div.active div.ctb  { background: transparent url('../image/png/cob.png')  repeat-x  center bottom; }


#content div.cols div.cil {
  margin: 0 -5px;
}

#content div.cols div.cirb, #content div.cols div.cirb-w {
 margin-top: -7px;
}

#content div.cols div.cib,#content div.cols div.cib-w  {
  margin: 0 13px;
  padding: 6px 0;
}

#content div.cols div.ctt, #content div.cols div.ctb {
  margin: 0 13px;
  padding: 6px 0;
}

#content div.cols div.title-block h2 {
  margin: 0;
  padding: 1.3em 0 0 1.3em;
  font-size: .94em;
  text-transform: uppercase;
}

#content div.cols div.title-block h2 a {
  color: #604c3f;
  text-decoration: none;
}

#content div.cols div.title-block h2 a span.arrow {
  padding: 0 .8em;
  background: transparent url('../image/goto.png') no-repeat right center;
}

#content div.cols div.active h2 a {
  color: #f1f9f5;
}

#content div.cols div.active h2 a span.arrow {
  padding: 0 .8em;
  background: transparent url('../image/return.png') no-repeat right center;
}

#content div.cols div.title-block p.link {
  float: right;
  margin: 1.35em 1.1em 0 0;
  padding-right: 1.34em;
  background: transparent url('../image/download.gif') no-repeat center right;
  font-size: .9em;
}

#content div.cols div.title-block p.link a {
  color: #604c3f;
  text-decoration: none;
}

#content div.section-title {
  cursor: pointer;
}

#content div.active {
  cursor: text;
}

#content div.cols div.chlt {
  margin-top: .3em;
}

#content div.cols div.chlt { background: transparent url('../image/png/chlt.png') no-repeat left   top;    }
#content div.cols div.chrt { background: transparent url('../image/png/chrt.png') no-repeat right  top;    }
#content div.cols div.cht  { background: transparent url('../image/png/cht.png')  repeat-x  center top;    }
#content div.cols div.chr  { background: transparent url('../image/png/chr.png')  repeat-y  right  center; }
#content div.cols div.chl  { background: #faf8f5     url('../image/png/chl.png')  repeat-y  left   center; }


#content div.cols div.chrb { background: transparent url('../image/png/chrb-w.png') no-repeat right  bottom; }
#content div.cols div.chlb { background: transparent url('../image/png/chlb-w.png') no-repeat left   bottom; }
#content div.cols div.chb  { background: transparent url('../image/png/chb-w.png')  repeat-x  center bottom; }

/*
#content div.cols div.chrb { background: transparent url('../image/png/corb.png') no-repeat right  bottom; }
#content div.cols div.chlb { background: transparent url('../image/png/colb.png') no-repeat left   bottom; }
#content div.cols div.chb  { background: transparent url('../image/png/cob.png')  repeat-x  center bottom; }
*/

#content div.loaded div.chrb { background: transparent url('../image/png/chrb.png') no-repeat right  bottom; }
#content div.loaded div.chlb { background: transparent url('../image/png/chlb.png') no-repeat left   bottom; }
#content div.loaded div.chb  { background: transparent url('../image/png/chb.png')  repeat-x  center bottom; }

#content div.active div.chlt, #content div.selected div.chlt { background: transparent url('../image/png/colt.png') no-repeat left   top;    }
#content div.active div.chrt, #content div.selected div.chrt { background: transparent url('../image/png/cort.png') no-repeat right  top;    }
#content div.active div.cht,  #content div.selected div.cht  { background: transparent url('../image/png/cot.png')  repeat-x  center top;    }
#content div.active div.chr,  #content div.selected div.chr  { background: transparent url('../image/png/cor.png')  repeat-y  right  center; }
#content div.active div.chl,  #content div.selected div.chl  { background: #c4b7a7     url('../image/png/col.png')  repeat-y  left   center; }
#content div.active div.chrb, #content div.selected div.chrb { background: transparent url('../image/png/corb-w.png') no-repeat right  bottom; }
#content div.active div.chlb, #content div.selected div.chlb { background: transparent url('../image/png/colb-w.png') no-repeat left   bottom; }
#content div.active div.chb,  #content div.selected div.chb  { background: transparent url('../image/png/cob-w.png')  repeat-x  center bottom; }


#content div.cols div.cht, #content div.cols div.chb {
  margin: 0 13px;
  padding: 6px 0;
}

#content div.cols h3 {
  display: table-cell;
  margin: 0;
  padding: 0 1.7em;
  vertical-align: middle;
}

#content div.cols h3, #content div.section-notitle div.chr {
  font-size: .94em;
  font-weight: normal;
  color: #604c3f;
  height: 2.4em;
}

#content div.cols h3.projects {
  font-weight: bold;
}

#content div.cols h3.projects a {
  color: #604c3f;
  text-decoration: none;
}

#content div.cols h4 {
  margin: 0 2em;
  padding: .2em;
  font-size: .94em;
  color: #604c3f;
}

#content div.active h3, #content div.selected h3 {
  color: #faf9f5;
}

#content div.cols h3 span.date {
  font-weight: normal;
}

#content div.cols h3 span.arrow {
  padding: 0 .8em;
  background: transparent url('../image/more-info.gif') no-repeat right center;
}

#content div.selected h3 span.arrow {
  background-image: none;
}

#content div.active h3 a {
  color: #faf9f5;
  text-decoration: none;
}


#content div.active h3 span.arrow {
  background: transparent url('../image/return.png') no-repeat right center;
}

#content div.section-body, #mark div.section-text, div.mark div.section-customer {
  margin: 0;
  padding: 0;
  font-size: .94em;
  color: #8f8178;
  text-align: justify;
}

#mark div.section-text ul {
  margin-top: 0;
  padding-top: 0;
  padding-right: 2em;
}

#content div.section-body div.body, #content div.section-body2 {
  margin: 0;
  padding: 2em 2em 0 2em;
  background-color: white;
  font: normal normal normal 1em/1.1em "Arial", sans-serif;
}

#content div.section-body div.body p {
  margin-bottom: 1.2em;
}

#content div.section-body div.body a {
  color: #f4a157;
}

#content div.section-body div.body a.more-info {
  font-weight: bold;
  color: #f4a157;
}

#content div.cbrt { background: transparent url('../image/png/cbrt.png') no-repeat right  top;    }
#content div.cblt { background: transparent url('../image/png/cblt.png') no-repeat left   top;    }
#content div.cbt  { background: transparent url('../image/png/cbt.png')  repeat-x  center top;    }
#content div.cbrb { background: transparent url('../image/png/cbrb.png') no-repeat right  bottom; }
#content div.cblb { background: transparent url('../image/png/cblb.png') no-repeat left   bottom; }
#content div.cbb  { background: transparent url('../image/png/cbb.png')  repeat-x  center bottom; }

#content div.cbt, #content div.cbb  {
  margin: 0;
  padding: 6px 0;
}

#content div.column1, #content div.column2, #content div.cbb {
  margin-right: 13px;
}

#content div.column3,  #content div.column2, #content div.cbb {
  margin-left: 13px;
}

#content div.cols div.close {
  cursor: pointer;
  margin: 0;
  margin-top: 1em;
  padding: 0;
  padding-left: 1.5em;
  background: transparent url('../image/close.png') no-repeat left center;
  font-weight: bold;
  color: #604c3f;
}

#mark {
  clear: both;
}

#content div.section-all {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: white;
  font: normal normal normal 1em/1.1em "Arial", sans-serif;
}

#content div.section-all div.cols {
  margin: 0;
/*border: 1px solid red;*/
  padding: 0;
}

#content div.section-all div.cols p {
  margin: 0 2em;
  margin-bottom: 1.2em;
}

#content div.section-all div.cols a.goback {
  display: block;
  margin: 1em 0;
  padding: 0;
  padding-left: 1.5em;
  background: transparent url('../image/close.png') no-repeat left center;
  color: #604c3f;
  text-decoration: none;
  font-weight: bold;
}

#content div.section-all div.signature {
  margin-top: 3em;
  text-align: right;
}

#content div.section-footer {
  margin: 0;
  padding: 0;
}

#content div.address {
  margin-top: 4em;
  text-align: right;
}

#content address {
  font-style: normal;
  text-align: left;
}

#content address.direction {
  float: left;
  margin-left: 5%;
  padding-left: 4%;
  width: 45%;
}

#content address.mail-phone {
  width: 33%;
  margin-left: auto;
  margin-right: 5%;
}

#content address a {
  color: #f4a157;
  text-decoration: none;
}

#content div.map-title {
  margin: 0 0 0 3em;
  width: 15em;
}

#content div.map-title div.map-l {
  background: transparent url('../image/ll.gif')  no-repeat  left bottom;
}

#content div.map-title div.map-r {
  background: transparent url('../image/lr.gif')  no-repeat  right bottom;
}

#content div.map-title div.map-c {
  margin: 0 13px;
  margin-bottom: -.4em;
  padding: 6px 0;
  background-color: #f4f1eb;
}

#content div.map-title p.title-map {
  margin: 0 !important;
  margin-top: -.4em;
  padding: 0 2em .2em 2em;
  background-color: #f4f1eb;
}

#content #map {
  margin: 0;
  margin-left: 2em;
  border: .1em solid #c4b7a7;
  padding: 0;
  width:27em;
  height: 27em;
}


#content div.customer {
  overflow: hidden;
  padding: .5em 2em;
  background-color: white;
}

#content div.customer div.img {
  float: left;
}

#content div.customer div.data {
  margin-left: 9em;
}

#content div.customer div.data a {
  color: #f4a157;
/*  color: #604c3f;
  font-weight: bold;
*/
  text-decoration: none;
}

#content p.news-img {
  text-align: center;
}


#content p.site-map a, #content ul.site-map a {
  color: #f4a157;
}

#content dl.accesibility {
  margin: 0 2em;
  margin-bottom: 1.5em;
}

#content p.accesibility a, #content ul.accesibility a {
  color: #f4a157;
}


#col1 {
/*  background-color: black;*/
}

#content div.cols div.image-block {
  margin: 0 5px;
}

#col1 div.image-block { background-color: white }
#col2 div.image-block { background-color: white }
#col3 div.image-block { background-color: white }

#col1.activity div.image-block, #col1.projects div.image-block { background: white url('../image/industria.jpg')   no-repeat center bottom; }
#col2.activity div.image-block, #col2.projects div.image-block { background: white url('../image/edificacion.jpg') no-repeat center bottom; }
#col3.activity div.image-block, #col3.projects div.image-block { background: white url('../image/formacion.jpg')   no-repeat center bottom; }

#col1.meet div.image-block { background: white url('../image/politica-calidad.jpg') no-repeat center bottom; }
#col2.meet div.image-block { background: white url('../image/empresa.jpg') no-repeat center bottom; }
#col3.meet div.image-block { background: white url('../image/localizacion.jpg') no-repeat center bottom; }

#content div.activity div.cirb-w , #content div.projects div.cirb-w , #content div.meet div.cirb-w { background-color: transparent; }
#content div.activity div.cib-w , #content div.projects div.cib-w , #content div.meet div.cib-w    { background-color: transparent; }
#content div.activity div.cilb-w , #content div.projects div.cilb-w , #content div.meet div.cilb-w { background-color: transparent; }

#col2, #content div.section-all div.col2 {
  margin: 0 2.1em;
}

#content p.img-center {
  text-align: center;
}

#footer {
  clear: both;
  padding-top: 1em;
/*border: 1px solid blue;*/
}

#footer a {
/*  color: #604c3f;*/
  color: #8f8178;
  text-decoration: none;
}

#footer address, #footer div {
  margin-bottom: .5em;
  padding: .4em 1.6em;
  background-color: white;
  font: normal normal normal .9em "Arial", sans-serif;
/*  color: #604c3f;*/
  color: #8f8178;
}

#footer p, #footer ul, #footer li {
  display: inline;
}

#footer ul {
  margin: 0;
  margin-left: .4em;
  padding: 0;
  list-style: none;
}