@import "searcherForm.css";
@import "leftNavigation.css";

:root {
	--var-white: #FFFFFF;
	--var-brand-green: #ADC435;
	--var-dark-brand: #9cb324;
	--var-text-black: #212121;
	--var-buttons-dark-background: #424242;
	--var-buttons-dark-background-hover: #000000;
	--var-dark-background: #1B1B23;
	--var-gray-background: #F0F0F0;
    --var-filter: invert(69%) sepia(24%) saturate(804%) hue-rotate(47deg) brightness(98%) contrast(109%);
}


/* ************************************* */
/* FONTS                                 */
/* ************************************* */   
    /* latin-ext */
    @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
    }
    /* latin-ext */
    @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
    }
    /* latin-ext */
    @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
    }
    /* latin-ext */
    @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
    }
  
   /* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700'); */
   
/* ********************************* */
/* RESET                             */
/* ********************************* */
    *{margin:0px;}
    html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;/*font-family:inherit;*/vertical-align:top;}
    html { font-size: 62.5%; } /* so we can work with rem units */ 

/* ********************************* */
/* GLOBAL STYLES                     */
/* ********************************* */
    .clearfix:after { display: table; clear: both; }
    .container { max-width: 96.0rem; margin: 0 auto; display: block; box-sizing: border-box; padding: 0 1.6rem; }
    .container:after {content: "";  display: table; clear: both; }
    .label { font-size: 85%; font-weight: 600;}
    @media screen and (min-width: 62em) {
        .container { padding: 0;}
    }
   
/* ********************************* */
/* BODY                              */
/* ********************************* */
   body {height: 100%;color:var(--var-text-black);font-family: 'Open Sans', sans-serif;font-size:1.4rem;background:var(--var-gray-background);}
   h1   {font-size: 19px;font-weight: bold;color: var(--var-text-black);margin-bottom: 11px;}
   h2   {color: var(--var-text-black);font-size: 22px;font-weight: bold;margin-bottom: 10px;padding-top: 0;}
   h2 a {color:var(--var-text-black);}
   h3   {font-size: 15px;font-weight: bold;margin-bottom: 5px;color:var(--var-text-black);}
   h4   {font-size:13px;color:var(--var-text-black);;margin-bottom: 10px;font-weight: bold;}
   h5   {font-size:12px;color:var(--var-text-black);;margin-bottom: 6px;font-weight: bold;}
   a    {outline: medium none;text-decoration: none;color:var(--var-text-black); -webkit-transition: all .35s ease-in; -o-transition: all .35s ease-in; transition: all .35s ease-in;}
   /*.areaTreballContent a:hover {text-decoration: underline;}*/
   .blocText a {-webkit-transition: color .25s ease;-o-transition: color .25s ease;transition: color .25s ease; color: #3C4413; border-bottom: 1px solid var(--var-brand-green);  }
   .blocText a:hover { color: var(--var-brand-green); }
   .blocText h3 {color: var(--var-text-black);font-size: 18px;}
   .blocText h4 {font-size: 14px;color: #666666;}
   .blocText h5 {color: #666666;}
   .blocText h3,
   .blocText h4,
   .blocText h5 {margin-bottom: 0;margin-top: 9px;}
   /*.blocText h3 {color: #666666;}
   .blocText h4 {color: #666666;font-weight: bold;font-size:12px;}*/
   .actiu {font-weight:bold;}
   
   
   p                        {padding:5px 0 10px;}
   ol                       {padding-left:20px;padding-bottom:10px;}
   .blocText ul li,
   ol li                    {padding-bottom:4px;}
   .blocText ul             { padding-bottom: 6px; padding-top: 7px; margin-left: 1em; padding-left: 1em; }
   .blocText ul li          { position: relative; padding-left: 1em; }
   .blocText ul li:before   {position: absolute; left: -0.5em; top: 0.5em; display: block; height: 5px; width: 5px; border-radius: 50%; background-color: var(--var-brand-green); }
   .blocText ul li ul       {padding-bottom: 0;padding-top: 7px;}

   .blocText .diaFestiu a:hover {
    color: var(--var-text-black);
   }
    
   ul {list-style-type:none;}
   
   .last a {border:none !important;}
   div.separador { clear: both;}
   .deprecated,
   .nomAjuntament {display:none;}
   
   #marc { }
   #web {margin:0 auto;background:var(--var-white);}
   
   body.idioma_es #navegacio li a span {padding: 10px 8px;}
   
   
   /* Navigation          */
   /* ------------------ */
   #navegacio                       { margin-bottom: 1.6rem;}
   #navegacio li                    { border-bottom: 1px solid var(--var-white);}
   #navegacio li a                  {height: 36px;overflow:hidden;cursor: pointer; background-color: var(--var-buttons-dark-background);color: var(--var-white); color: rgba(255, 255, 255, .87); display:block;font-size: 1.4rem;font-weight: normal;text-decoration: none; text-align: center;}
   #navegacio li a:hover,
   #navegacio li a:active           {background-color: var(--var-buttons-dark-background-hover);}
   #navegacio li a span             {padding: 8px 12px; display: block;}    
   #navegacio2                      { display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}      
   #btnCopiaAutentica a             {background-color: var(--var-brand-green);border-radius:.4rem 0 0 .4rem;display: block;padding: 8px 12px; color:rgba(255, 255, 255, .87); }
   #btnCopiaAutentica a:hover,
   #btnAjuda span:hover             {background-color: var(--var-dark-brand);}
   #btnAjuda                        {margin-right:0 !important; font-size: 1.8rem; flex: 0 0 auto; }
   #btnAjuda span                   {border-radius: 0 .4rem .4rem 0;display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; overflow: hidden; padding: 0.8rem 1.0rem;background-color: var(--var-brand-green); color: rgba(255, 255, 255, .87);}
   @media screen and (min-width: 32em) {
        #navegacio                  { display: -webkit-box; display: -ms-flexbox; display: flex; }
        #navegacio li               { border-bottom: none;}
        #navegacio li + li          { border-left: 1px solid var(--var-white);}
        #navegacio li a             {height: auto;}       
        #navegacio li:last-child a  { border-radius: 0 .4rem .4rem 0;}
        #navegacio li:first-child a {border-radius:.4rem 0 0 .4rem;}    
   }
   @media screen and (min-width: 48em) {
        #navegacio li               {float: left; } 
        #navegacio li a             { display: inline-block; height: 3.6rem; }        
        #navegacio2                 {float: right;}
        #navegacio2 li              {float: left;margin-right: 0.1rem;}              
   }
   
/* ********************************* */
/* HEADER                            */
/* ********************************* */
   
    #header #row1                   {height: auto;background-color: var(--var-dark-background);color: var(--var-white);border-bottom: 1px solid #D9D5D1;}
    #header #row2                   {border-bottom: 1px solid #D9D5D1;height: 34px;margin: 0 auto; padding-bottom: 2px;}
    #header #row2:after,
    #header #row4:after             {display: table; clear: both; }
    #header #row2 #nav1             {float: left;padding-top: 10px;}
    #header #row2 #nav1 li          {display:inline;}
    #header #row2 #nav1 li a        {border-left: 1px solid #D2CECA;color: var(--var-text-black);padding: 0 13px;}
    #header #row2 #nav1 li a:hover  {color: var(--var-brand-green);}
    #header #row2 #topLinks .first a{border-left: 0px solid #D2CECA;font-weight: bold;padding-left: 3px !important;text-transform: uppercase;}
    #header #row2 #topLinks .last a {left: -8px;padding: 0;position: relative;}
    #header #row3                   {margin: 0 auto 10px auto; border-bottom: 1px solid rgba(120,130,140,0.2);  }
    #header #row3 .container        {  padding: 10px 0; background: url(../images/seu-bg.png) no-repeat right center transparent; background-size: contain;  }
    #header #row3 h1                { font-size: 3.2rem;margin: 0 !important;padding: 1.7rem 14px 1.0rem 1.4rem;}
    #header #row3 h1 a              {color: var(--var-text-black);}
    #header #row4                   {border-bottom: 1px solid #D9D5D1;margin: 0 auto;padding-bottom: 8px;}
    @media screen and (min-width: 30em ) {
        #header #row3 h1            { font-size: 4.2rem }        
    }
    @media screen and (min-width: 62em) {
        #header #row4               {height: 36px;}
        #header #row4 .container    { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
        #header #row4 .container:after { content: none;}
    }

   
   #horaOficialUpdate               {display:inline;padding-right:10px;margin-right:10px;border-right: 1px solid #D2CECA;}
   div#hora                         {float: right;padding-top: 10px;color: #8A8482;font-size: 11px;}
   div#hora .bActualitzarHora       {background-color:var(--var-brand-green);border-radius: .4rem;color: rgba(255, 255, 255, .87);font-weight: normal;padding: 3px 8px; white-space: nowrap;}
   div#hora .bActualitzarHora:hover {background-color: var(--var-dark-brand);}
   div#navegacio                    {float: left;}
   div#eines                        { float: right;}
   
   /* Engrunes
      ---------------------- */
       #filAriadna {border-bottom: 1px solid #DDDDDD;margin: 0 auto;padding: 3px 6px;}
       #filAriadna a { color: #898989; }
       #filAriadna a:before { content: '/\00a0'; padding: 0 .5rem; color: #CCCCCC; margin-left: .25em; }
       #filAriadna a:first-child:before { content: none; }
       #filAriadna a:last-child { font-weight: bold; }
       #filAriadna a:hover { color: var(--var-brand-green);}
   
/* Main Content
    ---------------------- */
    div#contentWrapper {margin:0 auto; min-height: calc( 100vh - 43.5rem); padding: 1.6rem 0; background-color: var(--var-gray-background); }
    div#contentWrapper .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }       
    div#contentWrapper div#leftCol  { max-width:38.0rem;padding-top: 12px;-webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--var-white); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1),0 -1px 0px rgba(0,0,0,0.02); box-shadow: 0 2px 4px rgba(0,0,0,0.1),0 -1px 0px rgba(0,0,0,0.02); padding: 1.6rem; }
    div#contentWrapper div#rightCol { margin-bottom: 1.6rem; padding-top: 5px;-webkit-box-sizing: border-box;box-sizing: border-box; background-color: var(--var-white); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1),0 -1px 0px rgba(0,0,0,0.02); box-shadow: 0 2px 4px rgba(0,0,0,0.1),0 -1px 0px rgba(0,0,0,0.02); padding: 1.6rem;}
    @media screen and (min-width: 62em) {
        div#contentWrapper .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}           
        div#contentWrapper .container:after { content: none;}
        div#contentWrapper div#leftCol {width: 24%;float: left;}
        div#contentWrapper div#rightCol {float: right; width: 74%; margin-bottom: 0; }
    }
   
   /* Left Navigation
      ---------------------- */
       ul.ultimesPublicacions li,
       ul.llistatPublicacions li,
       ul#menuContinguts li,
       ul#eines li {border-bottom: 1px solid #D9D5D1; position: relative;}
       ul#eines li.last { border-bottom: none; }
       ul.ultimesPublicacions li a,
       ul.llistatPublicacions li a,
       ul#menuContinguts li a,
       ul#eines li a {padding: 8px 13px;display:block;}
       ul.ultimesPublicacions li a:hover,
       ul.llistatPublicacions li a:hover,
       ul#eines li a:hover,
       ul#menuContinguts li:hover,
       ul#menuContinguts li:hover a{color: var(--var-brand-green); background-color: var(--var-gray-background);}
       ul#eines li.active a,
       ul#menuContinguts li.active a{font-weight: bold;color: var(--var-brand-green);}
       #eines .fa { position: absolute; right: .50rem; top: 1.0rem; opacity: .66;}
   
   /*ul#menuContinguts {border-top: 1px solid #D9D5D1;background: none repeat scroll 0 0 #EFEEEE;padding-top: 0;}*/
   /*ul#menuContinguts li:hover {background: none repeat scroll 0 0 #D9D5D1;}*/
   /*ul#menuContinguts li a {padding:3px 0 3px 0px;display: block;margin: 0 10px;}*/
   /*ul#menuContinguts li.active{background: none repeat scroll 0 0 #D9D5D1;}*/
   
   
   #benvinguda {border-bottom: 1px solid #D9D5D1;margin-bottom: 24px;padding-bottom: 14px;}
   #benvinguda h2 {font-size:22px;}
   .resumModul {margin-bottom:30px;}
   #tramitsDestacats h3,
   #modulsDestacats h3 {margin-bottom: 21px;text-transform: uppercase;}
   #modulsDestacats h4,
   #tramitsDestacats h4 {font-size: 1.4rem;font-weight: 600;  margin-bottom: 0 !important;text-align: left;}
   #modulsDestacats h4 a,
   #tramitsDestacats h4 a { -webkit-transition: background-color .35s ease; -o-transition: background-color .35s ease; transition: background-color .35s ease; color: var(--var-white); background-color: var(--var-brand-green); padding: 5px 8px; border-radius: .4rem .4rem 0 0; text-align: center; display: inline-block; }
   #modulsDestacats h4 a:hover,
   #tramitsDestacats h4 a:hover { background-color: var(--var-dark-brand); }
   @media screen and (min-width: 48em) {
    #modulsDestacats {float: left;width: 48%;}
    #tramitsDestacats {float: right;margin-right: 6px;width: 48%;}
   }
   
   #tramitsDestacats .ultimesPublicacions,
   #modulsDestacats .llistatPublicacions {border-top: 1px solid #D0CCC7;padding: 10px 0;}
   
   #btnCarpeta,
   #serveisExtra {margin-top:20px;}
   #btnCarpeta a { background-color: var(--var-brand-green); border-radius: .4rem; width:100%; display:block; color: var(--var-white);-webkit-transition: background-color .25s ease;-o-transition: background-color .25s ease;transition: background-color .25s ease; text-align: center; }
   #btnCarpeta a:hover { background-color: var(--var-dark-brand); }
   #btnCarpeta a span {color: var(--var-white);display: block;font-size: 16px;font-weight: bold;padding: 1em .25em;text-transform: uppercase;  }
   #btnCarpeta a span:before { margin-right: .5em; content: "\f07c"; display: inline-block; font: normal normal normal 18px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
   
   #btnSeguimentTramits {float:left; width: 48%;}
   #btnValidardor {float:right; width: 48%;}
   #btnValidardor a,
   #btnSeguimentTramits a{ background-color: var(--var-brand-green); color: var(--var-white);width:100% !important; display:block; border-radius: .4rem; padding: .5em;-webkit-box-sizing: border-box;  box-sizing: border-box;}
   #btnValidardor a:hover,
   #btnSeguimentTramits a:hover { background-color: var(--var-dark-brand); }
   #btnValidardor a span,
   #btnSeguimentTramits a span {display: block;font-weight: 600;margin: 0 auto; text-align: center; padding: 0 5px;}
   
   #btnPerfil a {background: url("../images/boto1.jpg") no-repeat scroll 0 0 transparent;display: block;height: 40px;width: 220px;}
   #btnPerfil a span {display: block;font-weight: bold;padding-top: 13px;text-align: center;text-transform: uppercase;}
   .botoPortada2 a:hover,
   .botoPortada a:hover { }
   
       .veureMes { font-size: 1.2rem; margin-top: .5rem;}
       .veureMes a { -webkit-transition: background-color .35s ease; -o-transition: background-color .35s ease; transition: background-color .35s ease; background-color: var(--var-buttons-dark-background); color: var(--var-white); color: rgba(255, 255, 255, .87); border-radius: .4rem; padding: .5rem .7rem; display: inline-block;  }
       .veureMes a:after { margin-left: .25em; content: "\f054"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
       .veureMes a:hover { background-color: #222222; }
   
   .categoria {margin-bottom: 31px;}
   .categoria .titol { font-size: 16px;font-weight: bold;margin-bottom: 9px;padding-left: 3px;}
   
   ul.firstLevelNavigation {border-top: 1px solid #D9D5D1; }
   ul.firstLevelNavigation > li {border-bottom: 1px solid #D9D5D1;}
   ul.firstLevelNavigation > li.active a {
       color: var(--var-brand-green);
       font-weight: bold;
   }
   ul.firstLevelNavigation > li a:hover {background-color: var(--var-gray-background);}
   ul.firstLevelNavigation > li a:hover {color: var(--var-brand-green); }
   ul.firstLevelNavigation li ul.secondLevelNavigation {padding-top: 0;padding-bottom: 0;}
   ul.firstLevelNavigation li ul.secondLevelNavigation li a { color: #79746F;}
   ul.firstLevelNavigation li ul.secondLevelNavigation li a:hover {color: var(--var-brand-green); background-color: transparent; }
   ul.firstLevelNavigation li ul.secondLevelNavigation li {padding-left:23px;border-bottom: 1px solid #D9D5D1;}
   
   
   ul.firstLevelNavigation li a {padding:.8rem 2.5rem .8rem 0.5rem;color: var(--var-text-black);display: block; position: relative;}
   ul.firstLevelNavigation li a .fa { position: absolute; right: 0.5rem; top: 0.75rem; opacity: .66;}
   ul.firstLevelNavigation li ul.secondLevelNavigation {display: none;}
   ul.firstLevelNavigation li a.active {border-bottom: 1px solid #D9D5D1;}
   ul.firstLevelNavigation li a.active .fa { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
   ul.firstLevelNavigation li ul.secondLevelNavigation li:hover {background-color: var(--var-gray-background);}
   ul.firstLevelNavigation li a.active2 {color:var(--var-brand-green) !important;}
   ul.firstLevelNavigation li.active ul.secondLevelNavigation {display: block;}
   
    .areaTreballContent .resultatsLlistat {margin-top:20px;margin-bottom:20px;}   
    #llistatModuls > * { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%;}
    #llistatModuls .modul { min-height: 169px; margin-bottom: 36px; overflow: hidden;  }
    #llistatModuls #ofertaPublica  .titolModul a {background-color: var(--var-brand-green); border-radius: 4px 4px 0 0; color: var(--var-white); display: inline-block; }
    #llistatModuls .modul .titolModul {font-size: 12px;font-weight: bold;margin-bottom: 0 !important; text-align: left; }
    #llistatModuls .modul .titolModul a {color: var(--var-white);display: inline-block;padding: 5px; background-color: var(--var-brand-green);  border-radius: 4px 4px 0 0;}
    #llistatModuls .modul .descripcio {border-top: 1px solid #D0CCC7;padding: 6px 0;display:block;}
    #llistatModuls .modul li {border-bottom: 1px solid #D9D5D1;}
    #llistatModuls .modul li a {background: url("../images/li.png") no-repeat scroll 0 0 transparent; display: block; margin: 5px 0; overflow: hidden; padding: 0 13px;}
    #llistatModuls .modul li a:hover {color: var(--var-brand-green);}
    #llistatModuls div.separador,
    #llistatModuls .llistatAltresServeis  { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 32px 0;}
    @media screen and (min-width: 32em) {
        #llistatModuls { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
        #llistatModuls .modul {float: left;}
    }
   
   .tornar a {background: none repeat scroll 0 0 #EEEEEE;border-radius: 3px 3px 3px 3px;display: block;font-size: 12px;font-weight: bold;padding: 6px 1px;text-align: center;width: 78px;}
   .tornar a:hover {background: none repeat scroll 0 0 #D9D5D1;}
   .resultatsLlistat {border-bottom: 1px solid #D0CCC7;padding-bottom:4px;font-size:12px;font-weight:bold;}
   .dElementPublicacioDefecte .name {padding-bottom:5px;}
   .dElementPublicacioDefecte .name a,
   .dElementPublicacioDefecte .titol { font-size: 16px;font-weight: bold;margin-bottom: 1px;}
   .dElementPublicacioDefecte {border-bottom: 1px dashed #D0CCC7;margin-bottom: 18px;padding-bottom: 15px;}
   .documentsAdjunts li a,
   .dElementPublicacioDefecte .registreLink,
   .dElementPublicacioDefecte div.bottom a { -webkit-transition: color .25s ease; -o-transition: color .25s ease; transition: color .25s ease; color: #3C4413; border-bottom: 1px solid var(--var-brand-green); }
   .documentsAdjunts li a:hover,
   .documentsAdjunts li a:hover span.pdfSize,
   .dElementPublicacioDefecte .registreLink:hover,
   .dElementPublicacioDefecte div.bottom a:hover,
   .dElementPublicacioDefecte div.bottom a:hover span.pdfSize { color: var(--var-brand-green);}
   .dElementPublicacioDefecte .camp {margin-bottom:7px; }
   .dElementPublicacioDefecte .dataRegistre {font-size:11px;color:#727272;}
   .dElementPublicacioDefecte .etiqueta {font-weight:600; display: block; font-size: 85%;}
   .documentsAdjunts {padding-top:0;}
   .documentsAdjunts ul {padding-top:6px; list-style-type: disc; margin-left: 2em;}
   .documentsAdjunts .etiqueta {display: block;}
   .documentsAdjunts li {margin-bottom: 8px;}
   .documentsAdjunts li a img {float: left;margin-right: 4px;}
   .dElementPublicacioDefecte p {padding: 4px 0;}
   .pdfSize {color:#444 ;font-size:11px;text-decoration:none;}
   .contingut > div {margin-top: 9px;}
   
   
   .subtitleAttr {float: left;font-weight: bold;margin-bottom: 7px;padding-right: 10px;}
   .subtitleValue {margin-bottom: 7px;}
   
   #documentsAdjunts {padding-top: 6px;}
   #documentsAdjunts .etiqueta {display: block;font-weight: bold;padding-bottom: 4px;}
   #documentsAdjunts li {padding-bottom: 4px;}
   #documentsAdjunts li a {color:var(--var-buttons-dark-background); border-bottom: 3px solid var(--var-brand-green);display:inline; padding-bottom: .125em;}
   #documentsAdjunts li a:hover {text-decoration:none; background-color: var(--var-brand-green);}
   #documentsAdjunts li a img {float: left;margin-right: 4px;}
   
   .paginateButtons {padding-bottom: 9px;padding-top: 12px;text-align: center;}
   .paginateButtons span.currentStep {background:#f5f5f5;color: var(--var-text-black);font-weight: bold;border:1px solid #d9d9d9;border-radius:2px;margin:0 4px;padding: 1px 4px;}
   .paginateButtons a.step {color: #777777;border:1px solid #d9d9d9;border-radius:2px;margin:0 4px;padding: 1px 4px;}
   .paginateButtons a.nextLink,
   .paginateButtons a.prevLink {background:#f5f5f5;border:1px solid #d9d9d9;border-radius:2px;margin:0 4px;padding: 1px 12px;color:#afafaf;}
   

/* Footer
    ---------------------------- */
    #footer1 { background-color: var(--var-gray-background); height: auto;padding: 0 10px;}
    #footer1Row1 {  text-align: center; }
    #footer1Row1 #bottomLinks {padding-top: 8px;}
    #footer1Row1 #bottomLinks li {display:block; margin-bottom: 1em;}
    #footer1Row1 #bottomLinks li a {padding: 0 13px;}
    #footer1Row1 #bottomLinks li a:hover {color: var(--var-brand-green) !important;}
    @media screen and (min-width: 48em) {
        #footer1Row1 {  height: 30px; }
        #footer1Row1 #bottomLinks li {display:inline;}
        #footer1Row1 #bottomLinks li a {border-right: 1px solid #D2CECA;color: var(--var-text-black);}
        #footer1Row1 #bottomLinks li:last-child a {border-right: none;}
    }
   
   #footer1 #footer1Row2 {clear: both;margin-top: 20px;}
   #footer1 #footer1Row2 #logos {display: none; float: left; list-style: none outside none; margin-bottom: 15px; margin-top: 0; width: 580px;}
   #footer1 #footer1Row2 #logosRow1 li,
   #footer1 #footer1Row2 #logosRow2 li {display: inline;margin: 0 15px;}
   #footer1 #footer1Row2 #logosRow2 {margin-top:15px;}
   #footer1 #footer1Row2 #contacte {padding: 0;
   text-align: center;
   width: 100%;}
   #footer2 { padding: 10px 0; }
   
   #footer2 div.logoAjuntament {float: left;padding: 6px 22px;}
   div.logoAjuntament {float: left;padding: 12px;}
   div.logoAjuntament span.logoSeparador {margin:0 10px;}
   div.seu {color: #333333;float: right;font-size: 13px;font-weight: bold;padding:13px 25px 0;}
   .peuExtraEspecial {color: #333333;display: block;float: left;margin-right: 5px;margin-top: 5px;}
   
   /* Searchbox          */
   /* ------------------ */
       div#searchbox {background-color: var(--var-white); border: 1px solid rgba(120,130,140,0.4); float: right;height: 25px;margin-right: 10px;margin-bottom: 1.6rem;width: 159px;}
       div#searchbox label {display: block; position: absolute; left: -10000em;}
       #searchbox #scinput {background: none repeat scroll 0 0 transparent;border: medium none;color: var(--var-brand-green);font-size: 12px;margin: 5px 8px 0;width: 111px;}
       *:first-child+html #searchbox #scinput {background: none repeat scroll 0 0 transparent;border: medium none;color: var(--var-brand-green);font-size: 12px;line-height: 11px;margin: 0 6px;padding: 0px 0px 3px;width: 111px;}
       #searchbox .searchbtn {border: none;cursor: pointer;padding: .5rem;background-color: transparent; float: right;}

       @media screen and (min-width: 28em) {
           div#searchbox { margin-top: 3.0rem; margin-bottom: 0;}
       }
   
   /* Calendar
    -------------------------- */
       #calendari {}
       #calendari .ui-datepicker {height: auto;margin: 0 auto 14px;width: auto !important;}
       #calendari .ui-datepicker .ui-datepicker-group {float:none;margin:10px auto;width: 211px; background-color: var(--var-white); border: 1px solid #D0CCC7; border-radius: .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
       #calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header {font-weight: bold; text-align: center;}
       #calendari .ui-datepicker .ui-datepicker-group-first .ui-datepicker-header {background: url("../images/calendaridaltLeft.png") no-repeat scroll right top transparent;}
       #calendari .ui-datepicker .ui-datepicker-group-last .ui-datepicker-header {background: url("../images/calendaridaltRight.png") no-repeat scroll right top transparent;}
       #calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev  {cursor: pointer;display: block;float: left;height: 16px;margin: 9px 0 0 6px;width: 19px; border: none;}
       #calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev:hover {background:none;}
       #calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next  {cursor: pointer;display: block;float: right;height: 16px;margin: 9px 6px 0 0 ;width: 19px; border: none;}
       #calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next:hover {background:none;}
       #calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-icon {display:none;}
       #calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title {display:inline;}
       #calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar {margin:4px auto 5px;text-align: center;width: 95%;}
       #calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar th {font-weight: bold;padding: 0 0 4px;}
       #calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar td {border-bottom:1px solid #fff;}
       .ui-datepicker-today .ui-state-default {background:#ddd !important;color:var(--var-brand-green);font-weight:bold;}
       .diaFestiu .ui-state-default, span.diaFestiu {background:var(--var-brand-green) !important;color:#fff;}
       @media screen and (min-width: 33.5em) {
        #calendari .ui-datepicker { width: 464px !important;}
        #calendari .ui-datepicker .ui-datepicker-group {float:left;margin:10px;}
       }
   
   /* Sitemap
      ------------------------- */
       #mapaWeb {}
       #mapaWeb ul {padding-left:20px;padding-top:6px; list-style-type: disc;}
       #mapaWeb ul li {padding-bottom:8px; }
       #mapaWeb ul li a:hover {color: var(--var-brand-green);}
       #mapaWeb ul li {padding-bottom: 13px;}
       #mapaWeb ul li.top-category span { font-weight:bold; }
       #mapaWeb ul ul { list-style-type: circle; }
       #mapaWeb ul li ul li a {font-weight:normal;font-size:12px; }
       #mapaWeb ul li ul li {padding-bottom:4px;}
   
   /*  Forms
       --------------------------- */   
       #formBustia { width: 66%; margin: 0 auto;}
       #formBustia .buttons {height: 28px;margin-bottom: 19px;margin-top: 21px;}
       #formBustia .buttons .button {float: left;margin-right: 15px;}
       #formBustia .buttons button,  
       #formBustia .buttons input {-webkit-transition: background-color .25s ease;-o-transition: background-color .25s ease;transition: background-color .25s ease; cursor: pointer; background-color: var(--var-brand-green); border-radius: .4em; display: inline-block; padding: 8px 24px; color: var(--var-white); border: none; font-weight: 400; font-size: 14px;  }
       #formBustia .buttons button { background-color: var(--var-buttons-dark-background);}
       #formBustia .buttons input:hover { background-color: var(--var-dark-brand); }
       #formBustia .buttons button:hover { background-color: #898989; }
       #formBustia p {color: #777;line-height: 17px;}
       #formBustia p a {color: var(--var-brand-green);}
       #formulariBustia {margin-top:20px;}
       #formulariBustia .prop {min-height: 32px; margin-bottom: 1em;}
       #formulariBustia .prop label,
       #formulariBustia .prop .name {display: block; font-size: .85em; font-weight: 600; margin-bottom: .25em; }
       #formulariBustia .prop .errors {background-color: var(--var-white);border-radius: 5px 5px 5px 5px;color: red;font-weight: bold;line-height: 19px;margin-bottom: 0;padding: 0;}
       #formulariBustia .prop .errors textarea,
       #formulariBustia .prop .errors select,
       #formulariBustia .prop .errors input {background: none repeat scroll 0 0 #FFDDDD;border: 1px solid red !important;}
       #formulariBustia .prop .value select,
       #formulariBustia .prop .value input { padding: .5em .75em;;border: 1px solid #D9D5D1;border-radius: 4px; font-size: 14px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
       #formulariBustia .prop .value select {width:248px; padding: .5em .75em;}
       #formulariBustia .prop .value textarea { font-weight: 400; font-size: 14px;display: block;border: 1px solid #D9D5D1;border-radius: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 200px; }
       #formulariBustia .prop .value {display: block;}
   
   .registreTable {width:100%;border-collapse: collapse;text-align:left;}
   .registreTable th {background: none repeat scroll 0 0 var(--var-brand-green);color: var(--var-white);padding:6px 29px 8px 6px;white-space: nowrap;}
   .registreTable td {vertical-align: middle;border-bottom: 1px solid #DDDDDD;padding: 6px 6px;}
   .nowrap {white-space:nowrap;}
   .errors {background: none repeat scroll 0 0 #FFDDDD;border-radius: 5px 5px 5px 5px;color: red;line-height: 19px;margin-bottom: 9px;padding: 9px 17px;width: 90%;font-weight: bold;}
   .innerPad {background: none repeat scroll 0 0 red;border-radius: 0 0 0 26px;color: var(--var-white);font-size: 14px;font-weight: bold;opacity: 0.8;padding: 16px;position: fixed;right: 0;top: 0;width: 291px;z-index: 1000;}
   
    .duesColumnes {margin-top: 13px;}   
    .duesColumnes #llistatTemes li {padding-bottom:7px;}
    .duesColumnes #llistatTemes .treeview li {line-height: 1em;}   
    .duesColumnes #llistatTemes li.active a {color: var(--var-brand-green);font-weight:bold;}
    .duesColumnes #llistatTemes li a:hover {color: var(--var-brand-green);}
    .duesColumnes #llistatTramits .resultatsLlistat {margin-top:0;}
    .duesColumnes #llistatTramits li {border-bottom: 1px dashed #dedbd7;margin-bottom: 19px;padding-bottom: 10px;}
    .tramitNom {font-size: 14px;font-weight: bold;padding-bottom: 8px;}
    .tramitlinks a {color: var(--var-brand-green);}
    .tramitlinks a:hover  {text-decoration:underline;}
    .linkInformatiu {margin-right:4px;font-size:11px;}
    .linkSenseCertificat{margin-right:4px;font-size:11px;}
    .linkAmbCertificat {font-size:11px;}
    a.linkInformatiu,
    a.linkAmbCertificat,
    a.linkSenseCertificat { display: inline-block; background-color: #666666; color: var(--var-white); padding: .25em .5em; border-radius:2px; }
    a.linkInformatiu:hover,
    a.linkAmbCertificat:hover,
    a.linkSenseCertificat:hover { text-decoration: none; background-color: #222222;}   
    .tramitIcones {float: right;padding-top: 14px;text-align: right;width: 143px;}
    .tramitIcones ul li {border-bottom: 0 dashed #DDDDDD !important;display: inline;height: 24px !important;margin-bottom: 0 !important;margin-right: 1px;padding-bottom: 0 !important;}
    @media screen and (min-width: 48em) {
        .duesColumnes #llistatTemes {float: left;width: 160px;}
        .duesColumnes #llistatTramits {float: right;width: 490px;}
        .tramitlinks {float: left;width: 378px;}
    }
   
   #tramitsLlegenda {margin-bottom: 25px;}
   #tramitsLlegenda .llegendaSeccio {margin-top:12px;}
   #tramitsLlegenda .llegendaTitol {font-size: 17px;font-weight: bold;}
   #tramitsLlegenda .llegendaSubtitol {border-bottom: 1px dashed #DEDBD7;display: block;font-size: 13px;font-weight: bold;margin-bottom: 10px;padding-bottom: 2px;}
   #tramitsLlegenda .llegendaSeccio ul li {padding-bottom: 5px;padding-left: 5px;}
   #tramitsLlegenda .llegendaSeccio ul li img {margin-right: 7px;vertical-align: middle;}
   #tramitsLlegenda .llegendaSeccio ul li span {}
   
   #serveisExtraMenu {margin-bottom: 55px;padding-left: 5px;}
   #serveisExtraMenu #btnValidardor,
   #serveisExtraMenu #btnSeguimentTramits {display: block;float: none;margin-bottom: 10px;width: 100%;}
   .botoPortada2 a {padding:0 5px;width: 143px !important;}
   a span {cursor:pointer;}
   
   .llistatAltresServeis {border-bottom: 1px solid #D0CCC7; margin: 20px;}

   .llistatAltresServeis span {
       color: var(--var-white);
       display: inline-block;
       padding: 5px;
       background-color: var(--var-brand-green);
       border-radius: 4px 4px 0 0;
       font-size: 12px;
       font-weight: bold;
       margin-top: 0 !important;
       text-align: left;
   }

   .altresServeis .titolModul a {
       background-color: var(--var-buttons-dark-background) !important;
       border-bottom: 1px solid #D9D5D1;
       padding-bottom: 8px !important;
       text-transform: none !important;
       margin-bottom: 8px;
   }

   .altresServeis .titolModul a:hover {
       background-color: #222222 !important;
   }

.divAltresServeis .altresServeis a:after {
    margin-left: .25em;
    content: "\f054";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.divAltresServeis .altresServeis {
    float: none !important;
    min-height: auto !important;
    margin-bottom: auto !important;
    overflow: auto;
}
   
   .buttons {margin: 16px 0 !important;}
   .buttons .menuButtonLink a {background: none repeat scroll 0 0 var(--var-brand-green);border-radius: 4px 4px 4px 4px;color: var(--var-white);margin-right: 15px;padding: 2px 11px;}
   a.btnAmpliarDisponibilitats { background: #3e3535 !important; }

   .ui-datepicker-month, .ui-datepicker-year { color: #333333;}
   
   #filtre{width:225px;margin:0px auto;border:1px solid #DDDDDD;border-radius:3px 3px 3px 3px;padding:10px 10px 0px;}
   #filtre .prop{margin-bottom:12px;}
   #filtre .prop label{width: 4em;float: left;text-align: right;margin-right: 0.5em;display: block}
   #filtre .prop .value{}
   #filtre .prop select{}
   #filtre .prop input{}
   #filtre #cercar{float:right;margin-top:-33px;background: none repeat scroll 0 0 var(--var-brand-green);border-radius: 4px 4px 4px 4px;color: var(--var-white);padding: 2px 11px;cursor:pointer;border:none;}
   .categoriesArbre {margin:30px auto;}
   .categoriesArbre ul{list-style-type: none;background: url("../images/vline.png") repeat-y; margin: 0; padding: 0;}
   .categoriesArbre ul li{margin: 0; padding: 0 12px;line-height: 20px; background: url("../images/node.png") no-repeat; color: #369; font-weight: bold;}
   .categoriesArbre ul li:last-child{background: #fff url("../images/lastnode.png") no-repeat;}
   .categoriesArbre ul li a{}
   .categoriesArbre ul li ul{margin-left: 10px;}
   .categoriesArbre ul li ul li a{}
   .noResults{font-weight:bold;margin-bottom:10px;}
   
   /* ********************************* */
   /* RESPONSIVE QUERIES */
   /* ********************************* */
   
   /* Small only */
   @media screen and (max-width: 39.9375em) {
   
   }
   
   /* Medium and up 640px */
   @media screen and (min-width: 40em) {}
   
   /* Medium only */
   @media screen and (min-width: 40em) and (max-width: 63.9375em) {
   
   }
   
   /* Large and up 1024px */
   @media screen and (min-width: 64em) {}
   
   /* Large only */
   @media screen and (min-width: 64em) and (max-width: 74.9375em) {}
   
   
   /* Extralarge and up 1200px */
   @media screen and (min-width: 75em) {
       .container { max-width: 117.0rem; }
       .duesColumnes #llistatTemes {float: left;width: 180px;}
       .duesColumnes #llistatTramits {width: 620px;}
   }
   
   
   .candauAjuts{width:1.7em !important; vertical-align: bottom;}
   
   #politicaCookiesPopup{display:none;}

.popupVisible{
    opacity: 1;
    visibility: visible;
}

.cookiepopup {
/*     background: rgba(33,41,52,.85); */
/*     bottom: 0; */
	
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .15s ease;
    will-change: visibility,opacity;
    z-index: 2147483647;
    transition: background .6s;
    -webkit-transition: background .6s;
}

.popupchild {
	border-top: 1px solid #DDDDDD;
    background-color: #fff;
    bottom: 0;
    box-sizing: border-box;
    color: #333;
    font-family: Arial,Verdana,sans-serif;
    justify-content: space-between;
    left: 0;
    max-height: 100vh;
    min-height: 8em;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    will-change: visibility,opacity;
    -webkit-font-smoothing: antialiased;
}

#popupContentGeneral .popupTitle{
	margin: 0.5em 0 0 2em;
	font-size: 1.75em;
	color:#333;
}


#popupContentCookies .popupTitle{
	margin: 0.5em 0 0 2.1em;
	font-size: 2em;
	color:#333;
}

#popupContentCookies .popupTitleDiv{
	width:80%;
	float:left;
}

.cookieMessageGeneral{margin: 1em 2em 0 3.4em; font-size: 1.05em; width:60%; float:left;}
.cookieMessage{margin: 2em 2em 1em 4.15em; font-size: 1.05em}
#popupContentGeneral .popupbtns{width: 25%; float:right; margin-right:3em;}

.popupbtns{text-align: center; padding-top:1.5em;padding-bottom: 2.5em;}
.popupbtns button{
	background-color: transparent;
	border:2px solid;
	width:12em;
	height: 2.5em;
	font-size:1.05em;
	text-transform:uppercase;
	font-weight: 600;
	cursor: pointer;
	margin: 0 1em 0 1em;
}
.popupbtns .moreDetailsBtn{border-color: var(--var-brand-green); color:var(--var-text-black); -webkit-transition: 0.5s; transition: 0.5s;}


.popupbtns .acceptCookiesBtn{background-color: var(--var-brand-green); border-color: var(--var-brand-green); color:var(--var-text-black); -webkit-transition: 0.5s; transition: 0.5s;}
.popupbtns .cancelCookiesBtn{background-color: var(--var-brand-green); border-color: var(--var-brand-green); color:var(--var-text-black); -webkit-transition: 0.5s; transition: 0.5s;}
.popupbtns .moreDetailsBtn:hover{background-color: var(--var-brand-green); border-color: var(--var-brand-green); -webkit-transition: 0.5s; transition: 0.5s;}
.popupbtns .acceptCookiesBtn:hover{border-color: var(--var-brand-green); background-color: transparent; -webkit-transition: 0.5s; transition: 0.5s; }
.popupbtns .cancelCookiesBtn:hover{border-color: var(--var-brand-green); background-color: transparent; -webkit-transition: 0.5s; transition: 0.5s; }

.popupcontentCookies{display:none;}
.popupcontentCookies .cookieMessageRow{display:flex;}
.popupcontentCookies .menuTornarGeneral{width:8%; margin: auto; text-align: right; margin-bottom: 1em; margin-right: 4.7em;}
.popupcontentCookies .menuTornarGeneral button{
	background-color: var(--var-brand-green);
	border: 2px solid var(--var-brand-green);
	color:var(--var-text-black);
	width:8em;
	height: 2.5em;
	text-transform:uppercase;
	font-weight: 600;
	cursor: pointer;
	margin: 0 1em 0 1em;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	cursor: pointer;
}
.popupcontentCookies .menuTornarGeneral button:hover{border-color: var(--var-brand-green); background-color: transparent; -webkit-transition: 0.5s; transition: 0.5s;;}
.popupcontentCookies .popupbtns{text-align: right; margin-right:4.5em;}

.cookieDetailsTable {width:93.55%; margin: auto;}
.cookieTable {width:100%;border-collapse: collapse;text-align:left; margin-bottom: 2em; min-height: 4em; overflow: scroll;}
.cookieTable h2{font-size: 1.15em;margin-top:0.5em;}
.cookieTable thead{font-size:1.75em;}
.cookieTable th {background: none repeat scroll 0 0 var(--var-brand-green);color: var(--var-text-black);padding:6px 29px 8px 6px;white-space: nowrap; font-size:65%; font-weight: bold;}
.cookieTable td {vertical-align: middle;border-bottom: 1px solid #DDDDDD;padding:6px 6px 5px 10px;}
.cookieTable tr {border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}
.cookieTable p{font-size: 1.05em;}
.cookieTable ul{list-style-type:disc; font-size:1.05em; margin:1em}
.cookieTable li{margin:1em}
.cookieTable .sliderCheck{vertical-align: top; padding-top:2em;}

.cookieTable .cookieName{font-weight: bold;}
.cookieDetailsTable .cookiesTercers td{font-size:1.05em;}

#cookieDetails{height: 25em;overflow-y: scroll;}

@media only screen and (min-width: 300px) and (max-width: 499px){
	#popupContentGeneral .popupTitle{margin: 0.5em 0 0 1em;}
	#popupContentGeneral .popupinfo{margin-top:6em;}
	#popupContentGeneral .cookieMessageGeneral{margin-left: 2.15em;float: none; width: 80%; text-align: center;}
	#popupContentGeneral .popupbtns{width: 100%; float: none;}
	
	.popupbtns button{margin-bottom:10px;}
	#popupContentCookies .popupTitle{margin: 2em 0 0 0em; text-align: center;}
	#popupContentCookies .popupbtns{text-align: center; width: 100%}
	#popupContentCookies .cookieMessageRow{padding-bottom: 0.5em; margin-bottom: 2.5em; border-bottom: 2px solid var(--var-brand-green); display:block;}
	.cookieMessage{margin: 1em 1em 1em 1em; text-align: center;}
}

@media only screen and (min-width: 499px) and (max-width: 834px){
	    #popupContentGeneral .popupbtns{width: 100%; float: none;margin-right: 3em;}
	    .cookieMessageGeneral{float:left; width:auto;}
	    .popupbtns .moreDetailsBtn{margin-bottom: 5px;}
	    .popupcontentCookies .menuTornarGeneral button{margin:0}
	    .cookieMessage{margin: 2em 2em 1em 2.15em;}
}

@media only screen and (min-width: 835px) and (max-width: 1681px){
	.popupbtns .moreDetailsBtn{margin-bottom: 5px;}
}



.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--var-brand-green);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--var-brand-green);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.comentarisPublicacio ul { padding-top: 6px;margin-left: 2em; }

.ajutssection {    margin-top: 25px;    text-decoration: underline; }

.ofertaPublicaBasicaSection {    margin-top: 25px;    text-decoration: underline; }

/* AASEO */
#header #row3 .h1 { font-size: 4.2rem; margin: 0 !important; padding: 1.7rem 14px 1.0rem 1.4rem; }

.h1 {
    font-size: 19px;
    font-weight: bold;
    color: var(--var-text-black);
    margin-bottom: 11px;
}

#modulsDestacats .h3,
#tramitsDestacats .h3 {margin-bottom: 21px;text-transform: uppercase;}

.h3 { font-size: 15px;font-weight: bold;margin-bottom: 5px;color:var(--var-text-black); }
.h2 {color: var(--var-text-black);font-size: 22px;font-weight: bold;margin-bottom: 10px;padding-top: 0;}


#modulsDestacats .h4 a,
#tramitsDestacats .h4 a { -webkit-transition: background-color .35s ease; -o-transition: background-color .35s ease; transition: background-color .35s ease; color: var(--var-white); background-color: var(--var-brand-green); padding: 5px 8px; border-radius: .4rem .4rem 0 0; text-align: center; display: inline-block; }
#modulsDestacats .h4,
#tramitsDestacats .h4 {font-size: 1.4rem;font-weight: 600;  margin-bottom: 0 !important;text-align: left; text-transform: none;}
#benvinguda h1 {font-size:22px;}

/* AVISOS INTERRUPCIONS */
#avisosInterrupcions{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 10%;
    background-color: var(--var-gray-background);
    color: var(--var-text-black);
}

#avisosInterrupcions .carousel{
    flex-grow: 1;
    margin: 0 3em;
}

#avisosInterrupcions .carouselItem{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#avisosInterrupcions .carouselItem span{
    display: inline-block;
    margin: 0 5px;
    color: var(--var-text-black);
}

#avisosInterrupcions #arrows{
    display: inline-block;
    min-width: fit-content;
}

#avisosInterrupcions .btnArrow{
    margin: 0 5px;
    cursor: pointer;
}

#avisosInterrupcions .btnArrow:hover{
    color: var(--var-buttons-dark-background);
}