 /*
Theme Name: RN Theme V4.1
Theme URI: http://www.raulnarros.com
Author: Raul Narros
Author URI:  
Description: Cualquir duda, contacta conmigo rn@raulnarros.com
Text Domain: RNthemeV41
*/
@font-face { font-family: Delicious; src: url('fonts/Raleway/Raleway-Regular.ttf'); } 

body{ font-family: 'IBM Plex Sans', 'Raleway', sans-serif;    margin:84px 0 0 0!important;  color: #1b1b1b;background: #F5F5F5;}/*
body.customize-support .navbar-fixed-top{margin-top:32px;}
body.customize-support nav.navbar .navbar-header button.navbar-toggle{ top: 31px;}
body.customize-support nav.navbar div#navbar{top: 70px; }*/
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #e2001a;}
img{max-width: 100%;height: auto;}
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:0 1em 1em 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}
h1, h2, h3, h4 {font-family: 'IBM Plex Sans', 'Raleway', sans-serif;    font-weight: 700; color:#1b1b1b;}
h1 {font-weight: 200; font-size: 30px; line-height: 1.2;}
h1:after{content: '';    display: block; background: #AAE1D1; height: 2px; width: 50px;     position: relative;   bottom: -5px;}
h2:after{content: ''; } 
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.autor{font-size: 8px}
div.page{padding-bottom: 50px;    padding-top: 30px;}
div.page.paginasdelcentro{padding-bottom: 0px;    padding-top: 0px;}
footer {    background: #fff; padding: 10px 0 1px; text-align: CENTER;  }
footer div.centro { width: 500px; max-width: 94%;}
footer .centro img{   display: block;  padding: 5px 19px;  background: #fff;}
footer .centro h2{  color:#408A8F}
footer .centro p{color:#fff;text-align: center;    font-size: 12px;}
footer .centro a{color:#fff}
footer .foo2 .centro a{color:#000}
.foo2 {background:#fff;padding: 5px 0;font-size: 10px; }
a,
a:visited,
a:active{color:#000;cursor: pointer}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1200px;margin: 0 auto;max-width: 100%;} 

div.page div.centro ,
.archivep div.centro 
{background: #fff; padding:    20px 2%} 
/*menu*/

nav.navbar {position: fixed;top: 0;left: 0;right: 0;    background: #AAE1D1; padding: 5px 0;    z-index: 99;}
nav.navbar .navbar-header{float: left;width: 16%;}
nav.navbar.header-centrocomercial .navbar-header{float: none;width: 100%;text-align: center;}
nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;top: 14px; right: 5px;padding: 8px 11px 12px 11px;    background: transparent;  border: 0;}
nav.navbar .navbar-header button.navbar-toggle.collapsed{}
nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 4px;display: block;width: 25px;height: 2px;border-radius: 1px;    background: #fff;}
nav.navbar .navbar-header a.navbar-brand{    text-decoration: none; font-size: 22px; letter-spacing: 1px; color: #fff; line-height: 1.3;}
nav.navbar .navbar-header a.navbar-brand img{    max-width: 175px;padding: 8px 0;}




nav.navbar #navbar{-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar.collapse{}
nav.navbar #navbar ul{margin: 0;    padding: 14px 0 0 0;;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-end;}
nav.navbar #navbar ul li{width: auto;margin: 0px 1%;padding: 5px 1%;text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar ul li a{color: #408A8F;text-decoration: none;font-size: 16px;} 
body.wordpress nav.navbar.fixed #navbar ul li a{color: #408A8F; }



nav.navbar #navbar_centrocomercial{-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar_centrocomercial.collapse{}
nav.navbar #navbar_centrocomercial ul{margin: 0;    padding: 14px 0 0 0;;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-end;}
nav.navbar #navbar_centrocomercial ul li{width: auto;margin: 0px 1%;padding: 5px 1%;text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar_centrocomercial ul li a{color: #408A8F;text-decoration: none;font-size: 16px;}  
 
nav.navbar #navbar_centrocomercial{position: fixed;width: auto;background: #fff;top: 65px;z-index: 99999999999;margin: 0px 0 00 0;right: 0;float: none;border: 1px solid #AAE1D1;padding: 0;min-width: 150px;}
nav.navbar #navbar_centrocomercial.cerrado{    display: none;}
nav.navbar #navbar_centrocomercial ul li{    text-align: left;width: 100%;}
nav.navbar #navbar_centrocomercial ul li a {    color: #000;padding: 5px 14px;  display: block;} 

nav.navbar .navbar-header button.navbar-toggle-centrocomercial{cursor: pointer;position: fixed;top: 14px; right: 5px;padding: 8px 11px 12px 11px;    background: transparent;  border: 0;}
nav.navbar .navbar-header button.navbar-toggle-centrocomercial.collapsed{}
nav.navbar .navbar-header button.navbar-toggle-centrocomercial span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
nav.navbar .navbar-header button.navbar-toggle-centrocomercial span.icon-bar{margin-top: 4px;display: block;width: 25px;height: 2px;border-radius: 1px;    background: #fff;}


nav.navbar #navbar_micuenta{-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar_micuenta.collapse{}
nav.navbar #navbar_micuenta ul{margin: 0;    padding: 14px 0 0 0;;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-end;}
nav.navbar #navbar_micuenta ul li{width: auto;margin: 0px 1%;padding: 5px 1%;text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar_micuenta ul li a{color: #408A8F;text-decoration: none;font-size: 16px;}  
 
nav.navbar #navbar_micuenta{position: fixed;width: auto;background: #fff;top: 65px;z-index: 99999999999;margin: 0px 0 00 0;left: 0;float: none;border: 1px solid #AAE1D1;padding: 0;min-width: 150px;}
nav.navbar #navbar_micuenta.cerrado{    display: none;}
nav.navbar #navbar_micuenta ul li{    text-align: left;width: 100%;}
nav.navbar #navbar_micuenta ul li a {    color: #000;padding: 5px 14px;  display: block;} 

nav.navbar .navbar-header button.navbar-toggle2{cursor: pointer;position: fixed;top: 14px; left: 5px;padding: 8px 11px 12px 11px;    background: transparent;  border: 0;}
nav.navbar .navbar-header button.navbar-toggle2.collapsed{}
nav.navbar .navbar-header button.navbar-toggle2 span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
nav.navbar .navbar-header button.navbar-toggle2 span.icon-bar{background-image: url(images/micuenta.png);width: 25px;height: 25px;background-size: cover;display: block;}


form p{margin: 0;}
form input[type="password"],
form input[type="email"],
form input[type="tel"],
form input[type="text"]
{    width: 90%;  padding: 5px 2%; margin-bottom: 15px;background: transparent!important; border: 1px solid #AAE1D1;}  
form input[type="submit"]{    background: #AAE1D1;border: 0; color:#fff; padding: 5px 15px;    text-transform: uppercase;}
form#formularioinscripcion,
form#loginform
{    max-width: 400px;}

.error a{color: red;}
.error { max-width: 94%; margin: 32px auto;  display: block; text-align: center;color: red;}

div.lis{}
form{}
form .acf-fields .acf-field{float: left;  width: 48%;  padding: 15px 0; margin: 15px 1%; clear: none;}
form .acf-fields .acf-field-5e9323f23c909{float: none;  width: 98%;clear: both;}
form .acf-fields .acf-field:nth-of-type(odd){clear: left;}
@media (min-width: 601px) {
    form .acf-fields .acf-field:nth-of-type(2){padding-top: 0;border:0;}
}
form .acf-fields .acf-field iframe{    max-height: 200px;}

div.recupera{    margin-top: 12px;font-size: 12px;}


.lisatar{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start; }
.lisatar li{    width: 33.33%; margin: 1% 0;padding:0;text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
.lisatar li .cont{box-shadow: 1px 1px 2px #ededed; margin: 12px; padding: 20px 20px;background: #fff; position: relative;}
.lisatar li .centrarimagen{   line-height: 100px;float: left;width: 49%;}
.lisatar li .sinima{     height: 165px;}
.lisatar li img{vertical-align: middle;    max-height: 100px;}
.lisatar li h2{ float: right;  width: 49%; height: 100px;  position: relative; display: block; margin: 0;}
.lisatar li h2 a{display: block;  text-decoration: none;   word-break: break-word;font-weight: 500;font-size: 16px;text-transform: uppercase;line-height: 1.2;text-align: center;margin: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: fit-content;margin: auto;}
.lisatar li .tel {padding: 5px 0;background: #AAE1D1;}
.lisatar li .tel a{color: #fff; text-decoration: none; letter-spacing: 2px;}
.lisatar li .categoe{clear:left;}
.lisatar li .categoe ul{padding: 0; margin: 0;  list-style: none;}
.lisatar li .categoe ul li{       display: block;  width: 40%;  float: left;   padding-left: 9%;   margin-right: 1%; background-repeat: no-repeat; background-position: left center;  background-size: 16px auto;  font-size: 12px;  text-align: left;      padding-top: 7px; padding-bottom: 7px;}
.lisatar li .categoe ul li.restaurante{background-image: url('images/restaurante.png'); }
.lisatar li .categoe ul li.alimentacion{background-image: url('images/alimentacion.png'); }
.lisatar li .categoe ul li.farmacia{background-image: url('images/farmacia.png'); }
.lisatar li .categoe ul li.otros{background-image: url('images/other.png'); }

.tope{    position: absolute;  top: 0; font-size: 10px;  background: #AAE1D1; left: 0; right: 0;}
.tope ul{    margin: 0; padding: 0; list-style: none;}
.tope ul li{    color: #408A8F;float: left; text-align: center;width: 25%;}
.tope ul li.esps{    width: 100%;}

.cproduc{}

.archivep{}
.archivep .dch{ float: right; width: 48%;}
.archivep .izq{float: left; width: 48%;}
.archivep .izq div{margin-bottom: 5px;}
.archivep .foto{}

.conflex5{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;}
.conflex5 .filaflex{ width: 31.33%; margin: 1%;padding:0;text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
.conflex5 .filaflex{     background: #fff;}
.conflex5 .filaflex img{}
.conflex5 .filaflex img.sola{ float: none; margin: 0 auto;}
.conflex5 .filaflex h3{    padding: 0 3%;} 
.conflex5 .filaflex .text{text-align: left;    padding: 0 3%;}

.lisatprod.conflex5 {    }
.lisatprod.conflex5 .cerrador{ display: none!important;   }
.lisatprod.conflex5 a{text-decoration: none;}
.lisatprod.conflex5 .filaflex{width: 16%;box-shadow: 1px 1px 2px #ededed;     margin: 12px 1%; padding: 25px 1%; background: #fff;  position: relative;}
.lisatprod.conflex5 .filaflex .empre {position: absolute;top: 0;background: #AAE1D1;    color: #408A8F;left: 0;right: 0;font-size: 11px;padding: 2px 0;}
.lisatprod.conflex5 .filaflex .nombre{    text-transform: uppercase; font-size: 12px; line-height: 1.2;}
.lisatprod.conflex5 .filaflex .contenidop{display: none;}
.lisatprod.conflex5 .filaflex .contenidop .conimax{float:left; width: 49%;max-height: 140px;    overflow: hidden;}
.lisatprod.conflex5 .filaflex .contenidop .conimax.sola{float:none; margin: 0 auto;}
.lisatprod.conflex5 .filaflex .contenidop .conimax img{ display: block;  width: auto;  height: auto; }
.lisatprod.conflex5 .filaflex .contenidop .conte2{font-size: 11px; text-align: left;}
.lisatprod.conflex5 .filaflex .contenidop .conte2.conte2ima{    float: right; width: 45%; }
.lisatprod.conflex5 .filaflex .tel {    position: absolute; bottom: 0; text-align: center; left: 0; right: 0; background: #AAE1D1; }
.lisatprod.conflex5 .filaflex .tel a { color: #fff; text-decoration: none; font-size: 11px; line-height: 20px; letter-spacing: 2px;}


.pordudu{    background: #AAE1D1; }
.pordudu h2{  color: #408A8F;}
.archivep .pordudu div.centro{    background: transparent;  }

.bk2{background: #AAE1D1;    padding: 50px 0;}
.bk2 div.centro{ width: 900px;max-width: 90%;}
.bk2 div.centro p{ font-size: 19px; line-height: 25px; text-align: center;color: #FFFFFF;}
.bk2 div.centro p a{ color: #FFFFFF;}
.bk2 h2{font-weight: 200;font-size: 26px;line-height: 34px;text-align: center;color: #408A8F;}


.buscador{    position: relative;    width: 400px; margin: 0 auto; max-width: 100%;}
.buscador input{     margin: 0px 0;width: 100%;padding: 5px 15px;border-bottom: 1px solid #43794a;border-top: 0;border-left: 0;border-right: 0;font-size: 21px;color: #408A8F;;text-align: center;background: transparent;}
.buscador input::placeholder{     color: #408A8F;;}
.buscador input::link{     background: red}
.buscador input::visited{   background: red }
.buscador #display ul{position: absolute;z-index: 999999;background: #AAE1D1;top: 35px;border: 1px solid #43794a;list-style: none;padding: 5px 15px;width: 94%;margin: 0;    left: 2%;}
.buscador #display li{padding-bottom: 3px;}
.buscador #display li a{    color: #43794a; text-decoration: none;}


.wpcf7-form{}
.wpcf7-form label{}
.wpcf7-form label input{}
.wpcf7-form label textarea{    display: block;resize: NONE;width: 90%;padding: 5px 2%;background: transparent!important;border: 1px solid #AAE1D1;}
.wpcf7-form label .wpcf7-list-item{    display: block;}
.wpcf7-form label .legal{     font-size: 10px;margin-bottom: 15px;}
.wpcf7-form label .legal input{ }
.wpcf7-form label .legal span{ }

.nav.navbar.header-centrocomercial  .navbar-header{    float: none;width: 100%;text-align: center;}

.listadoproductos{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start; }
.listadoproductos .producto{position: relative;width: 20%;margin: 0px 0%;padding: 0%;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
.listadoproductos .producto .cajon{border: 1px solid #AAE1D1;   padding: 16px;}
.listadoproductos .producto .imagen{line-height: 153px;overflow: hidden;    display: block;text-align: center;}
.listadoproductos .producto img{    vertical-align: middle;max-height: 150px;margin: 0 auto;}
.listadoproductos .producto h3{    margin: 3px 0;text-transform: uppercase;font-weight: 400;font-size: 12px;text-align: left;}
.listadoproductos .producto .precio{font-size: 14px;color: #408A8F;}
.listadoproductos .producto .nomempresa{font-size: 10px; color:#c1bebe;    display: block;}

.productodelcccc{}
.productodelcccc .imagen{float:left; width: 30%;text-align: center;}
.productodelcccc .imagen img{   max-height: 300px;margin: 0 auto;}
.productodelcccc .contenedor{float:right; width: 68%;}
.productodelcccc h1{margin-top: 0;}
h2.titulo{    font-weight: 200;font-size: 25px;line-height: 1.2;}
h2.titulo:after{content: '';display: block;background: #AAE1D1;height: 2px;width: 50px;position: relative;bottom: -5px;}
.productodelcccc .nomempresa {font-size: 14px;color: #c1bebe;display: block;    margin-bottom: 5px;}
.productodelcccc .post_excerpt {margin-bottom: 5px;}
.productodelcccc select {    margin-bottom: 5px;}
.productodelcccc input[type=number] {    width: 26px;margin-top: 10px;height: 17px;}
.productodelcccc input[type=submit] {}

.menulog{}
.menulog a{    cursor: pointer;background: #AAE1D1;padding: 5px 15px;color: #fff;}
.cajones.cerrado,
.bloquelogin.cerrado,
.bloqueregistrase.cerrado{    display: none;}

.paginacarrito{}
.paginacarrito .empresa{    box-shadow: 1px 1px 5px #eee;padding: 15px 2%;margin-bottom: 15px;} 
.paginacarrito .empresa h2{     margin: 0 0 10px;} 
.paginacarrito .empresa h2:after{content: '';    display: block; background: #AAE1D1; height: 2px; width: 50px;     position: relative;   bottom: -5px;}
.paginacarrito .empresa .comentarioempresa {font-size: 11px;    margin: 7px 0;}
.paginacarrito .empresa .productos{}
.paginacarrito .empresa .productos .prodcuto{    border: 1px solid #AAE1D1;padding: 16px;position: relative;}
.paginacarrito .empresa .productos .prodcuto a.borrar{    position: absolute;top: 2%;right: 2%;text-decoration: none;}
.paginacarrito .empresa .productos .prodcuto h3{    margin: 0;font-weight: 100;}
.paginacarrito .empresa .productos .prodcuto .subblo{ float: left; width: 31.33%; padding: 0 2% 0 0;}

.datosfinales{    margin: 10px 0 0;}
.misdireccionesc{}
.misdireccionesc ul{margin: 0;list-style: none;padding: 0;}

.aviso{text-align: center;color: #AAE1D1;text-transform: uppercase;font-size: 30px;margin: 0 0 10px;}
.paginacarrito .aviso{color: red;}
.llegamos{    background: #AAE1D1;color: #408A8F;padding: 10px 2%;font-size: 11px;line-height: 1.2;margin-bottom: 5px;}
.llegamos b{    color: #408A8F;clear: both;display: block;}
.llegamos span{    width: 25%;display: block;float: left;}

.portadahome{    margin: 0; padding: 0; list-style: none;}
.portadahome .cojeneshome{ position: relative;  }
.portadahome div.cajaproducto{    background-size: cover;position: relative;/*background-attachment: fixed;*/background-position: center;background-repeat: no-repeat;} 
.portadahome div.cajaproducto,
.portadahome div.cajaprod{ width: 50%;   }  
.portadahome div.cajaproducto{float:left;    position: absolute;height: 100%;}
.portadahome div.cajaprod{ float:right;     } 

h2.titulohom{    margin-top: 70px;}
.portadahome .cojeneshome:nth-of-type(2n){   }
.portadahome .cojeneshome:nth-of-type(2n) div.cajaproducto{  float:right;    right: 0; }
.portadahome .cojeneshome:nth-of-type(2n) div.cajaprod{ float:left;  }


.portadahome .caja .listadoproductos .producto{width: 50%;}
.portadahome .caja a.list{     position: absolute;top: 0;width: 100%;height: 100%} 
.portadahome .caja a.list span{     position: absolute;top: 0;width: 96%;margin: 0 auto;text-align: center;text-decoration: none;color: #408A8F;font-size: 23px;background: #AAE1D1;padding: 5px 2%;}  
.portadahome .cajabebidas{background-image: url('images/home/bebidas.jpg');}
.portadahome .cajafarmacia{background-image: url('images/home/farmacia.jpg');}
.portadahome .cajapescaderia{background-image: url('images/home/pescaderia.jpg');}
.portadahome .cajaelectronica{background-image: url('images/home/electronica.jpg');}
.portadahome .cajacomida-para-recoger{background-image: url('images/home/restaurantellevar.jpg');}
.portadahome .cajadulces-y-tartas{background-image: url('images/home/dulce.jpg');}

.hacerpedido {margin-top: 15px;}
.comentario-pedido{}
.comentario-pedido textarea{border: 1px solid #AAE1D1;padding: 5px 10px;position: relative;display: block;resize: none;width: 50%;margin: 10px 0 0;}
.vmp2{display: none;}
.vmp{display: none;}
@media (min-width: 1201px) { nav.navbar .navbar-header button.navbar-toggle{display: none;} }

@media (max-width: 1200px) { 
    .navbar-inverse .navbar-brand{padding: 0;}
    ul.navbar-nav{margin: 0;}
    nav.navbar div#navbar{position: fixed;width: auto;background: #fff;top: 65px;z-index: 99999999999;margin: 0px 0 00 0;right: 0;float: none;border: 1px solid #AAE1D1;padding: 0;}
	nav.navbar div#navbar.cerrado{    display: none;}
	nav.navbar #navbar ul li{    text-align: left;width: 100%;}
    .bk4 .not a{    top: -8px;}
    nav.navbar #navbar ul li a {    color: #000;padding: 5px 14px;  display: block;}
    nav.navbar .navbar-header{float: none;width: 100%; text-align: center}
    
}

@media (max-width: 1200px) { 
    div.centro{    width: 94%;} 
    .lisatar li{width: 50%;}
    
}

@media (max-width: 880px) {  
    
    .lisatprod.conflex5 .filaflex{width: 21%; }
    .listadoproductos .producto{width: 33.33%;}
}
@media (max-width: 760px) {  
    /*
    .lisatar li{width: 50%;}
    .lisatar li .centrarimagen{line-height: 148px;}
    .lisatar li .sinima{height: 148px;}
    .lisatar li .cont {padding: 5px 10px;}*/
}

@media (max-width: 600px) { 
    footer{    margin-bottom: 40px;}
    .vmp2,
    .vmp
    {display: block}
    .vmp2 a
    { display: block;position: fixed; bottom: 0; background: #AAE1D1;width: 50%;height: 40px;text-decoration: none;text-align: center; left: 0;z-index: 99; color: #fff; line-height: 40px;font-size: 19px;}
    .vmp a
    { display: block;position: fixed; bottom: 0; background: #AAE1D1;width: 25%;height: 40px;text-decoration: none;text-align: center; left: 0;z-index: 99; color: #fff; line-height: 60px;font-size: 19px;    background-repeat: no-repeat; background-position: center 5px; font-size: 10px;}
    .vmp2 a:nth-of-type(2)
    { right: 0;left:auto;}
    .vmp a:nth-of-type(1){background-image: url('images/restaurante.png');}
    .vmp a:nth-of-type(2){background-image: url('images/alimentacion.png');left: 25%;}
    .vmp a:nth-of-type(3){background-image: url('images/farmacia.png');left: 50%;}
    .vmp a:nth-of-type(4){background-image: url('images/other.png');left: 75%;}
     
    
    .vmp2 a{    z-index: 100;}
    form .acf-fields .acf-field{    float: none;  width: 98%;}
    
    .conflex5 .filaflex { width: 48%;}
    
    .lisatar li .cont{margin: 3px;    padding: 30px 0 0;}
    .lisatar li{width: 100%;}
    .lisatar li .centrarimagen{width: 20%;    line-height: 50px;margin-left: 1%;}
    .lisatar li h2{width: 77%;    height: 50px;}
    .lisatar li h2 a{text-align: left;padding-right: 45px;}
    .lisatar li img{    max-height: 50px;}
    .lisatar li .categoe ul li{    float: right;padding: 0;background-size: 12px auto;font-size: 0;height: 15px;width: 15px;}
    .lisatar li .tel{ font-size: 0;font-weight: bold;padding: 0px 0;position: absolute;right: 0;BOTTOM: 0;top: 0;background-image: url(images/call.png);background-size: 13px auto;background-repeat: no-repeat;background-position: center;height: 100%;width: 25px;}
    .tope{    right: 25px;}
    .lisatar li .categoe {position: absolute;bottom: 0;right: 25px;clear: none;width: 31px;}
    
    .cproduc {font-size: 12px;clear: left;text-align: left;padding: 3px 5px;}
    
    .tope ul li{    width: 25%;}
    
    .lisatprod.conflex5 .filaflex{    width: 29.33%;}
    
    .listadoproductos .producto{width: 50%;}
    .listadoproductos .producto .cajon { min-height: 223px;}
    
    .menulog a{    display: block;margin-bottom: 5px;}
    .subblo {text-align: center}
    .subblo b{display: block;}
    
    .portadahome div.cajaproducto{    float: none;position: relative;height: 200px;width: 100%;}
    .portadahome div.cajaprod{float: none;width: 100%;}
    .portadahome div.cajaproducto{   /* background-attachment: fixed;*/}
    
}


@media (max-width: 500px) {   
    /*
    .lisatar li .centrarimagen{line-height: 72px;}
    .lisatar li .centrarimagen img{    max-height: 76px;}
    .lisatar li .sinima{height: 72px;}
    .lisatar li .categoe ul li{    width: 80%; padding-left: 19%}
    .lisatar li h2{    margin: 10px 0;}
    .lisatar li .tel a{    letter-spacing: 0.5px;}
    .lisatar li h2 a{    font-size: 15px;}
    */
    .archivep .izq,
    .archivep .dch
    { float: none; width: 100%;}
    .archivep .dch img
    {     max-height: 100px;}
    
    
    footer .centro img{    padding: 5px 2%;  width: 96%;}
    
    .bk2.bk {padding: 1px 0;}
    .bk2 div.centro p{font-size: 16px; line-height: 1.2;}
    .bk2 h2{    margin: 0}
     
    .lisatprod.conflex5 .filaflex{    padding-bottom: 10px;width: 96%;}
    .lisatprod.conflex5 .filaflex .contenidop .conte2{display: none;}
    .lisatprod.conflex5 .filaflex .tel{left: auto;font-weight: bold;padding: 0px 0;position: absolute;right: 0;BOTTOM: 0;top: 0;background-image: url(images/call.png);background-size: 13px auto;background-repeat: no-repeat;background-position: center;height: 100%;width: 25px;}
    .lisatprod.conflex5 .filaflex .tel a{font-size: 0;position: absolute;height: 100%; width: 100%; left: 0; }
    .lisatprod.conflex5 .filaflex .nombre{     width: 91%;height: auto;float: right;text-align: left;margin-right: 9%; }
    .lisatprod.conflex5 .filaflex .nombre h3{   margin: 5px 0;}
    .lisatprod.conflex5 .filaflex .contenidop .conimax{width: 20%;line-height: 50px;margin-left: 1%;    max-height: 75px;}
}

@media (max-width: 410px) {  
    .buscador {width: 300px}
    .buscador input{width: 270px;}
    .buscador #display ul {width: 238px;left: 14px;}
}




































