/* ------------------------ INICIO Estilos propios ------------------------------ */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #050505;
	background: #fff;
	color: #fff;
	color: #020103;
	font-size: 14px;
}

.container {
	width: 1228px;
}

.container.tienelogo {
	border-bottom: 1px solid #020103;
	margin-bottom: 20px;
}

.container > .row {

	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

#logo {
	width: 215px;
}

#palabra {
	font-family: "futura-pt-condensed";
	font-size: 21px;
}

ul.certificados img {
	width: auto !important;
	height: 184px !important;
}

a {
	color: #004b90;
}

ul.comunica li {
	position: relative;
	padding-left: 25px;
	list-style: none;
	margin-bottom: 5px;
}

ul.comunica li:before {
	content: "\02610";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.3rem;
}

ul.comunica li.sel:before {
	content: "\02611";
	font-size: 1.3rem;
}

.thumbnails {
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	margin-left: -30px;
	gap: 30px;
}

.thumbnail {
	flex: 1 calc(33.33% - 30px);
	max-width: calc(33.33% - 30px);
}
.portada .lasultimas .thumbnail {
	flex: 1 calc(50% - 30px);
	max-width: calc(50% - 30px);
}

.portada .thumbnail img {
	width: 100%;
}
.itzala {
	/* background: linear-gradient(274deg, rgba(217, 217, 217, 0.00) 7.24%, rgba(16, 16, 16, 0.80) 78.46%); */
	background: linear-gradient(274deg, rgba(217, 217, 217, 0.00) 7.24%, rgba(16, 16, 16, 0.50) 78.46%);
	display: block;
	position: absolute;
	inset: 0;
z-index: 1;
}

#configurar-cookies {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	background-color: #004b90;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px;
	border-radius: 4px !important;
	color: #fff;
	text-align: center;
	font-weight: 700;
	z-index: 1000;
	line-height: 1rem;
	border: 0;
	padding: 0.3rem 0.6rem;
}
#configurar-cookies span {
	display: block;
}

.tabla-cookies {
	margin-bottom: 30px;
}

.tabla-cookies th,
.tabla-cookies td {
	padding: 5px;
	text-align: left;
}

.subrayado,
.subrayado:hover {
	color: #004b90;
}

.subrayado:hover {
	text-decoration: underline;
}

.tabla-cookies th,
.tabla-cookies td {
	padding: 5px 10px;
}

p.foto-catalogo {
	margin-bottom: 40px;
}

.foto-categoria {
	margin-bottom: 40px;
}

ul ul ul ul li a {
	background: none !important;
	padding: 5px;
	margin-top: 5px;
}

dl dt {
	float: left;
	margin-right: 6px;
}

.anos {
	margin-bottom: 20px;
}

.fizda {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}

.texto_azul {
	color: #004b90;
}

.sombra {
	position: absolute;
	height: 79px;
	background: url(/img/sombra.png) 0 100% repeat-x;
	left: -40px;
	right: -40px;
	z-index: 7 !important;
}

.marco_azul {
	border: 1px solid #004b90;
}

.tienelogo {
	position: relative;
}

.logo {
	position: absolute;
	top: 15px;
	left: 30px;
	z-index: 40;
	color: #004b90;
	font-size: 20px;

}

.logo span {
	margin-left: 10px;
}

span.color1 {
	color: #25adbd;
}
span.color2 {
	color: #ec9f37;
}
span.color3 {
	color: #f8e750;
}
span.color4 {
	color: #c7c2be;
}
span.color5 {
	color: #c7c2be;
}
span.color6 {
	color: #be6b20;
}
span.color7 {
	color: #87bbdd;
}
span.color8 {
	color: #bea774;
}
span.color9 {
	color: #e77107;
}
span.color10 {
	color: #cbcbcb;
}
span.color11 {
	color: #dccd00;
}
span.color12 {
	color: #b9baac;
}
span.color13 {
	color: #fbddbe;
}
span.color14 {
	color: #0371c9;
}
span.color15 {
	color: #a8c446;
}
span.color16 {
	color: #f5eedc;
}
span.color17 {
	color: #cf695a;
}
span.color18 {
	color: #f9d9a8;
}
span.color19 {
	color: #eb9e6c;
}
span.color20 {
	color: #fd530f;
}
span.color21 {
	color: #c8ac62;
}
span.color22 {
	color: #f8d673;
}
span.color23 {
	color: #bfcdcd;
}
span.color24 {
	color: #a85a28;
}
span.color25 {
	color: #85bf5b;
}
span.color26 {
	color: #e94e4a;
}
span.color27 {
	color: #67a4d7;
}
span.color28 {
	color: #c6984a;
}
span.color29 {
	color: #d0ae75;
}
span.color30 {
	color: #215bb0;
}
span.color31 {
	color: #0eab79;
}
span.color32 {
	color: #d3890c;
}
span.color33 {
	color: #7698b2;
}
span.color34 {
	color: #d3dcde;
}
span.color35 {
	color: #666a74;
}
span.color36 {
	color: #a6a6a6;
}
span.color37 {
	color: #006e9a;
}
span.color38 {
	color: #008fc8;
}
span.color39 {
	color: #009dc0;
}
span.color40 {
	color: #da714f;
}
span.color41 {
	color: #8e6730;
}

.relativo {
	position: relative;
}

.relativo h3.novedades {
	position: absolute;
	top: -32px;
}

h3.novedades {
	font-family: "futura-pt-condensed";
	font-size: 22px;
	color: #004b90;
	border-bottom: 1px solid #020103;
	padding-bottom: 4px;
}

h3.titular-catalogo {
	font-family: "futura-pt-condensed";
	font-size: 22px;
	color: #004b90;
	border-bottom: 1px solid #020103;
	padding-bottom: 4px;
}

.espacioarriba {
	padding-top: 20px;
}

h2 {
	color: #004b90;
	margin: 0;
	font-family: "futura-pt-condensed";
	font-weight: 500;
	font-size: 32px;
	border-bottom: 1px solid #020103;
	margin-bottom: 20px;
}

h3 {
	color: #fff;

	margin-top: 0;
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 20px;

	clear: both;
}

h3.catalogo {
	color: #004b90;
	line-height: 24px;
	font-size: 22px;
	font-weight: 900;
}

.thumb-lateral {
	margin-bottom: 20px;
}

.thumb-lateral h2 {
	border: 0;
	margin-bottom: 5px;
}

.thumb-lateral img {
	width: 100% !important;
	border: 1px solid #004B90;
}

.pie {
	border-top: 1px solid #020103;
	height: 78px;
	padding-top: 28px;
	padding-bottom: 28px;
	font-family: "futura-pt-condensed";
}

ul.dropdown-menu {
	position: absolute !important;
	bottom: 40px !important;
	left: 0 !important;
	height: auto !important;
	text-align: right !important;

	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

ul.dropdown-menu.izda {
	text-align: left !important;
}

ul.dropdown-menu li a:hover {
	background: #004b90 !important;
}

ul.certificados {
	text-align: center;
	margin: 30px auto 40px auto;
	font-size: 20px;
	font-family: "futura-pt-condensed";
	font-weight: 600;
}

ul.certificados li {
	list-style: none;
	float: left;
	margin: 15px 15px;
	width: 130px;
}

ul.certificados li a {
	margin-bottom: 10px;
}

ul.certificados li a:hover {
	color: #004b90;
	text-decoration: none;
}

ul.subfamilia {
	margin: 20px 0 20px 30px;
}

ul.subfamilia li.well.lateral {
	list-style: none;
	display: inline;
	padding: 0 !important;
	margin-right: 20px;
}

ul.subfamilia li a {
	color: #004b90;
	padding-left: 10px;
	padding-right: 10px;
}

ul.subfamilia li a:hover {
	color: #fff !important;
	background: #004b90;
}

ul.subfamilia li a {
	text-decoration: none;
}

ul.subfamilia li.active {
	background: #004b90;
}

ul.subfamilia li.active a {
	color: #fff;
}

a.dropdown-toggle {
	position: relative !important;
	display: block !important;
	color: #004b90 !important;
	font-size: 22px !important;
	font-family: "futura-pt-condensed" !important;
	font-weight: 500 !important;
}

a:hover.dropdown-toggle {
	text-decoration: none !important;
	color: #004b90 !important;
}

.video {
	text-align: center;
	margin-top: 30px;
}

.dropup {
	padding: 15px !important;
	background: none !important;
	color: #004b90 !important;
	background-clip: padding-box;
	background-color: #050505;
	border: 1px solid #004b90 !important;
}

.dropup .caret {
	position: absolute !important;
	right: 0 !important;
	width: 20px !important;
	height: 18px !important;
	background: url(/img/flecha.png) 50% 50% no-repeat;
	border-bottom: 0;
}

.dropup:hover ul.dropdown-menu {
	display: block !important;
	min-width: 100% !important;

	background-clip: padding-box;
	background-color: #fff;

	border: 1px solid #004b90 !important;
	color: #004b90;

	/* 	filter: progid:DXImageTransform.Microsoft.Shadow(color=#25adbd,direction=0,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#25adbd,direction=45,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#25adbd,direction=90,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#25adbd,direction=135,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#25adbd,direction=180,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#25adbd,direction=225,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#25adbd,direction=270,strength=3),
  progid:DXImageTransform.Microsoft.Shadow(color=#25adbd,direction=315,strength=3); */
}

ul.dropdown-menu li a {
	color: #004b90 !important;
	font-size: 20px !important;
}

ul.dropdown-menu li a:hover {
	color: #fff !important;
}

.dropdown-menu::before,
.dropdown-menu::after {
	border: none !important;
	content: none !important;
}

.documento-pdf {
	border: 1px solid #004b90;
	background-color: #fff !important;
	display: block !important;
	width: 100% !important;
}

.documento-pdf span {
	display: block !important;
	border: 1px solid #050505;
}

.des-pdf {
	padding-top: 10px;
}

.documento-pdf img {
	width: 100% !important;
}

.descargas {
	list-style: none;
	margin-top: 20px;
	margin-left: 0;
}

.descargas li a {
	color: #004b90;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	font-family: "futura-pt-condensed";
}

.descargas li span {
	font-size: 12px;
	margin-left: 10px;
}

.lista-ficheros {
	display: block;
	margin-top: 4px;
}

.bajar2 {
	padding: 0 0 10px 0px;
	}



.bajar2 {
	color: #004b90;
	padding: 0 0 10px 27px;
	background: url(/img/pdf2.png) 0 0 no-repeat;
	background-size: 20px 20px;

}


.zip2 {
	color: #004b90;
	padding: 0 0 10px 27px;
	background: url(/img/icono-zip2.png) 0 0 no-repeat;
	background-size: 20px 20px;
}

.detalle {
	border: 1px solid #020103;
	display: block;
	background: #fff;
	position: relative;
}

.detalle h3 {
	padding: 12px 5px;
	color: #fff;
	background-color: rgba(5,5,5,.65);
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 29px;
	line-height: 29px;
	font-weight: 400;
}

.detalle-novedad {
	display: block;
	background: #fff;
	position: relative;
}

.detalle-novedad h3 {
	padding: 0 5px 20px 5px;
	color: #020103;
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 29px;
	line-height: 29px;
	font-weight: 500;
}

.descargapdf img,
.detalle img,
.detalle-novedad img {
	background-clip: padding-box;
}

.detalle .imagethumb {
	height: 222px;
}

.detalle img {
	border: none !important;
	width: 100%;
	height: 222px;
	object-fit: cover;
	offset-position: center;
}

.descargapdf:hover,
.detalle:hover {
	text-decoration: none !important;
}

.descargapdf img.catalog,
.detalle img.catalog {
	box-shadow: none !important;
	filter: none !important;
}
.software {
	padding: 0 !important;
	padding-left: 25px !important;
	background: url(/img/descargar.svg) no-repeat;
	height: 20px;
}

.software a {
	color: #004b90;
}

.doslineas {
	border-top: 1px solid #323232;
	border-bottom: 1px solid #323232;
	width: 100%;
	display: block;
	margin-top: 20px;
}

.descargar {
	text-transform: uppercase;
	font-family: "futura-pt-condensed";
	font-size: 18px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 230px;
	margin: 0 auto;
}

.descargarzip {
	margin-top: 20px;
	text-transform: uppercase;
	font-family: "futura-pt-condensed";
	font-size: 18px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 310px;
	margin: 0 auto;
}

.descargar a,
.descargarzip a {
	color: #004b90;
	font-weight: 700;
}

.descargar .peso,
.descargarzip .peso {
	font-size: 17px;
}

.bajar {
	padding: 0 0 10px 35px;
	background: url(/img/pdf.png) no-repeat;
}

.zip {
	color: #004b90;
	padding: 0 0 10px 43px;
	background: url(/img/icono-zip.gif) no-repeat;
}

.bajar p,
.zip p {
	margin-bottom: 2px;
	padding-top: 7px;
}

.tabla table td {
	border: 1px solid #fff !important;
}

.js-menu-accordion li ul {
	display: none;
}

#mapa {
	position: relative;
}

#canarias {
	position: absolute;
	left: 0;
	bottom: 2rem;
	z-index: 1;
}

#map_canvas {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
	z-index: 0;
}

/* ------------------------ FIN Estilos propios ------------------------------ */

/* ------------------------ INICIO Sobreescribe bootstrap ------------------------------ */

.nav-list > li > a,
.nav-list .nav-header {
	text-shadow: none;
}

.navbar-inner {
	background: #fff !important;
	background-image: none !important;
	border: none !important;
	font-family: "futura-pt-condensed";
	font-size: 21px;
	position: relative;
	box-shadow: none !important;
	padding-right: 0px;
}

ul.nav.principal {
	z-index: 100;
}

.navbar-inverse .navbar-inner {
	padding-right: 0 !important;
}

.principal {
	background: #fff !important;
	margin-right: 0 !important;
}

.fondo-menu {
	width: 43px;
	height: 73px;
	position: absolute;
	top: 0;
	right: -22px;
	z-index: 600;
}

.brand {
	position: relative;
	z-index: 100;
	font-weight: 700 !important;

	border-right: 1px solid #020103;
	height: 73px;
}

.brand:link,
.brand:visited {
	color: #004b90;
}

.brand:hover {
	color: #004b90 !important;
	opacity: 0.7;
}

.navbar .brand {
	text-shadow: none !important;
	font-family: "futura-pt-condensed" !important;
}

.navbar .nav > li > a {
	text-shadow: none;
}

ul.nav.principal li a {
	line-height: 73px !important;
	border-right: 1px solid #25adbd;
	border-right: 1px solid #020103;
	color: #fff;
	color: #004b90;
	font-family: "futura-pt-condensed" !important;
	font-weight: 500 !important;
	position: relative;
	padding: 10px 20px 10px;
}

ul.nav.principal li a span.izda {
	width: 43px;
	height: 73px;
	position: absolute;
	top: 0;
	left: -22px;
	z-index: 1;
}

ul.nav.principal li a span.dcha {
	width: 43px;
	height: 73px;
	position: absolute;
	top: 0;
	right: -21px;
	z-index: 1;
}

ul.nav.principal li a:hover span.izda,
ul.nav.principal li a:hover span.dcha,
ul.nav.principal li.active a span.izda,
ul.nav.principal li.active a span.dcha {
	z-index: 2;
}

ul.nav.principal li.active a,
ul.nav.principal li a:hover,
ul.nav.principal li.active a:hover {
	background: #dddddd url(/img/argia.png) 50% 100% no-repeat !important;

	background-clip: padding-box;
	-webkit-box-shadow: 0px 10px 14px -8px rgba(0, 0, 0, 0.48);
	box-shadow: 0px 10px 14px -8px rgba(0, 0, 0, 0.48);
}

.navbar.principal {
	margin: 0 !important;
	height: 93px !important;
}

.well.lateral {
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #004B90 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	border: none;
	font-family: "futura-pt-condensed";
	font-size: 24px;
	font-weight: 500;
}

.well.lateral ul {
	border-top: 1px solid #064d57;
}

.well.lateral ul li {
	padding-bottom: 1px !important;
}

.well.lateral li a {
	border-bottom: 1px solid #020103;
	color: #004b90;
	padding-top: 17px;
	padding-bottom: 17px;
	display: block;
}

.well.lateral li.active {
	margin-left: -14px !important;
	padding-left: 12px !important;

	margin-right: -12px !important;
	padding-right: 12px !important;

	background: none !important;

	background-clip: padding-box;
	background-color: #050505;

	border: 1px solid #fff !important;
}

.well.lateral li.active a,
.well.lateral li a:hover {
	background: none !important;
	color: #004b90;
	
}
.well.lateral li a:hover {
	opacity: 0.7;
}

.well.lateral li.active {
	margin-bottom: 10px !important;
}

.well.lateral li.active a:hover {
	box-shadow: none !important;
	filter: none !important;
	text-decoration: none !important;
}

.well.lateral ul li li {
	list-style: none !important;
	border: none !important;
	margin-bottom: 4px !important;
	min-height: 18px !important;

	margin-bottom: 10px !important;
	padding: 0 !important;
}

.well.lateral ul ul {
	border-top: 0 !important;
	margin-left: 0;
}

.well.lateral ul li li a {
	color: #004b90 !important;
	font-size: 18px !important;
	font-weight: 700;
	border: none !important;
	padding: 0 !important;
}

.well.lateral ul li li.active a,
.well.lateral ul li li a:hover {
	padding: 0 !important;
	opacity: 0.5;
}

.well.lateral ul ul {
	margin-top: 5px !important;
	margin-bottom: 20px !important;
}

.well.lateral ul li li.active,
.well.lateral ul li li a:hover,
.well.lateral ul li li.active a:hover {
	box-shadow: none !important;
	filter: none !important;
	border: none !important;
}

.well.etiquetas {
	padding: 10px 10px 2px 10px !important;
	background: #fff !important;
}

.well.etiquetas ul {
	margin: 0;
}

.well.etiquetas ul li {
	list-style: none;
	display: inline;
	margin-right: 8px;
}

.well.etiquetas ul li img {
	margin-bottom: 8px;
}

section[role="main"] {
	margin-left: 30px !important;
}

ul.losthumbs, ul.thumbnails-novedades {
	margin: 0;
	padding: 0;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	gap: 30px;
	margin-bottom: 50px;
}

ul.losthumbs li {
	flex: calc(33.33% - 20px);
	max-width: calc(33.33% - 20px);
	list-style: none;
	padding: 0;
}

ul.thumbnails-novedades li  {
	flex: calc(50% - 15px);
	max-width: calc(50% - 15px);
}

.thumbnail {
	border: none !important;
	font-family: "futura-pt-condensed";
	font-size: 22px !important;
	padding: 0;
}


.thumbnail img {
	margin: 0 !important;
	 transition: transform 0.3s ease-in-out; 
}

.thumbnail:hover img {
	 transform: scale(1.05);
	 }


.imagethumb {
	position: relative;
}

.imagethumb a,
a.novedadlateral {
	border: 1px solid #25adbd;
	display: block;
}

.novedades_list {
	display: inline-block;
	margin-left: 18px;
}

.imagethumb a:hover,
a:hover.novedadlateral {
	text-decoration: none;
}

.imagethumb a h3,
a.novedadlateral h3 {
	padding-left: 10px;
	padding-right: 10px;
}

.peso {
	text-transform: none;
	color: #fff;
	text-align: center;
	padding: 2px 5px;
	font-size: 19px;
	margin-top: 4px;

	background: #004b90;
}

.form-search {
	position: relative !important;
	height: 30px !important;
	margin-right: 30px !important;
}

.form-search input {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	z-index: 1 !important;
	-webkit-border-top-left-radius: 5px !important;
	-webkit-border-bottom-left-radius: 5px !important;

	-moz-border-radius-topleft: 5px !important;
	-moz-border-radius-bottomleft: 5px !important;
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;

	-webkit-border-top-right-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
	-moz-border-radius-topright: 0 !important;
	-moz-border-radius-bottomright: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;

	height: 36px !important;
}

.form-search input:focus {
	border-color: #ccc !important;
}

.form-search button.btn {
	position: absolute !important;
	right: -28px !important;
	top: -2px !important;
	z-index: 2 !important;

	background: url(/img/lupa.png) no-repeat !important;
	width: 30px !important;
	height: 36px !important;
	border: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	margin-top: 2px !important;

	-webkit-border-top-left-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-moz-border-radius-topleft: 0 !important;
	-moz-border-radius-bottomleft: 0 !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.legales {
	padding-right: 0;
}

.legales li a {
	color: #004b90 !important;
	font-size: 18px !important;
}

.legales li a:hover {
	color: #004b90 !important;
	background: none !important;
}

.legales.unico {
	clear: both;
}
.breadcrumb {
	background: none !important;
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	margin-left: 30px;
}

.breadcrumb li,
.breadcrumb li a {
	text-shadow: none !important;
	font-family: "futura-pt-condensed" !important;
	color: #004b90 !important;
	font-size: 18px !important;
}

.pagination ul {
	background: none !important;

	border: none !important;

	background-clip: padding-box;
	background-color: #050505;
	box-shadow: 0 0 5px 2px rgba(0, 196, 220, 0.75);
	box-shadow: 0 0 5px 4px rgba(50, 233, 255, 0.75);
}

.pagination ul li {w
	border: none !important;
}

.pagination ul li a {
	background: none !important;
	border: none !important;
	font-family: "futura-pt-condensed" !important;
	font-size: 20px !important;
	border-right: 1px solid #064d57 !important;
	color: #fff !important;
}

.pagination ul li:last-child a {
	border-right: none !important;
}

.pagination ul li.active a,
.pagination ul li a:hover {
	color: #fff !important;

	background: #050505 url(/img/argia2.png) 50% 100% no-repeat !important;

	background-clip: padding-box;
	background-color: #050505;
	box-shadow: 0 0 5px 2px rgba(0, 196, 220, 0.75);
	box-shadow: 0 0 5px 4px rgba(50, 233, 255, 0.75);

}

.pagination ul li a.anterior {
	background: url(/img/flecha-izda.png) 50% 50% no-repeat !important;
}

.pagination ul li a.siguiente {
	background: url(/img/flecha-dcha.png) 50% 50% no-repeat !important;
}

.obligatorios {
	margin-left: 270px !important;
	font-size: 13px !important;
	color: #004b90 !important;
}

form#formulario {
	width: 100% !important;
}

form#formulario ul li {
	list-style: none;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

form#formulario label {
	text-transform: uppercase !important;
}

form#formulario input,
form#formulario textarea,
form#formulario select {
	background-color: #fff;

	border: 1px solid #020103 !important;

	color: #020103 !important;
}

form#formulario .btn-formulario {
	margin-top: 20px;
}

.pedido {
	border: none !important;
	-moz-border-radius: 4px / 5px;
	-webkit-border-radius: 4px / 5px;
	border-radius: 4px;
	background: #004b90 !important;
	font-weight: 700;
	text-shadow: none !important;
	height: 45px !important;
	width: 100px !important;
	padding: 4px 5px 5px 5px !important;
	text-transform: uppercase !important;
	color: #fff !important;
	font-size: 15px !important;
	text-align: left;
}

.example {
	color: #004b90;
}

.example:hover {
	color: #fff;
}

.pedido:hover {
	background: #004b90 !important;
}

.centro {
	text-align: center;
}

ul.lista li a {
	border: none !important;
	border-bottom: 1px solid #323232 !important;
	color: #fff !important;
}

ul.lista li a:hover {
	background: none !important;
	color: #fff !important;
}

/* ------------------------ FIN Sobreescribe bootstrap ------------------------------ */

/* ------------------------ INICIO Pegar pie ------------------------------ */

html,
body {
	height: 100%;
}


#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;

	margin: 0 auto -106px;
}

#push,
#footer {
	height: 106px;
}


ul.nav.principal li.intranet a {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	flex-direction: column;
		align-items: center;
	justify-content: center;
	line-height: 20px !important;
	padding-top: 1.3rem;
		border-right: none !important;
}

ul.nav.principal li.intranet a::before {
	content: '';
	display: block;
	width: 19px;
	height: 19px;

	background: url(/img/icon-user.svg) no-repeat center center;
}

ul.nav.principal li.intranet a:hover {
	background: none !important;
	box-shadow: none !important;
	opacity: 0.7;
	color: #004b90 !important;
}

.flex-dos-columnas {
	display: flex;
	gap: 40px;
	margin-bottom: 20px;
}

.portada-catalogo {
	width: 200px;
}

iframe
 {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}
@media (max-width: 767px) {

	.form-horizontal .controls {
    margin-left: 0px;
}

form#formulario ul li {
    display: flex;
    flex-direction: column;
}

.form-horizontal .control-label {
    float: none;
    width: 100%;
    text-align: left;
}

	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
		margin: 0 auto -60px;
	}

	.fizda:has(img) {
		float: none;
	}

	.fizda:has(img) img {
		width: 100%;
	}
}

/* ------------------------ FIN Pegar pie ------------------------------ */

/* ------------------------ INICIO Responsive layout + menu hamburguesa ------------------------------ */

.mobile-intranet-link,
.mobile-menu-toggle {
	display: none;
}

@media (max-width: 1024px) {

	ul.subfamilia {
    margin: 20px 0 20px 0px;
}

ul.subfamilia li.well.lateral {
    margin-right: 5px;
}

.well.lateral {
	font-size: 20px;
}

	.lateral, .thumb-lateral, .form-search {
		display: none;
	}

	 .page-portada .form-search, .page-catalogo .form-search {
		display: block;
	}

	.breadcrumb {
    margin-left: 0px;
}

	.rsMinW .rsBullets {
    bottom: -64px !important;
	}

	.row {
    margin-left: 0px;
}

	.container.tienelogo {

    height: 100px;
}
	body {
		overflow-x: hidden;
	}

	.container {
		width: auto;
		max-width: none;
		padding-left: 22px;
		padding-right: 22px;
		box-sizing: border-box;
	}

	.container.tienelogo {
		margin-bottom: 16px;
		padding-bottom: 10px;
	}

	.container > .row {
		display: block;
	}

	.row [class*="span"] {
		float: none !important;
		width: 100% !important;
		margin-left: 0 !important;
	}

	section[role="main"] {
		margin-left: 0 !important;
		margin-top: 22px;
	}

	.logo {
		position: static;
		top: auto;
		left: auto;
		display: inline-block;
		margin: 10px 0 0;
	}

	.logo img#logo {
		width: 130px;
		height: auto;
	}

	.logo span {
		display: block;
		margin-left: 0;
		margin-top: 4px;
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #004b90;
	}

	.navbar.principal {
		float: none !important;
		height: auto !important;
		margin-top: -72px !important;
		position: relative;
		z-index: 2000;
	
	}

	.navbar.principal .navbar-inner {
		min-height: 0;
		padding: 0;
		position: relative;
	}

	.navbar.principal .pull-right {
		float: none !important;
	}

	.navbar.principal .brand {
		display: none;
		float: none;
		height: auto;
		line-height: 20px;
		padding: 14px 22px;
		border-right: none;
		border-bottom: 1px solid rgba(2, 1, 3, 0.7);
		font-family: "futura-pt", Arial, Helvetica, sans-serif !important;
		font-size: 14px;
		font-weight: 700 !important;
		letter-spacing: 0.02em;
	}

	.navbar.principal.menu-open .brand {
		display: block;
		        position: absolute;
        top: 80px;
        z-index: 10000;
        background: #fff;
        width: 100%;
        left: 0;
	}

	.navbar.principal nav {
		display: none;
		position: absolute;
		left: -22px;
		right: -22px;
		top: 104px;
		z-index: 1300;
		background: #f1f1f1;
		border-top: 1px solid rgba(2, 1, 3, 0.7);
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
	}

	.navbar.principal.menu-open nav {
		display: block;
		padding-top: 20px;
	}

	ul.nav.principal {
		display: block;
		margin: 0;
		padding: 0;
		background: #f1f1f1;
		width: 100%;
	}

	ul.nav.principal li {
		float: none;
		display: block;
		width: 100%;
		border-top: 1px solid rgba(2, 1, 3, 0.7);
	}

	ul.nav.principal li:first-child {
		border-top: none;
	}

	ul.nav.principal li.intranet {
		display: none;
	}

	ul.nav.principal li a {
		line-height: 1.15 !important;
		border-right: none;
		padding: 14px 22px !important;
		font-size: 24px;
		background: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	ul.nav.principal li a span.izda,
	ul.nav.principal li a span.dcha {
		display: none;
	}

	ul.nav.principal li.active a,
	ul.nav.principal li a:hover,
	ul.nav.principal li.active a:hover {
		background: #ddd !important;
		box-shadow: none !important;
	}

	    ul.nav.principal li.active a, ul.nav.principal li a:hover, ul.nav.principal li.active a:hover {
        background: none !important;
        box-shadow: none !important;
    }

	.mobile-intranet-link {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		right: 72px;
		top: 22px;
		font-family: "futura-pt-condensed", Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 14px;
		color: #004b90;
		z-index: 1400;
	}

	.mobile-intranet-link::before {
		content: "";
		display: block;
		width: 19px;
		height: 19px;
		margin-bottom: 10px;
		background: url(/img/icon-user.svg) no-repeat center center;
	}

	.mobile-intranet-link:hover,
	.mobile-intranet-link:focus {
		color: #004b90;
		opacity: 0.8;
		text-decoration: none;
	}

	.mobile-menu-toggle {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		right: 22px;
		top: 22px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #004b90;
		z-index: 1400;
	}

	.mobile-menu-icon {
		display: block;
		width: 30px;
	}

	.mobile-menu-icon span {
		display: block;
		width: 30px;
		height: 2px;
		margin-bottom: 6px;
		background: #004b90;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	.mobile-menu-icon span:last-child {
		margin-bottom: 0;
	}

	.mobile-menu-text {
		margin-top: 10px;
		font-family: "futura-pt-condensed", Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 14px;
	}

	.navbar.principal.menu-open .mobile-menu-icon span:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}

	.navbar.principal.menu-open .mobile-menu-icon span:nth-child(2) {
		opacity: 0;
	}

	.navbar.principal.menu-open .mobile-menu-icon span:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}

	.flex-dos-columnas {
		flex-direction: column;
		gap: 24px;
	}

	.portada-catalogo,
	.thumb-lateral img {
		width: 100%;
		height: auto;
		max-width: 330px;
	}

	.form-search {
		flex-direction: row;
		align-items: stretch;
		gap: 0;
		padding-top: 0;
	}

	.form-search .search-query {
		flex: 1 1 auto;
		min-width: 0;
	}

	.form-search .btn {
		flex: 0 0 36px;
		width: 36px;
	}

	ul.losthumbs li,
	ul.thumbnails-novedades li,
	.thumbnail,
	.portada .lasultimas .thumbnail {
		flex: 1 1 calc(50% - 15px);
		max-width: calc(50% - 15px);
	}
}

@media (max-width: 767px) {
	.container {
		padding-left: 14px;
		padding-right: 14px;
	}

	.container.tienelogo {
		margin-bottom: 12px;
	}

	.navbar.principal nav {
		left: -14px;
		right: -14px;
	}

	.mobile-intranet-link {
		right: 64px;
	}

	.mobile-menu-toggle {
		right: 14px;
	}

	ul.nav.principal li a {
		padding: 12px 22px !important;
	}

	ul.losthumbs li,
	ul.thumbnails-novedades li,
	.thumbnail,
	.portada .lasultimas .thumbnail {
		flex: 1 1 100%;
		max-width: 100%;
	}

	#footer {
		margin-left: -14px;
		margin-right: -14px;
		padding-left: 14px;
		padding-right: 14px;
		margin: 0 auto -60px;
	}
}

/* ------------------------ FIN Responsive layout + menu hamburguesa ------------------------------ */


@media (max-width: 1024px) {
	ul.nav.principal li.mobile-has-submenu > a {
		position: relative;
		padding-right: 48px !important;
	}

	ul.nav.principal li.mobile-has-submenu > a::after {
		content: "+";
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		font-family: "futura-pt-condensed", Arial, Helvetica, sans-serif;
		font-size: 28px;
		line-height: 1;
		color: #004b90;
	}

	ul.nav.principal li.mobile-has-submenu.mobile-submenu-open > a::after {
		content: "-";
	}

	ul.nav.principal li .mobile-product-submenu {
		display: none;
		margin: 0;
		padding: 0;
		background: #e9e9e9;
		border-top: 1px solid rgba(2, 1, 3, 0.35);
	}

	ul.nav.principal li .mobile-product-submenu > li {
		border-top: 1px solid rgba(2, 1, 3, 0.35);
		padding: 1rem 0;
	}

	ul.nav.principal li .mobile-product-submenu > li:first-child {
		border-top: none;
	}

	ul.nav.principal li .mobile-product-submenu > li > a {
		font-size: 22px;
		line-height: 1.15 !important;
		padding: 11px 22px !important;
		border-right: none !important;
		border-bottom: none !important;
		color: #004b90 !important;
		background: none !important;
		box-shadow: none !important;
	}

	ul.nav.principal li .mobile-product-submenu li ul {
		margin: 20px 0 0 0;
		padding: 0 0 10px;
		border-top: none !important;
	/* 	background: #efefef; */
	}

	ul.nav.principal li .mobile-product-submenu li li {
		list-style: none;
		border-top: none;
		        padding: 0.5rem 0;
	}

	ul.nav.principal li .mobile-product-submenu li li a {
		font-size: 18px !important;
		line-height: 1.2 !important;
		padding: 8px 22px 8px 30px !important;
		border: none !important;
		color: #004b90 !important;
	}

	ul.nav.principal li .mobile-product-submenu li li.active a,
	ul.nav.principal li .mobile-product-submenu li li a:hover {
		opacity: 0.75;
	}
}