@charset "utf-8";

/* CSS Document */



@font-face {
    font-family: 'dinpro-regular';
    src: url('fonts/dinpro-regular-webfont.eot');
    src: url('fonts/dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/dinpro-regular-webfont.woff') format('woff'),
        url('fonts/dinpro-regular-webfont.ttf') format('truetype'),
        url('fonts/dinpro-regular-webfont.svg#dinpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinpro-light';
    src: url('fonts/dinpro-light-webfont.eot');
    src: url('fonts/dinpro-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/dinpro-light-webfont.woff') format('woff'),
        url('fonts/dinpro-light-webfont.ttf') format('truetype'),
        url('fonts/dinpro-light-webfont.svg#dinpro-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinpro-medium';
    src: url('fonts/dinpro-medium-we145bfont.eot');
    src: url('fonts/dinpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/dinpro-medium-webfont.woff') format('woff'),
        url('fonts/dinpro-medium-webfont.ttf') format('truetype'),
        url('fonts/dinpro-medium-webfont.svg#dinpro-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinpro-bold';
    src: url('fonts/dinpro-bold-webfont.eot');
    src: url('fonts/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/dinpro-bold-webfont.woff') format('woff'),
        url('fonts/dinpro-bold-webfont.ttf') format('truetype'),
        url('fonts/dinpro-bold-webfont.svg#dinpro-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubik-light';
    src: url('fonts/rubik-light-webfont.eot');
    src: url('fonts/rubik-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/rubik-light-webfont.woff') format('woff'),
        url('fonts/rubik-light-webfont.ttf') format('truetype'),
        url('fonts/rubik-light-webfont.svg#rubik-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aigues';
    src: url('fonts/aigues.eot');
    src: url('fonts/aigues.eot?#iefix') format('embedded-opentype'),
        url('fonts/aigues.woff') format('woff'),
        url('fonts/aigues.ttf') format('truetype'),
        url('fonts/aigues.svg#aigues') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    padding: 0px;
    margin: 0px;
    background: #fff;
    font-size: 16px;
    color: #1a171b;
    line-height: 20px;
    font-family: 'dinpro-regular';
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
audio,
video,
source {
    display: block;
    margin: 0;
    padding: 0;
}

a,
img {
    border: medium none;
}

a {
    color: #192432;
    text-decoration: none;
}

div {
    margin: 0;
    padding: 0;
}

p {
    font-size: 16px;
    line-height: 24px;
    padding: 0px;
    margin: 0px;
    color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}

a {
    color: #192432;
    outline: none;
}

a:focus,
:focus {
    outline: none;
}

ul,
ol {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clear {
    clear: both;
    line-height: 1px;
    padding: 0px;
    height: 0px;
    font-size: 1px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.anim {
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.anim2 {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.row {
    width: 1198px;
    margin: auto;
    padding: 0px;
}

.row-full {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}

.demo-icon {
    font-family: "aigues";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-desktop {
    font-size: 17px;
    margin-right: 7px;
    vertical-align: middle
}

.icon-edit {
    font-size: 21px;
    margin-right: 5px;
    vertical-align: middle
}

.icon-suitcase {
    font-size: 21px;
    margin-right: 7px;
    vertical-align: middle
}

.font-icon {
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

header {
    float: left;
    width: 100%;
    padding-top: 15px;
}

.header-top {
    float: left;
    width: 100%;
}

.header-top .row {
    position: relative;
}

.language {
    float: left;
}

.language ul li {
    float: left;
}

.language ul li a {
    float: left;
    font-size: 16px;
    color: #000;
    font-family: 'dinpro-light';
    border-right: 2px solid #000000;
    line-height: 15px;
    margin-right: 6px;
    padding-right: 6px;
}

.language ul li:last-child a {
    /*font-family: 'dinpro-bold';*/
    border: none;
    margin-right: 0;
    padding-right: 0;
}

.language ul li.current a {
    font-family: 'dinpro-bold';
}


.top-rht {
    float: right;
}

.top-rht ul li {
    float: left;
    margin-right: 20px;
    line-height: 17px;
}

.top-rht ul li a {
    font-family: 'dinpro-regular';
    font-size: 12px;
    text-transform: uppercase;
}

/*.top-rht ul li.oficina { background:url(../images/officia-ico.png) no-repeat left; padding-left:30px;}*/
.top-rht ul li.oficina a {
    color: #17d4e7;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

/*.top-rht ul li.oficina:hover { background:url(../images/officia-ico-h.png) no-repeat left; }*/
.top-rht ul li.oficina:hover a {
    color: #005fa1;
}

.oficina,
.perfil {
    display: none;
}

/*.top-rht ul li.perfil { background:url(../images/perfil-ico.png) no-repeat left; padding-left:30px; }*/
.top-rht ul li.perfil a {
    color: #2a4979;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

/*.top-rht ul li.perfil:hover { background:url(../images/perfil-ico-h.png) no-repeat left;}*/
.top-rht ul li.perfil:hover a {
    color: #17d4e7;
}

.top-rht ul li:last-child {
    margin-right: 0;
}

.logo {
    float: left;
    /* width:100%;*/
    text-align: center;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    top: 20px;
    left: 39%;
    position: absolute;
}

.logo a img.desktop-logo {
    display: inline-block;
    float: none;
    transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
}

#logoSticky {
    display: none;
    position: relative;
    top: 5px;
    float: left;
    margin-right: 10px;
}

.is-sticky #logoSticky {
    display: block;
}

#sticky-wrapper {
    z-index: 1000;
}

.is-sticky .logo,
.submenu.logo {
    left: 0;
    top: 0;
}

header.submenu {
    background: #ffffff none repeat scroll 0 0;
    z-index: 99;
    padding-top: 6px;
}

.is-sticky header {
    padding-top: 0px;
    z-index: 1000;
}

.sticky-logo {
    display: none;
}

.is-sticky .logo a img.sticky-logo {
    display: block;
}

.is-sticky .logo a img.desktop-logo,
.is-sticky .logo a img.logo-submenu {
    display: none;
}

nav.menu.submenu {
    margin: 60px 0 0;
}

.is-sticky .menu {
    margin: 0 !important;
    background: white;
}

.is-sticky .cbp-hrmenu>ul>li>a,
.submenu .cbp-hrmenu>ul>li>a {
    padding: 11px 0;
    line-height: 20px;
}

.is-sticky .cbp-hrmenu .current-submenu .cbp-hrsub {
    background: #f8f8f8;
    display: block;
    padding: 12px 0;
}

.current-submenu>a {
    font-family: 'dinpro-bold' !important;
    opacity: 1 !important;
}

.active>a {
    font-family: 'dinpro-bold' !important;
    opacity: 1 !important;
}

/*.cbp-hrsub-inner a:hover{font-family: 'dinpro-bold' !important;}*/

/***** OPCIONS SENSE SUBMENU ***/
.no-submenu .cbp-hrsub {
    display: none !important;
}

/***** MENU TERCER NIVELL */
.sub-nivell {
    display: none !important;
    position: absolute;
    width: 300px !important;
    background: transparent !important;
    padding: 0 !important;
    background: none;
}

.te-sub {
    position: relative;
}

.te-sub:hover .sub-nivell {
    display: block !important;
}

.sub-nivell .cbp-hrsub-inner {
    width: auto !important;
    background: transparent !important;
    margin-top: 13px !important;
}

.sub-nivell ul li {
    width: 100%;
    margin: 0 !important;
    text-align: left;
    border: 1px solid #005fa1;
    background: #005fa1 !important;
    margin-bottom: 5px !important;
}

.sub-nivell ul li a {
    padding: 5px 0px 5px 10px;
    color: #fff !important;
    display: block
}

.sub-nivell ul li:hover {
    background: #fff !important;
}

.sub-nivell ul li:hover a {
    color: #005fa1 !important;
    font-family: 'dinpro-regular' !important;
}

/*** MENU TERCER NIVELL MOBIL *****/
.mean-container .mean-nav .sub-nivell {
    display: block !important;
    position: initial;
    width: 100% !important;
}

.mean-container .mean-nav .sub-nivell ul li {
    padding: 0 !important;
    margin-bottom: 0 !important;
    border: none;
    border-bottom: 1px solid #eeeeee;
}

.sub-nivell .mean-expand,
.mean-container .mean-nav ul li .sub-nivell a.mean-expand.mean-clicked {
    color: #2d3e50 !important
}

.sub-nivell .mean-expand:hover,
.mean-container .mean-nav ul li:hover .sub-nivell a.mean-expand.mean-clicked {
    color: #005FA1 !important;
    font-family: 'dinpro-bold' !important;
}

.mean-container .mean-nav ul .sub-nivell li a {
    padding: 4px 10% !important;
}

.mean-container .mean-nav ul li ul li .sub-nivell li a {
    color: #2d3e50 !important;
}

.mean-container .mean-nav ul li ul li .sub-nivell li:hover {
    border: none;
    border-bottom: 1px solid #eeeeee;
}

.mean-container .mean-nav ul li ul li .sub-nivell li a:hover {
    color: #005FA1 !important;
    font-family: 'dinpro-bold' !important;
}

.mean-container .mean-nav ul li ul li .sub-nivell li:first-child {
    border-top: 1px solid #eeeeee;
}

nav.menu {
    float: left;
    width: 100%;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #005fa1;
    margin-top: 160px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.banner-section {
    float: left;
    width: 100%;
}

.incidencia {
    float: left;
    width: 100%;
    padding: 15px 0;
    background: rgba(23, 214, 231, 1);
    background: -moz-linear-gradient(-45deg, rgba(23, 214, 231, 1) 0%, rgba(23, 214, 231, 1) 2%, rgba(5, 59, 101, 1) 72%, rgba(5, 59, 101, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(23, 214, 231, 1)), color-stop(2%, rgba(23, 214, 231, 1)), color-stop(72%, rgba(5, 59, 101, 1)), color-stop(100%, rgba(5, 59, 101, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(23, 214, 231, 1) 0%, rgba(23, 214, 231, 1) 2%, rgba(5, 59, 101, 1) 72%, rgba(5, 59, 101, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(23, 214, 231, 1) 0%, rgba(23, 214, 231, 1) 2%, rgba(5, 59, 101, 1) 72%, rgba(5, 59, 101, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(23, 214, 231, 1) 0%, rgba(23, 214, 231, 1) 2%, rgba(5, 59, 101, 1) 72%, rgba(5, 59, 101, 1) 100%);
    background: linear-gradient(135deg, rgba(23, 214, 231, 1) 0%, rgba(23, 214, 231, 1) 2%, rgba(5, 59, 101, 1) 72%, rgba(5, 59, 101, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17d6e7', endColorstr='#053b65', GradientType=1);

}

.incidencia a p {
    color: #fff;
    font-family: 'dinpro-medium';
    font-size: 20px;
    float: left;
}

.incidencia a p span {
    font-family: 'dinpro-light';
    font-size: 16px;
}

.icon-warning-empty {
    font-weight: normal;
    font-size: 22px;
}

.icon-right {
    font-size: 20px;
    color: #fff;
    vertical-align: middle;
}

.arr-right {
    float: right;
    font-family: 'dinpro-light';
}

.marc-legal-document {
    margin-top: 20px;
    padding: 5px 5px 5px 5px;
    position: relative;
}

.marc-legal-document a {
    position: relative;
    width: 90%;
    display: block;
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    letter-spacing: -0.4px;
    line-height: 26px;
}

.marc-legal-document a:hover {
    color: #005fa1;
}

.marc-legal-document a:after {
    position: absolute;
    right: 0px;
    top: 0;
    content: "\F02E";
    color: #222221;
    font-family: 'aigues';
    font-size: 20px;
}

.marc-legal-document a:hover:after {
    color: #005fa1;
}

.servei-pad {
    float: left;
    width: 100%;
    margin: 80px 0 50px;
}

.servei-pad h1 {
    font-size: 40px;
    color: #1f2020;
    font-family: 'dinpro-bold';
    text-align: center;
    line-height: 46px;
}

.servei-pad h1 span {
    display: block;
    color: #323232;
    font-size: 22px;
    font-family: 'dinpro-regular';
}

.servei-inner {
    float: left;
    width: 100%;
    border: 1px solid #929797;
    margin: 60px 0 0;
}

.servei-inner ul li {
    float: left;
    width: 25%;
    text-align: center;
    min-height: 345px;
    border-right: 1px solid #cccccc;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 20px;
    border-bottom: 1px solid #cccccc;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    cursor: pointer;
}

.servei-inner ul li h3 {
    font-size: 25px;
    font-family: 'dinpro-medium';
    color: #000000;
    margin: 25px 0 15px;
    line-height: 26px;
}

.servei-inner ul li p {
    font-size: 16px;
    font-family: 'dinpro-regular';
    line-height: 20px;
}

.servei-inner ul li:hover {
    background: #005fa1;
}

.servei-inner ul li:hover h3,
.servei-inner ul li:hover p {
    color: #fff;
}

/*PICTOS NOUS*/
/* MIDA GENERAL */
.servei-inner ul li span {
    width: 80px;
    height: 80px;
    display: inline-block;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.servei-inner ul li:hover span {
    background-position: 0 -80px !important;
}

/*ICONES PER CADA SERVEI */
.servei-inner ul li span.alta-icon {
    background-image: url(../images/alta.png)
}

.servei-inner ul li span.baixa-icon {
    background-image: url(../images/baixa.png)
}

.servei-inner ul li span.banc-icon {
    background: url(../images/banc.png)
}

.servei-inner ul li span.canvinom-icon {
    background: url(../images/canvinom.png)
}

.servei-inner ul li span.domicili-icon {
    background: url(../images/domicili.png)
}

.servei-inner ul li span.duplicat-icon {
    background: url(../images/duplicat.png)
}

.servei-inner ul li span.inspeccio-icon {
    background: url(../images/inspeccio.png)
}

.servei-inner ul li span.escomesa-icon {
    background: url(../images/escomesa.png)
}

.servei-inner ul li span.lectura-icon {
    background: url(../images/lectura.png)
}

.servei-inner ul li span.sanejament-icon {
    background: url(../images/sanejament.png)
}

/* PICTOS VELLS */
.servei-inner ul li span.connexio-icon {
    background: url(../images/connexio.png) no-repeat 0 0;
    width: 45px;
    height: 64px;
    display: inline-block;
}

.servei-inner ul li span.domicialitzacio-icon {
    background: url(../images/domicialitzacio.png) no-repeat 0 0;
    width: 63px;
    height: 64px;
    display: inline-block;
}

.servei-inner ul li:hover span.domicialitzacio-icon {
    background-position: 0 -64px !important;
}

.servei-inner ul li:hover span.connexio-icon {
    background-position: 0 -64px !important;
}

.servei-inner ul li span.oficinavirtual-icon {
    background: url(../images/oficinavirtual.png) no-repeat 0 0;
    width: 65px;
    height: 60px;
    display: inline-block;
}

.servei-inner ul li:hover span.oficinavirtual-icon {
    background-position: 0 -60px !important;
}

.servei-inner ul li span.nocorrespondencia-icon {
    background: url(../images/nocorrespondencia.png) no-repeat 0 0;
    width: 68px;
    height: 69px;
    display: inline-block;
}

.servei-inner ul li:hover span.nocorrespondencia-icon {
    background-position: 0 -69px !important;
}

.servei-inner ul li span.notificacions-icon {
    background: url(../images/notificacions.png) no-repeat 0 0;
    width: 76px;
    height: 57px;
    display: inline-block;
}

.servei-inner ul li:hover span.notificacions-icon {
    background-position: 0 -57px !important;
}

/**/

.servei-inner ul.sec-list li {
    border-bottom: none;
}

.servei-inner ul li:nth-child(4n+4) {
    border-right: none;
}

.interessar {
    float: left;
    width: 100%;
    background: #f2f2f2;
    padding: 70px 0;
}

.interessar h2 {
    font-size: 30px;
    font-family: 'dinpro-medium';
    color: #000000;
    margin: 0px;
    line-height: 26px;
    padding-bottom: 50px;
}

.interessar ul li {
    float: left;
    width: 232px;
    margin-right: 8px;
}

.interessar h3 {
    font-size: 25px;
    font-family: 'dinpro-medium';
    color: #000000;
    margin: 25px 0 15px;
    line-height: 26px;
    display: inline-block;
}

.interessar p {
    font-size: 16px;
    font-family: 'dinpro-regular';
    line-height: 20px;
    padding-right: 20px;
}

.interessar ul li:last-child {
    margin-right: 0;
}

.interessar ul li .inte-img {
    position: relative;
    float: left;
    width: 100%;
}

.interessar ul li .inte-img img {
    float: left;
}

.interessar ul li .inte-img:after {
    position: absolute;
    background: none;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    left: 0;
    top: 0;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.interessar ul li:hover .inte-img::after {
    position: absolute;
    background: rgba(0, 95, 161, 0.7);
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    left: 0;
    top: 0;
}

.interessar ul li:hover h3 {
    color: #005fa1;
}

.noticies {
    float: left;
    width: 100%;
    margin: 60px 0;
}

.noticies-wrap {
    float: left;
    width: 49%;
}

.noticies-lft h2 {
    font-size: 30px;
    font-family: 'dinpro-medium';
    color: #000000;
    margin: 0px;
    line-height: 26px;
    padding-bottom: 40px;
    width: 100%
}

.noticies-lft {
    width: 65%;
    display: flex;
    flex-flow: wrap;
}

.noticies-lft ul {
    width: 90%;
}

.noticies-lft ul li {
    float: left;
    width: 100%;
    /* margin-right:30px;*/
}

.noticies-lft ul li:last-child {
    margin-right: 0;
}

.noticies-lft ul li h3 {
    font-size: 21px;
    font-family: 'dinpro-medium';
    color: #000000;
    margin: 0px;
    line-height: 26px;
    padding-top: 30px;
    padding-bottom: 0px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    display: inline-block;
}

.noticies-lft ul li h3 span {
    font-size: 16px;
    font-family: 'dinpro-regular';
    display: block;
    margin-bottom: 5px;
}

.noticies-lft ul li:hover h3 {
    color: #005fa1;
}

.noticies-lft ul li .noticies-img {
    position: relative;
    float: left;
    width: 100%;
}

.noticies-lft ul li .noticies-img img {
    float: left;
    width: 100%;
    height: 193px;
}

.noticies-lft ul li .noticies-img:after {
    position: absolute;
    background: none;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    left: 0;
    top: 0;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.noticies-lft ul li:hover .noticies-img::after {
    position: absolute;
    background: rgba(0, 95, 161, 0.7);
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    left: 0;
    top: 0;
}

a.blue-btn {
    background: #005fa1;
    font-family: 'dinpro-bold';
    font-size: 18px;
    color: #fff;
    padding: 14px 27px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    margin-top: 50px;
    display: inline-block;
}

a.blue-btn:hover {
    background: #0fabda;
}

.noticies-wrap-rht {
    float: left;
    width: 50%;
}

.destacats-rht {
    float: left;
    width: 271px;
}

.destacats-rht ul li .noticies-img {
    position: relative;
    float: left;
    width: 100%;
}

.destacats-rht ul li .noticies-img img {
    float: left;
}

.destacats-rht ul li .noticies-img:after {
    position: absolute;
    background: none;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    left: 0;
    top: 0;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.destacats-rht:hover .noticies-img:after {
    position: absolute;
    background: rgba(0, 95, 161, 0.7);
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    left: 0;
    top: 0;
}

.destacats-rht h2 {
    font-size: 30px;
    font-family: 'dinpro-medium';
    color: #000000;
    margin: 0px;
    line-height: 26px;
    padding-bottom: 40px;
}

.destacats-rht ul li {
    float: left;
    width: 100%;
}

.destacats-rht ul li p {
    font-size: 18px;
    font-family: 'dinpro-regular';
    line-height: 26px;
    padding-top: 36px;
    color: #000000;
    display: inline-block;
}

.noticies-rht {
    width: 35%;
    padding-top: 60px;
}

.noticies-rht ul li a {
    color: #005fa1;
    font-size: 16px;
    font-family: 'dinpro-regular';
    text-decoration: underline;
    margin-bottom: 14px;
    display: block;
}

.noticies-rht ul li a:hover {
    color: #222221;
}

.parallax-img {
    background: url(../images/parallax.jpg) no-repeat 0 0;
    background-attachment: fixed;
    float: left;
    width: 100%;
    background-size: cover;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.pellentesque {
    background: #fff;
    width: 92%;
    margin: 50px auto;
    text-align: center;
    padding: 60px 0 40px;
    border: 1px solid #929797;
}

.pellentesque h2 {
    font-size: 35px;
    font-family: 'dinpro-medium';
    color: #000000;
    margin: 0px;
    line-height: 26px;
    padding-bottom: 0px;
}

footer {
    float: left;
    width: 100%;
    padding: 60px 0;
    background: #005fa1;
}

footer h2 {
    font-size: 22px;
    font-family: 'dinpro-medium';
    color: #fff;
    margin: 0px;
    padding-bottom: 40px;
}

footer ul li a {
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    margin-bottom: 8px;
    display: block;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

footer ul li a:hover {
    text-decoration: none;
    color: #14c4e2;
}

footer ul h4 {
    font-size: 20px;
    font-family: 'dinpro-bold';
    color: #fff;
    margin-bottom: 5px;
}

.col-one {
    float: left;
    margin-right: 30px;
    /*width: 240px;*/
    width: 14.5%;
}

.col-one.col-two {
    width: 311px;
}

.footer-top {
    float: left;
    width: 100%;
}

.ftr-btm {
    float: left;
    width: 100%;
    background: #003052;
    padding: 10px 0;
}

.ftr-btm-left {
    float: left;
    width: 60%;
}

.ftr-btm-left img {
    float: left;
    margin-right: 20px;
}

.ftr-btm-left p {
    font-size: 16px;
    font-family: 'dinpro-regular';
    color: #fff;
    line-height: 38px;
}

.ftr-btm-rht {
    float: right;
    color: #fff;
    line-height: 38px;
}

.ftr-btm-rht ul li a {
    color: #fff;
    font-size: 16px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    text-transform: uppercase;
}

.ftr-btm-rht ul li a:hover {
    opacity: 0.5;
}

.col-one.ftr-last {
    margin: 0;
}

/* inner page css */

.heading {
    float: left;
    background: #fff;
    width: 100%;
    padding: 60px 0px 20px 0px;
}

.heading.especial {
    padding-top: 20px;
}

.heading h1 {
    font-size: 40px;
    font-family: 'dinpro-bold';
    color: #000;
    line-height: 40px;
}

.description {
    float: left;
    width: 100%;
    background: #f8f8f8;
    padding: 20px 0;
    position: relative;
}

.description p {
    font-size: 22px;
    color: #000;
    font-family: 'dinpro-medium';
    line-height: 26px;
    letter-spacing: -0.1px;
}

.description:after {
    display: block;
    content: "";
    left: 0;
    width: 100%;
    height: 9px;
    position: absolute;
    bottom: 0;
    background: rgba(23, 214, 231, 1);
    background: -moz-linear-gradient(-45deg, rgba(23, 214, 231, 1) 0%, rgba(23, 214, 231, 1) 2%, rgba(5, 59, 101, 1) 100%, rgba(5, 59, 101, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(23, 214, 231, 1)), color-stop(2%, rgba(23, 214, 231, 1)), color-stop(100%, rgba(5, 59, 101, 1)), color-stop(100%, rgba(5, 59, 101, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(23, 214, 231, 1) 0%, rgba(23, 214, 231, 1) 2%, rgba(5, 59, 101, 1) 100%, rgba(5, 59, 101, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(23, 214, 231, 1) 0%, rgba(23, 214, 231, 1) 2%, rgba(5, 59, 101, 1) 100%, rgba(5, 59, 101, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(23, 214, 231, 1) 0%, rgba(23, 214, 231, 1) 2%, rgba(5, 59, 101, 1) 100%, rgba(5, 59, 101, 1) 100%);
    background: linear-gradient(135deg, rgba(23, 214, 231, 1) 0%, rgba(23, 214, 231, 1) 2%, rgba(5, 59, 101, 1) 100%, rgba(5, 59, 101, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17d6e7', endColorstr='#053b65', GradientType=1);
}

.content-pad {
    float: left;
    width: 100%;
    background: #fff;
    padding: 90px 0;
}

.empersa-two-col {
    float: left;
    width: 100%;
}

.empersa-two-col ul li {
    float: left;
    width: 599px;
}

.empersa-two-col ul li h1 {
    font-size: 35px;
    font-family: 'dinpro-bold';
    color: #000;
    line-height: 40px;
    margin: 30px 0;
}

.empersa-two-col ul li p {
    font-size: 22px;
    color: #000;
    font-family: 'dinpro-medium';
    line-height: 24px;
    margin-bottom: 30px;
    padding-right: 20px;
}

.empersa-two-col ul li span {
    font-family: 'rubik-light';
    color: #005fa1;
    font-size: 16px;
    text-decoration: underline;
}

.empersa-two-col ul li:hover img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
}

.empersa-two-col ul li:hover span {
    color: #005fa1;
}

.empersa-two-col.empersa-four-col ul {
    float: left;
    width: 100%;
    padding-top: 60px;
}

.empersa-two-col.empersa-four-col ul li {
    float: left;
    width: 299px;
}

.empersa-two-col.empersa-four-col ul li.emp-last {
    width: 599px;
}

.content-pad.nostra-emp {
    padding: 0;
}

.content-pad.nostra-emp ul li .nostra-img {
    float: right;
    width: 50%;
}

.content-pad.nostra-emp ul li .nostra-img img {
    width: 100%;
    display: block;
}

.content-pad.nostra-emp ul li .nostra-txt-lft {
    float: left;
    width: 50%;
    padding: 50px 70px 0 74px;
}

.content-pad.nostra-emp ul li .nostra-txt-lft h1 {
    font-size: 35px;
    font-family: 'dinpro-bold';
    color: #000;
    line-height: 40px;
    margin: 0 0 30px 0;
}

.content-pad.nostra-emp ul li .nostra-txt-lft h3 {
    font-size: 22px;
    color: #000;
    font-family: 'dinpro-medium';
    line-height: 24px;
    margin-bottom: 30px;
    padding-right: 0px;
}

.content-pad.nostra-emp ul li .nostra-txt-lft p {
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    line-height: 26px;
    margin-bottom: 25px;
}

.content-pad.nostra-emp ul li .nostra-txt-lft a {
    font-family: 'rubik-light';
    color: #005fa1;
    font-size: 16px;
    text-decoration: underline;
}

.content-pad.nostra-emp ul li .nostra-txt-lft a:hover {
    color: #222221;
}

.nostra-list {
    float: left;
    width: 100%;
}

.nostra-list li {
    float: left;
    width: 100%;
}

.content-pad.nostra-emp ul li .nostra-img.nostra-img-lft {
    float: left;
}

.content-pad.nostra-emp ul li:hover .nostra-img img {
    /*filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -o-filter:grayscale(100%); -ms-filter:grayscale(100%);*/
}

.nostra-emp-servei {
    float: left;
    width: 100%;
    background: #ededed;
    padding: 90px 0 70px;
    display: block;
    text-align: center;
}

.nostra-emp-servei ul li {
    float: none;
    width: 248px;
    display: inline-block;
    margin-right: 50px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.nostra-emp-servei ul li img {
    margin-bottom: 50px;
}

.nostra-emp-servei ul li h2 {
    font-size: 25px;
    color: #000;
    font-family: 'dinpro-medium';
    margin-bottom: 20px;
}

.nostra-emp-servei ul li p {
    font-size: 16px;
    color: #000;
    font-family: 'dinpro-regular';
    line-height: 22px;
}

.nostra-emp-servei ul li:last-child {
    margin-right: 0;
}

.nostra-emp-servei ul li:hover h2 {
    color: #005fa1;
}

.blocSenseFoto {}

.ambTitol {
    padding-top: 10px !important;
}

.content-pad.document {
    padding: 50px 0;
}

.content-pad.document h1 {
    font-size: 35px;
    font-family: 'dinpro-bold';
    color: #000;
    line-height: 40px;
    margin: 0px 0 60px;
}

.content-pad.document ul li {
    font-size: 22px;
    color: #000;
    font-family: 'dinpro-medium';
    line-height: 24px;
    margin-bottom: 50px;
    padding-right: 0px;
    width: 37%;
    float: left;
}

.demo-icon.icon-ok.blue {
    color: #27a9f1;
    font-size: 30px;
}

.temes {
    float: left;
    width: 100%;
    background: #f8f8f8;
    padding: 60px 0 80px;
}

.temes h1 {
    font-size: 35px;
    font-family: 'dinpro-bold';
    color: #000;
    line-height: 40px;
    margin: 0px 0 40px;
}

.temes-lft {
    float: left;
    width: 48%;
    position: relative;
    margin-right: 4%;
}

.temes-lft.temes-rht {
    margin-right: 0;
}

.description.servei-title::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.serveis-frequent {
    float: left;
    width: 100%;
    padding: 40px 0 60px;
}

.frequent {
    float: left;
    width: 100%;
    border: 1px solid #9e9e9e;
}

.frequent-hdr {
    float: left;
    width: 100%;
    padding: 35px 0 35px 30px;
    border-bottom: 1px solid #ccc;
}

.frequent-hdr h2 {
    font-size: 30px;
    color: #000;
    font-family: 'dinpro-regular';
    margin-bottom: 12px;
}

.frequent-hdr h2 span {
    font-family: 'dinpro-bold';
}

.frequent p {
    font-size: 20px;
    color: #000;
    font-family: 'dinpro-medium';
}

.servei-inner.frequent-serv {
    margin: 0;
    border: none;
}

.els-serveis {
    background: #f8f8f8;
    float: left;
    width: 100%;
    border: 1px solid #9e9e9e;
    margin: 30px 0 0;
}

ul.els-list-lft {
    float: left;
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

ul.els-list-lft li {
    float: left;
    width: 50%;
    position: relative;
    border-bottom: 1px solid #cbcbcb;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

ul.els-list-lft li a {
    font-size: 18px;
    font-family: 'dinpro-regular';
    color: #000;
    padding: 40px 30px;
    display: block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

ul.els-list-lft li a:after {
    position: absolute;
    right: 25px;
    display: block;
    content: "\E803";
    color: #222221;
    font-family: 'aigues';
    top: 40px;
    font-size: 20px;
}

ul.els-list-lft li:hover {
    background: #2a497a;
}

ul.els-list-lft li:hover a {
    color: #fff;
}

ul.els-list-lft li:hover a:after {
    color: #fff;
}

.els-list-lft.els-list-rht {
    border-left: 1px solid #cbcbcb;
}

ul.els-list-lft li:last-child {
    border-bottom: none;
}

.alta-servei {
    float: left;
    width: 100%;
}

.alta-lft {
    float: left;
    width: 312px;
    padding-top: 60px;
    border-right: 1px solid #bbbdbc;
}

.alta-lft ul li {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.alta-lft ul li a {
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    letter-spacing: -0.5px;
    padding-right: 45px;
}

.alta-lft ul li a:after {
    position: absolute;
    right: 10px;
    display: block;
    content: "\E803";
    color: #222221;
    font-family: 'aigues';
    top: 2px;
    font-size: 15px;
}

.alta-lft ul li a:hover {
    color: #005fa1;
}

.alta-lft ul li a.current {
    color: #005fa1;
}

.alta-rht {
    float: right;
    width: 865px;
    padding: 60px 0 30px 35px;
}

.alta-rht h1 {
    font-size: 40px;
    font-family: 'dinpro-bold';
    color: #000;
    margin: 0px 0 35px;
    line-height: 40px;
}

.info-oficina-virtual {
    margin: 20px 0 0;
}

.oficina_virtual_ico img {
    vertical-align: middle
}

.alta-rht p {
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
}

.alta-rht h4 {
    font-size: 20px;
    color: #000;
    font-family: 'dinpro-medium';
    margin-bottom: 20px;
}

.alta-rht #servei-tab.acc-cont {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.alta-rht #servei-tab.acc-cont ul {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}

.alta-rht #servei-tab.acc-cont ul li {
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    position: relative;
    float: left;
    width: 100%;
    padding-left: 32px;
    margin-bottom: 14px;
}

.alta-rht #servei-tab.acc-cont ul li:after {
    position: absolute;
    display: block;
    left: 0;
    content: "\E804";
    color: #27a9f1;
    font-size: 20px;
    font-family: 'aigues';
    top: 0;
}

#servei-tab .acc-wrap-cont {
    padding: 0;
}

.alta-rht #servei-tab.acc-cont ul li:last-child {
    margin-bottom: 0;
}

.tab-cont {
    float: left;
    width: 100%;
    padding: 30px 0 0 30px;
}

.alta-rht #servei-tab.acc-cont ul li a {
    font-size: 16px;
    color: #005fa1;
    font-family: 'dinpro-regular';
    text-decoration: underline;
}

.alta-rht #servei-tab.acc-cont ul li a:hover {
    color: #222221;
}

.alta-rht #servei-tab.acc-cont .a-link li {
    padding: 0;
}

.alta-rht #servei-tab.acc-cont .a-link li:after {
    display: none;
}

.formulariBloc {
    width: 100% !important;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid gainsboro;
    display: none;
}

.formulariBloc input[type="text"] {
    line-height: 25px !important;
}

.openFormulari {
    display: block;
}

.formText {
    width: 100% !important;
}

.formText input[type="text"] {
    width: auto !important;
}

.formulariBloc h5 {
    font-size: 17px;
    color: #000;
    font-family: 'dinpro-medium';
    margin-bottom: 20px;
}

.formulariBloc select {
    font-size: 16px;
    width: 100%;
    color: #000;
    font-family: 'dinpro-regular';
    border: 1px solid #ccc;
    padding: 3px;
    margin-bottom: 8px;
}

.linkOficinaVirtual {
    color: #005fa1;
    margin-bottom: 10px;
}

.linkFormulariBloc {
    /*font-size:16px; color:#005fa1; font-family:'dinpro-regular'; text-decoration:underline;*/
    margin-top: 0 !important;
}

.afegirFitxer,
.treureFitxer {
    font-size: 16px;
    font-family: 'dinpro-regular';
    color: #fff;
    padding: 6px 15px;
    background: #2a4979;
    border: none;
    cursor: pointer;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
}

.treureFitxer {
    display: none;
}

.fitxers {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.adjuntFormulari {
    margin-bottom: 10px;
}

.toggleFormulari {
    margin-bottom: 20px;
}

.titolSeccioFormulari {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.separador {
    width: 100%;
    float: left;
    margin: 20px 0;
    border: 1px solid #efefef;
}

.perfil-contractant .documents {
    margin-top: 10px;
}

.perfil-contractant .documents span {
    padding: 2px 5px 5px 5px;
}

.perfil-contractant .documents .marc-legal-document {
    margin-top: 0px;
}

.resolt {
    color: #005fa1;
    font-size: 18px;
}

.heading.actualitat {
    padding: 0 0 50px 0;
}

.heading.actualitat ul {
    float: left;
    width: 100%;
    margin: 50px 0 0;
}

.heading.actualitat ul li:hover img {
    transform: scale(1.05);
}

.heading.actualitat ul li .act-img {
    overflow: hidden;
}

.heading.actualitat ul li {
    width: 32%;
    float: left;
    margin-right: 2%;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.heading.actualitat ul li img {
    height: 250px;
    object-fit: contain;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.heading.actualitat ul li .act-list h2 {
    font-size: 28px;
    font-family: 'dinpro-bold';
    color: #000;
    margin-bottom: 10px;
}

.heading.actualitat ul li .act-list span {
    margin-bottom: 10px;
    display: block;
}

.heading.actualitat ul li .act-list p {
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
}

.act-list {
    float: left;
    width: 100%;
    margin: 15px 0 0;
}

.heading.actualitat ul li:last-child {
    margin-right: 0;
}

.serveis-frequent.act-grey-bg {
    background: #eee;
    padding: 70px 0;
}

.frequent.white-bg {
    background: #fff;
}

.els-serveis.white-bg {
    margin: 0;
}

.els-list-lft.inte-list h2 {
    font-size: 30px;
    font-family: 'dinpro-bold';
    color: #000;
    margin-bottom: 10px;
}

.els-list-lft.inte-list span {
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
}

.els-list-lft.inte-list p {
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
}

.els-list-lft.inte-list li:hover {
    background: #04477c;
}

.els-list-lft.inte-list li:hover h2,
.els-list-lft.inte-list li:hover span,
.els-list-lft.inte-list li:hover p {
    color: #fff;
}

.els-list-lft.inte-list li a {
    padding: 20px 28px 32px;
}

.els-list-lft.inte-list li a:after {
    position: absolute;
    right: 25px;
    display: block;
    content: "\E803";
    color: #222221;
    font-family: 'aigues';
    top: 20px;
    font-size: 20px;
}

.els-serveis .frequent-hdr h2 {
    margin: 0;
}


.serveis-frequent.act-detail {
    float: left;
    width: 100%;
}

.act-det-lft {
    float: left;
    width: 872px;
}

.serveis-frequent.act-detail h1 {
    font-size: 35px;
    font-family: 'dinpro-bold';
    color: #000;
    margin-bottom: 35px;
    line-height: 40px;
}

.serveis-frequent.act-detail h1 span {
    font-size: 16px;
    font-family: 'dinpro-regular';
    display: block;
}

.act-det-lft img {
    object-fit: contain;
    float: left;
    width: 100%;
    margin-bottom: 40px;
    max-height: 450px;
}

.act-det-lft p {
    float: left;
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    line-height: 26px;
    margin-bottom: 22px;
}

.descarr {
    width: 80%;
    float: left;
    margin: 20px 0 40px;
}

.act-det-lft h2 {
    font-size: 25px;
    font-family: 'dinpro-bold';
    color: #000;
    border-bottom: 1px solid #2a497a;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.act-det-lft ul li {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    position: relative;
}

.act-det-lft ul li a {
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    line-height: 26px;
    display: block;
}

.act-det-lft ul li a:after {
    position: absolute;
    right: 10px;
    top: 0;
    content: "\F02E";
    color: #222221;
    font-family: 'aigues';
}

.act-det-lft ul li:hover a {
    color: #2a497a;
}

.act-det-lft ul li:hover a:after {
    color: #2a497a;
}

.descarr.relacion li a {
    color: #005fa1;
    text-decoration: underline;
}

.descarr.relacion li a:after {
    display: none;
}

.descarr.relacion li a:hover {
    color: #000;
}

.act-det-rht {
    float: left;
    width: 298px;
    margin-left: 27px;
}

.act-det-top {
    float: left;
    width: 100%;
    border: 1px solid #9f9f9f;
}

.act-det-top h2,
.historic h2 {
    font-size: 25px;
    font-family: 'dinpro-bold';
    color: #000;
    padding: 32px 0px 32px 20px;
    border-bottom: 1px solid #c9c9c9;
}

.act-det-top ul li {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #c9c9c9;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.act-det-top ul li a,
.historic ul li a {
    padding: 20px;
    display: block;
}

.act-det-top ul li a h3,
.historic ul li a h3 {
    font-family: 'dinpro-medium';
    font-size: 20px;
    color: #000;
    line-height: 24px;
    letter-spacing: -0.3px;
}

.act-det-top ul li a h3 span,
.historic ul li a h3 span {
    font-size: 16px;
    font-family: 'dinpro-regular';
    display: block;
    margin-bottom: 10px;
}

.act-det-top ul li a:after {
    position: absolute;
    right: 20px;
    display: block;
    content: "\E803";
    color: #222221;
    font-family: 'aigues';
    top: 20px;
    font-size: 20px;
}

.act-det-top ul li:last-child {
    border-bottom: none;
}

.act-det-top ul li:hover {
    background: #2a497a;
}

.act-det-top ul li:hover h3 {
    color: #fff;
}

.act-det-top ul li:hover a:after {
    color: #fff;
}




.act-det-rht .act-det-btm.act-det-top {
    margin-top: 30px;
}

.act-det-rht .act-det-btm.act-det-top ul {
    float: left;
    padding: 28px 15px 15px;
    width: 100%;
}

.act-det-rht .act-det-btm.act-det-top ul li {
    border-bottom: 1px solid #2a497a;
    margin: 0 0 20px 0px;
}

.act-det-rht .act-det-btm.act-det-top ul li a,
.historic ul li a {
    font-size: 18px;
    padding: 0 0 10px 0;
}

.act-det-rht .act-det-btm.act-det-top ul li a:after {
    position: absolute;
    right: 10px;
    display: block;
    content: "\F004";
    color: #2a4979;
    font-family: 'aigues';
    top: 2px;
    font-size: 18px;
}

.act-det-rht .act-det-btm.act-det-top ul li:hover {
    background: none;
}

.act-det-rht .act-det-btm.act-det-top ul li:hover a {
    color: #005fa1;
}

.titol-historic {
    font-family: inherit !important;
    font-size: 18px !important;
    border-bottom: none !important;
}

.contenidor-noticies li {
    border-bottom: 1px solid #c9c9c9 !important;
    margin: 0px 0px 20px !important;
}

.contenidor-noticies li:last-child {
    border-bottom: none !important;
    margin-bottom: 0
}

.contenidor-noticies li:last-child>a {
    padding-bottom: 0
}

.contenidor-noticies span {
    display: block;
    margin-bottom: 10px;
}

.historic-noticia>a:after {
    position: absolute;
    right: 20px;
    display: block;
    content: "\E803";
    color: #222221;
    font-family: 'aigues';
    top: 20px;
    font-size: 20px;
}

.historic-noticia:hover a {
    color: #005fa1;
}


.heading.description.contact-title {
    background: #ffffff;
    padding: 35px 0 45px;
}

.serveis-frequent.contact {
    float: left;
    width: 100%;
    padding: 80px 0;
}

.contact-lft {
    float: left;
    width: 740px;
}

.contact-lft input[type="text"],
.contact-lft input[type="email"] {
    border: 1px solid #cccccc;
    width: 100%;
    padding: 0px 20px;
    font-size: 18px;
    font-family: 'dinpro-regular';
    line-height: 48px;
    margin-bottom: 8px;
    height: 48px;
}

.inn-left-cont.inn-rht-cont textarea {
    border: 1px solid #cccccc;
    width: 100%;
    padding: 0px 20px;
    font-size: 18px;
    font-family: 'dinpro-regular';
    line-height: 48px;
    margin-bottom: 8px;
    min-height: 384px;
}

.inn-left-cont {
    float: left;
    width: 49.5%;
    margin-right: 1%;
}

.inn-left-cont.inn-rht-cont {
    margin: 0;
}

.checkbox {
    float: left;
    margin: 14px 0;
    width: 100%;
    font-size: 14px;
}

.checkbox a {
    text-decoration: underline;
    color: #005fa1;
}

.checkbox a:hover {
    color: #000;
}

.contact-cnt {
    float: left;
    width: 100%;
}

.contact-cnt p {
    font-size: 14px;
    line-height: 20px;
    font-family: 'dinpro-regular';
}

.enviar-btn {
    float: left;
    width: 100%;
    margin: 25px 0 0;
}

.contact-lft input[type="button"] {
    font-size: 18px;
    font-family: 'dinpro-bold';
    color: #fff;
    padding: 12px 16px;
    background: #2a4979;
    border: none;
    cursor: pointer;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.enviar-btn input[type="button"] {
    font-size: 18px;
    font-family: 'dinpro-bold';
    color: #fff;
    padding: 12px 16px;
    background: #2a4979;
    border: none;
    cursor: pointer;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.contact-lft input[type="button"]:hover {
    background: #0fabda;
}

.loading-formulari {
    width: 50px;
    display: none;
}


.FORMOK {
    background: rgb(185, 234, 185);
    color: green;
    padding: 7px;
    border: 2px solid green;
    font-weight: bold;
    margin-bottom: 10px;
}

.FORMKO {
    background: rgb(247, 222, 222);
    color: red;
    padding: 7px;
    border: 2px solid red;
    font-weight: bold;
    margin-bottom: 10px;
}

.contact-rht {
    float: right;
    width: 436px;
    border: 1px solid #c8c8c8;
    margin-left: 20px;
}

.oficines {
    width: 100%;
    padding: 30px 10px 20px 20px;
    float: left;
}

.oficines h4 {
    font-size: 20px;
    font-family: 'dinpro-medium';
    color: #000;
    padding: 0px;
    margin-bottom: 16px;
}

.oficines span {
    padding-left: 40px;
    font-size: 18px;
    color: #000;
    float: left;
    line-height: 28px;
}

.oficines span a {
    color: #2a4979;
}

.oficines span a:hover {
    color: #005fa1;
    text-decoration: underline;
}

.grey-box {
    float: left;
    display: block;
    background: #dadada;
    font-size: 20px;
    font-family: 'dinpro-medium';
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}

.grey-box p {
    font-size: 20px;
    margin-left: 20px;
}

.contact-rht .grey-box a {
    color: #2a4979;
}

.contact-rht .grey-box a:hover {
    color: #0fabda;
}

.oficines.horari {
    padding-top: 15px;
}

.oficines.horari ul {
    padding-left: 15px;
}

.oficines.horari ul li {
    font-size: 18px;
    font-family: 'dinpro-regular';
    float: none;
    margin: 0 0 20px 0;
    position: relative;
    padding: 0 0 0 40px;
    line-height: 24px;
}

.oficines.horari ul li span {
    font-family: 'dinpro-medium';
    display: block;
    padding: 0;
    width: 100%;
}

.oficines.horari ul li:after {
    position: absolute;
    display: block;
    left: 0;
    content: "\E804";
    color: #27a9f1;
    font-size: 22px;
    font-family: 'aigues';
    top: 4px;
}

.oficines.horari p {
    font-size: 18px;
    line-height: 26px;
}

.oficines.horari a {
    color: #2a4979;
}

.oficines.horari a:hover {
    color: #0fabda;
}

.cd-timeline-block.time-rht {
    top: -307px;
}

.cd-timeline-content.time-left {
    width: 43%;
}

.cd-timeline-content.time-left p {
    text-align: right;
    font-size: 18px;
    color: #666666;
    font-family: 'dinpro-regular';
    position: relative;
    top: -8px;
}

.cd-timeline-content.time-left span {
    display: block;
    font-family: 'dinpro-medium';
    text-align: right;
    font-size: 22px;
    color: #000;
}

.cd-timeline-content.time-rht {
    width: 43%;
}

.cd-timeline-content.time-rht p {
    text-align: left;
    font-size: 18px;
    color: #666666;
    font-family: 'dinpro-regular';
    position: relative;
    top: -5px;
}

.cd-timeline-content.time-rht span {
    display: block;
    font-family: 'dinpro-medium';
    text-align: left;
    font-size: 22px;
    color: #000;
}

.his-iimg {
    float: right;
    position: relative;
}

.his-iimg>img {
    position: relative;
    z-index: 9;
}

.his-iimg span {
    background: #2a4979;
    bottom: 26px;
    left: -30px;
    position: absolute;
    z-index: 1;
    border-radius: 25px 0 0 25px;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    -o-border-radius: 25px 0 0 25px;
}

.his-iimg span a {
    padding: 8px 8px 6px 15px;
    display: block;
}

.recorregut,
.seccio-historic {
    float: left;
    width: 100%;
    margin: 50px 0;
}

.recorregut.recorregutHistoric {
    margin: 0;
}

.recorregut ul {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}

.recorregut ul li {
    float: left;
    margin-right: 15px;
}

.recorregut ul li a {
    background: #005fa1;
    font-size: 16px;
    color: #fff;
    font-family: 'dinpro-regular';
    padding: 14px 24px;
    display: block;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    border: 1px solid #005fa1;
}

.recorregut ul li a:hover {
    background: #fff;
    color: #000000;
    border: 1px solid #005fa1;
}

.recorregut ul li a.selected {
    background: #fff;
    color: #000000;
    border: 1px solid #005fa1;
}

.seccio-historic .amcharts-export-menu li {
    top: 55px;
}

.multi-map {
    height: 510px;
}

.iframe-map {
    float: left;
    width: 100%;
    border: 1px solid #979b9b;
}

.recorregut .deposit-table {
    min-width: 680px;
}

.deposits {
    float: left;
    width: 100%;
    border: 1px solid #9ca0a0;
    margin: 42px 0 0;
}

.deposits h2 {
    font-size: 25px;
    font-family: 'dinpro-bold';
    color: #000;
    padding: 32px 20px;
}

.taules_distribucio {
    transition: 0.5s;
    cursor: pointer;
}

.taules_distribucio:hover {
    background: #eee;
}

.taules_distribucio:after {
    position: relative;
    right: 30px;
    top: 0;
    content: '\F004';
    color: #222221;
    font-family: 'aigues';
    line-height: 35px;
    font-size: 25px;
    float: right;
    padding: 0px 10px;
    transition-duration: 0.5s;
}

.taules_distribucio.open:after {
    transform: rotate(180deg);
}

.deposit-table {
    float: left;
    width: 100%;
    padding: 40px;
    border-top: 1px solid #c9c9c9
}

.deposit-table tr th {
    text-align: left;
    font-family: 'dinpro-regular';
    font-weight: normal;
    font-size: 16px;
    padding-bottom: 25px;
}

.deposit-table tr th:last-child {
    text-align: center;
}

.deposit-table tbody tr td {
    padding-bottom: 16px;
    font-size: 18px;
    font-family: 'dinpro-regular';
}

.deposit-table tbody tr td:last-child {
    text-align: center;
}

.deposit-table tfoot tr td.bold {
    font-family: 'dinpro-bold';
    color: #000;
}

.deposit-table tfoot tr td {
    font-family: 'dinpro-bold';
    color: #000;
}

.deposits .table-dist {
    border: none;
    border-top: 1px solid #c9c9c9
}

.inici {
    float: left;
    width: 100%;
    padding: 4px;
    border-bottom: 1px solid #c9c9c9
}

.inici ul {
    margin: 0;
}

.inici ul li {
    float: left;
    margin: 0 30px 0 15px;
    padding: 4px 0;
}

.inici ul li label {
    margin-right: 15px;
}

.inici ul li input[type="text"] {
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    border: 1px solid #ccc;
    padding: 0 10px;
    line-height: 48px;
}

button.ui-datepicker-trigger {
    position: relative;
    float: right;
    border: none;
    background: none;
    text-indent: -9999999px;
    cursor: pointer;
    width: 55px;
    height: 50px;
    padding: 0;
}

button.ui-datepicker-trigger:after {
    content: "\E806";
    position: absolute;
    display: block;
    height: 50px;
    width: 55px;
    font-family: 'aigues';
    left: 0px;
    font-size: 35px;
    text-indent: 0;
    top: 4px;
    cursor: pointer;
    color: #222221;
}

button.ui-datepicker-trigger:hover:after {
    color: #0fabda;
}

.inici ul li .dades {
    background: #2a497a;
    color: #fff;
    font-family: 'dinpro-bold';
    font-size: 18px;
    border: none;
    width: 452px;
    padding: 0 0;
    line-height: 56px;
    cursor: pointer;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.inici ul li:last-child {
    margin-right: 0;
    padding: 0;
    float: right;
}

.inici ul li .dades:hover {
    background: #0fabda;
}

.inici ul li input[type="text"]::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

.inici ul li input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
    opacity: 1;
}

.inici ul li input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    opacity: 1;
}

.inici ul li input[type="text"]:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}


#chartcontainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.legend-title {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 10px;
}

#chartdiv,
#curtain {
    width: 97%;
    /* left: 0%; */
    height: 97%;
    top: 3%;
    position: absolute;
}

#curtain {
    background: rgba(14, 14, 14, 0.51);
    color: #fff;
    font-size: 25px;
}

#curtain span {
    display: block;
    position: absolute;
    top: 49%;
    width: 100%;
    text-align: center;
}


#cercaDades label {
    margin-right: 10px;
    display: inline-block;
}

#cercaDades input[type="text"] {
    width: 120px;
    font-size: 15px;
    color: #000;
    font-family: 'dinpro-regular';
    border: 1px solid #ccc;
    padding: 0 10px;
    line-height: 48px;
}

#cercaDades li {
    float: left;
    margin-right: 10px;
}

#cercaDades .dades {
    background: #2a497a;
    color: #fff;
    font-family: 'dinpro-bold';
    font-size: 18px;
    border: none;
    width: 100px;
    padding: 0 0;
    line-height: 48px;
    cursor: pointer;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

#cercaDades .dades:hover {
    background: #0fabda;
}

#cercaDades button.ui-datepicker-trigger {
    float: none;
}

.maxima label {
    cursor: pointer;
}

.maxima .selectDates label,
.maxima .selectIntensitat label {
    margin-right: 10px;
    display: inline-block;
}

.maxima .llistaPluviometres li {
    display: inline-block;
    width: 49%;
    padding-top: 5px;
}

.maxima .selectDates label {}

.maxima .selectDates li {
    display: inline-block;
    width: 49%;
}

.maxima .selectDates input {
    width: 50%;
}

.maxima input[type="text"] {
    font-size: 15px;
    color: #000;
    font-family: 'dinpro-regular';
    border: 1px solid #ccc;
    padding: 0 10px;
    line-height: 48px;
}

.maxima .dades {
    width: 40%;
    background: #2a497a;
    color: #fff;
    font-family: 'dinpro-bold';
    font-size: 18px;
    border: none;
    padding: 0 0;
    line-height: 50px;
    cursor: pointer;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.maxima .dades:hover {
    background: #0fabda;
}

.maxima button.ui-datepicker-trigger {
    float: none;
}

.maxima .selectIntensitat #intensitat {
    width: 20%;
}

.columnesM {
    float: left;
}

.columna1 {
    width: 30%;
}

.columna2 {
    width: 45%;
}

.columna3 {
    width: 25%;
}

#resultatsMaxim {
    float: left;
    margin-top: 40px;
    font-size: 18px;
    font-family: 'dinpro-bold';
}


.historic-table,
.taula-maxima {
    float: left;
    width: 100%;
    padding: 30px 20px 20px 50px;
    height: auto;
}

.historic-table tr th {
    text-align: left;
    font-family: 'dinpro-regular';
    font-weight: normal;
    font-size: 16px;
    padding-bottom: 35px;
    color: black;
}

.historic-table tr th:last-child {
    text-align: center;
}

.historic-table tbody tr td {
    padding-bottom: 16px;
    font-size: 18px;
}

.historic-table tbody tr td:last-child {
    text-align: center;
    font-family: 'dinpro-bold';
}

.historic-table tbody tr td.bold {
    font-family: 'dinpro-bold';
    color: #000;
}

.historic-table tr th.bold {
    font-family: 'dinpro-bold';
    color: #000;
}

.table-dist-desc.maxima {
    padding-top: 40px !important;
}

.taula-maxima {
    padding: 20px;
    margin: 20px 0px;
}

.taula-maxima tr th {
    padding-bottom: 20px;
    font-family: 'dinpro-bold';
    color: #000;
    font-size: 17px;
}

.taula-maxima tr td {
    padding-bottom: 16px;
    font-size: 18px;
    text-align: center;
}

.taula-maxima tr td:last-child {
    font-family: 'dinpro-regular' !important;
}

.filaMaxim:hover {
    font-weight: bold;
}

.filaMaxim.selected {
    font-weight: bold;
}

.filaMaxim:hover {
    cursor: pointer;
}

#taulaMaxima {
    display: none;
    margin-top: 15px;
}

.chartMaxim {
    display: none;
}

#taulaMaxima .paginador {
    padding: 10px 0px;
}

.hist-list {
    float: right;
    margin: 25px 0 10px;
    padding: 0 20px;
}

.hist-list ul {
    margin: 0;
}

.hist-list ul li {
    float: left;
    margin: 0 3px 0 0;
}

.hist-list ul li a {
    margin: 0;
    background: none;
    border: none;
}

.hist-list ul li a.table-view {
    background: url(../images/table-view.png) no-repeat -1px 0;
    height: 63px;
    width: 62px;
    transition: none;
    padding: 0;
}

.hist-list ul li a.table-view:hover {
    background-position: -1px -64px;
}

.hist-list ul li a.graphic-view {
    background: url(../images/graphic-view.png) no-repeat -1px 0;
    height: 63px;
    width: 62px;
    transition: none;
    padding: 0;
}

.hist-list ul li a.graphic-view:hover {
    background-position: -1px -64px;
}

.description p {
    margin-bottom: 10px;
}

.description ul {
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
}

.description ul li {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

.description ul li a {
    background: #005fa1;
    font-size: 16px;
    color: #fff;
    font-family: 'dinpro-regular';
    padding: 7px 24px;
    display: block;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    border: 1px solid #005fa1;
}

.description ul li a:hover {
    background: #fff;
    color: #005fa1;
    border: 1px solid #005fa1;
}

.description ul li a.selected {
    background: #fff;
    color: #005fa1;
    border: 1px solid #005fa1;
}

.description ul li a.selected2 {
    background: #fff;
    color: #005fa1;
    border: 1px solid #005fa1;
}


.content-pad.nostra-emp ul li .nostra-txt-lft ul {
    float: left;
    padding-left: 20px;
}

.fotovoltaica-list ul {
    list-style-type: none !important;
}

.content-pad.nostra-emp ul li .nostra-txt-lft ul li {
    margin-bottom: 10px !important;
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    line-height: 26px;
}


.fotovoltaica ul,
.servei ul {
    float: left;
    margin: 40px 0 10px 0;
    width: 100%;
}

.fotovoltaica ul li,
.servei ul li {
    float: left;
    margin-right: 15px;
}

.fotovoltaica ul li a,
.servei ul li a {
    background: #005fa1;
    font-size: 16px;
    color: #fff;
    font-family: 'dinpro-regular';
    padding: 14px 24px;
    display: block;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    border: 1px solid #005fa1;
}

.fotovoltaica ul li a:hover {
    background: #fff;
    color: #005fa1;
    border: 1px solid #005fa1;
}

.servei ul li a:hover {
    background: #fff;
    color: #005fa1;
    border: 1px solid #005fa1;
}

.fotovoltaica ul li a.selected,
.servei ul li a.selected {
    background: #fff;
    color: #005fa1;
    border: 1px solid #005fa1;
}

.heading.fotovoltaica.description,
.heading.servei.description {
    padding-bottom: 15px;
}

.content-pad.nostra-emp.fotovoltaica-pad .nostra-list .nostra-txt-lft h3 {
    letter-spacing: -0.6px;
}

.content-pad.nostra-emp.fotovoltaica-pad .nostra-list .nostra-txt-lft ul li,
.content-pad.nostra-emp ul li .nostra-txt-lft ul li {
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    line-height: 28px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    position: relative;
    padding-left: 45px;
}

.content-pad.nostra-emp.fotovoltaica-pad .nostra-list .nostra-txt-lft ul li span {
    font-family: 'dinpro-medium';
    font-size: 22px;
    display: block;
}

.content-pad.nostra-emp.fotovoltaica-pad .nostra-list .nostra-txt-lft ul li:after,
.content-pad.nostra-emp ul li .nostra-txt-lft ul li:after {
    content: "\E804";
    position: absolute;
    display: block;
    font-family: 'aigues';
    left: 0px;
    font-size: 30px;
    text-indent: 0;
    top: 4px;
    cursor: pointer;
    color: #27a9f1;
}

.content-pad.nostra-emp.fotovoltaica-pad .nostra-list .nostra-txt-lft.voltaica ul li {
    line-height: 25px;
    margin-bottom: 14px;
}

.dades-left {
    float: left;
    width: 48%;
    padding: 20px 0 0 40px;
}

.dades-left ul li {
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    line-height: 28px;
    margin: 0px 0 18px 0;
    float: left;
    width: 100%;
    position: relative;
    padding-left: 45px;
    text-align: left;
}

.dades-left ul li span {
    font-family: 'dinpro-medium';
    font-size: 22px;
    display: block;
}

.dades-left ul li:after {
    content: "\E804";
    position: absolute;
    display: block;
    font-family: 'aigues';
    left: 0px;
    font-size: 30px;
    text-indent: 0;
    top: 4px;
    cursor: pointer;
    color: #27a9f1;
}

.nostra-emp-servei.dades h1 {
    font-size: 35px;
    font-family: 'dinpro-bold';
    color: #000;
    padding: 0px 0px 32px 0px;
    text-align: left;
}

.nostra-emp-servei.dades {
    padding: 60px 0 0;
    background: #f8f8f8;
}

#dades-economiq {
    padding: 40px 0 0;
}

.dades-left.dades-rht {
    margin: 0;
    width: 46%;
    float: right;
}

.inici ul li .dades.veure {
    line-height: 48px;
    padding: 0 20px;
    width: auto;
    margin: 4px 0 0;
    float: right;
}

.inici.etap ul li:last-child {
    float: right;
    margin-right: 5px;
}

.deposits .Energia h2 {
    font-size: 22px;
    font-family: 'dinpro-regular';
    color: #000;
    padding: 22px 0px 22px 20px;
    border-bottom: 1px solid #c9c9c9;
}

.deposits .Energia h2 span {
    font-family: 'dinpro-bold'
}

.fotovoltaica-table {
    float: left;
    width: 100%;
    padding: 30px 70px 20px 50px;
}

.fotovoltaica-table tr th {
    text-align: center;
    font-family: 'dinpro-bold';
    font-weight: normal;
    font-size: 16px;
    padding-bottom: 35px;
    vertical-align: top;
}

.fotovoltaica-table tbody tr td {
    padding-bottom: 16px;
    font-size: 18px;
    text-align: center;
}

.fotovoltaica-table tbody tr td:last-child {
    text-align: right;
    font-family: 'dinpro-bold';
}

.fotovoltaica-table tbody tr td.bold {
    font-family: 'dinpro-bold';
    color: #000;
}

.fotovoltaica-table tr th.bold {
    font-family: 'dinpro-bold';
    color: #000;
}

.fotovoltaica-table tbody tr td:nth-child(2) {
    text-align: left;
}

.fotovoltaica-table tr th:nth-child(2) {
    text-align: left;
}

.fotovoltaica-table tbody tr td.txt-rht {
    text-align: right;
}

.fotovoltaica-table tbody tr td.txt-rht1 {
    text-align: right;
    padding-right: 25px;
}

.recorregut.Montfulla {
    background: #f8f8f8;
    margin: 0;
    padding-bottom: 60px;
}

.recorregut.Montfulla .deposits {
    background: #fff;
}

.nostra-emp-servei.dades.white-bg {
    background: #fff;
}

.recorregut.Montfulla.white-bg {
    background: #fff;
}

.graph {
    float: left;
    text-align: center;
    width: 100%;
    padding: 50px 0;
}

.graph ul li {
    float: left;
    width: 100%;
    position: relative;
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
    padding-left: 45px;
}

.graph ul li span.blu-lin {
    background: #2a4979;
    height: 3px;
    width: 25px;
    position: absolute;
    left: 0;
    top: 10px;
}

.graph ul li span.red-lin {
    background: #dc3912;
    height: 3px;
    width: 25px;
    position: absolute;
    left: 0;
    top: 10px;
}

.graph>ul {
    float: right;
    width: 200px;
    margin: 0;
}

.ir-pad {
    float: left;
    width: 100%;
    padding: 70px 0 40px;
}

.ir-pad .ir-lft {
    float: left;
    width: 48%;
    margin-right: 4%
}

.ir-pad .ir-lft h1 {
    font-size: 35px;
    font-family: 'dinpro-bold';
    color: #000;
    padding: 0px 0px 32px 0px;
    text-align: left;
}

#ir-tab.acc-cont h3.expandable.menuheader {
    border-bottom: 1px solid #2a4979;
}

.tab-cont.invest-recerca ul li {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}

.tab-cont.invest-recerca ul li:last-child {
    margin-bottom: 0;
}

.tab-cont.invest-recerca ul li a {
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    display: block;
    width: 90%;
    letter-spacing: -0.4px;
    line-height: 26px;
}

.tab-cont.invest-recerca {
    padding-left: 10px;
}

.tab-cont.invest-recerca ul li a:after {
    position: absolute;
    right: 0px;
    top: 0;
    content: "\F02E";
    color: #222221;
    font-family: 'aigues';
    font-size: 20px;
}

.tab-cont.invest-recerca ul li a:hover {
    color: #005fa1;
}

.tab-cont.invest-recerca ul li a:hover:after {
    color: #005fa1;
}

.ir-lft.ir-rht {
    margin-right: 0;
}

#ir-tab.acc-cont h3.expandable.menuheader.openheader {
    border: none;
}

.laboratori {
    float: left;
    width: 100%;
    padding: 70px 0 40px;
    background: #f8f8f8;
}

.laboratori h1 {
    font-size: 35px;
    font-family: 'dinpro-bold';
    color: #000;
    padding: 0px 0px 32px 0px;
    text-align: left;
}

.tab-cont.gallery-list {
    padding: 0;
}

#laboratori-tab .acc-wrap-cont.categoryitems {
    padding: 0;
    float: left;
    width: 100%;
    margin: 30px 0 0;
}

#laboratori-tab .tab-cont.gallery-list ul li {
    margin: 0 4px 4px 0;
    width: 296px;
    float: left;
    position: relative;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

#laboratori-tab .tab-cont.gallery-list ul li:nth-child(4n+4) {
    margin-right: 0;
}

.gal-img img {
    float: left;
}

.gal-img {
    position: relative;
}

.tab-cont.gallery-list ul li a:hover:after {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.tab-cont.gallery-list ul li a:hover span:after {
    content: "+";
    font-family: 'aigues';
    font-size: 80px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 40px;
    height: 40px;
    color: #17d4e7;
    z-index: 99;
}

#laboratori-tab.acc-cont h3.expandable.menuheader {
    border-bottom: 1px solid #2a4979;
}

#laboratori-tab.acc-cont h3.expandable.menuheader.openheader {
    border: none;
}

.palau-lft {
    float: left;
    width: 48%;
    margin-right: 4%;
}

a .palau-lft:hover {
    opacity: 0.7;
}

.palau-lft h1 {
    font-size: 35px;
    font-family: 'dinpro-bold';
    color: #000;
    padding: 0px 0px 32px 0px;
    text-align: left;
}

.palau-lft .pluviometres-list {
    float: left;
    width: 100%;
    border: 1px solid #929797;
    padding: 22px 20px;
    margin: 5px 0 30px 0;
}

.pluviometres-list ul li {
    float: left;
    display: block;
    width: 100%;
    font-size: 17px;
    color: #000;
    font-family: 'dinpro-regular';
    letter-spacing: -0.4px;
    margin-bottom: 20px;
}

.pluviometres-list ul li span {
    font-family: 'dinpro-medium';
    font-size: 22px;
    width: 38%;
    float: left;
}

.pluviometres-list ul li:last-child {
    margin-bottom: 0;
}

.pluviometres-general .pluviometre-img {
    width: 50%;
    float: left;
    /*height:285px;*/
}

.pluviometres-general .palau-lft .pluviometres-list {
    float: left;
    width: 50%;
    border: 1px solid #929797;
    padding: 20px 20px;
    margin: 0 0 30px 0;
}

.pluviometres-general .palau-lft {
    margin-bottom: 30px;
}

.pluviometres-general .pluviometres-list ul li span {
    margin-bottom: 11px;
    display: block;
    width: 100%
}

#loading {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 20;
}

#loading .fons {
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0.5;
}

#loading img {
    position: absolute;
    top: 35%;
    left: 45%;
    height: 100px;
    width: 100px;
}

.palau-lft h3 {
    font-size: 20px;
    font-family: 'dinpro-medium';
    color: #000;
    padding: 0px 0px 20px 0px;
}

.palau-lft.palau-rht {
    margin-right: 0;
}

.palau-lft .blue-btn {
    float: left;
    margin-top: 0px;
    background: #2a497a;
}

#ui-datepicker-div {
    background: white;
}

.hietograma {
    float: left;
    width: 100%;
    background: #f8f8f8;
    padding: 50px 0;
}

.hietograma h1 {
    font-size: 35px;
    font-family: 'dinpro-bold';
    color: #000;
    padding: 0px 0px 32px 0px;
    text-align: left;
}

.hietograma table {
    margin-bottom: 1em;
    min-height: 20em;
}

.hietograma-pad {
    float: left;
    width: 100%;
}

.display-year>h3 {
    padding: 2px 8px;
    width: 10%;
    float: left;
    border-right: 1px solid #9b9f9f;
    position: relative;
    cursor: pointer;
}

.display-year>h3:after {
    position: absolute;
    right: 12px;
    content: "\F004";
    top: 4px;
    display: block;
    font-size: 18px;
    font-family: 'aigues';
}

table#abril {
    margin-right: 0;
}

table#Agost {
    margin-right: 0;
}

table#Desembre {
    margin-right: 0;
}

.noti-list {
    float: right;
}

.noti-list ul li {
    float: left;
    margin-right: 30px;
    line-height: 34px;
    position: relative;
    padding-left: 35px;
}

.noti-list .blk-lin {
    position: absolute;
    left: 0;
    height: 3px;
    top: 17px;
    border: 1px solid black;
    display: block;
    content: "";
    width: 25px;
}

.noti-list .grn-lin {
    position: absolute;
    left: 0;
    height: 3px;
    top: 17px;
    background: #70a83b;
    display: block;
    content: "";
    width: 25px;
}

.noti-list .blu-lin {
    position: absolute;
    left: 0;
    height: 3px;
    top: 17px;
    background: #ff8000;
    display: block;
    content: "";
    width: 25px;
}

.noti-list .red-lin {
    position: absolute;
    left: 0;
    height: 3px;
    top: 17px;
    background: #ff0000;
    display: block;
    content: "";
    width: 25px;
}

/*21-2-17*/
.description.description-pg-links {
    background: none;
    padding: 0 0 36px;
}

.description-pg-links li a {
    background: #005fa1;
    color: #fff;
    font-size: 16px;
    float: left;
    padding: 18px 20px;
    font-family: 'dinpro-regular';
    border: 1px solid #005fa1;
    margin-right: 14px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.description-pg-links li.active a {
    background: none;
    color: #005fa1;
    font-family: 'dinpro-bold';
}

.description-pg-links li a:hover {
    background: none;
    color: #005fa1;
}

.no-text {
    padding: 0 !important;
}

.blocs {
    padding-top: 0px !important;
}

.maxima h3 {
    font-size: 20px;
    font-family: 'dinpro-medium';
    color: #000;
    padding: 0px 0px 20px 0px;
}

.table-tarifes {
    width: 100%;
    float: left;
    border-top: 1px solid #c9c9c9;
}

.table-dist-desc.content-pad.distribucio,
.table-dist-desc.content-pad.tarifes {
    padding: 0 0 55px;
}

.table-dist-desc.content-pad {
    padding: 55px 0;
}

.table-dist {
    width: 100%;
    float: left;
    margin-bottom: 35px;
    border: 1px solid #949999;
    display: none;
}

.table-dist-desc.content-pad h5 {
    font-family: 'dinpro-bold';
    font-size: 25px;
    color: #252525;
    border-bottom: 1px solid #949999;
    padding: 25px 20px;
}

.table-dist th,
.table-dist td {
    font-size: 14px;
    font-family: 'dinpro-regular';
    text-transform: uppercase;
    color: #000000;
    font-weight: normal;
    text-align: right;
}

.table-dist td:first-child {
    text-transform: capitalize;
}

.table-dist table {
    border-top: none;
    padding: 0px 20px;
    min-width: 998px;
    overflow-x: scroll;
}

.table-dist .padding-row td {
    padding: 35px 0;
}

.table-dist .padding-row-bottom td {
    padding: 0 0 35px 0;
}

.table-dist .padding-row th {
    padding-bottom: 0;
}

.table-dist .bold-row td,
.table-tarifes .bold-row td {
    font-family: 'dinpro-bold';
}

.table-dist tr:last-child td p {
    font-family: 'dinpro-regular';
    font-size: 12px;
    padding: 30px 0 17px;
}

.mandatory {
    float: left;
    padding: 30px 20px;
    width: 100%;
}

.mandatory p {
    font-size: 12px;
}

.table-tarifes .bold-row td,
.table-tarifes .bold-row th {
    font-family: 'dinpro-bold';
}

.table-tarifes th,
.table-tarifes td {
    font-family: 'dinpro-regular';
    color: #000000;
    font-weight: normal;
    text-align: left;
    padding: 10px 5px;
    vertical-align: middle;
}

.table-tarifes tr:last-child td {
    border-bottom: none;
}

.table-tarifes th {
    text-transform: uppercase;
}

.table-tarifes table {
    width: 100%;
    border-top: none;
    border-collapse: collapse;
    /*padding:0px 20px 35px 20px;*/
}

.table-tarifes .padding-row th {
    /*padding:15px 0*/
}

.table-tarifes th:first-child {
    width: 65%;
}

.table-tarifes.consum th:first-child {
    width: 35%;
}

.table-tarifes.consum th:nth-child(2) {
    width: 43%;
}

.table-tarifes td:first-child,
.table-tarifes th:first-child {
    padding-left: 20px;
}

.table-tarifes tr:nth-child(even) {
    background-color: #f2f2f2;
}

.content-pad.history {
    float: left;
    width: 100%;
    padding: 0;
}

.history-timeline {
    float: left;
    width: 100%;
    position: relative;
}

.history-timeline:after {
    position: absolute;
    background: #2a4979;
    height: 100%;
    width: 1px;
    display: block;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
}

.history-lft {
    float: left;
    width: 50%;
    padding-right: 85px;
    margin-top: 60px
}

.history-lft h2 {
    font-family: 'dinpro-bold';
    font-size: 30px;
    color: #000;
    padding: 0 0 50px 0;
    text-align: right;
}

.history-lft p {
    font-size: 18px;
    line-height: 26px;
    color: #666;
    margin-bottom: 20px;
    letter-spacing: -0.3px;
}

.history-lft ul li {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0 0;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.history-lft ul li span.year {
    float: right;
    font-size: 20px;
    color: #2a4979;
    font-family: 'dinpro-medium';
    line-height: 28px;
    position: absolute;
    right: -60px;
}

.history-lft .year-txt {
    float: right;
    text-align: right;
    width: 100%;
    margin-right: 0px;
}

.history-lft .year-txt h3 {
    font-family: 'dinpro-medium';
    color: #000;
    font-size: 22px;
}

.history-lft ul li span.blu-round {
    background: #2a4979;
    border-radius: 20px;
    height: 15px;
    position: absolute;
    right: -92px;
    top: 8px;
    width: 15px;
}

.history-lft ul li.mar-74 {
    margin-bottom: 41px;
}

.history-lft ul li.mar-102 {
    margin-bottom: 82px;
}

.history-lft.history-rht {
    float: left;
    width: 50%;
    padding-left: 85px;
    margin-top: 60px;
    padding-right: 0;
    margin-bottom: 80px;
}

.history-lft.history-rht h2 {
    text-align: left;
}

.history-lft.history-rht .year-txt {
    text-align: left;
}

.history-lft.history-rht ul li span.year {
    font-size: 20px;
    color: #2a4979;
    font-family: 'dinpro-medium';
    line-height: 28px;
    position: absolute;
    left: -60px;
}

.history-lft.history-rht ul li span.blu-round {
    background: #2a4979;
    border-radius: 20px;
    height: 15px;
    position: absolute;
    left: -93px;
    top: 8px;
    width: 15px;
}

.history-lft.history-rht ul li.mar-395 {
    margin-bottom: 397px;
}

.history-lft.history-rht p {
    margin-bottom: 5px;
    font-size: 16px;
    letter-spacing: normal;
}

.history-lft.history-rht ul li.mar-25 {
    margin-bottom: 25px;
}

.historic {
    float: left;
    width: 100%
}

.historic h2 {
    padding: 32px 0px 15px 20px;
}

.bloc-historic {
    float: left;
    width: 100%;
    padding-left: 20px
}

.bloc-historic:first-child {
    padding-top: 20px;
}

.orga-pad {
    float: left;
    width: 100%;
    margin: 50px 0;
}

.orga-pad .organigrama {
    overflow: auto;
}

.orga-inner {
    float: left;
    width: 86%;
    border: 1px solid #a0a0a0;
    margin: 0 7%;
}

.orga-inner ul li {
    float: left;
    width: 16.666%;
    height: 172px;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    position: relative;
}

.orga-inner ul li h2 {
    font-family: 'dinpro-medium';
    color: #000;
    font-size: 20px;
    line-height: 22px;
}

.orga-inner ul li h2 span {
    font-size: 16px;
    font-family: 'dinpro-regular';
    display: block;
    margin-top: 15px;
}

.orga-inner ul li.grey {
    background: #f8f8f8;
}

.orga-inner ul li:nth-child(6n+6) {
    border-right: none;
}

.orga-list {
    float: left;
    width: 100%;
}

.orga-list.last ul li {
    border-bottom: medium none;
}

.grey.arr-center:after {
    position: absolute;
    background: url(../images/org-arr.png) no-repeat 0 0;
    height: 38px;
    width: 6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    content: "";
    bottom: -20px;
    z-index: 9;
}

.orga-list.third-row {
    position: relative;
}

.orga-list.third-row:before {
    position: absolute;
    background: url(../images/org-arr-lft.png) no-repeat 0 0;
    height: 39px;
    width: 274px;
    left: 85px;
    display: block;
    content: "";
    top: -20px;
    z-index: 9;
}

.orga-list.third-row:after {
    position: absolute;
    background: url(../images/org-arr-rht.png) no-repeat 0 0;
    height: 39px;
    width: 453px;
    right: 80px;
    display: block;
    content: "";
    top: -20px;
    z-index: 9;
}

/*.grey.arr-rht:after { position:absolute; background:url(../images/org-arr-rht.png) no-repeat 0 0;  height:39px; width:453px; left:-440px; right:0; margin:0 auto; display:block; content:""; top:-18px; z-index:9;}
.grey.arr-lft:after { position:absolute; background:url(../images/org-arr-lft.png) no-repeat 0 0;  height:39px; width:274px; left:-90px; right:0; margin:0 auto; display:block; content:""; top:-18px; z-index:9;}*/

.grey.arr-btm:after {
    position: absolute;
    background: url(../images/org-arr-btm.png) no-repeat 0 0;
    height: 217px;
    width: 27px;
    left: 5px;
    display: block;
    content: "";
    top: -23px;
    z-index: 9;
}

.grey.arr-btm1:after {
    position: absolute;
    background: url(../images/org-arr-btm1.png) no-repeat 0 0;
    height: 732px;
    width: 27px;
    left: 5px;
    display: block;
    content: "";
    top: 150px;
    z-index: 9;
}

.grey.arr-btm2:after {
    position: absolute;
    background: url(../images/org-arr-btm2.png) no-repeat 0 0;
    height: 390px;
    width: 27px;
    left: 5px;
    display: block;
    content: "";
    top: -194px;
    z-index: 9;
}


.mobile-accordion {
    float: left;
    width: 100%;
    display: none;
    padding: 30px 0 40px;
}

#sanejament.table-dist {
    margin: 0;
}

.campanya-pad {
    float: left;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}

.legal,
.cookies {
    padding: 30px 0;
}

.legal table,
.cookies table {
    border-collapse: collapse;
    width: 100% !important;
    margin: 10px;
}

.legal table td,
.cookies table td {
    border: 1px solid black;
    padding: 5px
}

.legal div,
.cookies div {
    margin-bottom: 10px;
}

.legal h3,
.cookies h3 {
    font-family: 'dinpro-bold'
}

.stacktable {
    width: 100%;
}

.st-head-row {
    padding-top: 1em;
}

.st-head-row.st-head-row-main {
    font-size: 1.5em;
    padding-top: 0;
}

.stacktable .st-key {
    width: 49%;
    text-align: left;
    padding: 10px;
}

.stacktable .st-val {
    width: 49%;
    padding: 3%;
}

.stacktable tfoot .bold {
    font-family: 'dinpro-bold';
}

/* RESPONSIVE EXAMPLE */
.stacktable.large-only {
    display: table;
}

.stacktable.small-only {
    display: none;
}

.cubics {
    width: 100%;
}

.chartdiv {
    width: 100%;
    height: 600px;
    font-size: 11px;
    float: left;
}

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.taulaHistoric {
    width: auto;
    height: 400px;
    border-color: aquamarine;
    border: 1px solid;
    /* padding-left: 10px; */
    margin-left: 15px;
    margin-right: 15px;
}

.selectDate {
    width: 160px;
    font-size: 18px;
    color: #000;
    font-family: 'dinpro-regular';
    border: 1px solid #ccc;
    padding: 0 10px;
    line-height: 48px;
    -webkit-appearance: none;
}

.botoData {
    position: relative;
    float: right;
    border: none;
    background: none;
    text-indent: -9999999px;
    width: 55px;
    height: 50px;
    padding: 0;
}

.botoData:after {
    content: "\E806";
    position: absolute;
    display: block;
    height: 50px;
    width: 55px;
    font-family: 'aigues';
    left: 0px;
    font-size: 35px;
    text-indent: 0;
    top: 4px;
    color: #222221;
}

.intro-formulari p {
    padding: 5px 0 15px !important;
}

.borsa-requadres {
    width: 100%;
    padding: 30px 10px 20px 20px;
    float: left;
}

.blue-btn {
    cursor: pointer;
}

.borsa-requadres {
    width: 32%;
    padding: 30px 10px 20px 20px;
    float: left;
    border: 1px solid #c8c8c8;
    margin-right: 1.33%;
    margin-bottom: 1%;
}

.borsa-requadres:last-child {
    margin-right: 0;
}

.borsa-requadres:hover {
    outline: 2px solid #005fa1;
}

.borsa-requadres h4 {
    font-size: 20px;
    font-family: 'dinpro-medium';
    color: #000;
    padding: 0px;
    margin-bottom: 16px;
}

.borsa-requadres span {
    padding-left: 40px;
    font-size: 18px;
    color: #000;
    float: left;
    line-height: 28px;
}

.borsa-requadres span a {
    color: #2a4979;
}

.borsa-requadres span a:hover {
    color: black;
    text-decoration: underline;
}

.class_cv {
    border: 1px solid #cccccc;
    width: 100%;
    padding: 0px 20px;
    font-size: 18px;
    font-family: 'dinpro-regular';
    line-height: 48px;
    float: left;
    margin-bottom: 8px;
    color: #777;
    cursor: pointer;
    transition: 0.5s;
}

.distribucio table {
    border-collapse: collapse;
    width: 100%;
}

.distribucio table tr {
    height: 40px;
}

.table-dist td {
    border-right: 1px solid #ccdfec;
}

.distribucio table td {
    text-align: center;
}

.distribucio table tr:nth-child(2n+1) {
    background: #ccdfec;
}

.distribucio table tr:nth-child(1) td {
    font-weight: bold;
}

/* Negreta */
.distribucio .taulaSanejament table tr:nth-child(44) td {
    font-weight: bold;
}

/* Negreta */
.distribucio .variacioAPotable table tr:nth-child(59) td {
    font-weight: bold;
}

/* Negreta */

#lab_cv {
    position: relative;
}

#fcv {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.class_cv:hover {
    background: #ccdfec;
    color: black;
}

.fitxers input[type="file"] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.toggleFormulari input[type="checkbox"] {
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
}

.toggleFormulari label {
    position: relative;
    display: inline-block;
}

.toggleFormulari input[type="checkbox"]:checked~label>span {
    background: #2a4979;
}

.toggleFormulari label>span {
    height: 20px;
    width: 20px;
    position: absolute;
    border: 2px solid #2a4979;
    left: 0;
    top: 0;
}

.toggleFormulari label>p {
    margin-left: 20px;
    margin-top: -4px;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .stacktable.large-only {
        display: none;
    }

    .stacktable.small-only {
        display: table;
    }
}

#map {
    position: relative;
    overflow: hidden;
    height: 300px;
    width: 50%;
    margin-left: auto;
    float: right;
}

.gmaps {
    height: 300px;
}

.mapa {
    height: 300px;
    background-size: contain;
    background-repeat: no-repeat;
}

.actualitat.talls ul li {
    border: 1px solid #ccc;
    width: 49%;
    margin-bottom: 30px;
}

.act-list.tall {
    margin: 0;
    padding: 20px;
}

.nostra-txt-lft a,
.act-list.tall a,
.act-det-lft a,
.nostra-list a,
.cookies a,
.legal a {
    color: #0080ff;
}

.incidencia a p {
    float: none;
    display: inline-block;
}

.incidencia>.row:not(:last-child) {
    margin-bottom: 8px;
}



.swal2-html-container strong {
    font-size: 17px;
    color: #000;
    font-family: 'dinpro-medium';
}

.swal2-html-container {
    font-size: 18px;
    font-family: 'dinpro-regular';
    line-height: 48px;
}

.ftr-btm-rht-top {
    height: 60px;
    float: right;
    margin-top: 5px;
}

.ftr-btm-rht-top img {
    height: 100%;
}

.deposits.deposits-50 {
    margin-top: 20px;
    margin-bottom: 23px;
    width: 75%;
}

.content-pad.table-dist-desc.tarifes .deposits.deposits-50 {
    border-left: 1px solid #c9c9c9;
}

.table-tarifes tr.tab-odd:nth-child(even) {
    background-color: white;
}

.table-tarifes tr.tab-odd:nth-child(odd) {
    background-color: #f2f2f2
}

.tarif-txt {
    width: 75%;
    display: inline-block;
}

.tarif-txt.txt-top {
    margin-top: 55px;
}

.tarif-txt.txt-bot {
    margin-bottom: 15px;
}

.table-tarifes.vari-preu td:first-child,
.table-tarifes.vari-preu th:first-child {
    width: 50%;
}

.table-tarifes.vari-preu tr td:nth-child(2),
.table-tarifes.vari-preu tr th:nth-child(2) {
    text-align: end;
    padding-right: 90px;
}

.table-tarifes.vari-preu tr td:nth-child(3),
.table-tarifes.vari-preu tr th:nth-child(3) {
    text-align: end;
    padding-right: 60px;
}

.table-tarifes.vari-preu-2 tr td:nth-child(3),
.table-tarifes.vari-preu-2 tr th:nth-child(3) {
    text-align: end;
    padding-right: 60px;
}

.requiredFile {
    margin-left: 10px;
    color: #2a4979;
    font-weight: bold;
}

.titolSeccioFormulari>h4 {
    display: inline;
}

.titolSeccioFormulari {
    margin-bottom: 20px;
}

.transparencia-fitxa {
    padding: 40px 0;
    float: left;
    width: 100%;
}

.transparencia-fitxa ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}

.transparencia-fitxa ul li a {
    margin-top: 0px;
}

.selected2 {
    font-weight: bold;
    color: #000;
}

.borsa {
    margin-top: 50px;
}

.menu_borsa {
    position: absolute;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    right: 30px;
    top: 35px;
    justify-content: flex-end;
}

.serveis-frequent.contact {
    position: relative;
}