html, body {
	height:100%;
	width:100%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	background-color:#323232;
	font-size:16px;
}

h1 {
	text-align:left;
	font-size: 24px; 
	line-height: 19px;
	color:#17ae9e;
}

h2 {
	text-align:left;
	font-weight:lighter;
	font-size: 21px;
	line-height: 21px;
	color:#17ae9e;
	padding-bottom: 15px;
}

#wrap {
    width:100%;
    margin: auto;
	background-color:#e4e4e4;
}

#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
	 background-image:url(../images/background-trans.png);
}

#overlay div {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}

:root {
	--feran:#00416d;
	--feran-medium:#0068ad;
	--feran-light:#7ebfe8;
	--usuario:#f1f1f1;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.text-white {
  color: #fff !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

/* CAMPOS DE FORMULARIO */

form {
	margin-bottom:10px;
}

form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}

label {
	width: 180px;
	font-size:12px;
	float: left; 
	margin: 10px;
	font-family: sans-serif; 
	color: #2a517f;
	text-align:left;
	behavior: url(ie-css3.htc);
	clear: left;
}

textarea {
	float: left; 
	padding: 5px;
	background: #FFF;
	border: 1px solid #94cef5;
	font-family: sans-serif; 
	font-size:12px;
	color: #369;
	behavior: url(ie-css3.htc);
}
	textarea::-webkit-input-placeholder {
		width: auto;
    	color: #6699cc;
		behavior: url(ie-css3.htc);
	}
	textarea:-moz-placeholder {
		width: auto;
	    color: #6699cc;
		behavior: url(ie-css3.htc);
	}

input {
	float: left; 
	padding: 5px;
	background: #FFF;
	border: 1px solid #94cef5;
	font-family: sans-serif; 
	font-size:12px;
	color: #369;
	behavior: url(ie-css3.htc);
}
	input::-webkit-input-placeholder {
		width: auto;
    	color: #6699cc;
		behavior: url(ie-css3.htc);
	}
	input:-moz-placeholder {
		width: auto;
	    color: #6699cc;
		behavior: url(ie-css3.htc);
	}

input:focus, textarea:focus {
	background: #FFF;
	-moz-box-shadow: 1px 1px 1px #94cef5; -webkit-box-shadow: 1px 1px 1px #94cef5; box-shadow: 1px 1px 1px #94cef5;
	color: #369;
	behavior: url(ie-css3.htc);
}

input[type=text] {
	margin-left:20px;
}

input[type=ayuda] {
	padding-left:25px;
	background-position: left top;
	background-repeat: repeat-x;
	background-image:url(../images/bg_ayuda.png);
	float:right;
	background-color:#999;
	width:40px;
	color:#FFF;
	font-size: 11px;
	text-transform: uppercase;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	cursor: pointer;
	-moz-box-shadow: none; -webkit-box-shadow: none;; box-shadow: none;
	border:none;
}

input[type=submit] {
	float:left;
	background-position: left top;
	background-repeat: repeat-x;
	background-image:url(../images/bg_buscar.png);
	padding-left:20px;
	width: auto;
	background-color:#6699cc;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	clear:left;
}

input[type=button] {
	width: auto;
	float:left;
	background-position: left top;
	background-repeat: repeat-x;
	background-image:url(../images/bg_form_button.png);
	padding:5px;
	background-color:#6699cc;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	clear:left;
	margin: 10px;
}

input[type=checkbox] {
	padding:0;
	border:0;
	outline:0;
	width: auto;
	float:left;
	cursor: pointer;
	behavior: url(ie-css3.htc);
	margin: 8px 0 0 0;
}

input[type=radio] {
	padding:0;
	border:0;
	outline:0;
	width: auto;
	float:left;
	cursor: pointer;
	behavior: url(ie-css3.htc);
	margin: 8px 0 0 0;
}

input[type=file] {
	padding:0;
	border: 1px solid #94cef5;
	outline:0;
	width: auto;
	float:left;
	behavior: url(ie-css3.htc);
	margin: 7px 0 0 0;
}

select {
	float: left; 
	width: auto;
	margin: 5px 10px 0 0;
	background: #FFF;
	border: 1px solid #94cef5;
	font-family: sans-serif; 
	font-size:12px;
	color: #2a517f;
	behavior: url(ie-css3.htc);
}

option {
	float: left; 
	width: auto;
	padding: 5px;
	background: #FFF;
	font-family: sans-serif; 
	color: #2a517f;
	behavior: url(ie-css3.htc);
}


/* COOKIES */

#mensaje_alerta {
	height:auto;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	width:100%;
	background-color:#323232;
	color: #CCC;
	font-size:12px;
}

#cookies {
	width: 850px;
	margin: 0 auto;
	padding: 20px;
}

#cookies p {
	margin: 0 20px 0 20px;
}

#cookies a {
	color: #CCC;
	text-decoration:underline;
}

#cookies figure {
	background-color:#CCC;
	padding:10px;
	float: right;
	width: auto;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}

#cookies figure:hover {
	background-color: #999;
}

#cookies figure a {
	color: #000;
	text-decoration:none;
	display:block;
}


/* PORTES */

#portes {
	height:30px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width:100%;
	background-color:#323232;
	color: #CCC;
	font-size:12px;
}

#portes ul {
	width:700px;
	margin: 0 auto;
	line-height: 30px;
}

#portes li {
	float:left;
}

#portes ul li a {
	color: #CCC;
	text-decoration:underline;
}

.portes_reloj {
	padding-left:25px;
	background-position:left center;
	background-repeat: no-repeat;
	background-image:url(../images/icon_reloj.png);
}

.portes_camion {
	padding-left:30px;
	margin-left:70px;
	background-position:left center;
	background-repeat: no-repeat;
	background-image:url(../images/icon_camion.png);
}

/* CABECERA */

#masthead {
	margin: 0 auto;
	width:1000px;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_nav_esquinas.png);
}

#masthead img {
	margin:20px 0 5px 75px;
	float:left;
}

#cabecera {
	width: 960px;
	margin: 0 auto;
	background-color:#FFF;
}

#cabecera h2 {
	color:#2a517f;
	font-size:14px;
	clear:left;
	margin-left:30px;
}

#datos_cabecera {
	width:auto;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-align:right;
	color:#000;
	padding: 25px 30px 0 0;
	float:right;
}

#datos_cabecera h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align:right;
	color:#000;
}

#datos_cabecera p {
	margin-bottom:5px;
}

#datos_cabecera a {
	text-decoration: none;
	color: #000;
}

#datos_cabecera a:hover {
	text-decoration:underline;
}

/* BUSCADOR */

#buscador {
	padding:15px;
}

#buscador form {
	padding:10px;
	background-color:#b9e3ff;
}

#buscador label {
	width: auto;
	font-size:12px;
	float: left; 
	margin: 8px 3px 0 0;
	font-family: sans-serif; 
	color: #2a517f;
	text-align:left;
	behavior: url(ie-css3.htc);
	clear:none;
}

#buscador input, #buscador input[type=text] {
	width:auto;
	float: left; 
	margin:0 7px 0 0;
	padding: 5px;
	background: #FFF;
	border: 1px solid #94cef5;
	font-family: sans-serif; 
	font-size:12px;
	color: #000;
	behavior: url(ie-css3.htc);
}
	#buscador input::-webkit-input-placeholder  {
    	color: #6699cc;
		behavior: url(ie-css3.htc);
	}
	#buscador input:-moz-placeholder {
	    color: #6699cc;
		behavior: url(ie-css3.htc);
	}

#buscador input:focus, #buscador textarea:focus {
	background: #FFF;
	-moz-box-shadow: 1px 1px 1px #94cef5; -webkit-box-shadow: 1px 1px 1px #94cef5; box-shadow: 1px 1px 1px #94cef5;
	color: #369;
	behavior: url(ie-css3.htc);
}

#buscador input[type=submit] {
	float:left;
	background-position: left top;
	background-repeat: repeat-x;
	background-image:url(../images/bg_buscar.png);
	padding-left:20px;
	width: auto;
	background-color:#6699cc;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	clear:none;
}

#buscador input[type=button] {
	float:left;
	background-position: left top;
	background-repeat: repeat-x;
	background-image:url(../images/bg_buscar.png);
	padding-left:20px;
	width: auto;
	background-color:#6699cc;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	clear:none;
}

#buscador select {
	padding:1px;
	float: left; 
	width: 85px;
	background: #FFF;
	border: 1px solid #94cef5;
	font-family: sans-serif; 
	font-size:12px;
	color: #2a517f;
	behavior: url(ie-css3.htc);
}

#buscador option {
	margin: 0;
	float: left; 
	width: auto;
	padding: 5px;
	background: #FFF;
	font-family: sans-serif; 
	font-size:12px;
	color: #2a517f;
	behavior: url(ie-css3.htc);
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
	float:left;
	
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4e8f8;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#369;
	width:600px;
}
.autocomplete-items div {
  padding: 5px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4e8f8; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #d4e8f8; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.autocomplete-items strong {
  color: #000;
	font-weight: bold;
}

/* FILTRO */

#filtrar {
	width: inherit;
	height:30px;
	padding: 0;
	margin-bottom:20px;
	background-color:#b9e3ff;
}

#filtrar form {
	line-height:16px;
}

#filtrar form, #filtrar fieldset, #filtrar input, #filtrar textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}

#filtrar label {
	width:auto;
	clear: none;
	font-size:12px;
	float: left; 
	margin: 7px 5px 0 0;
	font-family: sans-serif; 
	color: #4e7eb7;
	text-align:left;
	behavior: url(ie-css3.htc);
}

#filtrar select {
	margin-top:2px;
	padding:4px;
	float: left; 
	max-width:85px;
	height: 25px;
	background: #FFF;
	border: 1px solid #94cef5;
	font-family: sans-serif; 
	font-size:12px;
	color: #2a517f;
	behavior: url(ie-css3.htc);
}

#filtrar option {
	float: left; 
	width: auto;
	height: 15px;
	padding: 5px 10px 0px 10px;
	background: #FFF;
	font-family: sans-serif; 
	font-size:12px;
	color: #2a517f;
	behavior: url(ie-css3.htc);
}

#filtrar input[type=checkbox] {
	margin:9px 5px 0 9px;
	line-height:19px;
	cursor: pointer;
	behavior: url(ie-css3.htc);
}

#filtrar label#no-novedades {
	color:#000;
	font-style:italic;
	margin-right:20px;
}

/* CAMINO DE HORMIGAS Y BOTON DE CESTA DE LA COMPRA */

#cesta {
	color: #506f27;
	font-size: 12px;
	text-transform: uppercase;
	font-family: sans-serif;
	text-align:right;
	width:auto;
	float: right;
	padding:5px 5px 6px 0;
	background-color: #eaf2db;
	margin-right:15px;
}

#cesta-firme {
	color: #2a517f;
	font-size: 12px;
	text-transform: uppercase;
	font-family: sans-serif;
	text-align:right;
	width:auto;
	float: right;
	padding:5px 5px 6px 0;
	background-color: #dcf1ff;
	margin-right:15px;
}

.ver-cesta {
	margin: 0 5px 0 0;
	cursor: pointer;
	border:none;
	text-transform: uppercase;
	font-family: sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 5px;
	width:auto;
	height:auto;
	color: #fff;
	background-position: left center;
	background-repeat: repeat-x;
	background-image:url(../images/bg_comprar_verde.png);
}

.ver-cesta-firme {
	margin: 0 5px 0 0;
	cursor: pointer;
	border:none;
	text-transform: uppercase;
	font-family: sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 5px;
	width:auto;
	height:auto;
	color: #fff;
	background-position: left top;
	background-repeat: repeat-x;
	background-image:url(../images/bg_nav_active.png);
}

.ver-cesta, .ver-cesta-firme {
	text-decoration:none;
}

.ver-cesta:hover {
	text-decoration:none;
	background:none #506f27;
}

.ver-cesta-firme:hover {
	text-decoration:none;
	background:none #2a517f;
}

#cesta i, #cesta-firme i {
	margin: 0 5px 0 0;
	font-size:14px;
}

#hormigas {
	min-width:200px;
	width:auto;
	height:20px;
	float: left;
	color:#686868;
	font-family: sans-serif;
	text-align:left;
	font-size: 12px;
	line-height:32px;
	margin:0 0 10px 20px;
}

#hormigas a {
	color:#686868;
	text-decoration:none;
}

#hormigas a:hover {
	color:#000;
	text-decoration:underline;
}

/* CATÁLOGO DE PRODUCTOS */

#catalogo {
	padding: 15px;
	float:right;
	margin: 0;
	width:720px;
}

#catalogo h1 {
	clear:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#2a517f;
	width: auto;
	padding: 5px 0 0 5px;
	margin: 0 0 10px 0;
	background-color:#b9e3ff;
}

#seo h1 {
	clear:left;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 28px;
	color:#2a517f;
	width: auto;
	padding: 0;
	margin: 0 0 15px 0;
	background: none;
}

#seo h2 {
	clear:left;
	font-family: sans-serif;
	font-weight: lighter;
	font-size: 22px;
	color:#000;
	width: auto;
	padding: 0;
	margin: 0 0 30px 0;
	background: none;
}

#seo p {
	clear:left;
	font-family: sans-serif;
	font-weight: lighter;
	font-size: 13px;
	line-height: 16px;
	color:#000;
	width: auto;
	padding: 20px 0 0 0;
	margin: 0 0 0 0;
	background: none;
	border-top: 1px dotted #ccc;
}

#grupo_articulos {
	padding: 0;
	float: left;
	margin: 0 0 5px 0;
}

#grupo_descripciones {
	padding: 0;
	float: left;
	margin: 0 0 50px 0;
}

#prev_producto {
	width:220px;
	float:left;
	margin: 0 10px 0 10px;
	padding:0;
}

#prev_producto .etq-dto {
	width:70px;
	height:65px;
	position:absolute;
	margin:0;
	background-image:url(../images/etiqueta-dto-70.png);
	background-repeat:no-repeat;
	background-position:top center;
	color:#fff;
	text-align:center;
	font-family:condensed;
}

#prev_producto .etq-dto-num {
	font-size:30px;
	margin:12px 0 0 0;
	font-weight:bold;
}

#prev_producto .etq-dto-num span {
	font-size:22px;
}

#prev_producto .etq-dto-dto {
	text-transform:uppercase;
	font-size:8px;
	margin:0;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	line-height:2px;
}

#prev_descripcion {
	width:220px;
	float:left;
	margin: 0 10px 0 10px;
	padding:0;
}

#prev_producto img {
	max-height:200px;
	margin: 
}

#prev_producto h1, #prev_descripcion h1 {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 16px;
	font-weight:bold;
	color: #2a517f;
	text-align:left;
	padding: 0;
	text-transform: capitalize;
	margin-bottom: 0;
}

.titulo_producto {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 16px;
	font-weight:bold;
	color: #2a517f;
	text-align:left;
	padding: 0;
	text-transform: capitalize;
	margin-bottom: 0;
}

#prev_producto h2, #prev_descripcion h2 {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 14px;
	color: #6699cc;
	text-align:left;
	text-transform: capitalize;
	margin: 0 0 3px 0;
	padding: 0;
}

#prev_producto h2 a, #prev_descripcion h2 a {
	color: #6699cc;
	text-decoration:none;
	text-transform: capitalize;
}

#prev_producto h2 a:hover, #prev_descripcion h2 a:hover {
	text-decoration:underline;
}

.autor {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 14px;
	color: #6699cc;
	text-align:left;
	text-transform: capitalize;
	margin: 0 0 6px 0;
	padding: 0;
}

.autor a {
	color: #6699cc;
	text-decoration:none;
	text-transform: capitalize;
}

.autor a:hover {
	text-decoration:underline;
}

#prev_producto h3 {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 16px;
	font-weight:bold;
	color: #2a517f;
	text-align:left;
	padding: 0;
	text-transform: capitalize;
	margin-bottom: 0;
}

#prev_descripcion h3 {
	margin: 0 0 5px 0;
	font-family:  sans-serif;
   	font-size: 12px;
	color: #6d6d6d;
	text-align:left;
	font-weight:lighter;
}

#prev_descripcion h3 a {
	color: #6699cc;
	text-decoration:none;
	text-transform: capitalize;
}

#prev_descripcion h3 a:hover {
	text-decoration:underline;
}

.caracteristica {
	margin: 0 0 5px 0;
	font-family:  sans-serif;
   	font-size: 12px;
	color: #6d6d6d;
	text-align:left;
	font-weight:lighter;
}

.caracteristica a {
	color: #6699cc;
	text-decoration:none;
	text-transform: capitalize;
}

.caracteristica a:hover {
	text-decoration:underline;
}

.caracteristica strong {
	font-family:  sans-serif;
   	font-size: 20px;
	color: #000;
	text-align:left;
	font-weight: bold;
}

.precio {
	margin: 8px 0 8px 0;
	font-family: sans-serif;
   	font-size: 16px;
	text-align:left;
	max-width:160px;
	padding:5px 0 5px 10px;
	border-radius:8px;
}

.precio-pvp {
	color: #000;
	font-weight:400;
	background-color: #e2e2e2;
	border: 1px solid #e2e2e2;
}

.precio-neto {
	color: #6699cc;
	font-weight:bold;
	background-color: #fff;
	border: 1px solid #6699cc;
}

#prev_producto h4, #prev_descripcion h4 {
	font-family:  sans-serif;
   	font-size: 12px;
	color: #6d6d6d;
	text-align:left;
	font-weight:lighter;
	margin: 10px 0 10px 0;
}

#prev_producto h4 strong, #prev_descripcion h4 strong {
	font-family:  sans-serif;
   	font-size: 20px;
	color: #000;
	text-align:left;
	font-weight: bold;
}

#prev_producto h4 a, #prev_descripcion h4 a {
	color: #6699cc;
	text-decoration:none;
	text-transform: capitalize;
}

#prev_producto h4 a:hover, #prev_descripcion h4 a:hover {
	text-decoration:underline;
}


#prev_producto p, #prev_descripcion p {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 13px;
	line-height:16px;
	color: #333333;
	text-align:justify;
	margin-bottom: 10px;
}

#articulo input#comprar {
	margin: 0;
	width:auto;
	padding: 0 5px 0 5px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_comprar.png);
	height: 28px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}

#articulo input#encargar {
	margin: 0;
	width:auto;
	padding: 0 5px 0 5px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_encargar.png);
	height: 28px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}

#producto input#comprar {
	margin: 0;
	width:auto;
	padding: 0 5px 0 5px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_comprar.png);
	height: 28px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}

#producto input#encargar {
	margin: 0;
	width:auto;
	padding: 0 5px 0 5px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_encargar.png);
	height: 28px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}

/* NAVEGADOR DE PÁGINAS */

#visualizar_productos {
	float:right;
}

#enunciado {
	float:right;
	padding-right:5px;
}

#visualizar_paginas {
	float:left;
}

#nav_paginas {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 13px;
	line-height:26px;
	width:inherit;
	height:20px;
	float:none;
	margin:0 20px 50px 0;
}

#nav_paginas ul {
	background-position: center top;
	background-repeat: repeat-x;
	background-image:url(../images/bg_visualizar.png);
	height:25px;
	border: 1px solid #b2b2b2;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none;
	color: #369;
	list-style: none;
	-webkit-box-shadow: 0 1px 2px 1px #dbdbdb; box-shadow: 0 1px 2px 1px #dbdbdb;
}

#nav_paginas li {
	float: left;
	border-left:solid 1px #b2b2b2;
}

#nav_paginas li a {
	padding: 0 10px 0 10px;
	color: #4e7eb7;
	text-decoration:none;
	display: block;
}

#nav_paginas li a:hover {
}

#nav_paginas li.flecha_izquierda {
	border-left: none;
}

#nav_paginas li.num_activo {
	background-position: center top;
	background-repeat: repeat-x;
	background-image:url(../images/bg_visualizar_on.png);
}

#nav_paginas li.num_activo a {
	color: #000;
}

#nav_paginas li.suspensivos {
	padding: 0 10px 0 10px;
	color: #000;
	background-position: center top;
	background-repeat: repeat-x;
	background-image:url(../images/bg_visualizar_on.png);
}

/* FICHA DE PRODUCTO */

#articulo {
	padding: 20px;
	float:right;
	margin: 0;
	width:720px;
}

#articulo footer {
	clear: both;
	border-top: 1px dotted #CCC;
	width:auto;
	margin:0 auto;
	padding: 20px;
}

#imagenes_producto {
	float: left;
	margin: 0;
	padding: 0;
	max-width: 300px;
}

#imagenes_producto img {
	max-width: 300px;
	margin: 0 20px 0 0;
	padding: 0;
	border: 0;
}

#imagenes_producto .etq-dto {
	width:110px;
	height:102px;
	position:absolute;
	margin:0;
	background-image:url(../images/etiqueta-dto-110.png);
	background-repeat:no-repeat;
	background-position:top center;
	color:#fff;
	text-align:center;
	font-family:condensed;
}

#imagenes_producto .etq-dto-num {
	font-size:50px;
	margin:18px 0 0 0;
	font-weight:bold;
}

#imagenes_producto .etq-dto-num span {
	font-size:32px;
}

#imagenes_producto .etq-dto-dto {
	text-transform:uppercase;
	font-size:11px;
	margin:0;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	line-height:2px;
}

#producto_miniaturas {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

#producto_miniaturas img {
	float: left;
	margin: 0;
	padding: 0;
	max-width: 75px;
}

#producto {
	width:380px;
	float:right;
	margin: 0;
	padding:10px;
}

#producto h1 {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 24px;
	font-weight:bold;
	color: #2a517f;
	text-align:left;
	margin: 0 0 5px 0;
}

#producto h2 {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 16px;
	color: #6699cc;
	text-align:left;
}

#producto h2 a, #producto h3 a, #producto h4 a {
	text-decoration:none;
	color: inherit;
	color: #6699cc;
}

#producto h2 a:hover, #producto h3 a:hover, #producto h4 a:hover {
	text-decoration:underline;
}

#producto h3 {
	font-family:  sans-serif;
   	font-size: 12px;
	color: #6d6d6d;
	text-align:left;
	font-weight:lighter;
	margin: 0 0 5px 0;
}

#producto h4 {
	font-family:  sans-serif;
   	font-size: 12px;
	color: #6d6d6d;
	text-align:left;
	font-weight:lighter;
	margin:20px 0 20px 0;
}

#producto h4 strong {
	font-family:  sans-serif;
   	font-size: 20px;
	color: #000;
	text-align:left;
	font-weight: bold;
}

#producto p {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 13px;
	line-height:17px;
	color: #333333;
	text-align:justify;
}

#producto table {
	width: inherit;
	border:0;
	margin:20px 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 12px;
	font-weight:normal;
	color: #333333;
	text-align:left;
}

#producto table th {
	padding:5px;
	font-weight:bold;
}

#producto table tr:nth-child(2n) {
    background: #FFF;
}
 
#producto table tr:nth-child(2n+1){
    background: #dfdfdf;
}
 
#producto table.header tr:not(:first-child):hover, table:not(.header) tr:hover {
    background:#dfdfdf;
}

#atras {
	text-align:center;
	margin: 0 auto;
	width: inherit;
}

#atras a {
	padding: 4px;
	text-decoration: none;
	color:#FFF;
	font-size: 12px;
	text-transform: uppercase;
	font-family: sans-serif;
	background-position: left top;
	background-repeat: repeat-x;
	background-image:url(../images/bg_atras.png);
}


/* STOCK */

#stock {
	font-family: sans-serif;
   	font-size: 12px;
	color: #666666;
	text-align:left;
	font-weight:lighter;
}

#stock i {
	margin-right:5px;
	font-size: 14px;
}

#stock i.disponible {
	color: limegreen;
}

#stock i.editor {
	color: orange;
}

#stock .agotado {
	color: red;
}

#stock .pendiente {
	color: #2a517f;
}



#stock_disponible p {
	font-family: sans-serif;
   	font-size: 10px;
	color: #666666;
	text-align:left;
	font-weight:lighter;
}

#stock_disponible img {
	float: left;
	padding-right:5px;
	width:10px;
	height:10px;
}

#stock_condicionado p {
	font-family: sans-serif;
   	font-size: 10px;
	color: #666666;
	text-align:left;
	font-weight:lighter;
}

#stock_condicionado img {
	float: left;
	padding-right:5px;
	width:10px;
	height:10px;
}

#stock_nodisponible p {
	font-family: sans-serif;
   	font-size: 10px;
	color: #666666;
	text-align:left;
	font-weight:lighter;
}

#stock_nodisponible img {
	float: left;
	padding-right:5px;
	width:10px;
	height:10px;
}

/* BOTÓN DE COMPRA */

#producto_comprar form, #producto_comprar fieldset, #producto_comprar input, #producto_comprar button, #producto_comprar textarea {
	margin: 0 0 5px 0; padding: 0; border: 0; outline: none;
}

#producto_comprar input, #producto_comprar input:active {
	text-align:center;
	float: left; 
	width: 35px;
	height: 26px;
	background: #FFF;
	border: 1px solid #527227;
	font-family: sans-serif; 
	font-size:12px;
	color: #000;
	behavior: url(ie-css3.htc);
}

#producto_comprar input[type=button], #producto_comprar input[type=button]:active {
	width:120px;
	padding: 0 10px 0 10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_comprar.png);
	height: 28px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}

#producto_comprar input:focus, #producto_comprar textarea:focus {
	background: #FFF;
	-moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none;
	color: #000;
	behavior: url(ie-css3.htc);
}

#producto_comprar_firme form, #producto_comprar_firme fieldset, #producto_comprar_firme input, #producto_comprar_firme button, #producto_comprar_firme textarea {
	margin: 0 0 20px 0; padding: 0; border: 0; outline: none;
}

#producto_comprar_firme input, #producto_comprar_firme input:active {
	text-align:center;
	float: left; 
	width: 35px;
	height: 26px;
	background: #FFF;
	border: 1px solid #2a517f;
	font-family: sans-serif; 
	font-size:12px;
	color: #000;
	behavior: url(ie-css3.htc);
}

#producto_comprar_firme input#unidades {
	border: 1px solid #2a517f;
}

#producto_comprar_firme input[type=button], #producto_comprar_firme input[type=button]:active {
	width:auto;
	padding: 0 10px 0 10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url("../images/bg_nav_active.png");
	height: 28px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}

#producto_comprar_firme input:focus, #producto_comprar_firme textarea:focus {
	background: #FFF;
	-moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none;
	color: #000;
	behavior: url(ie-css3.htc);
}

input#comprar {
	margin: 0;
	width:120px;
	padding: 0 10px 0 10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_comprar.png);
	height: 28px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}

input#unidades {
	outline: none;
	margin:0;
	padding:0;
	text-align:center;
	float: left; 
	width: 32px;
	height: 26px;
	background: #FFF;
	border: 1px solid #527227;
	font-family: sans-serif; 
	font-size:12px;
	color: #666;
	behavior: url(ie-css3.htc);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

#producto_reservar input#unidades {
	outline: none;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	float: left; 
	width: 32px;
	height: 26px;
	background: #FFF;
	border: 1px solid #F60;
	font-family: sans-serif; 
	font-size:12px;
	color: #666;
	behavior: url(ie-css3.htc);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

#producto_reservar input#reservar {
	float:none;
	margin: 0 120px 0 0;
	width:auto;
	padding: 0 5px 0 5px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_encargar.png);
	height: 28px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}

#producto_reservar {
	float:left;
}

#producto_reservar input.anular_reserva {
	float: left;
	margin: 0;
	width:auto;
	padding: 0 7px 0 7px;
	background: none;
	background-color:#000;
	height: 24px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}

input#encargar {
	margin: 0;
	width:auto;
	padding: 0 10px 0 10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_encargar.png);
	height: 28px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}

input#filtrar {
	margin: 5px 0 0 0;
	width: auto;
	background:#fff;
	cursor: pointer;
	color: #4e7eb7;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	clear:none;
	height:20px;
	padding: 0 5px 0 5px;
	border: 1px solid #4e7eb7;
}


/* BOTÓN DE ENCARGO */

#producto_encargar form, #producto_encargar fieldset, #producto_encargar input, #producto_encargar button, #producto_encargar textarea {
	margin: 0 0 20px 0; padding: 0; border: 0; outline: none;
}

#producto_encargar input[type=button], #producto_encargar input[type=button]:active {
	width:auto;
	padding: 0 10px 0 10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_encargar.png);
	height: 28px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}


/* ICONOS */

img.icon {
	height:auto;
	width:auto;
}

#lineas_facturacion img.icon {
	height:auto;
	width:auto;
}

#iconos {
	width:100%;
	margin: 10px 0 20px 0;
}

#iconos button.fa {
	padding:5px;
	width:auto;
	min-width:24px;
	height:24px;
	font-size:14px;
}

#iconos button.fa:hover:after{
	text-align:center;
	font-size:11px;
    background: #fff;
    border-radius: 5px;
	border:1px solid #003366;
    color: #003366;
    content: attr(value);
    padding: 5px;
    position: absolute;
    z-index: 98;
    width: auto;
	margin:-35px -20px;
}

#iconos button.fa:hover:before{
    border: solid;
    border-color: #003366 transparent;
    border-width: 6px 6px 0 6px;
    content: "";
    position: absolute;
    z-index: 99;
	margin:-12px 0;
}

#iconos .comprar {
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_comprar.png);
}

#iconos .comprar-firme {
	background-position: left top;
	background-repeat: no-repeat;
	background-image:url("../images/bg_nav_active.png");
}

#iconos .reservar {
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_encargar.png);
}

#iconos .pedir {
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_avisar.png);
}

#iconos .atencion {
	background: red;
}

#iconos .stop {
	background: #FC0;
}

#iconos .avisar {
	background: #FC0;a
	color: #000;
}

#iconos .historico {
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_form_button.png);
}

#iconos .modificar {
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_form_button.png);
}


#iconos .eliminar {
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_form_button.png);
}



#iconos button, #iconos button:visited {
	clear:both;
	width:auto;
	background-position: left center;
	background-repeat: no-repeat;
	background-image:url(../images/bg_form_button.png);
	height: 28px;
	cursor: pointer;
	color:#FFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	text-align:center;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}


/* CONTENIDO */

#innerwrap {
	width:960px;
	height:100%;
	padding:0;
	margin: 0 auto;
	padding-bottom:50px;
	background-color:#FFFFFF;
}

#innerwrap:after {
	content: ".";
	display: block;
	clear: both;
	height:0;
	visibility: hidden;
}

#main {
	margin: 0 auto;
	width:960px;
}

#secondary-content {
	color:#17ae9e;
	padding:0 0 0 20px;
	margin:0 0 0 50px;
	float:right;
	width:275px;
	border-left: dotted 1px #009982;
}

#secondary-content a {
	color:#17ae9e;
	text-decoration:none;
}

#secondary-content a:hover {
	text-decoration:underline;
}

#secondary-content h2 {
}

#secondary-content img {
	max-width:275px;
}

#secondary-content p {
	text-align:left;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 10px;
}

#moreinfo {
	width: 535px;
	background-image:url(../images/bg_moreinfo.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#moreinfo p {
	padding:50px;
	padding-bottom:100px;
	color:#FFF;
	font-family:Verdana;
	font-size:16px;
	line-height:19px;
}

figure {
	width: 309px;
	float: left;
	padding: 0;
	margin:0 20px 0 0px;
}

figure img {
}

figcaption {
}

/* FOOTER */

#creditos {
	width:100%;
	margin:auto 0;
	background-color: #323232;
}

#siteinfo {
	width:960px;
	margin: 0 auto;
}

#nav_inferior {
	padding:20px;
	width:190px;
	float:left;
}

#nav_inferior li {
	float:none;
	border-bottom:1px solid #a2a2a2;
}

#nav_inferior ul li a {
	padding-top:5px;
	line-height: 28px;
	text-align:left;
	font-family: Arial;
	font-size: 14px;
	color:#a2a2a2;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
}

#nav_inferior ul li a:hover {
	color:#FFF;
}

#nav_accesos {
	float:left;
	padding:20px;
	width:300px;
}

#nav_accesos li {
	float:none;
}

#nav_accesos ul li a {
	padding-top:5px;
	line-height: 21px;
	text-align:left;
	font-family: Arial;
	font-size: 14px;
	color:#a2a2a2;
	text-decoration: none;
	display: block;
}

#nav_accesos ul li a:hover {
	text-decoration: underline;
	color:#FFF;
}

#datos_contacto {
	padding:20px;
	width:350px;
	float: left;
}

#datos_contacto h4 {
	font-weight:bold;
   	font-family: Arial, Helvetica, sans-serif;
   	font-size: 13px;
	color: #a2a2a2;
	padding-bottom:10px;
}

#datos_contacto p {
	font-weight: normal;
   	font-family: Arial, Helvetica, sans-serif;
   	font-size: 13px;
	color: #a2a2a2;
	padding-bottom:2px;
}

#datos_contacto a {
	color: #a2a2a2;
	text-decoration:none;
}

#datos_contacto a:hover {
	text-decoration:underline;
}

#datos_contacto img {
	max-height:340px;
	border:0;
	padding-top:10px;
	padding-bottom:10px;
}

#derechos_reservados {
	padding:0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 12px;
	color: #a2a2a2;
	padding:30px 0 0 0;
	width:auto;
	margin: 0 auto;
}

#derechos_reservados p {
	text-align:right;
	margin: auto 0;
	line-height:90px;
}

#norton {
	padding-bottom:0px;
	width: auto;
	float: left;
	padding: 0; margin: 0;
}

#norton li {
	display: block;
	float: left;
	line-height:30px;
	border-bottom: none;
}

#norton img {
	display: block;
	max-width:120px;
	padding-right: 10px;
}

.candado {
	display: block;
	padding-left:20px;
	background-position:left center;
	background-repeat: no-repeat;
	background-image:url(../images/icon_candado.png);
}


/* RESERVAS */


#reservas {
	text-align:center;
	width:700px;
	padding:15px;
	margin-top: 15px;
	margin-right: 15px;
	float:right;
}

#reservas h1 {
	text-align:left;
	font-size: 24px; 
	line-height: 19px;
	color:#2a517f;
	font-family:sans-serif;
	font-weight:500;
}

#reservas .grupo-novedades {
	margin: 10px 0 10px 0;
	padding: 20px 0 20px 0;
	width:100%;
	background-color:#4d9bd7;
	float: right;
}

#reservas .titulo-novedades {
	color:#fff;
	float:left;
	text-alignt:left;
	margin:5px 0 15px 20px;
	font-family: sans-serif;
	font-size: 20px;
}

#reservas .encargar-todo {
	color:#fff;
	float:right;
	text-alignt:left;
	margin:0 20px 20px 0;
	font-family: sans-serif;
	font-size: 20px;
}

#reservas .encargar-todo input#encargar {
	margin: 0;
	width:auto;
	padding: 0 10px 0 10px;
	background: #FFF;
	height: 26px;
	cursor: pointer;
	color:#2466a8;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	text-align:center;
	font-family: sans-serif;
	behavior: url(ie-css3.htc);
	border: 0; outline: none;
}

#reservas .encargar-todo input#unidades {
	outline: none;
	margin:0;
	padding:0;
	text-align:center;
	float: left; 
	width: 32px;
	height: 26px;
	background: #FFF;
	border: #FFF;
	font-family: sans-serif; 
	font-size:12px;
	color: #666;
	behavior: url(ie-css3.htc);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

#reservas div.mns1 {
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	font-weight: 400;
	background-color: #FC0;
	color: #0e0e0e;
	text-decoration: none;
	padding: 5px;
	text-align:left;
	width:auto;
	margin: 0 0 20px 0;
	float:left;
}

#reservas div.mns1 strong {
	font-size:14px;
	font-weight: 800;
}

#reservas .novedad {
	background-color:#fff;
	text-align:center;
	width:630px;
	padding:15px;
	margin: 0 20px 2px 20px;
	float:right;
}

.datos-principales {
	float: left;
	width:410px;
}

.datos-principales .imagen-libro {
	float: left;
	width:140px;
	height: 200px;
	margin:0 15px 0 0;
}

.sinopsis {
	margin-top:20px;
	padding-top:20px;
	border-top: 1px dotted #ccc;
	float: left;
	width:100%;
}

.especificaciones {
	width:200px;
	float: right;
	margin:0;
	padding: 0;
	text-align:center;
}

#reservas .novedad img {
	max-width:140px;
	height:auto;
	float:left;
	margin:0 0 0 0;
}

#reservas .novedad h1 {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 24px;
	line-height:24px;
	font-weight:bold;
	color: #2a517f;
	text-align:left;
	margin: 0 0 5px 0;
}

#reservas .novedad h2 {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 18px;
	color: #6699cc;
	text-align:left;
}

#reservas .novedad h2 a, #reservas .novedad h3 a, #reservas .novedad h4 a {
	text-decoration:none;
	color: inherit;
	color: #6699cc;
}

#reservas .novedad h2 a:hover, #reservas .novedad h3 a:hover, #reservas .novedad h4 a:hover {
	text-decoration:underline;
}

#reservas .novedad h3 {
	font-family:  sans-serif;
   	font-size: 12px;
	color: #6d6d6d;
	text-align:center;
	font-weight:lighter;
	margin: 0 0 5px 0;
}

#reservas .novedad h4 {
	font-family:  sans-serif;
   	font-size: 12px;
	color: #6d6d6d;
	text-align:center;
	font-weight:lighter;
	margin:20px 0 20px 0;
}

#reservas .novedad h4 strong {
	font-family:  sans-serif;
   	font-size: 20px;
	color: #000;
	text-align:left;
	font-weight: bold;
}

#reservas .novedad p {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 13px;
	line-height:17px;
	color: #333333;
	text-align:justify;
}

#reservas .novedad table {
	width: 70%;
	border:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 12px;
	font-weight:normal;
	color: #333333;
	text-align:left;
}

#reservas .novedad table th {
	padding:5px;
	font-weight:bold;
}

#reservas .novedad table td {
	padding:5px;
}

#reservas .novedad table tr:nth-child(2n) {
    background: #FFF;
}
 
#reservas .novedad table tr:nth-child(2n+1){
    background: #dfdfdf;
}
 
#reservas .novedad table.header tr:not(:first-child):hover, table:not(.header) tr:hover {
    background:#dfdfdf;
}


/* BADGES */

.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}

btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}

.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}

.badge-descuento {
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 14px;
	margin: 5px 0;
}

.notificaciones {
	margin: 10px 0 0 5px;
	border:none !important;
	background:#FC0 !important;
	border-radius: 0 !important;
}

.bg-notificaciones {
	background:#FC0 !important;
}

.border-notificaciones {
  border-color: #FC0 !important;
}

.cesta-firme {
	margin:10px 1px 0 10px;
	border:none !important;
	background-position: left top;
	background-repeat: repeat-x;
	background-image:url(../images/bg_nav_active.png) !important;
	border-radius: 0 !important;
}

.cesta-firme-articulos {
	margin:10px 0 0 0;
	border:none !important;
	background: #dcf1ff !important;
	border-radius: 0 !important;
	color:#2a517f !important;
}

.cesta-normal {
	margin:10px 1px 0 10px;
	border:none !important;
	border-radius: 0 !important;
}

.cesta-normal-articulos {
	margin:10px 0 0 0;
	border:none !important;
	background: #eaf2db !important;
	border-radius: 0 !important;
	color:#506f27 !important;
}

.mensaje-pedidos {
	text-align:center;
	width:700px;
	padding:20px 15px 20px 15px;
	margin:16px 15px 0 0;
	margin-left: 0;
	background:#e2e2e2;
	background-image:url(https://www.feran.es/igral/webFeran/images/bgpatterns/light_noise_diagonal.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	float:right;
	border-radius: 5px;
}

.mensaje-pedidos h2 {
	text-align: center;
	color: var(--feran-medium);
	font-weight: bold;
	padding: 0 0 10px 0;
}

.mensaje-pedidos p {
	color: black;
	line-height: normal;
}

.mensaje-pedidos strong {
	color: var(--feran-medium);
}

.mensaje-pedidos .btn-group-espacio {
	padding: 15px 0 0 0;
}

.mensaje-pedidos .btn-feran-light {
	color: white;
	background: var(--feran-medium);
}

.mensaje-pedidos .btn-feran-light:hover {
	color: white;
	background: var(--feran);
}

/* NOTIFICACIONES */

.card-notificaciones {
	padding: 15px;
	float:right;
	margin: 0;
	width:720px;
	font-family: Arial, Helvetica, sans-serif;
}

.card-notificaciones h1 {
	clear:left;
	font-size: 16px;
	color:#2a517f;
	width: auto;
	padding: 5px 0 0 5px;
	margin: 0 0 10px 0;
	background-color:#b9e3ff;
}

.card {
	max-width:700px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
	margin-bottom:20px;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
	color: var(--feran);
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link {
  text-decoration: none;
	color: var(--feran-medium);
}

.card-link-masinfo {
  margin-top:10px;
}

.card-link-masinfo a:hover {
  text-decoration: underline;
}


.card-link-feran {
  text-decoration: none;
	color: #666;
}

.card-link-feran:hover {
  text-decoration: underline !important;
	color: var(--feran-medium);
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:only-child {
    border-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.btn-feran-notificaciones {
	text-decoration: none;
	margin-top:10px;
}

.text-muted {
  color: #6c757d !important;
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}