@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}
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:574px;}
.noticies-lft h2 { font-size:30px; font-family: 'dinpro-medium'; color:#000000; margin:0px; line-height:26px; padding-bottom:40px;}
.noticies-lft { float:left; width:100%;}
.noticies-lft ul li { float:left; width:271px; 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:585px; margin-left:30px;}
.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 { float:left; width:260px; margin-left:50px; 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%;}
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;}
.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 { width:385px; float:left; margin-right:20px; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s 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 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: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 { float:left; 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: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"] { 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:339px;}
.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;}
.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; }
}


.servei-pad div.servei-pad-lft,.servei-pad div.servei-pad-rht{display: block;width: 49%;margin-right: 1%;float:left;margin-top:60px;}
.servei-pad div.servei-pad-rht{margin-right: 0}
.servei-pad div.servei-pad-rht img{display: block;width: 100%;float:left}

.servei-pad a.blue-btn{margin:50px auto 0;display:block;width:max-content;}

.interessar ul li {
    /* width: 232px; */
    /* margin-right: 8px; */
    width: 23.5%;
    margin-right: 1.5%;
  }
  
  .interessar ul li .inte-img img {
    width: 100%;
  }


.owl-carousel .item .noticies-img {
    width: 100%;
}
.owl-carousel .item .noticies-img >img {
    width: 100%;
}
  
  .noticies-lft .owl-dots {
    display: flex;
    justify-content: center;
  }
  .noticies-wrap-rht .destacats-rht{width: 100%;}
  .servei-pad h2{font-size: 40px;
    color: #1f2020;
    font-family: 'dinpro-bold';
    text-align: center;
    line-height: 46px;}

    .servei-des {margin:50px auto 30px;}
    .servei-des ul{list-style: none;}
    .servei-des ul li{margin-bottom:5px;margin-left:15px}
    .servei-des ul li::before{content:"\2022";color:#005fa1;font-weight:bold;display:inline-block;width:1em;margin-left:-1em}
    .subsections {margin-bottom:50px;float: left;width: 100%;}
    .subsections li{float:left;width: 48.5%;margin-right: 1.5%;text-align: center;background-color: #005FA1;color:#fff;font-family: 'dinpro-bold';}
    .subsections li a{color:#fff;padding:1em 1.5em;display: block;}
    .subsections li:last-child{margin-right: 0;}

nav.menu.submenu {
    /* margin: 60px 0 0; */
    margin: 80px 0 0;
  }
  
  .lab-blocs ul li{margin-bottom:40px}
  .heading.no-submenu{padding-top: 20px;}

.nostra-list.lab-blocs {
  margin-top: 30px;
  margin-bottom:90px
}

.nostra-list.lab-blocs ul li h2 {
  margin-bottom: 25px;
  font-size: 28px;
  font-family: 'dinpro-bold';
}

.nostra-list.area-treball {
    margin: 50px 0 120px;
  }
.nostra-list.area-treball h1  {
    margin-bottom: 25px;
  font-size: 34px;
  font-family: 'dinpro-bold';
  }
  
  .nostra-list.area-treball .area-lft {
    float: left;
    width: 39.5%;
    margin-right: 1%;
  }
  .nostra-list.area-treball .area-lft.area-full {
    float: left;
    width: 100%;
  }
  
  .nostra-list.area-treball .area-rgt {
    float: left;
    width: 59.5%;
  }
  
  .nostra-list.area-treball .area-lft ul{list-style: none;}
.nostra-list.area-treball .area-lft ul li{margin-bottom:5px;margin-left:15px}
.nostra-list.area-treball .area-lft ul li::before{content:"\2022";color:#005fa1;font-weight:bold;display:inline-block;width:1em;margin-left:-1em}
.nostra-list.area-treball .owl-carousel .item img{width: 100%;border:none;} 
.nostra-list.area-treball .owl-dots {display: flex;
    justify-content: center;} 

    .acreditacions{margin:50px 0 120px}
    .serveis{margin-bottom:120px}

  
  .acreditacions ul li .nostra-list-txt {
    float: left;
    width: 50%;
    padding:1% 1.5%;
  }
  
  .acreditacions ul li .nostra-list-img {
    float: right;
    width: 50%;
  }
  .acreditacions ul li .nostra-list-img img {
    width: 100%;
  }
  .acreditacions ul li.acred-rgt .nostra-list-txt {
    float: right;
  }
  
  .acreditacions ul li.acred-rgt .nostra-list-img {
    float: left;
  }
  .map-container{min-height: 600px;width: 100%;display: block;}
  .map-container iframe{min-height: 600px;width: 100%;display: block;}

  .estudis .estudi-blocs .item .noticies-img{width:100%;display: block;}
  .estudis .estudi-blocs .item .noticies-img > img {width:100%;border:none;display: block;}
  .estudis .estudi-blocs .owl-stage-outer {margin:30px 0;}
  .estudis  {margin:50px 0 120px;}

.estudis .estudi-blocs h3 {
    font-size: 17px;
  }
  
  .estudis  .owl-dots{display: flex;justify-content: center;}


.documental {
    display: block;
    margin: 40px 0;
}
.documental .nostra-list-txt,.documental .nostra-list-img {
    width: 49%;
    float: left;
  }
  .documental .nostra-list-img img{width: 100%;}
  .documental .nostra-list-txt{
      margin-right: 2%;
      text-align: justify;
  }
.documental .nostra-list-txt.full-wid {
    width: 100%;
  }
  .documental h2{font-size: 24px;text-align: left;
    color: #1f2020;
    font-family: 'dinpro-bold';
    margin-bottom:15px;
    line-height: 30px;}

.documental .accordion-documents {
    float: left;
    margin: 40px 0 120px;
    width: 100%;
  }
  

.documental .accordion-documents.smk_accordion .acc_content {
    background: #fff;
    float: left;
    width: 100%;
    padding:2% 1%;

  }
  
  .documental .accordion-documents.smk_accordion .accordion_in {
    border: 1px solid #aaa;
    float:left;width: 100%;
    border-bottom:none;
  }
  .documental .accordion-documents.smk_accordion .accordion_in:last-child {
    border-bottom: 1px solid #aaa;
  }
  .documental .accordion-documents.smk_accordion .accordion_in.acc_active .acc_head {background-color: #f2f2f2;border-bottom:1px solid #bbb}
  .documental .accordion-documents.smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand::after {content:"\F005"}
  .documental .accordion-documents.smk_accordion .accordion_in.acc_active .bloc-documents li a::after {display:inline-block; margin-left: 15px; content:"\F02E";font-family: 'aigues';}
  .footer-top .col-one {
    width: 22.5%;
  }
  
  ul.els-list-lft li {
    font-size: 15px;
    font-family: 'dinpro-regular';
    color: #000;
    padding: 20px 15px;
    display: block;
    position: relative;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    padding-right: 40px;
  }
  ul.els-list-lft li:hover {
    color: #fff;
    background-color: #003052;
  }
  ul.els-list-lft li::after {
    position: absolute;
    right: 10px;
    display: block;
    content: "\E803";
    color: #222221;
    font-family: 'aigues';
    top: 50%;
    transform: translate(0,-50%);
    font-size: 20px;
  }
  ul.els-list-lft li:hover::after {color: #fff;}
  .els-serveis .frequent-hdr h2{text-align: left;}

ul.els-list-lft li {
  /* display: block; */
  display: flex;
  align-items: center;
}

.subsections {
  margin-top: 60px;
  }
  .subsections li {
  margin-right: 1.5%;
  margin-right: 3%;
  }
  .nostra-des-corp{width: 80%;font-style: italic;font-size:18px;display: block;margin:30px auto;}
  .nostra-des-corp p{font-size:18px}
  .lab-img{width: 100%;margin:20px auto;display: block;}


.gallery {
  float: left;
  display: block;
  overflow: hidden;
  width: 100%;
  margin:40px 0;
}

.gallery .owl-carousel {
	width: 50%;
  margin:0 auto;
}
.gallery .owl-controls {
	width: 100%;
	position: static;
}
.gallery .owl-nav {
	width: 100%;
	color: #a9a9a9;
	font-size: 16px;
	position: absolute;
	top: 50%;
  transform: translate(0,-50%);
  left:unset;
}
.gallery .owl-theme.owl-carousel .owl-controls .owl-prev {
	background: url(../images/cara-arrow.svg) no-repeat;
	left: 30px;
	width: 50px;
	height: 50px;
}
.gallery .owl-theme.owl-carousel .owl-controls  .owl-next {
	background: url(../images/cara-arrow.svg) no-repeat;
	right: 20px;
	width: 50px;
	left: inherit;
	height: 50px;
	transform: rotate(180deg);
}
.area-rgt ul li {
  flex:1 0 50%;
	float: left;
	width: 50%;
	padding-left: 28px;
	margin-bottom: 10px;
	background: url(../images/tick.svg) no-repeat left;
}
.area-rgt ul{
	display: flex;
  flex-flow:row wrap;
}

.fadein  {
  -webkit-animation-name : fadein  ;
  animation-name : fadein  ;
  
}  
@-webkit-keyframes  fadein  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadein  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}

@-webkit-keyframes fadeInn { 0% {
opacity:0
}
to { opacity: 1 }
}
@keyframes fadeInn { 0% {
opacity:0
}
to { opacity: 1 }
}


.area-treball .list {
  display: flex;
  float: left;flex-flow: row wrap;
}

.area-treball .list li {
  width: 46%;
  flex: 1 0 46%;
  margin-right: 4%;
  text-align: justify;
}

.bloc-documents li {
  margin-bottom: 15px;
}


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

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