@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,500,300,300italic,400italic,500italic,600italic);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,600,500,300);
@import url(archivopub.do?ctrl=MCRST9085ZI355448&id=355448);
@import url(archivopub.do?ctrl=MCRST9085ZI355448&id=355449);
@import url(archivopub.do?ctrl=MCRST9085ZI355448&id=355451);
@import url(archivopub.do?ctrl=MCRST9085ZI355448&id=355452);
@import url(archivopub.do?ctrl=MCRST9085ZI355448&id=355453);

/* CSS Document */

/* formateig */
body, form, table, caption, tr, tr, td, ul, ol, li, dl, img, button, p, h1, h2, h3, h4, h5, h6, h7, dl, dt, dd, object, iframe, dl, dt, dd, legend, fieldset 
{
    margin: 0;
    padding: 0;
    outline: 0;
	font-weight: normal !important;
}

img {
    border: 0;
}

/* comuns */
body {
    font-family: 'Bariol', 'TrebuchetMS', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #666;
    background-color: #f2f2f2;
}

a {
    color: #0000ff;
	text-decoration: underline;
}

a:hover {
    color: #10BED2;
	text-decoration: underline;
}

a.destacat {
    color: #10BED2;
}

a.destacat:hover {
    color: #000;
}

.invisible {
    display: none;
}

.important {
    font-weight: bold;
}

input, select, textarea, button {
    font-size: 1em;
    color: #666;
}

input[type="text"], select, textarea {
    line-height: 1.3em !important;
    background-color: #fff;
    border: 2px solid #e5e5e5 !important;
}

input, textarea {
    padding: 0 .2em;
}

#contenedor {
    width: 58em;
    margin: 1.2em auto;
    max-width: 100%;
}

#capsal {
    text-align: center;
}

#mollaPa {
    overflow: hidden;
    width: 100%;
    list-style: none;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0px !important;
}

#mollaPa li {
    display: inline;
    font-size: .9em;
}

#serveis {
    height: 100%;
    list-style: none;
    text-align: center;
    margin-top: 8px;
    width: 100%;
    /* margin-left: 4px; */
    margin-right: 2px;
}

#serveis li {
    position: relative;
    display: block;
    padding: .1em 0 .1em 0;
}

#serveis li a {
    padding: 0 1em;
    display: inline;
    color: black !important;
}

#serveis li:hover, #serveis li a:hover {
    background-color: #e5e5e5;
}

#serveis li:hover ul {
    display: block;
}

#serveis li ul {
    position: absolute;
    display: none;
    top: 1.3em;
    left: -1px;
    width: 15em;
    padding-bottom: 1em;
    background-color: #e5e5e5;
    border: 1px solid #fff;
    border-top: 0;
    z-index: 10;
}

#serveis li ul li {
    display: block;
    text-align: left;
    line-height: 1.3em;
    padding-top: .5em;
    padding-left: .8em;
}

#serveis li ul li a {
    padding: 0;
}

#serveis li.p:hover, #serveis li.p a:hover {
    background: none !important;
}

h1.titol {
    font-size: 1.4em;
    text-align: center;
    margin-top: 7px !important;
    font-weight: bold !important;
}

#continguts {
    overflow: hidden;
    margin: 1.5em 0 5em 0;
}

#eines, #peu {
    overflow: hidden;
    width: 100%;
}

#peu {
    font-size: .9em;
    padding-top: .3em;
    margin-top: .5em;
    border-top: 1px solid #ccc;
}

#eines .esquerra {
    float: left;
    width: 13.9em;
    margin-right: .9em;
}

#eines .centre {
    float: left;
    width: 28.2em;
    line-height: 1.2em;
}

#eines .dreta {
    float: left;
    width: 14.8em;
    margin-left: 2px;
}

#peu .esquerra {
    float: left;
    width: 15.5em;
    margin-right: 1em;
}

#peu .centre {
    float: left;
    width: 31.5em;
    line-height: 1.4em;
    margin-right: 1em;
}

#peu .dreta {
    float: left;
    width: 13.2em;
}

#eines .centre .tamanyLletra {
    display: inline-block;
    float: none;
    margin-right: 9px;
}

#eines .centre .idiomes {
    width: 100%;
    margin: 0;
}

.esquerra h2, .dreta h2 {
    font-size: 1.25em;
    line-height: 1em;
    margin-bottom: .3em;
}

.esquerra h2 span, .dreta h2 span {
    display: block;
    font-size: .8em;
    font-weight: normal;
    margin-bottom: .3em;
}

.esquerra h3, .dreta h3 {
    font-size: 1em;
}

.esquerra ul, .dreta ul {
    list-style: none;
    margin-bottom: 1.2em;
}

.esquerra ul li, .dreta ul li {
    line-height: 1.1em;
    margin-bottom: .3em;
}

.dreseres dt {
    font-size: 1.1em;
    font-weight: bold;
}

.dreseres dt span {
    font-size: 1.4em;
    font-style: italic;
    font-weight: normal !important;
    color: #000;
}

.dreseres dd {
    padding-left: 2em;
    padding-bottom: .5em;
}

/* index */
#enllasDest {
    overflow: hidden;
    height: 9.7em;
}

#enllasDest #enllas {
    display: block;
    /* float: right; */
    /* width: 32em; */
    height: 100%; /*ANTES ERA  height: 7.2em; */
    text-decoration: none;
    padding: 2.5em 0 0 26em;
    margin: 0;
    background: url(../imgs/index/bp_cortina.gif) no-repeat 300px 0px;
}

#enllasDest #enllas .frase1 {
    font-size: 1.5em;
    /* margin-right: 265px; */
}

#enllasDest #enllas .frase2 {
    font-size: 2.5em;
    color: #666;
    line-height: 1.2em;
}

#enllasDestPeu {
    background: url(../imgs/index/bp_sombra.gif) repeat-x #fff;
    height: 2em;
    font-size: 1em;
    border-top: 1px solid #fff;
}

div#agenda {
    float: left;
    width: 18em;
    margin-right: 1em;
}

div#agenda h2 {
    font-size: 1.25em;
    line-height: 1em;
    margin-bottom: .3em;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}

.calendariTabla {
    border: 1px solid #ccc;
    width: 17em;
}

.calendariTabla th {
    padding: .5em;
    background-color: #efefef;
    color: #000;
}

.calendariTabla tr.par {
    background-color: #f7f7f7;
}

.calendariTabla td {
    text-align: center;
    padding: .2em;
    border: 1px solid #efefef;
    border-collapse: collapse;
}

.calendariTabla td.acte {
    font-weight: bold;
}

.calendariTabla td.acte a {
    display: block;
}

div#noticies {
    float: left;
    width: 23em;
}

div#noticies h2 {
    font-size: 1.25em;
    line-height: 1em;
    margin-bottom: .3em;
}

div#noticies ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div#noticies ul li {
    overflow: hidden;
    width: 100%;
    margin-bottom: .5em;
}

div#noticies ul li img {
    float: left;
    margin-right: .8em;
}

div#noticies ul li p.font {
    font-size: .9em;
    margin: 0;
}

div#noticies ul li p.enllas {
    margin: 0;
}

a.enlaceInterno {
    background: url(../imgs/noticies/enlace_interno.gif) no-repeat 0 .2em;
    padding-left: 2.5em;
}

a.enlaceExterno {
    background: url(../imgs/noticies/enlace_externo.gif) no-repeat 0 .2em;
    padding-left: 2.5em;
}

a.docPDF {
    background: url(../imgs/noticies/doc_pdf.gif) no-repeat 0 .2em;
    padding-left: 2.5em;
}

/* men */
#marcLateral, #marcLateralAmbIcones {
    float: left;
    width: 13.7em;
    list-style: none;
    margin-right: 1.3em;
}

#indexCercador {
    margin-bottom: 1.5em;
}

#indexCercador input.texto {
    width: 100%;
    margin-bottom: 1px;
    border: 2px solid #e5e5e5;
}

#indexCercador button {
    margin-right: .5em;
}

#marcLateral ul {
    list-style: none;
    margin-bottom: .8em;
}

#marcLateral ul li {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
    padding: .2em 0;
}

#marcLateral ul li.seleccionado {
    font-weight: bold;
}

#marcLateral ul li a {
    outline: none;
}

#marcLateral ul li a:hover {
    color: #c33;
}

#marcLateral ul li ul {
    margin-top: .2em;
}

#marcLateral ul li ul li {
    font-size: 1em;
    font-weight: normal;
}

#marcLateral ul li ul li a {
    display: block;
    color: #000;
    padding-left: .6em;
    background: #fff url(../imgs/marclateral/pagina.gif) no-repeat left top;
}

#marcLateral ul li ul li a.pareAD {
    background: #fff url(../imgs/marclateral/carpeta.gif) no-repeat left top;
}

#marcLateral ul li ul li a.pareADon {
    background: #fff url(../imgs/marclateral/carpetaon.gif) no-repeat left top;
}

#marcLateral ul li ul li ul li {
    font-size: .9em;
    padding-left: .5em;
}

#marcLateralAmbIcones ul {
    list-style: none;
    margin-bottom: .8em;
}

#marcLateralAmbIcones ul li {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
    padding: .2em 0;
}

#marcLateralAmbIcones ul li.seleccionado {
    font-weight: bold;
}

#marcLateralAmbIcones ul li a {
    outline: none;
}

#marcLateralAmbIcones ul li a:hover {
    color: #c33;
}

#marcLateralAmbIcones ul li ul {
    margin-top: .2em;
}

#marcLateralAmbIcones ul li ul li {
    font-size: 1em;
    font-weight: normal;
}

#marcLateralAmbIcones ul li ul li a {
    display: block;
    color: #000;
    padding-left: .6em;
}

#marcLateralAmbIcones ul li ul li ul li {
    font-size: .9em;
    padding-left: .5em;
}

#marcLateralAmbIcones ul li img {
    vertical-align: middle;
    margin-right: .6em;
}

/* info */
#info {
    margin-top: 2px;
    float: left;
    width: 43em;
    line-height: 1.2em;
}

#infoNoMenu {
    padding: 0 1em 1em 1em;
    background-color: #fff;
}

#info h1, #infoNoMenu h1 {
    font-size: 1.5em;
    text-align: center;
    padding: 0 0 .5em 0;
    font-weight: bold !important;
    margin-top: 2px;
	color: #c30045;
}

/* Ttol */
#info h2, #infoNoMenu h2 {
    font-size: 1.5em;
    text-align: left;
    padding: 0 0 .5em 0;
	color: #c30045;
}

/* Subttol */
#info h3, #infoNoMenu h3 {
    font-size: 1.3em;
    text-align: left;
    padding: 0 0 .5em 0;
}

/* Subttol nivell 2 */
#info h4, #infoNoMenu h4 {
    font-size: 1.2em;
    text-align: left;
    padding: 0 0 .5em 0;
}

/* Subttol nivell 3 */
#info h5, #infoNoMenu h5 {
    font-size: 1.2em;
    padding: 0 0 .5em 0;
}

/* Subttol nivell 4 */
#info h6, #infoNoMenu h6 {
    font-size: 1.2em;
    font-style: italic;
    padding: 0 0 .5em 0;
    text-decoration: underline
}

/* Subttol nivell 5 */
#info h7, #infoNoMenu h7 {
    font-size: 1.2em;
    font-weight: normal;
    font-style: italic;
    padding: 0 0 .5em 0;
}

/* Subttol nivell 6 */
#info ul, #infoNoMenu ul {
    padding: 0;
    margin: .8em 0 1em 2em;
    list-style-position: inside;
}

#info ul li, #infoNoMenu ul li {
    padding-bottom: .5em;
}

#info ol, #infoNoMenu ol {
    padding: 0;
    margin: .8em 0 1em 2em;
    list-style-position: inside;
}

#info ol li, #infoNoMenu ol li {
    padding-bottom: .5em;
}

#info p, #infoNoMenu p {
    line-height: 1.2em;
    margin: .8em 0;
}

/* enquestes */
#enquestaPregunta ul {
    list-style: none;
    margin: 1em 0;
    padding: 0 0 0 3em;
}

#enquestaPregunta #botonera, #enquestaPregunta p, #enquestaResultats p {
    text-align: center;
}

#enquestaResultats ul {
    list-style: circle;
    margin: 1em 0;
    padding: 0 0 0 4em;
}

#enquestaResultats li em {
    font-weight: bold;
}

#enquestaResultats #votsTotals {
    font-size: 1.2em;
}

#enquestaResultats #votsTotals strong {
    font-size: 1.2em;
}

#enquestaResultats span.barra {
    display: block;
    background-color: #e5e5e5;
    margin-top: .3em;
}

#enquestaPregunta img, .enquestaResultats img {
    margin-bottom: 2em;
}

.enquestaResultats p {
    text-align: center;
}

.enquestaResultats ul {
    list-style: circle;
    margin: 1em 0;
    padding: 0 0 0 4em;
}

.enquestaResultats li em {
    font-weight: bold;
}

.enquestaResultats .votsTotals {
    font-size: 1.2em;
}

.enquestaResultats .votsTotals strong {
    font-size: 1.2em;
}

.enquestaResultats span.barra {
    display: block;
    background-color: #e5e5e5;
    margin-top: .3em;
}

div#enquestaPreguntaCom h3 {
    padding: 0 0 0 .4em;
    font-size: 1.1em;
    font-weight: bold;
}

div#enquestaPreguntaCom ul {
    list-style: none;
    margin: .1em 0;
    padding: 0 0 0 1em;
}

div#enquestaPreguntaCom li {
    font-size: 1em;
    padding-bottom: .3em;
}

div#enquestaPreguntaCom img {
    width: 100px;
    margin-bottom: .5em;
}

div#enquestaPreguntaCom #botonera, #enquestaPreguntaCom p {
    text-align: center;
}

div#botoneraCom {
    text-align: center;
}

/* mapa web */
div#pagMapaWeb {
    margin-top: 1.5em;
}

div#pagMapaWeb ul {
    list-style: none;
    margin: .4em 0 1.5em 2em;
}

div#pagMapaWeb ul li {
    padding-bottom: .3em;
}

/* atencio al ciutada */
#atencioForm {
    margin-top: 3em;
}

#atencioForm p {
    overflow: hidden;
    width: 45em;
}

#atencioForm p span.etiqueta {
    display: block;
    float: left;
    width: 10em;
    text-align: right;
    padding-right: .8em;
}

#atencioForm p input[type="text"], #atencioForm p textarea {
    width: 25em;
}

#atencioForm p.botonera {
    width: 30em;
    margin-left: 10.8em;
}

/* llistat elements */
ul#llistat {
    width: 42em;
    margin: 2em 0;
}

ul#llistat li {
    overflow: hidden;
    width: 100%;
    list-style: none;
    clear: left;
    margin-bottom: .5em;
    margin-left: 1em;
}

ul#llistat li img {
    float: left;
    margin-right: .8em;
}

ul#llistat li p {
    text-align: justify;
    margin: .3em 0;
}

p.navLlistat, p#navLlistat {
    clear: both;
    text-align: center;
    padding: .5em;
}

/* llistat noticies */
ul.noticies li p.font {
    font-size: .9em;
    margin: 0 !important;
}

ul.noticies li p.enllas {
    margin: 0;
}

/* tables */
table.Taula_ContornGros {
    width: 99% !important;
    margin: 1em 0;
    empty-cells: show;
    border: 2px solid #ccc !important;
}

table.Taula_ContornGros thead th, table.Taula_ContornGros thead td {
    font-weight: bold;
    text-align: left;
}

table.Taula_ContornGros thead th, table.Taula_ContornGros thead td, table.Taula_ContornGros tbody td {
    padding: .2em .5em;
    border: 1px solid #ccc;
}

table.Taula_Transparent {
    width: 99%;
    margin: 1em 0;
    empty-cells: show;
    border: 0;
    border-collapse: collapse;
}

table.Taula_Transparent thead th, table.Taula_Transparent thead td {
    font-weight: bold;
    text-align: left;
}

table.Taula_Transparent thead th, table.Taula_Transparent thead td, table.Taula_Transparent tbody td {
    padding: .2em .5em;
}

table.Taula_SombrejatClar {
    width: 99%;
    margin: 1em 0;
    empty-cells: show;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-collapse: collapse;
}

table.Taula_SombrejatClar thead th, table.Taula_SombrejatClar thead td {
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #ccc;
}

table.Taula_SombrejatClar thead th, table.Taula_SombrejatClar thead td, table.Taula_SombrejatClar tbody td {
    padding: .2em .5em;
}

table.Taula_SombrejatClar tbody tr:nth-child(2n+1) {
    background-color: #f2f2f2
}

table.Taula_SombrejatClar tbody tr.Taula_SClar_lÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½nia_imparell {
    background-color: #f2f2f2
}

table.Taula_SenseContorn {
    width: 99%;
    margin: 1em 0;
    empty-cells: show;
    border: 0;
    border-collapse: collapse;
}

table.Taula_SenseContorn thead tr th:first-child, table.Taula_SenseContorn thead tr td:first-child, table.Taula_SenseContorn tbody tr td:first-child {
    border-left: 0 !important;
}

table.Taula_SenseContorn thead th, table.Taula_SenseContorn thead td, table.Taula_SenseContorn tbody td {
    padding: .2em .5em;
}

table.Taula_SenseContorn thead th, table.Taula_SenseContorn thead td {
    font-weight: bold;
    text-align: left;
    border-left: 1px solid #ccc;
}

table.Taula_SenseContorn tbody td {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

table.Taula_ContornSimple {
    width: 99%;
    margin: 1em 0;
    empty-cells: show;
    border: 1px solid #ccc;
    border-collapse: collapse;
}

table.Taula_ContornSimple thead th, table.Taula_ContornSimple thead td {
    font-weight: bold;
    text-align: left;
}

table.Taula_ContornSimple thead th, table.Taula_ContornSimple thead td, table.Taula_ContornSimple tbody td {
    padding: .2em .5em;
    border: 1px solid #ccc;
}

/*################################################################################################################################## */
/*################################################################################################################################## */
/*################################################################################################################################## */
/* FAQS */
#infoFAQ {
    text-align: left;
    margin: 20px;
}

#infoFAQ dl {
    list-style-type: none;
}

#infoFAQ dl li a, #infoFAQ dl li span {
    display: block;
    position: relative;
}

#infoFAQ a:hover {
    color: #000;
}

/* a:active {position: relative;} */
/* #infoFAQ dl li a:active {position: relative;} */
#infoFAQ dl li span.nivel1, #infoFAQ dl li a:active:hover dl {
    display: block;
}

#infoFAQ dl li:hover span.nivel1 {
    cursor: pointer;
}

#infoFAQ dl li dl {
    display: none;
}

#infoFAQ dl li a:hover dl {
    display: block;
    position: relative;
}

/* #infoFAQ dl li a:active dl {display: block; position: relative;} */
/* #infoFAQ dl li dl li a:hover {position: relative;}  comprovarlo ? */
#infoFAQ dl li dl dt {
    font-weight: bold;
}

/* #infoFAQ dl li dl li.primera {border-top: none;} */
#infoFAQ dl li:focus dl, #infoFAQ dl li:active dl {
    text-align: justify;
    display: block;
    position: relative;
}

#infoFAQ table.falsa {
    border-collapse: collapse;
    text-align: justify;
    border: 0px;
    position: relative;
}

/*ESTILOS PARA BOOTSTRAP Y EXTRAS*/

.navbar-default {
    background: none !important;
    border: 0px !important;
}

.navbar {
    min-height: 0 !important;
}

#serveis li a:hover {
    color: red !important;
}

#agenda h2, #noticies h2 {
    font-weight: bold !important;
}

h2 {
    font-weight: bold !important;
		color: #c30045 !important;
}

#agendaLlistat {
    margin-top: 20px;
}

.captionSummaryTable {
    display: none;
}

a:hover {
    text-decoration: none !important;
}

#agendaCalendaris div {
    text-align: center !important;

}

.tituloMes {

    display: table-caption;
    text-align: center;
    width: 217px;

}

.menuLateral {

    margin-top: 3px;
}

hr {
    display: block !important;
    -webkit-margin-before: 0.5em !important;
    -webkit-margin-after: 0.5em !important;
    -webkit-margin-start: auto !important;
    -webkit-margin-end: auto !important;
    border-style: inset !important;
    border-width: 1px !important;

}

/* MEDIA QUERIES RESPONSIVE*/
@media screen and (max-width: 767px) {
    #contenedor {
        margin-left: 20px !important;
        margin-right: 20px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        width: auto !important;
    }

    h1.titol {
        margin-top: 0px !important;
    }

    .guion {
        display: none;
    }

    #serveis li ul {
        position: relative !important;
        display: none;
        top: 0px !important;
        left: -1px;
        width: 100% !important;
        padding-bottom: 1em;
        background-color: #e5e5e5;
        border: 1px solid #fff;
        border-top: 0;
        z-index: 10;
    }

    #serveis li ul li {
        text-align: center !important;
    }

    div#agenda {
        margin-bottom: 20px;
        margin-right: 28px;
        width: 19em;
    }

    #info, #infoNoMenu {
        width: 100%;
    }

    .menuAccessibilitat {
        width: 100% !important;
        max-width: 100% !important;
        text-align: inherit !important;
        margin-right: 0 !important;
        /* margin-bottom: 12px; */
    }

    .menuLateral {
        width: 13.7em !important;
        margin: 0 auto;
        margin-top: 3px;
    }

    .menuLateral2 {
        width: 50.7em !important;
        margin: 0 auto;
    }

    .tamanoIndex {
        width: 130% !important;
    }

    #eines .esquerra {
        float: none;
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #eines .centre {
        float: none;
        width: 100%;
        text-align: center;
    }

    #eines .dreta {
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #peu .esquerra {
        float: none;
        width: 100%;
        text-align: center;
    }

    #peu .centre {
        float: none;
        width: 100%;
        text-align: center;
    }

    .contenedorMapa, #info .contenedorMapa h2, #infoNoMenu .contenedorMapa h2, #info .contenedorMapa h3, #infoNoMenu .contenedorMapa h3, #info 

.contenedorFAQS h2, #infoNoMenu .contenedorFAQS h2, #info .contenedorFAQS h4, #infoNoMenu .contenedorFAQS h4 {
        text-align: center !important;
    }

    .contenedorNoticiasListadas, .contenedorNoticiasListadas p.navLlistat, .contenedorNoticiasListadas h2#titolPagina {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .contenedorNoticiasListadas div#noticiesLlistat {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        width: 300px;
    }
}

@media screen and (max-width: 568px) {
    .bodyFontSize {
        font-size: 13.8px;
    }
}

@media screen and (max-width: 575px) {
    .menuLateral2 {
        width: 18.7em !important;
        margin: 0 auto;
    }

    .tamanoIndex {
        width: 100% !important;
    }
}

@media screen and (max-width: 360px) {
    .contenedorNoticiasListadas div#noticiesLlistat {
        width: 260px;
    }
}

/*################################################################################################################################## */
/*################################################################################################################################## */
/*################################################################################################################################## */
/* NOTICIAS */

.NoticiasContainer #info h2, #infoNoMenu h2 {
    font-weight: bold !important;
}

.NoticiasContainer label {
    font-weight: 100 !important;
}

.NoticiasContainer #infoNoMenu {
    margin-top: 14px !important;
}

/*################################################################################################################################## */
/*################################################################################################################################## */
/*################################################################################################################################## */
/*   LOGO */

#imagenCabecera1 {
    width: 154px;
    height: 35px;
    background-image: url("../intranet/imgs/capsal/logo.gif");
    background-size: 100%;
    margin: 0 auto;
    display: block;
}

#imagenCabecera2 {
    width: 214px;
    height: 64px;
    background-image: url("../imgs/cap/logo.gif");
    background-size: 100%;
    margin: 0 auto;
    display: block;
    background-size: 32%;
    background-repeat: no-repeat;
}

/*OCULTAR CAPTION TABLA CALENDARIO EN TODAS Y COLOCAR EN EL CENTRO EL NOMBRE DEL MES*/

.captionSummaryTable {
    display: none;
}

.tituloMes {

    display: table-caption;
    text-align: center;
    width: 217px;

}

/*RETINA DISPLAY MEDIA QUERY*/
@media ( -webkit-min-device-pixel-ratio: 2) , ( min-resolution: 192dpi) {
    #imagenCabecera1 {
        background-image: url("../intranet/imgs/capsal/logo02.gif");
        background-size: contain;
        margin: 0 auto;
    }

    #imagenCabecera2 {
        background-image: url("../imgs/cap/logo02.gif");
        background-size: contain;
        margin: 0 auto;
    }
}

/* MEDIA QUERIES RESPONSIVE*/
@media screen and (max-width: 767px) {

    #imagenCabecera1, #imagenCabecera2 {
        margin-top: 16px;
    }

}

/*CLASE PARA MOSTRAR U OCULTAR BOTONES DE ENCUESTAS SEGUN CONVENGA*/

.addBoton {
    display: block;
}

.removeBoton {
    display: none;
}

/*  AGENDA */

/* CSS Document */

#info h2, #infoNoMenu h2 {
    font-weight: bold !important;
}

label {
    font-weight: 100 !important;
}

#infoNoMenu {
    margin-top: 14px !important;
}

/* a:active {position: relative;} */
/* #infoFAQ dl li a:active {position: relative;} */

/*ESTILOS PARA BOOTSTRAP Y EXTRAS*/
div#capsal, div#continguts {
    max-width: 100%;
}

.noticiasInfo div#infoNoticia img#imgNoticia, .noticiasInfo, .noticiasInfo div#infoNoticia, .contenedorNoticiasListadas div#noticiesLlistat {
    max-width: 100%;
}

/*
div#info, div#infoNoMenu{
    width: 41em;
    padding: 0;
}
*/
#calendariLateral {
    float: none;
    width: initial;
    margin-right: 0em;
}

/* MEDIA QUERIES RESPONSIVE*/

.contenedorNoticiasListadas form + p {
    width: 200px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

div#capsal {
    padding: 0.5em 0em 0.8em 0em;
}

div.activitat p {
    text-align: center !important;
}

@media screen and (max-width: 575px) {
    .menuLateral2 {
        width: 18.7em !important;
        margin: 0 auto;
    }

    .tamanoIndex {
        width: 100% !important;
    }
}

/*################################################################################################################################## */
/*################################################################################################################################## */
/*################################################################################################################################## */
/*  GALERIA DE FOTOS */

/*
CSS obtingut de http://www.photoswipe.com/

body { padding: 0; margin: 0; background: #DFDCD1; font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif; color: #444340; }

h1 { font-size: 1.3em; padding: 15px 10px; margin: 0; }
h2 { font-size: 1.1em; padding: 10px; margin: 0; }
*/
.GaleriaContainer img {
    border: none;
}

.GaleriaContainer a {
    color: #444340;
}

.GaleriaContainer #Header {
    background: #EEBF02;
    height: 61px;
    padding: 0;
    border-bottom: 1px solid #3c3c3c;
}

.GaleriaContainer #Header img {
    display: block;
    margin: 0 auto 0;
}

.GaleriaContainer #MainContent {
    background: #ffffff;
    padding-bottom: 30px;
}

.GaleriaContainer #Footer {
    padding: 10px;
    border-top: none;
}

.GaleriaContainer #SocialLinks {
    padding: 10px 0 0 0;
}

.GaleriaContainer #SocialLinks:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.GaleriaContainer #SocialLinks a {
    display: block;
    float: left;
    padding-right: 15px;
}

.GaleriaContainer .gallery {
    list-style: none;
    padding: 0;
    margin: 0;
}

.GaleriaContainer .gallery:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/*.gallery li { float: left; width: 33.33333333%; }*/
.GaleriaContainer .gallery li {
    float: left;
    width: 33%;
}

.GaleriaContainer .gallery li a {
    display: block;
    margin: 5px;
    border: 1px solid #3c3c3c;
}

.GaleriaContainer .gallery li img {
    display: block;
    width: 100%;
    height: 100px;
}

/* For inline examples only */
.GaleriaContainer #PhotoSwipeTarget {
    width: 100%;
    height: 200px;
}

.GaleriaContainer #Indicators {
    text-align: center;
    margin-top: 20px;
}

.GaleriaContainer #Indicators span {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 10px 0 0;
    padding: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #c5c5c5;
    overflow: hidden;
}

.GaleriaContainer #Indicators span.current {
    background: #EEBF02;
}

/*################################################################################################################################## */
/*################################################################################################################################## */
/*################################################################################################################################## */
/** FAQ  */

/* CSS Document */

.contenedorFAQS #info h4, #infoNoMenu h4 {
    font-weight: bold !important;
    margin-bottom: 0px !important;
}

.contenedorFAQS #info h2, #infoNoMenu h2 {
    font-weight: bold !important;
}

.contenedorFAQS #infoFAQ dl li dl dt, dd {
    color: black !important;
}

.contenedorFAQS .ie h4 {
    color: black !important;
}

.contenedorFAQS .tituloPregunta {
    padding-bottom: 27px !important;
}

.contenedorFAQS .tituloPreguntaIE {
    padding-top: 22px !important;
}

.contenedorFAQS .bloquePreguntas {
    margin-top: 29px !important;
}

.deshabilitado {
    color: #c0c0c0;
    background-color: #ffffff;
}

.tituloNoDisponible {
    color: #000;
}

.literalNoDisponible {
    color: #F00;
}

/* botonet especial */

a.imc-bt {
    display: inline-block;
    color: #cc073c;
    vertical-align: middle;
    padding: 1em;
    background-color: #fff;
    border: 2px solid #ddd;
    will-change: color, background-color;
}

a.imc-bt:hover,
a.imc-bt:focus,
a.imc-bt:active {
    color: #fff;
    background-color: #cc073c;
}

a.imc-bt {
    -webkit-transition: color .2s ease-out, background-color .2s ease-out;
    -moz-transition: color .2s ease-out, background-color .2s ease-out;
    -ms-transition: color .2s ease-out, background-color .2s ease-out;
    -o-transition: color .2s ease-out, background-color .2s ease-out;
    transition: color .2s ease-out, background-color .2s ease-out;
}

a.imc-bt-especial {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    overflow: hidden;
    width: 25em;
    height: 6em;
    font-size: .8em;
    vertical-align: middle;
    padding: 0 1em 0 5em;
    background: #fff no-repeat 1em 50% / 3em auto;
    will-change: background-position;
}

a.imc-bt-especial svg {
    display: none;
    width: 3em;
    height: 3em;
    vertical-align: middle;
    margin-right: 1em;
}

a.imc-bt-especial path {
    fill: #edb2c7;
}

a.imc-bt-especial strong {
    display: block;
    font-size: 1.3em;
    font-weight: normal;
    will-change: padding-top;
}

a.imc-bt-especial span {
    display: block;
    overflow: hidden;
    max-height: 0;
    font-size: 1em;
    line-height: 1.2em;
    padding-top: .3em;
    opacity: 0;
    will-change: opacity;
}

a.imc-bt-especial:hover span,
a.imc-bt-especial:focus span,
a.imc-bt-especial:active span {
    max-height: 2.6em;
    opacity: 1;
}

a.imc-bt-especial {
    -webkit-transition: background-position .2s ease-out;
    -moz-transition: background-position .2s ease-out;
    -ms-transition: background-position .2s ease-out;
    -o-transition: background-position .2s ease-out;
    transition: background-position .2s ease-out;
}

a.imc-bt-especial span {
    -webkit-transition: opacity .2s ease-out, max-height .2s ease-out;
    -moz-transition: opacity .2s ease-out, max-height .2s ease-out;
    -ms-transition: opacity .2s ease-out, max-height .2s ease-out;
    -o-transition: opacity .2s ease-out, max-height .2s ease-out;
    transition: opacity .2s ease-out, max-height .2s ease-out;
}

@media only screen and (max-width: 450px) {

    a.imc-bt-especial {
        display: flex;
        width: 100%;
        margin-bottom: .7em;
    }

}

/* CUSTOM CSS */

/* Bootstrap plugin css */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* Fix gusite css */

html {
    font-size: 14px !important;
    background-color: #f2f2f2;
}

body {
    background-color: #f2f2f2;
    padding-left: 56px;
}

div#contenedor {
    background-color: #f2f2f2;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#imc-logo {
    width: 56px;
}

#imc-titol.imc-titol {
    padding-left: 56px;
}

@media only screen and (max-width: 1224px) {
    #imc-titol.imc-titol .imc--contingut {
        padding-top: 5px;
    }
}

@media only screen and (max-width: 750px) {
    #imc-logo {
        width: 49px;
    }

    #imc-titol.imc-titol {
        padding-left: 49px;
    }

    body {
        padding-left: 49px;
    }

    #imc-titol.imc-titol h1 {
        font-size: 1em;
    }

}

@media only screen and (max-width: 330px) {
    #imc-logo {
        width: 32px;
    }

    #imc-titol.imc-titol {
        padding-left: 32px;
    }

    body {
        padding-left: 32px;
    }
}

div#continguts {
    width: 100%;
}

@media only screen and (max-width: 1354px) {
    #imc-titol.imc-titol .imc--contingut {
        margin: 0 10px;
    }

    div#continguts {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 10px;
    }
}

#imc-titol.imc-titol ul {
    right: 0;
}

#imc-logo.imc-logo a.imc--goib {
    height: 15rem;
}

@media (max-width: 850px) {
    #imc-titol.imc-titol {
        height: auto;
    }

    #imc-titol.imc-titol .imc--contingut {
        padding: 5px 0;
    }

    #imc-titol.imc-titol ul {
        top: 5px;
    }
}

@media only screen and (max-width: 480px) {
    #imc-titol.imc-titol h1 {
        font-size: 1em;
        width: calc(100% - 100px);
    }
}

.imc-titol a h1:hover span {
    color: rgba(204, 7, 60, 1);
}

.imc-titol a h1 span.home {
    font-size: 0.9em;
}

/* Customize horizontal menu */

#contenedor div#continguts {
    /*overflow: hidden;*/
}

#imc-menu-h.imc-menu ul button span {
    font-family: inherit;
}

.imc--horitzontal #imc-menu-h.imc-menu::before {
    background-color: #f2f2f2;
}

.imc--horitzontal #imc-menu-h.imc-menu::after {
    background-color: #f2f2f2;
}

.imc--horitzontal #imc-menu-h.imc-menu > ul > li > ul {
    top: initial;
    left: initial;
}

.imc--horitzontal #imc-menu-h.imc-menu > ul > li ul {
    transition: max-height .5s ease;
    min-width: 170px;
}

.imc--horitzontal #imc-menu-h.imc-menu > ul > li > ul button, .imc--horitzontal #imc-menu-h.imc-menu > ul > li > ul a {
    padding: 10px 30px 10px 15px;
    height: auto;
    min-height: 2.8em;
    color: black;
}

.imc--horitzontal #imc-menu-h.imc-menu > ul > li > ul button, .imc--horitzontal #imc-menu-h.imc-menu > ul > li > ul a {
    padding: 10px 30px 10px 15px;
    height: auto;
    min-height: 2.8em;
    color: black;
}

.imc--horitzontal #imc-menu-h.imc-menu > ul > li > ul button:hover, .imc--horitzontal #imc-menu-h.imc-menu > ul > li > ul a:hover,
.imc--horitzontal #imc-menu-h.imc-menu > ul > li > ul button:active, .imc--horitzontal #imc-menu-h.imc-menu > ul > li > ul a:active,
.imc--horitzontal #imc-menu-h.imc-menu ul li.imc--obert > button
{
    color: white;
}

#imc-menu-h.imc-menu {
    width: auto !important;
}

#imc-menu-h.imc-menu > ul {
    background-color: transparent;
    border: none;
    transform: none !important;
    width: auto !important;
}

.imc--horitzontal #imc-menu-h.imc-menu > ul > li {
    width: 14.2%;
    min-width: 0;
    height: auto;
    border: none;
    background-color: white;
}

#imc-menu-h.imc-menu > ul > li:not(:last-child) {
    margin-right: 5px;
}

#imc-menu-h.imc-menu > ul > li > a, #imc-menu-h.imc-menu > ul > li > button {
    flex-direction: column;
    justify-content: center;
    font-size: 1.2rem;
    height: 150px;
    padding: 0 1vw 80px 1vw;
}

#imc-menu-h.imc-menu > ul > li > a:after, #imc-menu-h.imc-menu > ul > li > button:after {
    content: none;
}

#imc-menu-h.imc-menu > ul > li > a span, #imc-menu-h.imc-menu > ul > li > button span {
    font-weight: 500;
    text-align: center;
    height: auto;
}

#imc-menu-h.imc-menu > ul > li > a img, #imc-menu-h.imc-menu > ul > li > button img {
    top: initial;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 3.5rem;
    height: 3.5rem;
}

.imc--horitzontal #imc-menu-h.imc-menu.imc-amb-botonera > ul {
    transform: none;
}

.imc--bt-menu {
    display: none !important;
}

#imc-menu-h.imc-menu ul a span, #imc-menu-h.imc-menu ul button span {
    font-size: 1rem;
    color: inherit;
    height: auto;
}

#imc-menu-h.imc-menu ul a:focus, #imc-menu-h.imc-menu ul button:focus {
    background-color: white;
}

#imc-menu-h.imc-menu ul a:hover, #imc-menu-h.imc-menu ul button:hover, #imc-menu-h.imc-menu ul a:active, #imc-menu-h.imc-menu ul button:active {
    background-color: rgba(204, 7, 60, 1);
    color: white;
}

.imc-menu ul li.imc--obert > button {
    background-color: rgba(204, 7, 60, 1);
    color: white;
}

.imc--horitzontal #imc-menu-h.imc-menu ul li.imc--esquerre ul {
    right: 0;
}

#imc-menu-h.imc-menu ul ul {
    box-shadow: none;
}

#imc-menu-h.imc-menu ul button::after {
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 781px) {

    .imc--horitzontal #imc-menu-h.imc-menu > ul > li.imc--esquerre ul ul,
    .imc--horitzontal #imc-menu-h.imc-menu > ul > li:last-child ul ul {
        left: -102%;
    }

    .imc--horitzontal #imc-menu-h.imc-menu > ul > li.imc--esquerre > ul > li > button,
    .imc--horitzontal #imc-menu-h.imc-menu > ul > li.imc--esquerre > ul > li > a,
    .imc--horitzontal #imc-menu-h.imc-menu > ul > li:last-child > ul > li > button,
    .imc--horitzontal #imc-menu-h.imc-menu > ul > li:last-child > ul > li > a {
        padding-left: 40px;
    }

    .imc--horitzontal #imc-menu-h.imc-menu > ul > li.imc--esquerre button::after,
    .imc--horitzontal #imc-menu-h.imc-menu > ul > li:last-child button::after {
        right: initial;
        left: .5em;
        transform: translateY(-50%) rotate(180deg);
    }

    .imc--horitzontal #imc-menu-h.imc-menu > ul > li ul {
        width: 15vw;
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 780px) {

    #imc-menu-h.imc-menu-h {
        overflow: visible;
    }

    #imc-menu-h.imc-menu-h > ul {
        overflow: visible;
        position: relative;
        z-index: 2;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        transform: none;
        flex-direction: column;
    }

    #imc-menu-h.imc-menu-h {
        position: inherit;
        visibility: inherit;
        opacity: 1;
    }

    .imc--horitzontal #imc-menu-h.imc-menu > ul > li {
        width: 100%;
    }

    #imc-menu-h.imc-menu > ul > li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    #imc-menu-h.imc-menu > ul > li > a, #imc-menu-h.imc-menu > ul > li > button {
        flex-direction: initial;
        justify-content: initial;
    }

    #info {
        margin-top: 0 !important;
    }

    #imc-menu-h.imc-menu > ul > li > a, #imc-menu-h.imc-menu > ul > li > button {
        height: 50px;
        padding: 0;
    }

    #imc-menu-h.imc-menu > ul > li > a > span, #imc-menu-h.imc-menu > ul > li > button > span {
        text-align: left;
    }

    #imc-menu-h.imc-menu > ul > li > a img, #imc-menu-h.imc-menu > ul > li > button img {
        position: relative;
        transform: none;
        left: initial;
        bottom: initial;
        width: 2rem;
        height: 2rem;
        margin: 0 15px;
    }

    #imc-menu-h.imc-menu > ul ul {
        margin: 0;
    }

    #imc-menu-h.imc-menu > ul ul ul {
        border-left: none;
        box-shadow: none;
        background-color: #ddd;
    }

    #imc-menu-h.imc-menu > ul ul ul li {
        border-left: none;
    }

    .imc--horitzontal #imc-menu-h.imc-menu ul li:last-child {
        border-bottom: none;
    }

    .imc--horitzontal #imc-menu-h.imc-menu > ul > li > ul > li:last-child {
        border-bottom: 1px solid #ccc;
    }

    #imc-menu-h.imc-menu ul button::after {
        transform: translateY(-50%) rotate(90deg);
    }

    #imc-menu-h.imc-menu > ul .imc--obert > ul {
        max-height: 3000px;
    }
}

/* Transparencia custom css */

table {
    background-color: white;
    width: 100%;
}

@media screen and (max-width: 418px) {
    table {
        width: 100% !important;
    }
}

thead {
    /*background-color: rgba(204, 7, 60, 1);*/
	background-color: rgba(77, 186, 111, 1) !important; 
    color: white;
}

thead th {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: 12px 15px;
    letter-spacing: 0.05rem;
}

tbody td {
    padding: 12px 15px;
}

.home-block {
    padding-top: 18px;
}

#info a.home-button {
    background-color: white;
    color: #666 !important;
    width: 100%;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all .3s ease;
}

#info a.home-button:hover {
    background-color: rgba(204, 7, 60, 1);
    color: white !important;
}

#info a.home-button.home-button-lg {
    text-align: center;
    font-size: 1.2rem;
    height: 180px;
    padding-top: 110px;
    padding-left: 5px;
    padding-right: 5px;
}

#info a.home-button.home-button-lg img {
    position: absolute;
    left: 50%;
    width: 80px;
    height: 80px;
    top: 30px;
    transform: translateX(-50%);
}

#info a.home-button.home-button-md {
    padding-left: 100px;
    height: 100px;
    padding-right: 10px;
}

#info a.home-button.home-button-md img {
    position: absolute;
    left: 35px;
    width: 50px;
    height: 50px;
    top: 50%;
    transform: translateY(-55%);
}

#info a.home-button.home-button-sm {
    text-align: center;
    font-size: 0.8rem;
    line-height: 0.9rem;
    height: 50px;
    padding: 0 5px;
}

@media (max-width: 767px) {

    thead th {
        font-size: 1rem;
        line-height: 1rem;
        padding: 8px 16px;
    }

    .home-block {
        padding-top: 12px;
    }

    #info a.home-button.home-button-lg {
        font-size: 1rem;
        line-height: 1rem;
        height: 90px;
        padding-top: 50px;
    }

    #info a.home-button.home-button-lg img {
        width: 40px;
        height: 40px;
        top: 10px;
    }

    #info a.home-button.home-button-md {
        padding-left: 50px;
        height: 45px;
        font-size: 0.9rem;
    }

    #info a.home-button.home-button-md img {
        left: 20px;
        width: 22px;
        height: 22px;
    }

    #info a.home-button.home-button-sm {
        text-align: unset;
        padding-left: 50px;
        height: 45px;
    }
}

@media (max-width: 400px) {

    #info a.home-button.home-button-lg {
        font-size: 4vw;
        line-height: 4vw;
    }

    #info a.home-button.home-button-md {
        font-size: 3.5vw;
    }

}

.row.row-half-padding {
    margin-right: -6px;
    margin-left: -6px;
}

.row.row-half-padding > col-xs-1,
.row.row-half-padding > .col-sm-1,
.row.row-half-padding > .col-md-1,
.row.row-half-padding > .col-lg-1,
.row.row-half-padding > .col-xs-2,
.row.row-half-padding > .col-sm-2,
.row.row-half-padding > .col-md-2,
.row.row-half-padding > .col-lg-2,
.row.row-half-padding > .col-xs-3,
.row.row-half-padding > .col-sm-3,
.row.row-half-padding > .col-md-3,
.row.row-half-padding > .col-lg-3,
.row.row-half-padding > .col-xs-4,
.row.row-half-padding > .col-sm-4,
.row.row-half-padding > .col-md-4,
.row.row-half-padding > .col-lg-4,
.row.row-half-padding > .col-xs-5,
.row.row-half-padding > .col-sm-5,
.row.row-half-padding > .col-md-5,
.row.row-half-padding > .col-lg-5,
.row.row-half-padding > .col-xs-6,
.row.row-half-padding > .col-sm-6,
.row.row-half-padding > .col-md-6,
.row.row-half-padding > .col-lg-6,
.row.row-half-padding > .col-xs-7,
.row.row-half-padding > .col-sm-7,
.row.row-half-padding > .col-md-7,
.row.row-half-padding > .col-lg-7,
.row.row-half-padding > .col-xs-8,
.row.row-half-padding > .col-sm-8,
.row.row-half-padding > .col-md-8,
.row.row-half-padding > .col-lg-8,
.row.row-half-padding > .col-xs-9,
.row.row-half-padding > .col-sm-9,
.row.row-half-padding > .col-md-9,
.row.row-half-padding > .col-lg-9,
.row.row-half-padding > .col-xs-10,
.row.row-half-padding > .col-sm-10,
.row.row-half-padding > .col-md-10,
.row.row-half-padding > .col-lg-10,
.row.row-half-padding > .col-xs-11,
.row.row-half-padding > .col-sm-11,
.row.row-half-padding > .col-md-11,
.row.row-half-padding > .col-lg-11,
.row.row-half-padding > .col-xs-12,
.row.row-half-padding > .col-sm-12,
.row.row-half-padding > .col-md-12,
.row.row-half-padding > .col-lg-12,
.row.row-half-padding > .col-xs-5ths,
.row.row-half-padding > .col-sm-5ths,
.row.row-half-padding > .col-md-5ths,
.row.row-half-padding > .col-lg-5ths {
    padding-right: 6px;
    padding-left: 6px;
}

ul#home-inform-list {
    list-style: none;
    margin: 0;
}

ul#home-inform-list > li.home-inform-item {
    padding: 12px 0;
    position: relative;
}

ul#home-inform-list > li.home-inform-item:first-child {
    padding-top: 0;
}

ul#home-inform-list > li.home-inform-item:last-child {
    padding-bottom: 0;
}

ul#home-inform-list > li.home-inform-item:not(:last-child):after {
    content: " ";
    height: 1px;
    width: 35px;
    background-color: rgba(204, 7, 60, 1);
    position: absolute;
    bottom: 0;
    left: 0;
}

ul#home-inform-list > li.home-inform-item > a {
    color: rgba(0, 0, 0, .87) !important;
}

ul#home-inform-list > li.home-inform-item > a:hover {
    color: rgba(204, 7, 60, 1) !important;
}

.card {
    background: white;
    margin: 15px 0;
}

.card > .card-title {
    color: rgba(204, 7, 60, 1);
    font-size: 1.15rem;
    padding: 16px 24px;
}

.card > .card-title:hover {
    background: rgba(204, 7, 60, 1);
    color: white;
}

.card > .card-title.selected {
    border: 1px solid rgba(204, 7, 60, 1);
}

.card > .card-body {
    padding: 1px 24px;
    display: block;
    position: relative;
}

.card > .card-body.card-body-hidden {
    display: none;
}

.card2 {
    background: white;
    margin: 15px 0;
}

.card2 > .card2-title {
    color: rgba(76, 186, 0, 1);
    font-size: 1.15rem;
    padding: 16px 24px;
}

.card2 > .card2-title:hover {
    background: rgba(76, 186, 0, 1);
    color: white;
}

.card2 > .card2-title.selected {
    color: rgba(76, 186, 0, 1);
}

.card2 > .card2-body {
    padding: 1px 24px;
    display: block;
    position: relative;
}

.card2 > .card2-body.card2-body-hidden {
    display: none;
}

.clickable {
    cursor: pointer;
}

#info h1 {
    margin-top: 40px;
    font-size: 1.4em;
    text-align: left;
}

#info > div > div {
    position: relative;
}

#info > div > div > h6 {
    font-style: normal;
    text-decoration: none;
    font-size: 0.9rem;
    line-height: 1.1;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, .56);
}

#info .card .card-body.anchor-list-container {
    padding: 0;
}

#info .card .card-body > ul.anchor-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#info .card .card-body > ul.anchor-list > li > a {
    display: block;
    padding: 20px 15px;
    border-left: 3px solid white;
    color: #428bca;
}

#info .card .card-body > ul.anchor-list > li > a:hover {
    border-left: 3px solid #428bca;
}

#info .card .card-body > ul.anchor-list > li:not(:last-child) {
    border-bottom: 1px solid #e9e9e9;
}

#info .card .card-body > ul.anchor-list > li > p, #info .card .card-body > p {
    padding: 20px 15px;
    margin: 0;
}

#info .card .card-body.item-list {
    padding: 0;
}

#info .card .card-body.item-list > .item {
    display: flex;
    align-items: center;
    padding: 10px;
}

#info .card .card-body.item-list > .item:not(:last-child) {
    border-bottom: 1px solid #e9e9e9;
}

#info .card .card-body.item-list > .item > .item-part {
    flex: 1;
}

#info .card .card-body.item-list > .item > .item-left {
    max-width: 120px;
    margin-right: 30px;
    padding: 5px;
}

#info .card .card-body.item-list > .item > .item-main {
    padding: 10px;
    color: rgba(0, 0, 0, .87);
    font-size: 1.05rem;
}

#info .card .card-body.item-list > .item > .item-right {
    padding: 10px;
    text-align: right;
}

#info .card .card-body.item-list > .item > .item-right > a.btn {
    background-color: #428bca;
    color: white !important;
    margin-left: 10px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 0.95rem;
}

#info .card .card-body.item-list > .item > .item-right > a.btn > span.glyphicon {
    margin-left: 8px;
    font-size: 0.9rem;
}


#info .card .card-body.item-list > .item > .item-left > img {
    max-width: 100%;
}

#info .organigrama-card > .card-body {
    padding: 20px;
}
#info .organigrama-card > .card-body > h4 {
    font-size: 1.05rem;
    padding: 0;
}

#info .organigrama-card > .card-body > ul.letter-list {
    margin: .8em 0;
    padding: 0;
    list-style-type: lower-alpha;
}

#info .organigrama-card > .card-body > ul > li {
    padding: 4px 0;
}

#info .organigrama-links {
    margin: 25px 0;
}

#info .organigrama-links > h4 {
    margin: 10px 0;
    padding: 0;
    font-size: 1.05rem;
}

#info .organigrama-links > a {
    display: block;
    padding-bottom: 8px;
}

#info .organigrama-charts {
    display: flex;

}

#info .organigrama-charts > .organigrama-chart {
    flex: 1;
}

#info .organigrama-charts > .organigrama-chart + .organigrama-chart {
    margin-left: 10px;
}

#info .organigrama-charts > .organigrama-chart > a > img {
    width: 100%;
    max-height: 450px;
}

@media (max-width: 767px) {
    #info .organigrama-charts {
        flex-direction: column;
    }

    #info .organigrama-charts > .organigrama-chart + .organigrama-chart {
        margin: 5px 0;
    }
}

body {
    color: rgba(0, 0, 0, .87);
}

#info a {
    color: #0000FF !important;
}

#info .institution {
    background-color: white;
    padding: 15px 20px;
    margin: 15px 0;
}

#info .institution.selected {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border: 2px solid #f26f7b;
}

#info .institution > h3 {
    color: #f26f7b;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 0;
}

#info .institution > p {
    color: rgba(0, 0, 0, .87);
    margin: 0 0 10px;
    line-height: 1.4rem;
}

#info .institution > a {
    display: block;
    line-height: 1.4rem;
}

#info .institution a {
    color: #15c;
    text-decoration: none !important;
}

#info .go-top {
    position: fixed;
    background: #f26f7b;
    bottom: 10px;
    right: 10px;
    border-radius: 50%;
    padding: 10px;
    cursor: pointer;
}

#info .go-top img {
    width: 30px;
    max-width: 6vw;
}

#info ul li {
    font-size: 1rem !important;
    line-height: 1.5;
}

.botoHome {
    background-color: #ffffff; /* White */
    border: none;
    color: #C30045;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	border: 2px solid #C30045;
    border-radius: 3px;
    height: 4em;
}

.botoHome:hover {
    background-color: #C30045; 
    color: white; 
    border: 2px solid #C30045;
}

.botoDescarrega {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 3px;
    width: 15em;
    height: 4em;
}

.botoCSV {
    background-color: #4CAF50;
    color: white;
    border: 2px solid #4CAF50;
}

.botoCSV:hover {
    background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
}

.botoXLS {
    background-color: #008CBA;
    color: white;
    border: 2px solid #008CBA;
}

.botoXLS:hover {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.botoODF {
    background-color: #f44336;
    color: white;
    border: 2px solid #f44336;
}

.botoODF:hover {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.category-box-1 {
    background: #C30045 !important;
}
.category-box-2 {
    background: #10BED2;
}
.category-box-3 { 
    background: #FEC25C;
}
.category-box-4 { 
    background: #1B3E53;
}
.category-box-5 { 
    background: #c4451f;
}
.category-box-6 { 
    background: #666666;
}
.category-box-1:hover {
    border: 10px solid #baafab !important;
}
.category-box-2:hover {
    border: 10px solid #BBE5F0;
}
.category-box-3:hover {
    border: 10px solid #FFE7BB;
}
.category-box-4:hover { 
    border: 10px solid #143448;
}
.category-box-5:hover { 
    border: 10px solid #b53e1a;
}
.category-box-6:hover { 
    border: 10px solid #575151;
}

/* The Modal (background) */
.modal {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.imc-bt-portal { display: inline-block; height: 2em; padding-left: 2.7em; margin-right: 2em; vertical-align: middle; background: transparent url(/govern/rest/arxiu/2915730) no-repeat left center / auto 110%; filter: brightness(100);}
.imc-bt-portal span { display: block; color: #fff; text-transform: uppercase; padding-top: .4em; }

.imc-bt-portal:hover,
.imc-bt-portal:focus {
    color: #fff;
    background-color: transparent;
}


@media only screen and (max-width : 1000px) {
	.imc-bt-portal {width: 2em;height: 2em;padding-left: 0;margin-right: 0;background-size: auto 100%;}
	.imc-bt-portal span { position: absolute; top: -999em; left: -999em; }
}

@media only screen and (max-width : 1000px) {
	.imc-bt-directori {width: 2em;height: 2em;padding-left: 0;margin-right: 0;background-size: auto 100%;}
	.imc-bt-directori span { position: absolute; top: -999em; left: -999em; }
}