/*****************/
/* UTILS         */
/*****************/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cls {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0;
}
.hidden, .mobile {
	display:none;
}
.left {
	float: left;
}
.right {
	float: right;
}

h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin:0;
	font-weight:normal;
}
li, ul, ol {
	margin:0;
	padding:0;
}
img {
	border:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	border:0;
}
fieldset, form {
	border:0;
	padding:0;
	margin:0;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}
abbr {
	border-bottom: 0;
	text-decoration: none;
}

.align-right {
	text-align: right;
}
.center {
	text-align: center;
}
.center-float {
	float:left;
	position: relative;
	left:50%;
}
	.centered-float {
		position: relative;
		left:-50%;
	}
article,aside,details,figcaption,figure,footer,header,menu,nav,section,main, address {
	display: block;
	margin: 0;
	font-style: normal;
}

#save_frame {
	display:none;
	height: 0;
}
	#save_frame.visible {
		width: 100%;
		height:600px;
		display:block;
	}
#responsive:after {
	display:none;
	content:"4000";
}

.row {
	width: 100%;
	overflow:hidden;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
	line-height: 0;
}
	.clearfix:after {
		clear: both;
	}

.dist-cols {
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	font-size: 0;
}

.dist-cols:after {
	content: '';
	display: inline-block;
	width: 100%;
	font-size: 0;
	line-height: 0;
}

.dist-cols > * {
	text-align: left;

	display: inline-block; /* All major modern browsers */
	*display: inline; /* Browser hack for IE6/7 */
	zoom: 1; /* For IE 6/7 to display inline-block */
	vertical-align: top; /* Prevent staggering */
}


/*****************/
/* GENERALS      */
/*****************/

	/* GENERAL */
	main, .container {
		max-width: 1230px;
		margin: 0 auto;
		padding: 0 30px;
	}
	main .container,
	.container  .container {
		padding-right: 0;
		padding-left: 0;
	}
	body {
		font-size: 16px;
		font-family: 'Roboto', sans-serif;
		padding: 0;
		margin:0;
		line-height: 1.5;
		background-color: #f8f8f8;
	}
	p {
		margin:23px 0 0 0;
	}
	input, select, textarea {
		font-size: 16px;
		font-family: 'Raleway', sans-serif;
		padding: 0;
		margin:0;
		/*
		-webkit-appearance: none;
		-moz-appearance: none;
		*/
	}
	   textarea {
		   overflow: auto;
	   }

		/* main */
		main {
			color: #555555;
			margin-top: -80px;
		}
		main#inner {

		}
			main a {
				color: #B5E201;
			}
			main a:hover {
				text-decoration: none;
			}
			article a {

			}
				article a:hover {

				}
			main.page article > header h1,
			main#inner article > header h1,
			#products-home h2 {
				color: #707070;
				font-size: 22px;
				line-height: 26px;
				font-weight: 900;
				font-style: italic;
				text-transform: uppercase;
				background-color: #f8f8f8;
				padding: 27px 24px;
			}
         main#inner article > header h1 {
	         margin: 0 -27px;
         }

			/* H1 H2 inner */
			header .right h1 {
				color: #b5e201;
				font-family: 'Raleway', sans-serif;
				font-size: 35px;
				font-weight: 700;
				line-height: 34px;
				text-transform: uppercase;

				padding: 57px 0 0 28px;
			}
			header .right h2 {
				padding: 28px 0 0 28px;
				font-family: 'Raleway', sans-serif;
color: white;
font-size: 18px;
font-weight: 400;
line-height: 30px;
			}

		/* finestra */
		body.clean {
			margin:20px;
		}
			body.clean main {
				width: auto;
				margin: 0;
				font-size: 16px !important;
			}
				body.clean h1 {
					font-size: 22px;
				}
					body.clean h2 {
						font-size: 20px;
					}

		/* pop */
		.blockMsg {
			-webkit-box-shadow:  0 0 10px 4px rgba(0, 0, 0, 0.4);
			box-shadow:  0 0 10px 4px rgba(0, 0, 0, 0.4);
		}
			.modalMessage {
				padding: 20px;
				font-size: 18px;
			}
			.modalCloseImg {
				height: 20px;
				position:absolute;
				background-color: #fff;
				color:#000;
				left: 0;
				top: -21px;
				padding: 0 20px;
				border-bottom: 1px solid #f8f8f8;
				text-align:right;
				cursor: pointer;
				z-index:1002;
			}
			.modalCloseImg:hover {
				background-color: #f8f8f8;
				color:#000;
			}

		/* missatges moduls */
		.module-message {
			margin: 100px 0;
			font-size: 20px;
			display:block;
		}

	/* FI GENERAL */



	/* RIGHT, INNER TEXT */
	main#inner>section,
	.main-right {
margin-left: 300px;
	}
	.inner-right,
	.slick-dots {
		margin-left: 300px;
	}
header .
	/* CERCADOR */

	.right #search {
		margin-right: 260px;
	}
	.left-nav #search {

	}
		#search .search-right {
			float: right;
			line-height: 0;
			font-size: 0;
		}

		#search .text-holder {
			overflow: hidden;
		}
		#search input[type=text] {
			background-color: #e9e9e9;
			border: 0;
			color: #0c0c0c;
			font-size: 16px;
			line-height: 28px;
			padding: 10px 14px;
			font-weight: 400;
			text-transform: uppercase;
			width: 100%;
			margin-right: 59px;
			display: block;
		}
			#search input[type=submit] {
				width: 48px;
				height: 48px;
				border: 0;
				background: #333333 url('../images/search_submit.webp') center center no-repeat;
				display: inline-block;
				cursor: pointer;
			}
				#search input[type=submit]:hover {
					background-color: #B5E201;
				}
			#search input[type=reset] {
				width: 48px;
				height: 48px;
				border: 0;
				background: #e9e9e9 url('../images/search_clear.webp') center center no-repeat;
				display: inline-block;
				cursor: pointer;
			}
				#search input[type=reset]:hover {
					background-color: #d8d7d7;
				}

	/* FI CERCADOR */
	/* BOTO CONTACTE CERCADOR */
	#header a#header-solucions {
		color: #696766;
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		line-height: 48px;
		font-weight: 800;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #fff;
		padding: 0 10px;
		position: absolute;
		display: block;
		right: 0;
		top: 0;
		z-index: 10;
		min-width: 178px;
		text-align: center;
	}
      #header a#header-solucions:hover {
	      background-color: #B5E201;
	      color: #ffffff;
      }
	/* FI BOTO CONTACTE CERCADOR */


	/* BREADCRUMB */

	#breadcrumb {
		font-size: 16px;
		margin-top: 30px;
		margin-bottom: -25px;
		font-weight: 400;
		padding: 0 28px;
	}
		#breadcrumb a {
			text-decoration: none;
		}
			#breadcrumb a.active1 {

			}
			#breadcrumb a:hover {

			}

		#breadcrumb span {

		}

	/* FI BREADCRUMB */


	/* PAGINACIO */

		aside.results {
			background-color: #B5E201;
			text-align: center;
			position: relative;
			margin-top: 40px;
			padding: 0 63px;
			font-size: 0;
			line-height: 0;
		}
			.results-count {
				display: inline-block;
			}
			.pageResults {
				padding: 0 10px;
				display: inline-block;
				text-decoration: none;
				line-height: 49px;
				text-align: center;
				overflow: hidden;
				color: white;
				font-family: 'Raleway', sans-serif;
				font-size: 20px;
				font-weight: 800;
			}
			a.pageResults:hover {
				color: #000;
			}
			b.pageResults {
				font-weight: 400;
			}

			.pageResultsPrevious, .pageResultsNext {
				/* amaga text */
				text-indent: 100%;
				white-space: nowrap;
				padding: 0;
				background: #B5E201 url('../images/split.webp') 0 0 no-repeat;
				width: 63px;
				height: 49px;
			}
				.pageResultsPrevious {
					position: absolute;
					left: 0;
				}
					.pageResultsPrevious:hover {
						background-position: 0 -100px;
					}
				.pageResultsNext {
					background-position: 0 -50px;
					position: absolute;
					right: 0;
				}
					.pageResultsNext:hover {
						background-position: 0 -150px;
					}


			.pageResultsPreviousSet, .pageResultsNextSet {
				font-weight: normal;
			}

			.pageResultsPreviousSet {
			}
				.pageResultsPreviousSet:hover {

				}
			.pageResultsNextSet {
			}
				.pageResultsNextSet:hover {

				}


	/* FI PAGINACIO */

	/* TRANSICIONS */
	#products-home-bottom .item a:hover .price,
	#products-home-bottom .item a:hover h3,
	#products-home-bottom .item a:hover h4
	.product.list-records article .description:hover,
	.product.list-records .item a:hover .price,
	.product.list-records .item a:hover h3,
	.product.list-records .item a:hover h4,
	#new-list-records .item a:hover time,
	#new-list-records .item .description:hover,
	#new-list-records .item a:hover h3
	{
		-webkit-transition: background-color ease-in-out 0.1s, color ease-in-out 0.1s;
		-moz-transition: background-color ease-in-out 0.1s, color ease-in-out 0.1s;
		-o-transition: background-color ease-in-out 0.1s, color ease-in-out 0.1s;
		transition: background-color ease-in-out 0.1s, color ease-in-out 0.1s;
	}
	.product.list-records article .description,
	#new-list-records article .description
	{
		-webkit-transition: border-color ease-in-out 0.1s;
		-moz-transition: border-color ease-in-out 0.1s;
		-o-transition: border-color ease-in-out 0.1s;
		transition: border-color ease-in-out 0.1s;
	}