@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, p.alta-titol, p.noticia-titol { 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{ max-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}
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: -39px;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 h2 { font-size:40px; color:#1f2020; font-family: 'dinpro-bold'; text-align:center;	line-height:46px;}
.servei-pad h2 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, .servei-inner ul li p.alta-titol { 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.lectura-icon { background:url(../images/lectura.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/correspondencia.png) no-repeat 0 -5px; width:68px; height:69px; display:inline-block;}
.servei-inner ul li:hover  span.nocorrespondencia-icon { background-position:0 -85px !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 li span.canvinom-icon/**/

.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, .noticies-lft ul li p.noticia-titol { 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, .noticies-lft ul li p.noticia-titol span { font-size:16px;  font-family: 'dinpro-regular'; display:block; margin-bottom:5px;}
.noticies-lft ul li:hover h3, .noticies-lft ul li:hover p.noticia-titol { 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; object-fit: scale-down;}
.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; }

.blue-btn { background:#005fa1; border: none; 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; margin-bottom: 10px;}
./*blue-btn:hover { background:#0fabda;}*/

.noticies-wrap-rht { float:left; width:50%;}
.destacats-rht { float:left; width:290px;}
.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 .col-one > h3 { 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:780px;}
.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; }
.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:45px 10px 40px 74px;}
.content-pad.nostra-emp ul li .nostra-txt-lft h1, .content-pad.nostra-emp ul li .nostra-txt-lft h2 { 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:16px; color:#000; font-family: 'dinpro-regular'; line-height:28px; margin-bottom:25px;}
.content-pad.nostra-emp ul li .nostra-txt-lft table.taula-titol { border-top:0;}
.content-pad.nostra-emp ul li .nostra-txt-lft table.taula-titol caption { position:relative; border:1px outset; border-bottom:0; padding:1px 1px 26px; font-size:16px; line-height:28px; font-family:'dinpro-regular'; color:#000;}
.content-pad.nostra-emp ul li .nostra-txt-lft table.taula-titol caption:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px inset; pointer-events:none;}
.content-pad.nostra-emp ul li .nostra-txt-lft table.taula-titol th { font-weight:inherit; text-align:inherit;}
.content-pad.nostra-emp ul li .nostra-txt-lft a { font-family: 'rubik-light'; 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%;}
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 a { background:#2a497a; 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;}
.alta-rht p { font-size:18px; color:#000; font-family:'dinpro-regular';}
.alta-rht h4, .alta-rht h3 { font-size:20px; color:#000; font-family: 'dinpro-medium'; margin-bottom:20px;width:100%;}
.alta-rht #servei-tab.acc-cont { float:left; width:100%; margin-top:50px;}
.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 a {color: #005fa1;}
.alta-rht #servei-tab.acc-cont a:hover {color:#222221;}
.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, .formulariBloc h4 {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: 17px;font-family: 'dinpro-bold';color: #fff;padding: 3px 15px;background: #2a4979;border: none;cursor: pointer;transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;}
.treureFitxer{display:none;}
button.afegirFitxer,button.treureFitxer{line-height:inherit;text-align:inherit;vertical-align:baseline;padding:4px 15px 3px;margin:-4px 0 -3px;}
.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;}
.documents span {margin: 20px 0; display: block;}
.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; display: flex; flex-flow: wrap;}
.heading.actualitat ul li { width:32%; margin-right:1%; margin-bottom: 1%; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease;border: 1px solid #ccc;}
.heading.actualitat ul li .act-list {padding: 10px 20px;}
.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 a { 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:68%; margin-right: 2%;}
.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 { float:left; width: 100%; margin-bottom:40px;}
.act-det-lft p { 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:30%;}
.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; position: relative; width:100%; padding:80px 0;}
.contact-lft {display: flex; flex-flow: wrap; width:740px;}
.contact-lft input[type="text"] { border:1px solid #cccccc; width:100%; padding:0px 20px; font-size:18px; font-family:'dinpro-regular'; line-height:48px; margin-bottom:8px;}
.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:339px;}
.inn-left-cont { 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:50%; 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;}
.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;overflow-x: hidden;}
.deposits h2 { font-size:25px; font-family: 'dinpro-bold'; color:#000; padding:32px 20px;}
.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; font-weight: bold;}
.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;
}

#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: 2px !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:16px; 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;}
.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 th:first-child ,.table-dist td:first-child, .table-dist th.cap-taula:first-child { text-align:left;}
.table-dist td:first-child, .table-dist th.cap-taula:first-child { text-transform:capitalize;}
.negreta {font-weight: bold;	margin-top: 20px;}
.table-dist table { border-top:none; padding: 0px 20px; min-width:998px; overflow-x: scroll;white-space: nowrap;table-layout: fixed;border-collapse: collapse;}
.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;text-align:center;}
.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-inner { float:left; width:86%; border:1px solid #a0a0a0; margin:0 7%;text-align: center;}
.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 div,.cookies div{margin-bottom: 10px;}
.legal h3, .cookies h2{font-family:'dinpro-bold'}
.cookies h2{font-size:1.17em;}
.cookies p + p{margin-top:24px;}
.cookies a{overflow-wrap:break-word;word-wrap:break-word;}

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

.legal h2 {margin: 20px 0;}
.cookies ul, .legal ul {margin: 25px;}
.cookies ul li, .legal ul li {line-height: 35px;}
.intro-formulari p {padding:5px 0 15px !important;}
.deposits table tr {height:60px;}
.deposits table tr:first-child td, .deposits table tr:first-child th.cap-taula {background-color: #fff;}
.deposits tr:nth-child(2n) {background-color: #eee;}
.deposits table td, .deposits table th.cap-taula {/*font-family: Roboto !important;*/ text-align: center;padding: 0 20px;}
/*.deposits table tr:first-child td {font-weight: bold;font-size: 15px;}*/
#fcv{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

#fcv[value=""] {
	background: yellow;
}

.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;
}
.class_cv:hover {background: #ccdfec; color: black;}
#lab_cv {position:relative;}
#lab_cv.ready:after {
    content: "\f058";
    display: block;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 20px;
    top: 0;
    overflow-x: hidden;
	color: green;
}
.borsa-requadres {
	width: 100%;
    padding: 30px 10px 20px 20px;
    float: left;
	position: relative;
}

.borsa-requadres p.borsa-dada {display: flex; flex-flow: wrap; font-size: 15px; color: inherit; line-height: 30px; font-weight: normal; padding: 0; margin: 0;}
.borsa-requadres p.borsa-dada.amb-espai {margin-top: 20px;}
.borsa-requadres .descripcio {margin-top: 30px;padding-top: 20px; border-top: 1px solid #e2e2e2;}

.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%;transition: border 0.3s ease-in-out;}
.borsa-requadres:last-child {margin-right:0;}
.borsa-requadres:hover { border: 2px solid #005fa1;}
.borsa-requadres h3.borsa-titol { font-size:30px; font-family: 'dinpro-medium'; color:#000; padding:0px; margin-bottom:16px; }
.borsa-requadres span { margin-right: 5px; font-size:15px; color:#000; float:left; line-height:28px; font-weight: bold;}
.borsa-requadres span a { color:#2a4979;}
.borsa-requadres span a:hover { color: black; text-decoration:underline;}
.borsa-requadres .documents {}
.borsa-requadres .documents .hidden {display: none;}
.borsa-requadres .documents .lldoc {margin: 30px 0;}
.borsa-requadres .documents .lldoc img {width:20px; height: 20px; margin-right: 15px;}
.borsa-requadres .documents .lldoc .doc {display: flex; align-items: center;}

.borsa-requadres .documents .lldoc a {
	margin: 10px 0;
    display: block;
    /* text-decoration: underline; */
    color: #005fa1;
}
.borsa-requadres .documents .lldoc a:hover {color:#1a171b}



.flex {
	display: flex;
    flex-flow: wrap;
}
.half {
	width: 48%;
	margin-right: 2%;
}
.half .menuheader  {
	font-size: 22px !important;
}
.testing > h2, .content-pad.document .testing h1.titol-faqs {
	font-size: 50px;
    line-height: 50px;
    margin-bottom: 35px;
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
}

.flex:not(:last-child) {
	margin-bottom: 60px;
}
.content-pad.document .testing h1.titol-faqs { font-family: inherit; color: inherit;}
.content-pad.document .acc-wrap-cont ul.llista-guions { list-style:none; margin:0; padding:0;}
.content-pad.document .acc-wrap-cont ul.llista-guions li { float:none; display:block; width:auto; margin:0; font-family:inherit; font-size:16px; line-height:23px; color:#000; padding:2px 5px 5px;}
.content-pad.document .acc-wrap-cont ul.llista-guions li + li { margin-top:23px;}
.testing > h2:after, .content-pad.document .testing h1.titol-faqs:after {
    width: 100%;
    height: 2px;
    background: #005fa1;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
}

.referencia_x {
	top:0;
	left: 0;
}
.referencia_y {
	top:0;
	left: 0;
}
.referencia_x, .referencia_y {
	position: absolute;
	width: 5px;
	height: 5px;
	background: red;
}
.table-dist table tr td:last-child, .table-dist table tr th.cap-taula:last-child {
	font-weight: bold;
}
#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;}


.faqs_img {
	text-align: center;
}

.menu_borsa {
	position: absolute;
    display: flex;
	flex-flow: wrap;
	width: 100%;
    right: 30px;
    top: 35px;
	justify-content: flex-end;
}
.borsa {margin-top:50px;}
.menu_borsa li {margin-left: 30px;height: 70px;}

.menu_borsa li a {
    padding: 15px 20px;
    margin-top: 15px;
	border: 2px solid #005fa1;
	-moz-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

.menu_borsa li a.active,
.menu_borsa li a:hover {
	background: #005fa1;
	color: white;
}


#avisos {display: none;}

.avis {
	width: 800px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: white;
    z-index: 9999999;
    display: table;
	overflow-y: scroll;
    padding: 20px 50px;
    border-radius: 6px;
}

.avis hr {
	border: 1px solid #005fa1;
	border-bottom: 0;
	width: 100%;
	height: 1px;
}

.avis .close {
    position: absolute;
    top: -10px;
    right: -10px;
	
    width: 30px;
    height: 30px;
    padding: 10px;
	
    color: white;
    background: black;
    text-align: center;
    border-radius: 100%;
	display: inline-block;
    border: 2px solid white;
	cursor: pointer;
}

.avis .close img {
	position: absolute;
    top: 4px;
    left: 4px;
}

.avis .logo-ab {
	text-align: center;
	width: 100%;
}

.shadow {
	position: fixed;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.7);
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.borsa-requadres.finalitzada:before {
    content: "Finalitzada";
    position: absolute;
    top: 5px;
    width: 100px;
    height: 20px;
    background: #005fa1;
    left: -15px;
    box-shadow: 1px 1px 2px 0px black;
    text-align: center;
	font-family: 'dinpro-regular';
    color: white;
}

.borsa-requadres.finalitzada {
    /*opacity: 0.6;
    pointer-events: none;*/
}

.custom-accord {
    cursor: pointer;
}

.custom-accord:hover {
    color: #005fa1;
}

.custom-accord:before {
    position: absolute;
    right: 5px;
    display: block;
    content: '\F004';
    font-family: 'aigues';
    top: 2px;
    color: #2a4979;
    font-size: 19px;
    font-weight: 700;
}

.custom-accord.visible-target:before {
    content: '\F005';
}

/* 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) {
	.menu_borsa {justify-content: center;}
	.borsa {margin-top: 150px;}
    .stacktable.large-only { display: none; }
    .stacktable.small-only { display: table; }
}



.nostra-list.justify .nostra-txt-lft.ambTitol {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

.content-pad.nostra-emp ul li .nostra-txt-lft.pad{
	padding: 45px 40px 40px 40px;
}

.nostra-txt-lft.pad ol li{
	list-style-type: decimal;
	margin-left: 15px;
	width: 100%;
	padding-right: 25px;
}

.nostra-txt-lft.pad ol li:last-child{
	margin-bottom: 20px;
}

.llista ul li{
	list-style-type: disc;
	margin: 25px;
}

.alta-rht  #servei-tab.acc-cont .toggleFormulari a{
	color: white;
}

.alta-rht  #servei-tab.acc-cont .fitxers a{
	color: white;
}

/* JIRA ADB-121 */

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

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

.transparencia-fitxa ul.arxius {
    margin-top: 40px;
    margin-left: 0px;
}

.transparencia-fitxa ul li {
    list-style: disc;
    width: 100%;
}

.transparencia-fitxa ul.arxius li {
    list-style: none;
}

.transparencia-fitxa p {
    line-height: 35px;
}

/* end JIRA ADB-121 */

/* JIRA ADB-110 */
.visually-hidden {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.deposit-table {
  border-collapse: collapse; /* equivalent a cellspacing="0" */
}

table.deposit-table th,
table.deposit-table td {
  padding: 0; /* equivalent a cellpadding="0" */
}

.legal>.row>a,
.legal ul li a,
.legal p a{
    text-decoration: underline;
}

/* end JIRA ADB-110 */
/* JIRA ADB-152 */
.text-legal .row > p,
.text-legal .row > ul,
.text-legal .row > table,
.text-legal .row > .taula-legal {
    margin-bottom: 24px;
}
.text-legal .row > ul {
    margin-left: 25px;
    margin-right: 0;
    margin-top: 0;
    list-style-type: disc;
}
.text-legal .row > ul li {
    line-height: 24px;
    margin-bottom: 8px;
}
.taula-legal {
    overflow-x: auto;
}
.text-legal table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.text-legal .taula-ampla table {
    table-layout: auto;
    min-width: 640px;
}
.text-legal th,
.text-legal td {
    border: 1px solid #cbcbcb;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
    line-height: 22px;
    word-wrap: break-word;
}
.text-legal th {
    font-family: 'dinpro-bold';
    font-weight: normal;
}
.text-legal thead th {
    background: #f2f2f2;
}
.text-legal tbody th {
    width: 30%;
}
.contacte-obligatoris,
.contacte-info {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
}
.contacte-obligatoris {
    margin: 6px 0 0;
}
.contacte-info {
    margin: 14px 0 0;
}
.contacte-info a {
    text-decoration: underline;
    color: #005fa1;
}
.contacte-info a:hover {
    color: #000;
}
.contact-lft .FORMOK,
.contact-lft .FORMKO {
    width: 100%;
    box-sizing: border-box;
}
.ajuts-privacitat {
    float: left;
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    line-height: 24px;
}
.ajuts-privacitat a {
    text-decoration: underline;
    color: #005fa1;
}
/* end JIRA ADB-152 */