body {
  margin: 0;
  padding: 0;
  background: #f5f5f5 url(../images/fondo.png) top center repeat-y;
  text-align: center;
  font: 9pt 'Lucida Sans Unicode',Tahoma,sans-serif;
  color: #000
  }

#encabezado {
  background: #fff;
  padding: 20px
  }

#contenido {
  margin: 0 auto;
  width: 760px;
  background: #faf4eb;
  text-align: left
  }

#derecha {
  float: right;
  width: 250px;
  margin: 0
  }

#izquierda {
  margin: 0 250px 0 0;
  background: #fff;
  text-align: justify
  }

#pie {
  padding: 5px;
  background: #e6d0b3;
  color: #6b522e;
  font-size: 7pt
  }

#entrada {
  margin: 0;
  padding: 40px;
  height: 130px;
  background: #613900 url(../images/fondo_entrada.png);
  font: 18pt Garamond,Palatino,Times,serif;
  color: #e6d0b3
  }

ul#menu {
  margin: 0;
  padding: 210px 0 0 0;
  float: left;
  width: 510px
  }

ul#menu li {
  float: left;
  padding: 5px 12px;
  font: 12pt Garamond,Palatino,Times,serif
  }

.index {
  background: #ffba57 url(../images/fondo_index.jpg) no-repeat
  }

.abogados {
  background: #ffba57 url(../images/fondo_abogados.jpg) no-repeat
  }

.especialidades {
  background: #ffba57 url(../images/fondo_especialidades.jpg) no-repeat
  }

.noticias {
  background: #ffba57 url(../images/fondo_noticias.jpg) no-repeat
  }

.contactar {
  background: #ffba57 url(../images/fondo_contactar.jpg) no-repeat
  }

.empleo {
  background: #ffba57 url(../images/fondo_empleo.jpg) no-repeat
  }

#derecha ul {
  list-style-type: square
  }

a {
  color: #cc7800;
  text-decoration: none
  }

a:hover, a:focus {
  color: #fc0;
  text-decoration: underline
  }

#menu a {
  color: #975a00
  }

h1#logo {
  margin: 0;
  }

h1#logo a {
  display: block;
  width: 420px;
  height: 0;
  padding-top: 50px;
  background: url(../images/logotipo.png);
  overflow: hidden
  }

h2#tituloIzquierda {
  clear: left;
  margin: 0;
  padding: 20px 20px 10px 20px;
  font-size: 24pt;
  font-weight: normal
  }

h3 {
  margin: 0;
  padding: 10px 20px 0 20px;
  font-size: 12pt
  }

h2, h3 {
  font-family: Garamond,Palatino,Times,serif
  }

h3.tituloDerecha {
  background: #6b522e;
  margin: 0 0 10px 0;
  padding: 5px 20px;
  text-transform: uppercase;
  font-variant: small-caps;
  color: #ffffcc
  }

h4 {
  margin: 0;
  padding: 0 20px;
  font-size: 9pt;
  color: #613900
  }

#izquierda em {
  font-style: normal;
  color: #613900
  }

#izquierda p, #derecha p, #derecha address {
  margin: 0;
  padding: 0 20px 20px 20px
  }

#derecha address {
  font: 10pt Garamond,Palatino,Times,serif
  }

address {
  font-style: normal
  }

#pie p {
  margin: 0;
  padding: 0
  }

p.creditos {
  float: right
  }

img {
  border: double 3px #e6d0b3
  }

img.retrato {
  float: left;
  margin: 0 10px 10px 20px;
  width: 125px;
  height: 150px
  }

img.noticia {
  float: left;
  margin: 0 10px 10px 20px;
  width: 150px
  }

img.mapa {
  margin: 0 10px 10px 15px;
  width: 220px;
  height: 200px;
  border: solid 1px #e6d0b3
  }

img.icono {
  width: 10px;
  height: 10px;
  border: 0
  }

form#formContacto, form#formEnvioCurriculum {
  margin: 0 20px;
  width: 467px
  }

fieldset {
  border: solid 1px #6b522e;
  margin-bottom: 10px;
  padding: 10px
  }

legend {
  margin-bottom: 20px;
  color: #613900
  }

label {
  float: left;
  clear: left
  }

input {
  float: right
  }

input, textarea {
  border: solid 1px #e6d0b3;
  background: #faf4eb;
  font: 9pt 'Lucida Sans Unicode',Tahoma,sans-serif;
  color: #613900
  }

textarea {
  width: 400px;
  height: 50px
  }