/*
Ajustar estils quan trii el color
*/
#fixed_menu {
	background: #124B5F!important;	
}

#barra_top {
	background: #f5f5f5!important; /* Old browsers */
	/*background: -moz-linear-gradient(top, #124b5f 25%, #16566c 100%)!important;*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, #124b5f 25%,#16566c 100%)!important;*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom,  #184e61 15%, #0d3442 90%)!important;*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#124b5f', endColorstr='#16566c',GradientType=0 )!important;*/
}

#barra_top.pro {

	/*background: linear-gradient(to bottom, #706d6d 15%, #484646 90%)!important;*/
}


/*#barra_top.blue, #barra_top.blue #fixed_menu {
	background: #19936f!important
}*/
/*#barra_top.orange * {
	color: #fff!important;	
}
#barra_top.orange #menu a {
	border-color: inherit!important;
}*/

.grecaptcha-badge
{display:none !important;}

*
{
	
	box-sizing:border-box;
}

html,body,h1,h2,h3,h4
{
	padding: 0;
	margin: 0;
	/*overflow-x: hidden;*/
}

img{
	border: 0;
	pointer-events: none;
    user-select: none;
}

body
{
	font-family: "robotoregular","Titillium Web", 'calibri','Tahoma','Arial';
	line-height: 1.3;
	font-size: 14px;
	color: #555555;
}
body.overflow {
	overflow: hidden;
	/*height: 100vh;*/
    overflow: hidden;
}
input, textarea {
	font-size: 13px;
	font-family: "robotoregular";
}

hr {
    height: 1px;
    background-color: #ccc;
    border: none;
}

b,strong, h1, h2, h3,h4,h5,h6 {
	font-family: 'robotobold';
}

th {
	font-weight: normal;
}

.zoomContainer {
	z-index: 100;
}
.zoom-popup .zoomContainer {
	z-index: 1050;
}

/*b,strong{font-family: 'calibri_bold'; font-weight: normal; }*/

a{color:#528AB2;display: inline-block;}
a:focus,a:active {
	outline: none;	
}
.fl
{
	float: left;
}

.fr
{
	float: right;
}

/*.fixed
{
	position: fixed;
	top: 10px;
	width:240px;
	
}*/

.desplegador_menu
{
	display:none; 
}

#bg_sec
{
	position:fixed; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	background-color: rgba(0,0,0,0.5); 
	z-index: 105; 
	display: none;
	cursor:pointer;
}

.transicio_rapida
{
	transition: all .1s linear;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
}

.transicio_suau
{
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
}

.paginacio
	{
		text-align: center;
		margin: 35px 0;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.paginacio a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		vertical-align: top;
		height: 35px;
		width: 35px;
		line-height: 35px;
		font-size: 14px;
		text-decoration: none;
		color: #fff;
		background-color: rgba(116,178,162,.4);
		justify-content: center;
		border-radius: 50%;
		transition: all .25s ease;
		margin: 0 5px;
	}

	.paginacio a.selected, .paginacio a:hover {
		background-color: rgba(116,178,162,1);
	}
		
	.paginacio a.next, .paginacio a.prev {
		font-size: 30px !important;
		background: transparent;
		color: #74b2a2;
	}

	.paginacio a.next:hover, .paginacio a.prev:hover {
		background: #fff;
	}
		
			a.selected
			{
				color: #FFFFFF;
				background-color: #555555;
			}
.theme_default .mfp-bg {background:rgb(18,75,95)!important;opacity: 0.5!important}
.orange .mfp-bg {background:rgb(238,150,75)!important;opacity: 0.5!important}
.green .mfp-bg {background:rgb(25,147,111)!important;opacity: 0.5!important}
.blue .mfp-bg {background:rgb(44,186,233)!important;opacity: 0.5!important}
.red .mfp-bg {background:rgb(247,93,93)!important;opacity: 0.5!important}
.grey .mfp-bg {
    background: rgb(0,0,0)!important;
    opacity: 0.8!important;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  max-width: 500px;
  width: auto;
  max-height: 500px;
  overflow: auto;
  margin: 20px auto;
  color: #000000;
}

.white-popup-no-scroll {
   background: #FFF;
	max-width: 500px;
}

.mfp-content > .white-popup-no-scroll {
	padding: 20px;
	margin: 50px auto;
}

	/*.white-popup > div
	{
		max-height: 480px; 
		overflow: auto;
	}*/
	
.white-popup-ajax, .zoom-anim-dialog
{
	position: relative;
    background: #e8e8e8;
    padding: 3px;
    max-width: 1000px;
    width: auto;
    overflow: auto;
    margin: 80px auto;
}

	.zoom-anim-dialog > div {
		background: #fff;
		padding: 50px 20px;
	}
	.white-popup-ajax > div {
		background: #fff;
		padding: 50px 30px;
	}
	.white-popup-ajax .mfp-close {
		top: 15px;
		right: 15px;
	}
.white-popup-ajax #ruta_html {
    margin-bottom: 0!important;
    border-bottom: 0;
}
		
.cb{clear:both}
#header
{
	font-size: 14px; height: 136px; width: 1008px; margin: auto; position: static; background: url(../img/header.jpg) no-repeat center center;
}

#fixed_menu > div {
	background: #e8e8e8;
}

#fixed_menu.pro > div {
    /*background: #8e8e8e;*/
	border-bottom: 0;
}

#desplegables_barra::after {
    content: '';
    height: 100%;
    width: 105%;
    position: absolute;
    bottom: -10px;
    left: 0;
    border-radius: 25px;
    background: #003f51;
	border-bottom: 1px solid #003e53;
	margin-left: -2.5%;
	display: none;
}

#header_trabaja_con_nosotros{
	display: flex;
	justify-content: flex-end;
	margin-right: 5px;
	position: absolute;
	left: 400px;
	border-radius: 0;
	padding: 0px 0px 0px 20px;
	top: 0;height: 100%;
	align-items: center;
	cursor:pointer;
}

#header_trabaja_con_nosotros a{
	text-decoration: none; 
	color: #555555
}


.info_area_pro {
    position: absolute;
    right: 0;
    display: flex;
    bottom: -13px;
    justify-content: center;
    color: #74b2a2;
    font-size: 17px;
}

#fixed_menu.fixed .info_area_pro {
	display: none;
}

.pro #desplegables_barra::after {
   	background: #8e8e8e;
	border-bottom: 0;
}
.pro #desplegables_barra{
   /* background: #8e8e8e;*/
	border-bottom: 0;
}

#fixed_menu > div > div.contenidor_centrat {
    display: flex;
	position: relative;
	padding: 0;
}


.menu_mobile {
	position: absolute;
    top: 46px;
    width: 500px;
    max-width: 80%;
    background: #fff;
    max-height: 90vh;
    max-height: calc(100vh - 45px);
    overflow: auto;
    display: none;
    left: -2%;
	box-shadow: 0 2px 20px rgb(0 0 0 / 15%);
}


.menu_mobile a {
	display: block;
	text-transform: uppercase;
	color: #555555;
	text-decoration: none;
}

.menu_mobile > a:hover, .menu_mobile > a.active {
	background: #F2F2F2;
	border: 0;
}

.menu_mobile > a {
    padding: 15px 30px;
	transition: all .25s ease;  
	background: #F2F2F2;
	border: 0;
	position: relative;
}

.menu_mobile > a.destacat {
	border-radius: 0;
	color: #fff;
}

.menu_mobile > a > .icona_desplegador {
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 0;
}

.menu_mobile > a > .icona_desplegador::before {
    position: relative;
    left: -2px;
    transform: rotate(45deg);
    top: 1px;
}

.menu_mobile > a > .icona_desplegador::after {
    position: relative;
    left: 5px;
    transform: rotate(-45deg);
}

.menu_mobile > a > .icona_desplegador::after, .menu_mobile > a > .icona_desplegador::before {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background: #555555;
    transition: transform .25s ease, background .25s ease;
}


.menu_mobile > a.active > .icona_desplegador::before {
    transform: rotate(-45deg);
    width: 15px;
}

.menu_mobile > a.active > .icona_desplegador::after {
    transform: rotate(45deg);
    left: -2px;

	width: 15px;
}

.menu_mobile > a:last-of-type, .menu_mobile > a:last-of-type + div {
	border-bottom: 0;
}




.submenu_mobile {
	padding: 30px;
	border-bottom: 0;
	display: none;
	background: #DEDEDE;
}
.submenu_mobile > a {
	padding-top: 10px;
	transition: color .25s ease;
	display: flex;
    align-items: center;
}
.submenu_mobile > a:hover, .submenu_mobile > a.active {
	color: #0c485a;
}
.submenu_mobile > a:first-child {
	padding-top: 0;
}

#menu a {
    color: #555555;
    transition: color .25s ease;
}

a.punt_menu_cap {
	border-bottom: 2px solid transparent;
}

#barra_top
{
	font-size: 15px;
	padding: 10px 0 0;
	position: relative;
	/*z-index:1000;*/
}
#barra_top.theme_default, #fixed_menu
{
	background: #87d397; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, rgb(25, 147, 111), rgb(136,212,152) 80%) no-repeat; /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgb(25, 147, 111), rgb(136,212,152) 80%) no-repeat; /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgb(25, 147, 111), rgb(136,212,152) 80%) no-repeat; /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgb(25, 147, 111), rgb(136,212,152) 78%) no-repeat; /* Standard syntax */
}

	.theme_default .bg_linear:hover, .theme_default .bg_linear.active,  .theme_default .bg_linear.first.active + .bg_linear, .theme_default .bg_linear.first.active .bg_linear, #idiomes .label_barra:hover, #idiomes .label_barra.active
	{
		color: #74b2a2;
		background: #88d498;
		background: -webkit-linear-gradient(left, rgb(25, 147, 111), rgba(136,212,152,1) 50%) no-repeat;
		background: -o-linear-gradient(right, rgb(25, 147, 111), rgba(136,212,152,1) 50%) no-repeat;
		background: -moz-linear-gradient(right, rgb(25, 147, 111), rgba(136,212,152,1) 50%) no-repeat;
		background: linear-gradient(to right, rgb(25, 147, 111), rgba(136,212,152,1) 50%) no-repeat;	
			
	}

    .theme_default #menu .punt_menu_cap:hover > a, .theme_default #menu a:hover, .theme_default #menu a.active {
        color: #74b2a2;
    }

	.theme_default a.punt_menu_cap:hover, .theme_default div.punt_menu_cap:hover > a {
		border-bottom: 2px solid #74b2a2!important;
	}

    .theme_default .new_shop > div {
		border: 1px solid #74b2a2;
	}


	
#barra_top.orange, .orange #fixed_menu
{
	background: #f95738; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat; /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat; /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat; /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat; /* Standard syntax */
}

	.orange .bg_linear:hover, .orange .bg_linear.active,  .orange .bg_linear.first.active + .bg_linear, .orange .bg_linear.first.active .bg_linear, .bg_linear.first.white_aux + .bg_linear, .orange #idiomes .label_barra:hover, .orange #idiomes .label_barra.active
	{
		color: #f95738;
		background: #88d498;
		background: -webkit-linear-gradient(left, rgb(249, 87, 56), rgb(238,150,75) 50%) no-repeat;
		background: -o-linear-gradient(right, rgb(249, 87, 56), rgb(238,150,75) 50%) no-repeat;
		background: -moz-linear-gradient(right, rgb(249, 87, 56), rgb(238,150,75) 50%) no-repeat;
		background: linear-gradient(to right, rgb(249, 87, 56), rgb(238,150,75) 50%) no-repeat;		
	}

    .orange #menu .punt_menu_cap:hover > a, .orange #menu a:hover, .orange #menu a.active {
        color: #f95738;
    }

	.orange a.punt_menu_cap:hover, .orange div.punt_menu_cap:hover > a {
		border-bottom: 2px solid #f95738!important;
	}

    .orange .new_shop > div {
		border: 1px solid #f95738;
	}
	
#barra_top.green, .green #fixed_menu
{
	background: #124e60; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat; /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat; /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat; /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat; /* Standard syntax */
}

	.green .bg_linear:hover, .green .bg_linear.active,  .green .bg_linear.first.active + .bg_linear, .green .bg_linear.first.active .bg_linear, .green #idiomes .label_barra:hover, .green #idiomes .label_barra.active
	{
		color: #124e60;
		background: #88d498;
		background: -webkit-linear-gradient(left, rgb(18,78,96), rgb(25,147,111) 50%) no-repeat;
		background: -o-linear-gradient(right, rgb(18,78,96), rgb(25,147,111) 50%) no-repeat;
		background: -moz-linear-gradient(right, rgb(18,78,96), rgb(25,147,111) 50%) no-repeat;
		background: linear-gradient(to right, rgb(18,78,96), rgb(25,147,111) 50%) no-repeat;		
	}

    .green #menu .punt_menu_cap:hover > a, .green #menu a:hover, .green #menu a.active {
        color: #124e60;
    }

	.green a.punt_menu_cap:hover, .green div.punt_menu_cap:hover > a {
		border-bottom: 2px solid #124e60!important;
	}

    .green .new_shop > div {
		border: 1px solid #124e60;
	}
	
#barra_top.blue, .blue #fixed_menu
{
	background: #548db9; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, rgb(84,141,185), rgb(44,186,233) 80%) no-repeat; /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgb(84,141,185), rgb(44,186,233) 80%) no-repeat; /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgb(84,141,185), rgb(44,186,233) 80%) no-repeat; /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgb(84,141,185), rgb(44,186,233) 80%) no-repeat; /* Standard syntax */
}

	.blue .bg_linear:hover, .blue .bg_linear.active,  .blue .bg_linear.first.active + .bg_linear, .blue .bg_linear.first.active .bg_linear,  .blue #idiomes .label_barra:hover, .blue #idiomes .label_barra.active
	{
		color: #548db9;
		background: #88d498;
		background: -webkit-linear-gradient(left, rgb(84,141,185), rgb(44,186,233) 50%) no-repeat;
		background: -o-linear-gradient(right, rgb(84,141,185), rgb(44,186,233) 80%) no-repeat;
		background: -moz-linear-gradient(right, rgb(84,141,185), rgb(44,186,233) 50%) no-repeat;
		background: linear-gradient(to right, rgb(84,141,185), rgb(44,186,233) 50%) no-repeat;		
	}

    .blue #menu .punt_menu_cap:hover > a, .blue #menu a:hover, .blue #menu a.active {
		color: #548db9;
    }

	.blue a.punt_menu_cap:hover, .blue div.punt_menu_cap:hover > a {
		border-bottom: 2px solid #548db9!important;
	}

    .blue .new_shop > div {
		border: 1px solid #548db9;
	}

#barra_top.red, .red #fixed_menu
{
	background: #eb3e3e; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, rgb(235,62,62), rgb(247,93,93) 80%) no-repeat; /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgb(235,62,62), rgb(247,93,93) 80%) no-repeat; /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgb(235,62,62), rgb(247,93,93) 80%) no-repeat; /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgb(235,62,62), rgb(247,93,93) 80%) no-repeat; /* Standard syntax */
}

	.red .bg_linear:hover, .red .bg_linear.active,  .red .bg_linear.first.active + .bg_linear, .red .bg_linear.first.active .bg_linear,  .red #idiomes .label_barra:hover, .red #idiomes .label_barra.active
	{
		color: #eb3e3e;
		background: #88d498;
		background: -webkit-linear-gradient(left, rgb(235,62,62), rgb(247,93,93) 50%) no-repeat;
		background: -o-linear-gradient(right, rgb(235,62,62), rgb(247,93,93) 50%) no-repeat;
		background: -moz-linear-gradient(right, rgb(235,62,62), rgb(247,93,93) 50%) no-repeat;
		background: linear-gradient(to right, rgb(235,62,62), rgb(247,93,93) 50%) no-repeat;		
	}

    .red #menu .punt_menu_cap:hover > a, .red #menu a:hover, .red #menu a.active {
        color: #eb3e3e;
    }

	.red a.punt_menu_cap:hover, .red div.punt_menu_cap:hover > a {
		border-bottom: 2px solid #eb3e3e!important;
	}

    .red .new_shop > div {
		border: 1px solid #eb3e3e;
	}

#barra_top.grey, .grey #fixed_menu
{
	background: #555555; /* For browsers that do not support gradients */
  	/*background: -webkit-linear-gradient(left, rgb(85,85,85), rgb(132,132,132) 80%) no-repeat; /* For Safari 5.1 to 6.0 */
  	/*background: -o-linear-gradient(right, rgb(85,85,85), rgb(132,132,132) 80%) no-repeat; /* For Opera 11.1 to 12.0 */
  	/*background: -moz-linear-gradient(right, rgb(85,85,85), rgb(132,132,132) 80%) no-repeat; /* For Firefox 3.6 to 15 */
  	/*background: linear-gradient(to right, rgb(85,85,85), rgb(132,132,132) 80%) no-repeat; /* Standard syntax */
}

	.grey .bg_linear:hover, .grey .bg_linear.active,  .grey .bg_linear.first.active + .bg_linear, .grey .bg_linear.first.active .bg_linear, .bg_linear.first.white_aux + .bg_linear, .grey #idiomes .label_barra:hover, .grey #idiomes .label_barra.active
	{
		color: #555555;
		background: #555555;
		/*background: -webkit-linear-gradient(left, rgb(85,85,85), rgb(132,132,132) 50%) no-repeat;
		background: -o-linear-gradient(right, rgb(85,85,85), rgb(132,132,132) 50%) no-repeat;
		background: -moz-linear-gradient(right, rgb(85,85,85), rgb(132,132,132) 50%) no-repeat;
		background: linear-gradient(to right, rgb(85,85,85), rgb(132,132,132) 50%) no-repeat;		*/
	}

    .grey #menu .punt_menu_cap:hover > a, .grey #menu a:hover, .grey #menu a.active {
        color: #555555;
    }

	.grey a.punt_menu_cap:hover, .grey div.punt_menu_cap:hover > a {
		border-bottom: 2px solid #555555!important;
	}

    .grey .new_shop > div {
		border: 1px solid #555555;
	}

.superareas > div:nth-child(1) a
{
	background: #548db9; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, rgb(84,141,185), rgb(44,186,233) 80%) no-repeat; /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgb(84,141,185), rgb(44,186,233) 80%) no-repeat; /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgb(84,141,185), rgb(44,186,233) 80%) no-repeat; /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgb(84,141,185), rgb(44,186,233) 80%) no-repeat; /* Standard syntax */
}

.superareas > div:nth-child(2) a
{
	background: #124e60; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat; /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat; /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat; /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat; /* Standard syntax */
}

.superareas > div:nth-child(3) a
{
	background: #eb3e3e; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, rgb(235,62,62), rgb(247,93,93) 80%) no-repeat; /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgb(235,62,62), rgb(247,93,93) 80%) no-repeat; /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgb(235,62,62), rgb(247,93,93) 80%) no-repeat; /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgb(235,62,62), rgb(247,93,93) 80%) no-repeat; /* Standard syntax */
}

.superareas > div:nth-child(4) a
{
	background: #f95738; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat; /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat; /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat; /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat; /* Standard syntax */
}

.bg_linear:hover::before, .bg_linear.active::before {
	background: #ffffff;
	opacity: 1;
}

.bg_linear {
	background: transparent;
	color: #555555;
}
.bg_linear::before {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	top: 2px;
	left: 2px;
	z-index: -1;
	opacity: 0;
	transition: background .35s ease, opacity .10s ease-in-out;	
}
.bg_linear.active.first::before {
	height: 100%;
	
}
.bg_linear.first.active + .bg_linear::before, .bg_linear.first.white_aux + .bg_linear::before, .bg_linear.first.active .bg_linear::before {
	background: #fff;	
	opacity: 1;
}

.nav_areas a {
    /*font-size: 35px;*/
    text-decoration: none;
    /*background: #fff;*/
    padding: 10px 15px 5px;
    color: #555555;
    transition: all .25s ease;
    display: inline-block;
    margin: -10px 45px 0 0;
}
/* ADDED */ 
.nav_areas a {
    color: #fff;
	font-size: 20px;
	padding: 15px;
	text-transform: uppercase;
	margin-right: -2px;
}
/* FI */
#fixed_menu {/*max-height: 0;*/transition: max-height .25s ease;z-index: 99999;position:relative;    font-size: 12px;}
#fixed_menu.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	max-height: 54px;
	-webkit-transform: translateZ(0);
}

#fixed_menu.fixed > div > div.contenidor_centrat {
	align-items: center;
	/*width: 100%;*/
}


	#fixed_menu.fixed > div {
		/*width: 1200px;
		margin: auto;*/
		position: relative;	
	}

.nav_areas > a:last-child {
	margin-right: 0;	
}
.nav_areas > a.active, .nav_areas a:hover {
	background: transparent;
	color: #fff;	
}
.nav_areas > a:hover {
	background: #f95738!important
}

/*.nav_areas > a.active:first-child {
	background: #19936f!important
}*/
.nav_areas > a.active:last-child {
	background: #f95738!important
}

.nav_areas a .fa {
	margin-left: 10px;
    font-size: 18px;
}

.cart_mbl {display: none!important}
#cont_cart_small {
	width: 750px;
	/*padding: 30px;*/
    position: absolute;
    top: 32px;
    right: 0;
    z-index: 999;
    background: #fff;
    border: 2px solid #555555;
    border-width: 3px 1px 1px 1px;
    color: #555555;
}

#cont_cart_small_loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}

#cont_cart_small_loading .spinner {
  font-size: 64px;
  color: #555;
}

#carro_pendent {
	color: #f00;
    /* padding: 0 25px; */
    /* border-bottom: 1px solid #999999; */
	margin-top: 20px;
	line-height: 1.5;
}

#carro_pendent .boto_generic {
	margin: 15px 0 0px;
}

.fixed #cont_cart_small {
    top: 37px;
}

#arts_cart_small .resaltat {
	
}

.ui-front {z-index: 99999!important}

	#barra_top > div,#menu_top > div
	{
		width: 1200px; 
		margin: auto;
		position: relative;
		max-width: 96%;
	}
	
		#desplegables_barra
		{
			color: #242424;
			display: flex;
			justify-content: flex-end;
			margin-right: 5px;
			position: absolute;
			right: 0;
			border-radius: 0;
			padding: 0px 0px 0px 20px;
			top: 0

		}
#fixed_menu.fixed #desplegables_barra {
    position: static;
	    top: 0;
    padding: 0;
}

.cart_desktop > a {
    border-bottom: 2px solid transparent;
}

.cart_desktop > a:hover, .cart_desktop > a.active {
	border-bottom: 2px solid #555555;
}
			#tancar_sessio:hover
			{
				background-color: #FFFFFF;
			}
			#auth>span
			{
				cursor:pointer;
				max-width: 180px;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				border-bottom: 2px solid transparent;
			}
			#auth>span:hover, #auth>span.active {
				border-bottom: 2px solid #555555;
			}
			
			#auth
			{
				position: relative;  
			}
			
				#auth > div
				{
					display:none;
				}
				
			
			
				.label_barra
				{
					height: 34px; line-height: 34px; display:block; padding: 0px 10px; color: #555555; text-decoration: none; position: relative;z-index: 999;
				}
			
				.label_barra  i {
					
					font-size:16px!important;	
					vertical-align: middle;

				}
				.label_barra .i 
				{
					font-size:10px!important;
					position:relative!important;
					top:-3px!important;
			
				}
				
			.linees {
				position: absolute;
				bottom: 2px;
				right: 0px;
				height: 10px;
				margin: auto;
				font-size: 12px;
				padding: 7px 5px;
				border: 1px solid;
				line-height: 0;
				border-radius: 50%;
				/*background: #134a5e;*/
				color: #fff;
				background: #dea200;
			}

			.linees.error {
				background: #C00;
				color: #fff;
				border-color: #c00;
			}
			
			#boto_desplega_recerca.active {
				z-index: 999;
				position: relative;	
			}
			#menu_auth
			{
				 padding: 15px 15px 10px 15px; right: 0; background: #FFFFFF;width: 260px; border-radius: 0 0 5px 5px;
			}
			
				#menu_auth input
				{
					width: 226px; border: 1px solid #CCCCCC; padding: 2px 5px; margin-bottom: 8px; outline: 0px;
				}
				
			#menu_client
			{
				position: absolute;
				z-index: 1050;
				padding: 5px 15px 15px;
				left: calc(-50% - 34px);
				left: calc(-130px + 50%);
				top: 32px;
				width: 260px;
				background: #fff;
				border: 2px solid #555555;
				border-width: 3px 1px 1px 1px;
				box-shadow: 0 2px 20px rgb(0 0 0 / 15%);
			}

			#menu_client.login {
				padding: 30px;
			}

			#menu_client.logged a {
				margin-top: 10px;
				display: inline-block;
				color: #7F8182;
				transition: color .25s ease;
			}
			#menu_client.logged a:hover {
				color: #000;
			}
			
			
				#menu_client input
				{
					width: 100%; border: 1px solid #CCCCCC; padding: 2px 5px; margin-bottom: 8px; outline: 0px;
				}

				.link_simple {
					color: #74b2a2!important
				}

				.icones_generiques_bg {
					display: inline-flex;
					font-size: 14px;
					width: 25px;
					height: 25px;
					justify-content: center;
					align-items: center;
					color: #fff;
					border-radius: 50%;
					background: #74b2a2;
					text-decoration: none;
					transition: all .25s ease;
				}

				.icones_generiques_bg > i {
					font-size: 14px!important;
					line-height: 1.1;
				}

				.icones_generiques_bg.elimina_linia {
					background: #fff;
				}

				.elimina_linia {
					color: #74b2a2!important;
					border: 1px solid #74b2a2!important;
				}

				.elimina_linia:hover {
					color: #fff!important;
					background-color: #74b2a2!important;
				}
				
				/*.boto_auth
				{
					cursor:pointer; text-decoration: none; display: inline-block; color: #FFFFFF; padding: 3px 10px; background-color: #F8AE48; margin-left: 5px;
				}*/
				.boto_auth {
					cursor:pointer; text-decoration: none; display: inline-block; color: #FFFFFF; padding: 3px 10px; ; margin-left: 5px;
					background: #dea200;
					border-radius: 4px;
					/*box-shadow: 0px 1px 2px 0px #666;*/
					padding: 5px 15px;
					margin-right:5px;
				}
				
				
			#idiomes
			{
				padding: 0;
				vertical-align: top;
				
				cursor: default;
				margin: 0;
				
			}
	
		#idiomes .label_barra {
			background: #74b2a2;
			color: #fff;
		}
	
		#idiomes > li
		{
			position: relative;	
		}
		#idiomes li
		{
			list-style: none;
		
		}
		
		#idiomes ul
		{
			position:absolute;  
			left: 0; 
			right: 0;
			top: 32px;
			border-radius: 0px 0px 5px 5px;
			display: none;
			padding: 5px 0px;
			z-index: 120;
		}
		
		#idiomes ul li a
		{
			color: inherit;
			display:block;
			text-decoration: none;
			text-align: center;
			padding: 5px 0px;
		}
		
		#idiomes > li:hover > span
		{
			background-color: #FFFFFF;
		}

.icones_barra {
    max-height: 21px;
    max-width: 21px;
}

.cont_cerca, .cart_desktop >  a  {
	/*width: 44px;*/
	    padding: 0 10px!important;
}

			
	.close_recerca
	{
		color:#3a3a3a; text-decoration:none; margin-right: 5px; text-transform: uppercase;
	}

	#div-results {
		height: auto !important;
		margin-top: 35px;
		position: absolute;
		top: 76px;
		left: 10px;
		right: 10px;
		bottom: 10px;
		display: flex;
		flex-direction: column;
		overflow: auto;
	}
	
	#div-results .results {
		padding-bottom: 20px;
		padding-left: 10px;
	}

	#div-results .results.no_botons {
		max-height: 100%;
	}

	.filtres_cerca {
		margin-bottom: 20px;
		padding: 0 10px;
		position: sticky;
		top: 0;
		background: #fff;
		z-index: 20;
		padding-bottom: 5px;
	}

	.filtres_cerca > a {
		margin-bottom: 5px;
		margin-right: 5px;
	}

	.filtres_cerca > a.active {
		background: #74b2a2;
		color: #fff;
	}

	#div-results > div {
		display: flex;
   	 	flex-wrap: wrap;
	}

	#div-results .titol_seccio {
		width: 100%
	}
		
	.titol_recerca {
		font-size: 16px;
		margin-top: 15px;
		padding-top: 10px;
		float: left;
	}
	.columna_recerca
	{
		padding:5px 10px; 
		float:left; 
		width:32%
	}
	
		.columna_recerca .titol_seccio {
			font-size: 20px;	
		}
	
	.item-recerca {
		padding: 20px 20px 0 0;
		cursor: pointer;
		width: 16.66%;
		display: inline-block;
		vertical-align: top;
			
	}
	
		.item-recerca > div {
			padding: 10px;
			transition: transform .25s ease;
			background: #fff;
			height: 100%;
			border: 1px solid #ccc;
		}
		
		.item-recerca:hover > div {
			transform: scale(1.11);
		}
		
		.item-recerca.hover > div {
			transform: scale(0.95);
		}
	
	.white-popup-ajax .titol_seccio
	{
		margin-bottom: 30px;
		text-align: left;
		color: #555555;
	}
	.white-popup-ajax .bloc_article .titol_seccio {
		margin-bottom: 10px;

	}
	.white-popup-ajax .bloc_article {
		color: #555555;
	}
	
	h1,h1.titol_seccio {
		font-size: 22px;
	}
	h2,h2.titol_seccio {
		font-size: 20px;
	}
	h3, h3.titol_seccio {
		font-size: 18px;
	}
	.titol_seccio
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
		font-size: 20px;
		margin-bottom: 15px;
		color: #555555;
		font-family: "robotobold","Titillium Web";
	}
	.titol_seccio_home {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		font-size: 30px;
		font-family: 'robotobold';
		font-weight: normal;
		flex-wrap: wrap;
	}
	.titol_seccio_home > img {
		margin-right: 25px;
		max-height: 33px;
	}

	.titol_seccio span {
		font-family: "robotoregular";
		font-size: 18px;
		display: block;
		width: 100%;
	}

	.sep_home {
		width: 400px;
		max-width: 60%;
		height: 2px;
		display: block;
		margin: auto;
		background: #74b2a2;
	}

	.descripcio_home.amb_descripcio {
		margin: 80px auto 80px;
		text-align: justify;
		line-height: 1.45;
	}

	.descripcio_home .titol_home {
		margin-top: 25px;
		margin-bottom: 25px;
		font-size: 40px;
		font-family: 'robotoregular';
		font-weight: normal;
		text-align: left;
	}

	.descripcio_home.amb_descripcio .titol_home {
		float: left;
		max-width: 550px;
		text-align: left;
		margin: -10px 25px 25px 0;
		font-size: 37px;
		font-family: 'robotoregular';
		font-weight: normal;
		line-height: 1.1;
	}

	.descripcio_home.amb_descripcio::after {
		content: '';
		display: block;
		clear: both;
	}

	.titol_area_client {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 5px 0;
		font-family: "robotobold","Titillium Web";
		font-size: 14px;
		margin-bottom: 0;
		border-bottom: 1px solid #999999;
		color: #555555;
		display: flex;
		align-items: flex-end;
		line-height: 1;
	}

	.titol_area_client > i {
		font-size: 20px;
		margin-right: 7px;
	}
	
	/*.ct_theme .titol_area_client, .ct_theme th , .ct_color, .ct_color th {
		  background-color: rgba(249, 87, 56, 0.8)!important
	}
	.ct_theme a:not(.titol_area_client), .ct_theme .link_area_client i {
		color: 	rgba(249, 87, 56, 0.8)!important
	}*/
	.link_area_client div{
		color: #777A81;
	}
	/*.ct_theme #dades_client .label_client {
		 background-color: rgba(249, 87, 56, 0.6)!important
	}
	
	.ct_theme .link_area_client.active {
		border-color: rgb(249, 87, 56)!important;
		background-color: rgba(249, 87, 56, 0.1)!important	
	}*/

.client_dos_columnes {
	display: flex;
}

.client_dos_columnes > div {
   flex: 1;
}

.client_dos_columnes #change_pwd {
	min-width: 45%;
}

.client_dos_columnes > .sep {
    max-width: 10%;
	position: relative;
	display: flex;
    justify-content: center;
}

.client_dos_columnes > .sep span {
    height: calc(100% - 51px);
    width: 1px;
    display: block;
    background: #999999;
    top: 38px;
    bottom: 0;
    margin: auto;
    position: absolute;
}

#change_pwd form {
	margin-top: 10px;
	max-width: 70%;
}

#change_pwd form > div {
	margin-bottom: 5px;;
}

#change_pwd form input {
	border: 1px solid #CCCCCC;
}

.logo_cerca {
    display: flex;
    align-items: center;
    margin: 20px auto;
}

#content_logo {
	width: 50%;
}
#content_logo a {
	display: inline-block;
}
#content_logo img {
    width: 300px;
}

.contenidor_recerca {
    height: 40px;
    flex: 1;
    position: relative;
}

#recerca {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 50;
    top: 0;
    height: 44px;
}

.pro #recerca {
    margin-top: -15px;
}

.camp-recerca {
    display: inline-block;
    width: 100%;
    position: relative;
}

#camp-recerca {
    width: 100%;
    border-radius: 35px;
    font-size: 13px;
    padding: 10px 40px 10px 20px;
    background: #fff;
    color: #55565a;
    outline: none;
    border: 2px solid transparent;
    transition: all .25s ease;
	font-style: italic;
}

.camp-recerca .fa {
    position: absolute;
    top: 1px;
    bottom: 1px;
    right: 5px;
    background: #74b2a2;
    width: 33px;
    height: 33px;
    margin: auto;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 35px;
    transition: color .25s ease;
}

.contenidor_recerca.active > #recerca {
    padding: 20px;
	z-index: 300;
	width: 1200px;
    max-width: 100vw;
	display: block;
}

.contenidor_recerca.active .div-recerca > div {
    float: right;
}

.contenidor_recerca.active .camp-recerca {
    margin-top: 20px;
}

.contenidor_recerca.active #camp-recerca {
    background: #e8e8e8;
}

.close_recerca {
    text-decoration: none;
    margin: 5px 5px 0 0;
    text-transform: uppercase;
    display: none;
    font-size: 13px;
}

.contenidor_recerca.active .close_recerca {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
}

.div-recerca.clear::after {
    content: '';
    display: block;
    clear: both;
}

#content
{
	padding-top: 30px;
	min-height: 500px;
	padding-bottom: 30px;
	overflow: hidden;
}

.arees {
	font-size: 0;
}
	.bloc_area {
		 width: 20%;
		text-align: center;
		margin-bottom: 15px;
		display: inline-block;
		vertical-align: top;
		font-size: 15px;
		color: #555555;
	
	}

	.owl-categories-visitades .bloc_area {
		width: 100%;
		margin-bottom: 0;
	}

	.owl-categories-visitades.owl-carousel .owl-item img {
		margin: auto;
		transform: scale(1) rotate(0)
	}

	.owl-categories-visitades .owl-stage-outer {
		margin-bottom: 50px;
	}

	.orange .bloc_area a {
		color: #f95738;
	}
	.green .bloc_area a {
		color: #19936f;
	}
	.blue .bloc_area a {
		color: #548db9;
	}
	.red .bloc_area a {
		color: #eb3e3e;
	}
	.grey .bloc_area a {
		color: #555555;
	}

	.bloc_area a {
		text-decoration: none;
		display: inline-block;
	}
		
		.bloc_area a:hover {
			color: #555555;	
		}
		.bloc_area a:hover img {
			transform:scale(1.2,1.2) rotate(10deg);	
		}
		
		.bloc_area img {
			transition: all .35s ease;	
		}

	.atencio_client
	{
		text-decoration: none;
		min-height: 302px;
		background-color: #74b2a2;
		text-align: center;
		padding: 15px 20px;
		display: block;
		color: #fff;
		width: 226px;
		float: right;
		font-size: 14px;
		
	}

	#columna_esq .atencio_client
	{
		width: auto;
		float: none;
	}
	
		.atencio_client img
		{
			margin-bottom: 15px;
		}
		
		.atencio_client span
		{
			font-size: 22px;
		}
		
		.atencio_client b
		{
			font-size: 35px; 
			line-height: 35px; 
			display: block; 
			margin-bottom: 10px;
		}
		
		#contenidor_superior_home .atencio_client
		{
			margin-bottom: 0;
		}
	
	/*.superareas {
		text-align: center;	
		font-size: 0;
		padding: 50px 0;
	}
	
		.superareas > div {
			width: 50%;	
			margin: 25px auto;
			display: inline-block;
			vertical-align: top;
		}*/
		
		/*.superareas a {
			display: block;
			transition: transform .25s ease;
		}
		
		.superareas a:hover {
			transform: scale(1.12,1.12)	
		}*/
		
		/*.superareas h2 {
			font-family: 'sacramentoregular';
			font-size: 50px;
			color: #0c485a;
			font-weight: normal;
			background-repeat: no-repeat;
			background-position: center;
    		background-size: cover;
		}
		
		.superareas > div:first-child h2 {
			background-image:url(../img/pinzellada_vermell.png);
			text-align: right;
			padding-right: 85px;
		}
		.superareas > div:last-child h2 {
			background-image:url(../img/pinzellada_verd.png);
			text-align: left;
			padding-left: 85px;
		}*/
		.superareas {
			text-align: center;	
			font-size: 0;
		}
	
			.superareas > div {
				width: 25%;	
				display: inline-block;
				vertical-align: top;
				overflow: hidden;
			}
				.superareas a {
					display: block;
					position: relative;
					z-index: 0;
					height: 150px;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				
				.superareas a:hover {
				}
					
					.superareas p {
						position: absolute;
						z-index: 10;
						width: 100%;
						font-size: 25px;
						margin: 0;
						top: 50px;
					}
					
					.superareas img {
						position: absolute;
						right: -35px;
						bottom: -50px;	
						z-index: 100;
    					transform: rotate(35deg) translateZ(0);
					}
					
					.superareas h2 {
						/*font-size: 30px;*/
						font-size: 22px;
						color: #0c485a;
						font-weight: normal;
						background-repeat: no-repeat;
						background-position: center;
						background-size: cover;
						text-transform: uppercase;
						position: relative;
						z-index: 150;
						-webkit-transform: translateZ(0);
						/*padding: 80px 0;*/
						color: #fff;
					}
					
					.superareas > div h2 {
						color: inherit;
						padding: 0 5px;
					}
					
					.superareas .fa {
						margin-left: 20px;	
					}
		
		
	/*.banner_home
	{
		width: 650px;
		color: #0c485a;
		padding: 30px 0;
	}
	
		.banner_home > p {
			font-size: 50px;width: 300px; display: inline-block; text-align: center; vertical-align: middle; font-family: 'sacramentoregular'; text-transform: lowercase;
		}
		ADDED */
	.banner_home
	{
		color: #0c485a;
		padding: 30px 0;
	}
		.banner_home > p {
			font-size: 27px;text-align: center; margin: 20px auto;
		}
	/* FI */
			.banner_home > p .fa {
				margin-left: 20px;
				font-size: 20px;	
			}
		.banner_home > div {
			text-align: center; 
		}
			.banner_home > div > * {
				text-decoration: none;
				margin-right: 10px;
				color: #4a7586;
				transition: transform .25s ease;
				cursor: default;
				display: inline-block;
			}
			.banner_home > div > *:hover {
				transform: scale(1.12,1.12);
				font-family: 'robotobold';
			}
			.banner_home > div a {
				cursor: pointer	;
			}
	
	#contenidor_slide_catalegs
	{
		background-color: transparent;
		margin: 60px 0 30px;
	}
	
		#contenidor_slide_catalegs > div > span
		{
			display: inline-block;
			color: #457181;
			padding: 10px 50px;
			margin-bottom: 15px;
			text-transform: uppercase;
			font-size: 20px;
			letter-spacing: 1px;
		}
		
		#prev_cataleg,#next_cataleg
		{
			position: absolute;  top: 50%; cursor: pointer; margin-top: -18px;
		}
		
			#slide_catalegs
			{
				width: auto !important;
				margin: 0 50px;
			}
		
			#prev_cataleg
			{
				left: -30px;
			}
			
			#next_cataleg
			{
				right: -30px;
			}
	
.bloc_article .foto_animada
{
	position: absolute;
	z-index: 9;
	width: 170px;
}

.boto_compra
{
	cursor:pointer;
}

#table_subarticles td
{
	padding: 5px 8px;
}

#carro_petit {
    padding-left: 10px;
    margin-left: 10px;
}

#carro_petit .compra_rapida {
    border-bottom: 1px solid #999999;
    padding: 0 25px 10px 25px;
	max-width: 100%;
	margin: -15px auto 0;
}

#carro_petit .compra_rapida h1 {
    display: none;
}

.compra_rapida #compra_fitxer div label {
	color: #74b2a2;
}

.cont_compra_rapida > a {
    text-decoration: none;
    display: inline-flex;
    background: #74b2a2;
    color: #fff;
    height: 21px;
    display: flex;
    align-items: center;
    margin-top: 6.5px;
    border-radius: 50px;
    background: #74b2a2;
    color: #fff;
}

.wrapper {
	container-type: inline-size; 
}

#compra_rapida_div {
	display: flex;
	gap: 40px;
}

@container (max-width: 600px) {
	#compra_rapida_div {
		gap: 10px;
		flex-direction: column;
	}
}


#desplega_cart_small_rapida {
    background: #fff;
    color: #74b2a2;
    cursor: pointer;
    border: 1px solid #74b2a2;
    margin-left: 5px;
    transition: all .25s ease;
}

#desplega_cart_small_rapida:hover, #desplega_cart_small_rapida.active {
    color: #fff;
    background: #74b2a2;
}

.no_seleccionable, .boto_compra, #boto_desplegar_cart
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#menu_client a
{
	text-decoration: none;
	color: inherit;
}

#menu_client i
{
	font-size: 18px;
	display: inline-block;
	width: 20px;
	vertical-align: middle;
}
#menu
{
	font-size: 0;
	width: 100%;
	text-align: center;
	color: #ffffff;
	letter-spacing: 1px;
	display: flex;
    justify-content: center;
    position: relative;
}
#menu a, #menu .punt_menu_cap > a
{
	display: inline-block;
	vertical-align:top;
	text-align: center;
	padding: 0px 10px;
	text-decoration: none;
	position: relative;
	font-size: 14px;
	/*border-width:	0 1px 0 1px;*/
	z-index: 10;
	
	/*JOSEP */
	letter-spacing: 0px;
	height: 45px;
    line-height: 45px;

}

#menu .punt_menu_cap > a {
    z-index: 200;
}

.punt_menu_cap {
    display: inline-block;
}

#menu > .punt_menu_cap:nth-last-child(2) {
	border-right: 0;
}

.destacat {
	border-radius: 5px;
}

.destacat.taronja {
    background: #74b2a2!important;
    color: #fff!important;
	border-left: 0;
}

#menu .destacat {
	margin-left: 20px;
	border-left: 0;
}

#menu .menu2 > a {
    border-radius: 0;
    padding: 0 15px;
	margin: 0;
}

#menu .punt_menu_cap:first-child, #menu .punt_menu_cap:first-child > a {
	border: 0;
}

#menu .punt_menu_cap:hover, #menu .punt_menu_cap:hover > a, 
#menu .punt_menu_cap.active, #menu .punt_menu_cap.active > a, 
#menu .punt_menu_cap:hover + .punt_menu_cap, #menu .punt_menu_cap:hover + .punt_menu_cap > a,
#menu .punt_menu_cap.active + .punt_menu_cap, #menu .punt_menu_cap.active + .punt_menu_cap > a {
	border-color: transparent;
}
	#menu a i
	{
		font-size:20px;
		vertical-align: middle;
		margin-right: 5px;
	}
	
	#menu a span
	{
		display: none;
	}

.titol_pare_arees {
	font-family: 'sacramentoregular';
    font-size: 100px;
    color: #ffffff;
    font-weight: normal;
	text-align: center;
	line-height: 1;
}

#menu_sup
{ 
	padding: 0;
	margin: auto; 
	height: inherit;
	overflow:hidden;
	text-align: center;	
	font-size: 0;
	margin-bottom: 20px;
}
	#menu_sup > li
	{
		list-style: none;
		display: inline-block;
		vertical-align: top;
	}
	
		#menu_sup > li > a
		{
			color: #19936f;
			text-decoration: none;
			display: block;
			text-align: center;
			min-height: inherit;
			font-size: 12px;
			position: relative;
			margin: 0 5px;
			
		}
		#menu_sup > li:first-child > a
		{
			margin-left: 0;
			
		}
		#menu_sup > li:last-child > a
		{
			margin-right: 0;
			
		}
		.orange #menu_sup > li > a {
			color: #f95738;
		}
		.green #menu_sup > li > a {
			color: #19936f;
		}
		.blue #menu_sup > li > a {
		color: #548db9;
		}
		.red #menu_sup > li > a {
			color: #eb3e3e;
		}
		.grey #menu_sup > li > a {
			color: #555555;
		}
		
		#menu_sup > li.active
		{
			background-color: #FFFFFF !important;
		}
		#menu_sup > li.active > a, #menu_sup > li:hover a {
			color: #124b5f;
		}
		
		
			#menu_sup > li > a img
			{
				margin: 10px auto;
				width: 60px;
				position: absolute;
				z-index:1;
				right: 0;
				left: 0;
				
			}
			
			#menu_sup > li > a span
			{
				padding-top: 80px;
				width: 75px;
				display: table-cell;
				vertical-align: middle;
				
			}
			
		#menu_sup > li:hover a img
		{
			z-index:2;
			transform: scale(1.3);
		}
		
		
		
	#menu_sup li > div
	{
		position: absolute;
		background-color: #FFFDD8;	
		z-index: 100;
		left: 0;
		right: 0;
		list-style: none;
		display: none;
		border-bottom: 1px solid #AAAAAA;
		box-shadow: 0px 5px 12px #AAAAAA;
	}
	
		#menu_sup li > div > div
		{
			padding: 20px;
			width: 940px;
			margin: auto;
		}
		
			#menu_sup li > div div a
			{
				font-size: 13px;
				text-decoration: none;
				color: #333333;
				/*font-family: 'calibri_bold';*/
				/*font-family: 'calibri';*/
				display:block;
			}
			
				#menu_sup .columna
				{
					width: 290px;
					display: inline-block;
					vertical-align: top;
					margin: 0px 5px;
				}
				
	#menu_sup.icones_petites > li
	{
		width: 61px;
	}
	
		#menu_sup.icones_petites > li > a {
		  font-size: 10px;
		  word-break: break-word;
		}
		
		#menu_sup.icones_petites > li a img
		{
			width: 54px;
		}
		
		#menu_sup.icones_petites > li:hover a img
		{
			margin-left: -10px;
			width: 78px;
			
		}
		
			
		
	
.contenidor_centrat, #menu_botiga
{
	width: 1200px; margin: auto; max-width: 96%;
}	
.legal_prin {
	width: 1200px; margin: auto; max-width: 96%;
}
.legal_titol {
	margin-bottom: 25px;
}
		
		#form_families
		{
			padding: 0;
			margin: 0;
			color: #555555;
			margin-bottom: 25px;
		}
			
			#cont_height {
				/*max-height: 100px;*/
				overflow: hidden;
				transition: max-height .25s ease;
			}
			#cont_height.active {
				max-height: 100%;
			}
			.desplega_families {
				font-size: 20px;
				text-align: center;
				margin-top: -10px;
			}
			
				.desplega_families .deg {
					background: rgba(255,255,255,0.5); 
					background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); 
					background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); 
					background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
					background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
					height: 10px;
					height: 10px;
					position: relative;
					z-index: 10;
				}
					.desplega_families .deg.toggled {
						background: transparent;
						z-index: -1; 
					}
				.desplega_families .deg_linear {
					height: 10px;
					background-color: transparent;
					background-position: top;
					background-image: radial-gradient(ellipse at top center,#124b5f,transparent 35%);
					background-image: -webkit-radial-gradient(top center,#124b5f,transparent 35%);
					background-image: -o-radial-gradient(ellipse at top center,#124b5f,transparent 35%);
					background-image: -moz-radial-gradient(ellipse at top center,#124b5f,transparent 35%);
					background-repeat: no-repeat;
				}
				.desplega_families .fa {
					transition: all .5s ease;
					cursor: pointer;
					margin-top: 5px;	
				}
			
			.desplega_families .fa:hover {
				
			}
			
			.desplega_families .fa.active {
				transform: rotate(180deg); 
			}
				
				#form_families .column {
					/*column-count: 6;	
					-webkit-column-count: 6;
					-moz-column-count: 6;*/
					font-size: 0;
					display: flex;
					flex-wrap: wrap;
				}
					.column > div {
						display: inline-block;
						vertical-align: top;
						width: 15%;
						font-size: 13px;
						margin-right: 2%;
					}
					.column > div:nth-child(6n) {
						margin-right: 0;
					}

					.content_filtres  {
						font-size: 13px;
					}
				
				/*#form_families input
				{
					display: none;
				}*/
				.chk_custom {
					display: none;
				}
				
				
				
				.chk_custom + .label_box {
					display: inline-block;
					vertical-align: top;
					text-align: left;
					margin: 0 5px 5px 0;
					width: 100%;
					/*height: 38px;*/
					overflow: hidden;
					position: relative;
				}
				/*#form_families .label_box {
					display: inline-block;
					vertical-align: top;
					text-align: left;
					margin: 0 5px 5px 0;
					width: 100%;
					height: 38px;
					overflow: hidden;
					position: relative;
				}*/
					/*#form_families label {
						cursor: pointer;
					}*/
					.chk_custom + .label_box label {
						cursor: pointer;
						display: flex;
						margin-top: 3px;
						color: #7F8182
					}
					/*#form_families .label_box label::before, #form_filtres_caracs label::before
					{
						content: '\f00c';
						font: normal normal normal 14px/1 "Font Awesome 6 Free";
						display: inline-block;
						width: 13px;
						height: 13px;
						border: 1px solid #555555;
						visibility: visible;
						cursor: pointer;
						margin: 3px 5px 0 0;
						color: #fff;
						font-size: 13px;
					}*/
					.chk_custom + .label_box label::before {
						content: '\f111';
						font: normal normal normal 8px/1 "Font Awesome 6 Free";
						display: inline-flex;
						align-items: center;
						justify-content: center;
						width: 16px;
						height: 16px;
						border: 1px solid #555555;
						visibility: visible;
						cursor: pointer;
						margin: 0 5px 0 0;
						color: #fff;
						border-radius: 50%;
						font-weight: 900;
						text-indent: -0.5px;
					}
					/*#form_families input:checked + .label_box label::before, #form_filtres_caracs input:checked + label::before {
						background-color:#555555;
					}*/
					.chk_custom:checked + .label_box label::before, .chk_custom:checked + .label_box span, .chk_custom + .label_box:hover span {
						color:#555555;
					}
					/*#form_families .label_box.opcions_multiples label::after {
						content: '+';
						font-family: 'Titillium Web';
						display: inline-block;
						line-height: 1;
						visibility: visible;
						font-size: 18px;
						position: absolute;
						left: 3px;
						color: #555555;
						left: 2.5px;
					}*/
					.chk_custom + .opcions_multiples label::after {
						visibility: visible;
						position: absolute;
						color: #555555;
						right: 0;
						font-family: "Font Awesome 6 Free";
						font-size: 12px;
						content: '\f067';
						font-weight: 300;
						top: 3px;
						left: 0;
						bottom: 0;
						width: 18px;
						height: 18px;
						display: flex;
						justify-content: center;
						align-items: center;
					}
					
					#form_families input:checked + .label_box label::after {
						color: #555;
					}
					.chk_custom:checked + .label_box label::after {
						display: none;
					}
					/*#form_families .label_box span {
						width: calc(100% - 35px);
						display: inline-block;
						vertical-align: top;
					}*/
					.chk_custom + .label_box span {
						width: calc(100% - 35px);
						display: inline-block;
						vertical-align: top;
					}
					/*.label_box:hover span, .chk_custom:checked + .label_box span {
						font-family: 'robotobold';
					}*/

					.contenidor_filtres .chk_custom + .label_box label::before {
						order: 2;
						margin-right: 0!important;
					}

					.chk_custom + .label_box span {
						flex: 1;
					}
					
				.column a {	
					text-decoration:none;/*margin-bottom: 10px;*/width: 100%;display:inline-block;
				}

				/*.column a:hover, .column a.active {
					color: #555555;
				}*/
					
				.orange .column a{
					color: #124b5f;
				}
				.green .column a{
					color: #19936f;
				}
				.blue .column a {
					color: #548db9;
				}
				.red .column a {
					color: #eb3e3e;
				}
				.grey .column a {
					color: #555555;
				}
				.orange .column a.active, .orange .column a:hover{
					color: #f95738;
				}
				.green .column a:hover, .green .column a.active{
					color: #124e60;
				}
				.blue .column a:hover, .blue .column a.active{
					color: #548db9;
				}
				.red .column a:hover, .red .column a.active{
					color: #eb3e3e;
				}
				.grey .column a:hover, .grey .column a.active{
					color: #555555;
				}
			#destacats
			{
				margin-bottom: 10px;
				font-size: 0;
				margin-top: 15px;
				text-align: center;
			}
			
			
			
					/*#form_families #destacats label.image5::before {
						content: '\f00d';
						font-size: 21px;
						color: #5f5c5c;
						background-image: none;
					}
						#form_families #destacats input:checked + .label_box .image5::before {
							color: red;	
						}*/
						
				#destacats label, .label_box a
				{
					display: inline-block;
					font-size: 14px;
					height: 21px;
					line-height: 21px;
					padding: 3px 0 0 0;
				}
				
				.label_box a {
					color: inherit;
					outline: none;	
				}
					.label_box a .fa {
						font-size: 21px;
						margin-right: 5px;
						color: #5f5c5c;	
					}
					
				#form_families #destacats input:checked + div label span {
					/*text-decoration: underline;*/	
				}
					#form_families #destacats .label_box span {
						width: auto	; order: 3;
					}
		
						
		#contenidor_arees, #contenidor_arees > div
		{
			
		}
		
			#contenidor_arees > div.fixed
			{
				top:0;
				left: 0;
				right: 0;
				position:fixed;
				z-index: 50;
			}
	
		
		
#columna_esq
{
	width: 240px;
}

#columna_dre {
    width: calc(100% - 280px);

}

#columna_esq_client
{
	width: 317px;
}

#columna_dre_client {
	width: calc(100% - 357px);
}


#filtres_top {
    width: calc(100% - 280px);
    display: flex;
    justify-content: flex-end;
}

#filtres_top select {
    border-width: 1px;
    padding: 2px 5px;
    border-color: #ccc;
    margin-left: 5px;
}

#filtres_top select option:nth-child(even) {
    background: #ececec;
}

#filtres_top > div.fl {
	display: flex;
	align-items: flex-start;
}

#caracs_sel_txt {
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
}

#caracs_sel_txt > div {
    margin: 0 15px 5px 0;
	display: flex;
	flex-wrap: wrap;
}

#caracs_sel_txt > div > div {
    margin: 0 5px 5px 0;
    min-width: unset;
    padding: 2.5px 10px;
    border-width: 1px;
}

#caracs_sel_txt .titol {
    color: #7F8182;
	margin-right: 5px;
}

#caracs_sel_txt .remove {
    margin-left: 5px;
    font-size: 13px;
}

.custom_select {
    margin-left: 5px;
    position: relative;
	width: 190px;
}

.custom_select .opts {
    position: absolute;
    left: 0;
    top: 100%;
    border: 1px solid #CCC;
    border-top: 0;
    background: #fff;
    width: 100%;
    z-index: 999;
	display: none;
}

.custom_select input {
    display: none;
}

.custom_select .opts label {
    padding: 3px 5px;
    transition: background .25s ease;
    display: block;
}

.custom_select .opts input:checked + label, .custom_select .opts label:hover {
    background: #ececec;
}

.custom_select .current_selection {
    padding: 2px 5px;
    border: 1px solid #CCC;
	cursor: default;
	display: flex;
    align-items: center;
}

.custom_select .current_selection i {
	margin-left: 10px;
	flex: 1;
    text-align: right;
}

#desc_familia {
	width: calc(100% - 280px);
	margin-bottom: 15px;
}


.banda
{
	background-image:url('../img/bandes_articles.png'); 
	background-repeat: no-repeat; 
	width: 73px; 
	height: 75px; 
	position: absolute; 
	z-index: 49;
}

.bloc_article
{
	min-height: 80px;  padding-bottom: 25px; margin-bottom: 15px;     border-bottom: 1px solid #EEEEEE; color: #555555;
}
	
	.bloc_article > div.fl
	{
		width: 40%; position: relative; overflow: hidden;
	}
	
		.bloc_article > div.fl a
		{
			display:inline-block;
			width: 90%;
		}
		
			.bloc_article > div.fl img
			{
				width: 100%;
				position: relative; 
				z-index: 10;
			}
	
	.bloc_article > div.fr
	{
		width: 60%;
		padding: 15px 0 0 0;
	}
		.bloc_article > div.fr > div
		{
			line-height: 1.7
		}
span.veure_mes {
    display: block;
    font-family: 'robotobold';
    cursor: pointer;
	color: #74b2a2;
}
			
.bloc_article_destacat .banda_ES{background-position: 0px 0px;}
.bloc_article_destacat .banda_CA{background-position: 0px -80px;}

.bloc_article_novetat .banda_ES{background-position: -73px 0px;}
.bloc_article_novetat .banda_CA{background-position: -73px -80px;}

.bloc_article_promocio .banda_ES{background-position: -146px 0px;}
.bloc_article_promocio .banda_CA{background-position: -146px -80px;}

.bloc_article_outlet .banda_ES,
.bloc_article_outlet .banda_CA
{background-position: -220px 0px;}

.bloc_article_descompte .banda_ES{background-position: -293px 0px;}
.bloc_article_descompte .banda_CA{background-position: -293px -80px;}

/*.bloc_article_destacat .icon_article{border: 2px solid #a2ca00;}
.bloc_article_novetat .icon_article{border: 2px solid #373737;}
.bloc_article_promocio .icon_article{border: 2px solid #ff0000;}
.bloc_article_outlet .icon_article{border: 2px solid #63005a;}
.bloc_article_descompte .icon_article{border: 2px solid #f8710f;}

/*.bloc_article_generic .icon_article{border: 2px solid #555555;}*/
/*.bloc_article_d_des .icon_article{border: 2px solid #f4d35f;}
.bloc_article_d_nov .icon_article, .bloc_article_generic .icon_article{border: 2px solid #89d499;}
.bloc_article_d_promo .icon_article{border: 2px solid #ff0000;}
.bloc_article_d_out .icon_article{border: 2px solid #fa5738;}
.bloc_article_d_descompte .icon_article{border: 2px solid #f8710f;}*/


.bloc_article .caracs_icones {
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0;
}

.bloc_article .caracs_icones > div {
	padding: 10px 0;
    line-height: 1;
    margin: 4% 2% 0 0;
    text-align: left;
    justify-content: flex-start;
    width: 42%;
	padding: 0;
}
.bloc_article .caracs_icones > div:nth-child(2n) {
	margin-right: 0;
}
.bloc_article .caracs_icones > div .img {
   width: auto;
	margin-right: 15px;
}
.bloc_article .caracs_icones > div .img img {
    max-height: 30px;
}
.bloc_article .caracs_icones > div .desc b {
    font-size: 14px;
}
.bloc_article .caracs_icones > div .desc span {
    font-size: 12px;
}
.bloc_article .caracs_icones > div .img, .bloc_article .caracs_icones > div .desc {
	width: auto;
}


.fila_remarcada td{background-color: #FFF2F2;}
#table_subarticles{font-size: 14px; margin: 15px auto}
	#table_subarticles td
	{
		white-space: normal;
	}

	#table_subarticles tr:first-child td
	{
		letter-spacing: 1px;
	}


.preu_taula,.qty_taula
{
	white-space: nowrap !important;
}



/*===Bloc article: vista per blocs===*/
#result_families {
	font-size: 0;
	min-height: 300px;
	    margin-bottom: 45px;
		margin-top: 20px;
		display: flex;
    flex-wrap: wrap;}

.bloc_article_mini
{
	width: 25%;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    text-align: center;
    color: #555555;
    margin-right: 0;
    position: relative;
    /* border: 1px solid #efefef; */
    overflow: hidden;
    min-height: 321px;
    /* border: 1px solid #ccc; */
    z-index: 10;
    transition: border-color .25s ease;
    padding: 5px;
}

.bloc_article_mini:hover {
	border-color:#6d6d6d
}

.bloc_article_mini:nth-child(4n) {
	margin-right: 0;	
}



	.bloc_article_mini > a .capa_hover {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 100;
		opacity: 0;
		transition: opacity .25s ease;
		background: rgba(18,75,95,0.7);
		top: 0;
	}
	
	.bloc_article_mini > a:hover .capa_hover,  .mini2:hover + a .capa_hover {
		opacity: 1;
	}
	
	.orange .bloc_article_mini > a .capa_hover {background: rgba(249,87,56,0.7)}
	.green .bloc_article_mini > a .capa_hover {background: rgba(25,147,111,0.7)}
	.blue .bloc_article_mini > a .capa_hover {background: rgba(44,186,233,0.7)}
	.red .bloc_article_mini > a .capa_hover {background: rgba(247,93,93,0.7)}
	.grey .bloc_article_mini > a .capa_hover {background: rgba(85,85,85,0.7)}

		.capa_hover p{
			background: #fff;
			font-size: 18px;
			font-family: 'robotobold';
			margin-top: 300px;
			padding: 10px 20px;	
			opacity: 0;
			transition: all .45s ease;
		}
		
		.bloc_article_mini > a:hover .capa_hover p, .mini2:hover + a .capa_hover p {
			opacity: 1;
			margin-top: 90px;
		}
		
	.bloc_article_mini .mini1
	{	
		padding: 10px 10px 60px
		/*min-height: 346px;*/
	}
	.bloc_article_mini.new_bloc_article .mini1
	{	
		padding: 10px 15px 0
	}

	#comprats_amb .bloc_article_mini  a, #productes_categoria .bloc_article_mini  a {
		padding-bottom: 0;
	}
	
	.bloc_article_mini  a
	{
		outline: 0px;
		display: block;
		color: #555555;
		padding-top: 20px;
		padding-bottom: 30px;
		border: 1px solid #ccc;
		transition: border-color .25s ease;
		height: 100%;
	}
	
	.bloc_article_mini.new_bloc_article a, #comprats_amb .bloc_article_mini.new_bloc_article a, #productes_categoria .bloc_article_mini.new_bloc_article a 
	{
		padding-bottom: 0;
	}

	.bloc_article_mini a:hover {
		border-color:#6d6d6d
	}
	.bloc_article_mini .mini1 >  img
	{
		width: 192px;
		margin-bottom: 15px;
		max-width: 100%;
	}
	
		.bloc_article_mini img.foto_animada
		{
			position: absolute !important; z-index: 201 !important;
		}

	
	.bloc_article_mini .descripcions > div
	{
		color: #979797;
		margin: 5px 0px;
		display: none;
		text-align: justify;
	}
	
	.bloc_article_mini .preu
	{
		font-size: 20px;
		line-height: 30px;
		vertical-align: middle;
		white-space: nowrap;		
	}

	.bloc_article_mini .colors {
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
		margin-bottom: 20px;
	}

	.bloc_article_mini .colors > div {
		width: 15px;
		height: 15px;
		border-radius: 50%;
		margin: 0 3px;
		overflow: hidden;
	}

	.bloc_article_mini .colors span {
		color: #A5A8BD;
		font-size: 13px;
		margin-left: 6px;
	}
	
	.white-popup-ajax .bloc_article_mini
	 { 
	 	width: 32%;
	 }
	.white-popup-ajax #comprats_amb .bloc_article_mini > a:hover .capa_hover p, .white-popup-ajax #productes_categoria  .mini2:hover + a .capa_hover p, .white-popup-ajax #productes_categoria .bloc_article_mini > a:hover .capa_hover p, .white-popup-ajax #comprats_amb  .mini2:hover + a .capa_hover p {
		margin-top: 60px;
	}
	.white-popup-ajax .bloc_article_mini img {
		width: 100%;
		max-width: 100%;
	}
	
	.bloc_article_mini.column-5
	{
		width: 20%;
		min-height: auto;
	}
	 
	.text_destacats {
		position: absolute;
		bottom: -65px;
		left: -65px;
		z-index: 999;
		transform: rotate(45deg);	
		text-align: center;
	}
	
	.white-popup-ajax .bloc_article_mini.column-5 .text_destacats {
		bottom: 0;
		transform: rotate(0);
		left: 0;
		width: 100%;
	}
	
	.text_destacats  p {
		width: 130px;
		height: 130px;
		margin: 0;
		padding-top: 3px;
		color: #fff;
		font-family: 'robotobold';
		text-transform: uppercase;
		line-height: normal;
		font-size: 10px;
	}

	.text_destacats_blocs > .etiqueta > p, .text_destacats_blocs p {
		color: #fff;
		padding: 0 15px;
		font-size: 12px;
		border-radius: 50px;
		height: 20px;
		display: flex;
		align-items: center;
		margin: 0 0 5px;
		display: inline-flex;
	}
	.text_destacats_blocs {
		position: absolute;
		text-align: left;
		top: 15px;
		left: 15px;
		right: 15px;
		display: flex;
		z-index: 150;
		pointer-events: none;
		justify-content: space-between;
		align-items: flex-start;
	}

	.etiqueta_edat {
		color: #74b2a2;
		border: 1px solid #74b2a2;
		padding: 0px 15px;
		height: 20px;
		line-height: 1;
		font-size: 12px;
		border-radius: 50px;
		display: flex;
		align-items: center;
		white-space: nowrap;
	}

	.icon_article .text_destacats_blocs {
		position: static;
		margin-left: 5px;
		margin-top: 10px;
	}

	.white-popup-ajax .bloc_article_mini.column-5 .text_destacats p {
		width: 100%;
		height: auto;
		padding: 5px 0;
	}
	
		/*.text_destacats  p.d_des {background-color: #f4d35f}
		.text_destacats  p.d_nov {background-color: #89d499}
		.text_destacats  p.d_out {background-color: #fa5738}
		.text_destacats  p.d_promo {background-color: #FF0000}
		.text_destacats  p.d_descompte{background-color:#f8710f}
		.text_destacats  p.color_generic {background-color: #89d499}*/

		.text_destacats_blocs  p.d_des {background: #f4d35f}
		.text_destacats_blocs  p.d_nov {background: #89d499}
		.text_destacats_blocs  p.d_out {background: #fa5738}
		.text_destacats_blocs  p.d_promo {background: #FF0000}
		.text_destacats_blocs  p.d_descompte{background:#f8710f}
		.text_destacats_blocs  p.color_generic {background: #89d499}
		
		/*.gallery_popup.d_des {border-bottom: 2px solid #f4d35f}
		.gallery_popup.d_nov {border-bottom: 2px solid #89d499}
		.gallery_popup.d_out {border-bottom: 2px solid #fa5738}
		.gallery_popup.d_promo {border-bottom: 2px solid #FF0000}
		.gallery_popup.d_descompte{border-bottom: 2px solid #f8710f}
		.gallery_popup.color_generic {border-bottom: 2px solid #89d499}

		#adv-custom-pager.d_des {border-top: 2px solid #f4d35f}
		#adv-custom-pager.d_nov {border-top: 2px solid #89d499}
		#adv-custom-pager.d_out {border-top: 2px solid #fa5738}
		#adv-custom-pager.d_promo {border-top: 2px solid #FF0000}
		#adv-custom-pager.d_descompte{border-top: 2px solid #f8710f}
		#adv-custom-pager.color_generic {border-top: 2px solid #89d499}*/
		#adv-custom-pager {
			border-top: 1px solid #EEEEEE;
			border-bottom: 1px solid #EEEEEE;
		}
		
			.text_destacats span {
				display: block;
				margin: 0;
				line-height: 1;
			}
	
	.bloc_article_mini .descripcions
	{
		font-size: 14px;
		height: 55px;
		text-overflow: ellipsis;
		overflow: hidden;
		margin-bottom: 15px;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		display: -webkit-box;
	}
	
	.bloc_article_mini .preus span {
		font-family: 'robotobold';
		font-size: 18px;
	}
	
	.bloc_article_mini .preus .preu_anterior
	{
		opacity: .6;
		font-size: 12px;
		text-decoration: line-through;
		margin-right: 5px;
		font-weight: normal;
		color: #555555;
	}

	.bloc_article_mini .preus .preu_anterior + span {
		color: #ef4444;
	}
	
	.bloc_article_mini .boto_petit i, .bloc_article_mini .boto_petit img {
		font-size: 18px;
		margin-right: 10px;
	}

	.bloc_article_mini.new_bloc_article  .boto_petit i, .bloc_article_mini.new_bloc_article  .boto_petit img {
		margin-right: 0;
	}
	
	.bloc_article_mini .mini2 .boto_petit {
		text-decoration: none;
		text-align: left;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 13px;
		border-radius: 50px;
		border: 2px solid #74b2a2;
		color: #74b2a2;
		background: #fff;
		transition: all .25s ease;
		padding: 5px 10px;
	}

	.bloc_article_mini.new_bloc_article .mini2 .boto_petit {
		border-radius: 50%;
		width: 30px;
		height: 30px;
		padding: 0;
		border: 1px solid #74b2a2;
	}

	.bloc_article_mini .mini2 .boto_petit:hover {
		color: #fff;
		background: #74b2a2;
	}

	.bloc_article_mini .mini2 .boto_petit.full {
		width: 100%;
		padding: 14px 20px;	
	}
	
		/*.bloc_article_mini .mini2 .boto_petit:hover > * {
			-webkit-animation: icon-animate .25s; /* Safari 4+ */
			/*-moz-animation: icon-animate .25s; /* Fx 5+ */
			/*-o-animation: icon-animate .25s; /* Opera 12+ */
			/*animation: icon-animate .25s; /* IE 10+, Fx 29+ */	
		/*}
		
		.bloc_article_mini .mini2 .boto_petit span {
			width: 60%;
    		display: block;
		}*/
	.mini2 {
		position: absolute;
		right: 0;
    	left: 0;
		bottom: 30px;
		z-index: 200;
		color: #555555;
		opacity: 0;
		transition: opacity .25s ease;
		visibility: hidden;
	}
	.bloc_article_mini.new_bloc_article .mini2 {
		position: static;
		visibility: visible;
		opacity: 1;
		bottom: 75px;
	}
	.bloc_article_mini:hover .mini2 {
		opacity: 1;
		visibility: visible;
	}

	.bloc_article_mini.new_bloc_article .flex {
		display: flex;
		align-items: flex-end;
		margin-bottom: 20px;
	}

	.bloc_article_mini.new_bloc_article .preus {
		flex: 1;
		text-align: left;
	}
	.bloc_article_mini.column-5.new_bloc_article .preus {
		text-align: center;
	}

		/*.orange .bloc_article_mini .mini2 .fa
		{
			color:#f47641;
		}
		.blue .bloc_article_mini .mini2 .fa
		{
			color:#124e60;
		}*/



/*HOME*/
.slide{
	width:100%;	
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

	.slide .bg_slide {
		height: 100%;
		background-size:cover;	
		background-position: center;
	}
	.slide .bg_slide.parallax {
		background-attachment: fixed;
		background-repeat: no-repeat;	
	}
	.slide .contenidor_centrat {
		position: absolute!important;
		top: 0;
		right: 0;
		left: 0;
		display: flex;
		justify-content: left;
		margin-top: 25px;
	}
	.slide > div:last-child > div {
		/*text-align: right;
		color: #19936f;
		font-size: 20px;
		letter-spacing: 2px;
		line-height: normal;
		background: rgba(17,72,90,0.8);
		padding: 20px 10px 20px 100px;*/
		text-align: right;
		color: #ffffffba;
		font-size: 20px;
		letter-spacing: 1px;
		line-height: normal;
		background: rgba(17, 72, 90, 0.4);
		padding: 20px 10px 20px 100px;
	}
	
		.slide h2{
			font-size: 40px;
			letter-spacing: 5px;
			margin: 0;
		}
		
		.slide  p{
			margin: 10px 0;
		}

		.slide.amb_video {
			text-align: center;
		}

		.slide.amb_video video {
			max-width: 100%;
		}
		
		.slide a{
			color: #f4d25e;
			text-decoration: none;
		}

		.slide.amb_video > a {
			width: 100%;
			text-align: center;
		}

	
	.pager {
		text-align: center;	
		min-height: 30px;
		margin-top: -30px;
		position: relative;
    	z-index: 100;
	}
	
		.pager span {
			font-size: 60px;
			width: 20px;
			height: 16px;
			color: #ddd;
			line-height: 16px;
			display: inline-block;
			cursor: pointer;	
		}
		.pager span.cycle-pager-active {
			color: 	#f4d25e;
		}
	
	
.destacats_home
{
	margin: 30px auto;
	display: flex;
    flex-wrap: wrap;
}

	.destacats_home a.first
	{
		margin-left: 0;
	}
	
	
	
/*FI HOME*/

.taula_facturacio
{
	width: 100%;
	border-spacing: 0;
	font-size: 12px;
}

.taula_facturacio .desplegador.active i {
	transform: rotate(90deg);
}


.taula_facturacio .icones_generiques_bg {
	background: #fff;
	border: 1px solid #74b2a2;
	color: #74b2a2;
}
.taula_facturacio .icones_generiques_bg.boto_generic {
	min-width: unset;
    padding: 0;
	border-width: 1px;
}
.taula_facturacio .icones_generiques_bg i {
	font-size: 12px!important;
}

	.taula_facturacio th
	{
		border-bottom: 1px solid #999999;
    	padding: 15px;
	}
	
	.taula_facturacio td
	{
		padding: 15px 5px;
	}
	
	.taula_facturacio.pointer > tbody > tr
	{
		cursor:pointer;
	}
	
		.taula_facturacio > tbody > tr > td
		{
			border-bottom: 1px solid #999999;
		}
		
		.taula_facturacio tr.bg1 td
		{
			background-color: #F5F5F5;
		}
		
		.taula_facturacio tr.bg2 td
		{
			background-color: #ffffff;
		}
		

.boto_compra
{
	font-size: 18px;
	vertical-align: -2px;
}


.icones_linia img
{
	vertical-align: middle;
	margin: 0px 2px;
	width: 21px;
}


#prefooter {
	background-color: #f2f2f2
}

	#prefooter > div {
		padding: 30px 0 15px;
		font-size: 0;	
		color: #555555;
		text-align: center;
	}
		#prefooter h3 {
			font-size: 27px;
			margin: 0;
			font-weight: normal;
			display: inline-block;
			vertical-align: middle;	
			margin-right: 100px;
			text-transform: uppercase;
		}
	
		#prefooter > div > div {
			display: inline-block;
			vertical-align: middle;	
			font-size: 16px;
		}  
	
			#prefooter p {
				margin:0 0 10px 0;
			}
			
			#prefooter .fa {
				margin-right: 20px;	
			}
	
#xarxes_socials
{
	/*float: right;
    width: 7%;*/
	text-align: center;
}
	#xarxes_socials img {
		border: 0;
		margin: 2px 5px;
		max-width: 45px;
	}
#columna_esq #xarxes_socials img {
	/*max-width: 25px;*/
}
#xarxes_socials .titol_seccio img {
    width: auto;
	max-width: 100%;
}
#columna_esq #xarxes_socials .titol_seccio img {
    width: auto;
	max-width: 75%;
}

#footer
{
	padding: 30px 0px 20px;
    background-color: #e8e8e8;
    color: #555555;
    letter-spacing: 1px;
    font-size: 12px;
    /* border-top: 5px solid #555; */
    /* background: linear-gradient(to bottom, #184e61 15%, #0d3442 90%)!important; */
}

.txt_empresa {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.pro #footer {
   /* background: linear-gradient(to bottom, #706d6d 15%, #484646 90%)!important;*/
}


#footer h4
{
	font-size: 16px;
    margin-bottom: 10px;
	    color: #74b2a2;
	    font-family: 'robotoregular';
    font-weight: normal;
	color: #555555!important;
}

#info_empresa img {
	max-width: 200px;
	margin-bottom: 5px;
	display: block;
}

	.boto_footer
	{
		display: inline-block !important;
		color: #2a2a2a;
		background-color: #FFD62F;
		padding: 5px 15px;
		text-decoration: none;
		border-radius: 5px;
		cursor: pointer;
		
	}
	
	
	
	.columna_footer
	{
		width: 16.66%;
    	padding-right: 20px;
	}
	#info_empresa {width:50%;    color: #555555;
    text-decoration: none;}

	#info_empresa > div {
		width: 325px;
		max-width: 100%;
	}

	#info_empresa > div > div {
		padding: 5px 0;
		display: flex;
		align-items: center;
		border-top: 1px dotted #74b2a2;
	}
	#info_empresa > div > div:last-child {
		border-bottom: 1px dotted #74b2a2;
	}

	#info_empresa > div > div > div {
		text-align: center;
		width: 20px;
		margin-right: 10px;
	}
	
		.columna_footer a
		{
			display:block;
			color: #555555;
			text-decoration: none;
		}
		
	#form_newsletter input[type="text"]
	{ 
		width: 95%; margin: 15px 0px; padding: 2px 5px; font-size: 16px;
	}
	
	#form_newsletter img
	{
		margin-top: 5px;
	}
	
	/*.boto_generic
	{
		display:inline-block; 
		padding: 5px 15px; 
		background-color: #134a5e; 
		text-decoration:none; 
		color: #FFFFFF; 
		font-size: 14px;
		cursor: pointer;
		outline: 0;
		border: 0;
	}*/
	
	.boto_generic
	{
		border-radius: 6px;
		display:inline-block; 
		padding: 12px 12px;
		/*background-color: #134a5e; */
		background-color: #74b2a2;
		text-decoration:none; 
		color: #FFFFFF; 
		font-size:15px;
		cursor: pointer;
		outline: 0;
		border: 0;
		white-space: nowrap;
		/*box-shadow: 0px 1px 2px 0px #666;*/
	}
	.boto_generic.refresh {
		background-color: #689007;
	}
	.boto_generic.taronja {
		background-color: #dea200;
	}
	.boto_generic.gris {
		background-color: #efefef;
		color:#555555;
	}
	/*.boto_generic:active {
		box-shadow: -1px 0px 2px -1px #666;
	}*/

	.boto_generic.nou {
		text-decoration: none;
		text-align: left;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 13px;
		border-radius: 50px;
		border: 2px solid #74b2a2;
		color: #74b2a2;
		background: #fff;
		transition: all .25s ease;
		padding: 5px 20px;
		min-width: 131px;
	}
	.boto_generic.petit, .boto_generic.nou.petit {
		padding: 4px 10px;
		font-size: 12px;
	}
	.boto_generic.nou.rodo {
		border-radius: 50%;
	}

	.boto_generic.nou:hover {
		background: #74b2a2;
		color: #fff;
	}

	.boto_generic.nou.reverse {
		background: #74b2a2;
		color: #fff;
	}

	.boto_generic.nou.reverse:hover {
		background: #ffff;
		color: #74b2a2;
	}

	.boto_generic *[class*="fa"] {
		font-size: 16px;
	}
	
	#formulari_client{color: #666; font-size: 13px;display: table;}
	#formulari_client input[type="text"], #formulari_client textarea, #formulari_client select {
		padding: 5px;
		width: 100%;
		border-radius: 5px;
		border: 1px solid #CCCCCC;
		font-family: "robotoregular","Titillium Web", 'josefin_sansregular','calibri','Tahoma','Arial';
	}
	
#productes_categoria, #comprats_amb {font-size: 0;}
#productes_categoria > div, #comprats_amb > div {
    display: flex;
    flex-wrap: wrap;
}
#productes_categoria .titol_seccio, #comprats_amb .titol_seccio {text-align: center;text-transform: none}
#productes_categoria .mini_article  span {
	color: #555555;
}

#arts_cart_small td
	{
		padding: 1px 8px;
		border-bottom: 1px solid #999; 
	}
	

#resum_cart_small .elimina_linia {
	width: 20px;
	height: 20px;
	font-size: 12px;
}

#resum_cart_small .elimina_linia i {
    font-size: 12px!important;
}
	
/*ERROR -------------------*/
	.error
	{
		color:#C00;
	}
	.error.ok
	{
		color:green;
	}
	#displayedError
	{
		padding: 10px; text-align: center; border-radius: 5px;  display: none; z-index:9000!important; 
	}
	#displayedError.neutre,#displayedError.positiu
	{
		background-color: #CEFFB8; border: 2px solid #52a12b; color: #52a12b;
	}
	#displayedError.error
	{
		background-color: #FFC4C4; border: 2px solid #FF0000; color: #FF0000;
	}
	
	
/* =================AREA CLIENT=========================*/


.link_area_client
{
	width: 24%;
	height: 260px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding: 30px 10px 20px 10px;
	background-color: #F9F9F9;
	vertical-align: top;
	margin-right: -6px;
	margin-left: 13px;
	margin-bottom: 13px;
	border: 1px solid #CCCCCC;
	color: #666666;
	font-size: 13px;
	transition: all .25s ease;

	
}
.link_area_client .warning
{
	margin-top: 30px;
    display: inline-block;
    padding: 0.2em 0.6em 0.3em;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    border-radius: 0.25em;
    background-color: #f0ad4e;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
	
}


.link_area_client:hover
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

.link_area_client.active {
    border-color: #74b2a2!important;
    background-color: rgba(116, 178, 162, 0.1)!important;
}

	.link_area_client i
	{
		font-size: 70px;
		display: block;
		/*text-shadow: -1px -1px 1px #777777;
		color: #A2B6E2;*/
		color: #74b2a2;
		height: 80px;
	}
	
	.link_area_client img
	{
		margin-bottom: 10px;
	}
	.link_area_client span
	{
		/*font-family: 'calibri_bold';*/
		/*font-family: 'calibri';*/
		color: #777A81;
		display: block;
		margin-bottom: 10px;
	}
	.link_area_client:nth-of-type(4n-3)	{
		margin-left: 0;	
	}
				
#dades_client
{
	margin: 10px 0px;
}
#dades_client td
{
	padding: 5px 10px;
	/*background-color: #EEEEEE;*/
	
}

	/*#dades_client .label_client
	{
		background-color: #99B8CF;
		color: #FFFFFF;
		width: 15%;
	}*/

.usuaris
{
	margin-bottom: 15px;
}
.usuaris th, .usuaris td
{
	padding: 8px 15px;
	font-size: 14px;
	text-align: left;
}

	.usuaris input, .usuaris select
	{
		width: 100%;
		border-radius: 2px;
		border: 1px solid #CCCCCC;
		padding: 5px;
		
	}
	
	.usuaris i
	{
		font-size: 18px;	
	}
	
	.centres_assignats.header td{
		background: #fcf8e3;
		border: 0;
	}
		/*.centres_assignats td:first-child {
			border:0;	
			background: #fff;
		}*/
	
	#area_client_lat, #area_client_lat_2
	{
		margin-bottom: 35px;
	}

	.contactar {
		font-size: 12px;
		color: #777A81;
		padding: 20px 0;
		border-bottom: 1px solid #999999;
	}
	.contactar > div {
		margin-bottom: 25px;
	}
	
	#area_client_lat a:not(.boto_generic), #area_client_lat_2 a {
		display: block;
		padding: 18px;
		border-bottom: 1px solid #999999;
		text-decoration: none;
		overflow: hidden;
		color: #777A81;
		transition: all .25s ease;
	}

	#area_client_lat a:not(.boto_generic):hover, #area_client_lat_2 a:hover, #area_client_lat a.active, #area_client_lat_2 a.active {
		background: #f5f5f5;
		color: #555555;
	}

	
		#area_client_lat i, #area_client_lat_2 i
		{
			float: left;
			margin-top: 4px;
		}
		
		/*#area_client_lat span , #area_client_lat_2 span
		{
			float: right;
			width: 185px;
		}*/
		
/*---- GENERICA ----*/

.galeria_generica
	{
		overflow: hidden;
		margin-bottom: 25px;
	}
	.galeria_generica a
	{
		position: relative;
		text-decoration: none;
		
		float: left;
		width: 19%;
		margin-right: 1%;
		margin-bottom: 1%;
		text-transform: uppercase;
		text-align: center;
		overflow: hidden;
	}
	
		.galeria_generica a .capa_hover, .galeria_generica a .fa {
			position: absolute;
			width: 100%;
			height: 100%;
			opacity: 0;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto; 
			background-color:rgba(18,75,95,0.8);
		}
		.galeria_generica a .capa_hover {
			transition: opacity .25s ease;
			z-index: 100;
		}
		.galeria_generica a .fa {
			height: 30px;
			font-size: 30px;
			margin-top: 300px;
			transition: opacity .30s ease, margin-top .45s ease;	
			z-index: 200;
			color: #ffffff;
			background: transparent;
		}
		.galeria_generica a:hover .capa_hover, .galeria_generica a:hover .fa {
			opacity: 1;
			margin: auto;
		}
		.galeria_generica a img
		{
			border: 2px solid;
			width: 100%;
			border-color: inherit;
		}
	
		



	.bloc_fill
	{
		overflow: hidden;
		background-color: #f1f1f1;
		padding: 2%;
		margin-bottom: 25px;
		width: 49%;
	}
	.bloc_fill.imatge .fl
	{
		width: 20%;
	}
	
	.bloc_fill.imatge .fr
	{
		width: 78%;
	}
	.presentacio
	{
		color:#690;
	}
	
	
	
.mobile, #banner_principal .mobile{display:none;}

#desplegador_menu_area_client{
    display: none;
}

#scroll_top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 65px;
    height: 65px;
    color: #fff;
    /* background: #87d397; */
    cursor: pointer;
    font-size: 25px;
    text-align: center;
    display: none;
    z-index: 100;
}

	/*.orange #scroll_top {
		background: #f95738;
	}
	.green #scroll_top {
		background: #124e60;
	}
	.blue #scroll_top {
		background: #548db9;
	}
	.red #scroll_top {
		background: #eb3e3e;
	}*/
	
	#scroll_top .fa {
		line-height: 50px;	
	}
	#cont_cart_small .compra_rapida > h1 {
		padding: 15px 10px 0;
    	margin-bottom: 0;
	}
	#carro_gran .compra_rapida > h1 {
		padding	:0!important
	}
	
	.v_rapid_adjunts {
		overflow: hidden;padding: 3px 0; width: 60%; margin: 0 auto;
	}
	.v_rapid_adjunts > span, .v_rapid_adjunts > a {
		display: inline-block;
		vertical-align: top;	
	}
	.v_rapid_adjunts > span {
		width: calc(100% - 120px);	
	}
	.v_rapid_adjunts > a {
		width: 90px;
	}
	.v_rapid_videos {
		margin: 0 5px;
		position: relative;
		display: inline-block;
	}
	/*.v_rapid_videos.active {
		width: 100%;
		margin-bottom: 10px;
		order: 1;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}*/
	/*.v_rapid_videos iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}*/
.gallery_popup {
	max-width: 90%;
    margin: auto;
	overflow: unset!important;
}
.gallery_popup .prev {
	position: absolute;
	left: -5%;
	top:0;
	bottom: 0;
	height: 20px;
	font-size: 20px;
	margin: auto;
	color: #555555;
	z-index: 100;
	cursor: pointer;	
}

.gallery_popup .next {
	position: absolute;
	right: -5%;
	top:0;
	bottom: 0;
	height: 20px;
	font-size: 20px;
	margin: auto;
	color: #555555;	
	z-index: 100;
	cursor: pointer;
}
	
	.buscar_por {font-family: 'robotobold','Titillium Web';font-size: 20px;margin-bottom: 30px;padding-bottom:15px;border-bottom: 1px solid;}
	#filtres{list-style-type:none;color: #555555;/*position: relative;margin-right: 40px;*/padding-left:0;}
	#form_filtres_caracs input {
		display: none;
	}
	#form_filtres_caracs label::before {
		margin-right: 10px;	
	}
	.content_filtres {
		/*width: 49%;
		margin-bottom: 15px;
		display: inline-block;
		vertical-align: top;*/
		margin-bottom: 10px!important;
	}
	/*.contenidor_filtres {
		column-count: 2;	
	}*/
	.contenidor_filtres li {
		margin: 0;
		-webkit-column-break-inside: avoid; /* Chrome, Safari */
		page-break-inside: avoid;           /* Theoretically FF 20+ */
		break-inside: avoid-column;         /* IE 11 */
		/*display:table;                      /* Actually FF 20+ */
		/*width: 80%;*/
		margin-bottom: 5px;
	}

	.bloc_color_toggle {
		display: flex;
		flex-wrap: wrap;
	}

	.bloc_color_toggle > div {
		margin: 0 4px 4px 0;
	}

	.bloc_color_toggle label {
		width: 24px;
		height: 24px;
		border: 1px solid transparent;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.bloc_color_toggle input:checked + div > label {
		border-color: #d2d2d2;
	}

	.bloc_color_toggle label > div {
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		border-radius: 50%;
		display: flex;
		justify-content: center;
	}
	/*.bloc_categoria_petit > div {
		margin: 0 5px 10px 0;	
	}*/
	/*.content_filtres {
		float: left;	
	}
	.content_filtres.bloc_slider {
		float: right;	
	}*/
	.ui-widget-header {
		background:rgba(18, 75, 95,0.8)!important
	}
	 /*#filtres .boto_generic {
		background-color: rgba(18, 75, 95,0.8);
		color: #fff;
		outline: none;
		border:0;
		position: absolute;
		top: 0;
		margin: 0;
		right: 0; 
		cursor: pointer;
		transition: background .25s ease;
	 }
	 	#filtres .boto_generic:hover {
			background-color: rgba(18, 75, 95,1);
		}
	#filtres .boto_generic.remove_filtres {
		right: 125px;
		background-color: rgba(185, 185, 185,0.8);	
		color: #000;
	}
		#filtres .boto_generic.remove_filtres:hover {
			background-color: rgba(185, 185, 185,1);
		}*/
	
	.green .filter-popup .fa.active {
		color: #19936f;	
	}
	.orange .filter-popup .fa.active {
		color: #f95738;	
	}
	.blue .filter-popup .fa.active {
		background: #548db9;
	}
	.red .filter-popup .fa.active {
		background: #eb3e3e;
	}
	.grey .filter-popup .fa.active {
		background: #555555;
	}
	
	.banner_publicitari {
		text-align: center;
		display: table;
		margin: 0 auto;
	}
		.banner_publicitari img {
			max-width: 100%;	
		}
	
	.see_pwd {
		height:16px;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 20px;
		cursor: pointer;	
		outline: 0;
	}
	
	.sol_allow_compra {
		color: green;
    	margin-left: 15px;
		display: none;
	}
	
	/*#menu a.botiga_menu {
		background: #2283a5;	
	}*/	

	.menu1 {
		flex: 1;
		text-align: left;
	}

	.new_shop {
		position: absolute;
		top: 100%;
		padding: 0;
		max-width: 100%;
		max-height: 0vh;
		overflow: hidden;
		transition: max-height .5s ease;
		display: flex;
		box-shadow: 0 2px 20px rgb(0 0 0 / 15%);
    }


    .punt_menu_cap:hover > .new_shop {
        max-height: 400px;
    }

.menu1 > div.punt_menu_cap:first-child .new_shop {
	margin-left: 0;
}
		.new_shop > div > div {
			width: 49%;
			display: inline-block;
			vertical-align: top;
		}
		.new_shop > div > div {	   
			width: 100%;
		}
		#menu .new_shop .link_superarea, #fixed_menu .new_shop .link_superarea {
			font-size: 18px;
			text-transform: uppercase;
			margin: 0 25px 10px 0;
			border-bottom: 1px solid!important;
			text-align: center;
			display: block;
			padding: 0;
			width: auto;
		}
		.new_shop .fills_areas {
			text-align: left;
			padding: 20px;
			background: #fff;
			/*max-height: 100%; */
			height: 100%;
		}
		#menu .new_shop .fills_areas a,  #fixed_menu .new_shop .fills_areas a {
			display: inline-block;
			width: 32%;
			height: inherit;
			line-height: normal;
			text-align: left;
			padding: 5px;
    		margin: 0 2px;
			text-decoration: none;
			font-weight: normal;
			position: relative;
			z-index: 0;
			font-size: 0;
			border-left: none;	
			color: #555555;
			font-family: 'robotoregular';
		}
		#menu .new_shop .fills_areas a {
			width: 100%;
    		display: flex;
    		align-items: center;
		}
		#fixed_menu .new_shop .fills_areas a {
    		width: 24%;
		}
			.theme_default #menu .new_shop .fills_areas a:hover, .theme_default #fixed_menu .new_shop .fills_areas a:hover {
				color: #74b2a2;
			}
			.orange #menu .new_shop .fills_areas a:hover, .orange #fixed_menu .new_shop .fills_areas a:hover {
				color: #f95738;
			}
			.green #menu .new_shop .fills_areas a:hover, .green #fixed_menu .new_shop .fills_areas a:hover {
				color: #124e60;
			}
			.blue #menu .new_shop .fills_areas a:hover, .blue #fixed_menu .new_shop .fills_areas a:hover {
				color: #548db9;
			}
			.red #menu .new_shop .fills_areas a:hover, .red #fixed_menu .new_shop .fills_areas a:hover {
				color: #eb3e3e;
			} 
			.grey #menu .new_shop .fills_areas a:hover, .grey #fixed_menu .new_shop .fills_areas a:hover {
				color: #000000;
			} 
			#menu .new_shop a span, .new_shop a img, #fixed_menu .new_shop a span {
				display: inline-block;
    			vertical-align: middle;
				
			}
			.new_shop a img {
				transition: transform .25s ease;
				width: 25px;
				height: auto;
				margin-right: 5px;
			}
			.new_shop a span {
				
				width: 100%;
				font-size: 13px;
			}
			/*#menu .new_shop .fills_areas a:hover, #menu .new_shop .fills_areas a.active, #fixed_menu .new_shop .fills_areas a:hover, #fixed_menu .new_shop .fills_areas a.active {
				color: #0c485a;
			}*/
			.new_shop a:hover img {
				transform: scale(1.2,1.2) rotate(10deg);
			}
			
	#botiga_menu > a {
		color: #fff!important;
		position: relative;
		line-height: 34px;
		padding: 10px 15px;
		margin: 0;
		padding: 18px 15px;
		margin: 0;
		line-height: normal;
		font-size: 16px;
		max-width: 220px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		    display: block;
	}
	#botiga_menu > a span {
		transition: transform .25s ease;
	}

	#botiga_menu > a span, #botiga_menu > a span::before, #botiga_menu > a span::after {
		width: 16px;
		height: 2px;
		background: #555555;
		display: block;
		margin: 4px 0;
	}

	#botiga_menu > a span::before, #botiga_menu > a span::after {
		content: '';
		display: block;
		margin: 0;
	}

	#botiga_menu > a span::before {
		position: relative;
		top: -6px;
	}

	#botiga_menu > a span::after {
		position: relative;
		top: 4px;
		transition: transform .25s ease, margin .15s ease;
	}

	#botiga_menu > a.active span {
		transform: rotate(45deg);
	}

	#botiga_menu > a.active span::before {
		opacity: 0;
		transform: rotate(-45deg);
	}

	#botiga_menu > a.active span::after {
		transform: rotate(-90deg);
		top: -2px;
	}


	#fixed_menu.fixed #botiga_menu > a.no_desplegador {
		padding-left: 15px!important;
	}
	
	
	
	#fixed_menu.fixed #botiga_menu {
		visibility: visible;
		display: block;
	}
	#fixed_menu #botiga_menu {
		visibility: hidden;
		display: none;
	}
	
	#ruta_html {
		margin-bottom: 30px;
		color: #555555;
		padding-bottom: 5px;
		border-bottom: 1px solid #D7D7D7;
	}
	
	#ruta_html > * {
		color: #7F8182;
		margin: 0 5px;
		text-decoration: none;
	}

	.missatge {
		width: calc(100% - 500px);
		height: 34px;
		display: flex;
		align-items: center;
		flex: 1;
	}
	.missatge a {
		color: #555555;
		text-decoration: none;
	}

	.missatge .fa {
		color: #74b2a2;
	}

	.tipus_preu {
		margin-left: 20px;
	}
	
	#fixed_menu.fixed .missatge {
		width: calc(100% - 650px);
		margin-left: 10px;
		    overflow: hidden;
    white-space: nowrap;
	}
	
	#ser-client {
		text-align: center;
		background-color: #124b5f;
		color: #fff;
		margin: 20px 0;
	}
		#ser-client a {
			display: block;
			padding: 20px;
			color: #fff;
			text-decoration: none;	
		}
		#ser-client a span {
			display: block;
			font-size: 18px;
			max-width: 70%;
			margin: auto;	
		}
		#ser-client a > span:first-child {
			margin-bottom: 20px;
			font-size: 24px;	
		}
		
	#fixed_menu .desplegador_menu {
		display: none;	
	}
	
	
	
	
	/*************** ADDED B2C **********************/
	
	#llistat_articles .column > div {
		width: 100%;
		margin-right: 0;
	}
	
	#llistat_articles #form_families .label_box {
		height: auto;	
	}
	
	#llistat_articles #destacats label, .label_box a {
		padding: 0;	
	}
	
	
	.titol_filtre {
		/*font-weight: normal;*/
		font-size: 20px;
		color: #555555;
		padding-bottom: 5px;
		margin-bottom: 20px;
		border-bottom: 1px solid #555555;
		font-family: 'robotobold';
		cursor: pointer;
		position: relative;
		display: flex;
		align-items: center;
	}
	
	
	.titol_filtre::after {
		content:"\f106"	;
		display: inline-block;
		font: normal normal normal 14px/1 "Font Awesome 6 Free";
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 16px;
		text-align: right;
    	flex: 1;
		font-weight: 900;
	}
	
	.titol_filtre.active::after {
		content:"\f107"	
	}

	#filters .titol_filtre::after, #filtres_area .titol_filtre::after{
		content:"\f107"	;
	}
	
	#filters .titol_filtre.active::after, #filtres_area .titol_filtre.active::after {
		content:"\f106"
	}

	#filtres .titol_filtre {
		border: 0;
		font-size: 14px;
		font-family: 'robotoregular';
		font-weight: normal;
		margin-bottom: 0;
	}

	#filtres .titol_filtre::after {
		font-weight: 300;
	}

	

	/*#filters .bloc_categoria_petit > div {
		display: none;
	}*/
	/*#filters .bloc_categoria_petit > div.toggled {
		display: block!important;
	}*/
	
	#menu_botiga {
		padding-bottom: 120px;
		position: relative;	
	}
	
	#form_families #destacats {
		position: absolute;
		bottom: 0;	
	}
	
	#form_families #destacats .label_box {
		width: 100%;	
	}
	
		#form_families #destacats label::before {
			margin-top: 0;
			order: 1;
		}	
		/*#form_families #destacats label::after
		{
			content: '';
			display: inline-block;
			width: 21px;
			height: 21px;
			border: 0;
			visibility: visible;
			background-repeat: no-repeat;
			-webkit-filter: grayscale(100%); 
			filter: grayscale(100%);
			margin-top: 0;
			background-size: contain;
			background-image: url(../img/icon_all.png);
			order: 2;
			margin-right: 5px;
		}*/
		
		
		
		#form_families #destacats input:checked + .label_box label::after {
			background-color:transparent;
			-webkit-filter: grayscale(0%); 
			filter: grayscale(0%);
		}
			
			/*#form_families #destacats label.image1::after {
				background-image: url(../img/icon_novetat.png);
			}
			
			#form_families #destacats label.image2::after {
				background-image: url(../img/icon_promocio.png);
			}
			
			#form_families #destacats label.image3::after {
				background-image: url(../img/icon_destacat.png);
			}
			
			#form_families #destacats label.image4::after {
				background-image: url(../img/icon_outlet.png);
			}*/
	#destacats label {
		height: auto;	
		display: flex;
   	 	align-items: center;
	}
	
	
	.bloc_categoria_petit label {
		display: flex;	
	}
	
	
	.blocs_ser_client {
		display: flex;
		margin-top: 25px;
	}
	
	.bloc_ser_client {
		flex: 1;
		padding: 0 10px;
		max-width: 370px;
	}
.bloc_ser_client > div {
	background-color: #F9F9F9;
	cursor: pointer;
}

.bloc_ser_client .img {
    width: 100%;
    text-align: center;
    margin: auto;
}

.bloc_ser_client .img img {
	max-width: 100%;
}

.bloc_ser_client .desc {
    text-align: center;
	padding: 35px 20px;
    color: #555555;
	border: 1px solid #d0d0d0;
}

.bloc_ser_client .boto_generic {
	background: transparent;
	margin-top: 15px;
}

/*.bloc_ser_client:hover .boto_generic{ 
	background: #fff;
}*/

.frms_clients {
	margin-top:50px;	
}

#frm_trabaja_con_nosotros {
	margin: 0 auto;
	padding: 20px;
	width: 80%;
	margin-top: 20px;
}

#frm_trabaja_con_nosotros > div {
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
}

#frm_trabaja_con_nosotros .row-two-columns {
	display: flex;
	gap: 15px;
	flex-direction: row;
}

#frm_trabaja_con_nosotros .row-two-columns > div {
	flex: 1;
	margin-bottom: 0;
}

#frm_trabaja_con_nosotros .row-full-width {
	width: 100%;
}

#frm_trabaja_con_nosotros label {
	font-size: 14px;
	font-weight: bold;
	color: #555;
	margin-bottom: 8px;
	font-family: "robotoregular","Titillium Web", 'josefin_sansregular','calibri','Tahoma','Arial';
}

#frm_trabaja_con_nosotros input[type="text"],
#frm_trabaja_con_nosotros input[type="tel"],
#frm_trabaja_con_nosotros input[type="email"],
#frm_trabaja_con_nosotros input[type="file"],
#frm_trabaja_con_nosotros textarea {
	padding: 12px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	font-size: 13px;
	font-family: "robotoregular","Titillium Web", 'josefin_sansregular','calibri','Tahoma','Arial';
	transition: border-color 0.3s ease;
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;
}

#frm_trabaja_con_nosotros input[type="text"]:focus,
#frm_trabaja_con_nosotros input[type="tel"]:focus,
#frm_trabaja_con_nosotros input[type="email"]:focus,
#frm_trabaja_con_nosotros textarea:focus {
	border-color: #A5A8BD;
	outline: none;
	box-shadow: 0 0 5px rgba(165, 168, 189, 0.3);
}

#frm_trabaja_con_nosotros textarea {
	min-height: 120px;
	resize: vertical;
}

#frm_trabaja_con_nosotros input[type="file"] {
	padding: 8px;
	border: 2px dashed #CCCCCC;
	background-color: #fafafa;
	cursor: pointer;
}

#frm_trabaja_con_nosotros input[type="file"]:hover {
	border-color: #A5A8BD;
	background-color: #f0f1f8;
}

#frm_trabaja_con_nosotros button[type="submit"] {
	background-color: #A5A8BD;
	color: #FFFFFF;
	padding: 15px 30px;
	border: none;
	border-radius: 6px;
	font-size: 15px;
	font-family: "robotoregular","Titillium Web", 'josefin_sansregular','calibri','Tahoma','Arial';
	cursor: pointer;
	transition: background-color 0.3s ease;
	align-self: flex-start;
	min-width: 150px;
}

#frm_trabaja_con_nosotros button[type="submit"]:hover {
	background-color: #9498b0;
}

#frm_trabaja_con_nosotros button[type="submit"]:active {
	background-color: #8287a3;
	transform: translateY(1px);
}

/* Responsive */
@media (max-width: 768px) {
	#frm_trabaja_con_nosotros {
		margin: 20px;
		padding: 15px;
	}
	
	#frm_trabaja_con_nosotros .row-two-columns {
		flex-direction: column;
		gap: 0;
	}
	
	#frm_trabaja_con_nosotros .row-two-columns > div {
		margin-bottom: 15px;
	}
	
	#frm_trabaja_con_nosotros button[type="submit"] {
		width: 100%;
		align-self: stretch;
	}
}
	
	
.desc_2_columns .titol_seccio {
    text-align: center;
    margin-bottom: 30px;
}	

.desc_2_columns .desc {
    column-count: 2;
    column-gap: 40px;
	margin-bottom: 60px;
}

#fixed_menu.fixed #menu {
	display: none;
}

.degradat_nou {
	background-color: #f3f3f3;
    background: repeating-linear-gradient( -45deg, #f8f8f8, #f8f8f8 2px, #f3f3f3 2px, #f3f3f3 4px );
}




.degradat_nou #banners_generics {
	background: transparent!important;
	border: 0!important;
}

#contenidor_fons_verd {
	background: #74b2a2;
}

.caracs_icones {
    display: flex;
    align-items: center;
    justify-content: center;
	color: #fff;
	padding: 30px 0;
}
.caracs_icones > div {
    display: flex;
    align-items: center;
    margin: 0 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.caracs_icones > div .img {
    width: 100%;
    text-align: center;
}
.caracs_icones > div .img img {
    max-height: 50px;
}


.caracs_icones > div .desc b {
	font-size: 20px;
	display: block;
}
.xarxes {
	margin-bottom: 50px;
}
.xaxrxes .titol_seccio {
	margin-top: 0;
	margin-bottom: 10px;
}


.table_opcions_subarticles tr:first-child {
    color: #7F8182;
	
}
.table_opcions_subarticles tr:first-child td {
    color: #7F8182;
	background: #fff
}

.table_opcions_subarticles td {
	letter-spacing: normal!important;
	background: transparent;
	border-bottom: 5px solid #fff;
}
.table_opcions_subarticles td.compra_sart {
	background: #fff;
}
.table_opcions_subarticles td.qty_taula {
    text-align: center;
	border-left: 10px solid #fff;
    border-right: 10px solid #fff;
	border-bottom: 0;
}
.table_opcions_subarticles tr:last-child td.qty_taula {
	border-bottom: 5px solid #fff;
}

.plus_sart {
    font-size: 10px;
    position: relative;
    height: 100%;
    padding: 6px;
    line-height: 1;
    border: 1px solid #e8e8e8;
    border-left: 0;
	cursor: pointer;
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
	background: #e8e8e8;
}

.minus_sart {
	font-size: 10px;
    position: relative;
    height: 100%;
    padding: 6px;
    line-height: 1;
    border: 1px solid #e8e8e8;
    border-right: 0;
    cursor: pointer;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background: #e8e8e8;
}

#table_subarticles .boto_compra {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #74b2a2!important;
    color: #ffffff!important;
    font-size: 14px!important;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

#table_subarticles .boto_compra .fa {
	color: #ffffff;
	margin-right: 2px;
}

.botons_ajax {
    margin: 45px auto;
    text-align: center;
}
/*.botons_ajax > a {
    background: #efefef;
    line-height: 1;
    padding: 2px 10px;
    color: #555;
	text-decoration: none;
	margin: 0 2.5px
}
.botons_ajax > a .fa {
    color: #dea200;
	margin-right: 5px;
}*/
.seccions_auxiliars {
    margin: 25px 0;
	display: flex;
	  flex-wrap: wrap;
	justify-content: center;
}


.seccions_auxiliars::before, .seccions_auxiliars::after {
    content: '';
    height: 1px;
    width: 90%;
    background: #555555;
    display: block;
    margin: 25px auto;
	
}
.seccions_auxiliars > div {
	margin: 0 2.5px 2.5px;
}
#columna_esq .seccions_auxiliars > div {
	margin: 0 0 10px;
}
#columna_esq .seccions_auxiliars > div {
	flex: 100%
}
#columna_esq .seccions_auxiliars > div:last-child {
	margin: 40px 0 0;
}
.seccions_auxiliars .titol_seccio {
	margin-top: 0;
	font-size: 14px;
}
.seccions_auxiliars > div:not(:last-child) img {
    width: 100%;
}

#fixed_menu.fixed #botiga_menu > a img {
		    height: 15px;
    width: auto;
	}

#msg_validar_cookies {
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 15px 0 5px;
    z-index: 999999;
	width: 100%;
	text-align: center;
	line-height: 1.7;
	color: #000;
	-webkit-box-shadow: 0px -5px 28px -8px rgba(51,51,51,1);
	-moz-box-shadow: 0px -5px 28px -8px rgba(51,51,51,1);
	box-shadow: 0px -5px 28px -8px rgba(51,51,51,1);
	font-size: 12px;
}

#msg_validar_cookies .boto_generic {
	background: #134a5e;
    color: #fff;
    letter-spacing: 2px;
    margin: 15px auto;
    height: 35px;
    display: flex;
    width: 200px;
    justify-content: center;
    align-items: center;
	font-size: 12px;
}

#msg_validar_cookies .mes_info {
	text-decoration: underline;
	font-size: 12px;
}

.customs_validaform_errors + div {
    position: static!important;
}

.customs_validaform_errors + div > div {
    background: transparent;
	color: #f00;
}

#accept_rgpd .acceptar_condicions {
    position: absolute;
    width: 100%;
	width: calc(100% - 12px);
    left: 0;
    right: 0;
    margin: auto;
    /* bottom: 0; */
    background: #fff;
    padding: 10px 20px;
    max-width: 500px;
    /* width: auto; */
    border-top: 1px solid #cecece;
}

.bloc_fill_categories_blog {
    float: left;
    margin: 25px;
    width: calc(33.3333% - 50px);
    padding: 25px;
    border: 1px solid #ccc;
}

.bloc_fill_categories_blog h3 {
    font-size: 24px;
}

.bloc_fill_categories_blog .desc {
	color: #666666;
}

.contenidor_blog {
    display: flex;
    flex-wrap: wrap;
}

.bloc_fill_categories_blog.bloc_fill_blog {
    margin: 25px;
    width: calc(25% - 50px);
    padding: 0px;
	border: 1px solid #ccc;
    text-align: left;
    float: left;
	display: flex;
    flex-direction: column;
}

.bloc_fill_categories_blog img {
	max-width: 100%;
}

.bloc_fill_categories_blog.bloc_fill_blog h2 {
    font-size: 18px;
}

.bloc_fill_categories_blog.bloc_fill_blog .desc {
    font-size: 13px;
}

.bloc_fill_categories_blog .content {
	height: 172px;
	padding: 25px 20px;
	overflow: hidden;
}

#boto_desplega_recerca {
	display: none;
}
	

#credits {
    margin-top: 50px;
	background: #f5f5f5;
	padding: 15px 0;
}

/*.pro #credits {
    background: #484646;
}*/

#credits > div {
    display: flex;
    align-items: center;
	position: relative;
}


#credits .fp {
    flex: 1;
    display: flex;
    align-items: center;
}

#credits .fp > img {
	margin-right: 5px;
	
}
#credits .fp > img:last-child {
	margin-right: 0;
	
}

#credits .apps {
    text-align: center;
    position: absolute;
    width: 100%;
}

#credits .apps > a {
    display: inline-block;
}

#credits .xarxes {
    margin-bottom: 0;
	z-index: 20;
}

#credits .xarxes a {
    display: inline-block;
}

#credits #xarxes_socials {
    text-align: right;
    width: auto;
    display: flex;
    align-items: center;
}

#credits .titol_seccio {
    margin: 0 15px 0 15px;
}

#credits #xarxes_socials img {
	margin: 0;
}

#filtres_area {
	margin-bottom: 25px;
}

.fix_margin_ruta {
	margin-top: -28px;
	margin-bottom: 30px;
}



.tabs {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.tab {
    width: auto;
    padding: 5px 15px;
    margin: 0 5px 0 0;
    /*border: 1px solid transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 0;*/
    cursor: pointer;
	color: #7F8182;
}

.tab:hover, .tab.active {
	border-color: #eee;
    color: #555;
}

.content-tabs {
    border: 1px solid #eee;
    padding: 30px 20px;
}

.content-tab {
    display: none;
}

.content-tab.active {
    display: block;
}

.content-tab > .titol {
    padding-left: 2px;
    margin: 15px 0;
}

.content-tabs table {
    width: 515px;
    max-width: 100%;
}

.tab {
	border: 0;
}

.content-tabs {
	padding: 25px 0;
	border: 0;
	border-top: 1px solid rgba(85, 85, 85, .3);
}
.tab.active {
	border-bottom: 2px solid rgba(85, 85, 85, .7)
}

.column .ver_mas_blocs {
	display: none;
}

.botons_mas_menos {
    margin-top: 15px!important;
    order: 10;
    width: 100%;
}

.botons_mas_menos::before {
    content: '';
    display: inline-block;
    height: 1px;
    width: 20px;
    background: #e6e6e6;
}

.botons_mas_menos p {
    font-size: 13px;
    cursor: pointer;
    transition: color .25s ease;
    margin-top: 10px;
	width: 100%;
}

.botons_mas_menos p:hover {
    color: #000;
}

.botons_mas_menos .ver_menos_boto, .botons_mas_menos.active .ver_mas_boto {
	display: none;
}

.botons_mas_menos.active .ver_menos_boto {
	display: inline-block;
}

#missatge_top {
    background: #d9dbde!important;
	padding: 20px;
}

#missatge_top > div {
    display: flex!important;
	margin: 0 auto!important
}

#missatge_top > div > div:first-child {
	flex: 1;
	padding-right: 20px;
}

#missatge_top > div > div:last-child {
	cursor: pointer;
	font-size: 20px;
}

#app_redirect {
    padding: 10px;
	display: flex;
	background: #ffffff!important
}

#app_redirect > div {
    display: flex;
    align-items: center;
	margin: 0 auto;
}

#app_redirect > div > div {
	padding-right: 7px;
}

#app_redirect > div > div.desc {
	padding-right: 25px
}

#app_redirect .boto_generic {
	border-radius: 0;
	font-size: 12px;
	padding: 7px;
}

.bloc_article > div.fl a.galeria_subart {
	display:none;
}

.select_color {
    margin-bottom: 50px;
}

.blocs_color {
    display: flex;
    flex-wrap: wrap;
	margin: 25px 0;
}

.blocs_color > div {
    margin: 0 16px 16px 0;
}

.blocs_color label {
    width: 26px;
    height: 26px;
	border-radius: 50%;
    display: block;
    border: 1px solid transparent;
	cursor: pointer;
	transition: border-color .25s ease;
	display: flex;
    align-items: center;
    justify-content: center;
}

.blocs_color label div {
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border-radius: 50%;
	overflow: hidden;
}

.blocs_color label img {
    width: 100%;
}

.blocs_color input {
	display: none
}

.blocs_color input:checked + label {
    border-color: #d2d2d2;
}

.select_color .consultar {
	display: none;
}

#titol_subart {
    margin-top: 25px;
}

.bloc_preu {
    font-size: 20px;
}

.bloc_preu_anterior {
    font-size: 16px;
	color: #fa5738;
	margin-right: 10px;
}

.bloc_preu_anterior .preu_anterior {
    text-decoration: line-through;
	
}

.info_subart {
    padding: 10px 0 25px;
    border: 1px solid #eee;
    border-width: 1px 0;
    display: flex;
    flex-wrap: wrap;
	align-items: flex-start;
}

.info_subart > div {
    margin-top: 15px;
}

.info_subart > .modificador_qty {
	display: flex;
    margin-right: 25px;
    height: 24px;
}

.info_subart > .modificador_qty > i {
    display: flex;
    align-items: center;
    padding: 0px 5px;
    height: 100%;
}

.info_color {
    width: 115px;
    padding-right: 15px;
}

.info_ref {
    width: 200px;
    padding-right: 15px;
}

.add_subart .boto_generic {
	border-radius: 35px;
	transition: all .25s ease;
	border: 2px solid #74b2a2;
	padding: 12px 45px;
}

.add_subart .boto_generic:hover {
	background: #fff;
	border: 2px solid #74b2a2;
	color: #74b2a2
}

#filters {
	position: fixed;
    display: block;
    top: 0;
    right: 0;
    height: 100vh;
    width: 580px;
    margin-right: -580px;
    transition: margin .25s ease;
    z-index: 999999;
}

#filters.active {
	margin-right: 0;
}

.remove_filtres_times {
    position: absolute;
    right: 50px;
    font-size: 22px;
    color: #c3c3c3;
    z-index: 150;
    top: 35px;
    cursor: pointer;
	transition: color .25s ease;
}

.remove_filtres_times:hover {
	color: #555555;
}

.remove_filtres {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.2);
    top: 0;
    left: 0;
    z-index: 50;
	display: none;
	cursor: pointer;
}

#filters.active .remove_filtres {
	display: block;
}

#filters .content {
	height: 100vh;
}

#filters .content form {
    padding: 100px 60px;
    background: #fff;
    z-index: 100;
    height: 100%;
    position: relative;
    overflow: auto;
}

#filters .content .boto {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 999;
    background: #e8e8e8;
    padding: 15px 0;
}

#filters .seccions_auxiliars {
    margin-top: 50px;
    display: flex;
}

#filters .seccions_auxiliars > div {
    flex: unset;
    max-width: 240px;
    width: 49%;
    margin-right: 2%;
}

#filters .seccions_auxiliars > div:nth-child(2n) {
    margin-right: 0;
}

#filters .seccions_auxiliars > div:last-child {
    display: none;
}

#filters .seccions_auxiliars::before, #filters .seccions_auxiliars::after {
	display: none;
}

.contenidor_filtres .bloc_categoria_petit > div {
    margin: 20px 0 40px;
}

.owl-destacats .bloc_article_mini,.owl-destacats .bloc_fill_blog {
    width: 100%!important;
    height: 100%;
	padding: 0;
}

.owl-destacats .bloc_fill_blog {
	margin: 2px;
}

.owl-destacats .owl-stage {
    display: flex;
}

.owl-custom-nav .owl-nav > button {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30px;
}
.owl-nav > button:focus {
    outline: none;
}
.owl-custom-nav .owl-nav > button.owl-prev {
    left: -5%;
}
.owl-custom-nav .owl-nav > button.owl-next {
    right: -5%;
}
.owl-custom-nav .owl-nav > button .fal {
    font-size: 35px;
}
.owl-custom-nav .owl-nav > button.disabled {
    opacity: .5;
}

.carousel-blog > div {
    padding-bottom: 50px;
}

.owl-destacats-fitxa-article {
    width: 100%!important;
    margin: auto;
}

.owl-destacats-fitxa-article .etiqueta p, .owl-destacats-fitxa-article .etiqueta_edat {
    font-size: 10px;
    padding: 0 7px;
}

.pagines_blog .titol_filtre::after {
	content: '';
	display: none;
}

.pagines_blog .column a {
	margin-bottom: 5px;
	font-size: 14px;
	color: #7F8182;
	transition: color .25s ease;
}

.pagines_blog .column a.active, .pagines_blog .column a:hover {
	color: #555555;
}

.pagines_blog .bloc_fill_categories_blog {
	width: 31.66666%;
	margin: 0 2.5% 2.5% 0;
}

.pagines_blog .bloc_fill_categories_blog:nth-child(3n) {
	margin-right: 0;
}

.pagines_blog .descripcio + .contenidor_blog {
	margin-top: 35px;
}

.carousel_blog {
    display: flex;
    flex-wrap: wrap;
}

.carousel_blog > div {
    width: 48%;
    margin-right: 2%;
	margin-bottom: 2%;
}

.carousel_blog > div:nth-child(2n) {
    margin-right: 0;
}


.carousel_blog .galeria_generica a {
    width: 100%;
    float: none;
    text-decoration: none;
    color: #fff;
}

.carousel_blog .titol {
	font-size: 15px;
	margin: 0;
	color: #000;
}

.carousel_blog .owl-slide-carousel-blog {
	margin-bottom: 10px
}

.owl-slide-carousel-blog .owl-nav > button {
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 40px!important;
    height: 100%;
    cursor: pointer;
    margin: auto;
    width: 40px;
	opacity: 0; 
	transition: all .25s ease;
}

.owl-slide-carousel-blog .owl-nav > button.owl-prev {
	left: 0;
	margin-left: -20px;
}

.owl-slide-carousel-blog .owl-nav > button.owl-next {
	right: 0;
	margin-right: -20px;
}

.owl-slide-carousel-blog .owl-nav > button.disabled i {
	opacity: .5
}

.owl-slide-carousel-blog:hover .owl-nav > button.owl-prev {
	margin-left: 0;
	opacity: 1;
}

.owl-slide-carousel-blog:hover .owl-nav > button.owl-next {
	margin-right: 0;
	opacity: 1;
}

.fitxa_blog {
	padding-bottom: 100px;
	overflow: hidden;
}

.custom-mfp-arrow::before, .custom-mfp-arrow::after {
    opacity: 0;
}

.custom-mfp-arrow {
	font-size: 64px;
	color: #fff;
	opacity: .55;
}

.custom-mfp-arrow:hover {
	opacity: 1;
}

.custom-mfp-arrow.mfp-arrow-left {
	transform: rotate(180deg)
}

.custom-mfp-arrow.mfp-arrow:focus {
	opacity: unset;
}

.custom-mfp-arrow i {
    margin-top: -10px;
	pointer-events: none;
}

.mfp-gallery ~ #fixed_menu {
	z-index: -1;
	position: static;
}

.mfp-gallery .mfp-figure:after {
	background: transparent;
	box-shadow: none;
}

.mfp-gallery figure {
	margin: 0;
}

.owl-carousel .bloc_article_mini {
	padding: 2px;
}











	
@media screen and (max-width:1300px) {		
	.owl-destacats, .owl-categories-visitades {
		width: 90%!important;
		margin: auto;
	}

	.owl-destacats-fitxa-article {
		width: 90%!important;
	}

	.descripcio_home.amb_descripcio .titol_home {
		font-size: 30px;
		max-width: 300px;
	}

	.destacats_home > div {
		margin-left: auto;
	}

	.descripcio_home.amb_descripcio {
		max-width: 85%;
	}

	.titol_seccio_home {
		max-width: 85%;
		font-size: 20px;
	}
}
	
		
@media screen and (max-width:1200px) {	
	.contenidor_centrat, #menu_botiga {
		width: 96%;	
	}
	#barra_top > div,#menu_top > div {
		width: 100%;
	}	
	.bloc_area {
		 width: 25%;
	}
	#menu_sup > li > a {
		margin: 0 2px;
	}
	#form_families .column {
		/*column-count: 5;
		-webkit-column-count: 5;
		-moz-column-count: 5;*/
	}
/*		.column > div, .column > div:nth-child(6n) {
			width: 19%;
			margin-right: 1.25%!important;
		}
		.column > div:nth-child(5n) {
			margin-right: 0!important;
		}*/
	.link_area_client {
		width: 32.33%;
		margin-left: 1.5%!important;
		box-sizing: border-box;
		min-height: 250px;
	}
	.link_area_client:nth-of-type(3n-2) {
		margin-left: 0!important;
	}
	
	.item-recerca {
		width: 20%;	
	}
	#fixed_menu.fixed > div {
		width: 100%;	
	}
	.superareas img {
		width: 200px;	
	}
	.caracs_icones > div {
		margin: 0 10px;
	}


	.tipus_preu {
		display: none;
	}


	
}

@media screen and (max-width:1000px)
{

	.owl-slide-carousel-blog .owl-nav > button {
		opacity: 1;
		margin: 0!important;
	}

	.filtres_cerca {
		display: none!important;
	}

	#div-results .results {
		max-height: 100%;
	}

	.overflow #scroll_top {
		display: none!important;
	}
	#idiomes ul, #menu_client {
		top: 100%;
		top: calc(100% - 2px);
	}

	#menu_client.login {
		width: 100%;
		left: 0;
		position: fixed;
		height: 100vh;
		height: calc(100vh - 45px);
		border: 0;
	}

	/*.te_app_redirect.te_missatge #menu_client.login, .te_app_redirect.te_missatge #recerca {
		top: 176px!important;
	}
	.te_app_redirect #menu_client.login, .te_app_redirect #recerca {
		top: 116px!important;;
	}
	.te_missatge #menu_client.login, .te_missatge #recerca {
		top: 106px!important;;
	}*/

	#menu_client.login > form {
		width: 300px;
		margin: 5vh auto;
	}
	#auth>span:hover, #auth>span.active {
		border-color: transparent;
	}

	#fixed_menu > div > div.contenidor_centrat {
		width: 100%;
		flex-wrap: wrap;
	}
	.destacats_home .bloc_article_mini {
		width: 50%;
	}
	#barra_top > div > .desplegador_menu, #barra_top > div > #menu {
		display: none!important;		
	}
	/*#fixed_menu #botiga_menu {
		width: 100%;
	}*/
	.contenidor_centrat {
		width: 96%;	
	}
	.cart_desktop {
		display: none;
	}
	header {
		position: sticky;
		top: 0;
		z-index: 150;
	}
	#content {
		z-index: 30;
		position: relative;
	}
	#barra_top, .logo_cerca {
		padding-top: 0;
	}

	#idiomes .label_barra {
		background-color: transparent!important;
		color: #555555;
	}

	#fixed_menu {
		position: relative;
	}
	#fixed_menu.fixed {
		max-height: unset;
		position: relative;
	}
		#fixed_menu.fixed > div {
			width: 100%;	
		}
		#fixed_menu > div > div.contenidor_centrat {
			position: static
		}
	.nav_areas {
		float: none;	
	}
		.nav_areas a {
			margin: -10px 0 0 0;
			width: 50%;
			/*width: 100%;*/
			/*float: left;*/
			/*border-right: 1px solid;*/
			text-align: left;
			line-height:1;
			border-bottom:1px solid #fff;
			position: relative;
			vertical-align: top;
		}
		/*.nav_areas a:last-child {
			border: 0;	
		}
		
		.nav_areas a:last-child, .nav_areas a:not(.active):last-child:hover {
			background: #124e60;
			background: -webkit-linear-gradient(left, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat!important;
			background: -o-linear-gradient(right, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat!important;
			background: -moz-linear-gradient(right, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat!important;
			background: linear-gradient(to right, rgb(18,78,96), rgb(25,147,111) 80%) no-repeat!important;
			color: #fff;
		}
		.nav_areas a:first-child, .nav_areas a:not(.active):first-child:hover {
			background: #f95738;
			background: -webkit-linear-gradient(left, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat!important;
			background: -o-linear-gradient(right, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat!important;
			background: -moz-linear-gradient(right, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat!important;
			background: linear-gradient(to right, rgb(249, 87, 56), rgb(238,150,75) 80%) no-repeat!important;
			color: #fff;
		}
		
		.nav_areas a.active:first-child, .nav_areas a.active:last-child {
			background: transparent!important	
		}*/
		
	.cart_mbl {
		display: flex!important;
		align-items: center;
		justify-content: center;
	}
	.cart_mbl > img {
		margin-top: 0!important
	}
	.no_display
	{
		display: none !important;
	}
	
	

	#barra_top {
		height: auto;
		
	}
	#fixed_menu .desplegador_menu {
		display: inline-block;	
	}
	.desplegador_menu
	{
		display:block;
		background-color: #397691!important;
		color: #FFF;
		padding: 10px;
		overflow: hidden;
		clear: both;
		font-size: 16px;
		cursor: pointer;
	}
	
		.desplegador_menu i
		{
			font-size: 18px;
		}
	
		
	#header {
		width: 98%;
		
	}
	

	#menu div.sep {
		display: none;	
	}
	
	#menu_botiga {
		max-width: 100%;
    	width: 100%;
		margin: 0 0 30px;	
		padding-bottom: 0;
	}
	
	.menu_botiga {
		margin-bottom: 20px;
	}
	
	#menu_sup/*, #form_families*/ {
		display: none;	
	}

	#header
	{
		background: none;
		position: static;
		height: auto;
	}
	
	#barra_top,
	#barra_top > div
	{
		width: 100%;
		height: auto;
		padding-bottom: 0!important;
	}
	
	
	#menu,#menu a
	{
		width: 100%;
		display: block;
		height: auto;
		float: none;
	}
	
	.new_shop {
		position: absolute;
		margin-top: -2px;
		display: none;
		width: 100%;
		color: #555555;
		padding: 2px 2px 2px 0;
		left: 0;
	}
	
	#menu
	{
		max-width: none;
		display: none;
		background-color: #f0f0f0;
		margin-bottom: 0;
		padding: 0;
		position: absolute;
		margin-top: -2px;
		display: none;
		width: 100%;
		color: #0c485a;
	}
	
		#menu.active
		{
			display: block;
		}
	
	#menu, #desplegables_barra, #menu a, #desplegables_barra > *,.label_barra
	{
		border-left: none;
		border-right: none;
		font-size: 12px;
	}

	#idiomes .label_barra {
		font-size: 14px;
	}
	
	#auth>span{
		max-width: 160px;
		border: 0!important;
	}
	
	#auth .label_barra .i
	{
		display: none;
	}
	
	#desplegables_barra a span
	{
		display: none;
	}
	
		#ser_client{display: none;}
	

		#menu a
		{
			text-align: left;
			/*border-bottom: 1px solid #ce8013;
			border-top: 1px solid #ffcc85;*/
			color: #555555;
			border-bottom: 1px solid #555555!important;
			margin: 0;
		}
		
		#menu a:first-child {
			    border-bottom: 1px solid #397691;
		}
		#menu a:hover, #menu a.active, #menu a:hover + a, #menu a.active +a {border-color: #397691;}
		#menu a:first-child, #desplegables_barra > *:first-child
		{
			border-top: none;
		}
	
			#menu a i
			{
				margin-right: 5px;
			}
			
			#menu a span
			{
				display: inline;
			}
		
	#desplegables_barra
	{
		/*float: none;*/
		margin-right: 0;
	
	}
	
	.missatge, #fixed_menu.fixed .missatge {
		width: calc(100% - 380px);
	}

	
	#menu_client
	{
		right: 0;
    	left: unset;
	}

	.pro #recerca {
		margin-top: 0;
	}
	
	
	#boto_desplega_recerca
	{
	    position: relative;
    	z-index: 999;
	}
	
	a.label_barra:hover, #tancar_sessio:hover
	{
		background-color: transparent;
	}
	
	#boto_desplega_recerca.active
	{
		background-color: #FFF;
	}
	
	

	#recerca.active {
		display: block;	
	}


	#recerca i
	{
		margin-top: 2px;
	}
	
	.info_area_pro {
		display: none;
	}
	
	
	#recerca.show
	{
		display: block;
	}
	.contenidor_recerca.active > #recerca {
		width: 100vw;
		right: -2vw;
	}
	
		#recerca > div > div.fr
		{
			float: none !important;
			overflow: hidden;
		}
		
		.camp-recerca
		{
			border: 0!important;
		}
	
		
		.titol_recerca
		{
			margin-top: 20px;
			font-size: 16px;
		}
		.close_recerca
		{
			display: block;
    		margin-top: 0px;
			position: absolute;
			right: 5px;
			top: 58px;
		}
		
		

		.columna_recerca
		{
			width: 50%!important;
		} 
		
		.item-recerca
		{
			max-width: none !important;
		}
		
		
	.titol_pare_arees {display: none;}

	
	.logo_cerca {
		padding: 20px 0!important;
		margin: 0;
	}
	
		#content_logo > img:first-child {
			position: absolute;
			left: 50%;
			margin-left: -12px !important;
			transform: rotate(90deg);
			transform-origin: center center;
			margin: 0;
			bottom: -23px;
			width: 13px;
		}
		
	
	
	#desplegador_botiga
	{
		color: #555555;
		font-size: 16px;
		padding-right: 20px;
		transition: color .25s ease;
	}

	/*.boto_filtres {
		display: none!important;
	}*/

	#menu_families_esq {
		width: 100%;
		padding: 25px;
		position: fixed;
		top: 91px;
		left: 0;
		background: #fff;
		z-index: 999;
		bottom: 71px;
		height: calc(100vh - 117px);
		overflow: auto;
		display: none;
	}
	/*.te_app_redirect.te_missatge #menu_families_esq {
		top: 176px;
		height: calc(100vh - 247px);
	}
	.te_app_redirect #menu_families_esq {
		top: 116px;
		height: calc(100vh - 187px);
	}
	.te_missatge #menu_families_esq {
		top: 106px;
		height: calc(100vh - 177px);
	}*/
	#filters {
		position: static;
		height: auto;
		width: 100%;
		margin-right: 0;
	}
	#filters .content {
		padding: 0;
		height: auto;
	}
	#filters .content form {
		padding: 0;
	}
	.remove_filtres_times {
		display: none;
	}
	.titol_filtre {
		border: 0;
		font-size: 14px;
		font-family: 'robotoregular';
		font-weight: normal;
		margin-bottom: 0;
	}
	#filters .content .boto {
		position: fixed;
		bottom: 0;
		padding: 20px 20px 20px 50px;
		width: 100%;
		background: #e8e8e8;
		left: 0;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.remove_filtres_opts {
		cursor: pointer;
		color: #555555;
		text-decoration: underline;
	}
	.titol_filtre::after {
		font-weight: 300;
	}
	.filtres_area, .filtres_familia {
		display: none;
	}
	#filtres_area .titol_filtre::after, #filtres_area + .titol_filtre::after {
		transform: rotate(180deg);
		text-align: left;
	}
	#filtres_area .chk_custom + .label_box label::before, .filtres_familia .chk_custom + .label_box label::before {
		order: 2;
		margin-right: 0!important;
	}
	.chk_custom + .opcions_multiples label::after {
		left: unset;
		right: 0;
		transform: rotate(180deg);
	}
	#menu_families_esq.active {
    display: block;
		
	}

	#filters.active .remove_filtres {
		display: none;
	}

	.chk_custom + .label_box {
		margin-right: 0;
	}

	#form_families {
		margin-bottom: 10px;
	}
	#filtres_area {
		margin-bottom: 10px;
	}
	#filtres {
		margin: 0;
	}

	.contenidor_filtres .bloc_categoria_petit > div, .filtres_familia, .filtres_area {
		margin: 20px 0 40px!important;
		padding: 0 0 0 20px!important;
	}

	.menu_mobile {
		position: absolute;
		top: 100%;
		/* width: 98vw; */
		width: 100%;
		max-width: 100%;
		background: #fff;
		border: 0;
		max-height: 100vh;
		height: 100vh;
		height: calc(100vh - 45px);
		max-height: calc(100vh - 45px);
		overflow: auto;
		display: none;
		left: 0;
		background: #F2F2F2;
		padding: 20px 0;
		box-shadow: none;
	}

	
	

	#contenidor_arees
	{
		display: none;
	}
	
		#contenidor_arees.active
		{
			display: block;
		}
	
	#contenidor_arees, #contenidor_arees > div
	{
		height: auto;
	}
	
	#contenidor_arees > div
	{
		position: static !important;
	}
	
		#menu_sup
		{
			width: 100%; 
			margin-bottom: 0;
			text-align: left;
		}
	
		#menu_sup > li {
			float: none;
			width: 50%;
			margin-left: 0;
			padding: 0;
			min-height: 0;
			border-bottom: 1px solid #FFF;
		}
		#menu_sup > li.active
		{
			background-color: transparent !important;
			
		}

			
		#menu_sup.icones_petites > li
		{
			width: auto !important;
		}
		
			#menu_sup.icones_petites > li
			{
				font-size: 11px !important;
			}
			
		 
		#menu_sup > li > a {
			text-align: left;
			display: block;
			height: auto;
			padding: 0px 10px;
		}

		
		#menu_sup > li > a span {
			padding-top: 0;
			width: auto;
			display: inline;
			vertical-align: middle;
		}
		
		#menu_sup > li > a img {
			margin: 5px 15px 5px 0px!important;
			width: 25px !important;
			margin-left: 1px;
			position: static;
			vertical-align: middle;
			margin-right: 13px;
			z-index: 1;
		}
		
		#menu_sup li > div
		{
			position: static;
			box-shadow: none;
		}
		
			#menu_sup li > div > div {
				width: 100%;
				padding: 0;
			}
			
			#menu_sup .columna {
				width: 100%;
				margin: 0;
			}
			
			#menu_sup li > div div a {
				padding: 8px 15px;
				border-top: 1px solid #333;
				
			}
		
	#columna_esq, #columna_dre, #filtres_top, #desc_familia, #columna_esq_client, #columna_dre_client
	{
		width: 100% !important;
	}
	#llistat_articles #columna_esq {
		display: block;
	}
	#columna_esq
	{ 
		position: static !important;
		margin-top: 0 !important;
		display: none;
	}
	
	.descripcio img, .descripcio table{max-width: 100%;height: auto !important;width: auto !important;}
	
	#columna_esq #carro_petit, #columna_esq .seccio, #columna_esq #destacats, #columna_esq .atencio_client,#columna_esq .banner_nou_client, #columna_esq_client
	{
		display: none !important;
	}
	#menu_lat.active {padding-bottom: 10px;}
	#form_families {
		/*border: 2px solid #605a68;*/
		/*padding-top: 10px;*/
	}
		/*#cont_height {
			padding: 0 10px; /*max-height: 200px;
		}*/
		#form_families .column {
			/*column-count: 3;	
			-webkit-column-count: 3;
			-moz-column-count: 3;*/
		}
		/*.column > div, .column > div:nth-child(6n), .column > div:nth-child(5n) {
			width: 32%;
			margin-right: 2%!important;
		}
			.column > div:nth-child(1) {
				order: 1	
			}
			.column > div:nth-child(2) {
				order: 4	
			}
			.column > div:nth-child(3) {
				order: 2	
			}
			.column > div:nth-child(4) {
				order: 5	
			}
			.column > div:nth-child(5) {
				order: 3;
				margin-right: 0!important;	
			}
			.column > div:nth-child(6) {
				order: 6;
				margin-right: 0!important;	
			}*/
	
	#menu_botiga #menu_lat a
	{
		display: none;
	}
		
		#menu_botiga #menu_lat.active a
		{
			display:block;
		}
	#menu_lat
	{
		background-color: #FFE1B6;
	}
	#menu_lat li span
	{
		padding: 10px 15px;
		    font-size: 14px;
    display: block;
    letter-spacing: 1px;
	}
	#menu_lat span i
	{
		margin-top: 2px;
		margin-right: 3px;
		display: inline;
		transition: transform .3s ease;
		font-size: 20px;
		
	}
	
	#menu_lat.active span i
	{
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	
	
		#menu_lat ul li a
		{
			padding: 10px 15px;
		}
		
	
	
	
	#labels_home
	{
		float: right !important;
		margin-bottom: 15px;
	}
	
	.atencio_client
	{
		width: auto;
		float: none !important;
		clear: both;
		margin: 15px 0px;
		
	}
	
	
	.atencio_client img {
		
		display: block;
		margin: auto;
		margin-bottom: 15px;
	}

	
	.banner_home {
		width: auto;
		margin-bottom: 10px;
		display:block;

	}
	
	
	#sliderHome {
		width: auto;
		height: 302px;
		background-color: #CCC;
		margin-right: 4px;
		overflow: hidden;
		position: absolute;
		right: 290px;
		left: 2%;
	}
	
			#sliderHome a,#sliderHome table
			{
				width:100%;
				height:100%;
				border-spacing: 0;
			}
			
			#sliderHome a img
			{
				max-width: 100%;
				max-height: 100%;
			}
			
			
			
			#sliderHome table td
			{
				text-align: center;
			}
			
			
	.bloc_article > div.fl
	{
		width: 40%;
	}
		.bloc_article > div.fl a
		{
			width: 100%;
			height: auto;
		}
	
	.bloc_article > div.fr
	{
		width: 58%;
	}
		
	.mobile{display:inherit;}
	
	#banner_principal .mobile {
		display: none;
	}
	
	
	
	
	#table_subarticles td {
		padding: 5px 2px;
	}
		.preu_taula
		{
			white-space: normal !important;
		}	
		
		
	#area_client_lat, #area_client_lat2
	{
		display: none;
	}
	
	#columna_esq_client .titol_area_client 
	{
		display: none !important;
	}
	
	#desplegador_menu_area_client {
		padding: 10px 20px;
		background-color: #3a3a3a;
		color: #FFF;
		text-transform: uppercase;
		display: block;
		margin-bottom: 25px;
	}
	
	.mnu_selected
	{
		margin-bottom: 0 !important;
	}
	
	
	
	.bloc_article_mini {
		width: 33.33%;
		/*width: 28%;
		margin-bottom: 2%;
		margin-left: 4%;
		margin-right: 0;*/
	}
		
		
		.bloc_article_mini > a > img
		{
			width: 100%;
		}
		
	.banner_nou_client
	{
		background-color: #528AB2;
		color: #FFFFFF;
		    font-size: 14px !important;
    text-decoration: none;
    padding: 6px 15px !important;
	}
	/*.slide {
		height:	 300px;
	}*/
	
	.bloc_area {
		width: 33.2%;
	}
	.white-popup-ajax {
		margin: 120px auto 80px;
	}
	.item-recerca {
		width: 25%;	
	}
	.superareas img {
		width: 170px;	
	}
	.superareas h2 {
		font-size: 22px;	
	}
	.superareas p {
		font-size: 18px;	
	}
	.superareas .fa {
		margin-left: 15px;
	}	
	
	.white-popup-ajax > div {
		padding-top: 30px	
	}
	.white-popup-ajax > div > div {
		overflow-y: auto;
    	overflow-x: hidden;
	}
	.galeria_generica a {
		width: 24%;	
	}
	.v_rapid_videos {
		width:100%!important;
		margin-bottom: 10px;
	}
	#taula_observacions_cart {
		width: 100%!important	
	}
	
	.nav_areas .new_shop, .nav_areas #menu {
		z-index:1050!important;	
		top: 55px;
	}
	
	#menu .botiga_menu , #menu .new_shop {
		display: none!important;	
	}
	
	#ruta_html {
		margin-bottom: 15px!important;
		border-bottom:0;	
	}

	.fix_margin_ruta {
		margin-top: -13px;
		margin-bottom: 15px;
	}
	
	.new_shop .fills_areas a {
		/*width: 48%;	*/
		border-bottom: 0;
		color: #555555!important;
	}
	
	
	/*#botiga_menu > a::after {
		content: '\f0c9';
		display: block;	
		display: inline-block;
		font: normal normal normal 14px/1 "Font Awesome 6 Free";
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		position: absolute;
		left: 15px;
		line-height: normal;
	}*/
	#botiga_menu > a.no_desplegador::after {
		display: none;
	}
	/*#botiga_menu > a.botiga_menu::after {
		content: '\f107';
	}*/
	
	#fixed_menu #botiga_menu {
		display: flex;
	}
	
	#fixed_menu #botiga_menu > a {
		order: 1;
		flex: 1;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: unset;
	}
	
	#fixed_menu #desplegables_barra {
		position: static;
		top: 0;
		padding: 0;
	}
	
	#botiga_menu > a {
		padding-left: 10px!important;
    	padding-right: 20px!important;
	}
	#fixed_menu .new_shop .link_superarea {
		margin-right: 0;
		margin-bottom: 0;
		padding-bottom: 5px;
    	text-align: left;
	}
	.nav_areas .new_shop > div, #menu  {
		/*background: #f2f2f2;*/
		padding: 25px 50px;
		background-color: #f3f3f3;
   	 	background: repeating-linear-gradient( -45deg, #f8f8f8, #f8f8f8 2px, #f3f3f3 2px, #f3f3f3 4px );
		    max-height: 95vh;
    max-height: calc(100vh - 55px);
		    width: calc(100% - 4px);
    margin: auto;
    margin-left: 3px;

	}
	#menu > a:last-child {
		border-bottom: 0!important;
	}
	.new_shop .fills_areas {
		background: #fff;
		    margin-bottom: 20px;
		padding: 20px;

		
	}
	.caracs_icones > div {
		flex-wrap: wrap;
		text-align: center;
	}
	.caracs_icones > div .img, .caracs_icones > div .desc {
		width: 100%;
		margin-right: 0;
	}
	.caracs_icones > div .img {
		margin-bottom: 10px;
	}
	.caracs_icones {
		align-items: flex-start;
	}
	.no_mobile {
    	display: none!important;
	}
	#fixed_menu.fixed #botiga_menu {
		display: flex;
	}
	#fixed_menu.fixed #botiga_menu > a {
		order: 1;
		flex:1;
		/*font-size: 14px;*/
		
		/*padding-right: 5px;*/
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: unset;
	}
	#fixed_menu.fixed #botiga_menu > a:nth-of-type(2n) {
		border-left: 1px solid #fff;
	}
	
	#fixed_menu .new_shop .fills_areas a {
		width: 32%;
	}
	
	#boto_desplega_recerca > i {
		border-radius: 50%;
		font-size: 14px!important;
		height: 20.31px;
		width: 21px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #555555;
	}
	
	#carro_petit {
		padding-left: 0;
		margin-left: 0;
	}
	
	.mini2 {
		opacity: 1;
		visibility: visible;
	}

	.bloc_article_mini .mini2 .boto_petit {

		/*width: 150px;
		margin: 15px auto 15px;
		padding: 10px 18px;*/
		background: #74b2a2;
		color: #fff;
	}

	.pagines_blog .bloc_fill_categories_blog {
		width: 48.75%;
		margin-right: 2.5%!important;
	}
	.pagines_blog .bloc_fill_categories_blog:nth-child(2n) {
		margin-right: 0!important;
	}

	#filters .seccions_auxiliars {
		justify-content: flex-start;
	}

	.owl-destacats.owl-carousel .owl-stage-outer, .carousel-blog.owl-carousel .owl-stage-outer, .owl-categories-visitades .owl-stage-outer {
		overflow: visible!important;
	}

	.destacats_home.contenidor_centrat {
		max-width: 85%;
		margin: auto;
	}

	.owl-destacats.owl-carousel .owl-nav, .carousel-blog.owl-carousel .owl-nav, .owl-categories-visitades .owl-nav {
		display: none;
	}

	.owl-destacats, .owl-categories-visitades, .carousel-blog.owl-carousel {
		width: 100%!important;
		margin: 0!important;
	}

	
}
@media screen and (max-width:850px)
{
	.bloc_article_mini
	 {
		width: 50%;
	}
	.white-popup-ajax .bloc_article_mini img, .bloc_article_mini.column-5 {
		width: 50%;	
	}
	.item-recerca {
		width: 33.2%;	
	}
	.v_rapid_adjunts {
		width: 90%;
	}
	#adv-custom-pager a{
		width: 50px!important	
	}
	.caracs_icones > div .desc b {
		font-size: 16px;
	}
	.caracs_icones > div .desc span {
		font-size: 14px;
	}
	.caracs_icones > div {
		margin: 0 2.5px;
	}
	
	#fixed_menu.fixed #botiga_menu {
		flex-wrap: wrap;
	}
	#fixed_menu.fixed #botiga_menu > a {
		flex: 1 1 50%;
		padding: 15px 5px;
		line-height: normal;
	}
	#botiga_menu > a::after {
		line-height: normal;
	}
	/*#content_logo {
		margin-top: 140px;
	}*/
	
}

@media screen and (max-width:700px)
{

	
	.bloc_article > div.fl,	.bloc_article > div.fr
	{
		width: 100%;
		margin-bottom: 25px;
	}
	.bloc_article > div.fr
	{
		padding: 15px 0 0 0;
	}
	#adv-custom-pager a{
		width: 75px!important	
	}
	#botons_cart button, #botons_cart > div {
		width: 100%;	
	}
	
	.contenidor_filtres {
		column-count: 1;	
	}
	
	.contenidor_filtres li {
		width: 100%;	
	}
	#filtres .boto_generic {
		top: 30px;
	}
	.buscar_por {
		padding-bottom: 45px;	
	}
	
	.superareas h2 {
		font-size: 18px;	
	}
	
	.new_shop a img {
    	width: 25px;
		display: none;
	}
	
	.new_shop a span {
		width: 100%;
		font-size: 12px;
		margin-left: 0!important;
	}
	
	.new_shop > div > div{
    	width: 100%;
		color: #555555;
	}
	
	.nav_areas .new_shop > div {
		/*max-height: 350px;*/
		overflow: auto;
	}

	.new_shop .fills_areas a {
		width: 31.9%;
	}
	.seccions_auxiliars > div:not(:last-child) {
		max-width: 150px;
	}
	
	#banner_principal .mobile {
		display: block;
	}
	
	#banner_principal .mobile + .desktop {
		display: none;
	}

	.tab {
		font-size: 12px;
	}

	.descripcio_home.amb_descripcio .titol_home {
		float: none;
		text-align: center;
		max-width: 100%;
		margin-right: 0;
		font-size: 25px;
	}

	.client_dos_columnes {
		flex-wrap: wrap;
	}
	.client_dos_columnes > div.sep {
		display: none;
	}
	.client_dos_columnes > div {
		flex: unset;
		width: 100%;
	 }

	 .client_dos_columnes #change_pwd {
		margin-top: 25px;
	 }

	 #change_pwd form {
		max-width: 100%;
	 }

	 .client_dos_columnes #change_pwd form input {
		padding: 5px;
	 }
	
	 #fitxa_article.white-popup-ajax > div {
		padding: 0!important;
	}

	#fitxa_article.white-popup-ajax > div > div {
		padding: 30px 15px;
	}

	header {
		display: flex;
		flex-direction: column;
	}

	header #barra_top {
		order: 1;
		z-index: 9999;
	}

	header #fixed_menu {
		order: 2;
	}
	#header_trabaja_con_nosotros{
		display: none;
	}
}

@media screen and (max-width:1000px) and (max-height: 1000px) {
	.nav_areas .new_shop > div {
		/*max-height: 550px;*/
		overflow: auto;
	}
	.new_shop > div > div {
		width: 100%;
	}

}

@media screen and (max-width:1000px) and (max-height: 760px) {
	.nav_areas .new_shop > div {
		/*max-height: 350px;*/
		overflow: auto;
	}
	.new_shop .fills_areas a {
		width: 48%;
	}
}

@media screen and (max-width:600px)
{
	.destacats_home .bloc_article_mini {
		width: 100%;
	}

	#camp-recerca {
		padding: 5px 40px 5px 20px;
	}

	.contenidor_recerca {
		height: 32px;
	}

	.camp-recerca .fa {
		width: 25px;
    	height: 25px;
		font-size: 11px;
	}

	#fixed_menu.fixed {
		max-height: unset;
		z-index: 1040
	}
		.nav_areas a {
			border-bottom: 1px solid #fff!important;	
			padding: 10px;
		}
	/*#desplegador_botiga {
		background: #ffad33!important;
	}*/
		
	#sliderHome
	{
		position: static;
		float: none !important;
		margin-bottom: 15px;
		margin-left: 0;
		position: relative;
		height: auto;
		padding-top: 60%;
	}
	
	#sliderHome a {
		display: block;
		height: auto;
		width: auto;
		top: 0;
	}
		
	#labels_home
	{
		width: auto;
		height: 302px;
		float: none !important;
	}
	
	
	#banner_busca_simbols > span
	{
		margin-bottom: 20px !important;
	}
	
	#banner_busca_simbols > img
	{
		display: none !important;
	}
	
	#banner_busca_simbols > div
	{
		width: auto !important;
		min-width: 0 !important;
		
	}
	
	#banner_aulatic img
	{
		display:block !important;
		margin: 0px auto 25px !important;
	}
	
	#banner_aulatic div
	{
		display:block !important;
		text-align:center !important;
		max-width: none !important;
	}
	
	.columna_footer, #info_empresa {
		width: 100%;
		text-align: left;
		margin-bottom: 20px;
	}
	#xarxes_socials {width: 100%;}
		#xarxes_socials img {
			margin: 0 5px 0 0;
		}
	
	#formulari_client table, #formulari_client tr, #formulari_client td
	{
		display: block;
		width: 100% !important;
	}
	
	#table_subarticles td
	{
		white-space: normal;
	}
	
		.qty_taula
		{
			white-space: nowrap !important;
		}
	
	.mini_article, .mini_article.first{
		width: 47%;
		margin: 2% 1% !important;
	}
	
	.link_area_client {
		width: 100% !important;
		box-sizing: border-box;
		min-height: 240px;
		margin-left: 0!important;
		margin-bottom: 2%;
	}
	
	/*.bloc_article_mini, .white-popup-ajax .bloc_article_mini, .bloc_article_mini.column-5
	 {
		width: 100%;
		display: block;
		/*margin: 2% 2% 10%;
	}*/
	
	
	
	
	.bloc_article_mini > a > img {
		width: 75%;
	}
	
	.bloc_fill.imatge .fl, .bloc_fill.imatge .fr {
		width: 100%;
		margin-bottom: 15px;
	}

	#menu_sup > li{width: 100%;}
	
	
	#form_families .label_box {
		width: 95%;	
	}
	
	#form_families #destacats .label_box {
		width: auto;	
	}
	
/*	.superareas > div,*/ #prefooter > div > * {
		width: 100%;
		text-align: center!important;
		margin-right: 0;	
	}
	.superareas h2 {
		/*padding: 55px 0 30px;*/
		font-size: 14px;
	}
	.superareas p {
		top: 25px;	
	}
	.superareas img {
		width: 150px;;
		bottom: -50px;
	}
	table {
		overflow: auto;
		display:block;	
	}
	.white-popup-ajax {
		padding: 5px;
	}
	.bloc_area {
		width: 50%;	
	}
	
	.slide h2 {
		font-size: 25px;	
	}
	.slide > div:last-child > div {
		right: 0;
		padding-left: 50px;	
	}
	
	#cont_height {
		/*max-height: 300px;*/
	}
	.bloc_article_mini .mini1 >  img {
		width: 70%;	
	}
	.white-popup-ajax {
		margin: 105px auto 80px;
	}
	.columna_recerca
	{
		width: 100%!important;
	}
	.item-recerca {
		width: 50%;	
	}
	.item-recerca:hover > div {
		transform: none;	
	}
	.galeria_generica a {
		width: 49%;	
	}
	.v_rapid_adjunts {
		width: 100%;
	}
	/*#filtres {
		margin-right: 10px;
		padding-left: 10px;
	}*/
	
	.superareas > div {
		width: 100%;
	}
	
	.superareas > div > a {
		height: 75px;
	}
	
	.missatge, #fixed_menu.fixed .missatge {
		width: 100%;
		font-size:16px;
		padding: 5px 0;
		height:inherit;
		line-height: 1;
	}
	#desplegables_barra {
		float: none;
		flex: 1;
    justify-content: flex-end;
	}
	
	.table_subarticles_ref {
		display: block!important;	
		flex: 1;
	}
	
	
	.bloc_ser_client .titol {
		font-size: 20px;	
	}
	

	.missatge {
		width: 100%;
		margin-left: 0;
		justify-content: center;
		display: none;
	}
	#desplegables_barra::after {
		display: none;
	}
	.desc_2_columns .desc {
		column-count: 1;
	}
	.new_shop a img {
		display: none;
	}
	#fixed_menu .new_shop .fills_areas a {
		width:48%;
	}
	.nav_areas .new_shop > div, #menu {
		/*background: #f2f2f2;*/
		padding: 25px 20px;
	}
	
	#footer > .contenidor_centrat {
		width: 80%;
	}
	.columna_footer {
		padding: 0;
    	margin-bottom: 0px!important;
	}
	#info_empresa > div > div {
		border: 0!important;
	}

	.columna_footer > div {
		display: none;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	#footer h4 {
		margin-bottom: 0;
		position: relative;
		padding: 10px 0;
		font-size: 14px;
		cursor: pointer;
		margin: auto;
	}
	.columna_footer a {
		padding: 5px 0;
	}

	#info_empresa .desplegador_seccio_foot {
		display: block;
	}
	#footer h4::after {
		content: "\f107";
		position: absolute;
		top:0;
		bottom: 0;
		height: 16px;
		right: 0;
		margin: auto;
		font: normal normal normal 14px/1 "Font Awesome 6 Free";
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 14px;
		transition: transform .25s ease;
		font-weight: 600;
	}
	#footer h4.active::after {
		transform: rotate(180deg);
	}
	#credits {
		padding: 30px 0 0 0;
		margin-top: 30px;
	}
	#credits > div {
		flex-wrap: wrap;
	}
	#credits .fp {
		width: 100%;
		flex: none!important;
		text-align: center;
		justify-content: center;
		padding-bottom: 30px;
		border-bottom: 1px solid #e8e8e8;
	}

	#credits .apps {
		margin: 30px 0;
		position: static;
		text-align: left;
		width: auto;
		padding-left: 15px;
	}

	#credits .xarxes {
		flex: 1;
		padding-right: 15px;
	}
	
	#credits #xarxes_socials {
		justify-content: flex-end;
		margin-top: 15px;
		margin: 30px 0;
	}
	.caracs_icones > div .desc b {
		font-size: 14px;
	}
	.caracs_icones > div .desc span {
		font-size: 12px;
	}
	.caracs_icones {
		flex-wrap: wrap;
	}
	.caracs_icones > div {
		margin: 0;
		width: 50%;
		padding: 5px 2.5px;
	}
	
	.table_opcions_subarticles tr td:nth-child(2) {
		display: none;
	}
	.table_opcions_subarticles td {
		border:0!important;
	}
	
	#table_subarticles .boto_compra span {
		display: none;
	}
	/*#menu_client
	{
		left: 0;
	}*/
	
	#content_logo img {
		margin: 0 auto;
	}
	
	#table_subarticles {
		font-size: 14px;
		margin: 15px auto;
		width: 100%;
		padding-right: 10px;
	}
	#table_subarticles tbody > tr:first-child {
		flex-wrap: nowrap;
		background: #fff;
	}
	#table_subarticles tbody > tr:first-child > td {
		display: none!important;
	}
	#table_subarticles tbody > tr {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid rgba(85, 85, 85, .3);
		padding: 0 10px;
	}
	#table_subarticles tbody > tr > td {
		order: 10;
	}
	#table_subarticles tbody > tr > td.table_subarticles_ref {
		order: 1;
	}
	#table_subarticles tbody > tr > td.desc {
		flex: 50%;
		order: 2;
	}
	#table_subarticles tbody > tr > td.disponibilitat {
		flex: 50%;
		text-align: left!important;
		order: 4;
	}
	#table_subarticles tbody > tr > td.preu_taula {
		order: 3;
		font-size: 18px;
	}
	#table_subarticles tbody > tr > td.preu {
		flex: 50%;
		text-align: left!important;
	}
	#table_subarticles tbody > tr > .qty_taula {
		width: 40%;
		width: calc(50% - 30px);
		display: flex;
		justify-content: flex-end;
		padding-right: 15px;
	}

	/*.bloc_fill_categories_blog.bloc_fill_blog {
		margin-right: 0!important;
		width: 100%;
	}

	.bloc_fill_categories_blog {
		width: 100%;
	}*/

	#app_redirect > div {
		width: 100%;
	}

	#app_redirect > div > div.desc {
		flex: 1;
	}

	.bloc_article_mini .colors > div {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		margin: 0 1px;
	}

	#desc_familia table tr {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

	#desc_familia table td {
		width: 100%!important;
		text-align: center;
	}

	.bloc_fill_categories_blog .desc {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#content_logo img {
		width: 100%;
	}

	.logo_cerca {
		padding: 10px 0!important;
	}

	#content_logo {
		width: 30%;
		margin-right: 25px;
	}

	.contenidor_centrat, .destacats_home.contenidor_centrat,  #barra_top > div, #menu_top > div {
		max-width: 92%;
	}

	#fitxa_article h1.titol_seccio {
		font-family: "robotoregular";
		font-weight: 100;
		font-size: 25px;
	}

	.content-tabs table {
		display: table;
	}

	#footer h4 {
		color: inherit!important;
	}

	.pagines_blog .bloc_fill_categories_blog {
		width: 100%;
		margin-right: 0!important;
	}
}



@media screen and (max-width:450px)
{
	.item-recerca {
		width: 100%;	
	}
	#botiga_menu > a {
		font-size: 16px;
	}
	.blocs_ser_client {
		flex-wrap: wrap;	
	}
	.bloc_ser_client {
		width: 100%;
		flex: auto;
		margin-bottom: 10px;	
	}
	.new_shop .fills_areas a {
		width: 100%;
		margin-right: 0
	}
	.user_mobile {
		display: none;	
	}
	
	#menu_client {
		left: calc(-155px + 50%);
	}
	
	
	
}

@media screen and (max-width:380px)
{

	.nav_areas a .fa {
		font-size: 12px;	
	}
	
	.titol_pare_arees .fa {
		display: none;	
	}
	
}




@keyframes icon-animate{

	25% {
		transform: rotate(-30deg)
	}
	50% {
		transform: rotate(30deg)
	}
	75% {
		transform: rotate(-30deg)
	}
	99% {
		transform: rotate(30deg)
	}
	100% {
		transform: rotate(0deg)
	}
}

@-moz-keyframes icon-animate{
	25% {
		transform: rotate(-30deg)
	}
	50% {
		transform: rotate(30deg)
	}
	75% {
		transform: rotate(-30deg)
	}
	99% {
		transform: rotate(30deg)
	}
	100% {
		transform: rotate(0deg)
	}
}
@-webkit-keyframes icon-animate{
	25% {
		transform: rotate(-30deg)
	}
	50% {
		transform: rotate(30deg)
	}
	75% {
		transform: rotate(-30deg)
	}
	99% {
		transform: rotate(30deg)
	}
	100% {
		transform: rotate(0deg)
	}
}
@-o-keyframes icon-animate{
	25% {
		transform: rotate(-30deg)
	}
	50% {
		transform: rotate(30deg)
	}
	75% {
		transform: rotate(-30deg)
	}
	99% {
		transform: rotate(30deg)
	}
	100% {
		transform: rotate(0deg)
	}
}

#menu a.destacat_publicitari {
	/*animation: publi_destacada 3s infinite;*/
	border-width:1px;
	border: 1px solid!important;
	z-index: 830;
}

@keyframes publi_destacada{

	50% {
		transform: scale(1.12,1.12)
	}
	100% {
		transform: scale(1,1)
	}
}

@-moz-keyframes publi_destacada{

	50% {
		transform: scale(1.2,1.2)
	}
	100% {
		transform: scale(1,1)
	}
}
@-webkit-keyframes publi_destacada{

	50% {
		transform: scale(1.2,1.2)
	}
	100% {
		transform: scale(1,1)
	}
}
@-o-keyframes publi_destacada{

	50% {
		transform: scale(1.2,1.2)
	}
	100% {
		transform: scale(1,1)
	}
}

.mfp-preloader, .mfp-preloader a {
	color: #fff!important	
}

@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.eot?1jic62');
	src:  url('../fonts/icomoon.eot?1jic62#iefix') format('embedded-opentype'),
	  url('../fonts/icomoon.ttf?1jic62') format('truetype'),
	  url('../fonts/icomoon.woff?1jic62') format('woff'),
	  url('../fonts/icomoon.svg?1jic62#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .icon-shopping-cart:before {
	content: "\e900";
  }