/* 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: #f2f2f2; }
body.imc-carregant-estil { display: none; }

audio { display: none; }

p { line-height: 1.3em; }

a { color: #cc073c; text-decoration: none; padding: 0 .2em; will-change: color, background-color; }
a:hover,
a:focus { color: #fff; background-color: #cc073c; }

a {
	-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;
}

pre { font: normal 1.2em 'Bariol Regular',Arial,Helvetica,sans-serif; white-space: pre-wrap; }

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

select { display: inline-block; font: normal 110% 'Bariol Regular',Arial,Helvetica,sans-serif; height: 3em; vertical-align: middle; padding: .6em .5em; border: 3px solid #cc073c; will-change: border; }
select:hover { border-color: #000; }
select {
	-webkit-transition: border-color .2s ease-out;
	-moz-transition: border-color .2s ease-out;
	-ms-transition: border-color .2s ease-out;
	-o-transition: border-color .2s ease-out;
	transition: border-color .2s ease-out;
}
select option { padding: .7em 1em; }
select option:hover { color: #fff; background-color: #cc073c; }
select option {
	-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;
}

/* scroll */

.imc-scroll-mini::-webkit-scrollbar {
    width: .5em;
}

.imc-scroll-mini::-webkit-scrollbar-track {
	margin: .3em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
}

.imc-scroll-mini::-webkit-scrollbar-thumb {
    -webkit-border-radius: .5em;
    border-radius: .5em;
    background: #cc073c;
}

.imc-scroll-mini::-webkit-scrollbar-thumb:window-inactive {
	opacity: .5;
}

/* botons */

.imc-bt { display: inline-block; color: #cc073c; vertical-align: middle; padding: 1em; background-color: #fff; will-change: color, background-color; }
.imc-bt:hover,
.imc-bt:focus,
.imc-bt:active { 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; }

.imc-bt-icona { display: flex; align-items: center; }
.imc-bt-icona::before {
	content: "";
	display: inline-block;
	width: 3em;
	height: 3em;
	vertical-align: middle;
	margin-right: 1em;
	background: transparent url() no-repeat center center / auto 90%;
}

/* carregant */

.imc-carregant { display: block; font-size: 1.3em; font-style: italic; vertical-align: middle; padding: 2em 0; }

.imc-carregant:before {
	content: "";
	display: inline-block;
	width: 2em;
	height: 2em;
	vertical-align: middle;
	margin-right: .5em;
	border: .5em solid transparent;
	border-top-color: #cc073c;
	border-bottom-color: #cc073c;
	opacity: .3;
	border-radius: 1.2em;
	-moz-animation-name: carregant;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-name: carregant;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-o-animation-name: carregant;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	animation-name: carregant;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-moz-keyframes carregant {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes carregant {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@-o-keyframes carregant {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}
@keyframes carregant {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


/* cookie */

.imc-cookie { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; font-size: 1.5em; color: #fff; text-align: center; padding: 2em; background-color: rgba(0,0,0,.8); }
.imc-cookie p { margin-bottom: .5em; }
.imc-cookie a:not(.imc-bt) { color: #ffe9c2; margin: 0 1em; }

.imc-cookie-dacord {
	-webkit-transform: translateY(-10em);
	-moz-transform: translateY(-10em);
	-o-transform: translateY(-10em);
	-ms-transform: translateY(-10em);
	transform: translateY(-10em);
	opacity: 0;
}

.imc-cookie,
.imc-cookie-dacord {
	-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;
}


/* logo*/

.imc-logo { position: fixed; z-index: 4; top: 0; left: 0; width: 3.5em; height: 100%; text-align: center; background-color: #fff; border-right: 1px solid #EBEBEB; box-shadow: 1px 1px 1px #ebebeb; }

.imc-logo a.imc--goib { display: block; width: 100%; height: 15em; margin: 1.3em 0 1.6em; background: transparent url(../imgs/svg/logo_vertical.svg) no-repeat center center / 65% auto; }

.imc-logo li { padding-bottom: .7em; }
.imc-logo li a { display: block; width: 3.5em; height: 3em; padding: 0; }

.imc-logo li a::before { content: ""; display: block; width: 3.5em; height: 3em; background: transparent url() no-repeat center center / 55% auto; opacity: 0; }

.imc-logo li a.imc--informat { background: transparent url(../imgs/seccions/noticies.png) no-repeat center center / 55% auto; }
.imc-logo li a.imc--administracio { background: transparent url(../imgs/seccions/administracio.png) no-repeat center center / 55% auto; }
.imc-logo li a.imc--illes { background: transparent url(../imgs/seccions/illes.png) no-repeat center center / 55% auto; }

.imc-logo li a.imc--informat::before { background-image: url(../imgs/seccions/noticies_on.png); }
.imc-logo li a.imc--administracio::before { background-image: url(../imgs/seccions/administracio_on.png); }
.imc-logo li a.imc--illes::before { background-image: url(../imgs/seccions/illes_on.png); }

.imc-logo li a:hover::before,
.imc-logo li a:focus::before { opacity: 1; }

.imc-logo li a::before {
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.imc-logo a span { display: block; position: absolute; top: -999em; left: -999em; }

.imc--contingut { width: 100%; max-width: 86em; padding: 0 1em; margin: 0 auto; }


/* contenidor */

.imc-contenidor {}


/* titol */

.imc-titol { position: fixed; z-index: 3; top: 0; left: 0; width: 100%; height: 2.65em; padding-left: 3.5em; background-color: #32814b; }
.imc-titol .imc--contingut { position: relative; }

.imc-titol h1 { overflow: hidden; display: inline-block; vertical-align: middle; width: calc(100% - 14em); color: #fff; text-overflow: ellipsis; white-space: nowrap; }
.imc-titol h1 span { font-size: 2em; font-weight: normal; color: #fff; text-transform: uppercase; line-height: 1.3em; }

.imc-titol .imc-torna { display: none; }

.imc-titol ul { position: absolute; top: .2em; right: 1em; }
.imc-titol li { display: inline; }

.imc-titol.imc--intranet h1 { width: calc(100% - 22em); }

.imc-bt-intranet { display: inline-block; height: 2em; padding-left: 2.3em; margin-right: 2em; vertical-align: middle; background: transparent url(../imgs/icones/intranet_fff.svg) no-repeat left center / auto 95%; }
.imc-bt-intranet span { display: block; color: #fff; text-transform: uppercase; padding-top: .4em; }

.imc-bt-intranet:hover,
.imc-bt-intranet:focus {
    color: #fff;
    background-color: transparent;
}

.imc-bt-directori { display: inline-block; height: 2em; padding-left: 2.7em; margin-right: 2em; vertical-align: middle; background: transparent url(../imgs/icones/directori.svg) no-repeat left center / auto 110%; }
.imc-bt-directori span { display: block; color: #fff; text-transform: uppercase; padding-top: .4em; }

.imc-bt-directori:hover,
.imc-bt-directori:focus {
    color: #fff;
    background-color: transparent;
}


.imc-bt-menu { display: inline-block; width: 2em; height: 2em; vertical-align: middle; background: transparent url(../imgs/icones/menu.svg) no-repeat center center / 85% auto; }
.imc-bt-menu span { display: block; position: absolute; top: -999em; left: -999em; }

.imc-bt-menu:hover,
.imc-bt-menu:focus { background-color: transparent; }

/* marc*/

html.imc-menu-visible { overflow: hidden; height: 100%; }

.imc-marc {}

.imc-marc .imc--fons { visibility: hidden; opacity: 0; cursor: pointer; }

.imc-marc .imc--fons {
	-webkit-transition: visibility 0s, opacity .2s ease-out;
	-moz-transition: visibility 0s, opacity .2s ease-out;
	-ms-transition: visibility 0s, opacity .2s ease-out;
	-o-transition: visibility 0s, opacity .2s ease-out;
	transition: visibility 0s, opacity .2s ease-out;
}

html.imc-menu-visible .imc-marc .imc--fons { position: fixed; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; visibility: visible; opacity: .5; }

.imc-marc-menu { overflow: hidden; overflow-y: auto; position: fixed; z-index: 6; top: 0; left: 100%; width: 25em; height: 100%; background-color: #fff; border-left: 1px solid #EBEBEB; box-shadow: 1px 1px 1px #ebebeb; }

html.imc-menu-visible .imc-marc .imc-marc-menu {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.imc-marc-menu {
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	transition: transform .2s ease-out;
}

.imc-marc .imc-cercador { width: 100%; height: 2.65em; padding: 0 1.5em; background-color: #32814b; }
.imc-marc .imc-cercador input { width: 15em; height: 2.4em; color: #000; padding: .2em .4em; background-color: #fff; border-width: .3em; border-color: #32814b; }
.imc-marc .imc-cercador button { width: 4.5em; height: 2.4em; padding: .3em .4em; background-color: rgba(0,0,0,.3); }

.imc-marc .imc-cercador input::-webkit-input-placeholder {
 color: #000; opacity: .5;
}
.imc-marc .imc-cercador input::-moz-placeholder {
  color: #000; opacity: .5;
}
.imc-marc .imc-cercador input:-ms-input-placeholder {
  color: #000; opacity: .5;
}
.imc-marc .imc-cercador input::placeholder {
  color: #000; opacity: .5;
}

.imc-marc .imc-cercador button:hover,
.imc-marc .imc-cercador button:focus { background-color: #000; }

.imc-marc ul { padding: 1.5em 1.5em; }
.imc-marc li { border-bottom: 1px solid #ddd; }
.imc-marc a { display: block; font-size: 1.1em; font-weight: bold; color: #545454; text-transform: uppercase; padding: 1em 0; }

.imc-marc a:hover,
.imc-marc a:focus { color: #cc073c; background-color: #fff; }

.imc-marc .imc--idioma a { display: inline-block; vertical-align: middle; padding: 1em; }
.imc-marc strong { display: inline-block; color: #333; font-weight: normal; text-transform: uppercase; vertical-align: middle; padding: 1em; }

.imc-marc-ico span { display: inline-block; vertical-align: middle; margin-left: .5em; }
.imc-marc-ico::before { content: ""; display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background: transparent url() no-repeat center center / 80% auto; opacity: .6; }

.imc--avanzada::before { background-image: url(../imgs/svg/cercador_000.svg); }
.imc--accessibilitat::before { background-image: url(../imgs/svg/accessibilitat_000.svg); }

.imc--idioma::before { content: ""; display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background: transparent url(../imgs/icones/idioma.svg) no-repeat center center / 80% auto; opacity: .6; }


/* molla pa */

.imc-molla-pa { padding-left: 3.5em; margin-top: 3em; }
.imc-molla-pa nav > ul > li { display: inline-block; overflow: hidden; position: relative; height: 2.2em; line-height: 2em; white-space: nowrap; vertical-align: top; background: transparent url("../imgs/icones/item_000.svg") no-repeat left center / auto 70%; }
.imc-molla-pa nav > ul > li:first-child { background: none; }
.imc-molla-pa nav > ul > li > a { margin-left: 1.7em; }
.imc-molla-pa nav > ul > li:first-child a { margin-left: 0; }
.imc-molla-pa nav > ul > li > span { display: block; overflow-x: hidden; max-width: 18em; text-overflow: ellipsis; white-space: nowrap; margin-left: 1.7em; }
.imc-molla-pa nav > ul > li:first-child > span { margin-left: 0; }

.imc-molla-pa .imc-molla-menu { display: none; /*display: inline;*/ }
.imc-molla-pa .imc-molla-menu button { position: absolute; top: 0; left: 0; width: 2em; height: 2em; padding: 0; background-color: #fff; }
.imc-molla-pa .imc-molla-menu button::before {
	content: "";
	display: inline-block;
	width: 2em;
	height: 2em;
	vertical-align: middle;
	margin-right: 1em;
	background: transparent url("../imgs/icones/item_000.svg") no-repeat center center / auto 70%;
}

.imc-molla-pa .imc-molla-menu button span { position: absolute; top: -999em; left: -999em; }

.imc-molla-pa .imc-molla-menu ul { position: absolute; z-index: 5; top: 2.2em; left: 0; width: calc(100% - 1em); min-width: 15em; padding: 1em; background-color: #fff; opacity: 0; }
.imc-molla-pa .imc-molla-menu ul a { display: block; padding: 0 1em; margin-left: 1em; }
.imc-molla-pa .imc-molla-menu ul a:hover { background-color: #f2f2f2; }

.imc-molla-pa li.imc-menu-mostrat { overflow: visible; }
.imc-molla-pa li.imc-menu-mostrat .imc-molla-menu button { background-color: #fff; }
.imc-molla-pa li.imc-menu-mostrat .imc-molla-menu button::before {
	-webkit-transform: translateX(29em);
	-moz-transform: translateX(29em);
	-o-transform: translateX(29em);
	-ms-transform: translateX(29em);
	transform: rotate(90deg);
}
.imc-molla-pa li.imc-menu-mostrat .imc-molla-menu ul { opacity: 1; }

.imc-molla-pa .imc-molla-menu button::before {
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	transition: transform .2s ease-out;
}

.imc-molla-pa .imc-molla-menu ul {
	-webkit-transition: -webkit-opacity .2s ease-out;
	-moz-transition: -moz-opacity .2s ease-out;
	-ms-transition: -ms-opacity .2s ease-out;
	-o-transition: -o-opacity .2s ease-out;
	transition: opacity .2s ease-out;
}


/* continguts */

.imc-continguts { padding-left: 3.5em; }

.imc-entradeta { overflow: hidden; position: relative; width: 100%; height: 25em; background: transparent url() no-repeat center center / 100% auto; }
.imc-entradeta div { position: absolute; z-index: 1; left: 2em; bottom: 1em; width: calc(100% - 2em); padding: 1em 2em; background-color: #fff; }
.imc-entradeta p { font-size: 1.3em; color: #333; }

.imc-continguts > ul { padding-left: 24em; margin-top: 2em; }
.imc-continguts > ul > li { padding-bottom: 2em; }

.imc-continguts > ul > li > ul { padding: 0 0 1em 3em; }

.imc-con-ua { padding-top: 1em; }
.imc-con-ua h3 { font-size: 1.3em; font-weight: normal; text-transform: uppercase; margin-bottom: .3em; }
.imc-con-ua address,
.imc-con-ua ul,
.imc-con-ua li { display: inline; }
.imc-con-ua ul,
.imc-con-ua li { margin-left: 1em; }
.imc-con-ua li::before { content: "|"; padding-right: 1em; }

.imc-con-conselleria ul a::before,
.imc-dir-dades a::before,
.imc-con-ua a::before,
a[href^="tel:"]::before,
a[href^="fax:"]::before,
a[href^="mailto:"]::before,
a.imc-bt-on::before,
.imc-bt-correu::before,
.imc-bt-conseller::before,
.imc-bt-dir3::before,
.imc-bt-web::before {
	content: "";
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	vertical-align: middle;
	border-radius: 2em;
}

.imc--adresa a::before,
a.imc-bt-on::before {
	background: #8c8c8c url(../imgs/icones/on_fff.svg) no-repeat center center / 50% auto;
}

a[href^="tel:"]::before,
.imc-bt-telefon::before {
	background: #8c8c8c url(../imgs/icones/telefon_fff.svg) no-repeat center center / 50% auto;
}

a[href^="fax:"]::before,
.imc-bt-fax::before {
	background: #8c8c8c url(../imgs/icones/fax_fff.svg) no-repeat center center / 50% auto;
}

a.imc-bt-webs::before {
	background: #8c8c8c url(../imgs/icones/institucio_fff.svg) no-repeat center center / 50% auto;
}

a.imc-bt-organitzacio::before {
	background: #8c8c8c url(../imgs/icones/organitzacio_fff.svg) no-repeat center center / 50% auto;
}

.imc-bt-correu { font-weight: normal; }
.imc-bt-dir3 { font-weight: normal; }
a[href^="mailto:"]::before,
.imc-bt-correu::before {
	background: #8c8c8c url(../imgs/icones/correu_fff.svg) no-repeat center center / 50% auto;
}
.imc-bt-dir3::before  {
	background: #8c8c8c url(../imgs/icones/dir3_fff.svg) no-repeat center center / 50% auto;
}

a.imc-bt-conseller::before {
	background: #8c8c8c url(../imgs/icones/carrec_fff.svg) no-repeat center center / 50% auto;
}

a.imc-bt-web::before {
	background: #8c8c8c url(../imgs/icones/url_fff.svg) no-repeat 50% 0 / 90% auto;
}

.imc-con-conselleria ul a:hover,
.imc-dir-dades a:hover,
.imc-con-ua a:hover,
a[href^="tel:"]:hover,
a[href^="fax:"]:hover,
a[href^="mailto:"]:hover,
a.imc-bt-on:hover,
.imc-bt-correu:hover,
.imc-bt-dir3:hover,
.imc-bt-conseller:hover,
.imc-bt-web:hover { color: #000; background-color: transparent; }

.imc-con-conselleria ul a:hover::before,
.imc-dir-dades a:hover::before,
.imc-con-ua a:hover::before,
a[href^="tel:"]:hover::before,
a[href^="fax:"]:hover::before,
a[href^="mailto:"]:hover::before,
a.imc-bt-on:hover::before,
.imc-bt-telefon:hover::before,
.imc-bt-fax:hover::before,
.imc-bt-dir3:hover::before,
a.imc-bt-web:hover::before,
a.imc-bt-organitzacio:hover::before,
a.imc-bt-conseller:hover::before {
	background-color: #cc073c;
}

.imc-con-conselleria ul a::before,
.imc-dir-dades a::before,
.imc-con-ua a::before,
a[href^="tel:"]::before,
a[href^="fax:"]::before,
a[href^="mailto:"]::before,
a.imc-bt-on::before,
.imc-bt-telefon::before,
.imc-bt-fax::before,
a.imc-bt-web::before,
a.imc-bt-dir3::before,
a.imc-bt-organitzacio::before,
a.imc-bt-conseller::before {
	-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;
	transition: background-color .2s ease-out;
}

.imc-con-conselleria ul a span,
.imc-dir-dades a span,
.imc-con-ua a span,
a[href^="tel:"] span,
a[href^="fax:"] span,
a[href^="mailto:"] span,
a.imc-bt-on span,
.imc-bt-correu span,
.imc-bt-conseller span,
.imc-bt-dir3 span,
.imc-bt-web span { padding-left: .3em; }

/* modul */

.imc-modul { padding: 4em 0 0 0; }

.imc-modul > h2 { overflow: visible; height: 2em; margin-bottom: 3em; border-bottom: 1px solid #edb2c7; }
.imc-modul > h2 span { font-size: 2em; font-weight: normal; text-transform: uppercase; padding-right: 1em; background-color: #f2f2f2; }
/*
.imc-modul-destacats li { display: inline-block; width: 19.5%; vertical-align: top; }
.imc-modul-destacats a { display: block; width: 100%; padding-right: 2em; }
.imc-modul-destacats a .imc-imatge { width: 10.5em; height: 5em; background: transparent url() no-repeat center center / auto 100%; }
.imc-modul-destacats a h3 { display: block; font-size: 1.8em; font-weight: normal; color: #cc073c; margin-top: .5em; margin-bottom: .2em; will-change: color, background-color; }
.imc-modul-destacats a p { font-size: 1.3em; color: #333; }

.imc-modul-destacats a:hover h3 { color: #fff; background-color: #cc073c; }
.imc-modul-destacats a h3 {
	-moz-transition: color .2s ease-out, background-color .2s ease-out;
	-webkit-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-modul-botonera { padding-top: 2em; }
.imc-modul-botonera li { display: inline-block; width: 24.7%; vertical-align: top; padding-left: 2%; padding-bottom: 2em; }
.imc-modul-botonera li:first-child,
.imc-modul-botonera li:nth-child(4n+1) { padding-left: 0; }

.imc-modul-botonera .imc-bt { width: 100%; }

/* llistat */

.imc-llistat { display: flex; flex-wrap: wrap; }
.imc-llistat li { width: 25%; vertical-align: top; padding-right: 1em; margin-bottom: 1em; }
.imc-llistat a { display: block; width: 100%; min-height: 21em; padding: 1em; background-color: #fff; border: solid 1px #ddd; }
.imc-llistat a .imc-imatge { width: 100%; height: 8.5em; margin-bottom: .5em; background: transparent url() no-repeat center center / 100% auto; }
.imc-llistat a h2,
.imc-llistat a h3 { display: block; font-size: 1.4em; font-weight: normal; color: #cc073c; margin-bottom: .2em; will-change: color, background-color; }
.imc-llistat a p { font-size: 1.1em; color: #333; }

.imc-llistat a:hover { background-color: #f4f4f4; }

.imc-llistat a:hover h2,
.imc-llistat a:hover h3 { color: #cc073c; }

.imc-llistat a h2,
.imc-llistat a h3 {
	-moz-transition: color .2s ease-out, background-color .2s ease-out;
	-webkit-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-llistat.imc--amb-titol a { min-height: 15em; }
.imc-llistat.imc--amb-titol a h2,
.imc-llistat.imc--amb-titol a h3 { font-size: 1.2em; }
.imc-llistat.imc--amb-titol a p { font-size: 1.2em; color: #cc073c;}

.imc-llistat-botonera { text-align: center; margin-top: 2em; margin-bottom: 0; }
.imc-llistat-botonera a { padding: .5em 1em; }
.imc-llistat-botonera a span { display: inline-block; vertical-align: middle; }
.imc-llistat-botonera strong { font-size: 1.2em; font-weight: normal; padding: 0 1em; }

.imc-bt-anterior::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 2em;
	vertical-align: middle;
	margin-right: .5em;
	background: transparent url(../imgs/icones/item_000.svg) no-repeat center center / auto 100%;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.imc-bt-seguent::after { content: ""; display: inline-block; width: 1em; height: 2em; vertical-align: middle; margin-left: .5em; background: transparent url(../imgs/icones/item_000.svg) no-repeat center center / auto 100%; }

/* peu */

.imc-peu { padding: 4em 0 2em 3.5em; }
.imc-peu .imc--contingut { display: flex; align-items: center; }

.imc-peu.imc-peu-posicio-estatica { position: static; margin-top: 6em; margin-left: 5%; }

.imc-peu-govern { width: 50%; }
.imc-peu-govern strong { text-transform: uppercase; padding-right: .5em; white-space: nowrap;  }
.imc-peu-govern span { white-space: nowrap; }

.imc-peu p,
.imc-peu ul,
.imc-peu li { display: inline-block; vertical-align: middle; }

.imc-peu-opcions { width: 25%; }
.imc-peu-opcions li::before { content: "|"; }
.imc-peu-opcions li:first-child::before { content: ""; }
.imc-peu-opcions li a { color: #000; text-transform: uppercase; padding: 0 .5em; }
.imc-peu-opcions li a:hover,
.imc-peu-opcions li a:focus,
.imc-peu-opcions li a:active { color: #c30045; background-color: transparent; }

.imc-en-rss span { display: inline-block; vertical-align: middle; }
.imc-en-rss svg { display: inline-block; width: .7em; height: .7em; vertical-align: middle; }
.imc-en-rss path { fill: #000000; }

.imc-en-rss:hover path,
.imc-en-rss:focus path,
.imc-en-rss:active path { fill: #c30045; }


/* xarxes */

.imc-peu-xarxes { width: 25%; text-align: right; white-space: nowrap; }
.imc-peu-xarxes p { font-size: .9em; padding-right: 1em; }

a.imc-bt-xarxa { display: inline-block; width: 2.5em; height: 2.5em; padding-top: .25em; margin-right: .2em; border: .2em solid #333; border-radius: 2em; will-change: border-color; }
a.imc-bt-xarxa svg { transform: scale(.7, .7); }
a.imc-bt-xarxa path { fill: #333; }
a.imc-bt-xarxa span { position: fixed; top: -999em; left: -999em; color:#6e6e6e}

a.imc-bt-xarxa:hover,
a.imc-bt-xarxa:focus,
a.imc-bt-xarxa:active { background-color: #c30045; border-color: #c30045; }
a.imc-bt-xarxa:hover path,
a.imc-bt-xarxa:focus path,
a.imc-bt-xarxa:active path { fill: #fff; }

a.imc-bt-xarxa {
	-moz-transition: background-color .2s ease-out, border-color .2s ease-out;
	-webkit-transition: background-color .2s ease-out, border-color .2s ease-out;
	-o-transition: background-color .2s ease-out, border-color .2s ease-out;
	-ms-transition: background-color .2s ease-out, border-color .2s ease-out;
	transition: background-color .2s ease-out, border-color .2s ease-out;
}


/* radio */

.imc-radio {
	display:inline-block;
	position:relative;
	width:1.3em;
	height:1.3em;
	border-radius:.3em;
	vertical-align:middle;
}

.imc-radio input[type=radio] { visibility:hidden; }

.imc-radio span {
	position:absolute;
	width:1.3em;
	height:1.3em;
	background:#fff;
	border:.2em solid #959595;
	border-radius:1em;
	left:0;
	top:0;
	cursor:pointer;
}

.imc-radio span:after {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	background-color: #fff;
    border: 0.2em solid #cc073c;
    border-radius: 1em;
    content: "";
    display: block;
    height: 0.9em;
    width: 0.9em;
}

.imc-radio input[type=radio]:checked + span {
	background-color:#cc073c;
	border-color:#cc073c;
}

.imc-radio input[type=radio]:checked + span:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


/* sense info */

.imc-sense-info { position: relative; min-height: 20em; padding: 3em 0 0 0; }

.imc-sense-info svg { float: left; width: 9em; height: auto; opacity: .3; }
.imc-sense-info path { fill: #cc073c; }
.imc-sense-info h2 { padding-top: 2em; margin-left: 11em; }
.imc-sense-info h2 span { font-size: 2em; }
.imc-sense-info p { font-size: 1.2em; padding-top: .5em; margin-left: 9.3em; }

/* media */

.imc-am-mobil { display: none; position: fixed; top: -99em; left: -999em; }


/* media */

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


}

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

	.imc-titol .imc-torna { display: inline-block; }

	.imc-titol .imc-torna:hover,
	.imc-titol .imc-torna:focus,
	.imc-titol .imc-torna:active { background-color: #32814b; }

	.imc-titol .imc-torna::before {
		content: "";
		display: inline-block;
		width: 2em;
		height: 2em;
		vertical-align: middle;
		background: transparent url(../imgs/icones/item.svg) no-repeat left center / auto 100%;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.imc-titol .imc-torna span { position: absolute; top: -999em; left: -99em; }

	.imc-titol h1 { width: calc(100% - 15em); }

	.imc-titol.imc--intranet h1 { width: calc(100% - 25em); }

	.imc-modul { padding: 2em 0 0 0; }

	.imc-modul > h2 { margin-bottom: 1.5em; }

	.imc-molla-pa { display: none; }

	.imc-continguts { margin-top: 3.5em; }

	.imc-llistat li { width: 33%; padding-right: 1em; margin-bottom: 1em; }

	.imc-peu-xarxes p { display: none; }

}

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

	.imc-sense-info h2 span { font-size: 1.8em; }

	.imc-llistat li { width: 49.5%; padding-right: 1em; margin-bottom: 1em; }

	.imc-peu-govern { width: 40%; }

	.imc-peu-opcions { width: 35%; }

	.imc-peu-govern,
	.imc-peu-opcions,
	.imc-peu-xarxes { font-size: 80%; }

}

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

	.imc-logo { font-size: 80%; }

	.imc-titol,
	.imc-continguts,
	.imc-peu { padding-left: 2.5em; }

	.imc-titol .imc--contingut { padding-top: .3em; }

	.imc-titol .imc-torna { margin-right: .3em; }
	.imc-titol .imc-torna::before { width: 1em; background-position: center center; }

	.imc-titol h1 { width: calc(100% - 12em); }
	.imc-titol h1 span { font-size: 1.5em; }

	.imc-titol.imc--intranet h1 { width: calc(100% - 22em); }

	.imc-bt-intranet,
	.imc-bt-directori { margin-right: 1em; }

	.imc-bt-menu { background: transparent url(../imgs/icones/menu.svg) no-repeat right center / 75% auto; }

	.imc-am-mobil { display: block; }

	.imc-sense-info {  }

	.imc-sense-info svg { width: 5em; margin-left: 1em; }
	.imc-sense-info h2 { padding-top: 0; margin-left: 8.2em; }
	.imc-sense-info h2 span { font-size: 1.5em; }
	.imc-sense-info p { margin-left: 6.9em; }

	.imc-peu-govern a { display: block; position: relative; left: -0.3em; }

}

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

	pre { font-size: 1em; }

	.imc-titol h1 { width: calc(100% - 7em); }

	.imc-titol.imc--intranet h1 { width: calc(100% - 10em); }

	.imc-bt-intranet { width: 2em; height: 2em; padding-left: 0; margin-right: .2em; background-size: auto 90%; }
	.imc-bt-intranet span { position: absolute; top: -999em; left: -999em; }

	.imc-bt-directori { width: 2em; height: 2em; padding-left: 0; margin-right: 0; background-size: auto 100%; }
	.imc-bt-directori span { position: absolute; top: -999em; left: -999em; }

	.imc-marc-menu { width: 20em; }

    .imc-marc .imc-cercador input { width: 10em; }

    .imc-llistat { margin-bottom: 2em; }
    .imc-llistat li { width: 100%; padding-right: 0; margin-bottom: 1em; }
    .imc-llistat a { min-height: auto; }

    .imc-llistat.imc--amb-titol a { min-height: auto; }

	.imc-llistat-botonera { margin-bottom: 3em; }
	.imc-llistat-botonera a span { position: absolute; top: -999em; left: -999em; }

	.imc-bt-anterior::before { margin-right: 0; }
	.imc-bt-seguent::after { margin-left: 0; }

	.imc-peu { padding-top: 0; padding-bottom: 0; }
	.imc-peu .imc--contingut { flex-direction: column; }

	.imc-peu-govern,
	.imc-peu-opcions,
	.imc-peu-xarxes { width: 100%; font-size: 100%; text-align: center; padding-bottom: 1.5em; }

	.imc-entradeta { height: 12em; }
	.imc-entradeta div { left: 0; bottom: 0; width: 100%; padding: .5em 1em; }
	.imc-entradeta p { font-size: 1em; }

	.imc-continguts > ul { padding-top: 1em; padding-left: 4.3em; }

	.imc-modul { padding: 1em 0 0 0; }
	.imc-modul > h2 { height: 1em; margin-bottom: 1em; }
	.imc-modul > h2 span { font-size: 1em; }

	.imc-sense-info { text-align: center; padding-top: 1.5em; }

	.imc-sense-info svg { float: none; width: 4em; margin-left: 0; }
	.imc-sense-info h2 { padding-top: 1em; margin-left: 0; }
	.imc-sense-info p { font-size: 1.1em; margin-left: 0; }

}

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

	body { font-size: 80%; }

}