/* Document CSS */

/* formateig */

body, form, table, caption, tr, th, td, ul, ol, li, dl, dt, dd, img, p, header, h1, h2, h3, h4, h5, h6, object, iframe, legend, fieldset { font-size: 1em; list-style: none; margin: 0; padding: 0; outline: none; border: none; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

/* generic */

@font-face {
	font-family: 'Bariol Regular';
	src: url('../fonts/Bariol_Regular.ttf');
}

html,
body { overflow: auto; overflow-x: hidden; }

body { font: normal 90% 'Bariol Regular',Arial,Helvetica,sans-serif; color: #333; background-color: #fff; }
body.imc-carregant-estil { display: none; }

audio { display: none; }

p { line-height: 1.3em; }

a { color: #00628f; text-decoration: none; }
/*
input { display: inline-block; font: normal 110% 'Bariol Regular',Arial,Helvetica,sans-serif; height: 3em; vertical-align: middle; padding: .6em .5em; background-color: #fff; border: 3px solid #cc073c; will-change: border; }

button { display: inline-block; font: normal 110% 'Bariol Regular',Arial,Helvetica,sans-serif; height: 3em; color: #fff; vertical-align: middle; padding: .8em 1em; background-color: #cc073c; border:none; cursor: pointer; will-change: background-color; }
button:hover { background-color: #000; }
button {
	-webkit-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-ms-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

.imc-bt { display: inline-block; color: #cc073c; vertical-align: middle; padding: .5em 1em; background-color: #fff; will-change: color, background-color; }
.imc-bt:hover { color: #fff; background-color: #cc073c; }
.imc-bt {
	-webkit-transition: color .2s ease-out, background-color .2s ease-out;
	-moz-transition: color .2s ease-out, background-color .2s ease-out;
	-ms-transition: color .2s ease-out, background-color .2s ease-out;
	-o-transition: color .2s ease-out, background-color .2s ease-out;
	transition: color .2s ease-out, background-color .2s ease-out;
}
.imc-bt span { font-size: 1.3em; }
*/
/* media */

.imc-app-media { display:none; }

/* */

.imc-contenidor { width: 100%; }

/* cookie */

.imc-cookie { display: none; }

/* logo*/

.imc-logo { position: absolute; z-index: 4; top: 0; left: 0; width: 10em; height: 10em; background: transparent url(../../imgs/svg/logo.svg) no-repeat center center / 80% auto; }

/* marc*/

.imc-marc { display: none; }

/* cercador popup */

.imc-cercador-popup { display: none; }

/* seccions */

.imc-seccions { overflow: hidden; width: 100%; margin-top: 12em; }

.imc-seccio { display: block; float: left; position: relative; width: 23%; height: 7em; margin-left: 2%; }
.imc-seccio:first-child { margin-left: 0; }
.imc-seccio a { display: block; color: #333; }

.imc-seccio a .imc-sec-borera { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #ccc; }
.imc-seccio a:hover .imc-sec-borera { padding: 10px; border-width: 5px; }

.imc-sec-informat a .imc-sec-borera { border-color: #913694; }
.imc-sec-illes a .imc-sec-borera { border-color: #fec25c; }
.imc-sec-transparencia a .imc-sec-borera { border-color: #4dba6f; }
.imc-sec-admin a .imc-sec-borera { border-color: #10bed2; }



.imc-seccio a .imc-sec-dades { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 10%; }

.imc-seccio a .imc-sec-dades h1 { position: absolute; bottom: 12.5em; left: 12%; width: 70%; text-transform: uppercase; padding-bottom: .4em; will-change: transform; }
.imc-seccio a .imc-sec-dades ul { position: absolute; top: 6.5em; left: 12%; width: 70%; opacity: 0; will-change: transform, opacity; }
.imc-seccio a .imc-sec-dades li { font-size: 1.2em; line-height: 1.5em; }

.imc-seccio a .imc-sec-dades h1 span { font-size: 2em; }
.imc-seccio a .imc-sec-dades li span { }

.imc-seccio a:hover .imc-sec-dades h1 {
	-webkit-transform: translateY(-1em);
	-moz-transform: translateY(-1em);
	-o-transform: translateY(-1em);
	-ms-transform: translateY(-1em);
	transform: translateY(-1em);
}

.imc-seccio a:hover .imc-sec-dades ul {
	-webkit-transform: translateY(2em);
	-moz-transform: translateY(2em);
	-o-transform: translateY(2em);
	-ms-transform: translateY(2em);
	transform: translateY(2em);
	opacity: 1;
}

.imc-seccio a .imc-sec-dades h1,
.imc-seccio a .imc-sec-dades ul {
	-webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out, opacity .2s ease-out;
	-o-transition: -o-transform .2s ease-out, opacity .2s ease-out;
	transition: transform .2s ease-out, opacity .2s ease-out;
}

/* peu */

.imc-peu { padding: 1em; background-color: #f2f2f2; }

.imc-peu div,
.imc-peu ul,
.imc-peu p,
.imc-peu li { display: inline-block; vertical-align: middle; }

.imc-peu-legal { float: right; text-transform: uppercase; white-space: nowrap; padding-top: .5em; }
.imc-peu-legal li::before { content: "|"; }
.imc-peu-legal li,
.imc-peu-legal li a { padding-left: 1em; }

/* xarxes */

.imc-peu-xarxes p { padding-right: 1em; }

a.imc-bt-xarxa { display: inline-block; width: 3em; height: 3em; margin-right: .3em; background-color: #484848; will-change: background-color; }
a.imc-bt-xarxa span { position: fixed; top: -999em; left: -999em; }

a.imc-bt-xarxa.imc-logo-youtube { background: #484848 url(../imgs/svg/youtube-logo.svg) no-repeat center center / 50% auto; }
a.imc-bt-xarxa.imc-logo-instagram { background: #484848 url(../imgs/svg/instagram-logo.svg) no-repeat center center / 50% auto; }
a.imc-bt-xarxa.imc-logo-twitter { background: #484848 url(../imgs/svg/twitter-logo.svg) no-repeat center center / 50% auto; }
a.imc-bt-xarxa.imc-logo-facebook { background: #484848 url(../imgs/svg/facebook-letter-logo.svg) no-repeat center center / 50% auto; }
a.imc-bt-xarxa.imc-logo-whatsapp { background: #484848 url(../imgs/icones/whatsapp.svg) no-repeat center center / 50% auto; }

a.imc-bt-xarxa:hover { background-color: #ee013b; }

a.imc-bt-xarxa,
a.imc-bt-xarxa:hover {
	-moz-transition: background-color .2s ease-out;
	-webkit-transition: background-color .2s ease-out;
	-ms-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	-kthtml-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}


/* media */

@media only screen and (max-width : 1224px) {

	.imc-app-media div.imc-am-mobil { display:block; }

	.imc-logo { left: 9%; }

	.imc-marc { background-size: 150% auto; }
	.imc-marc::before {
		left: -90%;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.imc-marc ul { padding-right: 3em; }

	.imc-seccions { padding: 4em 0 1em 9%; }

	.imc-seccio { width: 40%; margin-bottom: 3em; margin-left: 9%; }
	.imc-seccio:nth-child(3) { margin-left: 0; }

	.imc-peu-legal { padding-top: 0; }
	.imc-peu-legal p { display: block; text-align: right; padding-bottom: .4em; }
	.imc-peu-legal li:first-child::before { content: ""; }
	.imc-peu-legal li,
	.imc-peu-legal li a { padding-left: .5em; }

}

@media only screen and (max-width : 650px) {

	.imc-logo { width: 15em; height: 15em; }

	.imc-marc { height: 20em; }
	.imc-marc::after { height: 20em; }
	.imc-marc::before { width: 200%; }

	.imc-peu { text-align: center; }
	
	.imc-peu-xarxes { text-align: center; margin-bottom: 1em; }
	.imc-peu-xarxes p { display: block; text-align: center; padding-bottom: .3em; }

	.imc-peu-legal { float: none; width: 100%; text-align: center; }

	.imc-peu ul,
	.imc-peu p { display: block; }

	.imc-peu ul { margin-top: .5em; }
	
	.imc-peu-legal li { padding-left: 1em; }
	.imc-peu-legal li a { padding-left: 1.5em; }

	.imc-peu-legal li:first-child,
	.imc-peu-legal li:first-child a { padding-left: 0; }
	.imc-peu-legal li:first-child::before { content: ""; }

	.imc-peu-legal p { text-align: center; }

}

@media only screen and (max-width : 480px) {

	.imc-app-media div.imc-am-tablet { display:block; }

	.imc-cookie a.imc-bt { margin-top: 1em; }
	.imc-cookie-dacord {
		-webkit-transform: translateY(-15em);
		-moz-transform: translateY(-15em);
		-o-transform: translateY(-15em);
		-ms-transform: translateY(-15em);
		transform: translateY(-15em);
	}

	.imc-logo { left: 0; width: 3em; height: 12em; background: #fff url(../imgs/svg/logo_vertical.svg) no-repeat center center / 50% auto; }

	.imc-marc,
	.imc-marc::after { height: 14em; }
	.imc-marc::before {
		position: absolute;
		top: 10em;
		left: -42%;
		width: 100%;
		border-top: 1px solid #cc073c;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		-o-transform: rotate(315deg);
		-ms-transform: rotate(315deg);
		transform: rotate(315deg);
	}

	.imc-marc ul { padding-right: 0; }
	.imc-marc-idioma { margin-right: 1em; }

	.imc-cercador-popup { right: 0; width: calc(100% - 4em); height: 7em; padding: 1em 1em 0 1em; }

	.imc-cercador-popup input[type=text] { width: 10em; }
	
	input,
	button { height: 2.5em; padding: .6em 1em; }

	.imc-seccions { padding: 2em 0 .5em 5%;	}

	.imc-seccio { width: 45%; margin-left: 5%; }

}