body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #7c7c7c;
  background: url(../px/fondo.gif) top left repeat-x #ffffff;
}

html { overflow: auto; }
img { border: 0; }
a { text-decoration: none; }
a:hover, .acceso { text-decoration: underline; }

.acceso { cursor: help; }
.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; }

/*________________________________________________________________________________ BARRA Y CABECERA */

.barra {
  width: 980px;
  height: 41px;
  margin: 0 auto;
  background: url(../px/barra.jpg) top left no-repeat #ffffff;
}

.estaen { float: left; }
.estaen p { float: left; height: 31px; padding: 10px 27px 0 13px; margin: 0; }

.estaen a {
  height: 31px;
  display: block;
  float: left;
  color: #129993;
  padding: 10px 24px 0 10px;
  background: url(../px/estaen.gif) top right no-repeat;
}

.idioma { float: right; font-size: 10px; height: 30px; padding: 11px 0 0 10px; }
.idioma a { color: #7a7a7a; }
a.en { color: #7a7a7a; padding: 0 20px 0 0; background: url(../px/en.gif) right center no-repeat; }
a.es { color: #7a7a7a; padding: 0 20px 0 0; background: url(../px/es.gif) right center no-repeat; }

#cabecera {
  clear: both;
  width: 980px;
  height: 214px;
  margin: 0 auto;
  background: url(../px/home.jpg) right center no-repeat #ffffff;
}

#cabecera img { margin: 84px 0 0 0; }
.rojo { color: #ff0000; }

.input {
  width: 390px;
  height: 22px;
  border: 0;
  padding: 3px 0 0 10px;
  color: #129993;
  font-weight: bold;
  background: url(../px/input.gif) top left no-repeat #ffffff;
}

.textarea {
  width: 390px;
  height: 142px;
  border: 0;
  padding: 3px 0 0 10px;
  color: #129993;
  font-weight: bold;
  background: url(../px/textarea.gif) top left no-repeat #ffffff;
}

.enviar {
  width: 100px;
  height: 25px;
  border: 0;
  color: #ffffff;
  background: url(../px/enviar.gif) top left no-repeat #ffffff;
}

.login {
  width: 80px;
  margin: 0 10px 0 0;
  padding: 0;
  border: 1px solid #a6a79f;
  background: #c7c8c1;
  font-size: 10px;
  color: #54564c;
}

.login-enviar {
  width: 60px;
  margin: 0 10px 0 0;
  background: #0092aa;
  color: #ffffff;
  font-size: 10px;
  border: 0;
}

/*________________________________________________________________________________ BARRA MENÚ Y CONTACTO */

.menus {
  width: 980px;
  height: 65px;
  margin: 0 auto;
  background: url(../px/menu.jpg) right center no-repeat #ffffff;
}

.menu { float: left; width: 787px; height: 57px; border-top: 1px solid #ebebea; margin: 0; }
.menu li, .menu ul { list-style: none; margin: 0; padding: 0; }
.menu li { display: inline; }

.menu li a {
  float: left;
  color: #636262;
  display: block;
  width: 140px;
  height: 22px;
  padding: 5px 0 0 30px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #dedddd;
  border-bottom: 1px solid #ebebea;
  border-left: 1px solid #ffffff;
}

.menu1 { background: url(../px/menu1.gif) 12px 8px no-repeat; }
.menu1:hover { background: url(../px/menu1.gif) 12px 8px no-repeat #f1f1f1; text-decoration: none; }
.menu2 { background: url(../px/menu2.gif) 12px 8px no-repeat; }
.menu2:hover { background: url(../px/menu2.gif) 12px 8px no-repeat #f1f1f1; text-decoration: none; }
.menu3 { background: url(../px/menu3.gif) 12px 8px no-repeat; }
.menu3:hover { background: url(../px/menu3.gif) 12px 8px no-repeat #f1f1f1; text-decoration: none; }
.menu4 { background: url(../px/menu4.gif) 12px 8px no-repeat; }
.menu4:hover { background: url(../px/menu4.gif) 12px 8px no-repeat #f1f1f1; text-decoration: none; }
.menu5 { background: url(../px/menu5.gif) 12px 8px no-repeat; }
.menu5:hover { background: url(../px/menu5.gif) 12px 8px no-repeat #f1f1f1; text-decoration: none; }
.menu6 { background: url(../px/menu6.gif) 12px 8px no-repeat; }
.menu6:hover { background: url(../px/menu6.gif) 12px 8px no-repeat #f1f1f1; text-decoration: none; }
.menu7 { background: url(../px/menu7.gif) 12px 8px no-repeat; }
.menu7:hover { background: url(../px/menu7.gif) 12px 8px no-repeat #f1f1f1; text-decoration: none; }
.menu8 { background: url(../px/menu8.gif) 12px 8px no-repeat; }
.menu8:hover { background: url(../px/menu8.gif) 12px 8px no-repeat #f1f1f1; text-decoration: none; }

.direccion {
  float: left;
  width: 121px;
  height: 33px;
  font-size: 18px;
  line-height: 13px;
  padding: 21px 0 0 60px;
  background: url(../px/direccion.jpg) 0px 3px no-repeat #ffffff;
}

.direccion a { color: #129993; }

/*________________________________________________________________________________ CONTENIDOS */

.contenido {
  clear: both;
  width: 980px;
  margin: 0 auto;
  background: url(../px/contenido.gif) top left repeat-x #ffffff;
}

.texto { width: 603px; padding: 30px 70px 0 60px; float: left; }
.texto p { margin: 0 0 20px 0; text-align: justify; }
.texto ul { margin: 0 0 20px 14px; padding: 0 0 0 14px; }
.texto li { list-style-image: url(../px/li.gif); }
.texto strong { color: #12acb2; font-size: 14px; }
.texto a { color: #12acb2; }

h1 {
  margin: 0 0 20px 0;
  padding: 0 0 0 40px;
  color: #0092aa;
  font-size: 22px;
  font-weight: normal;
  background: url(../px/h1.jpg) top left no-repeat;
}

h2 { margin: 0 0 20px 0; color: #0092aa; font-size: 16px; }

.derecha { margin: 0; width: 247px; float: right; color: #000000; }

.derecha-item {
  margin: 0 0 5px 0;
  padding: 20px 0 0 30px;
  width: 217px;
  background: url(../px/derecha.gif) top right no-repeat;
}

.derecha-item img { margin: 0 0 10px 0; }

a.clientes {
  width: 100px;
  height: 65px;
  display: block;
  float: left;
  margin: 0 11px 11px 0;
  border: 3px solid #cccccc;
}

a.clientes:hover { border: 3px solid #0092aa; }

/*________________________________________________________________________________ BANNER */

a.banner1, a.banner2, a.banner3, a.banner4, a.banner5,
a.banner1en, a.banner2en, a.banner3en, a.banner4en, a.banner5en {
  text-indent: -9999px;
  width: 210px;
  display: block;
  margin: 0 0 10px 0;
}

a.banner1 { height: 43px; background: url(../px/banner1.jpg) top left no-repeat #ffffff; }
a.banner2 { height: 43px; background: url(../px/banner2.jpg) top left no-repeat #ffffff; }
a.banner3 { height: 43px; background: url(../px/banner3.jpg) top left no-repeat #ffffff; }
a.banner4 { height: 43px; background: url(../px/banner4.jpg) top left no-repeat #ffffff; }
a.banner5 { height: 130px; background: url(../px/banner5.jpg) top left no-repeat #ffffff; }

a.banner1en { height: 43px; background: url(../px/banner1-en.jpg) top left no-repeat #ffffff; }
a.banner2en { height: 43px; background: url(../px/banner2-en.jpg) top left no-repeat #ffffff; }
a.banner3en { height: 43px; background: url(../px/banner3-en.jpg) top left no-repeat #ffffff; }
a.banner4en { height: 43px; background: url(../px/banner4-en.jpg) top left no-repeat #ffffff; }
a.banner5en { height: 130px; background: url(../px/banner5-en.jpg) top left no-repeat #ffffff; }

/*________________________________________________________________________________ PIE DE PÁGINA */

.pie {
  clear: both;
  width: 100%;
  height: 70px;
  text-align: center;
  margin: 15px 0 0 0;
  padding: 7px 0 0 0;
  background: url(../px/pie.gif) top left repeat-x #ffffff;
}

.pie a { color: #7a7a7a; }
.pie a:hover { color: #0092aa; }