* {
  margin: 0;
  padding: 0;
}
body {
  background: #1A1C28;
  color: #fff;
  font: .9em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
}
a {
  color: #fff;
}
a:focus, a:hover, a:active {
  color: #ddd;
}

h1 {
  visibility: hidden;
}
h2 {
  background: transparent url(/imgs/01top.gif) repeat-y 0 0;
  width: 669px;
  height: 32px;
  margin: 10px auto 0 auto;
  border-bottom: 1px solid #6C6E7A;
  padding-top: 11px;
  font-size: 1.3em;
  text-align: center;
}
hr {
  display: none;
}
form li {
  list-style-type: none;
}
fieldset {
  width: 25em;
  margin: auto;
  border: 0;
}
legend {
  visibility: hidden;
}
label {
  float: left;
  display: block;
  width: 6em;
}
input,textarea {
  width: 15em;
  margin: 3px;
  border: 1px solid #6C6E7A;
  background: #616679;
  color: #fff;
  font: .9em Verdana, Arial, Helvetica;
}
input[type=submit] {
  width: 5em;
  margin-left: 7em;
}
textarea {
  height: 6em;
}


#cabeza {
  width: 100px;
  height: 135px;
  background: url(/imgs/Web.jpg) no-repeat;
  margin: auto;
  position: relative;
  top: 10px;
  left: -286px;
}


#contenido {
  margin: auto;
  width: 669px;
  background: transparent url(/imgs/02p.gif) repeat-y 0 0;
}
#contenido p {
  text-indent: 2em;
  padding: .7em 1em;
  text-align: justify;
  line-height: 1.8em;
}
#contenido ul {
  margin: 0 0 0 3em;
}
#contenido dl {
  padding: 0 0 1em 2em;
}
#contenido dt {
  padding: 15px 0 3px 0;
}
#contenido dd {
  margin: 0 1.7em;
  border-left: 1px solid #6C6E7A;
  padding: .2em .9em;
}


#navegador {
  position: absolute;
  top: 0px;
  left: 50%;
}
#navegador ul {
  position: absolute;
  top: 10px;
  left: -233px;
  background: url(/imgs/Barra.jpg) no-repeat;
  width: 569px;
  height: 135px;
  list-style-type: none;
}
#navegador li {
  float: left;
  width: 142px;
  text-align: center;
  font-weight: bold;
  line-height: 88px;
}
#navegador .current a:before {
  content: "\00BB \0020";
}
#navegador .current a:focus, #navegador .current a:hover, #navegador .current a:active {
  cursor: default;
  text-decoration: none;
  color: #eee;
}
#navegador li a {
  display: block;
  width: 142px;
  height: 135px;
  text-transform: uppercase;
  text-decoration: none;
  color: #eee;
}
#navegador li a:focus, #navegador li a:hover, #navegador li a:active {
  text-decoration: underline;
  color: #fff;
}


#contacto {
  background: transparent url(/imgs/03-b.gif) no-repeat 0 0;
  margin: auto;
  padding: 40px 0 0 0;
  width: 669px;
  height: 60px;
}
dl.vcard {
  margin: auto;
  width: 12em;
  white-space: nowrap;
}
.vcard dt {
  float: left;
  padding-right: 5px;
}
.vcard dt, .vcard dd {
  font-size: .8em;
}
.vcard .web, .org, .vcard .url {
  display: none;
}

#Portafolios h3 {
  padding: 1em 0 0 1em;
  font-size: .9em;
}
#Portafolios #contenido #clientes-nav {
  float: left;
}
#Portafolios #contenido ul {
  list-style-type: circle;
}
#Portafolios #contenido li {
  padding: 3px 0;
}
#Portafolios #Cliente {
  float: right;
  text-align: right;
  font-size: .9em;
}
#Portafolios #Cliente h3 {
  margin: 0 1em 0 0;
}
#Portafolios #Cliente p {
  text-align: right;
  font-size: .9em;
}
#Portafolios img {
  position: relative;
  top: 2px;
  display: block;
  border: 0;
}


/* Página inicial incluye logo a la derecha */
#E2Inicio {
  background: url(/imgs/E2.gif) no-repeat 98% 12px;
  padding-right: 129px;
  min-height: 285px;
}

#E2Vert {
  /* Quita del normal-flow de la página, pero posicionado relativo al centro. */
  position: absolute;
  top: 165px;
  left: 50%;
  margin: auto;
}
#E2Vertical {
  /* A la inzquierda del centro de la página */
  position: relative;
  left: -360px;
  height: 273px;
  width: 11px;
  background: url(/imgs/e2design.gif) no-repeat;
}