*{
    margin: 0;
    padding: 0;
}

/* -------------- inici Definicions generals  ----------------------- */
html {
    padding:0px;
    margin:0px;
}

body {
    background:url(/opencms/export/sites/fobsic_site/ca/img/fons_ratllat.gif);
    text-align:left;
    margin:0px;
    padding:0px;
}

/* -----------  fi definicions generals ----------------- */



/* ------------------ CAPES ESTRUCTURA GENERAL  ------------------- */

#general{
    /*width: 950px;*/
    width: 100%;
    height:100%;
    margin: 0px;
    padding: 0px;
    text-align:left;
}

#box{
    width: 950px;
    height:auto;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
}

#box-head {
    float:left;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
    position:relative;
    height:auto;
}


/* ------------------ ESTRUCTURA GENERAL  ------------------- */




/* inici moduls head*/
#head {
    /*background: url(/opencms/export/sites/fobsic_site/ca/img/fons_head.jpg); */
    width:945px;
    height: 93px;
    margin: 0px;
    padding: 0px;
    float:left;
}

#menu1{
    width: 75px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #445C18;
    font-weight: bold;
    text-decoration:none;
    margin: 77px 0px 0px 188px;
    padding: 0px 0px 0px 0px;
    float:left;
    display:inline;
    width:auto;
    height:14px;
    text-align:center;
}

#menu1 a{
    display:block;
    width: 75px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #445C18;
    font-weight: bold;
    text-decoration:none;
    height:14px;

}

#menu1 a:hover{
    display:block;
    width: 75px;
    height:14px;
    text-decoration:none;
    background:#F0F014;
}


#menu2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #445C18;
    font-weight: bold;
    text-decoration:none;
    margin: 77px 0px 0px 18px;
    padding: 0px 0px 0px 0px;
    float:left;
    display:inline;
    width: 120px;
    height:14px;

}

#menu2 a{
    display:block;
    width: 120px;
    height:14px;
    text-decoration:none;
    color: #445C18;
}

#menu2 a:hover{
    display:block;
    width: 120px;
    height:14px;
    text-decoration:none;
    background:#F0F014;
}

#menu3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #445C18;
    font-weight: bold;
    text-decoration:none;
    margin: 77px 0px 0px 18px;
    padding: 0px 0px 0px 0px;
    float:left;
    display:inline;
    width: 122px;
    height:14px;

}


#menu3 a{
    display:block;
    width: 122px;
    height:14px;
    text-decoration:none;
    color: #445C18;
}

#menu3 a:hover{
    display:block;
    width: 122px;
    height:14px;
    text-decoration:none;
    background:#F0F014;
}

#menu4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #445C18;
    font-weight: bold;
    text-decoration:none;
    margin: 77px 0px 0px 19px;
    padding: 0px 0px 0px 0px;
    float:left;
    display:inline;
    width: 89px;
    height:14px;
}

#menu4 a{
    display:block;
    width: 89px;
    height:14px;
    text-decoration:none;
    color: #445C18;
}

#menu4 a:hover{
    display:block;
    width: 89px;
    height:14px;
    text-decoration:none;
    background:#F0F014;
}

#menu5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #445C18;
    font-weight: bold;
    text-decoration:none;
    margin: 77px 0px 0px 19px;
    padding: 0px 0px 0px 0px;
    float:left;
    display:inline;
    width: 73px;
    height:14px;
}

#menu5 a{
    display:block;
    width: 73px;
    height:14px;
    text-decoration:none;
    color: #445C18;
}

#menu5 a:hover{
    display:block;
    width: 73px;
    height:14px;
    text-decoration:none;
    background:#F0F014;
}

#menu6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #445C18;
    font-weight: bold;
    text-decoration:none;
    margin: 77px 0px 0px 19px;
    padding: 0px 0px 0px 0px;
    float:left;
    display:inline;
    width: 125px;
    height:14px;
}

#menu6 a{
    display:block;
    width: 125px;
    height:14px;
    text-decoration:none;
    color: #445C18;

}

#menu6 a:hover{
    display:block;
    width: 125px;
    height:14px;
    text-decoration:none;
    background:#F0F014;
}

#tamanytext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #445C18;
    font-weight: bold;
    text-decoration:none;
    padding: 0px 0px 0px 0px;
    float:right;
    display:inline;
    width:auto;
    height:14px;

}

#idioma {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #445C18;
    font-weight: bold;
    text-decoration:none;
    padding: 0px 0px 0px 0px;
    float:right;
    display:inline;
    width:auto;
    height:14px;
}


/* inici menu desplegables */

#desp1{
    float:left;
    display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:150px;
    height:auto;
    z-index:1000;
    position: absolute;
    top:93px;
    left:170px;
    visibility: hidden;
}


#navlist1 {
    padding: 0 1px 1px;
    margin-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background: #97A66D;
    width: 150px;
    color:#445C18;
    font-weight: bold;
}

#navlist1 li {
    list-style: none;
    margin: 0;
    border-top: 1px solid #97A66D;
    text-align: left;
}

#navlist1 li a {
    display: block;
    padding: 3px 0px 0px 3px;
    border-left: 4px solid #97A66D;
    background: #DFE5C9;
    text-decoration: none;
    height:15px;
}

#navlist1 li a:link { color:#445C18; }
#navlist1 li a:visited { color:#445C18; }

#navlist1 li a:hover {
    border-color: #97A66D;
    color: #445C18;
    background: #F0F014;
}

#desp6{
    float:left;
    display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:125px;
    height:auto;
    z-index:1000;
    position: absolute;
    top:93px;
    left:741px;
    visibility: hidden;
}


#navlist2 {
    padding: 0 1px 1px;
    margin-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background: #97A66D;
    width: 125px;
    color:#445C18;
    font-weight: bold;
}

#navlist2 li {
    list-style: none;
    margin: 0;
    border-top: 1px solid #97A66D;
    text-align: left;
}

#navlist2 li a {
    display: block;
    padding: 3px 0px 0px 3px;
    border-left: 4px solid #97A66D;
    background: #DFE5C9;
    text-decoration: none;
    height:15px;
}

#navlist2 li a:link { color:#445C18; }
#navlist2 li a:visited { color:#445C18; }

#navlist2 li a:hover {
    border-color: #97A66D;
    color: #445C18;
    background: #F0F014;
}

#desp2{
    float:left;
    display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:175px;
    height:auto;
    z-index:1000;
    position: absolute;
    top:93px;
    left:263px;
    visibility: hidden;
}

#navlist3 {
    padding: 0 1px 1px;
    margin-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background: #97A66D;
    width: 200px;
    color:#445C18;
    font-weight: bold;
}

#navlist3 li {
    list-style: none;
    margin: 0;
    border-top: 1px solid #97A66D;
    text-align: left;
}

#navlist3 li a {
    display: block;
    padding: 3px 0px 0px 3px;
    border-left: 4px solid #97A66D;
    background: #DFE5C9;
    text-decoration: none;
    height:15px;
}

#navlist3 li a:link { color:#445C18; }
#navlist3 li a:visited { color:#445C18; }

#navlist3 li a:hover {
    border-color: #97A66D;
    color: #445C18;
    background: #F0F014;
}

#desp3{
    float:left;
    display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:150px;
    height:auto;
    z-index:1000;
    position: absolute;
    top:93px;
    left:401px;
    visibility: hidden;
}

#navlist4 {
    padding: 0 1px 1px;
    margin-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background: #97A66D;
    width:150px;
    color:#445C18;
    font-weight: bold;
}

#navlist4 li {
    list-style: none;
    margin: 0;
    border-top: 1px solid #97A66D;
    text-align: left;
}

#navlist4 li a {
    display: block;
    padding: 3px 0px 0px 3px;
    border-left: 4px solid #97A66D;
    background: #DFE5C9;
    text-decoration: none;
    height:15px;
}

#navlist4 li a:link { color:#445C18; }
#navlist4 li a:visited { color:#445C18; }

#navlist4 li a:hover {
    border-color: #97A66D;
    color: #445C18;
    background: #F0F014;
}


#desp4{
    float:left;
    display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:200px;
    height:auto;
    z-index:1000;
    position: absolute;
    top:93px;
    left:542px;
    visibility: hidden;
}

#navlist5 {
    padding: 0 1px 1px;
    margin-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background: #97A66D;
    width:200px;
    color:#445C18;
    font-weight: bold;
}

#navlist5 li {
    height:auto;
    list-style: none;
    margin: 0;
    border-top: 1px solid #97A66D;
    text-align: left;
}

.sep {
    line-height:9.5px;
    padding: 0px 0px 3px 0px;
}

#navlist5 li a {
    display: block;
    padding: 3px 0px 3px 3px;
    border-left: 4px solid #97A66D;
    background: #DFE5C9;
    text-decoration: none;
    height:19px;
}

#navlist5 li a:link { color:#445C18; }
#navlist5 li a:visited { color:#445C18; }

#navlist5 li a:hover {
    border-color: #97A66D;
    color: #445C18;
    background: #F0F014;
}


#desp5{
    float:left;
    display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:200px;
    height:auto;
    z-index:1000;
    position: absolute;
    top:93px;
    left:649px;
    visibility: hidden;
}

#navlist6 {
    padding: 0 1px 1px;
    margin-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background: #97A66D;
    width:200px;
    color:#445C18;
    font-weight: bold;
}

#navlist6 li {
    list-style: none;
    margin: 0;
    border-top: 1px solid #97A66D;
    text-align: left;
}

#navlist6 li a {
    display: block;
    padding: 3px 0px 0px 3px;
    border-left: 4px solid #97A66D;
    background: #DFE5C9;
    text-decoration: none;
    height:15px;
}

#navlist6 li a:link { color:#445C18; }
#navlist6 li a:visited { color:#445C18; }

#navlist6 li a:hover {
    border-color: #97A66D;
    color: #445C18;
    background: #F0F014;
}

#desp7{
    float:left;
    display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:60px;
    height:auto;
    position: absolute;
    top:93px;
    left:850px;
    visibility: hidden;
    z-index:1;
}

#navlist7 {
    padding: 0 1px 1px;
    margin-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background: #97A66D;
    width:60px;
    color:#445C18;
    font-weight: bold;
}

#navlist7 li {

    list-style: none;
    margin: 0;
    border-top: 1px solid #97A66D;
    text-align: left;

}

#navlist7 li a {
    display: block;
    padding: 3px 0px 0px 3px;
    border-left: 4px solid #97A66D;
    background: #DFE5C9;
    text-decoration: none;
    height:15px;
}

#navlist7 li a:link { color:#445C18; }
#navlist7 li a:visited { color:#445C18; }

#navlist7 li a:hover{
    border-color: #97A66D;
    color: #445C18;
    background: #F0F014;
}

/*fi menus desplegables*/

/*fi moduls head */

/*inici contenidor*/


    
        #contenidor {
        float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons3.gif);
    background-color:#FFFFFF;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
}

#contenidor_nivell3 {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons3.gif);
    /*background-color:#FFFFFF;*/
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
}



#contenidor-a {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons3.gif);
    background-color:#FFF7D3;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
}
#contenidor-b {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons3.gif);
    background-color:#FFF7D3;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
}

#contenidor-c {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons3.gif);
    background-color:#FFF7D3;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;

}

#contenidor-d {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons3.gif);
    background-color: #FFF7D3;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;

}

#contenidor-e {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons3.gif);
    background-color: #FFF7D3;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;

}
#contenidor-f {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons3.gif);
    background-color: #FFF7D3;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;

}

#contenidor-g {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons3.gif);
    background-color: #FFF7D3;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
}

#contenidor-h {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons4.gif);
    background-color: #FFF7D3;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
}

#contenidor-i {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons4.gif);
    background-color: #FFF7D3;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
}

#contenidor-j {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons4.gif);
    background-color: #FFF7D3;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
}

#contenidor-k {
    float:left;
    background-image:url(/opencms/export/sites/fobsic_site/ca/img/fons4.gif);
    background-color: #FFF7D3;
    width: 945px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
}

/*inici left*/

#left {
    background: url(/opencms/export/sites/fobsic_site/ca/img/fons_col_izq.gif);
    width:164px;
    height:auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}


#data{
    float:left;
    width: 164px;
    height:14px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    font-style: normal;
    background:#FFCC00;
    border-bottom:1px solid #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:center;
}

#menulateral{
    width: 164px;
    height:230px;
    float:left;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:left;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #697D42;
    font-weight: bold;
}

#lista {
    width: 164px;
    font-family: sans-serif;
    padding: 0;
}

#lista li{
    height:14px;
    color:#000000;
    display: block;
    margin: 0px 0px 9px 0px;
    padding: 0px 0px 0px 0px;
}

#lista li:hover{
    height:14px;
    color:#000000;
    background:#FFCC00;
    display: block;
    margin: 0px 0px 9px 0px;
    padding: 0px 0px 0px 0px;
}

#lista li img {
    float:left;
}

#lista li a{
    width: 136px;
    display: block;
    float:left;
    height:14px;
    text-align:left;
    text-decoration: none;
    color: #000000;
    padding: 0 0 0 7px;
}

#lista li a:visited { color: #000000;}

/*
#lista li ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
	background:none;
	background-color:#FFEDA5;
}
*/

#banners{
    margin: 0px 0px 0px 16px;
    padding: 0px 0px 0px 0px;
    height: 100%;
    float:left;
    width:118px;
    vertical-align:bottom;
    position:relative;
    left: 20px;
    top: 205px;
}

/*fi left*/

/*inici center*/

#ruta-3col{
    background:#FFF7D3;
    width:776px;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 4px 5px;
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bolder;
}

#ruta-3col table,
#ruta-3col table tr,
#ruta-3col table tr td {
    border: 0px;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

#ruta-2col{
    background:#FFF7D3;
    width:776px;
    margin: 0px 0px 3px 0px;
    padding: 3px 0px 4px 5px;
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bolder;
}

#ruta-2col table,
#ruta-2col table tr,
#ruta-2col table tr td {
    border: 0px;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

#ruta-3col a{
    background:#FFF7D3;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bolder;
}

#ruta-2col a{
    background:#FFF7D3;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bolder;
}

#ruta-3col a:hover{
    background:#FFFFFF;
    text-decoration:underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bolder;
}

#ruta-2col a:hover{
    background:#FFFFFF;
    text-decoration:underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bolder;
}

#center{
    width: 571px;
    height: auto;
    margin: 0 0 0px 8px;
    padding: 0 0 10px 0;
    float:left;
}

/*fi center*/

/*inici right*/

#right {
    background-color: #FFF7D3;
    width:196px;
    margin: 0;
    padding: 0px 0px 10px 0px;
    float: right;
    vertical-align:top;
}

#right_buscador {
    background-color: #FFF7D3;
    width:196px;
    float: right;
}

#input-a_buscador{
    width:190px;
    text-align: center;
}

#input-a{
    width:190px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 6px;
    float: left;
    /*display:block;*/
}

#ia{
    margin: 0;
    padding: 0;
    width:169px;
    height:18px;
}

.cercadorText{
    width: 164px;
    height:14px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-left:8px;
    padding: 0px 0px 0px 6px;
    text-align:left;
    color: #000000;
    background-color: #FFCC00;
    font-weight: bold;
}


.inp1{
    border:2px solid #000000;
    width:160px;
    height:17px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    /*margin: 0px 0px 0px 8px;*/
    margin-left:8px;
    padding: 0px 0px 0px 6px;
    vertical-align:middle;
}

#input-ok-a{
    float:left;
    width:12px;
    height:17px;
    position:relative;
    top:-17px;
    left:163px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#cerca-avant{
    width:145px;
    float:left;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #A8B685;
    font-weight: normal;
    text-decoration: underline;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.tiflo{
    width:20px;
    float:left;
}

#cerca-avant a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    text-decoration: underline;
}

#cerca-avant a:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #636363;
    font-weight: normal;
    text-decoration: underline;
}

.blocks {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    text-align:left;
    border-left:dotted 1px #636363;
    border-top:dotted 1px #636363;
    border-bottom:dotted 1px #636363;
}

.blocks h1{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 20px;
    color: #996600;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 24px;
    text-align:left;
}

.blocks h1 a{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 20px;
    color: #996600;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 24px;
    text-decoration: none;
    text-align:left;
}

.blocks p{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #996600;
    line-height: 11px;
    text-align:left;
}

.mesinfo{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #636363;
    font-weight: bold;
    text-decoration: underline;
    line-height: 12px;
}

.mesinfo a{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #636363;
    font-weight: bold;
    text-decoration: none;
    line-height: 12px;
}


.mesinfo a:hover{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #A8B685;
    font-weight: bold;
    text-decoration: underline;
    line-height: 12px;
}

#pesta2{
    background:url(/opencms/export/sites/fobsic_site/ca/img/pesta1.gif) no-repeat;
    width:120px;
    margin: 3px 0px 0px 15px;
    padding: 1px 0px 0px 0px;
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #FFFFFF;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
    line-height: 10px;
}

.barraLogos{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#636363;
}

/*
.barraLogos a{
	background:#FDE998;
}
*/

.barraLogos table{
    background:#FFCC00;
}

.barraLogos table tr{
    padding-left:4px;
}

.barraLogos table td{
    padding-left:3px;
    border:0px;
}

.barraLogos table td img{
    border:0px;
}


.tagCloud{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.tagCloud h1{
    width:570px;
    background:#FDE998;
    text-align:center;
    color: #996600;
}

.tagCloud p{
    width:350px;
}

.tagCloud a{
    font-size: 10px;
    color: #996600;
    font-weight: bold;
    line-height: 12px;
    text-decoration: none;
}

.tagCloud a:hover{
    background:#FDE998;
}

.tagCloud table{
    width: 190px;
    font-family: Arial, Helvetica, sans-serif;
    border:solid 2px #FFCC00;
}

.tagCloud table td{
    padding: 2px 3px;
    text-align: center;
}

.tagCloud table caption{
    background:#FFCC00;
    font-weight: bold;
    width: 190px;
}

.tagCloud ul{
    width:350px;
}

.calendari{
    width:165px;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
    float:left;
    background:#E9E9E9;
}

.diumenge{
    font-family: verdana;
    font-size: 9px;
    font-weight: bold;
    color:#536900;
    text-align:center;
}

.diumenge a{
    font-family: verdana;
    font-size: 9px;
    font-weight: bold;
    color:#536900;
    text-align:center;
    text-decoration:none;
}

.diumenge a:hover{
    width:18px;
    border:1px solid #606060;
    font-family: verdana;
    font-size: 9px;
    color:#536900;
    font-weight: bold;
    text-align:center;
    background:#A5A5A5;
}

.calendar {
    width:165px;
    font-family: verdana;
    font-size: 9px;
    color: #636363;
    font-weight: bold;
    text-align:center;
}

.calendar table {
    width:165px;
    font-family: verdana;
    font-size: 9px;
    color: #636363;
    font-weight: bold;
    text-align:center;
    cursor: default;
}

.calendar .button {
    width:20px;
}

.calendar .nav {
    width:20px;
}

.calendar thead .title {
    width:20px;
    margin: 0px 0px 0px 0px;
    padding: 7px 0px 3px 0px;
    font-family: arial;
    font-size: 11px;
    color: #C4C4C4;
    font-weight: bold;
    text-align:center;
}

.calendar thead .headrow {
    margin: 0px 0px 7px 0px;
    padding: 0px 0px 0px 0px;
    font-family: arial;
    font-size: 9px;
    color: #999999;
    font-weight: bold;
    text-align:center;
    border-top: 1px solid #ACB588;
    border-bottom: 1px solid #AECF44;
    background:#DADADA;
}

.calendar thead .daynames {
    font-family: arial;
    font-size: 9px;
    color: #8F9B6D;
    font-weight: bold;
    text-align:center;
}

.calendar thead .daynames .wn {
    width:20px;
    font-family: arial;
    font-size: 9px;
    color: #8F9B6D;
    font-weight: bold;
    text-align:center;
}

.calendar tbody td.weekend {
    font-family: verdana;
    font-size: 9px;
    font-weight: bold;
    color:#536900;
    text-align:center;
}

.calendar tbody .day {
    width:20px;
    font-family: verdana;
    font-size: 9px;
    color: #AAAAAA;
    font-weight: bold;
    text-align:center;
    text-decoration:none;
}

.day_with_events {
    color: #000000;
}

.calendar tbody td.hilite {
    width:20px;
    font-family: verdana;
    font-size: 9px;
    color: #636363;
    font-weight: bold;
    text-align:center;
    background:#A5A5A5;
}

.calendar table .wn {
    width:20px;
    font-family: verdana;
    font-size: 9px;
    color: #636363;
    font-weight: bold;
    text-align:center;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell {
    visibility: hidden;
}

.calendar tbody .emptyrow {
    display: none;
}

.calendar .combo {
    position: relative;
    display: none;
    width: 4em;
    top: 0px;
    left: 0px;
    cursor: default;
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #fff;
    background: #d8e0e4;
    font-size: 90%;
    padding: 1px;
    z-index: 100;
    margin: 0px 0px 0px 0px;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .active {
    background: #c8d0d4;
    padding: 0px;
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000;
}

.calendar .combo .hilite {
    background: #048;
    color: #aef;
}

/*fi right*/


/* INICI PEU */

#box-peu{
    float:left;
    width: 945px;
    height:17px;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border-bottom: 1px solid #FFCC00;
    border-top:none;
    border-right: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
    background:url(/opencms/export/sites/fobsic_site/ca/img/fons3.gif);
    background-color:transparent;
}

#peu {
    font-family: Helvetica;
    font-size: 10px;
    color: #ffffff;
    font-weight: normal;
    text-decoration:none;
    float: left;
    width: 945px;
    height:15px;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:none;
    background:none;
    background-color:transparent;
}

#peu-contacte {
    width:160px;
    float:left;
    text-align:center;
    margin: 1px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#peu-contacte a{
    text-decoration:none;
    color:#FFFFFF;
}

#peu-contacte a:hover{
    text-decoration:none;
    color:#697D41;
}

#peu-rss {
    width:42px;
    float:left;
    margin: 0px 0px 0px 2px;
    padding: 1px 0px 0px 0px;
}

#peu-txt {
    width:730px;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 0px 4px;
    text-align:left;
    overflow:hidden;
    height:15px;
}

#peu-txt a {
    font-family: Helvetica;
    font-size: 10px;
    color: #ffffff;
    font-weight: normal;
    text-decoration:none;
}

/*fi peu*/


/*inici subpeu*/

#sub-peu {
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    color: #B0893A;
    font-size: 12px;
    vertical-align:middle;
}

#sub-peu a {
    text-decoration:none;
    color: #B0893A;
    font-size: 12px;
}

#sub-peu table{
    background:none;
}

#sub-peu table tr{
    padding-left:4px;
}

#sub-peu table td{
    padding-left:3px;
    border:0px;
}

#sub-peu table td img{
    border:0px;
}

.email{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #5E5E5E;
    font-weight: bold;
    margin: 5px 0px 0px 113px;
    padding: 0px 0px 0px 0px;
    height:17px;
    width:230px;
    float:left;
}

/*fi subpeu*/

/*fi contenidor*/

.botons {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: normal;
    color: #666666;
    background-color: #FFFFFF;
}

div.menu {
    float:left;
    display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:150px;
    height:auto;
    z-index:1000;
    visibility: hidden;
    left: 0px;
    position: absolute;
    top: 0px;
    visibility: hidden;
    z-index: 101;
}

div.menu a.menuItem {
    display: block;
    text-decoration: none;
    padding: 3px 3px 3px 3px;
    margin-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:#000000;
    font-weight: bold;
    margin: 0;
    border-top: 1px solid #FFCC00;
    text-align: left;
    border-left: 4px solid #FFCC00;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
    display: block;
    padding: 3px 3px 3px 3px;
    border-left: 4px solid #FFCC00;
    text-decoration: none;
    color:#000000;
    margin: 0;
    border-top: 1px solid #FFCC00;
    text-align: left;
    background:#FFCC00;
}

div.menu a.menuItem span.menuItemText {
    font-size: 10px;
}

div.menuBar {
    position: absolute;
    top:76px;
    right:0px;
}

div.menuBar,
div.menuBar a.menuButton,
div.menuBar a.menuButton2,
div.menu,
div.menu a,
div.menu a.menuItem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    text-decoration:none;
    background:none;
    background-color:#FFEDA5;
}

div.menuBar {
    background:none;
}

div.menuBar a.menuButton2Big {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration:none;
    background:none;
}

div.menuBar a.menuButton2Med {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    font-weight: bold;
    text-decoration:none;
    background:none;
}

div.menuBar a.menuButton2Small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    color: #000000;
    font-weight: bold;
    text-decoration:none;
    background:none;
}

div.menuBar div.menuBarItem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFCC00;
    font-weight: bold;
    text-decoration:none;
    padding: 0px 0px 0px 0px;
    float:right;
    display:inline;
    background:#FFEDA5;
}

div.menuBarItem a{
    text-decoration:none;
    color: #FFCC00;
}

div.menuBarItem a:hover{
    text-decoration:none;
    background:none;
    color: #FFCC00;
}

div.menuBarItem a.menuButton {
    cursor: default;
    left: 0px;
    padding: 2px 6px 1px 6px;
    position: relative;
    text-decoration: none;
    font-weight: bold;
    top: 0px;
    z-index: 100;
    font-size: 10px;
}

/*Fetes Per la Maria*/

/*Idioma*/

.idioma {
    position:relative;
    bottom:95px;
    float:right;
    margin-top:50px;

}

.idioma a{
    text-decoration:none;
    color:#FFCC00;

}

/* PAGINACIO */

a.otherPages{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #B0893A;;
    font-weight: bold;
    text-decoration:none;
}

.currentPage{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
}

.IniciFinal{
    font-size: 12px;
    color: #B0893A;
    font-weight:bold;
    text-decoration:none;
}
.avislegal{
font-size: 12px;
color:#B0893A;
}

/* NOVA SECCIO */



.DadesEstadistiques a{
    font-size: 10px;
    color: #960;
    font-weight: bold;
    line-height: 12px;
    text-decoration: none;
}

.DadesEstadistiques a:hover{
    background:#FDE998;
}

.DadesEstadistiques table{
    width: 164px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top:250px;
    height:auto;
    background: #FFF7D3;
    display:block;


}
.DadesEstadistiques table tr{
    
    border-bottom: 1px dotted black;
}

.DadesEstadistiques table td{
    padding: 2px 3px;
    text-align: right;
}

.DadesEstadistiques table caption{
    background:#FFCC00;
    color:#960;
    width: 164px;
 
}
form
{
   padding:2px;
   cursor:pointer;
   display:block;
   width:300px;
   margin: 0 auto;
   text-align:left;
}
legend
{
   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
   font-weight: bold;
}
label
{
   display: block;
   padding:2px;
   margin:2px;
   cursor:pointer;
   color:#454545;
   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

input,select{
   margin:2px;
   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   display: block;
   color:#454545;

}
.noblck
{
   display: inline;
}


textarea
{
   width:97%;
}