/*-- TAGS --*/
body {
	font-family: 'Lato', sans-serif;
	color: #666;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: 300;
	margin: 0px;
	background-color: #f0f0f0;
	background-image: url("../img/fondo-body.png");
	background-repeat: repeat;
}
header {
	position: fixed;
	padding: 10px 0;
  /*height: 60px;*/
  z-index: 3;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	box-shadow: 0 0 3px #ccc;
  -webkit-box-shadow: 0 0 3px 2px rgb(0 0 0 / 20%);
  box-shadow: 0 0 3px 2px rgb(0 0 0 / 20%);
}
a,
a:visited {
  text-decoration: none;
  color: rgb(106 167 44);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
a:active,
a:focus {
  text-decoration: none;
  color: rgb(255 111 0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: rgb(255 111 0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
main {
  margin: 60px auto 70px;
	padding: 30px 0;
  max-width: 767px;
}
h1 {
  font-size: 1.1em;
  line-height: 1.2em;
  margin-top: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
h2 {
  font-size: 1em;
  line-height: 1.2em;
  margin-top: 10px;
  font-weight: 400;
  text-transform: uppercase;
}
h3 {
  font-size: 0.9em;
  line-height: 1.2em;
  margin-top: 10px;
  font-weight: 400;
  text-transform: uppercase;
}
img {
    width: 100%;
}
ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}
p {
	margin-bottom: 10px;
}
footer {
  position: fixed;
  padding: 10px 0;
  z-index: 3;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 3px #ccc;
  -webkit-box-shadow: 0 0 3px 2px rgb(0 0 0 / 20%);
  box-shadow: 0 0 3px 2px rgb(0 0 0 / 20%);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
footer:hover {
  bottom: 0;
}
label {
    margin-bottom: 0.5em;
    font-weight: 400;
}
input:focus {
  border: none;
}



/*-- HEADER --*/
header .bgcolor-header {
  position: absolute;
  background-color: rgb(106 167 44);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}
header .header-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .logo,
header .botones {
  width: 50%;
  float: left;
  padding: 0 15px;
}
header .botones {
  padding-right: 10px;
}
header .botones {
  display: flex;
  justify-content: flex-end;
}
header .logo img  {
  height: 40px;
  width: auto;
}
header .search {
  opacity: 0;
  position: absolute;
  text-align: center;
  padding: 25px 15px;
  width: 100%;
  top: -135px;
  background-color: #ececec;
  z-index: -2;
  box-shadow: 0 0 3px #ccc;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header .search-mostrar {
  opacity: 1;
  text-align: center;
  top: 60px;
}
header .search input {
  width: 1%;
  padding: 15px;
  border-radius: 6px;
  border: #ccc;
  text-align: center;
  font-size: 1.2em;
  font-weight: 600;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5 ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
header .search-mostrar input {
  width: 100%;
}



/*-- MENU --*/
.sidebar-nav {
  background-color: #fff;
  border-radius: 6px;
}
.nav > li {
  font-weight: 400;
  border-bottom: 1px solid #ececec;
  text-transform: uppercase;
}
.nav > li:last-child {
  border-bottom: none;
}
.accordion-heading-2 a {
  font-size: 0.9em;
  padding: 12px 65px 12px 40px;
  display: block;
  color: #666;
  font-weight: 600;
}
.nav > li > a:hover, 
.nav > li > a:focus {
  text-decoration: none;
  background-color: #fbfbfb;
}
.nav > li > ul > li {
  border-bottom: none;
  padding: 0;
  text-transform: uppercase;
}
.nav > li > ul > li > ul > li > a {
  font-size: 0.9em;
  padding: 10px 25px 10px 55px;
  display: block;
  color: #666;
}
.nav > li > ul > li > ul > li > a:hover, 
.nav > li > ul > li > ul > li > a:focus {
  text-decoration: none;
  background-color: #fbfbfb;
}
.accordion-heading a {
  padding: 15px 65px 15px 25px;
  display: block;
  font-weight: 700;
}
.accordion-heading a:hover,
.accordion-heading-2 a:hover {
  cursor: pointer;
  background-color: #f6f6f6;
}
.active a {
  cursor: pointer;
  color: rgb(255 111 0);
  background-color: #f6f6f6;
}
.accordion-heading.active .icon-row .icon span svg,
.accordion-heading-2.active .icon-row .icon span svg {
  transform: rotate(180deg);
}
.accordion-heading.active .icon-row .icon span svg path,
.accordion-heading-2.active .icon-row .icon span svg path {
  stroke: rgb(255 111 0) !important;
}
svg {
  width: 100%;
  height: auto;
  display: block;
}
.icon {
  display: block;
}
.icon span {
  width: 100%;
  height: auto;
  display: block;
}
.icon-row.jsx-377550148 {
  width: 65px;
  height: 46px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jsx-377550148 {
  cursor: pointer;
}
.icon-row .icon {
  width: 1em;
  -webkit-transition: all 300ms ease-in;
  -webkit-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.icon-row .icon span svg path {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.icon-row .icon span svg {
  -webkit-transition: all 300ms ease-in;
  -webkit-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.accordion-heading:hover .icon-row .icon span svg,
.accordion-heading-2:hover .icon-row .icon span svg {
  transform: rotate(180deg);
}
.accordion-heading:hover .icon-row .icon span svg path,
.accordion-heading-2:hover .icon-row .icon span svg path {
  stroke: rgb(255 111 0) !important;
}
.accordion-heading:hover,
.accordion-heading-2:hover,
.accordion-heading:focus,
.accordion-heading-2:focus {
  color: rgb(255 111 0) !important;
}
.header-categoria {
  margin-bottom: 30px;
  background-size: cover;
  background-position: center center;
  max-height: 30vh;
}
.collapse.in {
  margin-bottom: 15px;
}



/*-- LISTADOR --*/
.destacado {
  /*background-image: url('../img/fondo-destacado.jpg');
  background-repeat: repeat;*/
  display: block;
  position: relative;
}
.destacado a {
  padding: 0 !important;
}
.destacado > h1 {
  font-size: 1em;
  padding: 10px 15px;
  display: table;
  margin: 15px auto;
  border: 1px solid #666;
  border-radius: 50px;
}
.destacado > h1 span {
  color: rgb(255 111 0);
}
.destacado .promo {
  padding: 0;
  /*margin-bottom: 15px;*/
  cursor: pointer;
  background-color: #fafafa;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.destacado .promo:hover {
  background-color: rgb(106 167 44 / 15%);
}
.destacado .promo .descripcion {
  width: 65%;
  padding: 15px;
  float: left;
}
.destacado .promo .descripcion p {
  text-transform: uppercase;
  color: #666;
  font-size: 0.8em;
}
.destacado .promo .taco {
  padding: 15px;
  width: 25%;
  float: left;
}
.destacado .promo .taco .precio {
  width: auto;
  padding: 10px 15px;
  color: #fff;
  background-color: #ff0000;
  position: absolute;
  right: 15px;
  border-radius: 4px;
}
.precio {
  font-weight: 400;
  margin-bottom: 0;
  font-size: 1.2em !important;
  text-align: right;
  padding: 5px;
  background-color: #fafafa;
}
.precio span,
.producto h3 span.signo {
    font-size: 0.8em;
}
.listar {
  padding: 15px 0;
  text-transform: none;
  color: #666;
}
.listar .listador-1 {
  padding: 0;
  border: 1px solid #ccc;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  border-radius: 4px;
}
.listar .listador-1 {
  position: relative;
  margin: 15px;
  padding: 0;
  border: 2px solid #e9e9e9;
}
.listar .listador-1:hover,
.listar .active {
  /*background-color: rgb(106 167 44 / 5%);*/
  border: 2px solid rgb(106 167 44);
}
.listar .listador-1 h2 {
  margin-top: 0;
  color: #666;
  font-weight: 700;
}
.listar .listador-1 h3 {
  margin: 0;
  color: #666;
}
.listar .listador-1 p {
  color: #666;
  font-size: 0.7em;
  line-height: 1.4em;
}
.listar .listador-1 .producto-visible .descripcion {
  width: 60%;
  padding: 15px;
  float: left;
  color: #666;
  text-transform: uppercase;
  /*letter-spacing: 1px;*/
  line-height: 1.2em;
}
.listar .listador-1 .producto-visible .foto {
  width: 40%;
  padding: 15px;
  float: left;
  padding-left: 0;
}
.listar .listador-1 .producto-oculto {
  display: none;
}
.listar .listador-1 .producto-oculto .item {
  display: flex;
  align-items: center;
}
.listar .listador-1 .producto-oculto .item .producto {
  width: 60%;
  padding: 10px 15px;
  float: left;
}
.listar .listador-1 .producto-oculto .item .cantidad {
  width: 40%;
  padding: 15px;
  float: left;
  padding-left: 0;
}
.listar .listador-1 .producto-oculto .boton {
  padding: 15px;
  text-align: center;
  padding-top: 0;
}
.listar .listador-1 .producto-oculto .boton .btn {
  padding: 8px 15px;
}
.listar .listador-1 .producto-oculto .comentario {
  padding: 15px;
  padding-top: 0;
}
.listar .listador-1 .producto-oculto .comentario textarea {
  width: 100%;
  border-color: #ccc;
  padding: 6px 10px;
  font-style: italic;
  color: #999;
  border: 1px solid #c3c3c3;
  resize: vertical;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  color: #fff;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {  
  color: #fff;
}
.btn-group>.btn:last-child:not(:first-child), 
.btn-group>.dropdown-toggle:not(:first-child) {
  color: #fff;
}
input {
  /* background-color: #1d2124; */
  border-color: #171a1d;
  width: 30px;
  padding: 4px 0;
}




/*-- MAIN --*/
.main-inactivo {
  display: none;
}
.parpadea {
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.5; }
   100% { opacity: 1.0; }
}
@keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.5; }
  100% { opacity: 1.0; }
}
.lazy {
  background-image: url('../img/loading.gif');
  background-repeat: no-repeat;
  background-size: contain;
}

/*-- BUSQUEDA --*/
.busqueda-contenedor {
  background-color: #fff;
  border-radius: 6px;
  margin-top: 90px;
}
.titulo-busqueda {
  color: rgb(255 111 0);
  background-color: #f6f6f6;
  padding: 15px 65px 15px 25px;
}
.titulo-busqueda h2 {
  display: block;
  font-weight: 700;
}
.titulo-busqueda h2 span {
  font-style: italic;
  font-weight: 800;
}
.busqueda-contenedor .nav {
  padding-bottom: 15px;
}

/*-- CARRITO --*/
.carrito-contenedor {
  background-color: #fff;
  border-radius: 6px;
}
.titulo-carrito {
  position: relative;
  color: rgb(255 111 0);
  background-color: #f6f6f6;
  padding: 15px 65px 15px 25px;
}
.titulo-carrito h2 {
  display: block;
  font-weight: 700;
}
.titulo-carrito i.borroPedido {
  position: absolute;
  top: 36%;
  right: 4%;
  font-size: 1.3em;
  cursor: pointer;
}
.carrito-contenedor .nav {
  padding-bottom: 15px;
}

/*-- CONTACTO --*/
.input-lg {
  padding: 25px;
  font-size: 0.9em;
  border-radius: 0;
}
.form-control {
  color: #3a4276;
}




/*-- FOOTER --*/
footer {
  bottom: -70px;
  transition: all 1s ease 0s;
}
footer .btn  {
  display: block;
  display: flex;
  margin: 0 auto;
  font-size: 1.1em;
}
footer .btn span {
  font-weight: 700;
  font-size: 1.2em;
}






/*-- Gral --*/
.mb5 {
	margin-bottom: 5em;
}
.mb3 {
	margin-bottom: 3em;
}
.mb2 {
	margin-bottom: 2em;
}
.mb1 {
	margin-bottom: 1em;
}
.mt3 {
	margin-top: 3em;
}
.pt5 {
	padding-top: 5em;
}
.pt2 {
	padding-top: 2em;
}
.pt3 {
	padding-top: 3em;
}
.pb3 {
	padding-bottom: 3em;
}
.pb2 {
	padding-bottom: 2em;
}
.pb1 {
	padding-bottom: 1em;
}
.pl2 {
	padding-left: 2em;
}
.pr1 {
	padding-right: 1em;
}
.plr2 {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.plr {
  padding-left: 8%;
  padding-right: 8%;
}
.bt1 {
	border-top: solid 1px #cccccc50;
}
.bb1 {
	border-bottom: solid 1px #cccccc50;
}
.border-1 {
  border: rgb(106 167 44);
}
.border-2 {
  border: rgb(255 111 0);
}
.color-1 {
	color: rgb(106 167 44);
}
.color-1:hover {
  color: rgb(255 111 0);
}
.color-2 {
	color: rgb(255 111 0);
}
.color-2:hover {
  color: rgb(106 167 44);
}
.color-3 {
  color: #666;
}
.color-3:hover {
  color: rgb(255 111 0);
}
.bg-color-1 {
	background-color: rgb(106 167 44);
	color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bg-color-1:hover {
  background-color: rgb(255 111 0);
}
.bg-color-2 {
	background-color: rgb(255 111 0);
	color: #fff;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.bg-color-2:hover {
  background-color: rgb(106 167 44);
}
.overlay {
  position: absolute;
  background-color: #3a4276;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.75;
}
.fa-1x {
  font-size: 1.5em;
}
.btn {
  padding: 8px 10px;
}
.btn-primary {
  margin: 0 5px;
  /*color: #fff;
  background-color: rgb(255 111 0);
  border-color: rgb(255 111 0);*/
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.scrollTop {
  margin: 15px;
  right: 0;
  position: fixed;
  bottom: 0;
  padding: 10px;
  border-radius: 50%;
  background-color: rgb(255 111 0);
  z-index: 9;
  cursor: pointer;
  transition: all 1s ease 0s;
}
.scrollTop:hover {
  cursor: pointer;
}
.scrollTop img {
  width: 25px;
  height: auto;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.scrollTop:hover img {
  width: 30px;
  height: auto;
  cursor: pointer;
}
.ampliar-foto {
  margin: 7px;
  padding: 7px;
  position: absolute;
  right: 0;
  z-index: 2;
}
.btn:hover, .btn:focus {
  color: #fff;
}
.btn:focus {
  outline: thin dotted;
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: 0;
}
.badge {
  color: #666;
  font-weight: 900;
  font-size: 1.2em;
  margin-left: 5px;
}





/*-- MEDIAS --*/
@media (max-width:600px) {

}

@media (max-width:767px) {
	
}


@media (min-width: 768px) and (max-width: 991px) {
  
}


@media (min-width: 992px) and (max-width: 1199px) {
	
}


@media (min-width: 1200px) {
  
}