/* 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=143*/
#cajafamilias {margin-bottom:10px;}
#cajafamilias img {margin:50px 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=247*/
.bootstrap-select{width:220px \0}.bootstrap-select>.btn{width:100%;padding-right:25px}.error .bootstrap-select .btn{border:1px solid #b94a48}.control-group.error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .btn:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row-fluid .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-search .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-group .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.input-append .bootstrap-select.btn-group{margin-left:-1px}.input-prepend .bootstrap-select.btn-group{margin-right:-1px}.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group .btn .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .btn{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;z-index:1035;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small{color:#64b1d8;color:rgba(100,177,216,.4)}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px}.bootstrap-select.btn-group.fit-width .btn .filter-option{position:static}.bootstrap-select.btn-group.fit-width .btn .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.btn{z-index:1035+1}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom-width:7px;border-bottom-style:solid;border-bottom-color:#ccc;border-bottom-color:rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-bottom:0;border-top-width:7px;border-top-style:solid;border-top-color:#ccc;border-top-color:rgba(204,204,204,.2)}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after{display:block}.bs-searchbox,.bs-actionsbox{padding:4px 8px}.bs-actionsbox{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox input.form-control{margin-bottom:0;width:100%}.mobile-device{position:absolute;top:0;left:0;display:block!important;width:100%;height:100%!important;opacity:0}
button.famnav {float:left;margin:0px 0px 10px 10px;}
/* indice=249*/
input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-label {padding-left:35px;height:30px; display:inline-block;line-height:30px;background-repeat:no-repeat;background-position: 0 0;font-size:30px;vertical-align:middle;cursor:pointer;}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -30px;}
label.css-label {background-image:url(/imgctrl/csscheckbox.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* indice=320*/
.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 input.text{color:#7e7e7e;padding:0 0 0 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 .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .ddArrow: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; z-index:9999}
.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 .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(/imgctrl/msdropdown/dd_arrow.gif) no-repeat;}
.dd .ddArrow: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;}
.bootstrap-select{width:220px \0}.bootstrap-select>.btn{width:100%;padding-right:25px}.error .bootstrap-select .btn{border:1px solid #b94a48}.control-group.error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .btn:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row-fluid .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-search .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-group .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.input-append .bootstrap-select.btn-group{margin-left:-1px}.input-prepend .bootstrap-select.btn-group{margin-right:-1px}.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group .btn .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .btn{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;z-index:1035;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small{color:#64b1d8;color:rgba(100,177,216,.4)}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px}.bootstrap-select.btn-group.fit-width .btn .filter-option{position:static}.bootstrap-select.btn-group.fit-width .btn .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.btn{z-index:1035+1}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom-width:7px;border-bottom-style:solid;border-bottom-color:#ccc;border-bottom-color:rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-bottom:0;border-top-width:7px;border-top-style:solid;border-top-color:#ccc;border-top-color:rgba(204,204,204,.2)}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after{display:block}.bs-searchbox,.bs-actionsbox{padding:4px 8px}.bs-actionsbox{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox input.form-control{margin-bottom:0;width:100%}.mobile-device{position:absolute;top:0;left:0;display:block!important;width:100%;height:100%!important;opacity:0}
button.famnav {float:left;margin:0px 0px 10px 10px;}