a.listita-001:before {
  background: url(../imagenes/listado-001-n.png) no-repeat center;
}
a.listita-002:before {
  background: url(../imagenes/listado-002-n.png) no-repeat center;
}
a.listita-003:before {
  background: url(../imagenes/listado-003-n.png) no-repeat center;
}
a.listita-004:before {
  background: url(../imagenes/listado-004-n.png) no-repeat center;
}
a.listita-005:before {
  background: url(../imagenes/listado-005-n.png) no-repeat center;
}
a.listita-005a:before {
  background: url(../imagenes/listado-005a-n.png) no-repeat center;
}
a.listita-005b:before {
  background: url(../imagenes/listado-005b-n.png) no-repeat center;
}
a.listita-006:before {
  background: url(../imagenes/listado-006-n.png) no-repeat center;
}
a.listita-007:before {
  background: url(../imagenes/listado-007-n.png) no-repeat center;
}
a.listita-008:before {
  background: url(../imagenes/listado-008-n.png) no-repeat center;
}
a.listita-009:before {
  background: url(../imagenes/listado-009-n.png) no-repeat center;
}
a.listita-010:before {
  background: url(../imagenes/listado-010-n.png) no-repeat center;
}
a.listita-011:before {
  background: url(../imagenes/listado-011-n.png) no-repeat center;
}
a.listita-012:before {
  background: url(../imagenes/listado-012-n.png) no-repeat center;
}
a.listita-013:before {
  background: url(../imagenes/listado-013-n.png) no-repeat center;
}
a.listita-014:before {
  background: url(../imagenes/listado-014-n.png) no-repeat center;
}
a.listita-015:before {
  background: url(../imagenes/listado-015-n.png) no-repeat center;
}
a.listita-016:before {
  background: url(../imagenes/listado-016-n.png) no-repeat center;
}
a.listita-017:before {
  background: url(../imagenes/listado-017-n.png) no-repeat center;
}
a.listita-018:before {
  background: url(../imagenes/listado-018-n.png) no-repeat center;
}
a.listita-019:before {
  background: url(../imagenes/listado-019-n.png) no-repeat center;
}

a.listita-001:before, a.listita-002:before, a.listita-003:before, a.listita-004:before, a.listita-005:before, a.listita-005a:before, a.listita-005b:before, a.listita-006:before, a.listita-007:before, a.listita-008:before, a.listita-009:before, a.listita-010:before, a.listita-011:before, a.listita-012:before, a.listita-013:before, a.listita-014:before, a.listita-015:before, a.listita-016:before, a.listita-017:before, a.listita-018:before, a.listita-019:before {
  width: 100px;
  height: 100px;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}

a.listita-001 {
background: url(../imagenes/listado-001-p.png) no-repeat center;
}
a.listita-002 {
background: url(../imagenes/listado-002-p.png) no-repeat center;
}
a.listita-003 {
background: url(../imagenes/listado-003-p.png) no-repeat center;
}
a.listita-004 {
background: url(../imagenes/listado-004-p.png) no-repeat center;
}
a.listita-005 {
background: url(../imagenes/listado-005-p.png) no-repeat center;
}
a.listita-005a {
background: url(../imagenes/listado-005a-p.png) no-repeat center;
}
a.listita-005b {
background: url(../imagenes/listado-005b-p.png) no-repeat center;
}
a.listita-006 {
background: url(../imagenes/listado-006-p.png) no-repeat center;
}
a.listita-007 {
background: url(../imagenes/listado-007-p.png) no-repeat center;
}
a.listita-008 {
background: url(../imagenes/listado-008-p.png) no-repeat center;
}
a.listita-009 {
background: url(../imagenes/listado-009-p.png) no-repeat center;
}
a.listita-010 {
background: url(../imagenes/listado-010-p.png) no-repeat center;
}
a.listita-011 {
background: url(../imagenes/listado-011-p.png) no-repeat center;
}
a.listita-012 {
background: url(../imagenes/listado-012-p.png) no-repeat center;
}
a.listita-013 {
background: url(../imagenes/listado-013-p.png) no-repeat center;
}
a.listita-014 {
background: url(../imagenes/listado-014-p.png) no-repeat center;
}
a.listita-015 {
background: url(../imagenes/listado-015-p.png) no-repeat center;
}
a.listita-016 {
background: url(../imagenes/listado-016-p.png) no-repeat center;
}
a.listita-017 {
background: url(../imagenes/listado-017-p.png) no-repeat center;
}
a.listita-018 {
background: url(../imagenes/listado-018-p.png) no-repeat center;
}
a.listita-019 {
background: url(../imagenes/listado-019-p.png) no-repeat center;
}

a.listita-001, a.listita-002, a.listita-003, a.listita-004, a.listita-005, a.listita-005a, a.listita-005b, a.listita-006, a.listita-007, a.listita-008, a.listita-009, a.listita-010, a.listita-011, a.listita-012, a.listita-013, a.listita-014, a.listita-015, a.listita-016, a.listita-017, a.listita-018, a.listita-019 {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-size: 14px; 
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
  border-radius: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}


a.listita-001:hover,a.listita-001:focus,a.listita-001:active,
a.listita-002:hover,a.listita-002:focus,a.listita-002:active,
a.listita-003:hover,a.listita-003:focus,a.listita-003:active,
a.listita-004:hover,a.listita-004:focus,a.listita-004:active,
a.listita-005:hover,a.listita-005:focus,a.listita-005:active,
a.listita-005a:hover,a.listita-005a:focus,a.listita-005a:active,
a.listita-005b:hover,a.listita-005b:focus,a.listita-005b:active,
a.listita-006:hover,a.listita-006:focus,a.listita-006:active,
a.listita-007:hover,a.listita-007:focus,a.listita-007:active,
a.listita-008:hover,a.listita-008:focus,a.listita-008:active,
a.listita-009:hover,a.listita-009:focus,a.listita-009:active,
a.listita-010:hover,a.listita-010:focus,a.listita-010:active,
a.listita-011:hover,a.listita-011:focus,a.listita-011:active,
a.listita-012:hover,a.listita-012:focus,a.listita-012:active,
a.listita-013:hover,a.listita-013:focus,a.listita-013:active,
a.listita-014:hover,a.listita-014:focus,a.listita-014:active,
a.listita-015:hover,a.listita-015:focus,a.listita-015:active,
a.listita-016:hover,a.listita-016:focus,a.listita-016:active,
a.listita-017:hover,a.listita-017:focus,a.listita-017:active,
a.listita-018:hover,a.listita-018:focus,a.listita-018:active,
a.listita-019:hover,a.listita-019:focus,a.listita-019:active
{
  color: white;
}
a.listita-001:hover:before,a.listita-001:focus:before,a.listita-001:active:before,
a.listita-002:hover:before,a.listita-002:focus:before,a.listita-002:active:before,
a.listita-003:hover:before,a.listita-003:focus:before,a.listita-003:active:before,
a.listita-004:hover:before,a.listita-004:focus:before,a.listita-004:active:before,
a.listita-005:hover:before,a.listita-005:focus:before,a.listita-005:active:before,
a.listita-005a:hover:before,a.listita-005a:focus:before,a.listita-005a:active:before,
a.listita-005b:hover:before,a.listita-005b:focus:before,a.listita-005b:active:before,
a.listita-006:hover:before,a.listita-006:focus:before,a.listita-006:active:before,
a.listita-007:hover:before,a.listita-007:focus:before,a.listita-007:active:before,
a.listita-008:hover:before,a.listita-008:focus:before,a.listita-008:active:before,
a.listita-009:hover:before,a.listita-009:focus:before,a.listita-009:active:before,
a.listita-010:hover:before,a.listita-010:focus:before,a.listita-010:active:before,
a.listita-011:hover:before,a.listita-011:focus:before,a.listita-011:active:before,
a.listita-012:hover:before,a.listita-012:focus:before,a.listita-012:active:before,
a.listita-013:hover:before,a.listita-013:focus:before,a.listita-013:active:before,
a.listita-014:hover:before,a.listita-014:focus:before,a.listita-014:active:before,
a.listita-015:hover:before,a.listita-015:focus:before,a.listita-015:active:before,
a.listita-016:hover:before,a.listita-016:focus:before,a.listita-016:active:before,
a.listita-017:hover:before,a.listita-017:focus:before,a.listita-017:active:before,
a.listita-018:hover:before,a.listita-018:focus:before,a.listita-018:active:before,
a.listita-019:hover:before,a.listita-019:focus:before,a.listita-019:active:before
{
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}


.our-menu-grids{
  margin-top: 0px;
  margin-left: 8%; /*20%*/
  margin-right: 8%;/*20%*/
}
.order-top {
  padding: 15px 0;
  border-bottom: 1px dotted #000;
}
.order-top li {
  display: inline-block;
  vertical-align: middle;
}
.order-top h1, .order-top h3 {
  margin: 0;
  font-size: 28px; /*fuente del título*/
  font-weight: bold;
  color: #337ab7;   
  font-family: 'Enriqueta', serif;
  text-align: left;
}
.order-top p {
  font-size: 20px; /*fuente del párrafo*/
}
li.im-g {
  float: left;
  width: 24%;
}
li.data {
  float: left;
  width: 60%;      /*espacio para el texto*/
  margin-left: 3%; /*espacio a la izq del texto*/
}
li.bt-nn {
  float: left;
  width: 80px;
  height: 80px;
  margin: 0 3em 1em 2em; /*márgenes del botón*/
}
@media(max-width:1440px){
}
@media(max-width: 1366px) {
li.bt-nn {
  margin: 0 1.5em 1em 1em;
}
}
@media(max-width: 1200px) {
}
@media(max-width: 1024px) {
.order-top h1, .order-top h3 {
  font-size: 25px;
}
.order-top p {
  font-size: 20px;
}
li.bt-nn {
  width: 70px;
  height: 70px;
  margin: 0 1.3em 1em 1em;
}
}
@media(max-width: 768px) {
}
@media(max-width: 640px) { /*celu horizontal*/
.our-menu-grids{
  margin-left: 0%; /*12%*/
  margin-right: 0%;/*12%*/
}
.order-top h1, .order-top h3 {
  font-size: 17px;
  margin-bottom: 3px;
}
.order-top p {
  font-size: 16px;
}
li.im-g {
  width: 29%; 
  margin-left: 0px;
}
li.data {
  width: 55%;
  margin-left: 25px;
}
li.bt-nn {
  width: 70px;
  height: 70px;
  margin: 0 30px 30px 30px;
}
}
@media(max-width: 480px){ /*celu vertical*/
.our-menu-grids{
  margin-left: 0px;
  margin-right: 0px;
}
.order-top h1, .order-top h3 {
  font-size: 15px;
  margin-bottom: 2px;
}
.order-top p {
  font-size: 14px;
}
li.im-g {
  width: 38%; 
  margin-left: 0px;
}
li.data {
  width: 62%;
  margin-left: 0px;
}
li.bt-nn {
  margin: 0 40px 30px 0;
}
}
@media(max-width:320px){
li.im-g {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
li.data {
  float: left;
  width: 50%;
  margin-left: 5px;
}
li.bt-nn {
  width: 60px;
  height: 60px;
  float: left; 
}
}