/*
Ajustar estils quan trii el color
*/
#barra_top, #fixed_menu {
	background: #124B5F!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;
}*/


*
{
	
	box-sizing:border-box;
}

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

img{border: 0;}

body,input
{
	font-family: "Titillium Web", 'josefin_sansregular','calibri','Tahoma','Arial';
	line-height: 1.3;
}

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

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


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

a{color:#528AB2;}
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: 15px;
	}
		.paginacio a
		{
			display: inline-block;
			vertical-align: top;
			height: 30px;
			width: 30px;
			line-height: 30px;
			font-size: 14px;
			text-decoration: none;
			color: #124b5f;
			background-color: #FFFFFF;
		}
		
		.paginacio a.next,.paginacio a.prev
		{
			font-size: 30px !important;
			line-height: 26px;
		}
		
			a.selected
			{
				color: #FFFFFF;
				background-color: #124b5f;
			}
.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}

.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 > div
	{
		max-height: 480px; 
		overflow: auto;
	}
	
.white-popup-ajax, .zoom-anim-dialog
{
	position: relative;
    background: #f2ede9;
    padding: 35px;
    max-width: 1000px;
    width: auto;
    overflow: auto;
    margin: 80px auto;
}
	.white-popup-ajax > div, .zoom-anim-dialog > div {
		background: #fff;
		padding: 10px;
	}
		
.cb{clear:both}
#header
{
	font-size: 14px; height: 136px; width: 1008px; margin: auto; position: static; background: url(../img/header.jpg) no-repeat center center;
}
#barra_top
{
	font-size: 15px;
	padding: 10px 0 10px;
	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, .theme_default #menu a.botiga_menu:hover, .theme_default #menu a.botiga_menu.active
	{
		color: #19936f;
		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;		
	}
	
#barra_top.orange, .orange #fixed_menu, .superareas > div:nth-child(1) 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 */
}

	.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 #menu a.botiga_menu:hover, .orange #menu a.botiga_menu.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;		
	}
	
#barra_top.green, .green #fixed_menu, .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 */
}

	.green .bg_linear:hover, .green .bg_linear.active,  .green .bg_linear.first.active + .bg_linear, .green .bg_linear.first.active .bg_linear, .green #menu a.botiga_menu:hover, .green #menu a.botiga_menu.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;		
	}
	
#barra_top.blue, .blue #fixed_menu, .superareas > div:nth-child(4) 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 */
}

	.blue .bg_linear:hover, .blue .bg_linear.active,  .blue .bg_linear.first.active + .bg_linear, .blue .bg_linear.first.active .bg_linear, .blue #menu a.botiga_menu:hover, .blue #menu a.botiga_menu.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;		
	}

#barra_top.red, .red #fixed_menu, .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 */
}

	.red .bg_linear:hover, .red .bg_linear.active,  .red .bg_linear.first.active + .bg_linear, .red .bg_linear.first.active .bg_linear, .red #menu a.botiga_menu:hover, .red #menu a.botiga_menu.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;		
	}

#barra_top.purple, .purple #fixed_menu, .superareas > div:nth-child(5) a
{
	background: #548db9; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, rgb(128, 0, 128), rgb(183, 59, 183) 80%) no-repeat; /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgb(128, 0, 128), rgb(183, 59, 183) 80%) no-repeat; /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgb(128, 0, 128), rgb(183, 59, 183) 80%) no-repeat; /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgb(128, 0, 128), rgb(183, 59, 183) 80%) no-repeat /* Standard syntax */
}

	.purple .bg_linear:hover, .purple .bg_linear.active,  .purple .bg_linear.first.active + .bg_linear, .purple .bg_linear.first.active .bg_linear, .purple #menu a.botiga_menu:hover, .purple #menu a.botiga_menu.active
	{
		color: #800080;
		background: #88d498;
		background: -webkit-linear-gradient(left, rgb(128, 0, 128), rgb(183, 59, 183) 50%) no-repeat;
		background: -o-linear-gradient(right, rgb(128, 0, 128), rgb(183, 59, 183) 80%) no-repeat;
		background: -moz-linear-gradient(right, rgb(128, 0, 128), rgb(183, 59, 183) 50%) no-repeat;
		background: linear-gradient(to right, rgb(128, 0, 128), rgb(183, 59, 183) 80%) no-repeat		
	}

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

.bg_linear {
	background: transparent;
	color: #fff;
}
.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: #114b61;
    transition: all .25s ease;
    display: inline-block;
    margin: -10px 45px 0 0;
}
/* ADDED */ 
.nav_areas a {
    color: #fff;
	font-family: 'josefin_sansbold'!important;
	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}
#fixed_menu.fixed {
	position: fixed;
	left: 0;
	top: 0;
	padding: 10px 0;
	width: 100%;
	max-height: 54px;
	-webkit-transform: translateZ(0);
}

	#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:not(.active):first-child:hover {
	background: #f95738!important
}
.nav_areas > a:not(.active):last-child:hover {
	background: #19936f!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: 376px;
	position: absolute;
	top: 34px;
	left: calc(-188px + 50%);
	z-index: 999;
}

#arts_cart_small .resaltat {
	
}

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

	#barra_top > div
	{
		width: 1200px; 
		margin: auto;
		position: relative;
		max-width: 100%;
	}
	
		#desplegables_barra
		{
			color: #242424;
		}

			#tancar_sessio:hover
			{
				background-color: #FFFFFF;
			}
			#auth>span
			{
				cursor:pointer;
				max-width: 180px;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}
			#auth
			{
				position: relative;  
			}
			
				#auth > div
				{
					display:none;
				}
				
				#auth > .active
				{
					background-color: #FFFFFF;
				}
			
			
			.label_barra
			{
				height: 34px; line-height: 34px; display:block; padding: 0px 10px; color: #ffffff; text-decoration: none; position: relative;z-index: 999;
			}
			
				.label_barra i:first-child
				{
					font-size: 20px;vertical-align: -3px;
				}
				
			.linees {
				position: absolute;
				bottom: 2px;
				right: 7px;
				height: 10px;
				margin: auto;
				font-size: 12px;
				padding: 7px 5px;
				border: 1px solid;
				line-height: 0;
				border-radius: 50%;
				background: #134a5e;
				color: #fff;
			}
			
			#boto_desplega_recerca.active {
				z-index: 999;
				position: relative;	
			}
			#menu_auth
			{
				 padding: 15px 15px 10px 15px; font-size: 13px; right: 0; background: #FFFFFF;width: 260px; border-radius: 0 0 5px 5px;
			}
			
				#menu_auth input
				{
					width: 226px; border: 1px solid #F8AE48; padding: 2px 5px; margin-bottom: 8px; outline: 0px;
				}
				
			#menu_client
			{
				position: absolute; z-index: 120; padding: 15px; font-size: 13px; left: calc(-50% - 34px);left: calc(-130px + 50%); top:32px; width: 260px;
			}
			
			
				#menu_client input
				{
					width: 226px; border: 1px solid #F8AE48; padding: 2px 5px; margin-bottom: 8px; outline: 0px;
				}
				
				.boto_auth
				{
					cursor:pointer; text-decoration: none; display: inline-block; color: #FFFFFF; padding: 3px 10px; background-color: #F8AE48; margin-left: 5px;
				}
				
				
			#idiomes
			{
				padding: 0;
				vertical-align: top;
				
				cursor: default;
				margin: 0;
				
			}
	
	
	
		#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;
		}
.cont_cerca {
	width: 44px;	
}
#recerca
{
	width: 206px;
    position: absolute;
    right: 0;
    overflow: hidden;
    height: 36px;
    padding: 8px 10px;
    z-index: 9999;
    display: none;
	top: 32px;
}
#recerca.active {
	display: block;	
}
	#recerca > div
	{
		overflow: hidden; height: 25px;
	}
		
		#recerca i
		{
			margin-top: 2px;
		}
		
		.camp-recerca
		{
			border: 1px solid #f8ae48; border-top: none; position: relative; margin-left: 10px; height: 4px; width: 162px; margin-top: 14px; 
		}
		
			.camp-recerca input
			{
				border: none; background: transparent; height: 15px; padding: 0px 5px; margin-bottom: 2px; /*font-family: calibri;*/ width: 152px;  font-style: italic; position: absolute; bottom:0; outline: 0px;
			}
			
		.close_recerca
		{
			color:#3a3a3a; text-decoration:none; margin-right: 5px; text-transform: uppercase;
		}
		
		#div-results {
			height: auto !important;
			margin-top: 15px;
			position: absolute;
			overflow: auto !important;
			top: 76px;
			left: 10px;
			right: 10px;
			bottom: 10px;
			
		}
		
	.titol_recerca
	{
		display: none;
		font-size: 24px; 
		line-height: 24px; 
		font-style: italic;
	}
	.columna_recerca
	{
		padding:5px 10px; 
		float:left; 
		width:32%
	}
	
		.columna_recerca .titol_seccio {
			font-size: 20px;	
		}
	
	.item-recerca {
		padding: 10px 10px 10px 0;
		cursor: pointer;
		width: 16.66%;
		display: inline-block;
		vertical-align: top;
			
	}
	
		.item-recerca > div {
			padding: 10px;
			transition: transform .25s ease;
			border: 1px solid #ccc;
			background: #fff;
		}
		
		.item-recerca:hover > div {
			transform: scale(1.11);
		}
		
		.item-recerca.hover > div {
			transform: scale(0.95);
		}
	
	.white-popup-ajax .titol_seccio
	{
		margin-bottom: 30px;
	}
	
	.titol_seccio
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
		font-size: 25px;
		margin-bottom: 15px;
		color: #124b5f;
		font-family: "Titillium Web";
		text-transform: uppercase;
		letter-spacing: 2px;
	}

	.titol_area_client
	{
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		padding: 5px 10px;
		font-family: "Titillium Web";
		
		font-size: 20px; 
		margin-bottom: 0; 
		border-bottom: 1px solid #FFFFFF; 
		color: #FFFFFF; 
		background-color: #528AB2;
	}
	
	.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	
	}
	
#content_logo {
	width: 250px;
    margin: 20px auto;
}
#content_logo img  {
	width: 100%;	
}
#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;
		font-family: 'josefin_sansbold';
		display: inline-block;
		vertical-align: top;
		font-size: 15px;
		color: #124b5f;
	
	}
	.orange .bloc_area a {
		color: #f95738;
	}
	.green .bloc_area a {
		color: #19936f;
	}
	.blue .bloc_area a {
		color: #548db9;
	}
	.red .bloc_area a {
		color: #eb3e3e;
	}


		.bloc_area a {
			text-decoration: none;	
		}
		
		.bloc_area a:hover {
			color: #124b5f;	
		}
		.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: #124b5f;
		text-align: center;
		text-decoration: none;
		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;
			display: flex;
			flex-wrap: wrap;
		}
	
			.superareas > div {
				flex:1;
				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-family: 'josefin_sansbold';
						/*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-weight: bold;
			}
			.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;
			font-family: 'josefin_sansbold';
			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;
}

.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;
	line-height: 26px;
	font-size: 14px;
	color: inherit;
}

#menu_client i
{
	font-size: 18px;
	display: inline-block;
	width: 20px;
	vertical-align: middle;
}
#menu
{
	overflow: hidden;
	font-size: 0;
	width: 100%;
	text-align: center;
	color: #ffffff;
	letter-spacing: 1px;
	margin-bottom: 10px;
	display: block
}
#menu a
{
	display: inline-block;
	vertical-align:top;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0px 25px;
	text-decoration: none;
	font-family: 'josefin_sansbold';
	text-transform: uppercase;
	position: relative;
	font-size: 13px;
	border-left: 1px solid #fff;
	border-width:	0 1px 0 1px;
	z-index: 50;
}

#menu a:first-child {
	border: 0;
}

#menu a:hover, #menu a.active, #menu a:hover + a, #menu a:hover + div +a, #menu a.active +a, #menu a.active + div +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;
			font-family: 'josefin_sansbold';
			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;
		}
		
		#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';*/
				font-family: 'josefin_sansbold';
				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: 100%;
}	
		
		#form_families
		{
			padding: 0;
			margin: 0;
			color: #124b5f;
			font-family: 'josefin_sansbold';
			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: 16px;
						margin-right: 2%;
					}
					.column > div:nth-child(6n) {
						margin-right: 0;
					}
				
				#form_families input
				{
					display: none;
				}
				
				
				
				
				#form_families .label_box {
					display: inline-block;
					vertical-align: top;
					text-align: left;
					margin: 0 5px 10px 0;
					width: 100%;
					height: 38px;
					overflow: hidden;
				}
					#form_families label {
						cursor: pointer;
					}
					#form_families .label_box label::before, #form_filtres_caracs label::before
					{
						content: '\f00c';
						font: normal normal normal 14px/1 FontAwesome;
						display: inline-block;
						width: 15px;
						height: 15px;
						border: 1px solid #124b5f;
						visibility: visible;
						cursor: pointer;
						margin: 3px 5px 0 0;
						color: #fff;
					}
					#form_families input:checked + .label_box label::before, #form_filtres_caracs input:checked + label::before {
						background-color:#124b5f;
					}
					#form_families .label_box span {
						width: calc(100% - 35px);
						display: inline-block;
						vertical-align: top;
					}
					
				.column a {	
					text-decoration:none;margin-bottom: 10px;width: 100%;display:inline-block;
				}
					
				.orange .column a{
					color: #124b5f;
				}
				.green .column a{
					color: #19936f;
				}
				.blue .column a {
					color: #548db9;
				}
				.red .column a {
					color: #eb3e3e;
				}
				.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;
				}
			#destacats
			{
				margin-bottom: 10px;
				font-size: 0;
				margin-top: 15px;
				text-align: center;
			}
			
			#form_families #destacats .label_box {
				margin-right: 20px;	
				width: auto;
			}
				
				#form_families #destacats label::before
				{
					content: '';
					display: inline-block;
					width: 21px;
					height: 21px;
					border: 0;
					visibility: visible;
					background-repeat: no-repeat;
					-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    				filter: grayscale(100%);
					margin-top: 0;
					background-size: contain;
					background-image: url(../img/icon_all.png);
				}
				
				
				
				#form_families #destacats input:checked + .label_box label::before {
					background-color:transparent;
					-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    				filter: grayscale(0%);
				}
					
					#form_families #destacats label.image1::before {
						background-image: url(../img/icon_novetat.png);
					}
					
					#form_families #destacats label.image2::before {
						background-image: url(../img/icon_promocio.png);
					}
					
					#form_families #destacats label.image3::before {
						background-image: url(../img/icon_destacat.png);
					}
					
					#form_families #destacats label.image4::before {
						background-image: url(../img/icon_outlet.png);
					}
					/*#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;
					text-transform: uppercase;
					font-family: 'josefin_sansbold';
					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 {
					text-decoration: underline;	
				}
					#form_families #destacats .label_box span {
						width: auto	
					}
		
						
		#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% - 260px);
}


.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; background:url(../img/ombra_producte.png) no-repeat bottom center; color: #124b5f;
}
	
	.bloc_article > div.fl
	{
		width: 50%; 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: 50%;
		font-size: 16px;
		padding: 15px 10px 0 0;
	}
		.bloc_article > div.fr > div
		{
			line-height: 1.7
		}
			
.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 #124b5f;}
.bloc_article_d_des .icon_article{border: 2px solid #f4d35f;}
.bloc_article_d_nov .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;}



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

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


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



/*===Bloc article: vista per blocs===*/
#result_families {font-size: 0;min-height: 100px;    margin-bottom: 45px;}

.bloc_article_mini
{
	width: 24%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 15px;
	font-size: 15px;
	text-align: center;
	color: #124b5f;
	margin-right: 1.33%;
	position: relative;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	min-height: 321px;
}

.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);
	}
	
	.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)}

		.capa_hover p{
			background: #fff;
			font-size: 18px;
			font-weight: bold;
			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;
		/*min-height: 346px;*/
	}
	.bloc_article_mini  a
	{
		outline: 0px;
		display: block;
		color: #124b5f;
	}
	.bloc_article_mini .mini1 >  img
	{
		width: 192px;
		margin-bottom: 15px;
	}
	
		.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;
		font-family: 'josefin_sansbold';		
	}
	
	.white-popup-ajax .bloc_article_mini
	 { 
	 	width: 32%;
		margin: 0% 0.44% 15px;
	 }
	 	.white-popup-ajax .bloc_article_mini img {
			width: 100%	
		}
	 
	.text_destacats {
		position: absolute;
		bottom: -65px;
		left: -65px;
		z-index: 999;
		transform: rotate(45deg);	
		text-align: center;
	}
	
	.text_destacats  p {
		width: 130px;
		height: 130px;
		margin: 0;
		padding-top: 3px;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		line-height: normal;
		font-size: 10px;
	}
	
		.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: #124b5f}
		
		.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 #124b5f}
		
			.text_destacats span {
				display: block;
				margin: 0;
				line-height: 1;
			}
	
	.bloc_article_mini .descripcions
	{
		font-size: 14px;
		font-family: 'josefin_sansbold';
		text-transform: uppercase;
		min-height: 55px;
	}
	
	.bloc_article_mini .preus
	{
		line-height: 0.5;
	}
	
	
	.bloc_article_mini .preu_anterior
	{
		font-size: 18px;
		line-height: 30px;
		text-decoration:line-through;
		vertical-align: middle;
	}
	
	.bloc_article_mini .boto_petit i
	{
		float: right;
		margin-top: 2px;
	}
	
	.bloc_article_mini .mini2 .boto_petit
	{	
		text-decoration: none;
		font-size: 30px;
		text-align: left;
	}

	.bloc_article_mini .mini2 .boto_petit.full {
		width: 100%;
		padding: 14px 20px;	
	}
	
		.bloc_article_mini .mini2 .boto_petit:hover .fa {
			-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: 10px;
		bottom: 5px;
		z-index: 200;
		color: #124b5f;
	}
		/*.orange .bloc_article_mini .mini2 .fa
		{
			color:#f47641;
		}
		.blue .bloc_article_mini .mini2 .fa
		{
			color:#124e60;
		}*/



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

	.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: 2px;
		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;
			font-family: 'josefin_sansregular';
		}
		
		.slide  p{
			margin: 10px 0;
		}
		
		.slide a{
			color: #f4d25e;
			text-decoration: none;
		}

	
	.pager {
		text-align: center;	
		min-height: 30px;
		margin-top: -30px;
		font-family: 'josefin_sansregular';
		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;
	font-size: 0;
}

	#destacats_home a.first
	{
		margin-left: 0;
	}
	
	.destacat_home
	{
		width: 150px; 
		text-decoration: none; 
		margin-left: 18px; 
		font-size: 13px;
		color: #242424;
		text-align: center; 
		height:210px;
		overflow:hidden;
	}
	
	.destacat_home img
	{
		width: 100%;
		border: 2px solid #eaeaea;
		margin-bottom: 10px; 
	}
	
	.destacat_home span
	{
		min-height: 32px;
		display:block;
	}
	
/*FI HOME*/

.taula_facturacio
{
	width: 100%;
	border-spacing: 0;
	font-size: 15px;
	font-family: 'calibri','Tahoma','Arial';
}

	.taula_facturacio th
	{
		font-family: 'josefin_sansbold';
		background-color: #528AB2;
		padding: 5px;
		color: #FFFFFF;
		border-bottom: 1px solid;
	}
	
	.taula_facturacio td
	{
		padding: 5px;
	}
	
	.taula_facturacio.pointer > tbody > tr
	{
		cursor:pointer;
	}
	
		.taula_facturacio > tbody > tr > td
		{
			border-bottom: 1px solid #CCCCCC;
		}
		
		.taula_facturacio tr.bg1 td
		{
			background-color: #F5FDFF;
		}
		
		.taula_facturacio tr.bg2 td
		{
			background-color: #E3F8FF;
		}
		

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


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


#prefooter {
	background-color: #f2f2f2
}

	#prefooter > div {
		padding: 30px 0 15px;
		font-size: 0;	
		color: #0c485a;
		text-align: center;
	}
		#prefooter h3 {
			font-size: 27px;
			text-transform: lowercase;
			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;
			font-family: 'josefin_sansbold';
		}  
	
			#prefooter p {
				margin:0 0 10px 0;
			}
			
			#prefooter .fa {
				margin-right: 20px;	
			}
	
#xarxes_socials
{
	float: right;
    width: 7%;
}
	#xarxes_socials img {
		border: 0;
		width: 26.66px;
		margin: 2px 5px
	}

#footer
{
	padding: 30px 0px 80px;
	background-color: #124b5f; 
	color: #FFFFFF;
	font-family: 'josefin_sansregular';
	letter-spacing: 2px;
	font-size: 14px;
}


#footer h4
{
	font-size: 16px;
    margin-bottom: 10px;
	font-family: 'josefin_sansbold'
	
}

	.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: 22%;
    	padding-right: 20px;
	}
	#info_empresa {width:27%}
	
		.columna_footer a
		{
			display:block;
			color: #FFFFFF;
			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.refresh {
		background-color: #689007;
	}
	
	#formulari_client{color: #666; font-size: 15px;}
	#formulari_client input[type="text"], #formulari_client textarea
	{
		padding: 5px;
		width: 100%;
		border-radius: 5px;
		border: 1px solid #CCCCCC;
	}
	
#productes_categoria {font-size: 0;}
#productes_categoria .titol_seccio {text-align: center;}
#productes_categoria .mini_article  span {
	font-family: 'josefin_sansbold';
	font-size: 16px;
	color: #124b5f;
}

#arts_cart_small td
	{
		padding: 1px 8px;
		border-bottom: 1px solid #e1ecde; 
	}
	
	#arts_cart_small td:not(.preu)
	{
		color: #1f566a;
	}
	
	#arts_cart_small tr:last-child td {
		border-bottom: 0;	
	}
	
	#arts_cart_small td img {
		min-height: 65px;	
	}
	
	
/*ERROR -------------------*/
	.error
	{
		color:#C00;
		font-family: 'josefin_sansbold';
	}
	#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;
	

	
}
.link_area_client .warning
{
	margin-top:30px;
	
	display: inline-block;
	padding: .2em .6em .3em;
	font-size: 125%;
	font-family: 'josefin_sansbold';
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	background-color: #f0ad4e;
	
}


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

	.link_area_client i
	{
		font-size: 70px;
		display: block;
		/*text-shadow: -1px -1px 1px #777777;
		color: #A2B6E2;*/
		color: #528AB2;
		height: 80px;
	}
	
	.link_area_client img
	{
		margin-bottom: 10px;
	}
	.link_area_client span
	{
		/*font-family: 'calibri_bold';*/
		/*font-family: 'calibri';*/
		font-family: 'josefin_sansbold';
		font-size: 16px;
		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;
	font-family: 'josefin_sansbold';
	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: 15px;
	}
	
	#area_client_lat a, #area_client_lat_2 a
	{
		display: block;
		padding: 10px 15px;
		background-color: #f9f9f9;
		border-bottom: 1px solid #CCC;
		text-decoration: none;
		overflow: hidden;
		font-family:'josefin_sansbold'
	}
	
	#area_client_lat a:hover, , #area_client_lat_2 a:hover
	{
		background-color: #FFFFFF;
		color: #3a3a3a;
	}
	
		#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;
	}
	.bloc_fill.imatge .fl
	{
		width: 20%;
	}
	
	.bloc_fill.imatge .fr
	{
		width: 78%;
	}
	.presentacio
	{
		color:#690;
	}
	
	
	
.mobile{display:none;}

#desplegador_menu_area_client{
    display: none;
}

#scroll_top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	color: #fff;
	background: #87d397;
	cursor: pointer;
	font-size: 25px;
	text-align: center;
	display: none;
	z-index: 9999;
}
	.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
	}
	
	#content .compra_rapida > div {
		padding-left: 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: #124B5F;
		z-index: 999;
		cursor: pointer;	
	}
	
	.gallery_popup #next {
		position: absolute;
		right: -5%;
		top:0;
		bottom: 0;
		height: 20px;
		font-size: 20px;
		margin: auto;
		color: #124B5F;	
		z-index: 999;
		cursor: pointer;
	}
	
	.buscar_por {font-family: 'Titillium Web';font-size: 20px;margin-bottom: 30px;padding-bottom:15px;border-bottom: 1px solid;}
	#filtres{list-style-type:none;color: #124B5F;position: relative;margin-right: 40px;}
	#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;*/
	}
	.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_categoria_petit > div {
		margin:2px 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;
	}
	
	#banner_publicitari {
		text-align: center;
		display: table;
		margin: 0 auto;
	}
		#banner_publicitari img {
			max-width: 100%;	
		}
	
	.see_pwd {
		font-size: 16px;
		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;	
	}	
	
	#new_shop {
		position: absolute;
		margin-top: -2px;
		display: none;
		padding: 25px;
		width: 100%;
		color: #0c485a;
	}
		#new_shop > div {
			max-height: 660px;
			overflow-x: hidden;
			overflow-y: auto;
		}
		#new_shop > div > div {
			width: 49%;
			display: inline-block;
			vertical-align: top;
		}
		#new_shop .link_superarea {
			font-size: 18px;
			text-transform: uppercase;
			margin: 0 25px 10px 0;
			border-bottom: 1px solid!important;
			text-align: center;
			font-family: "Titillium Web";
			display: block;
			padding: 0;
			width: auto;
		}
		#new_shop .fills_areas {
			text-align: left;	
		}
		#new_shop .fills_areas a {
			display: inline-block;
			width: 32%;
			height: inherit;
			line-height: normal;
			text-align: left;
			padding: 10px 5px 5px 0;
    		margin: 0 2px;
			text-decoration: none;
			font-family: 'josefin_sansbold';
			text-transform: uppercase;
			position: relative;
			z-index: 0;
			font-size: 0;
			border-left: none;	
			color: #0c485a;
		}
			.orange #new_shop .fills_areas a {
				color: #f95738;
			}
			.green #new_shop .fills_areas a {
				color: #19936f;
			}
			.blue #new_shop .fills_areas a {
				color: #548db9;
			}
			.red #new_shop .fills_areas a {
				color: #eb3e3e;
			}
			#new_shop a span, #new_shop a img {
				display: inline-block;
    			vertical-align: middle;
				
			}
			#new_shop a img {
				width: 50px;
				transition: transform .25s ease;
			}
			#new_shop a span {
				
				width: calc(100% - 71px);
				font-size: 12px;
			}
			#new_shop .fills_areas a:hover, #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	
	}

	
	#fixed_menu.fixed #botiga_menu {
		visibility: visible;
		display: block;
	}
	#fixed_menu #botiga_menu {
		visibility: hidden;
		display: none;
	}
	
	#ruta_html {
		margin-bottom: 30px;
		color: #124b5f;
		padding-bottom: 5px;
		border-bottom: 1px solid #457282;
	}
	
	#ruta_html > * {
		color: inherit;	
		margin: 0 5px;
		text-decoration: none;
	}

	.missatge {
		width: calc(100% - 500px);
		color: #fff;
		height: 34px;
		display: flex;
		align-items: center;
		font-size: 18px;
	}
	
	#fixed_menu.fixed .missatge {
		width: calc(100% - 650px);
		margin-left: 10px;
	}
	
	#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;	
	}
		
	
	
		
@media screen and (max-width:1200px) {	
	.contenidor_centrat, #menu_botiga {
		width: 99%;	
	}
	#barra_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;	
	}
}

@media screen and (max-width:1000px)
{
	#barra_top > div > .desplegador_menu, #barra_top > div > #menu {
		display: none!important;		
	}
	.contenidor_centrat {
		width: 96%;	
	}
	.cart_desktop {
		visibility: hidden; width: 1px;
	}
	#fixed_menu.fixed {
		max-height: 85px;	
	}
		#fixed_menu.fixed > div {
			width: 100%;	
		}
	.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: block!important;	
	}
	#destacats_home, .no_display
	{
		display: none !important;
	}
	.destacat_home {
		width: 22.5%;
		text-decoration: none;
		margin-left: 18px;
		font-size: 13px;
		color: #242424;
		text-align: center;
		height: auto;
		overflow: hidden;
		margin: 2% 1% !important;
		float: none !important;
		display: inline-block;
	}
	

	#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 {
		width: 100%;
		margin: 0 0 20px;	
	}
	
	.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;
		padding: 25px;
		width: 100%;
		color: #0c485a;
	}
	
	#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;
	}
	
	#auth>span{
		max-width: 160px;
	}
	
	#auth .label_barra .fa-chevron-down
	{
		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: #397691;
			border-bottom: 1px solid #397691!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
	{
		left: 0;
	}
	
	.label_barra i
	{
		margin-top: 7px;
	}
	
	#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
	{
		width: 100% !important;
		/*position: static;*/
		margin: 0 !important;
		left: 0;
		right: 0;
		top: 72px;
		background-color: #FFF;
		display: none;
		padding: 15px;
		height: 50px;
		box-shadow: 0px 1px
		 1px #666666;
		max-height: none;
	}
	
	#recerca.active
	{
		display: block;
	}
	
		#recerca > div
		{
			height: auto;
		}
	
		#recerca > div > div.fr
		{
			float: none !important;
			overflow: hidden;
		}
		
		.camp-recerca
		{
			width: auto;
			float: none;
			margin-left: 22px;
		}
		
		.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;}

	
	#content_logo
	{
		position:relative;
		padding-top: 0px !important;
		padding-bottom: 18px;
		margin-bottom: 0;
		height: auto;
		max-width: 250px;
	}
		#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;
		}
		
		#content_logo > a
		{
			display: block; 
			text-align: center;
		}
		
		#content_logo img
		{
			float: none !important;
			display: block;
			margin: 10px auto;
			position: relative;
		}
	
	#desplegador_botiga
	{
		background-color: #605a68 !important;
	}	
		
	#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 > li.active > a {
				font-family: 'josefin_sansbold';
			}
			
		#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
	{
		width: 100% !important;
	}
	
	#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
	{
		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;}
	
	
	#table_subarticles td {
		padding: 5px 2px;
	}
		.preu_taula
		{
			white-space: normal !important;
		}	
		
		
	#area_client_lat, #area_client_lat2
	{
		display: none;
	}
	
	#columna_esq .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: 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;
	}
	#content_logo {
		margin-top: 85px;	
	}

	.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;
	}
	.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;	
	}
	
	#menu .botiga_menu , #menu #new_shop {
		display: none!important;	
	}
	
	#ruta_html {
		margin-bottom: 15px!important;
		border-bottom:0;	
	}
	
	#new_shop .fills_areas a {
		width: 48%;	
	}
	
	#botiga_menu > a::after {
		content: '\f0c9';
		display: block;	
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		position: absolute;
		left: 15px
	}
	
	#botiga_menu > a {
		padding-left: 40px!important;	
	}
	.nav_areas #new_shop > div{
		max-height: 450px;
		overflow: auto;
	}
}
@media screen and (max-width:850px)
{
	.bloc_article_mini, .white-popup-ajax .bloc_article_mini
	 {
		width: 48%;
		margin: 0 1% 2%;
	}
	.white-popup-ajax .bloc_article_mini img {
		width: 197px;	
	}
	.item-recerca {
		width: 33.2%;	
	}
	.v_rapid_adjunts {
		width: 90%;
	}
	#adv-custom-pager a{
		width: 50px!important	
	}
	
	#new_shop > div {
		max-height: 500px;
	}
	
}

@media screen and (max-width:700px)
{
	.bloc_article > div.fl,	.bloc_article > div.fr
	{
		width: 100%;
		margin-bottom: 25px;
	}
	#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;
	}
	
	#new_shop a span {
		width: calc(100% - 47px);
		font-size: 12px;
	}
	
	#new_shop > div > div{
    	width: 100%;
	}
	
	
	
	#new_shop {
		padding: 10px;	
	}
	
}

@media screen and (max-width:600px)
{
	.slide .contenidor_centrat {
		display: none;	
	}
	#content_logo {
		margin-top: 95px;	
	}
	#recerca {
		top: 87px;	
	}
	#fixed_menu.fixed {
		max-height: 105px;
	}
		.nav_areas a {
			border-bottom: 1px solid #fff!important;	
			padding: 10px;
		}
		
	#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;
	}
	
	.destacat_home {
		width: 47%;
		text-decoration: none;
		margin-left: 18px;
		font-size: 13px;
		color: #242424;
		text-align: center;
		height: auto;
		overflow: hidden;
		float: none;
		margin: 2% 1% !important;
		display: inline-block;
	}
	
	#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
	 {
		width: auto;
		display: block;
		margin: 2% 2% 10%;
	}
	
	.bloc_article_mini .descripcions {
		min-height: 0;
	}
	
	.bloc_article_mini .boto_petit {

		width: 150px;
		margin: 15px auto 15px;
		padding: 10px 18px;
	}
	
	.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 .column {
		/*column-count: 2;	
		-webkit-column-count: 2;
		-moz-column-count: 2;*/
	}
		.column > div, .column > div:nth-child(6n), .column > div:nth-child(5n), .column > div:nth-child(3n) {
			width: 49%;
			margin-right: 2%!important;
		}
		.column > div:nth-child(2) {
			order: 3	
		}
		.column > div:nth-child(3) {
			order: 5	
		}
		.column > div:nth-child(4) {
			order: 2;
			margin-right: 0!important;	
		}
		.column > div:nth-child(5) {
			order: 4;
			margin-right: 0!important;	
		}
		.column > div:nth-child(6) {
			margin-right: 0!important;		
		}
	
	#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: 85px 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 {
		flex: 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;	
	}
}



@media screen and (max-width:450px)
{
	.item-recerca {
		width: 100%;	
	}
	#botiga_menu > a {
		font-size: 16px;
	}
}

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

	.nav_areas a .fa {
		font-size: 12px;	
	}
	#recerca {
		top: 56px;	
	}
	.user_mobile {
		display: none;	
	}
	.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;
	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	
}