/* roboto-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''), url('../fonts/roboto-v29-latin-ext_latin-300.woff2') format('woff2');
}
/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('../fonts/roboto-v29-latin-ext_latin-regular.woff2') format('woff2');
}
/* roboto-slab-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''), url('../fonts/roboto-slab-v16-latin-ext_latin-300.woff2') format('woff2');
}
/* roboto-slab-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('../fonts/roboto-slab-v16-latin-ext_latin-regular.woff2') format('woff2');
}
/* roboto-slab-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('../fonts/roboto-slab-v16-latin-ext_latin-700.woff2') format('woff2');
}
/* source-sans-pro-300 - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''), url('../fonts/source-sans-pro-v14-latin-ext_latin-300.woff2') format('woff2');
}
/* source-sans-pro-regular - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('../fonts/source-sans-pro-v14-latin-ext_latin-regular.woff2') format('woff2');
}
/* source-sans-pro-700 - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('../fonts/source-sans-pro-v14-latin-ext_latin-700.woff2') format('woff2');
}

* {
    margin: 0;
    padding: 0;
}

p, label, figcaption, li, ul, span, table {
    font-family: 'Roboto', arial, sans-serif;
    font-weight: 300;
}

h1 {
    font-family: 'Roboto Slab', serif;
	font-size: 28px;
    line-height: 33px;
}

h2,.fh2 {
    font-size: 25px;
    line-height: 31px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
}

h3, .fh3 {
    font-size: 18px;
    line-height: 24px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
}

h4 {
    font-size: 18px;
    line-height: 24px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
}

h5 {
    font-size: 18px;
    line-height: 24px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
}

h6 {
    font-size: 15px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
}

p {
    line-height: 1.6em;
}

figcaption {
	color: #444;
	margin: 0 0 1.1em;
	font-size: 15px;
}

a, a:visited, span[onclick] {
    text-decoration: none;
    outline: 0;
}


a:focus, a[href]:hover, span[onclick]:hover {
    color: #005580;
}


body {
	width: 100%;
	padding: 0 !important;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

body, p, li, ul {
/*     font-size: 15px !important; */
}

.css-button span {
    font-size: 18px !important;
}

.top1 p {
    font-size: 18px !important;
    line-height: 24px !important;
}

.numbered h2 {
    font-size: 18px !important;
    line-height: 24px !important;
}

strong {
	font-weight: 700;
}

ul {
	list-style: none;
	margin: 0 auto !important;
}

li {
	line-height: 1.6em;
/* 	margin-bottom: 12px; */
}

form {
	display: table;
	width: 100%;
}

img {
	height: auto;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

iframe {
    border-width: 0px;
}

.opacity-color-bkg {
    background: rgba(21, 102, 115, 0.7);
}

#global-container {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: auto;
}

#header {
    width: 100%;
    padding-top: 10px;
	background-color: white;
	z-index: 1;
}

.fixed-width {
    margin-right: auto;
    margin-left: auto;
	max-width: 95%;
	overflow: auto;
}

#brand {
/*     width: 100%; */
}

#brand img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#navigation {
/* 	overflow: auto; */
/* 	width: 100%; */
	padding-top: 12px;
}

#humedad-navigation {
	display: none;
}

#navigation.new {
	padding-top: 0;
	background-color: #0066ac;
}

#navigation-container .submenu {
	background-color: #0066ac;
	display: block;
}

#navigation-container .submenu a {
	font-size: 11px;	
}

#header-contact {
	margin-top: 5px;
}

#header-contact .left, #header-contact .right {
	text-align: center;	
}

#header-contact p {
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	font-size: 20px;
	font-family: "Source Sans Pro", sans-serif;
}

#menu-button {
	width: 40%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 13px;
	display: block;
	height: 30px;
	background-color: white;
	box-shadow: none;
	border: 1px solid gray;
	border-radius: 10px;
    margin: 10px auto;
}

#menu {
	overflow: auto;
	display: none;
	margin-top: -20px;
}

#menu.new-menu {
	background-color: #0066ac;
	margin-bottom: 0;
	float: left;
	width: 60%;
}

nav a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 13px;
	/*text-rendering: optimizeLegibility;*/
	display: block;
	padding: 1em;
	text-decoration: none;
	background-color: white;
    color: black;
    text-align: center;
    line-height: 1.1em;
}

.new-menu a, .new-menu + .langs a {
	padding: 1em 1.3em;
	background-color: #0066ac;
	color: white;
}

.new-menu + .langs {
	width: 40%;
	margin-bottom: 0;
	overflow: auto;
	float: right;
	display: none;
}

nav li a[href]:hover {
    color: #009bdb;
}

nav li a:not([href]) {
    color: #0066ac;
    background-color: white;
    font-weight: bold;
}

nav li:hover > ul {
    display: block;
    background-color: white;
}

/* li.has_submenu > a::after { */
.langs.has_submenu > a::after , .langs .has_submenu > a::after {
	content: "▾";
	padding-left: 5px;
/* 	vertical-align: middle !important; */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

.iclflag {
	margin-right: 4px;
	object-fit: none;
  	width: 18px;
  	height: 12px;
  	vertical-align: baseline;
  	display: inline;
}

#flag-ca, #flag-ca-bottom {
	object-position: 0 0;
}

#flag-es, #flag-es-bottom {
	object-position: -18px 0;
}

#flag-en, #flag-en-bottom {
	object-position: -36px 0;
}

#flag-fr, #flag-fr-bottom {
	object-position: -54px 0;
}

#flag-de, #flag-de-bottom {
	object-position: -72px 0;
}

.submenu {
	display:none;	
}

#content {
    position: relative;
    padding: 0 !important;
}

#content a, #content a:visited, #content span[onclick] {
	color: #0000DD;
}

#content a:focus, #content a:hover, #content span[onclick]:hover {
    color: #005580;
}

#banner-micronitzador {
	background-image: url(../img/cal.jpg);
}

.webp.no-jpeg2000 #banner-humitat {
	background-image: url(../img/humitat_paret_mobil.webp);
}

.jpeg2000.no-webp #banner-humitat {
	background-image: url(../img/humitat_paret_mobil.jp2);
}

.no-webp.no-jpeg2000 #banner-humitat {
	background-image: url(../img/humitat_paret_mobil.jpg);
}

#banner-humitat > div {
	overflow: auto;
	margin: 0 auto; 
	max-width: 90%;
}

.banner {
    background-repeat: no-repeat;
    background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	color: #b44f4e;
}

.banner-usa, .banner-es {
	padding: 30px 0 0 0;
}

/*.banner-usa-top {
	margin: 0 auto; 
	max-width: 90%;
}*/

.banner-usa-left, .banner-es-left {
	width: 100%;
    margin: 0 auto;
}
.banner-es-left .fh2 {
	display: block;
}

.banner-usa-right, .banner-es-right {
	width: 100% !important;
	background: initial !important;
	border: initial !important;
	box-shadow: none !important;
}

.banner-usa-right.form-div, .banner-es-right.form-div {
	padding: 0;
	max-width: 100%;
	margin-top: 30px;
}
.banner-es-top, .banner-usa-top  {
	margin: 0 auto; 
	background-color: #faf2d3;
	color: black;
	height: 130px;
	overflow: auto;
}

.banner-es-top-left, .banner-es-top-right, .banner-usa-top-left, .banner-usa-top-right, #header-contact .left, #header-contact .right {
	margin: 10px auto;
	max-width: 90%;
}
/*.banner-usa-top {
	background-color: #faf2d3;
	color: black;
	margin-top: 20px;
	height: 70px;
	display: flex;
	align-items: center;
}*/

.banner-usa-footer div {
	right: 0;
	margin: 0 auto;
}

.banner-usa-top div img, .banner-es-top div img, #header-contact img   {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;	
}
	
.banner-usa-top div .fh3, .banner-usa-top div p, .banner-es-top div p {
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	font-size: 18px;
	font-family: "Source Sans Pro", sans-serif;
}

.banner-es-top div p span {
	display: block;
}
.banner .title {
	font-size: 20px;
	font-family: "Source Sans Pro", sans-serif;
	color: #0066ac;
	display:block;
}

.section-title {
    background: #0066ac;
    padding: 20px 20px;
    clear: both;
}

.section-title h1, .section-title h2, .section-title h3{
    color: white;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
	font-size: 25px;
}

.section-title span{
    color: white;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
	font-size: 25px;
	 margin: 0 auto;
    display: block;
}
.section-content {
	padding-top: 20px;
	padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: baseline;
}

.section-content p, .section-content ul, .faq-answer p {
	color: #444;
	margin: 0 auto 1.1em;
	width: 95%;
	font-size: 15px;
}

.section-content > h2 {
	width: 95%;
	margin: 0 auto 0.5em;
}

.section-content h4 {
	width: 90%;
	margin: 0 auto;
}

.faq-header {
	padding: 20px 0;
}

.faq-question {
	background: #0066ac;
    padding: 10px 10px;
    margin-top: 10px;
    clear: both;
    color: white;
}

.faq-answer {
	padding-top: 20px;
}

.faq-answer .fixed-width {
	max-width: 100%;	
}

#origen img.right, #funcionament img.right {
	margin: 20px;
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#origen img.left, #funcionament img.left {
	margin: 0 20px 20px 20px;
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#origen .box-banner {
	margin: 0 auto 10px;
	float: none;
}

.box-banner {
	background-color: #faf2d3;
	border: 1px solid #eada95;
	color: #251914;
	font-size: 15px;
	
	font-family: Georgia, Times, serif;
	max-width: 85%;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
}

.box-banner h2, .box-banner .fh2, .box-banner .fh3 {
	font-family: "Source Sans Pro", sans-serif;
	color: #7e7e7e;
	text-align: center;
	line-height: 1.1em;
	border-bottom: 3px solid #101010;
	margin: 0 0 20px;
	padding: 10px 0;
	font-weight: 300;
	font-style: italic;
	margin-left: auto;
	margin-right: auto;
}

.box-banner img {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.box-banner span {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.box-banner a, .box-banner span[onclick] {
	font-size: 17px;
}

.box-banner p {
	text-align: center;
}
.box-banner .form-div {
	margin: 0 auto;
    background-color: initial;
    border: 0;
    box-shadow: initial;
    padding: 0;
    text-align: center;
    width: 400px;
    max-width: 100%;
}

.box-banner .form-div a {
	font-size: 14px;
}

.box-banner .form-div form {
	margin-top: 10px;
}

.consequencia-list-element {
	background-image: url("../img/icons/bullets.png");
	background-repeat: no-repeat;
	background-position: 0 -130px;
	background-size: 32px;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	font-family: "Source Sans Pro", "sans-serif";
	color: #444;
	line-height: 1.6em;
	padding-left: 44px;
	min-height: 32px;
	text-align: left;
	margin-bottom: 12px;
}

.remark {
	color:#505050;
	text-align:right;
	margin-bottom:45px;
	float:right;
	font-size:20px;
	font-family: "Source Sans Pro", "sans-serif";
	font-weight:bold;
}

#garantia .one-half {
	width: 90%;
	display: block;
	margin: 0 auto;	
}

.garantia-list-element {
	background-image: url("../img/bullet_guarantee.png");
	background-repeat: no-repeat;
	background-position: 0 4px;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	font-family: "Source Sans Pro", "sans-serif";
	color: #444;
	line-height: 1.6em;
	padding-left: 24px;
	min-height: 26px;
	text-align: left;
	margin-bottom: 12px;
}

.three-column {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.three-column h4, .three-column p {
	width: 100%;
}

.three-column img {
	max-width: 100%;
	margin: 0 auto 10px;
	display: block;
}

.three-column > img {
	max-width: 80%;
	margin: 0 auto;
	display: block;
}

#solucio .three-column ul {
	margin-top: 20px;
}

.two-thirds {
	width: 90%;
	display: block;
	margin: auto;
}

.gray-background {
	background-color: #f7f7f7;
}

.headline-solucio{
	text-align: center;
	line-height: 1.1em;
	margin: 0 0 20px;
	padding: 10px 0;
		font-size: 25px;
	font-family: "Source Sans Pro", "sans-serif";
	font-weight: bold;
	display: block;
}

.headline-solucio-abans {
	background-color: #fbf5ee;
	border-bottom: 1px solid #eee5d9;
	color: #5f391e;
}


.headline-solucio-abans + img {
/* 	max-width: 100%; */
	display: block;
	margin: 0 auto;
}

.headline-solucio-despres {
	background-color: #f7fbee;
	border-bottom: 1px solid #e8eed9;
	color: #3f4f25	;
	
}

.headline-solucio-despres + img {
/* 	max-width: 100%; */
	display: block;
	margin: 0 auto;
}

.solucio-list-element {
	background-image: url("../img/icons/bullets.png");
	background-repeat: no-repeat;
	background-position: 0 -12px;
	font-size: 17px;
    font-family: "Source Sans Pro", "sans-serif";
    color: #444;
    padding-left: 44px;
    min-height: 32px;
    text-align: left;
	font-weight: 300;
    line-height: 1.6em;
    width: 85%;
	margin: 0 auto 12px auto;
}

#observacions ul {
    max-width: 90%;
    margin: 0 auto;
}
    
.observacio-list-element {
	font-size: 17px;
    font-family: "Source Sans Pro", "sans-serif";
    color: #444;
	line-height: 1.6em;
    min-height: 32px;
    text-align: left;
	font-weight: 300;
    margin-bottom: 12px;
    position: relative;
    display: block;
    padding-left: 50px;
}

.observacio-list-element::before {
	background-image: url("../img/icons/bullets.png");
	background-repeat: no-repeat;
	background-position: 0 -12px;
	content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    left: 0;
}

.button-1 {
	padding: 15px 20px;
    border-color: #000000;
    border-width: 0;
    border-radius: 6px;
    background-color: #F47734;
    box-shadow: none;
	line-height: 1;
    text-align: center;
    text-decoration: none;
    position: relative !important;
    display: inline-block !important;
    border-style: solid;
	font-size: 18px;
    color: white !important;
    font-family: "Helvetica Neue", Helvetica, "sans-serif";
    font-weight: bold;
    margin-bottom: 10px;
}

.button-1:hover {
	background-color: #F88848;
	color: white;
}

.button-1:active, .button-1:visited {
	color: white;
}

.guarantee-box {
	display: block;
    margin: 10px auto;
    max-width: 90%;
    background: linear-gradient(to bottom,#f7f7f7 0,#d9d9d9 100%);
    color: #171717;
    text-shadow: 0 1px 1px #fff;
    border: 1px solid #c4c4c4;
	border-radius: 8px;
    min-height: 133px;
    padding: 18px 18px 18px 18px;
}

.guarantee-box img {
	display: block;
    width: 134px;
    margin: 0 auto 20px;
}

.guarantee-box h3 {
    margin-bottom: 10px;
}

.guarantee-box p {
    margin: 0;
}

#certificats {
	max-width: 90%; 
	height: auto;
	margin-bottom: 10px;
}

#certificats > div {
	overflow: auto;
}

#certificats > div > div {
	width: 48%;
	margin: 0 auto;	
}

#certificats p {
	float: none !important;
	display: block !important;
	text-align: center !important;
}

#estudi {
	max-width: 90%;
	height: auto;
	background-color: #caebf0;
	border: 1px solid #7ccbd7;
	color: #2e4346;
	font-size: 15px;
	font-style: italic; 
	font-family: Georgia, Times, serif;
}


.youtube-player {
	position: relative;
	overflow: hidden;
	max-width: 100%;
}

.youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url("/img/play.png") no-repeat;
}

.youtube-video, .youtube-video-img {
	width: 320px;
	height: 182px;
	border: none;
	margin: 0 auto;
	display: block;
}

.youtube-video {
	display: none;
}

.banner .youtube-player, .banner .youtube-video {
	margin-bottom: 10px;
}

.youtube-title {
	margin-top: 10px !important;
    color: initial;
    font-weight: bold;
    text-align: center;
}

#avantatges div.right, #caracteristiques-tecniques div.right, #base-cientifica div.right, #funcionament div.right {
	max-width: 90%;
	margin: 0 auto 20px;
}

#avantatges div.left, #base-cientifica div.left, #caracteristiques-tecniques div.left, #base-cientifica div.left, #funcionament div.left {
	max-width: 90%;
	margin: 0 auto 20px;
}

.avantatges-list-element::before {
    background-image: url(../img/icons/bullets.png);
    background-repeat: no-repeat;
    background-position: 0 -10px;
    content: "";
    width: 48px;
    height: 48px;
    float: left;
    margin-bottom: 10px;
}

.avantatges-list-element {
/*     background-image:url('../img/icons/bullets.png'); */
/*     background-repeat:no-repeat; */
/*     background-position: 0 -10px; */
    font-size: 17px;
    font-family: "Source Sans Pro", sans-serif;
    color: #444;
    line-height: 1.6em;
/*     padding-left: 44px; */
    min-height: 26px;
    text-align: left;
    font-weight: 300;
    margin-bottom: 12px;
}

.caracteristiques-list-element {
    font-size: 17px;
    font-family: "Source Sans Pro", sans-serif;
    color: #444;
    line-height: 1.6em;
    min-height: 26px;
    text-align: left;
    font-weight: 300;
    margin-bottom: 12px;
    position: relative;
    display: block;
    padding-left: 50px;
}

.caracteristiques-list-element::before {
	background-image:url('../img/icons/bullets.png');
    background-repeat:no-repeat;
    background-position: 0 -10px;
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    left: 0;
}

.feature-block {
	list-style: none;
	margin: 10px auto 0 auto;
	clear: both;
	display: table;
	width: 90%;
}

.feature-block > li {
	width: 100%;
	margin-right: 3%;
	margin-bottom: 20px;
	text-align: left;
	min-height: 64px;
}

.feature-block > li::before {
	background-image:url('../img/icons/icons.png');
    background-repeat:no-repeat;
    background-size: 64px;
    content: "";
    width: 64px;
    height: 64px;
    float: left;
    margin-bottom: 10px;
}

.feature-block > li p {
    font-size: 18px !important;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    line-height: 24px !important;
	color: #1c1c1c;
	padding: 0 0 10px 80px;
	width: initial;
}

.feature-block:nth-child(1) li:nth-child(1)::before {
	background-position: 0 0;
}

.feature-block:nth-child(1) li:nth-child(2)::before {
	background-position: 0 -64px;
}

.feature-block:nth-child(1) li:nth-child(3)::before {
	background-position: 0 -128px;
}

.feature-block:nth-child(2) li:nth-child(1)::before {
	background-position: 0 -192px;
}

.feature-block:nth-child(2) li:nth-child(2)::before {
	background-position: 0 -256px;
}

.feature-block:nth-child(2) li:nth-child(3)::before {
	background-position: 0 -320px;
}

.feature-block:nth-child(3) li:nth-child(1)::before {
	background-position: 0 -384px;
}

.feature-block:nth-child(3) li:nth-child(2)::before {
	background-position: 0 -448px;
}

.feature-block:nth-child(3) li:nth-child(3)::before {
	background-position: 0 -512px;
}

.img-container {
	width: 90%;
	box-shadow: 0 2px 0 rgba(0, 0, 0, .04), inset 0 1px 0 0 #fff; 
	border: 1px solid #e4e4e4; 
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	padding: 8px;
	border-radius: 5px;
	margin: 20px auto;
	background: linear-gradient(to bottom, #fafafa 0, #f4f4f4 100%);
}

.img-container img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.img-container p {
	font-size: 14px !important;
	margin: 0;
}

#caracteristiques {
	width: 90%;
	margin: 0 auto; 
}

#caracteristiques img {
	width: 90%;
	height: auto;
	margin: 0 auto; 
	display: block;
}

#abast {
	width: 90%; 
	margin: 0 auto; 
}

#abast .img-container {
	width: 90%; 
	margin: 0 auto;
}
	
#abast img {
	width: 90%;
	margin: 0 auto; 
	display: block;
}

.two-fifths {
	max-width: 90%;
	display: block;
	margin: 0 auto;
	position: relative;
}

.two-fifths iframe {
	width: 100%;	
}

.one-fifth, .one-fourth {
	max-width: 90%;
	display: block;
	margin: 0 auto;
	position: relative;
}

.one-fourth img,.one-fifth img {
	max-width: 100%;
    margin: 20px auto;
    display: block;
}

.image-caption {
	text-align: center;
	font-size: 17px !important;
	color: #444;
	width: 100%;
	padding-top: 5px;
	margin: 0 !important;
}

.contacte .one-half {
	max-width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.contacte ul {
	margin: 10px 0 10px;
	overflow: auto;
}

.contacte li {
	width: 90%;
	margin:0 auto 10px;

	text-align: left;
	box-sizing: border-box;
}

.contacte li img {
	height: 48px;

	display: inline-block;
	vertical-align: middle;
}

.contacte li p {
	font-weight: 700;
	display: inline;
	padding-left: 5px;
	font-size: 18px;
	line-height: 1.3em;
	letter-spacing: -.5px;
	text-align: left;
	vertical-align: middle;
	margin: 0;
}

.form-div {
	margin: 0 auto;
	background-color: #fbf7e3;
	border: 1px solid #d0cebb;
	box-shadow: 0 0 5px rgba(0, 0, 0, .06);
	border-radius: 6px;
	padding: 20px;
	text-align: center;
	max-width: 90%;
}

.form-div h2, .form-div .fh2 {
	display: block;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 26px;
	color: #3f596e;
	margin-bottom: 10px;
}

.form-div input.text-box {
	background-color: #fafafa;
	background-image: url(../img/icons/bullets.png);
    background-repeat: no-repeat;
    background-position: right -144px;
	border: 3px solid #5594b9;
	color: #393939;
	padding: 15px 30px 15px 15px;
	display: block;
	margin: 0 auto 10px;
	font-size: 17px;
	box-sizing: content-box;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	max-width: 100%;
	width: 80%;
}

.form-div input.text-box[type='email'] {
	background-position: right -48px;
}

.contacte .img-container {
	max-width: 100%; 
	margin: 20px auto;
}

.contacte .img-container img {
	max-width: 100%;
}

#contacte-distribuidors h2, #contacte-distribuidors h3 {
	max-width: 95%;
    margin: 0 auto 1.1em;
}

#contacte-distribuidors .fh3 {
	color: #444;
	font-size: 17px;
	font-family: 'Roboto', arial, sans-serif;
	line-height: 1.6em;
    max-width: 90%;
    margin: 0 auto 1.1em auto;
    padding-left: 15px;
}

#contacte-distribuidors .form-div {
	margin: 0 auto 20px auto;
	max-width: 80%;
}

.white-bg {
	background-color: rgba(255,255,255,0.8);
    padding: 5px;
    width: fit-content;
    margin: 0 auto 10px;
}

.privacy-checkbox {
	margin-bottom: 10px;
}

#privacy-contact {
	margin: 0;
}

label span[onclick] {
	display: inline; 
	font-size: 14px !important;
}

label[for*='privacy'] {
	font-size: 14px;
	color: initial;
}
.privacy {
	color: #b8b8b8 !important;
	font-size: 10px !important;
	margin: 5px 0 0 0 !important;
}

.privacy img {
	width: 16px;
	height: 16px;
	object-fit: none;
	object-position: -16px -111px;
}

#opinions {
	font-size: 17px;
}

.opinio {
	padding-bottom: 10px;
}

.opinio.three-column > div {
	overflow: auto;
	width: 80%;
	margin: 0 auto;
}

.opinio p {
	color: #505050;
	font-size: 17px;
	margin-bottom: 10px;
}

.opinio-text {
	font-style: italic;
}

/*.opinio .quote-open ~ p {
	clear: both;
	margin: 0;
}*/

.opinio picture {
	width: 120px;
}

#opinions .opinio:not(.three-column) {
	width: 90%;
	display: block;
	margin: 20px auto 0;
	padding: 0;
}

#opinions .opinio:not(.three-column) div {
	width: 90%;
	text-align: center;
	display: block;
	margin: 0 auto;
}

#opinions .opinio:not(.three-column) p {
	display: block; 
/* 	vertical-align: middle;  */
	width: 90%; 
}

.opinio > div:nth-child(2) p {
	width: 100%; 
	margin: 0 auto; 
	text-align: center;
	float: right;
}

#base-cientifica div > p {
	font-size: 17px;
}

#base-cientifica h4 {
	font-weight: 300;
	font-size: 25px;
	text-align: center;
	border-bottom: 1px solid #101010;
	margin: 0 auto 20px;
	padding: 10px 0;
	width: 95%;
}

footer {
	background:#06648C;
	padding-top: 20px;
	padding-bottom: 20px;
	color: white;
}

footer p {
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
	color: white;
	font-size: 17px;
}

footer a, footer span[onclick] {
	color: white;
}
footer a:hover, footer a:focus, footer span[onclick]:hover, footer span[onclick]:focus {
	color: #aaa !important;
}
footer .one-fifth {
	margin-bottom: 20px;
}

#lang_sel_footer {
	margin: 0;
	padding: 7px;
	text-align: center;
	font: 11px Verdana, sans-serif;
	min-height: 15px;
	clear: both;
	background-color: #eee;
	border: 1px solid #cdcdcd;
}

#lang_sel_footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#lang_sel_footer li {
	display: inline;
	margin: 0 1px 0 0;
	padding: 0;
	white-space: nowrap;
	line-height: 25px;
}

#lang_sel_footer li a {
	background-color: #ffffff;
	color: #444444;
	text-decoration: none;
	padding: 5px 10px;
}

#lang_sel_footer li a:hover {
	background-color: #eee;
}

#lang_sel_footer li img {
	position: relative;
	top: 1px;
	width: 18px;
	height: 12px;
}

#topButton {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #0066ac; /* Set a background color */
    color: white; /* Text color */
    padding: 5px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#topButton img {
	width: 32px;
    height: 32px;
}

#topButton:active {
    background-color: #555; /* Add a dark-grey background on hover */
}

#ebook {
	position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7); /* Black background with opacity */
    z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
}

#ebook-container {
	position: absolute;
    top: 50%;
    left: 50%;
/*     font-size: 50px; */
    transform: translate(-50%,-50%);
    padding: 10px;
	background-color: white;
	border-radius: 15px;
	width: 85%;
}

#ebook-container .form-div {
	padding: 10px;
}

#ebook-container .form-div > img {
	width: 80%;
	height: auto;
}

#ebook-container .form-div .button-1 {
	font-size: 14px;
	padding: 15px 20px;
}

#ebook-container .form-div input {
	padding: 10px 25px 10px 10px;
	font-size: 12px;
}

#ebook-container .form-div input.text-box {
	background-position: right -150px;
}

#ebook-container .form-div input.text-box[type='email'] {
	background-position: right -53px;
}

#ebook-container .form-div .privacy {
	font-size: 10px;
}

#overlay-close-button {
	z-index: 100004;
	position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAABelBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICAiYmJj///8yMjIAAADu7u729vaqqqr7+/uAgIDu7u5KSkoAAADU1NTNzc0AAAAYGBjm5uYAAADl5eUTExMAAAAAAAAAAACCgoLr6+vV1dVPT08AAADq6uoAAAAAAADp6ek3NzfQ0NDm5ubNzc3m5ubp6en7+/uqqqr39/fl5eUYGBjt7e0FBQWZmZkAAAD///+AgIB/f3/8/Pzv7+8VFRUWFhYGBgazs7Onp6dtbW1SUlJpaWkXFxf6+vpra2uoqKhsbGwTExP5+fk6Ojp+fn4UFBQ5OTlubm4FBQU4ODj39/exsbH+/v6Hh4diYmJ4eHgBAQFXV1epqamenp5NTU0CAgI7OztSdzuKAAAAVXRSTlMAFCEHBAYDAQIJIhAmDUxTVA4FEUcnGCsfEwpIFRkpUUooVRIeVleT/mUc5vOd+4XlbTTEvRdd3BbaWwg4OYXfxW014B063mXA3b7a3/yc89lc5VaU5dfsggAAAvhJREFUOMuVledb4kAQxgMkJJQQeu+9IyKKevZer2ZAKaLYu15v//ttIAkEkHucLyy7v2ey++7sOxgmDZJS4gShUBAErqRIbESQFE44aU1I5nbLQhraSeAv8iRlVBkcnrBaG/B6A1p12OMwqIzDcRJXaax27bjfpw9GIkG9zz+utVs1KpwcklZBl+Q2F5PfL+yms9n0bmE/z7hs8hKt6E9OKmdNSYsuGpuOgxjx6VhUZ0maZpWklFXJ5G+Y3Bj0xViOeSOXqXppjlWbZya45dPG/V2rXm/d3TdOuf8TM2a1hKYQq0tsoaXDSpUV47ZyiKa2EjpEU2JihUluTqTQwlGLlUTrCE2mEma5SUEKmtHJuckpgIMTdiBODgCmJueSNK8gpSpZmG3EHrND4hjR24yl1NkIadTIdTn0uQt2aJyhpZxOrjGS7cRW28cPAOfsC3GOFIzarO3UuMHuiiEdap2lSkWAfv/80/6tIU1iLrsBR7sgHFrmHQDPVMTRj1P49V2Ym2a0DoLEKKdnPB+Hq6owz9Nf0cHgS3uyegXxpWWPk8KUdNifAWh00pWBp5ufuUG5M9sAyPjDtBLDNWpfAaDJSuhv0MOyFwAFn1qDY0RIq18B+MtKaAnLXgMs6LUhAiNkgWAaoFsS5QGWrQK8DQZkBKZweyNZgDrbT3dZtg6QjXjdiiFwBUDUpA8e2EZF2EZlcBv8Aa8H2B4aHXClfUBOusWudB22XJbQonT8pTxL2J7b4eJZuBR03ctLcXi67CpRlo7Y2yfhuvsKqSxq1h11C6m/RMuivsKo2i3RdvFHx0YU/1FP8YvP6uzlZzUvPCuUumjRb456sJt6S5F3DmQFq2ujrWBt1SCYaY/J1KRobcBkMIyzOt3GOmdfN5dd9PKGs6/1DYl98cb4njfG5mPt4aH22GxcDTXGjuXOMfOpfstNzQ9YbpvumPlOj5nDzqdhZt5pE0XUJvT5zOJCem8vvbCYyetRmygOtonXNaBXtrbXNc3/t+N/BkaBS7pcchsAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    transform: translate3d(0,0,0);
}

#cookie-bar {
	background-color: rgb(27, 96, 142); 
	color: white;
	bottom: 0; 
	border-top: 4px solid rgb(209, 209, 209); 
	position: fixed;
    font-size: 10pt;
    font-family: "Source Sans Pro", sans-serif;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    z-index: 99;
}

#cookie-bar span span[onclick] {
	color: white;
	text-decoration: underline;
}

#cookie-accept-button {
	font-size: 13px;
    font-weight: bold;
    line-height: 1;
    background: #222 url(/img/overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    margin: 8px 10px;
}

#cookies p {
	font-size: 17px;
}

#cookies ul {
	list-style: disc inside;
	width: 95%;
	margin: 0 auto;
}

#cookies ol {
	list-style: decimal inside;
	width: 95%;
	margin: 0 auto;
}

#cookies .section-content h2 {
	font-weight: 300;
	width: 95%;
	margin: 0 auto 10px;
}

#download-ebook img {
	margin: 10px 0;
	width: 90%;
	height: auto;
}

.download {
    background-image:url('../img/icons/icons.png');
    background-repeat:no-repeat;
    background-size: 64px;
    background-position: 0 -576px;
	width: 64px;
	height: 64px;
}

#blog {
	background-color: #f0ede9;
}

#post {
	background-color: #f0ede9;	
}

#post .section-content {
	background-color: white;
	padding: 20px;
	overflow: initial;
}

#post-content p {
	font-size: 17px;
	width: 100%;
}

#post-content h3 {
	font-size: 24px;
	margin-bottom: 0.2em;
}

#post-content h2 {
	margin-bottom: 0.2em;
}

#post-content ul, #quienes-somos ul, .list {
	list-style: square outside;
	margin: 0 30px 20px !important;
	width: 85%;
}

#post-content ol {
	list-style-position: outside;
	margin: 0 20px 20px !important;
}

#blog #sidebar {
	display: none;
}

#post #sidebar img {
	margin: 0 auto;
	display: block;
}

.post-thumbnail {
	width: 100%;
	overflow: auto;
	margin: 20px auto;
}

.post-thumbnail.first {
	margin: 20px auto;
}

.post-thumbnail.last {
	margin: 20px auto 0;
}

.post-thumbnail img {
	background-color: white;
	width: auto;
	height: 290px;
    object-fit: cover;
}

.post-thumbnail .post-title {
	background-color: white;
	padding: 10px;
}

.post-thumbnail .post-title .fh3 {
	font-size: 18px;	
}

.post-thumbnail .post-title h4 {
	font-weight: bold;
}

.post-thumbnail .post-title .date {
	font-size: 14px;
	text-align: right;
}

.fb-share-button {
	margin-bottom: 20px;
	display: block !important;
}

.table-container {
	overflow-x: scroll;
}

.table-title {
	text-align: center;
	margin-bottom: 10px;
	white-space: pre-line;
}

.table-title::after {
	content: "\APoner la pantalla en horizontal para ver todas las columnas";
	font-weight: 300;
	font-size: 12px;
	text-align: center;
}

#comparativa {
/* 	border: 3px solid #0066ac; */
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 12px;
	text-align: center;
	table-layout: fixed;
}

#comparativa tbody tr:nth-child(even), #comparativa tbody tr:nth-child(even) td:nth-child(2), #comparativa tbody tr:nth-child(even) th {
	background-color: white;
}

#comparativa tbody tr:nth-child(odd), #comparativa tbody tr:nth-child(odd) td:nth-child(2), #comparativa tbody tr:nth-child(odd) th {
	background-color: #eeeeee;
}

#comparativa td, #comparativa th {
/* 	border: 1px solid #0066ac; */
	padding: 10px;
}

#comparativa thead tr, #comparativa thead th:first-child, #comparativa thead th:nth-child(2) {
	background-color: #0066ac;
}

#comparativa thead th {
    color: white;
    font-size: 12px;
}

#comparativa th:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
}

#comparativa td:first-of-type, #comparativa th:nth-child(2)  { 
	position: sticky;
	left: 85px;
	z-index: 1;
}

#pressupot-div {
	margin: 0 auto;
	background-color: #fbf7e3;
	padding: 20px;
	text-align: center;
	max-width: 100%;	
}

#pressupost-form input.text-box {
	background-color: #fafafa;
	background-image: url(../img/icons/bullets.png);
    background-repeat: no-repeat;
    background-position: right -144px;
	border: 3px solid #5594b9;
	color: #393939;
	padding: 15px 30px 15px 15px;
	display: block;
	margin: 0 auto 10px;
	font-size: 17px;
	box-sizing: content-box;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	width: 80%;
}

#pressupost-form input.text-box[disabled] {
	background-color: #ddd;	
}

#pressupost-form input.text-box.distribuidor-input {
	width: 80%;
	background-image: none;
}

#pressupost-form input.number-box {
	background-color: #fafafa;
	border: 3px solid #5594b9;
	color: #393939;
	padding: 15px 30px 15px 15px;
	display: inline-block;
	margin: 0 auto 10px;
	font-size: 17px;
	box-sizing: content-box;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	width: 50px;
}

#pressupost-form input.file-box {
	background-color: #fafafa;
	border: 3px solid #5594b9;
	color: #393939;
	padding: 15px;
	display: inline-block;
	margin: 0 auto 10px;
	font-family: "Source Sans Pro";
    font-size: 14px;
	box-sizing: content-box;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
}

#pressupost-form select {
    font-size: 16px;
    height: 56px;
    width: 200px;
}

#pressupost-form textarea {
	width: 90%;
    background-color: #fafafa;
    border: 3px solid #5594b9;
    color: #393939;
    padding: 15px;
    display: inline-block;
    margin: 0 auto 10px;
    font-size: 17px;
    box-sizing: content-box;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
}

#pressupost-form {
	text-align: center;
}

#pressupost-form fieldset div {
	display: block;
}

#profesional {
	margin: 10px 0 20px;
}

form table {
	margin: 0 auto;
}

form table td {
	display: block;
	vertical-align: top;
}

fieldset {
	margin: 0 10px 10px;
	padding: 10px;
}

legend {
	text-align: center;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
    font-weight: bold;
    padding: 0 10px;
}

#link-pressupostos {
	margin: 1.1em 0 0;
}