/* indice=107*/
#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;	background:url(/imgctrl/ui.totop.png) no-repeat left top;}
#toTopHover {background:url(/imgctrl/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}
/* indice=201*/
.social {background-image: url("/images/social32.jpg");background-repeat: no-repeat;display: block;float: left;height: 32px;margin-left: 0px;width: 32px;margin:0px 5px 5px 0px;}
.facebook {background-position: 0px 0px;}
.facebook:hover {background-position: 0 -32px;}
.twitter {background-position: -32px 0px;}
.twitter:hover {background-position: -32px -32px;}
.google{background-position: -64px 0px;}
.google:hover {background-position: -64px -32px;}
.instagram{background-position: -96px 0px;}
.instagram:hover {background-position: -96px -32px;}
.pinterest{background-position: -128px 0px;}
.pinterest:hover {background-position: -128px -32px;}
.flickr{background-position: -160px 0px;}
.flickr:hover {background-position: -160px -32px;}
.youtube{background-position: -192px 0px;}
.youtube:hover {background-position: -192px -32px;}
.vimeo{background-position: -224px 0px;}
.vimeo:hover {background-position: -224px -32px;}
.rss{background-position: -256px 0px;}
.rss:hover {background-position: -256px -32px;}

/* indice=212*/
body {font-family: "Trebuchet MS",'Inconsolata',arial,serif;}
h1, h2, h3, h4, h5, h6 {color:#000;padding-bottom:10px;font-family:'Oswald', sans-serif;text-transform: uppercase;}
a {color:#000;}
a:hover {color:#b30000;}
a:focus {color:#b30000;}
@screen (max-width: 480px) { h1 {font-size:24px}h2 {font-size:22px}h3 {font-size:20px}h4 {font-size:16px}h5 {font-size:14px}h6 {font-size:12px} }
@media (min-width: 481px) and (max-width: 800px) {h1 {font-size:24px}h2 {font-size:22px}h3 {font-size:20px}h4 {font-size:16px}h5 {font-size:14px}h6 {font-size:12px} }
footer {background-image:url(/images/body.png);background-repeat:repeat;background-position:top left;background-color:#eee;padding:20px 5px 0px 5px;}
#piemapa {padding-bottom:20px;font-size:0.7em;border-top: 1px dotted #666;}
#piemapa ul li {margin:0px 10px;}
#piemapa ul ul {margin:0px;padding:0px}
#pieidiomas {text-align:right;}
#pieempresa {padding-bottom:20px;}
/* header {position:fixed;width:100%;z-index:9999;transition: height 0.3s ease 0s;top:0;} */
header.smaller {position: fixed;top: 0;left: 0;}
.smaller #bot { position: absolute;  top: 0!important;  transform: translateY(0%)!important;right: 0;}
@media (min-width: 1281px) {  }
#logotipo{height:auto!important;}
#menuprincipal {font-family:'Oswald', sans-serif;text-transform: uppercase;font-size:1.2em;margin-bottom:0px;}
#menuprincipal .navbar-brand {padding: 0px 15px 15px 15px!important;}
@media (min-width: 801px) { 
#botonera {position: relative;}
#botoneratr ul {float:right;margin-top:25px;}
#bot { position: absolute;  top: 50%;  transform: translateY(-50%);right: 0;}
}
.buscaidioma {margin-right:50px;}
#pielegal {font-size:10px; }
.tramofondo {background-color:#b30000;}
.verdefondo {background-color:#b7f098;}
.grisclarofondo {background-color:#f0f0f0;}
.amarilloclarofondo {background-color:#dddbdb;}
.naranjafondo {background-color:#ef572d;}
#mapa {padding:5px;margin:0px;}
#mapa li {display:block;float:left;margin:5px 10px;font-size:1.4em;width:20%x;font-family: "calibri",arial,serif;}
#mapa li ul li {width:100%;}
#pieidiomas ul {list-style:none;display:block;float:left;padding:0;}
#pieidiomas ul li {font-size:1.4em;line-height:30px;}
@media (min-width: 801px) { 
.img-mapa {border:10px solid #c12e2a;}
}
@media (max-width: 800px) { 
.img-mapa {border:5px solid #c12e2a;}
}
.navbar-toggle {
    background-color: #fff;
    border: 1px solid #666;
}
.navbar-toggle .icon-bar {
    background-color: #666;
}
.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
}
/* =Header
-------------------------------------------------------------- */
header {width: 100%;overflow: hidden;z-index: 999;
-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s; }
header .navbar-header
{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
header nav {}
header nav a {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
header.smaller .navbar-brand img {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
header.smaller {height: 50px;}
header.smaller #logotipo {height: 50px;line-height: 40px;font-size: 30px; }
header.smaller nav a {line-height: 25px; } 
header.smaller .navbar-default {background-color:#ccc!important;background-image:none!important;}
header.smaller .navbar-brand {padding:0px;}
header.smaller .navbar-brand img {height:45px;}
header.smaller .navbar-default .navbar-nav > li > a {color: #000;}
/* indice=225*/
#clientes {margin:20px auto 30px auto;}
/* indice=233*/
@media (min-width: 800px) {
#botoneratr {background:url(/images/demo.png) no-repeat top left;}
}
.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
  position: absolute !important;
  -webkit-transform: none !important;
     -moz-transform: none !important;
      -ms-transform: none !important;
       -o-transform: none !important;
          transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255,255,255,.9);
  border: 1px solid #777;
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0,0,0,.4);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
  position: absolute;
  z-index: 10000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
      -ms-box-sizing: content-box;
       -o-box-sizing: content-box;
          box-sizing: content-box;
}

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
  background:    -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background:     -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
  background:      -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  border: 5px solid white;
  content:'';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
}
.introjs-arrow.right-bottom {
  bottom:10px;
  right: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color:white;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom:10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}

.introjs-tooltip {
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0,0,0,.4);
  -webkit-transition: opacity 0.1s ease-out;
     -moz-transition: opacity 0.1s ease-out;
      -ms-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a;
}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-progress {
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1
}
.introjs-progressbar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}
/* indice=247*/
.alergeno100 {background-image: url("/images/alergeno100.png");background-repeat: no-repeat;display: block; float: left;height: 100px;margin: 0 5px 5px 0;width: 75px;}
.gluten100 {background-position:0px 0px;}
.crustaceos100 {background-position:-75px 0px;}
.huevos100 {background-position:-150px 0px ;}
.pescado100 {background-position: -225px 0px;}
.cacahuetes100 {background-position: -300px 0px;}
.soja100 {background-position: -375px 0px;}
.lacteos100 {background-position:-450px 0px;}
.frutoscascara100 {background-position:0px -100px;}
.apio100 {background-position:-75px -100px;}
.mostaza100 {background-position:-150px -100px;}
.sesamo100 {background-position:-225px -100px;}
.sulfitos100 {background-position:-300px -100px;}
.moluscos100 {background-position:-375px -100px;}
.altramuces100 {background-position:-450px -100px;}

.alergeno35 {background-image: url("/images/alergeno35.png");background-repeat: no-repeat;display: block; float: left;height: 35px;margin: 0 5px 5px 0;width: 35px;}
.gluten35 {background-position:0px 0px;}
.crustaceos35 {background-position:-35px 0px;}
.huevos35 {background-position:-70px 0px ;}
.pescado35 {background-position: -105px 0px;}
.cacahuetes35 {background-position: -140px 0px;}
.soja35 {background-position: -175px 0px;}
.lacteos35 {background-position:-210px 0px;}
.frutoscascara35 {background-position:-245px 0px;}
.apio35 {background-position:-280px 0px;}
.mostaza35 {background-position:-315px 0px;}
.sesamo35 {background-position:-350px 0px;}
.sulfitos35 {background-position:-385px 0px;}
.moluscos35 {background-position:-420px 0px;}
.altramuces35 {background-position:-455px 0px;}

/* indice=278*/
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {content: " ";display: block;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 10px solid white;position: absolute;top: 50%;margin-top: -17px;left: 100%;z-index: 3;}
.btn-breadcrumb .btn:not(:last-child):before {content: " ";display: block;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 10px solid rgb(173, 173, 173);position: absolute;top: 50%;margin-top: -17px;margin-left: 1px;left: 100%;z-index: 3;}
.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}
/* indice=131*/
#relacionados .fileshop {margin:0px;}
#relacionados .shptit {width:100%;}
#relacionados h4 {padding-left:15px;}
#shoplist h4 {padding-top:30px;}
.breadcrb {list-style-type:none;padding-left: 15px!important;}
.breadcrb a {background-color: #540229;padding:10px 20px;border-radius: 5px;display:block;float:left;margin-right:10px;margin-bottom:5px;}
.breadcrb a:hover {background-color: #f60;}
.famnavsub ul {list-style-type:none;margin:0px;padding:0px;}
.famnavsub ul li {display:block;float:left;color: #fff;text-transform: uppercase;background-color: #540229;border-radius: 5px;font-size: 12px;padding: 10px 20px;text-decoration: none;margin: 0px 10px 20px 0px;}
.famnavsub a:hover {color: #f60;}
.famnavsub a {color:#fff;text-decoration: none;}
#famnav {margin-top:5px;text-transform: uppercase;font-size:14px;margin-bottom:5px;border-bottom:2px solid #2c3441;margin-left:0px;}
#famnav a {color:#fff;text-decoration: none;}
.famgroup {border-bottom:2px solid #2c3441;margin:0px 0px 10px 0px;clear:both;}

.areacn {border-bottom: 1px dashed #ddd;}
.margin30 {margin-right:30px;}
.shpalt2 {display:block;float:left;margin-left:30px;}
.idshpalt1 {display:block;float:left;margin-top:10px;}
.shptit{width:75%;font-size:1.8em;display:block;float:left;}
.idshpfot {width:100%;display:block;float:right;border:7px solid #eee;}
.shppvp {width:25%;font-size:1.8em;display:block;float:right;color:#000;text-align:right;}
.idshptit {font-weight: bold;text-transform: uppercase;font-size:2.0em;color:#000;border-bottom: 1px dashed #ddd;}
.idshppvp {font-size:3.0em;display:block;float:right;color:#000;text-align:right;line-height:2.5em;}
.idshpdes {display:block;float:left;padding-top:20px;}
#shoplist .shptit a {background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cg%20transform%3D%22translate%28-826.429%20-698.791%29%22%3E%3Crect%20width%3D%225.982%22%20height%3D%225.982%22%20x%3D%22826.929%22%20y%3D%22702.309%22%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M831.194%20698.791h5.234v5.391l-1.571%201.545-1.31-1.31-2.725%202.725-2.689-2.689%202.808-2.808-1.311-1.311z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M835.424%20699.795l.022%204.885-1.817-1.817-2.881%202.881-1.228-1.228%202.881-2.881-1.851-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 13px;
}
@media (max-width: 320px) {
.shptit, .idshptit {width:100%;font-size:1.4em;display:block;float:left;border-bottom: 1px dashed #ddd;margin-bottom:15px;}
.shppvp, .idshppvp {width:100%;font-size:1.8em;display:block;float:right;color:#000;text-align:right;}
}
@media (max-width: 640px) {
.idshptit {width:60%;float:left;}
.idshppvp {width:40%;float:right;}
.idshpdes {font-size:1.2em;width:100%;}
.idshpfot {width:100%;}
.shpfot {border:3px solid #fff;}
}
@media (min-width: 641px) {
.idshptit {width:75%;float:left;}
.idshppvp {width:25%;float:right;}
.idshpdes {font-size:1.4em;width:50%;}
.idshpfot {width:45%;}
.shpfot {border:3px solid #fff;}
}
@media (min-width: 1024px) {
#cartalista  .clshoplist {-moz-column-count: 2;-moz-column-gap: 40px;-webkit-column-count: 2;-webkit-column-gap: 40px;column-count: 2;column-gap: 40px;}
}
.famgroup {border-bottom:2px solid #c12e2a;}
#shpvolver a {margin-top:20px;display:block;float:left;}

#cartalista h3 {font-size:2.4em;}
#cartalista {padding-bottom:50px;}

#patrocinio {border:10px solid #eee;margin-top:10px;}