img
{
    border:0px;
}

#seccio1
{
    background-color: white;
    width: 948px;
    height: 305px;
    border: 1px solid #b6b5b5;
}
#ombreSeccio1
{
    background: url('/img/home/ombre_menu_principal.png');
    width: 950px;
    height: 26px;
}
#seccio2
{
    padding: 0 10px;
}

#seccio3
 {
     padding: 20px 10px;
     margin-top: 10px;
    clear:both;
 }
#seccio4
{
    padding: 0 10px;
    margin-top: 40px;
    clear:both;
}
.sector700
{
    /*background: red;*/
    width: 690px;
    /*overflow: auto;*/
    float: left;
    margin-right: 10px;
    text-align:left;
}

.sector200
{
    /*background-color: blue;*/
    /*height: 100%;*/
    width: 230px;
    float: left;
    text-align:left;
}

.sector200 .pastilla img {
    box-shadow: 2px 2px 5px rgba(1,1,1,0.4);
}

#seccio4 .sector300 {
    background-color: #811e37;
    height: 222px;
    width: 300px;
    padding-left: 10px;
    padding-bottom: 10px;
    float: left;
    text-align:left;
    background-image: url('../img/home/fons_caixa_granate.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 10px rgba(1,1,1,0.5);
    margin-left: 8px;
}

#seccio4 .sector300 ul {
    padding-left: 20px;
}

#seccio4 .sector300 ul li {
  width:100%;
  float: right;
  list-style-type: none;
}

#seccio4 .sector300 ul li a {
    color:white;
    margin-top: 15px;
    font-size: 14px;
}

#seccio4 .sector300 ul li a span.iconaCaixaGranate {
    margin-top: 3px;
    margin-bottom: 5px;
    margin-right: 10px;
}
#seccio4 .sector300 ul li a span.text {
    padding-top: 13px;
    display: block;
}

.sector600 {    /* Caixa Seu electrònica */
    background: white;
    width: 550px;
    height: 190px;
    float: left;
    margin-left: 20px;
    border: 1px solid #D5D5D5;
    text-align: left;
    padding: 20px;
    background-image:url('/img/home/teclat.png');
    background-position:right top;
    background-repeat:no-repeat;
    box-shadow: 0px 0px 10px rgba(1,1,1,0.5);
}

.sector200 .webs
{
    width: 220px;
    /*height: 158px;*/
    background: url('/img/home/fons_webs.png') no-repeat;
    background-color: #504E4D;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 10px rgba(1,1,1,0.5);
    display: inline-block;
    height: 175px;
    font-size: 12px;
}

.sector200 .webs ul {
    color: white;
    margin: 0px;
    padding: 0px 10px 0px 25px;
}

.sector200 .webs ul li {
    color: white;
    margin: 0px;
    padding: 0px;
    list-style-image: url('/img/header/fletxa_petita.png');
}

.sector200 .webs ul li a {
    text-decoration: none;
    color: white;
}

.sector200 .webs ul li a:hover {
    text-decoration: underline;
}

.sector700 .serveisTemes,
.sector700 .serveisPersones,
.sector700 .serveisXifres,
.sector700 .serveisEmpresa  {
    height:128px;
}

.sector700 .serveisTemes {
    background: white;
    border: 1px solid #D5D5D5;
    margin: 0 5px 0 7px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 7px;
    padding: 20px;
    height: 150px;
}

.serveisTemes ul li a {
    color: #ad2927;
    text-decoration: none;
}

.serveisTemes ul li {
    color: #ad2927;
    font-size: 12px;
    list-style-image: url("../img/header/fletxa_petita.png");
    padding:0px;
    margin:0px;
}

.serveisTemes ul {
    padding:0px;
    margin:0px;
}
.serveisTemes table
{
    width:100%;
}
.serveisTemes table td {
    border-right: 1px dotted #D5D5D5;
    padding-left: 20px;
    vertical-align: top;
}

.tabServei
{
    float: left;
    margin-left: 0px;
    padding: 4px 20px;
    border: 1px solid #C1C1C1;
    font-family: 'Open Sans','Asap',sans-serif;

}
.selected a {
    color: white;
}
.selected {
    background: #AD2937;
}

#seccio2 .titol, #seccio3 .titol, #seccio4 .titol
{
    color: #AD2937;
    font-size: 22px;
    margin: 0 0 10px;
    padding: 0 0 0 25px;
    font-weight: bold;
    font-family: 'Open Sans','Asap',sans-serif;
}

#seccio3 .sector700 .titol {
    float: left;
    padding-right: 117px;
}

/*@-moz-document url-prefix() {*/
    /*#seccio3 .sector700 .caixa_ombres {*/
        /*overflow: visible;   *//*Necesari pel FF*/
        /*background-color:yellow;*/

    /*}*/
/*}*/


#seccio2 .caixa_ombres {
    overflow: hidden;
}

.caixa_ombres {
    background-image: url("../img/header/ombre_dreta.png"), url("../img/header/ombre_esquerra.png");
    background-position: right top, left top;
    background-repeat: repeat-y,repeat-y;
    /*overflow: visible;*/
    /*filter : progid:DXImageTransform.Microsoft.Shadow(color= #7d7d7d,direction=90,strength=5),*/
             /*progid:DXImageTransform.Microsoft.Shadow(color=#7d7d7d,direction=270,strength=5);*/
}

.caixa_ombres_inf{
    background-image: url("../img/header/ombre_inf_esq.png"),url("../img/header/ombre_inf_dre.png");
    height: 7px;
    background-repeat: no-repeat,no-repeat;
    background-position: left top,right top;
    margin-bottom: 10px;
}

.caixa_ombres_inf2{
    background-image: url("../img/header/ombre_inferior.png");
    height: 7px;
    background-repeat: repeat-x;
    margin-left: 8px;
    background-position: left top;
    margin-right: 6px;
}

.caixa_ombres_sup{
    background-image: url("../img/header/ombre_sup_esq.png"),url("../img/header/ombre_sup_dre.png");
    height: 7px;
    background-repeat: no-repeat,no-repeat;
    background-position: left bottom,right bottom;
    margin-left: 3px;
}
.caixa_ombres_sup2{
    background-image: url("../img/header/ombre_sup.png");
    height: 7px;
    background-repeat: repeat-x;
    margin-left: 6px;
    background-position: left bottom;
    margin-right: 6px;
}

.sector700 .noticies {
    min-height: 460px;
    background: white;
    margin-left: 8px;
    width: 400px;
    float: left;
}
.sector700 .agenda {
    min-height: 460px;
    background: white;
    margin-right: 5px;
    width: 277px;
    float: left;
}

#seccio2 .social_twitter {
    clear:both;
}

#seccio2 .social_facebook {
    clear:both;
}
#seccio2 .social_video {
    clear:both;
}
#seccio2 .videoBox {
    padding: 10px 7px;
}
#seccio2 .social_facebook iframe {
    background-color: white;
    border: none;
    overflow: hidden;
    width: 215px;
    height: 300px;
}

#seccio2 .social_twitter .twitterBox {
    margin-left: 8px;
    width:216px;
    /*margin-bottom: -8px;*/
    overflow: hidden;
    min-height: 240px;
}

#seccio2 .social_facebook .facebookBox{
    margin-left: 8px;
    /*margin-bottom: -5px;*/
    overflow: hidden;
    margin-right: 5px;
    background: white;
}

#seccio2 .noticies .titol,
#seccio2 .agenda .titol,
#seccio2 .social_titol .titol {
    background: #AD2937;
    color: white;
    font-size: 15px;
    height: 30px;
    vertical-align: middle;
    padding-top: 10px;
}

#seccio2 .social_titol .titol {
    margin-left: 8px;
    margin-right: 5px;
    margin-bottom: 0;
}

#seccio2 .social_icones {
    /*float:left;*/
    margin-left: 8px;
}


#seccio2 .noticies .titol a,
#seccio2 .agenda .titol a {
    color: white;
    text-decoration: none;
}

.noticies .actesNoticies {
    min-height: 380px;
    border-right: 1px dotted #D5D5D5;
    margin-bottom: 20px;
}

.agenda .actesAgenda {
    min-height: 380px;
    margin-bottom: 20px;
}

.actesAgenda .actes,
.actesNoticies .actes {
    min-height:710px;
    /*min-height: 505px;*/
    /*background:red;*/
    /*height: 25px;*/
    margin-top: 20px;
    overflow: hidden;
}

.actesAgenda .barraOpcions,
.actesNoticies .barraOpcions {
    /*background: yellow;*/
    height: 25px;
    margin-top: 10px;
    text-align: right;
    /*padding-right: 20px;*/
}

.barraOpcions a.boto {
     color: white;
     background: #AD2937;
     padding: 5px 10px;
     text-decoration: none;
     border: 1px solid #D5D5D5;
     vertical-align: top;
     margin-left: 150px;
     margin-right: 5px;
}

.barraOpcions a.RSS {
    text-decoration: none;
    font-size: 15px;
    color: black;
    margin-top: 50px;
    vertical-align: top;
}

.barraOpcions a.RSS:hover {
    text-decoration:underline;
}
#espaiBanner
{
    width: 707px;
    height: 100%;
    /*background: red;*/
    float: left;
    z-index:100;
    overflow:hidden;
}

#espaiBanner .nivoSlider {
    height: 280px;
}

#espaiBanner .nivo-controlNav {
    padding: 0;
    z-index:500;
}

.msie #espaiBanner .nivo-controlNav {
    margin-top: -10px;
}

#espaiBanner .nivo-controlNav a
{
    display:inline-block;
    width:22px;
    height:22px;
    background:url('/img/slider/bullets.png') no-repeat;
    border:0;
    color:white;
    font-size: 0;
}

#espaiBanner .nivo-controlNav a.active
{
    background-position:0 -22px;
}
.bannersSlider
{
    padding-top: 5px;
    text-align: left;
}

.actesAgenda .actes {
    width: 270px;
}

.actesNoticies .actes ul,
.actesAgenda .actes ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.actesNoticies .actes ul a,
.actesAgenda .actes ul a
{
    text-decoration: none;
    color:#ad2927;
    font-weight: bold;
}

.actesNoticies .actes ul li,
.actesAgenda .actes ul li {
    min-height: 90px;
    margin-left: 10px;
    margin-bottom: 8px;
}

.actesNoticies .actes ul li img,
.actesAgenda .actes ul li img {
    padding-right: 10px;
}

.actesNoticies .actes .imatgeActe,
.actesAgenda .actes .imatgeActe {
     float: left;
     min-height: 66px;
     max-height: 75px;
     overflow: hidden;
 }

.actesNoticies .actes .imatgeActe {
    width:110px
}

.actesNoticies .actes .imatgeActe img,
.actesAgenda .actes .imatgeActe img {
    max-width: 100px;
}

.actesNoticies .actes .imatgeActe img{
    width: 110px;
}

.actesAgenda .actes .imatgeActe img{
    width: 75px;
}

.actesNoticies .textImatgeAlternatiu {
    color:lightgrey;
    font-weight:bold;
    font-size:35px;
    line-height: 50px;
}

.actesNoticies .actes .textActe .data,.actesAgenda .actes .textActe .data{
    font-size: 12px;
    /*color: #949392;*/
    color: #646464;
}
/*****************************    CSS SPRITES    ************************************/

.bannersSlider .pastilla {
    background-image:url('../img/home/home.png');
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    width:240px;
    float:right;
    margin-bottom: 5px;
    box-shadow:2px 2px 5px rgba(1,1,1,0.4);
}

.bannersSlider .pastilla.turisme {
    background-position:0px -60px;
}
.bannersSlider .pastilla.tramits {
    background-position:0px -130px;
}

.bannersSlider .pastilla.planol {
    background-position:0px -200px;
}


.bannersSlider .pastilla.comentaris {
     background-position:0px -270px;
 }
.bannersSlider .pastilla.gobert {
    background-position:0px -560px;
}
.bannersSlider .pastilla.citaprevia {
    background-position:0px -680px;
}
.bannersSlider .pastilla.covid19 {
    background-position:0px -822px;
}

.seu
{
    color: black;
    font-size: 16px;
}

.iconaCaixaGranate {
    background-image:url('../img/home/home.png');
    background-repeat: no-repeat;
    display: block;
    height: 45px;
    width:45px;
    margin-bottom: 5px;
    float:left;
 }


.iconaCaixaGranate.telefons {
    background-position:-50px -350px;
}

.iconaCaixaGranate.pagaments {
    background-position:-50px -395px;
}

.iconaCaixaGranate.transit {
    background-position:-50px -440px;
}

.iconaCaixaGranate.oat {
    background-position:-50px -485px;
}