﻿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;
    outline: 0 none;
    padding: 0;
}
img {
    border: 0 none;
}
body {
    background-color: #FFFFFF;
    color: #666666;
    font: 80% 'TrebuchetMS','Trebuchet MS',Arial,Helvetica,sans-serif;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #CC3333;
}
a.destacat {
    color: #CC3333;
}
a.destacat:hover {
    color: #000000;
}
.invisible {
    display: none;
}
.important {
    font-weight: bold;
}
input, select, textarea, button {
    color: #666666;
    font: 1em Arial,Helvetica,sans-serif;
}
input[type="text"], select, textarea {
    background-color: #FFFFFF;
    border: 2px solid #E5E5E5 !important;
    line-height: 1.3em !important;
}
input, textarea {
    padding: 0 0.2em;
}
#contenedor {
    margin: 1.2em auto;
    width: 58em;
}
#capsal {
    text-align: center;
}
#mollaPa {
    list-style: none outside none;
    margin-bottom: 0.6em;
    margin-top: 1.1em;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
#mollaPa li {
    display: inline;
    font-size: 0.9em;
}
#serveis {
    height: 2em;
    list-style: none outside none;
    margin: 0.8em auto 0;
    text-align: center;
}
#serveis li {
    display: inline;
    padding: 0.1em 0;
    position: relative;
}
#serveis li a {
    padding: 0 1em;
}
#serveis li:hover, #serveis li a:hover {
    background-color: #E5E5E5;
}
#serveis li:hover ul {
    display: block;
}
#serveis li ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #E5E5E5;
    border-color: -moz-use-text-color #FFFFFF #FFFFFF;
    border-image: none;
    border-right: 1px solid #FFFFFF;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    display: none;
    left: -1px;
    padding-bottom: 1em;
    position: absolute;
    top: 1.3em;
    width: 15em;
    z-index: 10;
}
#serveis li ul li {
    display: block;
    line-height: 1.3em;
    padding-left: 0.8em;
    padding-top: 0.5em;
    text-align: left;
}
#serveis li ul li a {
    padding: 0;
}
#serveis li.p:hover, #serveis li.p a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
h1.titol {
    font-size: 1.4em;
    margin: 0 0.8em;
    text-align: center;
}
h1 a, h1 a:hover {
}
#continguts {
    margin: 1.5em 0 5em;
    overflow: hidden;
    width: 100%;
}
#eines, #peu {
    overflow: hidden;
    width: 100%;
}
#peu {
    border-top: 1px solid #CCCCCC;
    font-size: 0.9em;
    margin-top: 0.5em;
    padding-top: 0.3em;
}
#eines .esquerra {
    float: left;
    margin-right: 0.9em;
    width: 13.9em;
}
#eines .centre {
    float: left;
    line-height: 1.2em;
    width: 28.2em;
}
#eines .dreta {
    float: right;
    width: 14.8em;
}
#peu .esquerra {
    float: left;
    margin-right: 1em;
    width: 15.5em;
}
#peu .centre {
    float: left;
    line-height: 1.4em;
    margin-right: 1em;
    width: 31.5em;
}
#peu .dreta {
    float: left;
    width: 13.2em;
}
#eines .centre .tamanyLletra {
    float: left;
    margin-right: 1em;
}
#eines .centre .idiomes {
    display: block;
    float: left;
    margin: 0;
    width: 23em;
}
.esquerra h2, .dreta h2 {
    font-size: 1.25em;
    line-height: 1em;
    margin-bottom: 0.3em;
}
.esquerra h2 span, .dreta h2 span {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    margin-bottom: 0.3em;
}
.esquerra h3, .dreta h3 {
    font-size: 1em;
}
.esquerra ul, .dreta ul {
    list-style: none outside none;
    margin-bottom: 1.2em;
}
.esquerra ul li, .dreta ul li {
    line-height: 1.1em;
    margin-bottom: 0.3em;
}
.dreseres dt {
    font-size: 1.1em;
    font-weight: bold;
}
.dreseres dt span {
    color: #000000;
    font-size: 1.4em;
    font-style: italic;
    font-weight: normal !important;
}
.dreseres dd {
    padding-bottom: 0.5em;
    padding-left: 2em;
}
#enllasDest {
    height: 9.7em;
    overflow: hidden;
}
#enllasDest #enllas {
    background: url("../imgs/index/bp_cortina.gif") no-repeat scroll 300px 0 rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 7.2em;
    margin: 0;
    padding: 2.5em 0 0 26em;
    text-decoration: none;
    width: 32em;
}
#enllasDest #enllas .frase1 {
    font: 1.5em Arial,Helvetica,sans-serif;
}
#enllasDest #enllas .frase2 {
    color: #666666;
    font: 2.5em/1.2em Georgia,"Times New Roman",Times,serif;
}
#enllasDestPeu {
    background: url("../imgs/index/bp_sombra.gif") repeat-x scroll 0 0 #FFFFFF;
    border-top: 1px solid #FFFFFF;
    font-size: 1em;
    height: 2em;
}
div#agenda {
    float: left;
    margin-right: 1em;
    width: 18em;
}
div#agenda h2 {
    font-size: 1.25em;
    line-height: 1em;
    margin-bottom: 0.3em;
}
.calendariTabla {
    border: 1px solid #CCCCCC;
    width: 17em;
}
.calendariTabla th {
    background-color: #EFEFEF;
    color: #000000;
    padding: 0.5em;
}
.calendariTabla tr.par {
    background-color: #F7F7F7;
}
.calendariTabla td {
    border: 1px solid #EFEFEF;
    border-collapse: collapse;
    padding: 0.2em;
    text-align: center;
}
.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: 0.3em;
}
div#noticies ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
div#noticies ul li {
    margin-bottom: 0.5em;
    overflow: hidden;
    width: 100%;
}
div#noticies ul li img {
    float: left;
    margin-right: 0.8em;
}
div#noticies ul li p.font {
    font-size: 0.9em;
    margin: 0;
}
div#noticies ul li p.enllas {
    margin: 0;
}
ul#banners {
    clear: both;
    padding: 2em 0 0;
    text-align: center;
}
ul#banners li {
    display: inline;
    list-style: none outside none;
    margin-right: 0.5em;
}
ul#banners li img {
    width: 18em;
}
a.enlaceInterno {
    background: url("../imgs/noticies/enlace_interno.gif") no-repeat scroll 0 0.2em rgba(0, 0, 0, 0);
    padding-left: 2.5em;
}
a.enlaceExterno {
    background: url("../imgs/noticies/enlace_externo.gif") no-repeat scroll 0 0.2em rgba(0, 0, 0, 0);
    padding-left: 2.5em;
}
a.docPDF {
    background: url("../imgs/noticies/doc_pdf.gif") no-repeat scroll 0 0.2em rgba(0, 0, 0, 0);
    padding-left: 2.5em;
}
#marcLateral, #marcLateralAmbIcones {
    float: left;
    list-style: none outside none;
    margin-right: 1.3em;
    width: 13.7em;
}
#indexCercador {
    margin-bottom: 1.5em;
}
#indexCercador input {
    border: 2px solid #E5E5E5;
    margin-bottom: 0.5em;
    width: 92%;
}
#indexCercador button {
    margin-right: 0.5em;
}
#marcLateral ul {
    list-style: none outside none;
    margin-bottom: 0.8em;
}
#marcLateral ul li {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
    padding: 0.2em 0;
}
#marcLateral ul li.seleccionado {
    font-weight: bold;
}
#marcLateral ul li a {
    outline: medium none;
}
#marcLateral ul li a:hover {
    color: #CC3333;
}
#marcLateral ul li ul {
    margin-top: 0.2em;
}
#marcLateral ul li ul li {
    font-size: 1em;
    font-weight: normal;
}
#marcLateral ul li ul li a {
    background: url("../imgs/marclateral/pagina.gif") no-repeat scroll left top #FFFFFF;
    color: #000000;
    display: block;
    padding-left: 0.6em;
}
#marcLateral ul li ul li a.pareAD {
    background: url("../imgs/marclateral/carpeta.gif") no-repeat scroll left top #FFFFFF;
}
#marcLateral ul li ul li a.pareADon {
    background: url("../imgs/marclateral/carpetaon.gif") no-repeat scroll left top #FFFFFF;
}
#marcLateral ul li ul li ul li {
    font-size: 0.9em;
    padding-left: 0.5em;
}
#marcLateralAmbIcones ul {
    list-style: none outside none;
    margin-bottom: 0.8em;
}
#marcLateralAmbIcones ul li {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
    padding: 0.2em 0;
}
#marcLateralAmbIcones ul li.seleccionado {
    font-weight: bold;
}
#marcLateralAmbIcones ul li a {
    outline: medium none;
}
#marcLateralAmbIcones ul li a:hover {
    color: #CC3333;
}
#marcLateralAmbIcones ul li ul {
    margin-top: 0.2em;
}
#marcLateralAmbIcones ul li ul li {
    font-size: 1em;
    font-weight: normal;
}
#marcLateralAmbIcones ul li ul li a {
    color: #000000;
    display: block;
    padding-left: 0.6em;
}
#marcLateralAmbIcones ul li ul li ul li {
    font-size: 0.9em;
    padding-left: 0.5em;
}
#marcLateralAmbIcones ul li img {
    margin-right: 0.6em;
    vertical-align: middle;
}
#info {
    float: left;
    line-height: 1.2em;
    width: 43em;
}
#infoNoMenu {
    background-color: #FFFFFF;
    padding: 0 1em 1em;
}
#info h1, #infoNoMenu h1 {
    font-size: 1.5em;
    padding: 0 0 0.5em;
    text-align: center;
}
#info h2, #infoNoMenu h2 {
    font-size: 1.5em;
    padding: 0 0 0.5em;
    text-align: left;
}
#info h3, #infoNoMenu h3 {
    font-size: 1.3em;
    padding: 0 0 0.5em;
    text-align: left;
}
#info h4, #infoNoMenu h4 {
    font-size: 1.2em;
    padding: 0 0 0.5em;
    text-align: left;
}
#info h5, #infoNoMenu h5 {
    font-size: 1.2em;
    font-weight: normal;
    padding: 0 0 0.5em;
}
#info h6, #infoNoMenu h6 {
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    padding: 0 0 0.5em;
    text-decoration: underline;
}
#info h7, #infoNoMenu h7 {
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    padding: 0 0 0.5em;
}
#info ul, #infoNoMenu ul {
    list-style-position: inside;
    margin: 0.8em 0 1em 2em;
    padding: 0;
}
#info ul li, #infoNoMenu ul li {
    padding-bottom: 0.5em;
}
#info ol, #infoNoMenu ol {
    list-style-position: inside;
    margin: 0.8em 0 1em 2em;
    padding: 0;
}
#info ol li, #infoNoMenu ol li {
    padding-bottom: 0.5em;
}
#info p, #infoNoMenu p {
    line-height: 1.2em;
    margin: 0.8em 0;
}
#enquestaPregunta ul {
    list-style: none outside none;
    margin: 1em 0;
    padding: 0 0 0 3em;
}
#enquestaPregunta #botonera, #enquestaPregunta p, #enquestaResultats p {
    text-align: center;
}
#enquestaResultats ul {
    list-style: circle outside none;
    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 {
    background-color: #E5E5E5;
    display: block;
    margin-top: 0.3em;
}
#enquestaPregunta img, .enquestaResultats img {
    margin-bottom: 2em;
}
.enquestaResultats p {
    text-align: center;
}
.enquestaResultats ul {
    list-style: circle outside none;
    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 {
    background-color: #E5E5E5;
    display: block;
    margin-top: 0.3em;
}
div#enquestaPreguntaCom h3 {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 0 0 0.4em;
}
div#enquestaPreguntaCom ul {
    list-style: none outside none;
    margin: 0.1em 0;
    padding: 0 0 0 1em;
}
div#enquestaPreguntaCom li {
    font-size: 1em;
    padding-bottom: 0.3em;
}
div#enquestaPreguntaCom img {
    margin-bottom: 0.5em;
    width: 100px;
}
div#enquestaPreguntaCom #botonera, #enquestaPreguntaCom p {
    text-align: center;
}
div#botoneraCom {
    text-align: center;
}
div#pagMapaWeb {
    margin-top: 1.5em;
}
div#pagMapaWeb ul {
    list-style: none outside none;
    margin: 0.4em 0 1.5em 2em;
}
div#pagMapaWeb ul li {
    padding-bottom: 0.3em;
}
#atencioForm {
    margin-top: 3em;
}
#atencioForm p {
    overflow: hidden;
    width: 45em;
}
#atencioForm p span.etiqueta {
    display: block;
    float: left;
    padding-right: 0.8em;
    text-align: right;
    width: 10em;
}
#atencioForm p input[type="text"], #atencioForm p textarea {
    width: 25em;
}
#atencioForm p.botonera {
    margin-left: 10.8em;
    width: 30em;
}
ul#llistat {
    margin: 2em 0;
    width: 42em;
}
ul#llistat li {
    clear: left;
    list-style: none outside none;
    margin-bottom: 0.5em;
    margin-left: 1em;
    overflow: hidden;
    width: 100%;
}
ul#llistat li img {
    float: left;
    margin-right: 0.8em;
}
ul#llistat li p {
    margin: 0.3em 0;
    text-align: justify;
}
p#navLlistat {
    clear: both;
    padding: 0.5em;
    text-align: center;
}
ul.noticies li p.font {
    font-size: 0.9em;
    margin: 0 !important;
}
ul.noticies li p.enllas {
    margin: 0;
}
table.Taula_ContornGros {
    border: 2px solid #CCCCCC;
    border-collapse: collapse;
    empty-cells: show;
    margin: 1em 0;
    width: 99%;
}
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 {
    border: 1px solid #CCCCCC;
    padding: 0.2em 0.5em;
}
table.Taula_Transparent {
    border: 0 none;
    border-collapse: collapse;
    empty-cells: show;
    margin: 1em 0;
    width: 99%;
}
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: 0.2em 0.5em;
}
table.Taula_SombrejatClar {
    border-bottom: 1px solid #CCCCCC;
    border-collapse: collapse;
    border-top: 1px solid #CCCCCC;
    empty-cells: show;
    margin: 1em 0;
    width: 99%;
}
table.Taula_SombrejatClar thead th, table.Taula_SombrejatClar thead td {
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    text-align: left;
}
table.Taula_SombrejatClar thead th, table.Taula_SombrejatClar thead td, table.Taula_SombrejatClar tbody td {
    padding: 0.2em 0.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 {
    border: 0 none;
    border-collapse: collapse;
    empty-cells: show;
    margin: 1em 0;
    width: 99%;
}
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 none !important;
}
table.Taula_SenseContorn thead th, table.Taula_SenseContorn thead td, table.Taula_SenseContorn tbody td {
    padding: 0.2em 0.5em;
}
table.Taula_SenseContorn thead th, table.Taula_SenseContorn thead td {
    border-left: 1px solid #CCCCCC;
    font-weight: bold;
    text-align: left;
}
table.Taula_SenseContorn tbody td {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
table.Taula_ContornSimple {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    empty-cells: show;
    margin: 1em 0;
    width: 99%;
}
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 {
    border: 1px solid #CCCCCC;
    padding: 0.2em 0.5em;
}
#infoFAQ {
    margin: 20px;
    text-align: left;
}
#infoFAQ dl {
    list-style-type: none;
}
#infoFAQ dl li a, #infoFAQ dl li span {
    display: block;
    position: relative;
}
#infoFAQ a:hover {
    color: #000000;
}
#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 dl dt {
    font-weight: bold;
}
#infoFAQ dl li:focus dl, #infoFAQ dl li:active dl {
    display: block;
    position: relative;
    text-align: justify;
}
#infoFAQ table.falsa {
    border: 0 none;
    border-collapse: collapse;
    position: relative;
    text-align: justify;
}

FORM DIV.separacio {
     clear: both;
     font-size: 0.4em;
     height: 1em;
}

textarea {
     background-color: #FFF9FF;
     border: 10px solid #000000;
     width: 500px;
}


form [type="text"] {
     background-color: #FFF9FF;
     height: 20px;
}

FORM DIV.etiqueta {
    display: block;
    float: left;
    padding-right: 0.8em;
    padding-top: 0.25em;
    text-align: right;
    width: 20%;
}

h2 {
    margin-left: 152px;
}

p.botonera {
   padding-left: 152px;
}

input[type="submit"] {
     padding: 5px;
     width: 100px;
    font-weight:bold
}