/* 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;}.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;}
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;}#clientes {margin:20px auto 30px auto;}.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%;
}/* ESTILOS CARRITO SUPERIOR */
#carrito{padding-top:50px;}
#cartheadleft {margin-top:5px;text-align:right;padding-bottom:10px;}
#cartheadleft a {color:#000000;font-weight:bold;font-size:14px;}
#cartheadright {margin-top:5px;text-align:right;padding-bottom:10px;}
#cartheadright a {color:#000000;font-weight:bold;font-size:14px;}
#btnkart .button {display:block;margin:0px auto;float:none;}
#slidingTopContent {z-index:9999;overflow: hidden;margin: 0;padding: 0;position:absolute;top:50px;left:0;border:1px solid #eee;box-shadow:0px 0px 4px #999;width:80%;background:#ffffff;}
div.actions  button {background-color: #b30000;border: 1px solid #b30000;cursor: pointer;height: 37px;margin: 10px 0px 5px 0px;overflow: visible;padding: 0 17px;text-transform: uppercase;color:#fff;}
#basketWrap {margin: 5px;background-color: #fff;padding-bottom: 5px;}
#basketTitleWrap {background-color: #fff;padding: 5px;color: #000;border-right:1px solid #ccc;border-left:1px solid #ccc;}
#basketItemsWrap {display:table;}
#basketItemsWrap img {border: 0;}
#basketItemsWrap ul {list-style-type: none;list-style-position: outside;margin: 0;padding: 0;}
#basketItemsWrap li {background-color: #ffffff;margin: 0px;font-size: 12px;color:#000;}
.basketItemLeft {float: left;}
.basketItemRight {float: right;}
.cartline {clear:both;}
.cartline div {display:block;float:left;}
.cartline .prodimage {margin:0px 5px;}
/** Normal Style Positions **/
div.jGrowl {position:absolute;color:#fff;}
body > div.jGrowl {position:fixed;}
div.jGrowl.top-left {left: 0px;top: 0px;}
div.jGrowl.top-right {right:0px;top: 0px;}
div.jGrowl.bottom-left {left:0px;bottom:0px;}
div.jGrowl.bottom-right {right:0px;bottom: 0px;}
div.jGrowl.center {top: 0px;width:50%;left: 25%;}
/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {margin-left: auto;margin-right: auto;}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {background-color:#000;opacity:.85;-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);zoom: 1;width: 235px;padding: 10px;margin-top:5px;margin-bottom: 5px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 1em;text-align: left;display: none;-moz-border-radius:5px;-webkit-border-radius:	5px;}
div.jGrowl div.jGrowl-notification {min-height: 40px;}
div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {margin: 10px;}
div.jGrowl div.jGrowl-notification div.jGrowl-header {font-weight:bold;font-size:.85em;}
div.jGrowl div.jGrowl-notification div.jGrowl-close {z-index:99;float: right;font-weight:bold;font-size: 1em;cursor:pointer;}
div.jGrowl div.jGrowl-closer {padding-top: 4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight: bold;text-align:center;}
/** Hide jGrowl when printing **/
@media print {div.jGrowl {display:none;}}.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;}
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;}#clientes {margin:20px auto 30px auto;}.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%;
}/* ESTILOS CARRITO SUPERIOR */
#carrito{padding-top:50px;}
#cartheadleft {margin-top:5px;text-align:right;padding-bottom:10px;}
#cartheadleft a {color:#000000;font-weight:bold;font-size:14px;}
#cartheadright {margin-top:5px;text-align:right;padding-bottom:10px;}
#cartheadright a {color:#000000;font-weight:bold;font-size:14px;}
#btnkart .button {display:block;margin:0px auto;float:none;}
#slidingTopContent {z-index:9999;overflow: hidden;margin: 0;padding: 0;position:absolute;top:50px;left:0;border:1px solid #eee;box-shadow:0px 0px 4px #999;width:80%;background:#ffffff;}
div.actions  button {background-color: #b30000;border: 1px solid #b30000;cursor: pointer;height: 37px;margin: 10px 0px 5px 0px;overflow: visible;padding: 0 17px;text-transform: uppercase;color:#fff;}
#basketWrap {margin: 5px;background-color: #fff;padding-bottom: 5px;}
#basketTitleWrap {background-color: #fff;padding: 5px;color: #000;border-right:1px solid #ccc;border-left:1px solid #ccc;}
#basketItemsWrap {display:table;}
#basketItemsWrap img {border: 0;}
#basketItemsWrap ul {list-style-type: none;list-style-position: outside;margin: 0;padding: 0;}
#basketItemsWrap li {background-color: #ffffff;margin: 0px;font-size: 12px;color:#000;}
.basketItemLeft {float: left;}
.basketItemRight {float: right;}
.cartline {clear:both;}
.cartline div {display:block;float:left;}
.cartline .prodimage {margin:0px 5px;}
/** Normal Style Positions **/
div.jGrowl {position:absolute;color:#fff;}
body > div.jGrowl {position:fixed;}
div.jGrowl.top-left {left: 0px;top: 0px;}
div.jGrowl.top-right {right:0px;top: 0px;}
div.jGrowl.bottom-left {left:0px;bottom:0px;}
div.jGrowl.bottom-right {right:0px;bottom: 0px;}
div.jGrowl.center {top: 0px;width:50%;left: 25%;}
/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {margin-left: auto;margin-right: auto;}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {background-color:#000;opacity:.85;-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);zoom: 1;width: 235px;padding: 10px;margin-top:5px;margin-bottom: 5px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 1em;text-align: left;display: none;-moz-border-radius:5px;-webkit-border-radius:	5px;}
div.jGrowl div.jGrowl-notification {min-height: 40px;}
div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {margin: 10px;}
div.jGrowl div.jGrowl-notification div.jGrowl-header {font-weight:bold;font-size:.85em;}
div.jGrowl div.jGrowl-notification div.jGrowl-close {z-index:99;float: right;font-weight:bold;font-size: 1em;cursor:pointer;}
div.jGrowl div.jGrowl-closer {padding-top: 4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight: bold;text-align:center;}
/** Hide jGrowl when printing **/
@media print {div.jGrowl {display:none;}}.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;}
.sociallnk {margin-bottom:10px;}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;}#clientes {margin:20px auto 30px auto;}.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%;
}/* ESTILOS CARRITO SUPERIOR */
#carrito{padding-top:50px;}
#cartheadleft {margin-top:5px;text-align:right;padding-bottom:10px;}
#cartheadleft a {color:#000000;font-weight:bold;font-size:14px;}
#cartheadright {margin-top:5px;text-align:right;padding-bottom:10px;}
#cartheadright a {color:#000000;font-weight:bold;font-size:14px;}
#btnkart .button {display:block;margin:0px auto;float:none;}
#slidingTopContent {z-index:9999;overflow: hidden;margin: 0;padding: 0;position:absolute;top:50px;left:0;border:1px solid #eee;box-shadow:0px 0px 4px #999;width:80%;background:#ffffff;}
div.actions  button {background-color: #b30000;border: 1px solid #b30000;cursor: pointer;height: 37px;margin: 10px 0px 5px 0px;overflow: visible;padding: 0 17px;text-transform: uppercase;color:#fff;}
#basketWrap {margin: 5px;background-color: #fff;padding-bottom: 5px;}
#basketTitleWrap {background-color: #fff;padding: 5px;color: #000;border-right:1px solid #ccc;border-left:1px solid #ccc;}
#basketItemsWrap {display:table;}
#basketItemsWrap img {border: 0;}
#basketItemsWrap ul {list-style-type: none;list-style-position: outside;margin: 0;padding: 0;}
#basketItemsWrap li {background-color: #ffffff;margin: 0px;font-size: 12px;color:#000;}
.basketItemLeft {float: left;}
.basketItemRight {float: right;}
.cartline {clear:both;}
.cartline div {display:block;float:left;}
.cartline .prodimage {margin:0px 5px;}
/** Normal Style Positions **/
div.jGrowl {position:absolute;color:#fff;}
body > div.jGrowl {position:fixed;}
div.jGrowl.top-left {left: 0px;top: 0px;}
div.jGrowl.top-right {right:0px;top: 0px;}
div.jGrowl.bottom-left {left:0px;bottom:0px;}
div.jGrowl.bottom-right {right:0px;bottom: 0px;}
div.jGrowl.center {top: 0px;width:50%;left: 25%;}
/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {margin-left: auto;margin-right: auto;}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {background-color:#000;opacity:.85;-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);zoom: 1;width: 235px;padding: 10px;margin-top:5px;margin-bottom: 5px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 1em;text-align: left;display: none;-moz-border-radius:5px;-webkit-border-radius:	5px;}
div.jGrowl div.jGrowl-notification {min-height: 40px;}
div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {margin: 10px;}
div.jGrowl div.jGrowl-notification div.jGrowl-header {font-weight:bold;font-size:.85em;}
div.jGrowl div.jGrowl-notification div.jGrowl-close {z-index:99;float: right;font-weight:bold;font-size: 1em;cursor:pointer;}
div.jGrowl div.jGrowl-closer {padding-top: 4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight: bold;text-align:center;}
/** Hide jGrowl when printing **/
@media print {div.jGrowl {display:none;}}.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;}
.sociallnk {margin-bottom:10px;}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;}#clientes {margin:20px auto 30px auto;}.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%;
}/* ESTILOS CARRITO SUPERIOR */
#carrito{padding-top:50px;}
#cartheadleft {margin-top:5px;text-align:right;padding-bottom:10px;}
#cartheadleft a {color:#000000;font-weight:bold;font-size:14px;}
#cartheadright {margin-top:5px;text-align:right;padding-bottom:10px;}
#cartheadright a {color:#000000;font-weight:bold;font-size:14px;}
#btnkart .button {display:block;margin:0px auto;float:none;}
#slidingTopContent {z-index:9999;overflow: hidden;margin: 0;padding: 0;position:absolute;top:50px;left:0;border:1px solid #eee;box-shadow:0px 0px 4px #999;width:80%;background:#ffffff;}
div.actions  button {background-color: #b30000;border: 1px solid #b30000;cursor: pointer;height: 37px;margin: 10px 0px 5px 0px;overflow: visible;padding: 0 17px;text-transform: uppercase;color:#fff;}
#basketWrap {margin: 5px;background-color: #fff;padding-bottom: 5px;}
#basketTitleWrap {background-color: #fff;padding: 5px;color: #000;border-right:1px solid #ccc;border-left:1px solid #ccc;}
#basketItemsWrap {display:table;}
#basketItemsWrap img {border: 0;}
#basketItemsWrap ul {list-style-type: none;list-style-position: outside;margin: 0;padding: 0;}
#basketItemsWrap li {background-color: #ffffff;margin: 0px;font-size: 12px;color:#000;}
.basketItemLeft {float: left;}
.basketItemRight {float: right;}
.cartline {clear:both;}
.cartline div {display:block;float:left;}
.cartline .prodimage {margin:0px 5px;}
/** Normal Style Positions **/
div.jGrowl {position:absolute;color:#fff;}
body > div.jGrowl {position:fixed;}
div.jGrowl.top-left {left: 0px;top: 0px;}
div.jGrowl.top-right {right:0px;top: 0px;}
div.jGrowl.bottom-left {left:0px;bottom:0px;}
div.jGrowl.bottom-right {right:0px;bottom: 0px;}
div.jGrowl.center {top: 0px;width:50%;left: 25%;}
/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {margin-left: auto;margin-right: auto;}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {background-color:#000;opacity:.85;-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);zoom: 1;width: 235px;padding: 10px;margin-top:5px;margin-bottom: 5px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 1em;text-align: left;display: none;-moz-border-radius:5px;-webkit-border-radius:	5px;}
div.jGrowl div.jGrowl-notification {min-height: 40px;}
div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {margin: 10px;}
div.jGrowl div.jGrowl-notification div.jGrowl-header {font-weight:bold;font-size:.85em;}
div.jGrowl div.jGrowl-notification div.jGrowl-close {z-index:99;float: right;font-weight:bold;font-size: 1em;cursor:pointer;}
div.jGrowl div.jGrowl-closer {padding-top: 4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight: bold;text-align:center;}
/** Hide jGrowl when printing **/
@media print {div.jGrowl {display: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;}
.sociallnk {margin-bottom:10px;}
/* 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) {  }
#rotulotelef {displayblock;float:right;text-align:right;background-color:rgba(255, 255, 255, 0.9);color:#16753d!important;font-weight: 700;font-size:58px;padding:0px 20px 10px 0px;margin-top: 0px;padding-left: 250px;}
@media(max-width:1024px) {
#rotulotelef {padding-left: 0px;}
}
@media(min-width:1650px) {
#rotulotelef , #maintel {padding:0px 20px 10px 900px;}
}
@media(min-width:1200px) {
#rotulotelef , #maintel {padding:0px 20px 10px 200px;}
}
@media(max-width:1200px) {
#rotulotelef , #maintel {padding:0px 20px 10px 100px;}
}
@media(max-width:800px) {
#rotulotelef , #maintel {font-size:38px;padding:0px 20px 10px 0px;margin-top: 0px;padding-left:0px;text-align:center;}
#rotulotelef img , #maintel img{max-height:30px;}

}

#rotulotelef a, #maintel a {color:#16753d;text-decoration:none;}

#rotulotelef a:hover, , #maintel a:hover {color:#be1522;text-decoration:none;}
#rotulotelef img {display:block;float:left;padding:0px;maring:0px 10px;margin-top:13px;}

#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 50px 30px 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;
}

#botoneratr ul {margin-top:40px;margin-bottom:20px;font-size:25px!important;}
.navbar-toggle {margin-top:40px!important;margin-bottom:20px!important;}

/* =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*/
.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=246*/
/* ESTILOS CARRITO SUPERIOR */
#carrito{padding-top:50px;}
#cartheadleft {margin-top:5px;text-align:right;padding-bottom:10px;}
#cartheadleft a {color:#000000;font-weight:bold;font-size:14px;}
#cartheadright {margin-top:5px;text-align:right;padding-bottom:10px;}
#cartheadright a {color:#000000;font-weight:bold;font-size:14px;}
#btnkart .button {display:block;margin:0px auto;float:none;}
#slidingTopContent {z-index:9999;overflow: hidden;margin: 0;padding: 0;position:absolute;top:50px;left:0;border:1px solid #eee;box-shadow:0px 0px 4px #999;width:80%;background:#ffffff;}
div.actions  button {background-color: #b30000;border: 1px solid #b30000;cursor: pointer;height: 37px;margin: 10px 0px 5px 0px;overflow: visible;padding: 0 17px;text-transform: uppercase;color:#fff;}
#basketWrap {margin: 5px;background-color: #fff;padding-bottom: 5px;}
#basketTitleWrap {background-color: #fff;padding: 5px;color: #000;border-right:1px solid #ccc;border-left:1px solid #ccc;}
#basketItemsWrap {display:table;}
#basketItemsWrap img {border: 0;}
#basketItemsWrap ul {list-style-type: none;list-style-position: outside;margin: 0;padding: 0;}
#basketItemsWrap li {background-color: #ffffff;margin: 0px;font-size: 12px;color:#000;}
.basketItemLeft {float: left;}
.basketItemRight {float: right;}
.cartline {clear:both;}
.cartline div {display:block;float:left;}
.cartline .prodimage {margin:0px 5px;}

/* indice=251*/
/** Normal Style Positions **/
div.jGrowl {position:absolute;color:#fff;}
body > div.jGrowl {position:fixed;}
div.jGrowl.top-left {left: 0px;top: 0px;}
div.jGrowl.top-right {right:0px;top: 0px;}
div.jGrowl.bottom-left {left:0px;bottom:0px;}
div.jGrowl.bottom-right {right:0px;bottom: 0px;}
div.jGrowl.center {top: 0px;width:50%;left: 25%;}
/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {margin-left: auto;margin-right: auto;}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {background-color:#000;opacity:.85;-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);zoom: 1;width: 235px;padding: 10px;margin-top:5px;margin-bottom: 5px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 1em;text-align: left;display: none;-moz-border-radius:5px;-webkit-border-radius:	5px;}
div.jGrowl div.jGrowl-notification {min-height: 40px;}
div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {margin: 10px;}
div.jGrowl div.jGrowl-notification div.jGrowl-header {font-weight:bold;font-size:.85em;}
div.jGrowl div.jGrowl-notification div.jGrowl-close {z-index:99;float: right;font-weight:bold;font-size: 1em;cursor:pointer;}
div.jGrowl div.jGrowl-closer {padding-top: 4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight: bold;text-align:center;}
/** Hide jGrowl when printing **/
@media print {div.jGrowl {display:none;}}
/* indice=318*/
#cajafamilias {margin-bottom:10px;}
#cajafamilias img {margin:0px auto;}

#cartsection {padding:25px 0px 10px 0px;border-top:2px dotted #ccc;}

.famgroup {border-bottom:2px solid #b30000;margin:0px 0px 10px 0px;clear:both;}
.fileshop {position:relative;}
.fileshop .groupstit {background: none repeat scroll 0 0 #eee;}
.fileshop h4, .idfileshop h4 {margin-bottom:0px!important;}
.fileshop h5, .idfileshop h5 {margin-top:0px!important;}
.shppvp {background: none repeat scroll 0 0 #b30000;color: #fff;font-size: 1.4em;margin-left: -20px;padding: 10px 20px;position: absolute;text-align: center;top: 10px;border-radius:0px 3px 3px 0px;}
.shppvp:after {content: ' ';position: absolute;width: 0;height: 0;left: 0px;top: 100%;border-width: 5px 10px;border-style: solid;border-color: #666 #666 transparent transparent;}
.shpprice {padding:0px 5px 0px 0px;}
.shptit {color: #b30000;text-align: center;text-transform: uppercase;padding:10px 0px;font-family: "Oswald",sans-serif;font-size: 1.2em;}
.shpfoto img {border-radius:4px 4px 0px 0px;}
.shpcart {float:right;display:block;margin-right:15px;}
.shpcart a {background-color: #ccc;border-radius: 3px;padding: 4px 15px;}
.shpqty {float:left;display:block;margin-left:15px;}
.groupsqty {background-color:#eee;width:100%;padding-bottom: 5px;}
.groupsqty:after {content: " ";display: table;clear: both;}
.idfileshop {color:#000;}
#shpvolver {display: block;float: left;margin: 25px 0 50px 15px;position: relative;}
.idshptit {font-weight: bold;text-transform: uppercase;display:block;float:left;border-bottom: 1px dashed #ddd;font-family: "Oswald",sans-serif;}
.idshpdes {display:block;float:left;margin-top:10px;}
.idshpfot {border:7px solid #eee;margin-top:10px;}
.idshpcart {background-color: #b4d919;border-radius: 5px;display: block;float: left;font-size: 1.6em;font-weight: bold;padding: 8px 15px;margin: 20px;}
.idshppvp {display:block;}
.idshpqty {background-color: #ccc;border-radius: 5px;display: block; float: left; font-size: 1.5em;margin: 20px 0;padding: 5px 10px;text-transform: uppercase;}
#tocart, #touser {background-color: #ccc;border-radius: 5px;display: block;margin-bottom: 5px;padding: 5px 10px;text-align: center;width: 130px;}
.nopadding {padding:0px!important;}
.idshptalla {display:table;clear:both;width:100%;margin-bottom:15px;}
idshpcolor {display:table:clear:both;width:100%;margin-bottom:15px;}
.idshptalla label , .idshpcolor label{font-size:15px;width:100px;}
#ulfamilia {margin:0px;padding:0px;}
#ulfamilia li {color: #000;display:block;float:left;font-family: "Oswald",sans-serif;padding: 5px 20px;text-transform: uppercase;font-size:1.4em;list-style:none;}
#famsection {background: none repeat scroll 0 0 #ccc;border-radius: 5px;margin-top: 10px;clear:both;}
.groupsqty {margin-top:10px;}
@media (min-width: 641px) {
.fileshop {margin-bottom:30px;}
.idshptit {font-size:2.4em;}
.idshpdes {font-size:1.4em;}
.idshppvp {font-size:2.4em;float:left;text-align:right;}
}

@media (max-width: 640px) {
.fileshop {margin-bottom:10px;}
.idshptit {font-size:1.8em;}
.idshpdes {font-size:1.2em;}
.idshpfot {}
.idshppvp {font-size:1.8em;float:right;}
.idshpcart {float:right;}
#ulfamilia li {width:50%;padding:5px 0px!important;font-size:1.2em;}
}
/* indice=176*/
table.tmpshoplist {width:100%;}
table.tmpshoplist td{padding-right:10px;text-align: right;}
table.tmpshoplist img{margin:3px auto;}
table.tmpshoplist thead tr th{padding:10px 10px 10px 0px;border-bottom:1px dotted #999;font-weight:normal;}
table td.colhid {display:none;}
table th.colhid {display:none;}
table td.colimg img {width:50px;float:left;}
table th.aright {text-align:right;width:12%;}
table th.lastCol{text-align:center;}
table td.aright {text-align:right;width:12%;}
table td.coldes {width:42%;text-align:left;}
table td.delete {text-align:center;width:10%;}
div.actions {display:block;}
.fLeft {float:left;}
.fRight {float:right;}
.spcer {margin:0px 10px;}
.he30 {height:30px}
#caja {margin-bottom:40px;}
#registerButton {display:none;}
.editfield {display:block;float:right;width:16px;height:16px;background:url(/imgctrl/editfld.gif) no-repeat bottom right;border:1px solid #ccc;}
table.tmpshoplist tfoot{padding:10px 0px;border-top:1px dotted #999;border-bottom:1px dotted #999;}
.amount {text-align:right;}
.gtotal{}
.footinvoice {text-align:right;padding-right:15px;}
.total {font-size:16px;font-weight:bold;height:30px;}
.padT20 td {padding-top:15px;}
#cupovalbtn {margin:0px!important;}
#shpboxnew p {text-transform:none;float:right;}
.regspan {margin-top:40px;}
.shpcoment {font-weight:normal;width:400px;color:#333;}
.shpboxreg {width:290px;display:block;float:left;margin-right:20px;padding:30px;height:340px;text-transform:capitalize;text-align:left;background-color:#000000;border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
#frmcupon label {font-size:22px;}
#ajaxuser, #ajaxmail{margin-top:5px;margin-bottom:5px;float:left;width:570px;}
#shpwrapper{margin:auto;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:2px solid #fff;background-color:#ffffff;width:600px;overflow:hidden;position:relative;}
#frmsteps{width:600px;overflow:hidden;}
.frmstep{float:left;width:600px;}
#shpnavigation{height:45px;position:absolute;}
#shpnavigation ul{list-style:none;float:left;margin:0px 10px 10px 10px;padding:0px 10px;width:565px;}
#shpnavigation ul li{float:left;border-right:1px solid #ccc;border-left:1px solid #ccc;position:relative;margin:0px 2px;text-align:center;width:134px;}
#shpnavigation ul li a{display:block;height:45px;background-color:#444;color:#777;outline:none;text-decoration:none;line-height:45px;padding:0px auto;font-size:14px;border-right:1px solid #fff;border-left:1px solid #fff;background:#f0f0f0;background:	-webkit-gradient(linear,	left bottom,left top,	color-stop(0.09, rgb(240,240,240)),	color-stop(0.55, rgb(227,227,227)),	color-stop(0.78, rgb(240,240,240))	);background:	-moz-linear-gradient(center bottom,rgb(240,240,240) 9%,rgb(227,227,227) 55%,rgb(240,240,240) 78%)}
#shpnavigation ul li a:hover,
#shpnavigation ul li.selected a{background:#F1F1F1;color:#666;}
#shpwrapper span.checked{background:transparent url(/images/shop/checked.png) no-repeat top left;position:absolute;top:0px;left:1px;width:20px;height:20px;}
#shpwrapper span.error{background:transparent url(/images/shop/error.png) no-repeat top left;position:absolute;top:0px;left:1px;width:20px;height:20px;}
#shpfrmsteps form fieldset{border:none;padding-bottom:40px;height:auto;margin-top:40px;}
#shpfrmsteps form legend{text-align:left;background-color:#f0f0f0;color:#666;font-size:20px;font-weight:normal;float:left;width:590px;padding:5px 0px 5px 10px;
margin:10px 0px;border-bottom:1px solid #fff;border-top:1px solid #d9d9d9;}
#shpfrmsteps form p{float:left;clear:both;margin:0px;width:400px;padding:5px;margin-left:100px;}
#shpfrmsteps form p label{width:160px;float:left;text-align:right;margin-right:15px;line-height:26px;color:#000;font-size:14px;}
#shpfrmsteps form input:not([type=radio]),#shpfrmsteps form textarea,#shpfrmsteps form select{background: #ffffff;border: 1px solid #ddd;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;outline: none;padding: 5px;width: 200px;float:left;}
#shpfrmsteps form input:focus{background-color:#FFFEEF;}
#shpfrmsteps form p.submit{background:none;border:none;}
#shpfrmsteps form button {border:none;outline:none;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;color: #ffffff;cursor:pointer;margin: 0px auto;clear:both;padding: 7px 25px;font-weight:bold;font-family:"Century Gothic", Helvetica, sans-serif;font-size:22px;background:#000000;}
#shpfrmsteps form button:hover {background:#d8d8d8;color:#666;}/*personalizacion de tabla caja */
table.carritogrid{font-size: 14px;font-weight: normal;line-height: 1.2em;font-style: normal;border-collapse:separate;margin:20px 250px 20px auto;}
.carritogrid thead th{padding:5px;color:#fff;border:1px solid #93CE37;border-bottom:3px solid #9ED929;background-color:#9DD929;background:-webkit-gradient(
	linear,	left bottom,	left top,	color-stop(0.02, rgb(123,192,67)),	color-stop(0.51, rgb(139,198,66)),	color-stop(0.87, rgb(158,217,41))	);
background: -moz-linear-gradient(
	center bottom,
	rgb(123,192,67) 2%,
	rgb(139,198,66) 51%,
	rgb(158,217,41) 87%
	);
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius:5px 5px 0px 0px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.carritogrid thead th:empty{background:transparent;border:none;}
.carritogrid tbody th{
color:#fff;
background-color:#9DD929;
border:1px solid #93CE37;
border-right:3px solid #9ED929;
padding:0px 10px;
background:-webkit-gradient(
	linear,
	left bottom,
	right top,
	color-stop(0.02, rgb(158,217,41)),
	color-stop(0.51, rgb(139,198,66)),
	color-stop(0.87, rgb(123,192,67))
	);
background: -moz-linear-gradient(
	left bottom,
	rgb(158,217,41) 2%,
	rgb(139,198,66) 51%,
	rgb(123,192,67) 87%
	);
-moz-border-radius:5px 0px 0px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}
.carritogrid tfoot td{color: #FFF;font-size:16px;text-align:center;padding:5px 0px;}
.carritogrid tfoot th{color:#666;}
.carritogrid tbody td{padding:5px;text-align:center;background-color:#efefef;border: 2px solid #E7EFE0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#666;}
#shopdenom {text-align:center;width:250px;}
#shopqty {text-align:center;width:80px;}
#shopprice {text-align:center;width:80px;}
#shopsubt {text-align:center;width:80px;}
#grantotal {text-align:right;width:80px;}
/*personalizacion de cliente ficha en pago */
table.cltegrid{font-size: 14px;font-weight: normal;line-height: 1.2em;font-style: normal;border-collapse:separate;margin:20px auto;width:660px;}
.cltegrid th{
width:110px;
padding:5px;
color:#fff;
border:1px solid #93CE37;
border-bottom:3px solid #9ED929;
background-color:#9DD929;
background:-webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.02, rgb(123,192,67)),
	color-stop(0.51, rgb(139,198,66)),
	color-stop(0.87, rgb(158,217,41))
	);
background: -moz-linear-gradient(
	center bottom,
	rgb(123,192,67) 2%,
	rgb(139,198,66) 51%,
	rgb(158,217,41) 87%
	);
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius:5px 5px 0px 0px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.cltegrid td{padding:5px;text-align:left;background-color:#efefef;border: 2px solid #E7EFE0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#666;width:450px;}
.retshop {float:right;display:block;width:180px;height:30px;padding-top:10px;margin-top:5px;margin-right:5px;font-size:14px;text-align:center;border:1px solid #666;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;}
#btnoptions {display:block;width:660px;float:left;margin-top:80px;clear:both;}
#shopsection {display:block;width:660px;float:left;clear:both;}
#carritosection {display:block;float:left;width:660px;clear:both;}
#shopcajatienda {width:150;font-size:12px;text-decoration:none;text-align:center;text-transform:uppercase;}
#shopcajapedido {width:150;font-size:12px;text-decoration:none;text-align:center;text-transform:uppercase;}
#shopcajapago {width:150;font-size:12px;text-decoration:none;text-align:center;text-transform:uppercase;}
#shoplogout {width:150px;font-size:12px;text-decoration:none;text-align:center;text-transform:uppercase;font-weight:bold;margin-right:15px;}
#saveUserButton {pading:10px 20px;border:1px solid #DDD;background-color:#39F;color:#FFF;font-weight:bold;text-align:center;float:right;margin-right:150px}
#cabeshop {margin:30px 200px;width:500px;padding:30px;color:#000;font-size:14px;text-align:left;}
#frmpayment {background-color:#fff;width:660;display:block;float:left;clear:both;}
#frmpayment table {width:455px;}
#frmpayment label {margin-bottom:5px;font-size:12px;color:#009;font-weight:bold;}
#frmpayment select {margin-bottom:10px;font-size:12px;border:1px solid #DDD;background-color:#FC0;padding:5px;}
#frmpayment input {font-weight:bold;margin-bottom:10px;}
#btncomprar {float:right;width:145px;height:33px;border:0px;}
.btnpago {background:url(/imgctrl/bt_comprar.png) no-repeat top  left;}
.btnsndpay {border: 0px none;color: #000;font-weight: bold;height: 140px;text-align: center;width: 450px;}
.btnsndpay:before {background:url("/imgctrl/cargando.gif")top left no-repeat;}
.ac_results {border:1px solid #666;background-color:#fff;}
#formsend {background-color:#fff;margin:20px;width:auto;height:auto;font-size:14px;}
#formsend p {float:left;clear:both;margin:10px 0px 0px 0px;border:1px solid #fff;width:560px;}
#formsend label {text-align;line-height:26px;color:#666;}
#formsend input {background: #f1f1f1;color:#000;border: 1px solid #d0d0d0;outline: none;padding: 5px;float:left;font-size:13px;border-radius:3px;}
#formsend input:focus{background-color:#FFFEEF;}
#formsend select {width:100%;background-color:#f1f1f1;padding:5px;border:1px solid #d0d0d0;border-radius:3px 3px 3px 3px;}

.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon .text{color:#7e7e7e;padding:0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .arrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .arrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1;}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}
/*************** default theme **********************/
.dd{border:1px solid #c3c3c3;}
.dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;}
.dd .arrow{width:16px;height:16px; margin-top:-8px; background:url(/imgctrl/msdropdown/dd_arrow.gif) no-repeat;}
.dd .arrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#000;background:#e2e2e4 url(/imgctrl/msdropdown/title-bg.gif) repeat-x left top;}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}
#sectotal table {float:right;margin-right:50px;}
#shpfrmsteps form button.nxtbutton {display:block;float:right;background-color:#000000;border-radius:5px;font-weight:normal;font-size:12px;}
#shpfrmsteps form button.nxtbutton:hover{color:#fff;}
#shpfrmsteps form button.prvbutton {display:block;float:left;background-color:#000000;border-radius:5px;font-weight:normal;font-size:12px;}
#shpfrmsteps form button.prvbutton:hover{color:#fff;}
.prevdiv {display:none;float:left;width:250px;margin-left:25px;margin-top:10px;}
.nextdiv {display:none;float:right;width:250px;margin-right:25px;margin-top:10px;}
button {background-color:#000000;padding:10px;color:#fff;margin-top:20px;}
button:hover {cursor:pointer;}

#copia:hover {color:#000;}
article {margin-top:30px;}
.btn-frmwiz {background-image: linear-gradient(to bottom, #d9534f 0px, #c12e2a 100%);background-repeat: repeat-x;border-color: #b92c28;color:#fff;}
.btn-frmwiz:hover {color:#ddd!important;}
.btn-frmwiz:focus {color:#ddd!important;}
.derecha {float:right;}
.form-horizontal .radio, .form-horizontal .checkbox {min-height: 17px;}
#registerButton {border:0px;border-radius:5px;margin-top:5px!important;}
button {border:0px;border-radius:5px;margin-top:5px!important;}
.separador {margin-bottom:20px;}
.prevdiv {display:none;float:left;width:250px;margin-left:25px;margin-top:10px;}
.nextdiv {display:none;float:right;width:250px;margin-right:25px;margin-top:10px;}