/* *********************************

    COLORS
    #FFFFFF - white
    #ADC435 - brand green
    #9cb324 - dark brand
    #212121 - text black
    #424242 - buttons dark background
    #1B1B23 - dark background
    #F0F0F0 - gray background

   ********************************* */

/* ************************************* */
/* 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:#212121;font-family: 'Open Sans', sans-serif;font-size:1.4rem;background:#F0F0F0;}
   h1   {font-size: 19px;font-weight: bold;color: #212121;margin-bottom: 11px;}
   h2   {color: #212121;font-size: 22px;font-weight: bold;margin-bottom: 10px;padding-top: 0;}
   h2 a {color:#212121;}
   h3   {font-size: 15px;font-weight: bold;margin-bottom: 5px;color:#212121;}
   h4   {font-size:13px;color:#212121;;margin-bottom: 10px;font-weight: bold;}
   h5   {font-size:12px;color:#212121;;margin-bottom: 6px;font-weight: bold;}
   a    {outline: medium none;text-decoration: none;color:#212121; -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 #adc435;  }
   .blocText a:hover { color: #adc435; }
   .blocText h3 {color: #212121;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: #adc435; }
   .blocText ul li ul       {padding-bottom: 0;padding-top: 7px;}

   ul {list-style-type:none;}

   .last a {border:none !important;}
   div.separador { clear: both;}
   .deprecated,
   .nomAjuntament {display:none;}

   #marc { }
   #web {margin:0 auto;background:#FFFFFF;}

   body.idioma_es #navegacio li a span {padding: 10px 8px;}


   /* Navigation          */
   /* ------------------ */
   #navegacio                       { margin-bottom: 1.6rem;}
   #navegacio li                    { border-bottom: 1px solid #FFFFFF;}
   #navegacio li a                  {height: 36px;overflow:hidden;cursor: pointer; background-color: #424242;color: #FFFFFF; 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: #515151;}
   #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: #adc435;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: #9cb324;}
   #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: #adc435; 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 #FFFFFF;}
        #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: #1b1b23;color: #FFFFFF;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: #212121;padding: 0 13px;}
    #header #row2 #nav1 li a:hover  {color: #adc435;}
    #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: #212121;}
    #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:#adc435;border-radius: .4rem;color: rgba(255, 255, 255, .87);font-weight: normal;padding: 3px 8px; white-space: nowrap;}
   div#hora .bActualitzarHora:hover {background-color: #9cb324;}
   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: #adc435;}

/* Main Content
    ---------------------- */
    div#contentWrapper {margin:0 auto; min-height: calc( 100vh - 43.5rem); padding: 1.6rem 0; background-color: #F0f0f0; }
    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: #FFFFFF; -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: #FFFFFF; -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#eines li a {padding: 8px 13px;display:block;}
       ul.ultimesPublicacions li a:hover,
       ul.llistatPublicacions li a:hover,
       ul#eines li a:hover {color: #adc435; background-color: #F0F0F0;}
       ul#eines li.active a {font-weight: bold;color: #adc435;}
       #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: #FFFFFF; background-color: #ADC435; 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: #9cb324; }
   @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: #ADC435; border-radius: .4rem; width:100%; display:block; color: #FFFFFF;-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: #9cb324; }
   #btnCarpeta a span {color: #FFFFFF;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: #ADC435; color: #FFFFFF;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: #9cb324; }
   #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: #424242; color: #ffffff; 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,
   ul.firstLevelNavigation > li:hover {background: none repeat scroll 0 0 #D9D5D1;}
   ul.firstLevelNavigation li ul.secondLevelNavigation {background: none repeat scroll 0 0 #f5f4f4;padding-top: 0;padding-bottom: 0;}
   ul.firstLevelNavigation li ul.secondLevelNavigation li a { color: #79746F;}
   ul.firstLevelNavigation li ul.secondLevelNavigation li a:hover {color: #000;}
   ul.firstLevelNavigation li ul.secondLevelNavigation li {padding-left:23px;border-bottom: 1px solid #FFF;}


   ul.firstLevelNavigation li a {padding:.8rem 2.5rem .8rem 0.5rem;color: #212121;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,
   ul.firstLevelNavigation li.active2  {background:#EFEEEE;}
   ul.firstLevelNavigation li a.active2 {color:#000 !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: #adc435; border-radius: 4px 4px 0 0; color: #FFFFFF; display: inline-block; }
    #llistatModuls .modul .titolModul {font-size: 12px;font-weight: bold;margin-bottom: 0 !important; text-align: left; }
    #llistatModuls .modul .titolModul a {color: #FFFFFF;display: inline-block;padding: 5px; background-color: #adc435;  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: #adc435;}
    #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;}
   .dElementPublicacioDefecte .registreLink { -webkit-transition: color .25s ease; -o-transition: color .25s ease; transition: color .25s ease; color: #3C4413; border-bottom: 1px solid #adc435; }
   .dElementPublicacioDefecte .registreLink:hover { color: #adc435; }
   .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 {color:#424242; border-bottom: 3px solid #adc435;display:inline; padding-bottom: .125em;}
   .documentsAdjunts li a:hover {text-decoration:none; background-color: #ADC435; }
   .documentsAdjunts li a img {float: left;margin-right: 4px;}
   .dElementPublicacioDefecte p {padding: 4px 0;}
   .pdfSize {color:#444 !important;font-size:11px;text-decoration:none;}
   .contingut > div {margin-top: 9px;}
   .contingut > div:first-child {font-size:11px;color:#727272;margin-top: 0;}


   .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:#424242; border-bottom: 3px solid #adc435;display:inline; padding-bottom: .125em;}
   #documentsAdjunts li a:hover {text-decoration:none; background-color: #ADC435;}
   #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: #212121;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: #f0f0f0; 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: #adc435 !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: #212121;}
    }

   #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 img {height: 60px;}
   div.logoAjuntament img.logoFooter {height: 30px;}
   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: #FFFFFF; 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: #adc435;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: #adc435;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: #FFFFFF; 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:#adc435;font-weight:bold;}
       .diaFestiu .ui-state-default, span.diaFestiu {background:#adc435 !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: #adc435;}
       #mapaWeb ul li a {padding-left: 13px;}
       #mapaWeb ul li span {font-weight:bold;padding-left: 13px; }
       #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: #ADC435; border-radius: .4em; display: inline-block; padding: 8px 24px; color: #FFFFFF; border: none; font-weight: 400; font-size: 14px;  }
       #formBustia .buttons button { background-color: #424242;}
       #formBustia .buttons input:hover { background-color: #9cb324; }
       #formBustia .buttons button:hover { background-color: #898989; }
       #formBustia p {color: #777;line-height: 17px;}
       #formBustia p a {color: #adc435;}
       #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: #FFFFFF;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 #adc435;color: #FFFFFF;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: #FFFFFF;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: #adc435;font-weight:bold;}
    .duesColumnes #llistatTemes li a:hover {color: #adc435;}
    .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: #adc435;}
    .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: #FFFFFF; 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 {font-size: 14px; font-weight: bold;}

   .buttons {margin: 16px 0 !important;}
   .buttons .menuButtonLink a {background: none repeat scroll 0 0 #adc435;border-radius: 4px 4px 4px 4px;color: #FFFFFF;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 #adc435;border-radius: 4px 4px 4px 4px;color: #FFFFFF;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: #A2C304; color:#5a5a5a; -webkit-transition: 0.5s; transition: 0.5s;}


.popupbtns .acceptCookiesBtn{background-color: #A2C304; border-color: #A2C304; color:#5a5a5a; -webkit-transition: 0.5s; transition: 0.5s;}
.popupbtns .cancelCookiesBtn{background-color: #A2C304; border-color: #A2C304; color:#5a5a5a; -webkit-transition: 0.5s; transition: 0.5s;}
.popupbtns .moreDetailsBtn:hover{background-color: #A2C304; border-color: #A2C304; -webkit-transition: 0.5s; transition: 0.5s;}
.popupbtns .acceptCookiesBtn:hover{border-color: #A2C304; background-color: transparent; -webkit-transition: 0.5s; transition: 0.5s; }
.popupbtns .cancelCookiesBtn:hover{border-color: #A2C304; 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: #A2C304;
	border: 2px solid #A2C304;
	color:#5a5a5a;
	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: #A2C304; 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 #A2C304;color: #5a5a5a;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 #A2C304; 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: #A2C304;
}

input:focus + .slider {
  box-shadow: 0 0 1px #A2C304;
}

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; }





#header #row1 {background-color: transparent;}
