body {
font-family: "Barlow", sans-serif;
font-weight: 300;
font-style: normal;
font-size:16px;
}
.navbar-brand {
display:none;
}
.nav > li > span.active {
position:relative;
display:block;
padding:10px 15px;
}
.navbar-nav > li > span.active {
padding-top:15px;
padding-bottom:15px;
line-height:20px;
}
.fa-shopping-basket {
margin-right:15px;
}
.shop:hover {
text-decoration:underline;
}
.navbar-default {
background-color:transparent;
border-color:transparent;
}
.navbar {
margin-bottom:0;
}
.navbar-default .navbar-toggle {
border-color:#fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color:#fff;
}
.nav-pills>li span.categoria {
text-transform:uppercase;
padding:10px 15px;
color: #fff;
background-color: #D81F27;
width:100%;
display:block;
}
/*#menulateral {
float:left !important;
}*/
.ml2 {
margin:0;
padding:0;
}
.ml2 li {
list-style:none;
padding:10px 15px;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
border-bottom:1px solid #dadada;
}
.ml2 li:hover, .ml2 li:focus {
width:100%;
height:100%;
display:block;
background-color:#333;
}
.ml2 li.presente {
background-color:#333;
color:#fff;
}
.ml2 li:hover a {
color:#fff;
}
.margintop20 {
    margin-top:20px;
}
a, a:hover  {
color: #333;
text-decoration: none;
}

.nav-stacked>li {
margin-top: 0px;
margin-left: 0;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
}
nav {
font-family: "Patua One", serif;
font-weight: 400;
font-style: normal;
font-size:20px;
}
.navbar-default .navbar-nav > li > a, nav a, .navbar-default .navbar-nav > li > span.active {
	color:#fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
nav #buscador {
font-family: "Barlow", sans-serif;
font-weight: 300;
font-style: normal;
width: auto;
float: right;
margin-right: 0;
padding-right: 0;
}
.ocu {
	display:none;
}
header {
	background-color:#D81F27;
}
#cesta {
text-align:right;
padding:5px 20px 0;
color:#fff;
}
#cesta a {
color:#fff;
}
#logo {
/*background:#000 url('../img/trozo.gif') left top no-repeat;*/
display:block;
width:100%;
height:150px;
margin:0;
}
#logo h1 {
float:left;
height:150px;
width:380px;
overflow:hidden;
text-indent:-200em;
margin:0 0 0 30px;
background:transparent url('../img/logo2.svg') left top no-repeat;

}
#logo h1 a {
width:100%;
height:100%;
display:block;
}
#redes {
float:right;
}
#redes ul {
margin:110px 20px 0 0;
padding:0;
list-style:none;
float:left;
}
#redes ul li {
float:left;
font-size:28px;
margin-right:10px;
}
#redes ul li a{
color:#fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#redes ul li a:hover {
color:#cc0000;
}
h2 {
font-size:22px;
}
.nav-tabs {
border-bottom:0;
}
.navbar-default .navbar-nav > li a.active, .navbar-default .navbar-nav > li span.active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .nav > li > a:hover, .nav > li > a:focus, .ml2 li > a:hover, .ml2 li > a:focus, .ml2 li.presente > a {
text-decoration: none;
background-color: #333;
color:#fff;
}
.navbar-default .navbar-nav > li a.active, .navbar-default .navbar-nav > li span.active, .navbar-default .navbar-nav > li > a:hover, .nav-tabs > li > a:hover {
border-color: #333 #333 #333;
}
#buscador fieldset.form-group {
margin-left:41px;
}
#path {
margin:10px 0;
font-family: "Barlow", sans-serif;
font-weight: 300;
font-style: normal;
font-size:14px;
}
.breadcrumb {
background-color:transparent;
border-radius:none;
border-bottom:1px solid #eee;
}
.breadcrumb a, .breadcrumb .medio {
color:#777;
}
.breadcrumb a:hover {
text-decoration:underline;
}
#path.hp {
height:47px;
}
h1 {
font-weight:bold;
}
.bot_compra {
margin:40px 0;
}
.precio {
font-weight:bold;
font-size:170%;
margin-right:50px;
color:#cc0000;
}
.ilustra img {
width:100%;
height:auto;
}
.ilustra iframe {
margin-top:20px;
width:383px !important;
height:330px !important;
}
.ilustra, .ilustra + div {
margin-bottom:70px;
}
ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}

ul.social-network li {
  display: inline;
  margin: 0 5px;
}

.social-network a.icoFacebook:hover {
  background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
  background-color: #33ccff;
}

.social-network a.icoGoogle:hover {
  background-color: #BD3518;
}

.social-network a.icoLinkedin:hover {
  background-color: #007bb7;
}
.social-network a.icoPinterest:hover {
  background-color: #bd081c;
}

.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoPinterest:hover i,
.social-network a.icoLinkedin:hover i {
  color: #fff;
}

a.socialIcon:hover,
.socialHoverClass {
  color: #44BCDD;
}

.social-circle li a {
  display: inline-block;
  position: relative;
  margin: 0 auto 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  width: 40px;
  height: 40px;
  font-size: 20px;
}

.social-circle li i {
  margin: 0;
  line-height: 40px;
  text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.social-circle i {
  color: #fff;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.social-network a {
  background-color: #777;
}
.btn-xlarge span:after {
content: "COMPRA AHORA";
font-family: "Patua One", serif;
font-weight: 400;
font-size:16px;
font-style:italic;
width:auto;
float:right;
z-index:20;
text-align:right;
margin-right:15px;
margin-top:15px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn-xlarge.atenuado span:after {
content: "MUY PRONTO";
}
.btn-xlarge, #pagar {
width: 310px;
text-align: left;
padding: 8px 0px 6px 15px;
font-size: 40px;
font-weight: bold;
line-height: normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#pagar {
text-align:center;
font-size:32px;
line-height:32px;
padding-bottom:12px;
}
.btn.primary {
color: #fff;
background: rgba(194,10,0,1);
background: -moz-linear-gradient(top, rgba(194,10,0,1) 0%, rgba(189,13,0,0.99) 32%, rgba(194,10,0,0.99) 32%, rgba(194,16,0,0.99) 49%, rgba(245,24,0,0.97) 98%, rgba(219,26,0,0.97) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(194,10,0,1)), color-stop(32%, rgba(189,13,0,0.99)), color-stop(32%, rgba(194,10,0,0.99)), color-stop(49%, rgba(194,16,0,0.99)), color-stop(98%, rgba(245,24,0,0.97)), color-stop(100%, rgba(219,26,0,0.97)));
background: -webkit-linear-gradient(top, rgba(194,10,0,1) 0%, rgba(189,13,0,0.99) 32%, rgba(194,10,0,0.99) 32%, rgba(194,16,0,0.99) 49%, rgba(245,24,0,0.97) 98%, rgba(219,26,0,0.97) 100%);
background: -o-linear-gradient(top, rgba(194,10,0,1) 0%, rgba(189,13,0,0.99) 32%, rgba(194,10,0,0.99) 32%, rgba(194,16,0,0.99) 49%, rgba(245,24,0,0.97) 98%, rgba(219,26,0,0.97) 100%);
background: -ms-linear-gradient(top, rgba(194,10,0,1) 0%, rgba(189,13,0,0.99) 32%, rgba(194,10,0,0.99) 32%, rgba(194,16,0,0.99) 49%, rgba(245,24,0,0.97) 98%, rgba(219,26,0,0.97) 100%);
background: linear-gradient(to bottom, rgba(194,10,0,1) 0%, rgba(189,13,0,0.99) 32%, rgba(194,10,0,0.99) 32%, rgba(194,16,0,0.99) 49%, rgba(245,24,0,0.97) 98%, rgba(219,26,0,0.97) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20a00', endColorstr='#db1a00', GradientType=0 );
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 2px 3px 14px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 14px -1px rgba(0,0,0,0.75);
box-shadow: 2px 3px 14px -1px rgba(0,0,0,0.75);
}
.btn.primary:hover, .btn.primary.atenuado, .btn.primary.atenuado:hover {
background: rgba(219,26,0,0.97);
background: -moz-linear-gradient(top, rgba(219,26,0,0.97) 0%, rgba(245,24,0,0.97) 2%, rgba(194,16,0,0.99) 51%, rgba(194,10,0,0.99) 68%, rgba(189,13,0,0.99) 68%, rgba(194,10,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,26,0,0.97)), color-stop(2%, rgba(245,24,0,0.97)), color-stop(51%, rgba(194,16,0,0.99)), color-stop(68%, rgba(194,10,0,0.99)), color-stop(68%, rgba(189,13,0,0.99)), color-stop(100%, rgba(194,10,0,1)));
background: -webkit-linear-gradient(top, rgba(219,26,0,0.97) 0%, rgba(245,24,0,0.97) 2%, rgba(194,16,0,0.99) 51%, rgba(194,10,0,0.99) 68%, rgba(189,13,0,0.99) 68%, rgba(194,10,0,1) 100%);
background: -o-linear-gradient(top, rgba(219,26,0,0.97) 0%, rgba(245,24,0,0.97) 2%, rgba(194,16,0,0.99) 51%, rgba(194,10,0,0.99) 68%, rgba(189,13,0,0.99) 68%, rgba(194,10,0,1) 100%);
background: -ms-linear-gradient(top, rgba(219,26,0,0.97) 0%, rgba(245,24,0,0.97) 2%, rgba(194,16,0,0.99) 51%, rgba(194,10,0,0.99) 68%, rgba(189,13,0,0.99) 68%, rgba(194,10,0,1) 100%);
background: linear-gradient(to bottom, rgba(219,26,0,0.97) 0%, rgba(245,24,0,0.97) 2%, rgba(194,16,0,0.99) 51%, rgba(194,10,0,0.99) 68%, rgba(189,13,0,0.99) 68%, rgba(194,10,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db1a00', endColorstr='#c20a00', GradientType=0 );
-webkit-box-shadow: 2px 3px 14px -1px rgba(0,0,0,0.43);
-moz-box-shadow: 2px 3px 14px -1px rgba(0,0,0,0.43);
box-shadow: 2px 3px 14px -1px rgba(0,0,0,0.43);

}
figure.otros figure:hover {
-webkit-box-shadow: 2px 3px 14px -1px rgba(0,0,0,0.43);
-moz-box-shadow: 2px 3px 14px -1px rgba(0,0,0,0.43);
box-shadow: 2px 3px 14px -1px rgba(0,0,0,0.43);
background: #ffc6ad;
}
.btn.primary.atenuado, .btn.primary.atenuado:hover {
opacity:0.7;
}
figure.otros figure img {
margin-bottom:15px;
}
figure.otros figure {
margin-bottom:20px;
padding:15px;
}
figure.otros figure figcaption a span {
font-weight:bold;
font-size:22px;
display:block;
text-align:right;
color:#c00000;
}
/*figure.otros figure:hover figcaption a, figure.otros figure:hover figcaption a span {
color:#fff;
}*/
figure.otros figcaption {
min-height:78px;
}
figure.otros.corto figcaption {
min-height:50px;
}
#atajos, figure.fotos {
float:right;
}
#atajos dt{
float: left;
clear:left;
max-width:2em;
}
#atajos dd {
margin-left:2em;
padding-bottom:0.5em;
}
dl.caracteristicas dt, dl.caracteristicas dd, dl.foohor dt, dl.foohor dd, #corr_datos dt { 
margin: 0; padding: 0; 
}
dl.caracteristicas dt {
max-width:27%;
}
dl.caracteristicas dt, dl.foohor dt, #corr_datos dt {
float: left;
clear:both;
max-width:25%;
}
dl.foohor dt,  #corr_datos dt {
max-width:30%;
}
#corr_datos {
margin-top:20px;
}
#corr_datos dt, #corr_datos dd {
margin-bottom:15px;
}
dl.caracteristicas dt:after, dl.foohor dt:after, #atajos dt:after, #corr_datos dt:after {
content:": ";
}
dl.caracteristicas dd, dl.foohor dd {
margin-left:25%;
padding-bottom:0.5em;
}
dl.caracteristicas dd {
margin-left:27%;
}
dl.foohor dd, #corr_datos dd {
margin-left:30%;
}
dl.caracteristicas dd small {
font-style:italic;
}
dl.caracteristicas dd a {
text-decoration:underline;
}
#pie {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 15px;
/*padding: 0 0 20px;*/
padding:0;
color: #333;
background:#f5f5f5 url('../img/borde.png') left top repeat-x;

}
#pie div {
max-width:1200px;
margin:0 auto;
}
#pie div#dr {
padding: 65px 0 20px;
background: transparent url('../img/dragoncito.svg') 21% top no-repeat;
/*background: transparent url('../img/tot-anira-be.png') 21% top no-repeat;*/
}
#pie h1 {
font-size:26px;
}
.foored {
margin:0;
padding:0;
float:left;
list-style:none;
}
.foored li {
float:left;
font-size:26px;
padding-right:10px;
}
.foored li a:hover {
color:#cc0000;
}
#pie nav ul {
margin:15px 0 0 30px;
padding:0;
list-style:none;
}
#pie nav ul a, #pie nav ul span {
color:#333;
font-size:15px;
}
#pie nav ul a:hover, #pie nav ul span {
text-decoration:underline;
}
.cierre {
text-align:center;
font-size:13px;
padding:30px 0 20px;
}
#tarjetas {
float:right;
font-size:34px;
color:#888;
margin-right:15px;
margin-top:-30px;
}
.jumbotron {
margin-top:15px;
height:408px;
border-color:#ddd;
background-image:url('../img/jumbotron.svg'), url('../img/eright.png'), url('../img/eleft.png'), url('../img/etop.png'),linear-gradient(to right, rgba(119, 2, 165, 0.23), rgba(119, 2, 165, 1));
background-position:left bottom, right top, left top, left top;
background-repeat:no-repeat, no-repeat, no-repeat, repeat-x;
color:#fff;
}
.jumbotron h1, .jumbotron p{
padding-left:50%;
}
.jumbotron small {
padding-left:32%;
}
.jumbotron.promo {
background-image:url('../img/jumbotron.svg'), url('../img/eright.png'), url('../img/eleft.png'), url('../img/etop.png'), linear-gradient(to right, rgba(67,87,114,1),rgba(139,173,220,1));
}
.jumbotron.promo figure{
margin:180px 0 0 -30px;
float:left;
}
.jumbotron.promo img {
width:159px;
height:159px;
border-color:#555;
}
.jumbotron.promo h1 {
font-size:52px;
}
.jumbotron.promo p {
font-size:17px;
}
.jumbotron.promo p.jb {
margin-bottom:2px;
}
.jumbotron.promo p a.detalle {
text-decoration:underline;
color:#fff;
}
.btn-price{
    background-color:#5db4c0;
    color: #fff;
    border-radius:50%; 
	border:none;
    padding:40px 20px; 
    font-size: 13px;
	font-weight: 600;
	margin-top:20px;
}
.badge {
display: inline-block !important;
float:left;
margin-top:2px;
padding: .25em .4em !important;
font-size: 65% !important;
font-weight: 700 !important;
line-height: 1 !important;
text-align: center !important;
white-space: nowrap !important;
vertical-align: baseline !important;
border-radius: .25rem !important;
}
.badge-secondary {
color: #fff !important;
}
section.ordenar ul {
margin:10px 0;
padding:0;
list-style:none;
float:right;
}
section.ordenar small{
display:inline-block;
text-align:right;
padding-top:20px;
}
section.ordenar ul li {
float:left;
}
section.ordenar ul li button {
padding:0.5em 0.8em;
margin-left:0.5em;
border:1px solid #333;
border-radius:6px;
color:#333;
background-color:#fff;
}
section.ordenar ul li button:hover, section.ordenar ul li button:focus {
background-color:#ccc;
}
#textos h2, h2.negra {
font-weight:bold;
}
#textos p a , #textos li a, #textos dl a, a#acont, #contacto p a, #contacto label a, #compra p a, a.a_promo {
color:#cc0000;
text-decoration:underline;
}
#textos p a:hover, #textos p a:focus, #textos li a:hover, #textlos li a:focus, #textos dl a:hover, #textos dl a:focus, a#acont:hover, a#acont:focus, #contacto p a:hover, #contacto p a:focus, #contacto label a:hover, #contacto label a:focus, #compra p a:hover {
text-decoration:none;
}
#atajos {
border:1px solid #ddd;
margin:0 0 1em 1em;
}
#atajos figcaption {
font-weight: bold;
line-height: 1.1;
margin:15px 0 10px;
font-size:22px;
}
#sitemap h2 {
font-size:18px;
}
#sitemap a:hover, #sitemap a:focus {
text-decoration:underline;
}
#textos .fotos {
padding:0 15px;
}
#textos .fotos figure {
margin-bottom:20px;
}
#textos .fotos img {
width:100%;
max-width:383px;

margin-bottom:10px;
}
.consejos div {
min-height:180px;
}
.consejos figure {
float:left;
margin-right:15px;
}
.consejos figure img {
min-width:150px;
}
.consejos figure ~ p {
padding-top:25px;
}
.tabla3 {
width:90px;
}
#map {
    width: 100%; height: 225px; margin-top: 40px; margin-bottom: 40px;
}
.info-content {
    color: #999;
}
a.fa-qrcode, a.fa-address-card {
font-size:24px;
padding:4px 7px;
margin-right:6px;
border-radius:6px;
color:#333 !important;
background-color:#fff !important;
}
a.fa-qrcode:hover, a.fa-address-card:hover {
background-color:#cc0000 !important;
color:#fff !important;
}
#fo_contacto label, #fo_contacto input {
width:100%;
clear:both;
margin-bottom:3px;
}
#fo_contacto label {
margin-top:10px;
}
#fo_contacto input {
padding:3px 6px;
}
#fo_contacto textarea {
width:100%;
margin-bottom:3px;
clear:both;
padding:3px 6px;
height:90px;
}
#fo_contacto label[for="fo_acepto"] {
font-weight:normal;
float:left;
margin-bottom:15px;
}
#fo_contacto input[type="checkbox"] {
margin-right:0.5em;
width:auto;
}
.progress {
background-color:#E9A385;
}
.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #555; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #E9A385; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #A9332E; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #A9332E;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #EEA8A8;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
#ta_pedido figure {
float:left;
margin-right:6px;
}
select#qref {
 color: #333;
 width:3em;
    font-weight: normal;
    font-size: 1em;
    line-height:1em;
    margin: 0 0 10px;
    padding: 6px 4px;
    border: 0 none;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: "";
    background-image:url('../img/flecha.svg'), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background-size:25%;
    background-position: right 10px;
    background-color:#fff !important;
    background-repeat:no-repeat;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
box-shadow: 1px 1px 5px #ccc;
}
select#qref option {
    background: #fff;
}
#factura div.form-group {
padding-bottom:25px;
}
/*#factura div.form-group.altoextra {
height:auto;
}*/
#factura .sec_f {
width:100%;
}

#factura button {
margin:20px auto;
}
#corr_datos + a button {
margin-top:210px;
}
.bot_compra.final {
text-align:center;
margin:50px 0 25px;
}

input#canje {
text-align:center;
font-family:"Courier New", Courier, monospace;
}
#trampa {
display: none !important;
visibility: hidden !important;
}
#trampa label, #trampa input {
height:0 !important;
}

a.fa.negro {
color:#333 !important;
}
a.fa.negro:hover {
color:#fff !important;
}
ul#busca {
margin:20px 0;
padding:0;
list-style:none;
}
ul#busca li {
margin-bottom:20px;
}
ul#busca a.resultado{
font-weight:bold;
}
ul#busca small .b_ruta {
color:#555;
text-decoration:none;
}
ul#busca small .b_ruta:after {
content:"|";
margin-right:0.5em;
padding-left:0.5em;
}
ul#busca small .b_ruta:last-child:after {
content:"";
}
ul#busca small a.b_ruta:hover {
text-decoration:underline;
}
nav#paginacion {
font-family: "Barlow", sans-serif;
font-weight: 300;
font-weight:normal;
font-size:14px;
}
nav#paginacion a {
text-decoration:none;
color:#555;
}
.pagination > .active > a, .pagination >.active >a:hover {
background-color: #555;
border-color: #555;
color:#fff !important;
}
abbr[title] {
border-bottom:none;
}
p[itemprop="description"] #pbn, p[itemprop="description"] .sonido {
font-size:100% !important;
margin-right:15px;
background-color:#F2DEDE;
color:#A94442 !important;
float:left;
clear:both;
}
p[itemprop="description"] .sonido {
color:#1a39cd !important;
background-color:rgba(26, 57, 205, 0.33);
text-align:left !important;
line-height:1.2 !important;
float:right;
}
p[itemprop="description"] .sonido span {
padding-left:1.8rem;
}
span.may {
text-transform:lowercase;
font-variant:small-caps;
text-align:left !important;
line-height:1em;
}
img[src="img/banner_8junio.png"] {
width:100%;
}
.nb2021 {
color:rgba(194,10,0,1);
font-size:40px;
font-weight:bold;
}
.bot_compra.nb2021 {
margin:0;
}
.bot_compra.nb2021.home {
text-align:center;
color:#fff;
text-shadow:2px 2px 4px black;
}
.termsfeed-com---palette-light.termsfeed-com---nb {
color: rgb(169, 68, 66) !important;
background-color: rgb(242, 222, 222) !important;
margin:1.2em;
border-radius:5px;
}
.termsfeed-com---palette-light .cc-nb-title, .termsfeed-com---palette-light .cc-nb-text {
color: rgb(169, 68, 66) !important;
}
.termsfeed-com---palette-light .cc-nb-okagree, .termsfeed-com---palette-light .cc-nb-reject {
background-color: rgb(217, 83, 79) !important;
border-color:transparent !important;
border-radius:5px !important;
}
.termsfeed-com---palette-light .cc-nb-okagree:hover, .termsfeed-com---palette-light .cc-nb-reject:hover, .termsfeed-com---palette-light .cc-nb-okagree:focus, .termsfeed-com---palette-light .cc-nb-reject:focus {
background-color: rgb(255, 121, 117) !important;
box-shadow:none !important;
}
.termsfeed-com---palette-light .cc-nb-changep {
color: rgb(169, 68, 66) !important;
background-color:transparent !important;
border-color:transparent !important;
box-shadow: none !important;
}
.termsfeed-com---palette-light .cc-nb-changep:hover, .termsfeed-com---palette-light .cc-nb-changep:focus {
text-decoration:underline;
}
.alfa-slab-one-regular {
font-family: "Alfa Slab One", serif;
font-weight: 400;
font-style: normal;
}
.birthstone-bounce-regular {
font-family: "Birthstone Bounce", cursive;
font-weight: 400;
font-style: normal;
}
.birthstone-bounce-medium {
font-family: "Birthstone Bounce", cursive;
font-weight: 500;
font-style: normal;
}
.modal-content {
background-color:#000;
color:#fff;
}
.modal-header {
border-bottom:none;
}
#tancamodal, #tanca {
color:#fff;
opacity:1;
}
.modal-title {
text-align:center;
letter-spacing:1px;
font-size:2.5rem;
}
.modal-body {
padding-bottom:0;
}
.imgdrac {
text-align:center;
}
#dracpca {
width:250px;
}
.modal-body p:first-of-type {
font-size:2rem;
font-weight:600;
}
h2.birthstone-bounce-medium {
font-size:3rem;
word-spacing:0.3ch;
margin-bottom:2.8rem;
}
.toast {
background-color:#000;
color:#fff;
position:absolute !important;
top:4rem;
right: calc(((100vw - 1170px) / 2) + 85px);
padding:1rem;
border-radius:4px;
opacity:1;
z-index:1100;
}
.toast strong {
padding-left:1rem;
}



/*Excepciones para Firefox*/
/*@-moz-document url-prefix() { 
  .btn-xlarge span:after {
  	margin-top:-35px;
  }
}*/



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (max-width: 320px) {
	.consejos figure {
		float:none;
	}
}


@media (min-width:576px) {
	.bd-example {
		padding: 1.5rem;
margin-right: 0;
margin-left: 0;
border-width: .2rem;
	}
}


@media (max-width: 768px) {
	.navbar-brand {
		display:block;
		width:230px;
		height:50px;
		margin:0 0 0 15px;
		padding:0;
	}
	header {
		margin:0 -15px;
		position:relative;
	}
	#redes, #logo, #atajos {
		display:none;
	}
	#cesta {
	position:absolute;
	top:55px;
	z-index:90;
	}
	#buscador fieldset.form-group {
		margin:0;
	}
	.navbar-default .navbar-nav > li > a, nav a {
		margin:0 15px;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .nav > li > a:hover, .nav > li > a:focus, .ml2 li > a:hover, .ml2 li > a:focus {
		
	}	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border:none;
		margin-top:50px; 
	}
	nav #buscador {
	font-family: "Barlow", sans-serif;
  	font-weight: 300;
	float: none;
	padding-right: inherit;
	margin: 0 15px;
	}
	#path {
		display:none;
	}
	.btn.primary {
		width:100%;
	}
	.btn-xlarge span:after {
    	content:"COMPRA";
    }
	figure.ilustra img {
		width:100%;
	}
	.ilustra iframe {
		margin-top:20px;
		width:100% !important;
		height:auto !important;
	}
	dl.caracteristicas dt {
		max-width:35%;
	}
	dl.caracteristicas dd {
	margin-left:35%;
	}
	figure.ilustra {
		margin-top:30px;
	}
	figure.otros figure img{
		width:107px;
		height:107px;
	}
	figure.otros figure figcaption {
		min-width:40%;
		max-width:50%;
		float:right;
	}
	figure.otros figure figcaption a {
		line-height:1;
		text-align:left;
		max-width:100%;
		overflow-wrap:break-word;
	}
	#pie {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		padding: 40px 0 20px;
		margin-top: 40px;
	}
	#pie div#dr {
		background-image:none;
	}
	#pie nav ul {
	    margin: 0px 0;
    	padding: 0;
    	list-style: none;
    }
    #pie section {
    	margin:30px 15px;
    	width:100%;
    }
    #pie section + section {
    	margin-top:78px;
    }
    #pie .foored {
    	margin-bottom:30px;
    }
	#pie dl.foohor dt {
		max-width: 100%;
    	width: 100%;
	}
	#pie dl.foohor dt, #pie dl.foohor dd {
    	float: none;
    	max-width: 100%;
    	width: 100%;
    	margin-left:0;
	}
	#tarjetas {
		float:left;
	}
	.jumbotron {
		background-image:url('../img/jumbotron.svg'), linear-gradient(to right, rgba(243,153,120,1),rgba(202,24,30,1));
		background-position:left bottom;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.jumbotron h1, .jumbotron p {
		padding-left:0;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	}
	.jumbotron.promo {
		background:none;
		height:auto;
	}
	.jumbotron.promo figure {
		margin:0;
		float:none;
	}
	.jumbotron.promo h1 {
		color:#333 !important;
		text-shadow:none;
		font-size:40px;
	}
	.jumbotron.promo p, .jumbotron.promo p a.detalle, .jumbotron.promo small {
		color:#333;
		text-shadow:none;
	}
	.jumbotron.promo small {
		padding:0;
	}
	.badge {
		float:none;
		clear:both;
	}
	section.ordenar + figure.otros {
		margin-top:70px;
	}
	#ta_pedido {
		margin-left:-25px !important;
	}
	#corr_datos {
		display:block;
		margin-bottom:10px;
	}
	#corr_datos + a button {
    	margin-top: 20px;
	}
	#corr_datos dt {
		max-width:30%;
	}
	#coor_datos dd {
		margin-left:30%;
	}
	.bot_compra.nb2021.home {
		color:rgba(194,10,0,1);
		text-shadow:none;
	}
	img[src='img/logo2.svg'] {
		width:30%;
	}
}
@media (min-width: 768px) {
	.jumbotron.promo h1 {
		font-size: 40px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	}
	#corr_datos + a button {
    	margin-top: 20px !important;
	}
}
@media (min-width: 790px) and (max-width:950px) {
#pie div#dr {
	background-image:none !important;
}
}

@media (min-width: 959px) and (max-width:991px) {
	#pie {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		background-image: none;
		padding: 40px 0 20px;
		margin-top: 40px;
	}
	.jumbotron small {
		padding-left:27%;
	}
	#pie div#dr {
	background-image:none;
}
}

@media (min-width: 992px) {
	/*#pie {
		background-position: 156px top, left top;
	}*/
	#mp li > a, #mp li > span.active {
	padding: 10px 8px;
	}
	.jumbotron.promo h1 {
		font-size: 40px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	}
	figure.otros figcaption {
		min-height:101px;
	}
	#corr_datos + a button {
    	margin-top: 210px;
	}
}
@media (min-width:1023px) {
	#mp li > a, #mp li > span.active {
		padding: 15px 8px;
	}
	#corr_datos + a button {
   		margin-top: 20px;
	}
	nav #buscador {
	margin-left: 0 !important;
	overflow: hidden;
	padding-left: 0 !important;
	}
	#factura div.form-group {
    	padding-bottom: 40px;
	}
	/*#pie {
	background-position: 156px top, left top;
	}*/
	figure.otros figcaption {
		min-height:101px;
	}
	.jumbotron small {
		padding-left:27%;
	}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/*#pie {
		background-position: 315px top, left top;
	}*/
	#mp li > a, #mp li > span.active {
	padding: 15px;
	}
	.jumbotron small {
		padding-left:32%;
	}
}