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

address {
  font-style: normal;
}

abbr {
  border-style: none;
}

body {
  font: normal normal normal 8.2pt/1.18em "Arial", sans-serif;
  background-color: white;
  margin-left:5em;
}
body02
{
  font: normal normal normal 8.2pt/1.18em "Arial", sans-serif;
  background-color: white;
  margin-left:4em;
}

#doc {
  margin: 0 0 0 0;
  padding: 0;
  width: 80.6em;
  height:40em;
  text-align: left;
  margin-left:-5em;
  margin-top:6.2em;
}


#header {
	position:relative;
  float: left;
  height: 20em;
  width: 20em;
  background-color: white;
  text-align: right;
  margin-left:-7em;

}

#header-menu {
  margin:-4.4em 0 0 7em;
  padding: .2em;
  width: 26em;
  text-align: left;
  width:10em;
}

#header-menu img {
  float: left;
  border-style: none;
  vertical-align: top;
}

#menu {
  margin: 0;
  margin-left: 2.7em;
  padding: 0;
  padding-top: 5.5em;
  list-style: none;
  font-size: 1.1em;
  line-height: 1.14em;
  text-transform: lowercase;
  width:10em;
}

#menu li {
  padding-right: 1.8em;
  padding-left: .9em;
  background: transparent url('../image/menu-plus.gif') no-repeat left center;
  color: #262626;
}

#menu li.active {
  background: transparent url('../image/menu-over-minus.gif') no-repeat left center;
  
}

#menu a {
  display: block;
  margin: 0;
  padding: 0 .2em;
  text-decoration: none;
  color: #262626;
}

#menu li.active a {
  background-color: #f33;
  color: white;
  margin-left: 0em;
}

#main {
  margin: 0 0 0 33.6em;
  text-align: left;
  width:40em;
  height:43em;
}

#head {
	position:relative;
  margin: 0 auto 0 0;
  height: 9.4em;
  width: 40em;
  
}
#direccion
{
	position:relative;
	margin:0 0 0 0;
	width:10em;
	height: 5.4em;

}
#direccion address {
  padding:1em 0.5em 1em 0.5em;
  float: left;
  display:block;
  width: 10.06em;
  height: 5.86em;
  font-size: .95em;
  line-height: 1.16em;
  text-align: justify;
  color: white;
  background-color: #b8b193;
  vertical-align: top;
  margin-top:-15em;
  margin-left:-31.9em;
  
}

#direccion address span.address1, #direccion address span.address2 {
  text-transform: lowercase;
}

#direccion address a {
  color: white;
  text-decoration: none;
}

#direccion address span {
  display: block;
  text-align: center;
}

#direccion address span.address1 {
  letter-spacing: 0;
}

#direccion address span.address2 {
  letter-spacing: .24em;
}

#direccion address span.address3, #direccion address span.address4 {
  letter-spacing: .14em;
}

#direccion address span.address5 {
  letter-spacing: .03em;
}
#direccionb
{
	position:relative;
	margin:0 0 0 0;
	width:10em;
	height: 5.4em;

}
#direccionb address {
  padding:1em 0.5em 1em 0.5em;
  float: left;
  display:block;
  width: 10.06em;
  height: 5.86em;
  font-size: .95em;
  line-height: 1.16em;
  text-align: justify;
  color: white;
  background-color: #b8b193;
  vertical-align: top;
  margin-top:-15em;
  margin-left:-37em;
  
}

#direccionb address span.address1, #direccionb address span.address2 {
  text-transform: lowercase;
}

#direccionb address a {
  color: white;
  text-decoration: none;
}

#direccionb address span {
  display: block;
  text-align: center;
}

#direccionb address span.address1 {
  letter-spacing: 0;
}

#direccionb address span.address2 {
  letter-spacing: .24em;
}

#direccionb address span.address3, #direccion address span.address4 {
  letter-spacing: .14em;
}

#direccionb address span.address5 {
  letter-spacing: .03em;
}
#language {
  float: right;
  margin: -4em -10em 0em 0;
  padding: 0;
  display:inline;
  text-transform: uppercase;
  list-style: none;
  color: #262626;
}

#language a {
  text-decoration: none;
  color: #262626;
}

#language a.active, #language a:hover {
  color: #f33;
}
#language ul
{
	
}
#language li
{
	display:inline;
	margin-left:0.3em;

}
#calidad
{
	width:10em;
}

#quality {
  padding: 0;
  list-style: none;
  text-align: right;
  width:10em;
 float:left;  
 margin-left:-31em;
  margin-top:-9em;
}

#quality li {
  padding: 0;
  padding-left: .14em;
  display: inline;
  width:10em;
  
}

#quality img {
  vertical-align: middle;
}

#body {
	position:relative;
  margin: 0;
  padding: 0;
  min-width: 60em;
  height: 48em;
  width:75em;
  background-color:black;
  color: white;
  margin-left:-18em;
  margin-top:-12em;

}

#body-content {
	position:relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 44.2em;
  background-color:black;
  margin-top:-45em;
  margin-left:40em;

}

#content {


 padding-top:1em;
 width:100%;

}
#content02 {

 margin-left:15em;
 padding-top:3em;
 width:50em;
 
}
#content.customer, #content.metodology,  #content.accesibility, #content.news {
  padding-top: 2em;
  padding-bottom: 2em;
}
#content.projects
{
	margin-left:-10em;
	margin-top:1em;
}
#content.projects h2
{
	margin-top:0em;
}
#content img.inicio
{
width:68.2em;
height:30em;
padding-left:0em;
margin-top:1em;
	
}
#content.projects img.portada
{
width:99.9%;
height:15em;
padding-left:0.1em;
margin-top:1em;
	
}
#content.policy
{
	padding-top: 2em;
  padding-bottom: 2em;
  height:10em;
}
#content.metodology p.arrow {
  margin-bottom: 1em;
  padding-bottom: 2em;
  background: transparent url('../image/arrow.gif') no-repeat center bottom;
}

#content h2 {
  margin: .7em 0 .2em 0;
  font: normal normal normal 2.2em/1em "Arial Light", "Arial", sans-serif;
  color: #b7b89e;
}
#content.proyects ul.groups
{
	margin-top:5em;
}
#content.customer h2, #content.accesibility h2 {
  margin-top: 0;
  font-size: 1.1em;
}

#content.accesibility h2 {
  margin: .7em 0 .2em 0;
  font-size: 1.8em;
}

#content h3 {
  margin: 5em 0 0 0;
  font: normal normal normal 2.0em/1em "Arial Light", "Arial", sans-serif;
  color: #f33;
}

#content.ecodesign h3, #content.metodology h3, #content.accesibility h3  {
  margin: 2em 0 .4em 0;
  font: normal normal normal 1em/1em "Arial Light", "Arial", sans-serif;
  color: #b7b89e;
  text-transform: uppercase;
}

#content h4 {
  margin: 1.2em 0 0 0;
  font: normal normal normal 1.8em/1em "Arial Light", "Arial", sans-serif;
  color: #7f7f7f;
}

#content.news h4 {
  margin: 1.2em 0 0 0;
  font: normal normal 100 1.6em/1em "Arial Light", "Arial", sans-serif;
  color: white;
}

#content p {
  margin: 0;
  font-size: 1.1em;
  line-height: 1.25em;
  text-align: justify;
  width:48em;
  
}
#content p.inicio
{
  margin: 0;
  font-size: 1.1em;
  line-height: 1.25em;
  text-align: justify;
  width:100%;
  height:15em;
  
}


#content.disclaimer p {
  margin-bottom: 1.5em;
}

#content p.link, #content p.link2 {
  margin: 0;
  margin-top: 2em;
  padding: 0;
  text-transform: uppercase;
  color: white;
}

#content p.link a, #content p.link2 a {
  padding-left: 1.3em;
  background: transparent url('../image/content-plus.gif') no-repeat left center;
  color: white;
  text-decoration: none;
}

#content p.link a:hover {
  background: transparent url('../image/content-over-plus.gif') no-repeat left center;
  color: #f33;
  text-decoration: none;
}

#content p.link2 a {
  background: transparent url('../image/content-over-minus.gif') no-repeat left center;
  color: #f33;
}

#content p.link2 a:hover {
  background: transparent url('../image/content-minus.gif') no-repeat left center;
  color: white;
}

#content blockquote {
  margin: 0;
  padding: 0;
}

#content .cite {
  margin: 0;
  margin-top: .2em;
  padding: 0;
  font-size: .8em;
}

#content .cite2 {
  margin-top: 1em;
  font-size: .8em;
}

#content span.cite {
  display: block;
}

#content div.quality {
  margin-top: 1.5em;
}

#groups {
  padding-left: 15em;
  margin-top:1em;
  list-style: none;
  text-transform: lowercase;
  float:left;
}

#groups li {
  padding-left: 1em;
  font-size: 1.1em;
  background: transparent url('../image/content-plus.gif') no-repeat left center;
  color: white;
}

#groups li.active {
  background: transparent url('../image/content-over-minus.gif') no-repeat left center;
  color: #f33;
}

#groups li a {
  margin: 0;
  padding: 0 .2em;
  text-decoration: none;
  color: white;
}

#groups li.active a {
  color: #f33;
}

#content div.box-style  {
  margin: 1em 0;
  width:50em;
}

#accesibility {
  height: 41em;
}

#customer {
  padding-left: 1.3em;
}

#customer h2.nolevels {
  margin-top: 2em;
}

#customer ul, #strategy ul, #content.site-map ul {
  margin: 0;
  padding: .4em 0;
  font-size: 1.1em;
  line-height: 1.25em;
  list-style: none;
}

#customer ul li, #content.site-map ul li {
  color: #b7b89e;
  text-transform: uppercase;
}

#customer ul li a, #content.site-map ul li a {
  color: #b7b89e;
  text-decoration: none;
}

#customer ul ul, #customer ul.nolevels, #content.site-map ul ul {
  margin-left: 3.2em;
  padding: 0;
  padding-bottom: .5em;
}

#customer ul ul li, #customer ul.nolevels li, #content.site-map ul ul li {
  color: white;
  text-transform: none;
}

#customer ul ul li:before, #customer ul.nolevels li:before, #content.site-map ul ul li:before {
  content: '- ';
}

#customer, #metodology, #policy, #projects, #news, #accesibility {
  margin: 0;
  padding: 0;
  padding-right: 3.5em;
  padding-bottom: 1.8em;
  width: 39em;
  height: 30em;
  list-style: none;
}

#projects, #news {
  margin: 1em 0;
  height: 20em;
}

#projects li {
  padding: .4em 0;
  font-size: 1.1em;
  color: white;
  border-bottom: .1em solid white;
}

#projects li span.view-pdf {
  float: right;
  margin-right: 1em;
}

#projects li span.pdf {
  float: left;
  margin-left: .5em;
  border-style: none;
  padding: 0 .3em;
  background-color: #f33;
  color: white;
}

#projects li span.title-pdf, #projects li span.nopdf {
  display: block;
  margin: 0 2.9em 0 3.6em;
  padding: 0;
  vertical-align: top;
}

#projects li a {
  text-decoration: none;
  color: white;
}

#policy ul {
  margin: 0;
  margin-top: 1em;
  margin-left: 1.4em;
  padding: 0;
}

#policy ul li {
  margin: 0;
  margin-bottom: 1em;
  font-size: 1.1em;
  line-height: 1.25em;
  padding: 0;
  text-align: justify;
}

#news div.summary {
  cursor: pointer;
  padding-left: 1.3em;
  background: transparent url('../image/content-plus.gif') no-repeat left .4em;
}

#news div.selected {
  background: transparent url('../image/content2-over-minus.gif') no-repeat left .4em;
}

#news div.summary h4 {
  color: white;
}

#news div.selected h4 {
  color: #b7b89e;
}

#news img.img {
  border: .7em solid #8c888c;
}

#news img.plus {
  position: relative;
  margin-top: -13px;
  margin-left: -15px;
  border-style: none;
}

#news a {
  background-color: black;
  color: white;
  text-decoration: none;
}

#news p.body {
  padding-top: 1em;
}

#news p.close {
  text-transform: uppercase;
  cursor: pointer;
  color: white;
}

#accesibility a {
  color: #b7b89e;
  text-decoration: none;
}

#footer {
  margin: 0 0 0 25.6em;
/*border: 1px solid green;*/
  padding: .3em 0;
  width: 50em;
  text-align: right;
  color: #7f7f7f;
  margin-top:-10em;
}

#footer ul {
  float: left;
  margin: -6em 1em 0 1.1em;
  padding: 0;
  font-size: .9em;
  list-style: none;
}

#footer li {
  display: inline;
  margin: 0;
  padding: 0;
}

#footer p {
  margin: 0;
  padding: 0;
  margin-top:9.2em;
  margin-right:8em;
  font-size: .9em;
}

#footer p.tk {
  float: right;
  margin: -6em 1.1em;
  padding: 0;
}

#footer a {
  color: #7f7f7f;
  text-decoration: none;
}
#footer02 {
  margin: 0 0 0 0em;
/*border: 1px solid green;*/
  padding: .3em 0;
  width: 50em;
  text-align: right;
  color: #7f7f7f;
  margin-top:5em;
  height:2em;
}

#footer02 ul {
  float: left;
  margin: -6em 1em 0 1.1em;
  padding: 0;
  
  font-size: .9em;
  list-style: none;
}

#footer02 li {
  display: inline;
  margin: 0;
  padding: 0;
}

#footer02 p {
  margin: 0;
  padding: 0;
  margin-top:-6em;
  margin-right:8em;
  font-size: .9em;
}

#footer02 p.tk {
  float: right;
  margin: -6em 1.1em;
  padding: 0;
}

#footer02 a {
  color: #7f7f7f;
  text-decoration: none;
}

.portada
{
	
	width:100%;
}


#proyectos
{
	margin-left:-13em;
	
}
h1
{
	
font-weight:bold;
font-size:1.2em;	
}


#paginacion
{
	margin-top:0em;
}
#paginacion ul
{
	
}


#paginacion  ul li
{
	display:inline;
	padding-left:1em;
}
#texto
{

}
#texto p
{
	
	margin-top:10em;
	margin-left:2em;
	width:20em;
}
#lista
{
position:absolute;

}
#lista ul
{
margin-top:-0.5em;
margin-left:38em;
}

#lista ul li
{
	margin-top:20em;
	list-style:none;
	display:inline;
	padding-left:1em;
}

#direccion02
{
	position:relative;
	margin:0 0 0 0;
	width:10em;
	height: 5.4em;
	z-index:21;
}
#direccion02 address {
  padding:1em 0.5em 1em 0.5em;
  float: left;
  display:block;
  width: 10.06em;
  height: 5.86em;
  font-size: .95em;
  line-height: 1.16em;
  text-align: justify;
  color: white;
  background-color: #b8b193;
  vertical-align: top;
  margin-top:-15em;
  margin-left:-13em;
  
}

#direccion02 address span.address1, #direccion02 address span.address2 {
  text-transform: lowercase;
}

#direccion02 address a {
  color: white;
  text-decoration: none;
}

#direccion02 address span {
  display: block;
  text-align: center;
}

#direccion02 address span.address1 {
  letter-spacing: 0;
}

#direccion02 address span.address2 {
  letter-spacing: .24em;
}

#direccion02 address span.address3, #direccion02 address span.address4 {
  letter-spacing: .14em;
}

#direccion02 address span.address5 {
  letter-spacing: .03em;
}
#calidad02
{
	width:10em;
}
#quality02 {
  padding: 0;
  list-style: none;
  text-align: right;
  width:10em;
 float:left;  
 margin-left:-12em;
  margin-top:-9em;
}

#quality02 li {
  padding: 0;
  padding-left: .14em;
  display: inline;
  width:10em;
  
}

#quality02 img {
  vertical-align: middle;
}
.foto 
{
	position:relative;
	margin-top:-19em;
	margin-left:25em;
	z-index:1;
}

#lista02
{
	color:#f33;
	
}
#lista02 ul
{
	margin-top:5em;
}

#lista02 ul li
{
	list-style: none;
	
	padding-bottom:0.5em;
}
.portada
{
	margin-left:4.5em;
}