/*
	Reset
*/

html{ height:100%;padding:0;border:0;margin:0;}
body{ height:100%;padding:0;border:0;margin:0; }
a,a:visited,a:link,a:focus,a:hover,input{ text-decoration:none;padding:0;border:0;margin:0;outline:0;}
h1,h2,h3,h4,h5,h6,div,blockquote,p,span,ul,li,hr,form,fieldset,menu,section,article,hr,form,fieldset,img{ padding:0;border:0;margin:0;outline:0;}
ul, li{  }

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translate(0, -5px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translate(0, -5px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}



.demoItem{
	width: 275px;
	max-width: 100%;
	margin:5px 5px 30px 5px;
	text-align: center;
}

.demoItem img {
	border: 1px solid rgba(142,142,142,1);
	margin-bottom: 5px;
}

.demoItem .title {
	font-size: 12px;
	border-radius: 15px;
	color: black;
	background-color: rgba(50,218,195,1);
	text-align: center;
	padding: 2px 10px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.demoItem:hover .title {
	color: rgba(242,242,242,1);
	background-color: rgba(0,0,0,1);
	text-align: center;
	padding: 2px 10px;
}


/*
	Etiquetes html
*/

body{
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: rgba(40,40,40,1);
	background-color: #fff;
}

h2,h3,h4,h5,h6{
	display:block;
	padding: 0;
	margin: 0 auto 20px auto;
	font-weight: 400;
	color: rgba(40,40,40,1);
}
.h2,.h3,.h4,.h5,.h6{
	color: rgba(40,40,40,1);
}
h2{
	font-size: 46px;
}
h3{
	font-size: 34px;
}
h4{
	font-size: 28px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50%;
}
a, a:hover, a:visited{
	color: rgba(40,40,40,1);
}
p {
	margin-bottom:30px;
	font-size:18px;
}
sub, sup {
	font-size: 40%;

}

sub > sub, sup > sup {
	font-size: 100%;
	top: 0;
	vertical-align: unset;
}


sup {
	vertical-align: super;
}

li, dt, dd {
	font-size:18px;
}
ul, ol {
	margin-bottom:30px;
	padding-left: 20px;
}

strong{
	font-weight: 700;
	font-size:95%;
}

button{
	cursor: pointer;
}

h2 span{
	display: block;
	font-size: 30px;
	color: rgba(106,113,182,1);
	font-weight: 200;
}

.form-check:hover a{
	text-decoration: underline;
}

/*
	Classes de bootstrap
*/

.container {
	max-width: 1024px;
}
.wrapperPestanyes{
	padding-top:50px;
}
.stickyPestanyes{
	z-index:10;
}

.navbar {
	padding: 0;
}

.mainBar {
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem;
}

.topOverMenu {

	background-color: rgba(242,242,242,1);
}


a.linkTopCorp,
a.linkTopPro {
	font-size: 12px;
	color: rgba(34,34,34,1);
	background-color: rgba(255,255,255,1);
	text-decoration: none;
	padding: 5px 15px;
	display: inline-block;
	margin: 0;
	position: relative;
}

a.linkTopPro {
	font-size: 12px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	padding: 5px 15px;
	background: transparent url(../imgs/_cornerTopRight.svg) right top no-repeat;
	background-color: rgba(50,218,195,1);

}


a.linkTopCorp:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(0,47,139,1);
}

a.linkTopPro:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(50,218,195,.7);
}

a.linkTopPro {

}






.nav-tabs .nav-item{
	margin-bottom:0;
}

#diapos {
	padding-top: 25px;
}


#diapos .slick-dots{
	width: inherit;
	right: calc(50% + 294px);
	bottom: 45px;
}

#diapos .slick-dots li , .slick-dots li button, .slick-dots li button:before{
	width:20px;
	height:20px;
	line-height: 20px;
	padding:0;
	margin:0;
}
#diapos .slick-dots li {
	margin:auto 2px;
}
#diapos .slick-dots li button:before {
	font-size: 20px;
	top: 0;
	left: 0;
	content: •
	text-align: center;
	opacity: .8;
	color: rgb(173,216,230);
}
#diapos .slick-dots li.slick-active:hover button:before,
#diapos .slick-dots li.slick-active button:before{
	opacity: 1;
	color: rgba(255,255,255,1);
}

.anchorFixedMenu {
	display: block;
	position: relative;
	top: -100px;
	visibility: hidden;
	/*
    visibility: visible;
    background-color: red;
    height:1px;
    */
}


/*
	Classes útils
*/

.seccio{
	padding-top:80px;
	padding-bottom:80px;
}
.seccioInici{
	padding-top:15px;
	padding-bottom:15px;
	position: relative;
}
.seccio.seccioTop{
	padding-top:0;
}
.seccioAlterna{
	padding-top:80px;
	padding-bottom:80px;
}
.seccioAlterna.Bibliografia{
	padding-top:0;
}

.subTabs{
	/* separació entre les pestanyes i la secci´ño posterior quan aquesta és blanca	*/
	height:50px;

}

.paddingBox{
	padding:40px;
}

.notaAlPeu {
	display: flex;
	align-items: center;
	background-color: rgba(228,228,241,1);
	padding: 0 35px;
	margin-top: 70px;
}
.notaAlPeu p{
	padding:35px 10px;
	margin-left:0 !important;
}
.notaAlPeu p.exclamacio{
	color: rgba(106,113,182,1);
	font-size: 170px;
	line-height:190px;
	font-weight: 800;
	padding:0;
	margin-right: 35px;
}

.llistaTexte ul{
	/* padding-left:22px; */
	list-style-position:inside;
}

.pRessaltat{
	font-size:24px;
}

.hRessaltat{
	font-size:24px;
}

.alignToUl {
	margin-left:80px;
}

.llistaDefinicions dt{
	font-weight: 700;
	vertical-align: top;
	/*display: inline-block;
    padding-bottom: 5px;
    width: 31%;*/
	display: block;
	padding-bottom: 0;
	padding-top: 10px;
	width: 100%;
}


.llistaDefinicions dd{
	margin-bottom: 0;
	margin-left: 0;
	vertical-align: bottom;
	/*display: inline-block;
    padding-bottom: 5px;
    width: 65%;*/
	display: block;
	padding-bottom: 10px;
	width: 100%;
}


.llistaDefinicions ul{
	margin-left: 0 !important;
	margin-bottom: 0;

}
.llistaDefinicions li{
	margin-left: 25px;
}

.borderCol > div{
	border:8px solid rgba(255,255,255,1);
}

.blueBorder{
	border-color:rgba(220,233,240,1) !important;
}
.blauClarBorder{
	border-color:rgba(236,242,246,1) !important;
}

.bgBlanc{
	background-color: rgba(255,255,255,1);
}

.bgBlauNeutre{
	background-color: rgba(215,228,238,1);
}

.bgBlauPalid{
	background-color: rgba(237,242,246,1);
}
.bgBlauClar{
	background-color: rgba(236,242,246,1);
}
.bgBlau{
	background-color: rgba(220,233,240,1);
}
.bgBlauFosc{
	background-color: rgba(0,47,139,1);
}
.bgLila{
	background-color: rgba(106,113,182,1);
}
.bgVerd{
	background-color: rgba(0,181,202,1);
}

.bgVerdPro{
	background-color: rgba(50,218,195,1);
}

.bgVerdProClar {
	background-color: rgba(217,255,250,1);
}

.bgGrisClar{
	background-color: rgba(242,242,242,1);
}

.bgGrisFosc{
	background-color: rgba(230,230,230,1);
}

.bgGris{
	background-color: rgba(142,142,142,1);
}

.bgRed {
	background-color: rgba(234,78,117,1);
}

.bgBlancGrisFosc {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,230,230,1) 50%, rgba(230,230,230,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(230,230,230,1)), color-stop(100%, rgba(230,230,230,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,230,230,1) 50%, rgba(230,230,230,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,230,230,1) 50%, rgba(230,230,230,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,230,230,1) 50%, rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,230,230,1) 50%, rgba(230,230,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E6E6E6', GradientType=0 );

}

.bgBlancGrisClar {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 50%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(242,242,242,1)), color-stop(100%, rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 50%, rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 50%, rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 50%, rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 50%, rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E6E6E6', GradientType=0 );

}





.subratllat{
	text-decoration: underline !important;
}

.fcBlanc{
	color: rgba(255,255,255,1) !important;
}
.fcGrisClar{
	color: rgba(100,100,100,1) !important;
}
.fcGris{
	color: rgba(40,40,40,1) !important;
}

.fcLila, .fcLila:hover, .fcLila:visited {
	color: rgba(106,113,182,1);
}

.fcVerdPro {
	color: rgba(50,218,195,1);
}

.fcBlauFosc{
	color: rgba(0,47,139,1);
}

.fwExtraLight{
	font-weight: 200;
}
.fwLight{
	font-weight: 300;
}
.fwRegular{
	font-weight: 400;
}
.fwSemiBold{
	font-weight: 600;
}
.fwBold{
	font-weight: 700;
}
.fwExtraBold{
	font-weight: 800;
}
.fwBlack{
	font-weight: 900;
}

.f12 {
	font-size: 12px !important;
}

.f14 {
	font-size: 14px !important;
}

.f16 {
	font-size: 16px !important;
}

.f22 {
	font-size: 22px !important;
}

.f24 {
	font-size: 24px !important;
}

.f32 {
	font-size: 32px !important;
}

.pt50{
	padding-top:50px !important;
}

.margin-bottom-30{
	margin-bottom: 30px;
}

.footerSpacer {
	height: 46px;
	margin-bottom: -90px;
}

.margin-bottom-15{
	margin-bottom: 15px;
}

.no-max-width {
	max-width: none !important;
}


.led {
	border:1px solid rgba(142,142,142,1);
	border-radius: 50%;
	margin: 0 5px 0 auto;
	display: inline-block;
	width: 10px;
	height: 10px;
}
/*
	Classes Útils: vàries
*/

#wrapper{
	margin: 85px 0 0 0;
	padding: 0 0 48px 0;
}



.wrapperText h2{
	font-size:28px;
}
.wrapperText h3{
	font-size:24px;
}
.wrapperText h4{
	font-size: 20px;
}
.wrapperText p,
.wrapperText ul{
}
.wrapperText ul{
	margin-left: 60px;
}
.introNoticia{
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(180,180,180,1);
	margin-bottom: 30px;
}

a.boto,
a.boto:hover,
button.boto,
button.boto:hover{
	background-color: rgba(106,113,182,1);
	color: rgba(255,255,255,1) !important;
	text-align: center;
	display: inline-block;
	padding: 7px 30px;
	cursor: pointer;
	font-weight: 300;
	font-size: 14px;
	border: none;
}
a.boto:hover,
button.boto:hover{
	background-color: rgba(0,47,139,1);
}

a.boto.desactivat,
button.boto.desactivat{
	background-color: rgba(118,118,118,1);
	cursor:default;
}

a.boto.desactivat,
a.boto.desactivat:hover,
button.desactivat,
button.desactivat:hover{
	cursor: not-allowed;
}


a.boto.bgVerdPro,
button.boto.bgVerdPro {
	background-color: rgba(50,218,195,1);
}
a.boto.bgVerdPro:hover,
button.boto.bgVerdPro:hover{
	background-color: rgba(50,218,195,.7);
}

a.boto.bgBlau,
button.boto.bgBlau {
	background-color: rgba(0,47,139,1);
}
a.boto.bgBlau:hover,
button.boto.bgBlau:hover{
	background-color: rgba(0,47,139,.7);
}


a.boto.bgGris,
button.boto.bgGris {
	background-color: rgba(142,142,142,1);
}
a.boto.bgGris:hover,
button.boto.bgGris:hover{
	background-color: rgba(142,142,142,.7);
}


a.boto.bgGrisFosc,
button.boto.bgGrisFosc {
	background-color: rgba(230,230,230,1);
	color: rgba(40,40,40,1) !important;
}
a.boto.bgGrisFosc:hover,
button.boto.bgGrisFosc:hover{
	background-color: rgba(230,230,230,.7);
	color: rgba(40,40,40,1) !important;
}


a.boto.bgGrisFosc.bgVerdPro,
button.boto.bgGrisFosc.bgVerdPro {
	background-color: rgba(230,230,230,1) !important;
	color: rgba(40,40,40,1) !important;
}
a.boto.bgGrisFosc.bgVerdPro:hover,
button.boto.bgGrisFosc.bgVerdPro:hover{
	background-color: rgba(50,218,195,1) !important;
	color: rgba(255,255,255,1) !important;
}


a.boto.bgGrisFosc.bgVerdPro.active,
button.boto.bgGrisFosc.bgVerdPro.active,
a.boto.bgGrisFosc.bgVerdPro.active:hover,
button.boto.bgGrisFosc.bgVerdPro.active:hover{
	background-color: rgba(50,218,195,1) !important;
	color: rgba(255,255,255,1) !important;
}


a.boto.bgRed,
button.boto.bgRed {
	background-color: rgba(234,78,117,1);
}
a.boto.bgRed:hover,
button.boto.bgRed:hover{
	background-color: rgba(234,78,117,.7);
}


a.boto.espera,
button.boto.espera {
	background-color: rgba(255,169,69,1);
}
a.boto.espera:hover,
button.boto.espera:hover{
	background-color: rgba(255,169,69,.7);
}

a.badgeLink {
	position: relative;
}

a.badgeLink .badge {
	position: absolute;
	top: 0;
	right: 0;
	width:50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(255,255,255,1);
	font-size: 22px;
	font-weight: 900;
	transform: translate(-50%, -50%);
}




.bgImage {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.transicio{
	transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	-o-transition: all 0.35s linear;
	-webkit-transition: all 0.35s linear;
}


.homeBrands{
	margin-top: 0px;
	margin-bottom:28px;
}

.proporcional {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom:50%; /* percentatge de l'amplada */
}
.proporcional > * {
	position: absolute;
}
.proporcional::after {
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.proporcional.BgTop{
	padding-bottom:23.5%;
}


.proporcional.noHeight{
	padding-bottom:100px;
}


.proporcional.BgBottom{
	padding-bottom:25.25%;
}
.proporcional.seccioView{
	padding-bottom:56.25%;
}
.proporcional.Marca{
	/* 	padding-bottom:80%; */
	padding-bottom: 100%;
	border: none;
}
.proporcional.Marca.bordejat{
	padding-bottom:100%;
	border: 1px solid rgba(220,220,220,1);
}

.proporcional.Marca.bordejat:hover{
	border: 1px solid rgba(100,100,100,1);
}

.proporcional.Marca img {
	-webkit-filter: grayscale(100%) opacity(50%);
	filter: grayscale(100%) opacity(50%);
}

.proporcional.MarcaHome img,
.proporcional.Marca img:hover {
	-webkit-filter: none;
	filter: none;
}

.MarcaJM {
	padding-bottom: 0;
	background-position: left bottom;
	background-size: auto 100%; /*195px*/
	height: 140px;
	background-repeat: no-repeat;
}

.Vademecum {
	display: inline-block;
	background-color: rgba(170,173,213, 1) !important;
	margin-bottom: 20px !important;
}

.proporcional.logoMarca,
.proporcional.imgMarca{
	padding-bottom: 150%;
}
.proporcional.logoMarca{
	background-size:contain;
}
.proporcional.imgMarca{
	background-size:cover;
}
.proporcional.Slide{
	padding-bottom:31%;
	/* max-height: 430px; */
}
.proporcional.entrada{ /* inici */
	padding-bottom:120%;
}
.proporcional.imgDestacada{
	padding-bottom:46.8%;
}

.blocVideo{
	display:block;
	position:relative;
}
.blocVideo img{
	max-width:1280px;
	width:100%;
}
.blocVideo:hover img{
	opacity: .7;
}
.blocVideo .video_play{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url(../imgs/play_video.png) center center no-repeat;
	background-size: 25%;
}


.blocVideo .video_play_bis {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url(../imgs/play_video_bis.png) center center no-repeat;
	background-size: 125px;
}

.navPestanyes {
	max-width:1050px;
	margin:0 auto;
}
.navPestanyes .nav-link{
	border: 2px solid rgba(236,242,246,1);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 20px 10px;
	background-color: #FFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
.navPestanyes .nav-link:hover,
.navPestanyes .nav-link.active{
	border-color: rgba(236,242,246,1);
}
.navPestanyes .nav-link.active{
	font-size: 14px;
	font-weight: 900;
}

.selectorFiltres{
	overflow: auto;
}
.selectorFiltres select{
	width:100%;
	max-width: 325px;
	margin-right:30px;
	/*
	margin-bottom:30px;
    height: 45px !important;
    font-size: 18px;
    border-radius: 0 !important;
    border: 1px solid rgba(40,40,40,1);
    */
}

.Marques{
	margin-top:50px;
}

.blocInfo.imgIcona ul{
	margin-left:80px;
	margin-left: 0px;
	margin-top:20px;
}

.twoCols {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 32px;
	-webkit-column-gap: 32px;
	column-gap: 32px;
}
.twoCols li {
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
	page-break-inside: avoid;           /* Theoretically FF 20+ */
	break-inside: avoid-column;         /* IE 11 */
	display:table;
	width: 100%;
}

.columnsList > ul{
	width:100%;
	-webkit-column-gap: 42px;
	-moz-column-gap: 42px;
	-ms-column-gap: 42px;
	-o-column-gap: 42px;
	column-gap: 42px;
}
.columnsList > h2,
.columnsList > h3{
	-webkit-column-span: all;
	column-span: all;
	width:100%;
}
.columnsList > ul > li{
	width: 100%;
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
	page-break-inside: avoid;           /* Theoretically FF 20+ */
	break-inside: avoid-column;         /* IE 11 */
}

.columnsList > ul li.imgDoubleColumn {
	-webkit-column-span: 2;
	column-span: 2;
	width:200%;
}

.tresColumnes > ul{
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}
.tresColumnes > ul > li{
	list-style: none;
	font-weight: 300;
	font-size: 14px;
	margin-bottom:20px;
}
.duesColumnes > ul{
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

.duesColumnesJM > ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}


ul.listSep li{

	margin-bottom: 15px;
}

ol.numberedList {
	list-style: none;
	counter-reset: li;
}
ol.numberedList li::before {
	content: counter(li);
	color: #fff;
	display: inline-block;
	background-color: rgba(183,185,221,1);
	border-radius: 50%;
	border: 8px solid rgba(228,231,241,1);
	width: 48px;
	height: 48px;
	line-height: 32px;
	text-align: center;
}
ol.numberedList li span {
	display:block;
	float: right;
	width:calc(100% - 70px);
}
ol.numberedList li {
	counter-increment: li;
	overflow: auto;
	margin-bottom: 24px;
}

.xarxes{
	display: flex;
	list-style: none;
	padding-left:0;
	margin-bottom:0;
	margin-right:20px;
}
.xarxes li{

}
.xarxes li a{
	display:block;
	width: 26px;
	height: 26px;
	text-align: center;
	font-size: 14px;
	line-height: 26px;
	margin: 0 2px;
	color: rgba(40,40,40,.3);
	border: 1px solid rgba(40,40,40,.3);
}
.xarxes li a:hover{
	color: rgba(40,40,40,1);
	border: 1px solid rgba(40,40,40,1);
}



.cookieTable {
	text-align:left;
	border:1px solid rgba(230,230,230,1);
}

.cookieTable th {
	font-weight:700;
	background-color:rgba(230,230,230,1);
	padding:2px 10px;
	text-align:center;
	font-size:16px;
}

.cookieTable td {
	font-weight:400;
	padding:2px 10px;
	font-size:16px;
}

.cookieTable td.rowLine {
	font-weight:400;
	background-color:rgba(230,230,230,1);
	padding:1px;
}

.cookieTable td a {
	font-weight:700;
}

.slick-arrow{
	z-index: 1;
	transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	-o-transition: all 0.35s linear;
	-webkit-transition: all 0.35s linear;
}
.car-arrow{
	position: absolute;
	display: block;
	opacity: 0;
	text-align: center;
	top: 36%;
	width: 26px;
	height: 26px;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
}
.car-arrow i{
	font-size:26px;
	line-height:26px;
	text-align: center;
	color: rgba(40,40,40,1);
}
.car-arrow span{
	display:none;
}
.car-prev.car-arrow{
	left:0;
}
.car-next.car-arrow{
	right:0;
}
.slick-prev.slick-arrow{
	left:-25px;
}
.slick-next.slick-arrow{
	right:-25px;
}
.slick-prev:before, .slick-next:before {
	content: '‹';
	font-size: 48px;
	font-weight: 300;
	line-height: 1;
	opacity: .75;
	color: rgba(0,0,0,1);
	font-family: 'Muli', sans-serif;
}

.slick-next:before {
	content: '›';
}


.slick-prev, .slick-next {
	width: 25px;
	height: 25px;
}




.Carousel:hover .slick-arrow,
.seccioInici:hover .car-arrow{
	opacity: 1;
}


#p_mensaje{
	height:200px;
}
.dropify-wrapper .dropify-message p{
	font-size:12px;
	color:rgba(118,118,118,1);
}

.docEstudio{
	display:block;width:100%;
	padding-bottom:100% !important;
	background-color:rgba(190,194,223,1);
	background-image:url('../imgs/doc_estudio.png');
	background-position:center center;
	background-repeat: no-repeat;
	/* background-size:100%; */

}
/*
	Menu Principal
*/

#cap {
	background-color: rgba(255,255,255,1);
}
#cap .navbar-brand > img{
	/* l'alçada del .png + els marges dóna l'alçada al nav#cap */
	margin: 12px 0;
	height: 61px;
}

#navbarNavDropdown > ul > li > a,
#navbarNavDropdown > ul > li > .asLink{
	min-height: 85px;
	border-bottom: 2px solid rgba(255,255,255,1);
	margin-top: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	padding-top: 15px;
	cursor: pointer;
}

#navbarNavDropdown > ul > li > .asLink {
	padding-bottom: 0px;
}

#navbarNavDropdown > ul > li{
	margin-bottom: 0;
}
#navbarNavDropdown > ul > li:last-child > a {
	/* padding-right: 0; // no necessari des que hi vam afegir la lupa */
}
#navbarNavDropdown > ul > li > a,
#navbarNavDropdown > ul > li > a.actiu,
#navbarNavDropdown > ul > li > .asLink,
#navbarNavDropdown > ul > li > .asLink.actiu{
	color: rgba(40,40,40,1);
}
#navbarNavDropdown > ul > li > a.actiu,
#navbarNavDropdown > ul > li > .asLink.actiu{
	border-bottom: 2px solid rgba(40,40,40,1);
}
#navbarNavDropdown > ul > li > a.dropdown-toggle::after,
#navbarNavDropdown > ul > li > a.dropdown-without-toggle:after,
#navbarNavDropdown > ul > li > .asLink.dropdown-toggle::after,
#navbarNavDropdown > ul > li > .asLink.dropdown-without-toggle:after{
	display: block;
	width: 0;
	height: 0;
	content: "";
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .5em solid rgba(40,40,40,1);
	border-left: .3em solid transparent;
	margin: 11px auto 0 auto;
	visibility:hidden;
}
#navbarNavDropdown > ul > li > a.dropdown-without-toggle:after,
#navbarNavDropdown > ul > li > .asLink.dropdown-without-toggle:after{
	display: block;
	width: 0;
	height: 0;
	content: "";
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .5em solid rgba(40,40,40,1);
	border-left: .3em solid transparent;
	margin: 11px auto 0 auto;
	visibility:hidden;
}

#navbarNavDropdown > ul > li.dropdown.show .dropdown-toggle::after{
	visibility: visible;
}
#subMenuConocenos .dropdown-menu,
#subMenuSaludBucal .dropdown-menu,
#subMenuMarcas .dropdown-menu,
#subMenuAulaDentaid .dropdown-menu{
	border-right:1px solid rgba(236,242,246,1) !important;
	width: 550px;
	min-height: 300px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	top: 85px;
}

#subMenuAulaDentaid .dropdown-menu{
	min-height: 250px;
}


#subMenuConocenos .dropdown-bg {
	background-image:url('../imgs/bg_menu_conocenos.jpg');
}

#subMenuSaludBucal .dropdown-menu {
	width: 760px;
}

#subMenuAulaDentaid .dropdown-menu {
	width: 560px;
}

#subMenuSaludBucal .dropdown-bg{
	background-image:url('../imgs/bg_menu_salud_bucal.jpg');
}

#subMenuAulaDentaid .dropdown-bg{
	background-image:url('../imgs/bg_menu_aula_dentaid.jpg');
	min-height: 250px !important;
}

#subMenuMarcas .dropdown-menu {
	width: 760px;
}

#subMenuMarcas .dropdown-bg{
	background-image:url('../imgs/bg_menu_marcas.jpg');
}

.dropdown-bg {
	min-height: 300px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


.dropdown-info{
	padding:30px;
	border-top:1px solid rgba(236,242,246,1);
	border-bottom:1px solid rgba(236,242,246,1);
}
.dropdown-info .h3{
	font-size:32px;
	margin-bottom: 30px;
}
.dropdown-info p{
	font-size:16px;
}

.dropdown-info ul {
	position: relative; /* Needed to place the :before pseudo element in the proper position */
	list-style: none;
	border-top:1px solid rgba(231,231,231,1);
	padding: 0;
	margin: 0;
}
/* This 'cuts' the top margin of ul so it's displayed in the same way as the other */
.dropdown-info ul:before {
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	/* Put the gaps on the <ul> top margin */
	top: -1px;
	/* Background-size = 1/4 of the width + 1/4 of the space between columns */
	background-size: calc(50% + 16px) 1px;
	/* Or it will hide the border-top of the ul */
	background-color: transparent;
	/* The actual white gaps at the top */
	background-image: linear-gradient( 90deg, transparent calc(100% - 32px), rgba(255,255,255,1) 32px);
}
.dropdown-info li {
	-moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-mx-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 0;
	border-bottom: 1px solid rgba(231,231,231,1);
}
/* This will hide the top margin of the last columns without elements */
.dropdown-info li:last-child:before {
	position: absolute;
	/* You want to place the top  */
	margin-left: calc(50% + 16px);
	content: " ";
	display: block;
	background-color: rgba(237,242,246,1);
	width: 10px;
	height: 1px;
	top: -1px;
	width: 100%;
}

.dropdown-info ul.oneCol:before {
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	/* Put the gaps on the <ul> top margin */
	top: -1px;
	/* Background-size = 1/4 of the width + 1/4 of the space between columns */
	background-size: calc(50% + 16px) 1px;
	/* Or it will hide the border-top of the ul */
	background-color: transparent;
	/* The actual white gaps at the top */
	background-image: none;
}
.dropdown-info .oneCol li:last-child:before {
	background-color: transparent;
}


.dropdown-info li a{
	display: block;
	padding:6px 0;
	color: rgba(100,100,100,1);
	font-size:16px;
	font-weight:300;
}

.dropdown-info li:hover a,
.dropdown-info li.actiu a{
	font-weight:700;
	color: rgba(40,40,40,1);
}


/* IDIOMAS */
#subMenuIdiomas .dropdown-menu{
	min-width: auto;
}
#subMenuIdiomas .dropdown-info{
	padding:0px 30px;
	border-top:none;
	border-bottom:none;
}

#subMenuIdiomas .dropdown-info ul {
	list-style: none;
	border-top:none;
	padding: 0;
	margin: 0;
}


#subMenuIdiomas .dropdown-info ul:before {
	content: " ";
	position: absolute;
	display: none;
	width: 100%;
	height: 1px;
	/* Put the gaps on the <ul> top margin */
	top: -1px;
	/* Background-size = 1/4 of the width + 1/4 of the space between columns */
	background-size: calc(50% + 16px) 1px;
	/* Or it will hide the border-top of the ul */
	background-color: transparent;
	/* The actual white gaps at the top */
	background-image: linear-gradient( 90deg, transparent calc(100% - 32px), rgba(255,255,255,1) 32px);
}
#subMenuIdiomas .dropdown-info li {
	border-bottom: none;
}
/* This will hide the top margin of the last columns without elements */
#subMenuIdiomas .dropdown-info li:last-child:before {
	position: absolute;
	/* You want to place the top  */
	margin-left: 0;
	content: " ";
	display: none;
	background-color: rgba(237,242,246,1);
	width: 10px;
	height: 1px;
	top: -1px;
	width: 100%;
}

#subMenuIdiomas .dropdown-info li a{
	display: block;
	padding:6px 0;
	color: rgba(100,100,100,1);
	font-size:16px;
	font-weight:300;
}

#subMenuIdiomas .dropdown-info li:hover a,
#subMenuIdiomas .dropdown-info li.actiu a{
	font-weight:700;
	color: rgba(40,40,40,1);
}




#lupa{
	width: 60px;
	height: 85px;
	text-align: right;
	cursor: pointer;
	margin: 0 auto;
	padding-right: 20px;
}
#lupa i{
	display: block;
	line-height:85px;
}
#lupa span{
	display: none;
}

#userIcon{
	height: 85px;
	text-align: right;
	cursor: pointer;
	margin: 0 auto;
	padding-right: 20px;
}
#userIcon i{
	display: block;
	line-height:85px;
}
#userIcon span{
	display: none;
}

.overlay{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(255,255,255,.9);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
	transition: all .3s ease-in-out;
	z-index: -1;
	overflow: scroll;
}
.overlay__content {
	margin-top: 30vh;
	position: relative;
	display: block;
	margin: 30vh auto 0 auto;
	max-width: calc(100vw - 80px);
	width: 500px;
	padding: 25px;
}
.overlay.open{
	opacity: 1;
	z-index: 9998;
}

.fullOverlyArea {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}


#map-overlay{
	position: fixed;
}
#map-overlay-close {
	position: fixed;
	top: 15px;
	right:20px;
	width:32px;
	height:32px;
	background-color: rgba(0,47,139,1);
	cursor: pointer;
	z-index: 99999;
}
#map-overlay-close i{
	color: rgba(255,255,255,1);
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 32px;
	font-size: 20px;
}
.map-overlay-close{
	display:none;
}

#buscador{
	padding: 0 16px 6px 16px;
	border-bottom: 1px solid rgba(40,40,40,1);
}
#buscador input{
	font-size:24px;
	font-weight:300;
	color:rgba(40,40,40,1);
	background-color:transparent;
	width: calc(100% - 30px);
}
#buscador button{
	float: right;
	height: 36px;
	background-color:transparent;
}


.overlay.lang-overlay{
	background-color: rgba(183, 183, 183, .59);
	-webkit-transform: scale(1);
	transform: scale(1);

}

#lang-overlay .overlay__content {
	position: relative;
	display: block;
	margin: 7vh auto 7vh auto;
	max-width: calc(100vw - 80px);
	width: 985px;
	padding: 75px;
	background-color: rgba(255,255,255,1);
}




#lang-overlay .title {
	font-weight: 700;
	font-size: 20px;
	color: rgba(0,46,139,1);
	text-align: center;
}

#lang-overlay .subtitle {
	font-weight: 400;
	font-size: 14px;
	color: rgba(112,112,112,1);
	text-align: center;
}

#lang-overlay p {
	font-size: 14px;
}



#lang-overlay .langs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 30px;
}


#lang-overlay .langButton {
	width: 214px;
	font-weight: 500;
	font-size: 14px;
	padding: 10px 20px;
	text-align: center;
	background-color: rgba(0,46,139,.45);
	color: rgba(255,255,255,1);
	margin: 0 5px 15px 5px;
}


#lang-overlay .langButton.active,
#lang-overlay .langButton:hover,
#lang-overlay .langButton.active:hover {
	background-color: rgba(0,46,139,1);
}

.lineSpacer {
	width: 100%;
	height: 1px;
	background-color: rgba(120,120,120,1);
	margin-bottom: 30px;
}

.lineSpacerWhite {
	width: 100%;
	height: 3px;
	background-color: rgba(255,255,255,1);
	margin-bottom: 30px;
}

#lang-overlay .worldAreas {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}

#lang-overlay .legend ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 0;
}

#lang-overlay .areaDouble {
	-webkit-flex: 2 0 0;
	flex: 2 0 0;
	margin-left: 0;
	margin-right: 10px;

}
#lang-overlay .areaNormal {
	-webkit-flex: 1 0 0;
	flex: 1 0 0;
	margin-left: 10px;
	margin-right: 10px;
}

#lang-overlay .areaNormal.last {
	margin-right: 0;
}

#lang-overlay .areaNormal.plus {
	margin-top: 0;
}

#lang-overlay .areaDouble ul {
	column-count: 2;
	column-gap: 10px;
}


#lang-overlay .areaTitle {
	font-weight: 900;
	font-size: 14px;
	color: rgba(0,46,139,1);
	border-bottom: 1px solid rgba(120,120,120,1);
	margin-bottom: 10px;
	min-height: 40px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

#lang-overlay .lang-overlay-close {
	right: 20px;
	position: absolute;
	top: 20px;
}


.worldAreas ul,
.legend ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.worldAreas li,
.legend li {
	padding-left: 0;
	text-indent: 0;
	font-size: 14px;
	line-height: 1.1;
	padding-bottom: 0;
	padding-top: 0;
	min-height: 15px;
	margin-bottom: 8px;
	display: flex;
	break-inside: avoid;
	break-after: avoid;
}

.legend li {
	margin: 8px 25px;

}

.worldAreas li .dealer,
.worldAreas li .filial,
.legend li .dealer,
.legend li .filial{
	display: flex;
}


.worldAreas li .dealer span,
.legend li .dealer span{
	color: rgba(101,226,221,1);
	font-size: 18px;
	width: 10px;
}

.worldAreas li .filial span,
.legend li .filial span {
	color: rgba(0,46,139,1);
	font-size: 18px;
	width:10px;
}


.worldAreas li a,
.legend li a {
	display: inline-block;
	padding: 2px 10px;
	/*width: calc(100% - 28px);*/
}

.worldAreas li a:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(0,46,139,1);
}



/* INFODEALERPOPUP*/

.infoDealerPopup {
	display: none;
	z-index: 100000000000000;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 39, 149, 1);
	color: rgba(255, 255, 255, 1);
	text-align: center;
	padding: 30px 50px 20px 50px;
	box-sizing: border-box;
	width: 385px;
	max-width: 90vw;
}

.infoDealerPopup .contents ,
.infoDealerPopup  .contents a {
	color: rgba(101, 226, 221, 1);
	font-weight: 400;
	font-size: 16px;
}

.infoDealerPopup .contents .infoCountry {
	color: rgba(255, 255, 255, 1);
	font-weight: 900;
	font-size: 16px;
}

.infoDealerPopup .contents .infoCompany {
	font-weight: 900;
	font-size: 20px;
}


.infoDealerPopup  #infoDealerPopup-close {
	color: rgba(255, 255, 255, 1);
	position: absolute;
	top: 5px;
	right: 15px;
}


/*
	Footer
*/

footer{
	background-color: rgba(255,255,255,1);
}
footer.border-top{
	border-top:1px solid rgba(215,215,215,1);
}
#footerMenu > li:first-child > a{
	padding-left:0;
}
#footerMenu > li > a{
	min-height: 40px;
	margin-bottom: 6px;
	padding-right: 15px;
	padding-left: 15px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}
#footerMenu a .arrow{
	width: 0;
	height: 0;
	content: "";
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .5em solid rgba(255,255,255,1);
	border-left: .3em solid transparent;
	margin: 0 auto 0 auto;
	position: relative;
	bottom: 21px;
	opacity: 0;
	z-index: 5001;
}
.footerSubMenu{
	display: none;
	background-color: rgba(0,47,139,1);
	width: 100vw !important;
	z-index: 5000;
}
.footerSubMenu a,
.fakeLink a {
	padding:24px 16px;
	text-align: center;
	font-size: 14px;
	font-weight: 200;
	color:rgba(255,255,255,1);
	opacity:.2;
}
.footerSubMenu a:hover{
	text-decoration: underline;
}
.fakeLink {
	position: absolute;
	display: inline-block;
	opacity: .5;
	color: fuchsia;
	top: 0;
}

#totop{
	color:#FFF;
	position:fixed;
	bottom:7px;
	right:20px;
	width:32px;
	height:32px;
	background-color:rgba(0,47,139,1);
	z-index:9990;
	display: none;
}
#totop:hover{
	color:#FFF;
}
#totop i{
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 32px;
	font-size:28px;

}

/*

*/

.titolApartat{
	padding: 45px 70px;
	background-color: rgba(0,47,139,1);
	color: rgba(255,255,255,1);
	position: relative;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-bottom: -11%;
}
.titolApartat h1{
	font-size: 47px;
	font-weight: 300;
	margin-bottom: 8px;
}
.titolApartat p{
	font-size: 19px;
	font-weight: 300;
	margin-bottom: 0;
}
.titolApartat .verticalSpacer{
	flex: 0 0 1px;
	margin-right:65px;
	margin-left: 65px;
}
.titolApartat .verticalSpacer:before{
	content: "";
	width: 1px;
	height: 100%;
	border-left: 2px solid rgba(255,255,255,1);
	position: absolute;
}
.titolApartat .intro{
	flex:1.5;
}
.titolApartat .intro p{
	font-size: 16px;
	font-weight: 300;
}

.introApartat{
	margin:80px 0;
}
.introSeccio{
	margin:85px 0;
}

.logotipMarca{
	max-width: 325px;
	width:100%;
}

.titolStreetView{
	margin:80px auto 50px auto;
}

a.linkArticle,
a.linkEntrada{
	display:block;
	margin-top:6px;
	text-transform: uppercase;
	color: rgba(106,113,182,1);
	font-size: 12px;
	text-decoration: underline;
}

.diapo.inicialDiapoPosition{
	background-position:100vw 0;
}
.diapo{
	background-color:rgba(0,47,139,1);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center center;
}
.diapo.finalDiapoPosition{
	background-position:-100vw 0;
}


.frameSlide{
	max-height: 450px;
	margin:0 auto;
}
.bgInfoDiapo{
	background-color: rgba(0,47,139,1);
	width: calc((100vw - 235px)/2); /* * */
}
.infoDiapo.inicialDiapoPosition{
	transform:translate(0px,100%);
}
.infoDiapo{
	/* background:rgba(255,255,255,.25); */
	width: 380px;  /* * */
	max-width: 100%;
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 25px 25px 25px 0;
	transform:translate(0px,0);
}
.infoDiapo.finalDiapoPosition{
	transform:translate(0px,-100%);
}
.infoDiapo h2{
	margin: 0 0 10px 0;
	color: rgba(255,255,255,1);
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
}
.infoDiapo p{
	color: rgba(255,255,255,1);
	font-size: 39px;
	font-weight: 200;
	line-height: initial;
}

.Carousel .slick-prev:before,
.Carousel  .slick-next:before{
	color: rgba(0,0,0,1);
	opacity: 1 !important;
}
.itemCarousel {
	padding-left:10px;
	padding-right:10px;
	background-position: center center;
	background-size: 90%;
	background-repeat: no-repeat;
}
.entrada > a{
	display: flex;
	flex-direction: column;
	justify-content:flex-end;
	overflow: hidden;
}
.entrada .entradaInfo{
	background-color: rgba(0,47,139,.85);
	padding: 20px;
	min-height: 30%;
	transition: min-height 0.25s linear;
	-moz-transition: min-height 0.25s linear;
	-o-transition: min-height 0.25s linear;
	-webkit-transition: min-height 0.25s linear;
}
.entrada:hover .entradaInfo{
	min-height:50%;
}

.entrada .entradaInfo h4{
	color: rgba(255,255,255,1);
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.entrada .entradaInfo h3{
	color: rgba(255,255,255,1);
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 5px;
}
.entrada .entradaInfo p{
	color: rgba(255,255,255,1);
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 5px;
}



.sponsors img{
	/* 	width: 75px; */
	height: 75px;
}

.entradaImgDestacada{
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.imgDestacada p{
	margin: 0 0 10px 0;
	color: rgba(255,255,255,1);
	font-size:15px;
	text-transform: uppercase;
	font-weight: 400;
}
.imgDestacada h1{
	color: rgba(255,255,255,1);
	font-size: 42px;
	font-weight: 200;
	line-height: initial;
	margin-bottom: 30px;
}



h3.continent {
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 20px;
}

ul.distribucio {
	padding-left: 0;
	padding-top: 20px;
	padding-bottom: 10px;
}

ul.distribucio li span {
	font-weight: 700;
}

.popupLocalDealers {
	display: none;
	/*padding: 0 ;*/
}

#btLocalDealers{
	background-color: rgba(0,47,139,1);
	color: rgba(255,255,255,1);
	padding: 3px 10px 3px 10px;
	margin: 5px auto 10px 0;
	display: inline-block;
	cursor: pointer;
	position:relative;
	overflow: visible;
}


#btLocalDealers:hover{
	background-color: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
}

#btLocalDealers span{
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-bottom: 35px solid rgba(215,228,238,1);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	margin-top: 3px;
}


#infoLocalDealersPopup-close {
	color: rgba(0,0,0, 1);
	position: absolute;
	top: 5px;
	right: 15px;
	cursor: pointer;
}



.flexMix {
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}

.icoImatge{
	max-width:225px;
	margin-bottom:10px;
}


.seccioPatologia {
	padding-bottom: 0;
	padding-top: 0;
}
.seccioPatologia .titolApartat{
	margin-bottom: -13%;
}


.navbar-light .navbar-toggler {
	color: rgba(0,0,0,.7);
	border-color: rgba(255,255,255,.1);
}



.subtitol{
	font-size: 18px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
}


.paddedH {
	padding-left: 15px;
	padding-right: 15px;
}


/* TABS -> ACCORDION */

.tabToAccordion.panel-group {
	padding-bottom: 50px;
}

.panel-heading {
	border: 2px solid rgba(236,242,246,1);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 20px 10px;
	background-color: #FFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	margin: 0 15px;
}

.panel-heading .panel-title,
.panel-heading .panel-title a.collapsed {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
	font-size: 14px;
	font-weight: 900;
	margin: 0;
	text-align: left;
}

.panel-heading .panel-title a.collapsed {
	font-size: 14px;
	font-weight: 600;
}

.panel-heading .panel-title a.collapsed .panelCaret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 6px dashed;
	border-bottom: 0;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	float: right;
	margin-right: 10px;
	margin-top: 7px;
}

.panel-heading .panel-title a .panelCaret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 0;
	border-bottom: 6px dashed;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	float: right;
	margin-right: 10px;
	margin-top: 7px;
}

.panel-collapse {
	/*margin: 0px 10px 0 0;*/
}


.panel-body > div {
	padding-left: 45px;
	padding-right: 45px;
}


.noTransform {
	-ms-transform: translateY(0px) !important;
	-webkit-transform: translateY(0px) !important;
	transform: translateY(0px) !important;
	margin-bottom: 25px !important;
}

.withLinks li {
	font-size: 12px;
	color: rgba(0,47,139,1);
}
.withLinks li a {
	color: rgba(0,47,139,1);
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 800;
}

.withLinks li a:hover {
	color:rgba(0,0,0,1);
	text-decoration: underline;
}


.titolMarca {
	padding: 0;
	background-color: rgba(0,47,139,1);
	color: rgba(255,255,255,1);
	position: relative;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-bottom: -11%;
	display: flex;
	justify-content: stretch;
	align-content: center;
}

.titolMarca .logoContainer {
	background-color: rgba(237,242,246,1);
	width: 180px;
	padding: 15px;
}

.titolMarca .logoContainer .brandLogo {
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
	height: auto;
	max-width: 180px;
}


.titolMarca .titolContainer {
	min-height: 180px;
	padding: 0;
	margin: 0;
	width: calc(100% - 180px);
}


.titolMarca h1{
	align-self: center;
	padding: 0 65px 0 65px;
}

.titolMarca h1 p {
	margin-bottom: 0;
	font-family: Muli;
	font-weight: normal;
	font-size: 25px;
	letter-spacing: 0.03em;
	line-height: 36px;
	text-align: left;
	color: #fff;
}

.titolMarca h1 strong {
	font-family: Muli;
	font-weight: bold;
	font-size: 40px;
	letter-spacing: 0.03em;
	line-height: 45px;
	text-align: left;
	color: #fff;
}

.titolMarca h1 p sup {
	margin-bottom: 0;
	font-family: Muli;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.03em;
	line-height: 14px;
	text-align: left;
	color: #fff;
	vertical-align: super;
}


.infoMarca{
	border: 1px solid #d9d9d9;
}

.filtresMarca {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 100%;
	justify-content: center;
	align-items: center;
}

.filtresMarca > div{
	width: calc(33% - 11px);
	max-width: 400px;
	min-height: 100px;
	margin: 5px;
}

.filtresMarca > div::before {
	content: "";
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-top: 0;
	vertical-align: center;
}

.filtresMarca > div::after {
	content: "";
	display: table;
	clear: both;
}


.filtresMarca a{
	font-weight: 700;
	text-align: center;
	line-height: normal;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 18px;
	padding: 18px;
	min-height: 100px;
	background-color: rgba(255,255,255,1);
}


.filtresMarca div.active a{
	background-color: rgba(0,47,139,1);
	color: rgba(255,255,255,1);
}

.filtresMarca a:hover{
	background-color: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
}







.titolCategoria {
	min-height: 100px;
	padding: 15px;
}







.titolCategoria a{
	font-weight: 700;
	text-align: center;
	line-height: normal;
	text-decoration: none;
	font-size: 18px;
}





.productsList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.productsList > div {
	width: calc(33% - 20px);
	margin: 0 10px 20px 10px;
	min-width: 300px;
}

.linkProductItem:hover .productInfo,
.linkProductItem:hover .productInfo * {
	background: #96a3b1;
	color: #ffffff;
}


.productItemList {
	background: #fff;
	border: 1px solid #dee8f0;
	display: flex;
	flex-direction: column;

}

.productInfo {
	min-height: 120px;
	background: #dee8f0;
	padding: 30px;

}
.productItemName {
	font-weight: 700;
	font-size: 19px;
    line-height: 24px;
}

.productItemName span {
	font-weight: 300;
	font-size: 19px;
	display: block;
}

.proporcional.Producte {
	padding-bottom: 100%;
	border: none;
}


.dualBg {
	width: 100%;
	background: linear-gradient(to left, #EDF2F6 0%, #EDF2F6 50%, #fff 50%, #fff 100%);
	border-bottom: 1px solid rgba(190,190,190,.6);
}

.productPage .brandLogo {
	max-width: 105px;
}


.productPage .productDetailInfo{
	padding: 0 0 0 50px;
}

.productPage .productDetailInfo h1 {
	font-size: 47px;
	font-weight: 500;
	margin-bottom: 8px;
}

.productPage .productDetailInfo h1 sup{
	font-size: 20px;
	font-weight: 300;
	/* margin-top: 8px; */
	/* vertical-align: top; */
	line-height: 1px;
	display: inline-block;
}

.productPage .productDetailInfo .subInfo {
	padding: 0 0 15px 0;
}


.productPage .productIntro {
	font-size: 18px;
	font-weight: 500;
}

.productIntro .btn-Shop {
	display: block;
	padding: 5px 30px;
	margin-top: 20px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
	border: 1px solid rgba(0,47,139,1);
	max-width: 350px;

}

.productIntro .btn-Shop.comprar {
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	background-color: rgba(0,47,139,1);
	color: rgba(255,255,255,1);
}


.productIntro .btn-Shop.comprar:hover {
	background-color: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
}


.productPage .navPestanyes .nav-link,
.productPage .navPestanyes .nav-link:hover {
	border: 2px solid rgba(255,255,255,1);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 20px 10px;
	background-color: #EDF2F6;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	max-width: calc(100% - 10px);
	margin-left:0;
	margin-right: 0;
}

.productPage .navPestanyes .nav-link.active {
	border-color: rgba(255,255,255,1);
	font-weight: 900;

}
.productPage .tab-content {
	padding-top: 50px;
}


.colorsInfo {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	padding-bottom: 20px;
}

.colorsInfo > div {
	width: 34px;
	height: 34px;
	/*border: 1px solid #b0c6d7 ;*/
	margin: 15px 15px 0 0;
}

.relatedProductsTitle {
	font-size: 18px;
	font-weight: bold;
}

.relatedProductsList{
	margin-top: 0px;
	margin-bottom:28px;
}


.relatedProductsList .itemCarousel {
	padding-left: 10px;
	padding-right: 10px;
	background-position: center center;
	background-size: 90%;
	background-repeat: no-repeat;
	border: 1px solid #dee8f0;
	margin: 0 10px;
}



.relatedProductsList .slick-prev,
.relatedProductsList .slick-next {
	width: 40px;
	height: 40px;
	background-color: black;
	top: calc(50% - 20px);
}

.relatedProductsList .slick-next.slick-arrow {
	right: -70px;
}

.relatedProductsList .slick-prev.slick-arrow {
	left: -100px;
}

.relatedProductsList .slick-next:before,
.relatedProductsList .slick-prev:before {
	display:none;
}


.productThumbs {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	width: 102px;
	background-color: transparent;
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;

}

.productThumbsWrapper {
	border: 1px solid rgba(209,209,209,1);
	border-bottom: none;

}

.productThumbs .productThumb {
	width: 100px;
	height: 100px;
	background-color: rgba(255,255,255,1);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	border-bottom: 1px solid rgba(209,209,209,1);
	cursor: pointer;
	position:relative;
}

.productThumbs .productThumb > div {
	width: 100%;
	height: 100%;
	background-color: rgba(204,201,200,.30);
}



.productThumbs .productThumb.active > div {
	background: transparent;
}


/*

 PROFESSIONAL

*/

.titolSeccio {
	font-weight: 600;
	font-size: 18px;
}

.titolSeccio a {
	font-weight: 300;
	color: rgba(0,46,141,1);
}

.entrada.entradaPro .entradaInfo {
	background-color: rgba(142,142,142,1);
}


.titolAula {
	padding: 0;
	background-color: rgba(0,47,139,1);
	color: rgba(255,255,255,1);
	position: relative;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-bottom: -11%;
	display: flex;
	justify-content: stretch;
	align-content: center;
}

.titolAula .logoContainer {
	background-color: rgba(237,242,246,1);
	width: 33%;
	padding: 15px;
	display:flex;
	justify-content: center;
}

.bgGrisClar .titolAula .logoContainer {
	background-color: rgba(255,255,255,1);
}

.titolAula .logoContainer .aulaDentaidLogo {
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
	height: auto;
	max-width: 240px;
}


.titolAula .titolContainer {
	min-height: 180px;
	padding: 0;
	margin: 0;
	width: calc(100% - 33%);
}

.titolAula .titolContainer p {
	font-size: 19px;
	font-weight: 300;
	margin-bottom: 0;
}


.titolAula h1,
.titolAula p {
	align-self: center;
	padding: 0 65px 0 65px;
}

.titolAula h1 p {
	margin-bottom: 0;
	font-family: Muli;
	font-weight: normal;
	font-size: 25px;
	letter-spacing: 0.03em;
	line-height: 36px;
	text-align: left;
	color: #fff;
}

.titolAula h1 strong {
	font-family: Muli;
	font-weight: bold;
	font-size: 40px;
	letter-spacing: 0.03em;
	line-height: 45px;
	text-align: left;
	color: #fff;
}

.titolAula h1 p sup {
	margin-bottom: 0;
	font-family: Muli;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.03em;
	line-height: 14px;
	text-align: left;
	color: #fff;
	vertical-align: top;
}

.pastEventItem {

}

.pastEventItem .bgImage {
	min-height: 300px;
}

.eventInfo {
	padding: 25px 55px;
	font-family: Muli;
	font-weight: normal;
	font-size: 12px;
	color: #282828;
	display: flex;
	flex-direction: column;
	margin-right: -15px;
	margin-left: 0;

}

.eventInfo.odd {
	margin-left: -15px;
	margin-right: 0;
}

.eventInfo div {
	margin: 10px 0;
}

.eventInfo .year {
	font-family: Muli;
	font-weight: 700;
	font-size: 16px;
	color: #32dac3;
}


.eventInfo .titol {
	font-family: Muli;
	font-weight: 600;
	font-size: 24px;
	color: #282828;
}


.materialDownloads {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.materialDownloads a{
	width: 100%;
	max-width: 240px;
	margin: 0 30px 30px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	color: rgba(50,218,195,1);
	line-height: 1;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
}

.materialDownloads a img{
	width: 70px;
	height: auto;
	padding-right: 15px;
}

.materialDownloads a:hover {
	background-color: rgba(50, 218, 195, 1);
	color: rgba(0, 0, 0, 1);
}

.eventListItem{
	font-size: 16px;
	position: relative;
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}


.eventListItemBlock.filteredHide {
	display:none !important;
}

.resourceListItemBlock.filteredHide {
	display:none !important;
}


.eventHeader {
	padding: 35px 35px 5px 35px;

}


.eventFooter {
	display: flex;
	align-items: stretch;
	align-content: stretch;
}

.eventFooter .viewEvent,
.eventFooter .logoAulaDentaid,
.eventFooter .espera {
	width: calc((100% - 45px)/2);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(142,142,142,1);
	color: rgba(255,255,255,1);
}

.eventFooter .viewEvent{
	background-color: rgba(50, 218, 195,1);
}

.eventFooter .viewEvent a{
	color: rgba(255,255,255,1);
	display: block;
}

.eventFooter .viewEvent.active{
	background-color: rgba(0,46,141,1);
}

.eventFooter .logoAulaDentaid{
	background-color: rgba(242,242,242,1);
}

.eventFooter .logoAulaDentaid img{
	max-width: 75%;
	padding-top: 8px;
}

.eventFooter .espera{
	width: calc(100% - 45px);
	background-color: rgba(255,169,69,1);
	color: rgba(255,255,255,1);
}


.eventFooter.alone {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 45px;
}


.eventActions {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/*background-color: rgba(242,242,242,1);*/
	width: 45px;
}



.eventActions > div{
	background-color: rgba(142,142,142,1);
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;

}

.eventActions .favorite,
.eventActions .share{
	margin-top: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.eventActions .share {
	margin-top: 0;
}

.eventActions .share.active {
	background-color: rgba(0,46,141,1);
}

.eventActions .favorite.active {
	background-color: deeppink;
}


.eventActions.detail {
	flex-direction: row;
	justify-content: flex-start;
	width: fit-content;
	position: relative;
}

.eventActions.detail .favorite,
.eventActions.detail .share{
	margin-top: 0px;
	margin-right: 2px;
}



.eventShare {
	width: 45px;
	position:absolute;
	bottom:47px;
	right:0;
	height:auto;
	background-color: rgba(0,46,141,1);
	opacity: 0;
}

.eventShare:hover {
	opacity: 1;
}


.eventShare .eventActions > div {
	margin-top: 0;
	margin-bottom: 0;
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,46,141,1);
}

.eventShare .eventActions > div.share {
	margin-top: 0;
	margin-bottom: 0;
}


.eventShare.detail {
	width: auto;
	height: 45px;
	position:absolute;
	left:47px;
	bottom:0;
	display: inline-block;
	background-color: rgba(0,46,141,1);
}

.eventShare.detail .eventActions > div.share {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}





.linkEventFull {
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 15px solid rgba(217,255,250,1) !important;
	padding: 15px;
	background-color: rgba(50,218,195,1);
	box-sizing: border-box;
}

.eventListItem:hover  .linkEventFull {
	display: flex;
}

.eventListItem:hover .eventShare:hover .linkEventFull {
	display: none;
}










.opcionsVista {
	width: 100%;
}

.opcionsVista a {
	font-size: 16px;
	font-weight: 300;
	background-color: rgba(242,242,242,1);
	display: block;
	text-align: center;
	padding: 5px;
	display: block;
}

.opcionsVista.first a {
	border-right: 5px solid white;
}
.opcionsVista.last a {
	border-left: 5px solid white;
}

.opcionsVista a.active {
	font-size: 16px;
	font-weight: 900;
	background-color: rgba(217,255,250,1);
}

.opcionsVista a:hover {
	background-color: rgba(50,218,195,1);
	color: rgba(255,255,255,1);
}

.spacer-w15 {
	width: 15px !important;
}




.filterSearchForm {


}

.filterSearchForm select,
.filterSearchForm input,
.filterSearchForm button {
	width: 100%;
	background-color: rgba(242,242,242,1);
	border-radius: 0;
	border: 1px solid rgba(242,242,242,1);
	display: block;
	height: 37px;
	padding: 2px 5px;
	text-align: center;
	text-align-last:center;
	font-weight: 300;
	font-size: 16px;
	color: rgba(34,34,34,1);

}

.filterSearchForm select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	background: rgba(242,242,242,1) url('../imgs/_arrowDown.svg') no-repeat;
	background-position: right 15px top 50%;
}

.filterSearchForm button {
	width: 100%;
	background-color: rgba(0,46,141,1);
	border-radius: 0;
	border: 1px solid rgba(0,46,141,1);
	height: 37px;
	text-align: center;
	color: rgba(255,255,255,1);
	outline:0 !important;
}
.filterSearchForm button:focus {
	outline:0 !important;
	box-shadow: none;
}

.filterSearchForm button:hover {
	background-color: rgba(50,218,195,1);
	border: 1px solid rgba(50,218,195,1);
}


.filterOptions .filterTags {
	display: flex;
	flex-wrap: wrap;
	min-height: 37px;
	justify-content: flex-start;
	align-items: center;
	border: 2px solid rgba(242,242,242,1);
	padding: 2px;
	font-size: 16px;
}

.filterOptions .filterTag {
	color: rgba(34,34,34,.5);
	padding: 2px 10px 2px 0;
	font-style: italic;
}

.filterOptions .filterTag:hover {
	background-color: rgba(242,242,242,1);
	color: rgba(34,34,34,1);
}

.filterOptions .filterTag span {
	padding: 0;
	cursor: pointer;
	width: 20px;
	text-align: center;
	display: inline-block;
}

.filterOptions .filterTag:hover span {
	color: rgba(234, 78, 117, 1);
}

.filterOptions .filterTag span:hover {
	font-weight: 700;
}


.filterOptions .filterReset {
	border-left: 4px solid white;
	background: rgba(242,242,242,1) url('../imgs/_filtersReset.svg') no-repeat;
	min-height: 37px;
	background-position: center center;
	background-size: 12px ;
	cursor: pointer;
}

.filterOptions .filterReset:hover {
	background-size: 16px ;
}






.registerForm {


}

.registerForm select,
.registerForm input,
.registerForm button {
	width: 100%;
	background-color: rgba(255,255,255,1);
	border-radius: 0;
	border: 1px solid rgba(255,255,255,1);
	display: block;
	height: 37px;
	padding: 2px 5px;
	text-align: center;
	text-align-last:center;
	font-weight: 300;
	font-size: 16px;
	color: rgba(163,163,163,1);

}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgba(163,163,163,1);
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(163,163,163,1);
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: rgba(163,163,163,1);
}

.registerForm select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	background: rgba(255,255,255,1) url('../imgs/_arrowDown.svg') no-repeat;
	background-position: right 15px top 50%;
}

.registerForm button {
	width: 100%;
	background-color: rgba(50,218,195,1);
	border-radius: 0;
	border: 1px solid rgba(50,218,195,1);
	height: 37px;
	text-align: center;
	color: rgba(255,255,255,1);
	outline:0 !important;
}
.registerForm button:focus {
	outline:0 !important;
	box-shadow: none;
}

.registerForm button:hover{
	background-color: rgba(50,218,195,.7);
	border: 1px solid rgba(50,218,195,.7);
}


.registerForm .pencil {
	background: rgba(255,255,255,1) url('../imgs/_inputPencil.svg') no-repeat;
	min-height: 37px;
	background-position: right 10px center;
	background-size: 20px ;
}

.registerForm .pencil:focus {
	background: rgba(255,255,255,1);
}


.registerForm .lock {
	background: rgba(255,255,255,1) url('../imgs/_inputLock.svg') no-repeat;
	min-height: 37px;
	background-position: right 10px center;
	background-size: 12px ;
}





.registerForm .view {
	background: rgba(255,255,255,1) url('../imgs/_inputView.svg') no-repeat;
	min-height: 37px;
	background-position: right 10px center;
	background-size: 18px ;
}

.registerForm .view:focus {
	/*background: rgba(255,255,255,1);*/
}


#opcioLlista {
	display: block;
}

#opcioCalendari {
	display: none;
}


.calendariTop {
	display: flex;
	flex-wrap: nowrap;
	justify-content: stretch;
	text-align: center;
	width: 100%;
}

.calendariTop .arrowLeft,
.calendariTop .arrowRight {
	flex: 1 1 auto;
	text-align: center;
	align-items: center;
	cursor: pointer;
	background-color: rgba(242,242,242,1);
	font-size: 48px;
	font-weight: 300;
	line-height: 1;
	opacity: .75;
	color: rgba(0,0,0,1);
	display: flex;
	align-content: center;
	justify-content: center;
	min-height: 60px;
	width: 150px;
}

.arrowLeft:focus,
.arrowRight:focus {
	outline:0;
}
.arrowLeft,
.arrowRight {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.arrowLeft::selection,
.arrowRight::selection{
	color: #8e44ad;
}

.calendariTop .arrowLeft {
	margin-right: 3px;
}

.calendariTop .arrowRight {
	margin-left: 3px;
}

.calendariTop .arrowLeft *,
.calendariTop .arrowRight * {
	transform: translateY(-5px);
}

.calendariTop .monthTitle {
	flex: 1 1 auto;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
	align-items: center;
	font-size: 24px;
	color: rgba(34,34,34,1);
	background-color: rgba(242,242,242,1);
	display: flex;
	align-content: center;
	justify-content: center;
	width: calc(100% - 300px);
}


.calendariTop .arrowLeft.bgVerdProClar,
.calendariTop .arrowRight.bgVerdProClar{
	background-color: rgba(217,255,250,1);
}

.calendariTop .arrowLeft:hover,
.calendariTop .arrowRight:hover{
	background-color: rgba(50,218,195,1);
}

.calendariTop .arrowLeft.arrow-off,
.calendariTop .arrowRight.arrow-off,
.calendariTop .arrowLeft.bgVerdProClar.arrow-off,
.calendariTop .arrowRight.bgVerdProClar.arrow-off {
	background-color: rgba(242,242,242,1);
	color: rgba(242,242,242,1);
}


#eventArrowRight,
#eventArrowLeft{
	align-items: normal !important;
}

.calendariWrapper{
	display: flex;
	align-content: stretch;
	justify-content: stretch;
	align-items: stretch;
}

.calendariWrapper > div {
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: flex;
	align-content: stretch;
	justify-content: stretch;
	align-items: stretch;
}

.calendariWrapper .zabuto_calendar {
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding:20px;
}

.calendariWrapper .zabuto_calendar .table {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

div.zabuto_calendar .table tr th, div.zabuto_calendar .table tr td {
	background-color: transparent;
	border: none;
	position: relative;
}

div.zabuto_calendar .table tr:last-child {
	border: none;
}

div.zabuto_calendar .calendar-dow >  td > div {
	display: flex;
	justify-content: center;
	align-content: space-evenly;
	flex-direction: column;
	height: 100%;
	background-color: #fff;
}

div.zabuto_calendar .table tr td div.day,
div.zabuto_calendar .table tr td div.day.today {
	margin: 0;
	padding: 0;
	padding-bottom: 100%;
	position: relative;
}

div.zabuto_calendar .table th, div.zabuto_calendar .table td {
	padding: 5px;
}

div.zabuto_calendar .table tr td.event div.day,
div.zabuto_calendar ul.legend li.event {
	background-color: rgba(50,218,195,1);
}

div.zabuto_calendar .event .day {
	cursor: pointer;
}

div.zabuto_calendar .event .day:hover .dayRatio {
	border: 10px solid rgba(0,76,152,1);
	margin: -10px -10px -10px -10px;
	height: calc(100% + 20px);
	z-index: 10;
	border: 10px solid rgba(0,76,152,1);
	margin: -10px 0 0 -10px;
	height: calc(100% + 20px);
	z-index: 10;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0px;
	bottom: 0px;
	width: calc(100% + 20px);
}

div.zabuto_calendar .table tr td div.day.today {
	background-color: rgba(50,218,195,.2);
	border:1px solid rgba(50,218,195,.6)
}


.dayRatio {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* padding: 40px; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}



.dayLabel {
	font-size:  10px;
	text-align: center;
	font-weight: 400;
	color: rgba(34,34,34,1);
}

@media (max-width: 1024px) {
	.dayLabel {
		display: none;
	}
}


.dayNumber {
	font-size:  24px;
	text-align: center;
	font-weight: 300;
	color: rgba(34,34,34,1);
}



.interactHeader {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(0,47,139,1);
	min-height: 50px;
}

.interactHeader .title {
	font-weight: 700;
	font-size: 16px;
	color: rgba(255,255,255,1);
	text-align: left;
	padding-left: 50px;
}


.interactHeader .cancelAction {
	/*border-left: 4px solid white;*/
	background: rgba(142,142,142,1) url('../imgs/_cancelAction.svg') no-repeat;
	min-height: 50px;
	background-position: center center;
	background-size: 12px ;
	cursor: pointer;
	width: 50px;

}

.interactHeader .cancelAction:hover {
	background-size: 16px ;
}




.interactContent {
	background-color: rgba(242,242,242,1);
	padding: 40px 50px;
	font-size: 16px;

}

.interactContent p{
	font-size: 16px;
}

.dualForm {
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-items: stretch;
}

.dualForm > div {
	flex: 1 0 auto;
}

.dualForm > div.smallBlock {
	flex: 1 0 auto;
	align-self: flex-start;
}

.dualForm > div.bigBlock {
	flex: 2 0 auto;
	align-self: flex-start;
}

.dualForm > div.spacer {
	flex: 80px 0;
}

.dualForm > div.spacer > div {
	width: 1px;
	height: 100%;
	margin: 0 auto;
	background-color: rgba(50,218,195,1);
}

.smallBlock.hidden {
	display:none;
}

#form_errorMessageInput{
    background-color: rgba(242,242,242,1);
    color: red;
    text-align: left;
    border: none;
    font-size: 13px;
    text-align-last: left;
}


a.helpLink {
	display: block;
	text-align: center;
	text-decoration: underline;
	color: rgba(142,142,142,1);
	font-size: 16px;
}

a.helpLink:hover {
	color: rgba(50,218,195,1);
}



.viewToogle {
	cursor: pointer;
	background-color: transparent;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 34px;
	height: 100%;
}

.viewToogle.edit {
/*
	cursor: pointer;
	background-color: transparent;
	position: absolute;
	right: 10px;
	top: 5px;
	bottom: calc(1rem + 5px);
	width: 30px;
	display: block;
	min-height: 25px;
 */
}

table.legalInfo {
	table-layout:fixed;
	/*width: 100%;*/
	margin-left:0;
	border: 1px solid rgba(188,188,188,1);
	font-size: 12px;
}

table.legalInfo td {
	padding: 5px;
	color:	rgba(142,142,142,1);

}


form.registerForm label.control-checkbox {
	font-size: 12px;
	position: relative;
	color:	rgba(142,142,142,1);
}

form.registerForm label.control-checkbox input {
	position: absolute;
	left: 0;
	top: 6px;

	z-index: -1;
	opacity: 0;
	font-size: 12px;

	width: 13px;
	height: 13px;
	vertical-align: middle;
	border-radius: 0 !important;
	background-color: transparent;
	border: 1px solid rgba(188,188,188,1);

}

form.registerForm label.control-checkbox .control_indicator {
	position: absolute;
	top: 2px;
	left: -20px;
	height: 14px;
	width: 14px;
	background: rgba(242,242,242,1);
	border: 1px solid rgba(188,188,188,1);
}


form.registerForm label.control-checkbox .control_indicator:after {
	box-sizing: unset;
	content: '';
	position: absolute;
	display: none;
	left: 50%;
	top: 50%;
	width: 7px;
	height: 7px;
	border: 1px solid rgba(50,218,195,1);
	background-color: rgba(50,218,195,1);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}


form.registerForm label.control-checkbox input:checked ~ .control_indicator:after {

	display: block;
}


.registerForm button.w-auto {
	width: auto !important;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block !important;

}

a.underline {
	text-decoration: underline !important;
}





.resourceListItem {
	padding: 35px;
}

.resourceBtnShow{
	height: 45px;
	line-height: 30px;
}


.alertsCombo {
	display: flex;
	align-items: stretch;
	background-color: rgba(255,255,255,1);


}

.alertsCombo .icon {
	background-color: rgba(50,218,195,1);
	background-image: url("../imgs/_iconBell.svg");
	background-size: 38px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 67px;
	min-height: 67px;
	position: relative;
}

.alertsCombo .icon .badge {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(255,255,255,1);
	font-size: 15px;
	font-weight: 900;
	transform: translate(50%, -30%);
}

.alertsCombo .title {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: auto;
	font-weight: 900;
	font-size: 22px;

}

.alertsCombo .arrow {
	background-image: url("../imgs/_iconTriangle.svg");
	background-size: 13px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 67px;
	min-height: 67px;
	transition: all 200ms linear;
	transform: rotate(-90deg);
}

.alertsCombo.collapsed .arrow {
	transform: rotate(0);

}

.alertsComboInfo.show {
	display: flex;
	align-items: stretch;
}


.alertsComboInfo .content {
	background-color: rgba(230,230,230,1);
	flex: auto;
	margin-left: 67px;
	font-size: 22px;

}

.alertsComboInfo .content .row.new * {
	font-weight: 700;
}


.alertsComboInfo .content .title {
	font-size: 22px;
}

.alertsComboInfo .content .link {
	font-size: 22px;
	text-align: right;
}

.alertsComboInfo .content a {
	color: rgba(0,47,139,1);
}

.alertsComboInfo .content a:hover {
	color: rgba(0,47,139,1);
}

.aulaStats {
	width: 300px;
	padding-top: 300px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	max-width: 239px;
	margin: 0 auto 25px auto;
}

.aulaStatsInfo {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	color: rgba(50,218,195,1);
}

.aulaStats .statsNumber {
	font-size: 45px;
	font-weight: 200;
	line-height: 45px;
}

.aulaStats .statsLabel {
	font-size: 21px;
	font-weight: 200;
}

.navbar-brand #logoDentaidEs {
	margin-top: 10px;
	width: 165px;
	height:auto;
}

.navbar-brand #logoDentaidEsPro {
	margin-top: 13px;
	width: auto;
	height:50px;
}

.proportionalVideoWrapper .proportionalVideo{
	display: none;
}
.proportionalVideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	height: 0;
	width: 100%; /* You can set this width to whatever suits your needs */
	margin: 0 auto;
}

.proportionalVideoWrapper .proportionalVideo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}


#filtresMarcaSelect {
	background-color: rgba(0,47,139,1);
	color: rgba(255,255,255,1);
	font-size: 14px;
	padding: 18px;
	min-height: 60px;
	width: 100%;
	max-width: calc(100% - 10px);
	min-height: 60px;
	margin: 5px;
	background-image: url(../imgs/_arrowDownWhite.svg) ;
	font-weight: 700;
	text-align: center;
	line-height: normal;
	border-radius: 0;
	text-align: center;
	text-align-last: center;
	border: none;
	background-position: right 15px top 50%;
	background-size: 10px;
	/* background: url(data:image/svg+xml;utf8,<svg data-name="select" xmlns="http://www.w3.org/20…gon class="cls-2" points="3.54 5.33 2.48 6.82 1.41 5.33 3.54 5.33"/></svg>) no-repeat 98% 50%; */
}





.numericList {
	list-style-type: none;
	counter-reset: level1;
	margin: 0 0 30px 0;
	padding: 0;
}

.numericList li {
	display: block;
	padding-left: 40px;
	font-weight: normal;
}

.numericList li:before {
	margin-left: -60px;
	width: 60px;
	display: inline-block;
	font-weight: bold;
	content: counter(level1);
	counter-increment: level1;
	background-image: url(../imgs/bg_numericList.png);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: center top;
	min-height: 32px;
	color: white;
	text-align: center;
	overflow: visible;
	font-size: 21px;
	line-height: 28px;
}

.numericList li:not(:last-child):after, li > ol:before{
	content: " ";
	display: block;
	position: relative;
	height: 20px; /* this is filler where height should be equal to required line height */
	left: 0px; top: 100%;
}







.paginador{
	margin-top:45px;
}
.paginador a{
	margin:5px 3px;
	padding:0;
	border-radius: 50%;
	vertical-align: top;
	line-height:25px;
	width:25px;
	height: 25px;
	display: inline-block;
	color: rgba(0,47,139,1)
}
.paginador i {
	line-height: 25px;
}

.paginador a:hover, .paginador a:hover i, .paginador a.active{
	background-color: rgba(0,47,139,1);
	color:#fff;
}


























/*
Media queries
*/
@media (max-width: 1399.98px) {
	.proporcional.BgTop{
		padding-bottom:29%;
	}
}

@media (max-width: 1199.98px) {

	.seccioPatologia {
		padding-bottom: 80px;
		padding-top: 80px;
	}
	.seccioPatologia .titolApartat{
		margin-bottom: -10%;
	}


	#wrapper {
		margin-bottom: 0;
		padding-bottom: 1px;
	}

	.proporcional.BgTop{
		padding-bottom:31%;
	}

	.titolApartat {
		transform:translateY(0);
		margin-top:-40px;
		margin-bottom:1px;
	}
	.titolStreetView {
		font-size:30px;
	}

	footer.fixed-bottom {
		position: initial;
		right:inherit;
		bottom: inherit;
		left: inherit;
		z-index:inherit;
		padding-bottom:40px;
	}

	#footerMenu, #footerMenu > li{
		display: inline-block;
	}
	.footerMesInfo{
		text-align: center;
	}
	.footerMesInfo > div{
		margin:25px 0;
	}
	.xarxes{
		justify-content: center;
	}

	#footerMenu > li > a {
		min-height: 35px;
		padding-right: 15px;
		padding-left: 15px;
	}
	#footerMenu a .arrow{
		bottom:10px;
	}

}

@media (max-width: 1100px) {
	#diapos .slick-dots{
		right: calc(50% + 225px);
		bottom: 20px;
	}
}

@media (max-width: 1024px) {
	.worldAreas li a {
		width: calc(100% - 10px);
	}

	#lang-overlay .worldAreas {
		flex-direction: column;
	}

	#lang-overlay .areaDouble ul,
	#lang-overlay .areaNormal ul {
		column-count: 3;
		column-gap: 10px;
		margin-bottom: 20px;
	}

	#lang-overlay .areaNormal.plus {
		margin-top: 20px;
	}


	.navbar-brand {
		padding-top: .3125rem !important;
		padding-bottom: .3125rem !important;
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}

	.navbar-brand #logoDentaidEs {
		margin-top: 13px;
		width: auto;
		height: 46px;
	}






}
@media (min-width: 991.98px) {
	.footerSubMenu{
		text-align: left;
	}
}

@media (max-width: 991.98px) {
	h2{
		font-size:40px;
	}
	h2 span{
		font-size: 22px;
	}
	p {
		margin-bottom:20px;
		font-size:16px;
	}
	li, dt, dd {
		font-size:16px;
	}
	ul, ol {
		margin-bottom:20px;
		padding-left: 10px;
	}

	.paddingBox{
		padding:30px;
	}

	.icoImatge {
		max-width:100%;
	}

	.blocInfo.imgIcona ul{
		margin-left:40px;
	}

	.pRessaltat{
		font-size:20px;
	}

	.alignToUl {
		margin-left:40px;
	}

	#wrapper {
		margin-top: 85px;
	}

	.dropdown-toggle::after {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
		visibility: visible;
	}
	#navbarNavDropdown{
		border-top:1px solid rgba(220, 220, 220, 0.5);
	}
	#navbarNavDropdown > ul > li > a,
	#navbarNavDropdown > ul > li > div.asLink{
		min-height: inherit;
		padding-left:inherit;
		padding-right: inherit;
		padding-top: 17px;
		border-bottom: 1px solid rgba(220,220,220,.5);
		margin-top: 0;
	}
	#navbarNavDropdown > ul > li > a.actiu,
	#navbarNavDropdown > ul > li > div.asLink.actiu{
		border-bottom: 1px solid rgba(220,220,220,.5) !important;
		font-weight: 800;
	}
	#navbarNavDropdown{
		height: calc(100vh - 85px);
		overflow: scroll;
	}
	#subMenuConocenos .dropdown-menu,
	#subMenuSaludBucal .dropdown-menu,
	#subMenuMarcas .dropdown-menu,
	#subMenuAulaDentaid .dropdown-menu{
		border-color: rgba(255,255,255,1) !important;
		width: inherit;
		min-height: inherit;
	}
	.dropdown-info{
		padding:20px;
	}
	.dropdown-info .h3{
		display: none;
	}
	.dropdown-info,
	.dropdown-info ul,
	.dropdown-info li{
		border:none;
	}
	.dropdown-info ul:before{
		background-image:none !important;
	}
	.dropdown-info a{
		font-size:14px;
	}
	.infoDiapo{
		width: 280px;
		padding: 25px;

	}
	.infoDiapo p {
		font-size: 24px;
	}
	.botoDiapo {
		padding: 10px;
	}
	.botoDiapo p{
		font-size:12px;
	}

	.seccio,
	.seccioAlterna {
		padding-top: 50px;
		padding-bottom: 50px;
	}


	.subTabs{
		height:30px;
	}

	.navPestanyes .nav-link{
		padding: 15px 8px;
	}

	.titolApartat {
		padding: 40px 60px;
	}
	.titolApartat .verticalSpacer {
		margin-right: 45px;
		margin-left: 45px;
	}

	.titolStreetView {
		margin: 50px auto 30px auto;
	}

	.worldAreas li a {
		width: calc(100% - 10px);
	}

	#lang-overlay .overlay__content {
		max-width: calc(100vw - 40px);
		width: 985px;
		padding: 50px;
	}

	.productPage .productDetailInfo h1 {
		font-size: 35px;
	}

	.productPage .productIntro {
		font-size: 16px;
		font-weight: 500;
	}

	.aulaStats {
		max-width: 270px;
	}

	.aulaStats .statsNumber {
		font-size: 35px;
		line-height: 35px;
	}

	.aulaStats .statsLabel {
		font-size: 16px;
	}


	.slick-next.slick-arrow {
		right: -15px;
	}

	.slick-prev.slick-arrow {
		left: -15px;
	}

	#lupa {
		height: 61px;
	}

	#lupa i {
		line-height: 61px;
	}

	#login.nav-item {
		text-align: center;
		border-top: 1px solid rgba(220,220,220,.5);
		border-bottom: 1px solid rgba(220,220,220,.5);
	}

	#login.nav-item a{
		text-align: center;
		line-height: 61px;
	}

}

@media (max-width: 767.98px) {

	h2 {
		font-size: 34px;
	}
	h3 {
		font-size: 28px;
	}
	p {
		margin-bottom:10px;
		font-size:14px;
	}
	li, dt, dd {
		font-size:14px;
	}
	ul, ol, dl {
		margin-bottom:10px;
		padding-left: 15px;
	}

	.paddingBox{
		padding:20px;
	}

	.icoImatge{
		max-width:225px;
		margin-bottom:30px;
	}
	.imgIlustracio{
		max-width:310px;
		display:block;
		margin:0 auto;
		margin-bottom:30px;
	}

	.tresColumnes > ul{
		column-count:2;
		column-gap: 1px;
	}

	#cap.fixed-top{
		/* position: inherit; */
	}
	#wrapper{
		margin-top:85px;
	}

	#subMenuConocenos .dropdown-menu,
	#subMenuSaludBucal .dropdown-menu,
	#subMenuMarcas .dropdown-menu,
	#subMenuAulaDentaid .dropdown-menu {
		width:auto;
		height: auto;
	}

	.proporcional.Slide {
		padding-bottom: 75%;
		padding-bottom: 50%;
	}
	.bgInfoDiapo {
		width: 50%;
		padding: 25px;
		display: flex;
	}
	.bgInfoDiapo .infoDiapo{
		margin:0;
		padding:0;
		text-align: left;
	}
	.bgInfoDiapo .infoDiapo h2{
		font-size:10px;
	}
	.bgInfoDiapo .infoDiapo p{
		font-size:16px;
		line-height: 20px;
	}

	#diapos .slick-dots{
		width: 50%;
		right: inherit;
		left: 0;

		position: absolute;
		bottom: -25px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	#diapos .slick-dots li ,
	.slick-dots li button,
	.slick-dots li button:before{
		width:24px;
		height:24px;
		line-height: 30px;
	}

	#diapos .slick-dots li button:before {
		font-size: 6px;

		width: 11px;
		height: 12px;
		line-height: 30px;
		padding: 0;
		margin: 0;
	}


	#diapos .slick-dots li button:before {
		color: rgba(0,0,0,.25);
	}
	#diapos .slick-dots li.slick-active:hover button:before,
	#diapos .slick-dots li.slick-active button:before{
		color: rgba(0,0,0,1);
	}







	.homeBrands {
		margin-top: 0px;
	}

	.entrada > a {
		justify-content: flex-end;
	}

	.proporcional.entrada {
		padding-bottom: 85%;
	}

	.row.sponsors {
		flex-wrap: nowrap;
	}

	.row.sponsors p{
		font-size: 11px;
	}

	#footerMenu {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#footerMenu > li {
		display: block;
		text-align: left;
	}

	#footerMenu > li > a {
		min-height: 25px;
		margin-bottom: 0;
		padding-right: 0;
		padding-left: 0;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
		text-align: -webkit-center;
	}


	.seccio,
	.seccioAlterna {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.subTabs{
		height:25px;
	}

	.proporcional.BgTop{
		padding-bottom:60%; /*30%*/
	}
	/*
        .titolApartat {
            padding: 25px 50px;
            margin-top:-20px;
        }
    */

	.titolApartat {
		margin-top: 0px !important;
		padding: 20px;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.titolApartat h1{
		font-size:40px;
	}
	.titolApartat p{
		font-size:17px;
	}
	.titolApartat .verticalSpacer {
		margin-right: 35px;
		margin-left: 35px;
	}
	.introApartat {
		margin: 40px 0;
		padding-left: 15px;
		padding-right: 15px;
	}

	.titolStreetView {
		margin: 35px auto 25px auto;
		font-size:20px;
	}

	.blocInfo p{
		/*text-align:justify;*/
	}
	.blocInfo p.pRessaltat{
		text-align:left;
		font-size: 18px;
	}

	.selectorFiltres select{
		margin-bottom:25px;
	}
	.proporcional.logoMarca,
	.proporcional.imgMarca{
		padding-bottom: 150%;
	}

	.proporcional.BgBottom {
		padding-bottom: 45%;
	}

	.filtrePais{
		margin-top:30px;
		overflow: auto;
	}
	.filtrePais > div{
		float:left;
	}
	.filtrePais > a{
		float:right;
	}

	#lang-overlay .areaDouble ul,
	#lang-overlay .areaNormal ul {
		column-count: 2;
		column-gap: 10px;
		margin-bottom: 20px;
	}

	.worldAreas li a {
		width: calc(100% - 10px);
	}

	#lang-overlay .overlay__content {
		max-width: calc(100vw - 30px);
		width: 985px;
		padding: 40px;
	}

	#lang-overlay .legend ul {
		justify-content: flex-start;
	}

	#lang-overlay .legend {
		border: 1px solid rgba(120, 120, 120, .2);
	}



	.titolMarca {
		flex-direction: column;
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		margin-bottom: 1px;
	}

	.titolMarca h1 {
		align-self: center;
		padding: 20px;
	}

	.titolMarca h1 strong {
		font-size: 34px;
		line-height: 40px;
	}


	.titolMarca .titolContainer {
		width: 100%;
	}
	.titolMarca .logoContainer {
		background-color: rgba(237,242,246,1);
		width: 100%;
		padding: 15px;
	}

	.titolMarca .logoContainer .brandLogo {
		max-width: 100%;
	}

	.filtresMarca {
		flex-direction: column;
		margin-bottom: 1px;
	}

	.filtresMarca > div {
		width: 100%;
		max-width: calc(100% - 10px);
		min-height: 60px;
		margin: 5px;
	}

	.filtresMarca a {
		font-size: 14px;
		padding: 18px;
		min-height: 60px;
	}


	.titolCategoria a {

		font-size: 18px;
	}

	.productPage.seccio.dualBg {
		background: transparent;
	}
	.productHeader {
		/*flex-direction: column-reverse;*/
	}

	.productPage .productDetailInfo h1 {
		font-size: 30px;
		font-weight: 300;
		margin-bottom: 8px;
	}

	.panel-heading {

		border: 2px solid rgba(255,255,255,1);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		padding: 20px 10px;
		background-color: #EDF2F6;

	}

	.panel-heading .panel-title, .panel-heading .panel-title a.collapsed {
		color: #495057;
		background-color: #EDF2F6;;
		border-color: transparent;
		font-size: 14px;
		font-weight: normal;
		margin: 0;
		text-align: left;
	}

	.collapse.show {
		padding: 20px 0;
		margin-bottom: 20px;
	}


	.pastEventItem .bgImage {
		min-height: 300px;
	}

	.eventInfo {
		padding: 25px ;
		/*margin-right: -15px;
		margin-left: -15px;*/

	}

	.eventInfo.odd {
		margin-left: -15px;
		margin-right: -15px;
	}


	.titolAula {
		flex-direction: column;
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		margin-bottom: 1px;
	}

	.titolAula h1 {
		align-self: center;
		padding: 20px;
        font-size: 30px;
	}

	.titolAula .titolContainer,
	.titolAula .logoContainer{
		width: 100%;
		text-align: center;
		min-height: inherit;
	}

	.titolAula h2,
	.titolAula .subtitol {
		padding-top: 10px;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.calendariTop .arrowLeft,
	.calendariTop .arrowRight {
		min-height: 60px;
		width: 60px;
	}
	.calendariTop .monthTitle {
		width: calc(100% - 120px);

	}


	.eventListItem .eventHeader .f22 {
		font-size: 20px !important;
		line-height: 26px;

	}

	.tabToAccordion .panel .panel-default {
		margin-bottom: 10px;
	}

    .introSeccio.aula {
        margin: 85px 0 25px 0;
    }

    .introSeccio.aula img{
        max-width: 200px;
    }

    .max200w {
        max-width: 200px;
    }

    .eventInfo .titol {
        font-size: 24px;
        line-height: 30px;
     }


	.navbar-brand #logoDentaidEsPro {
		margin-top: 13px;
		width: auto;
		height: 46px;
	}

	.productPage .productDetailInfo {
		padding: 0 0 0 0;
	}

	.productThumbs {
		width: 62px;
	}

	.productThumbs .productThumb {
		width: 60px;
		height: 60px;
	}

	.dropdown-info li a {
		text-align: center;
	}

	.dualForm {
		flex-direction: column;
	}

	.dualForm > div.smallBlock {
		width: 100%;
	}
	.dualForm > div.bigBlock {
		width: 100%;
	}


}

@media (max-width: 575.98px) {
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 24px;
	}

	.seccioInici{
		padding-top:10px;
		padding-bottom:10px;
	}

	.paddingBox{
		padding:15px;
	}

	.twoCols,
	.duesColumnes > ul{
		column-count:1;
	}

	.dropdown-info li:last-child:before {
		display: none;
	}

	.icoImatge{
		max-width:150px;
		margin-bottom:30px;
	}

	.infoDiapo {
		padding: 15px;
	}

	#cap .navbar-brand > img{
		/* l'alçada del .png + els marges dóna l'alçada al nav#cap */
		margin: 15px 0;
		height: 55px;
	}

	.dropdown-info li a{
		text-align: center;
	}

	.proporcional.BgTop {
		padding-bottom: 60%;
	}

	.seccio,
	.seccioAlterna {
		padding-top: 20px;
		padding-bottom: 20px;

		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.subTabs{
		height:20px;
	}

	.titolApartat{
		margin-top:-10px;
		padding: 20px;
	}
	.titolApartat h1{
		font-size:34px;
	}
	.titolApartat .col {
		flex: 0 0 100%;

	}
	.titolApartat .verticalSpacer {
		margin-top:25px;
		margin-right: 0;
		margin-bottom:25px;
		margin-left: 0;
	}
	.titolApartat .verticalSpacer:before{
		content: "";
		width: 100%;
		height: 1px;
		border-top: 2px solid rgba(255,255,255,1);
	}
	.introApartat {
		margin: 30px 0;
	}

	.titolStreetView {
		margin: 30px auto 20px auto;
		font-size:18px;
	}

	.selectorFiltres select{
		margin-bottom:15px;
	}

	.footerSubMenu a, .fakeLink a {
		padding: 16px 8px;
	}

	.imgIlustracio {
		max-width: calc(100% - 45px);
		margin-left: 15px;
	}

	.tresColumnes > ul {
		column-count: 1;
		column-gap: 0px;
	}

	.MarcaJM {
		/*background-position: center bottom;*/
	}

	#lang-overlay .areaDouble ul,
	#lang-overlay .areaNormal ul {
		column-count: 1;
		column-gap: 0;
		margin-bottom: 20px;
	}

	#lang-overlay .overlay__content {
		max-width: calc(100vw - 20px);
		width: 985px;
		padding: 20px;
	}

	.columnsList > ul li.imgDoubleColumn {
		-webkit-column-span: none;
		column-span: none;
		width: 100%;
	}

}



.sf-minitoolbar{
	right:auto !important;
}

.sf-toolbarreset {
	bottom: 50px !important;
}

.btNoResultsFounded {
	background-color: rgba(0,46,141,1)!important ;
	border-radius: 0;
	border: 1px solid rgba(0,46,141,1) !important;
	height: 37px;
	text-align: center;
	line-height: 37px;
	color: rgba(255,255,255,1) !important;
	outline: 0 !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.btNoResultsFounded:hover {
	background-color: rgba(50,218,195,1) !important;
	border: 1px solid rgba(50,218,195,1) !important;
}