/* 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=183*/
#contactaform {padding:30px;}