/* compatible_utf8:0 */
@charset "UTF-8";
/* CARRUSELES DE PRODUCTOS, INFORMES, FAMILIAS Y BANNERS */


/*//////////////////////////// CARRUSEL SWIPER /////////////////////////////*/
@keyframes visible {
  0%    { opacity: 0; }
  20%   { opacity: .0; }
  60%   { opacity: 0; }
  80%   { opacity: 0; }
  100%  { opacity: 1; }
}
.swiper-container {
  animation: visible .5s;
}
.swiper-slide {
	padding: 0.8%;
}
.contenedor-eliminar {
	width: 100%;
	max-width: 270px;
}
.contenedor-bloque {
	text-align: center;
	overflow: hidden;
}
.contenedor-bloque *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bloque-fila {
	overflow: hidden;
}
.bloque-add {  
	position: relative;
	margin-bottom: 4%;
}
.bloque-add-izquierda {  
	float:left;
}
.bloque-add-derecha {  
	float:right;
}
.bloque-add-ocultar {  
	display: none;
}
.bloque-add-destacado {
	border: 4px solid var(--color-error-01); 
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
::before, ::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.bx-wrapper .bx-pager.bx-default-pager a, .swiper-pagination-bullet {
	background-color: var(--color-borde-primario-01);
}
.swiper-pagination-bullet {
	width: 10px;
  	height: 10px;
	opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
}
/* bloque grande -------------------*/
.bloque-add-grande {
	width: 100%;
	height: 0;
	padding-top: 100%;
}
.bloque-add-grande .bloque-add-enlaces {
	margin-top: 43%;
}
/* bloque mediano -------------------*/
.bloque-add-mediano {
	width: 100%;
	height: 0;
	padding-top: 48%;
}
.bloque-add-mediano .bloque-add-enlaces {
	margin-top: 17%;
}
/* bloque pequenyo -------------------*/
.bloque-add-pequenyo {
	width: 47.7%;
	height: 0;
	padding-top: 48%;
}
.bloque-add-destacado.bloque-add-pequenyo {
	padding-top: 45%;
}
.bloque-add-pequenyo .bloque-add-enlaces {
	margin-top: 33%;
}
/* contenido -------------------*/
.bloque-add-contenido {	
	position:absolute; 
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bloque-add-imagen {
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.bloque-add-imagen img {
	max-width: 100%;
	height: auto;
}
/*//////////////////////////// CARRUSEL MOBILE FRIENDLY /////////////////////////////*/
.carrusel_flechas_galeria {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.carrusel_flechas_galeria > li {
    display: inline;
    list-style: none;
}
.gal_carrusel li.flecha_izq {
    left: 0;
    position: absolute;
    top: calc(50% - 25px);
    z-index: 9;
}
.gal_carrusel li.flecha_der {
    position: absolute;
    right: 0;
    top: calc(50% - 25px);
    z-index: 9;
}
.gal_carrusel .bx-wrapper {
    padding: 0;
    border: none;
    margin-bottom: 30px;
}
.gal_carrusel .slide img {
    height: auto !important;
    width: 100%;
}
.gal_carrusel .bx-wrapper .bx-controls-auto, .gal_carrusel .bx-wrapper .bx-pager {
    bottom: -20px;
}
div[id*="contenido_slider"] .bx-wrapper {
    max-width: 100% !important;
}
/*//////////////////////////// CARRUSEL DE INFORMES /////////////////////////////*/
[id^="contenido_slider_"] {
    position: relative;
}
.carrusel_flechas {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -35px;
}
.carrusel_flechas > li {
    display: inline;
    margin: 1px;
    list-style: none;
}
.bx-prev, .bx-next {
    background-color: var(--color-fondo-dark-01);
    color: var(--color-texto-light-01);
    padding: 7px 10px 6px;
    text-decoration: none;
}
.bx-prev:hover, .bx-next:hover, .bx-prev:active, .bx-next:active {
    background-color: var(--color-enlace-principal-01);
    color: var(--color-texto-light-01);
    text-decoration: none;
}
.bx-next:active, .bx-prev:active, .bx-next:focus, .bx-prev:focus {
  text-decoration: none !important;
}
.bx-wrapper {
    box-shadow: inherit;
	border-color: transparent;
	background-color: transparent;
}
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
    background-position: -43px -32px !important;
}
.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover{
	background-position: 0 -32px!important;
}
[class^="product_list informe_productos slider_bx_"] .slide ul {
	width: 100%!important;
}
[class^="cabecera_carrusel_productos_"] {
    overflow-x: auto;
	position: relative;
	width: calc(100% - 90px);
}
[class^="cabecera_carrusel_productos_"] ul {
    display: block;
    margin: 0;
    white-space: nowrap;
    padding: 0 30px 0 0;   
}
[class^="cabecera_carrusel_productos_"] li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
[class^="cabecera_carrusel_productos_"] li a {
    cursor: pointer;
    padding: 10px 15px;
    color: var(--color-texto-estandar-01);
    display: block;
    border-top: 2px solid var(--color-borde-light-01);
	font-size: 18px;
}
[class^="cabecera_carrusel_productos_"] li a:hover {
    text-decoration: none;
    color: var(--color-texto-enfasis-01);
}
[class^="cabecera_carrusel_productos_"] li.selected a {
    border-top: 2px solid var(--color-enlace-principal-01);
    color: var(--color-texto-enfasis-01);
    font-weight: bold;
}
[id^="contenido_slider"] [class^="baseTabla"] {
    margin: 0;
}
/*section[id^="carrusel_informes_"] [id^="contenido_slider_"] .slide {
    min-width: 175px !important;
}*/
.slide ul.galeria {
    padding: 15px 10px 0;
}
.slide .columnas > li:first-child {
    float: left;
    width: 47%;
}
.slide ul.columnas {
    border-bottom: medium none;
    padding: 0 20px;
}
.slide .columnas > li:last-child {
    float: right;
    width: 48%;
}
.slide ul.foto, .slide ul.mini, .slide ul.columnas {
    padding: 15px 7px 0;
    width: 100%;
}
.slide ul.columnas ul.grupoIzda, .slide ul.columnas ul.grupoDcha {
    width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager a, .swiper-pagination-bullet {
	background-color: var(--color-borde-primario-01);
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .swiper-pagination-bullet-active {
	background-color: var(--color-enlace-principal-01);
}
.bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover, .swiper-pagination-bullet:hover {
	background-color: var(--color-fondo-dark-01);
}
/*//////////////////////////// CARRUSEL DE FAMILIAS /////////////////////////////*/
[class^="slide parrilla_familia_"] {
    text-align: center;
}
/*////////////////////////////CARRUSEL //////////////////////////////////////*/
.sliderwrapper {
	position: relative;
	z-index: 0;
}
/*carrusel*/
.sliderwrapper .contentdiv {
	max-width: 100%;
	height: auto;
}
.sliderwrapper img {
	max-width: 100%;
	height: auto;
}
/*//////////////////////////// CARRUSEL DE BANNERS //////////////////////////////////////*/
.contenedor-responsive {
    min-height: 110px;
    width: 100%;
	overflow:hidden;
}
.contenedor-responsive > iframe {
    border: 0 none;
    margin-top: 0;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0;
	width:100%;
}
/************************************ 	CARRUSEL MARCAS  ***************************************/
.bx-viewport .contenedor-marcas, .bx-viewport .capa-logo {
    border: none;
}
/************************************ 	BANNERS EN LISTADOS  ***************************************/
ul.carrusel_banners li img {
    width: 100%;
    height: auto;
}
.carrusel_banners div div {
    display: none;
}
/*#####################################################################################################*/
/*										jquery.lightbox-0.5.css 					   				   */
/*#####################################################################################################*/

.sliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden;
	left: 0;
	clip: rect(0px,auto,auto,auto);
	z-index: 0;
}
.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;
	background-color: var(--color-fondo-light-01); /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
}
.textoSlide {
	position: absolute;
	z-index: 9999;
	line-height: 130%;
	background-color: var(--color-fondo-dark-01);
	margin: 0;
	padding: 15px 20px;
}
.textoSlide h1, .textoSlide h2 {
    font-size: 14px; 
    padding-bottom: 5px; 
    padding-top: 5px;
}
.textoSlide p {
    font-size: 12px; 
}
.frame01 {
	left: 20px;
	top: 20px;
	width: 400px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.frame02 {
	left: 20px;
	top: 200px;
	width: 600px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.frame03 {
	left: 500px;
	top: 20px;
	width: 400px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.textoSlide a, .textoSlide a:hover {
	color: var(--color-texto-light-01);
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.textoSlide h2 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 16px;
	color: var(--color-texto-light-01);
}
.textoSlide p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: var(--color-texto-light-01);
}
.pagination {
	text-align: center;
	position: absolute;
	z-index: 10000;
	background-color: var(--color-fondo-dark-01);
	padding-top: 3px;
	padding-bottom: 5px;
	filter: alpha(opacity=80);
	-moz-opacity: .60;
	opacity: .80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	bottom: 10px;
	right: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.pagination a {
	text-decoration: none;
	color: var(--color-texto-light-01);
	font-size: 14px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
	font-weight: bold;
}
.pagination a:visited {
	text-decoration: none;
	color: var(--color-texto-light-01);
}
.pagination a:hover {
	color: var(--color-texto-light-01);
	background-color: var(--color-enlace-principal-01);
	text-decoration: none;
}
.pagination a.selected {
	color: var(--color-texto-light-01);
	background-color: var(--color-enlace-principal-01);
}