@charset "UTF-8";

html, body
  {
    margin: 0em;
    padding: 0em;
  }

body
  {
    background-color: #eaece9;
    color: #587b7b;
    font: normal normal normal 8.5pt "Arial", "Geneva", sans-serif;
    text-align: center;
  }

a
  { text-decoration: none; }

h1
  {
    margin-top: 2em;
    color: #d4d823;
    font-size: 1.4em;
    font-style: italic;
    text-align: left;
  }

h1.intranet
  {
	margin-top: 0em;
  }


h2
  {
    font-size: 1.1em;
    text-align: left;

  }

em
  {
    font-style: normal;
    text-transform: capitalize;
  }

em.normal
  {
    font-style: italic;
    text-transform: none;
  }

strong
  { font-weight: bold; }

strong.special
  {
    /* color: #d4d823; */
    color: #666;
  }

img
  { border-style: none; }

div.eborder
  {
    margin: auto;
    border-left: 1.6em solid #f0f2ef;
    border-right: 1.6em solid #f0f2ef;
    width: 85em;
    background-color: white;
  }

div.iborder
  {
    margin: auto;
    border-left: 0.6em solid #f3f5f4;
    border-right: 0.6em solid #f3f5f4;
    padding: 2em 1em 0em 0.6em;
    text-align: right;
  }

#nav
  {
    margin-left: 15em;
    border-bottom: 0.1em solid #d4d823;
  }

#nav div.block
  {
    float: right;
    padding: 0.3em 0em 0.3em 1.2em;
    background: #d4d823 url("../image/nav-corner.png") no-repeat scroll top left;
  }

#nav div.ground
  { clear: right; }

#nav div *
  { display: inline; }

#nav ul
  {
    margin: 0em;
    padding: 0em;
  }

#nav ul
  {
    padding: 0.3em 3em 0.3em 0em;
    background: transparent url("../image/nav.png") no-repeat scroll right center;
  }

#nav ul.lang
  {
    padding-right: 0.5em;
    background: transparent url("../image/separe.png") no-repeat scroll right top;
  }

#nav a
  {
    margin-left: 0.4em;
    padding-left: 1.3em;
    background: transparent url("../image/unselected.png") no-repeat scroll left center;
    color: white;
    list-style-type: none;
  }

#nav li.selected a, #nav a:hover
  { background: transparent url("../image/selected.png") no-repeat scroll left center; }

div.logo
  {
    margin: -0.01em; /* Hack for Gecko family */
    height: 19em;
    background: transparent url("../image/cabecera.jpg") no-repeat scroll right top;
  }

div.logo img
  {
    float: left;
    position: relative;
    top: -2.4em;
    left: 2em;
    border-style: none;
  }

div.navlist
  {
    float: left;
    width: 15.4em;
    text-align: left;
  }

#menu, #menu ul
  {
    margin: 0em;
    padding: 0em;
    display: block;
  }

#menu a
  {
    display: block;
    color: #627d77;
  }

#menu li
  {
    list-style-type: none;
    display: block;
  }

#menu > li > *
  {
    display: block;

  }

#menu > li > span
  {
    cursor: pointer;
    text-transform: uppercase;
  }

#menu > li > strong
  { text-transform: uppercase; }

#menu * li
  {

    border-top: 0.2em solid white;
  }

#menu li a, #menu li > * > span
  {
    display: block;
    padding: 0.3em 0em 0.3em 2.5em;
  }

#menu > li > strong, #menu > li > span:hover
  {
    background: #d4d823 url("../image/section-corner-over.png") no-repeat scroll top right;
  }

#menu > li > strong > *, #menu > li > span > *:hover
  {
    background: transparent url("../image/section-over.png") no-repeat scroll center left;
    font-weight: bold;
  }

#menu > li > span
  {
    background: #e5e789 url("../image/section-corner.png") no-repeat scroll top right;
  }

#menu > li > span > a, #menu > li > span > span
  {
    background: transparent url("../image/section.png") no-repeat scroll center left;
  }

#menu * li a
  {
    margin-right: 0em;
    /* background: #f1f3c9 url("../image/subsection.png") no-repeat scroll center left; */
    /* background-color: #f1f3c9; */
    background: #e5e8e5 url("../image/subsection.gif") no-repeat scroll center left;
  }

#menu * li.active a, #menu li li a:hover
  {
    /* background: #eaeca0 url("../image/subsection-over.png") no-repeat scroll center left; */
    /* font-weight: bold; */
    /* background-color: #eaeca0; */
    background: #f1f3c9 url("../image/subsection.png") no-repeat scroll center left;
  }

#menu > li
  {
    margin-bottom: 0.2em;
  }

/*********************************************/

#menu ul
  {
    margin-right: 1em;
  }

/*********************************************/

div.navlist address
  {
    margin: 0.8em 0.1em 0em 0em;
    border-right: 0.1em solid #d4d823 ;
    padding: 2em 1em 0.8em 0em;
    text-align: right;
    font: normal normal normal 0.9em "Arial", "Geneva", sans-serif;
  }

div.navlist address a
  {
    display: block;
    margin-top: 1.5em;
    /* color: #d4d823; */
    color: #666;
  }

div.navlist div.links {
  margin-top: 4em;
  margin-right: 1em;
  text-align: right;
  font-weight: bold;
}

div.navlist div.links a {
  color: #587b7b;
  text-decoration: none;
}

div.navlist div.links a.innova img {
  margin-bottom: 2em;
}

#content
  {
    margin-left: 16em;
    background: white url("../image/cross.png") no-repeat scroll right top;
    text-align: center;
  }

#content .indeximg
  { float: left; }

#content .indexdiv {
  margin-left: 10em;
}

#content .indexp
  {
    display: block;
    margin: 0em -0.5em;
    color:#587b7b;
    background-color: #eee;
  }

#content .indexp p
  { margin: 0.5em; }

#content div.gestinno10 {
  margin: 0 11em 0 4em;
  padding: 0;
  text-align: right;
}

#content p
  {
    /* text-align: justify; */
    text-align: left;
  }

#content ol, #content ul, #content dl
  { text-align: left; }

#content div.text
  { margin: 0 10.5em 4em 4em; }

#content div.text a {
  color: #656263;
  text-decoration: underline;
 }

#content div.text a:hover {
  color: #231f20;
}

#content div.text a.innova
  {
    /*color: #7bbbb2;*/
    color: #821b6d;
    font-weight: bold;
  }


#content div.text a.innova:hover {
  color: #821b6d;
}

#content dt
  { display: list-item; }

#content ul
  {
    margin-left: 0em;
    padding-left: 0em;
  }

#content dt, #content dd, #content li
  {
    margin-left: 3em;
    padding-left: 0em;
  }

#content img.principal
  { margin: 2em 0em; }

#content img.image-inline
  { vertical-align: bottom; }

#content img.gestinno-image
  {
    display: block;
    margin: auto;
  }

#content span.gestinno {
  display: inline-block;
  color: #7abab3;
  font-size: 1.6em;
  line-height: 1em;
  margin-top: -.4em;
}

#content span.gestinno span {
  font-weight: bold;
}

#content li.link strong
  {
    cursor: pointer;
    color: #666;
    text-decoration: underline;
  }

#content p.section-title
  {
    /*text-transform: uppercase;*/
    /*font-weight: bold;*/
    /*color: #d4d823;*/
    color: #ccc;
    font-family: "Verdana", sans-serif;
  }


#content table {
  margin: 0;
  padding: 0;
  text-align: left;
  border-left: .1em solid #ccc;
  border-bottom: .1em solid #ccc;
}

#content table tr.group1 th {
  background-color: #d4d823;
}

#content table tr.group2 th {
  background-color: #d4d823;
}

#content table tr.group3 th {
  background-color: #d4d823;
}

#content table tr.group4 th {
  background-color: #d4d823;
}

#content table tr.group5 th {
  background-color: #d4d823;
}


#content table th {
  text-transform: uppercase;
  color: #627d77;
  font-weight: normal;
}

#content table th, #content table td {
  margin: 0;
  padding: .5em;
  text-align: left;
  border-top: .1em solid #ccc;
  border-right: .1em solid #ccc;
}

#content table td.group {
  color: #627d77;
  background-color: #f1f3c9;
}

#content table td.subgroup {
  background-color: #e5e789;
}

#content table th span, #content table td.group span {
  font-weight: bold;
}

#goback
  { float: right; }

#content #goahead {
  margin: 2em 0em;
  text-align: left;
}

#goback, #content #goahead
  {
    padding: 0.3em 0em;
    text-transform: uppercase;
  }

#goback a, #content #goahead a
  {
    border: 0.1em solid #587b7b;
    margin: 3.5em 0em;
    padding: 0.2em 0.5em;
    color: #587b7b;
    background-color: white;
    text-decoration: none;
  }

#goback a:hover, #content #goahead a:hover {
  color: #587b7b;
  background-color: #d4d823;
}

/*******************************************************************************
* INNOVATION
*******************************************************************************/
#content p.pdf {
  margin: 0;
  padding: 0;
}

#content p.pdf a {
  display: inline-block;
  padding: .2em 0;
  padding-right: 2em;
  background: transparent url('/image/arrow-down.gif') no-repeat right center;
}

#content p.pdf a:hover {
  background: transparent url('/image/arrow-down-over.gif') no-repeat right center;
}

#innovation-block {
  overflow: hidden;
}

#innovation-block div.innovation-box {
  float: left;
  margin: 0 .8em .8em 0;
}

#innovation-block div.innovation-box a {
  cursor: pointer;
  display: block;
  margin: 0;
  border: .1em solid #d0e7e4;
  padding: .2em;
  text-align: left;
  text-decoration: none;
}

#innovation-block div.innovation-box a:hover {
  border: .1em solid #4e827c;
}

#innovation-block div.innovation-box a span.pdf, #innovation-block div.innovation-box a span.uri {
  cursor: pointer;
  display: block;
  padding: .3em 0 0 .3em;
  width: 14.6em;
  height: 10em;
}

#innovation-block div.innovation-box a span.pdf {
  background: transparent url('/image/arrow-down.gif') no-repeat right bottom;
}

#innovation-block div.innovation-box a:hover span.pdf {
  background: transparent url('/image/arrow-down-over.gif') no-repeat right bottom;
}

#innovation-block div.innovation-box a span.uri {
  background: transparent url('/image/arrow-right.gif') no-repeat right bottom;
}

#innovation-block div.innovation-box a:hover span.uri {
  background: transparent url('/image/arrow-right-over.gif') no-repeat right bottom;
}

#innovation-block div.innovation-box a span.title {
  display: inline-block;
  padding-bottom: .7em;
  color: #617d78;
}

#innovation-block div.innovation-box a:hover span.title {
  color: #231f20;
}

#innovation-block div.innovation-box a span.image {
  display: block;
}

/*******************************************************************************
* CONTACT
*******************************************************************************/
#contact-block {
  overflow: hidden;
}

#contact-block div.contact-box {
  float: left;
  margin: 0 .9em .9em 0;
  border: .1em solid #bdddd9;
  padding: 0;
}

#contact-block div.contact-box div.image {
  margin: 0;
  border: .2em solid #bdddd9;
  padding: 0;
}

#contact-block div.contact-box div.image img {
  display: block;
  margin: 0;
  padding: 0;
}

#contact-block div.contact-box div.data {
  background-color: #bdddd9;
}

#contact-block div.contact-box div.data a {
  display: block;
  margin: 0;
  padding: 1.2em 0 .3em 0;
  background: #bdddd9 url('/image/email.gif') no-repeat center .2em ;
  color: #4f4c4c;
  text-decoration: none;
  line-height: .8em;
  font-weight: bold;
}

#contact-block div.contact-box div.data a:hover {
  background: #9db7b1 url('/image/email-over.gif') no-repeat center .2em ;
  color: white;
}


#contact-block div.contact-box div.linkedin {
  display: block;
  margin: 0;
  padding: .5em;
  padding-bottom: .3em;
}

#content div.map {
  margin-top: 3em;
  text-align: center;
}

/*******************************************************************************
* INTRANET
*******************************************************************************/
#content ul.menu a.active {
  color: #231f20;
  text-decoration: none;
}

/*******************************************************************************
* FORM
*******************************************************************************/
#content p.form-success {
  margin: 2em 0;
  padding: 0.2em 0.5em;
  border: .1em solid #d4d823;
}

#content p.form-error {
  margin: 2em 0em;
  padding: 0.2em 0.5em;
  background-color: red;
  color: white;
}

#content div.form-image {
  float: right;
}

#content form, #content form fieldset {
  margin: 0;
  padding: 0;
}

#content form fieldset {
  border-style: none;
}

#content form label {
  display: block;
  overflow: hidden;
  text-align: left;
}

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

#content form label span {
  float: left;
  display: block;
  width: 10em;
}

#content form div.form-group div.span {
  float: left;
  width: 10em;
}

#content form label input {
  margin: .3em;
  width: 20em;
  border: .1em solid #d0e7e4;
}

#content form span.note, #content form p.note {
  margin: .3em;
  margin-left: 10em;
  width: 20em;
  font-size: 7pt;
}

#content form div.form-group div.input {
  margin: .3em;
  margin-left: 10em;
  width: 20em;
}

#content form div.form-group div.input label {
  display: inline;
}

#content form div.form-group div.input label input {
  width: auto;
  vertical-align: middle;
}

#courses input, #sectors input {
  display: block;
  border: .1em solid #d0e7e4;
  width: 100%;
}

#content legend
  { margin-top: 2em; }

#content form div.button {
  text-align: right;
}

/*******************************************************************************
* FOOT
*******************************************************************************/

#foot
  {
    clear: both;
    margin: 0em 2em 0em 22em;
    border-top: 0.15em dotted #c1d1d2;
    padding: 1em 0.2em;
    color: #c1d1d2;
    text-align: right;
    font-size: 0.9em;
  }

#foot ul, #foot p.developer {
  float: right;
  width: 21.5em;
  text-align: right;
}

#foot ul
  {
    margin: 0;
    padding: 0;
  }

#foot li
  {
    display: inline;
  }

#foot img
  {
    margin-left: 0.5em;
    border-style: none;
    vertical-align: middle;
  }

#foot a
  {
    color: #c1d1d2;
  }

#foot p.developer {
  clear:both;
  margin: 0;
  padding: 0;
  padding-top: .5em;
  text-align: right;
}

#foot p.keywords, #foot p.copy {
  margin: 0;
  margin-right: 22em;
  padding: 0;
  text-align: left;
}

#foot p.keywords {
  padding-bottom: .5em;
}

#foot p.copy {
  padding-top: .5em;
}