@charset "utf-8";
body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  top: 0px;
  color: #003366;
}
.banner {
  float: left;
  margin-top: 10px;
}
#cabeza {
  position: absolute;
  background: url(../img/fondoBanner.png) no-repeat;
  width: 1024px;
  left: 50%;
  margin-left: -512px;
  height: 150px;
  margin-top: 15px;
}
.separador {
  display: inline-block;
  margin: 60px 10px 10px 10px;
  width: 2px;
  background-color: #003366;
  height: 170px;
}
.centrar {
  position: absolute;
  width: 1024px;
  left: 50%;
  margin-left: -512px;
}
header {
  height: 165px;
}
header h1 {
  font-size: 30px;
  color: #ffffff;
  padding-left: 100px;
}
header h2 {
  font-size: 20px;
  color: #fff;
  margin-left: 200px;
}
header h3 {
  font-size: 24px;
  color: #fff;
  margin-left: 500px;
  margin-top: -5px;
}
.logo {
  position: absolute;
  top: 90px;
}
#botones_verdes {
  float: left;
  width: 200px;
  min-height: 400px;
  margin-top: 40px;
  margin-right: 30px;
}
#botones_verdes a {
  text-decoration: none;
  color: #000;
}
#botones_verdes a:hover {
  text-decoration: none;
  color: #666;
}
#boton_menu {
  width: 180px;
  height: 35px;
  color: #033;
  background-color: #85c226;
  border: solid 3px #ffffff;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  transition: width 0.5s;
  display: table;
  border-radius: 0px 10px 10px 0px;
  margin-top: 2px;
}
#boton_menu p {
  /* pone 2 celdas y alinea */
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
}
#boton_menu:hover {
  width: 200px;
  color: #000000;
  border: solid 3px #ffffff;
  border-radius: 0px 30px 30px 0px;
  background-color: #ccc;
}

#boton_menu img {
  width: 45px;
  height: 45px;
  background-color: #85c226;
  border: solid 3px #fff;
  border-radius: 30px;
  margin-right: -30px;
}
#contenido {
  float: left;
  width: 760px;
  height: 400px;
}
#contacto {
  margin-top: 20px;
  margin-left: 70px;
}
#contacto input,
textarea {
  color: #003366;
  border: solid 2px #f1f1f1;
  box-shadow: inset 3px 3px 3px #999999;
  border-radius: 5px;
  padding: 8px;
  margin-bottom: 10px;
}
#enviar {
  border-radius: 5px;
  margin-left: 240px;
  width: 80px;
  cursor: pointer;
  font-weight: bold;
  text-shadow: 0px 0px 5px #ffffff;
  background: #cedce7; /* Old browsers */
  background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #cedce7),
    color-stop(100%, #596a72)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #cedce7 0%,
    #596a72 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #cedce7 0%,
    #596a72 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cedce7 0%, #596a72 100%); /* IE10+ */
  background: linear-gradient(to bottom, #cedce7 0%, #596a72 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}
#somos {
  float: left;
  width: 760px;
}
#contenido_todos {
  width: 760px;
  font-size: 16px;
  color: #003366;
}
#contenido_todos h4 {
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding-top: 5px;
  height: 30px;
  background: #142b68; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(14%, #142b68),
    color-stop(50%, #2356bc),
    color-stop(86%, #142b68)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* IE10+ */
  background: linear-gradient(
    135deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142b68', endColorstr='#142b68',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#contenido_todos p {
  font-size: 12px;
  margin-top: -15px;
}
#contenido_todos li {
  font-size: 12px;
}
#contenido_todos p {
  font-size: 12px;
  margin-top: -15px;
}
#rfid li {
  font-size: 10px;
}
#rfid p {
  font-size: 10px;
  color: #003366;
  margin-top: -15px;
}
#impresoras h4 {
  color: #fff;
  width: 250px;
  text-align: center;
  padding-top: 5px;
  height: 30px;
  background: #142b68; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(14%, #142b68),
    color-stop(50%, #2356bc),
    color-stop(86%, #142b68)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* IE10+ */
  background: linear-gradient(
    135deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142b68', endColorstr='#142b68',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#impresoras p {
  width: 250px;
}
#plastiflechas p {
  width: 500px;
  color: #003366;
}
#software {
  width: 500px;
  color: #003366;
}
#etiquetas {
  font-size: 16px;
  color: #003366;
}
#etiquetas p {
  width: 500px;
}
#etiquetas h4 {
  color: #fff;
  width: 500px;
  text-align: center;
  padding-top: 5px;
  height: 30px;
  background: #142b68; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(14%, #142b68),
    color-stop(50%, #2356bc),
    color-stop(86%, #142b68)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* IE10+ */
  background: linear-gradient(
    135deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142b68', endColorstr='#142b68',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#etiquetas form {
  position: absolute;
  top: 100px;
  text-align: right;
}
#etiquetas input {
  color: #003366;
  border: solid 2px #f1f1f1;
  box-shadow: inset 3px 3px 3px #999999;
  border-radius: 5px;
  padding: 8px;
  margin-bottom: 10px;
}
#etiquetas #enviar {
  font-weight: normal;
  border-radius: 10px;
  color: #ffffff;
  padding: 10px;
  background: #142b68; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(14%, #142b68),
    color-stop(50%, #2356bc),
    color-stop(86%, #142b68)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* IE10+ */
  background: linear-gradient(
    135deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142b68', endColorstr='#142b68',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#busca_etiqueta {
  position: absolute;
  top: 210px;
  margin-left: 840px;
  padding: 10px;
  color: #ffffff;
  background: #a90329; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #a90329 0%,
    #8f0222 44%,
    #6d0019 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #a90329),
    color-stop(44%, #8f0222),
    color-stop(100%, #6d0019)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #a90329 0%,
    #8f0222 44%,
    #6d0019 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #a90329 0%,
    #8f0222 44%,
    #6d0019 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    #a90329 0%,
    #8f0222 44%,
    #6d0019 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    #a90329 0%,
    #8f0222 44%,
    #6d0019 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
  text-align: center !important;
}
#busca_etiqueta:hover {
  color: #666666;
}
.buscarOtra {
  text-align: right;
  font-weight: bolder;
  text-decoration: none;
  color: #003366;
}
.buscarOtra:hover {
  text-decoration: none;
  margin-top: 20px !omportant;
  color: #cccccc;
}
.azul {
  color: #ffffff;
  background: #142b68; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(14%, #142b68),
    color-stop(50%, #2356bc),
    color-stop(86%, #142b68)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* IE10+ */
  background: linear-gradient(
    135deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142b68', endColorstr='#142b68',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.azul td {
  padding: 5px;
}
.presenta {
  border-radius: 10px;
  border: solid 3px #fff;
  box-shadow: 5px 5px 15px #999999;
  background: #eeeeee; /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #eeeeee),
    color-stop(100%, #cccccc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #eeeeee 0%,
    #cccccc 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #eeeeee 0%,
    #cccccc 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.cabeza_azul {
  position: absolute;
  font-size: 24px;
  color: #ffffff;
  width: 500px;
  padding: 20px;
  right: 0px;
  box-shadow: -8px 8px 1px #cccccc;
  background: #142b68; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(14%, #142b68),
    color-stop(50%, #2356bc),
    color-stop(86%, #142b68)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* IE10+ */
  background: linear-gradient(
    135deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142b68', endColorstr='#142b68',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ubicacion {
  font-size: 10px;
}
#tabla {
  color: #036;
  font-size: 14px;
}
#tabla p1 {
  display: inline-block;
  width: 200px;
  padding-right: 20px;
  padding-bottom: 10px;
  text-align: right;
  vertical-align: top;
}
#tabla p2 {
  display: inline-block;
  width: 450px;
  padding-right: 20px;
}
.txt_izq {
  width: 150px;
  text-align: right;
}
.foto_izq {
  position: absolute;
  top: 220px;
  right: 0px;
  z-index: -1;
}
.foto_izq01 {
  position: absolute;
  top: 295px;
  right: 175px;
  z-index: -1;
}
.somos_resalte {
  font-size: 14px;
  width: 430px;
  height: 60px;
  text-align: center;
  padding-top: 15px;
  background-color: #cccccc;
}
.mapa {
  position: absolute;
  top: 100px;
  border: solid 3px #ffffff;
  box-shadow: 0px 0px 5px #999999;
}
.resalte {
  font-size: 18px;
  color: #990000;
}
footer {
  position: absolute;
  top: 650px;
  height: 55px;
  width: 1024px;
  left: 50%;
  margin-left: -512px;
  color: #fff;
  text-align: center;
  background: #142b68; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(14%, #142b68),
    color-stop(50%, #2356bc),
    color-stop(86%, #142b68)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* IE10+ */
  background: linear-gradient(
    135deg,
    #142b68 14%,
    #2356bc 50%,
    #142b68 86%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142b68', endColorstr='#142b68',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
footer p {
  display: inline-block;
  width: 180px;
  text-align: left;
  font-size: 9px;
  vertical-align: middle;
}
footer pi {
  display: inline-block;
  width: 50px;
  vertical-align: middle;
}