html {
    margin: 0;
    padding:0;
  }


body {
    background-color : #F1F2F4;
    color : #454545;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    text-align : center;
  }


a:link, a:visited {
    color: #484848;
    text-decoration: none;
    font-weight : bold;
  }


a:hover, a:active {
    color : #484848;
    font-weight : bold;
    text-decoration : underline;
  }


#container1 {
    background-color : #FFFFFF;
    margin-left:auto;
    margin-right:auto;
    margin-top:9px;
    margin-bottom:9px;
    text-align:left;
    width : 990px;
  }


#llengues {
    font-size : 12px;
    FLOAT: right;
    TEXT-ALIGN: right;
    padding-top: 5px;
    padding-right : 15px;
  }


#llengues a:link, #llengues a:visited {
    text-decoration: none;
    color : #999999;
  }


#llengues a:hover, #llengues a:active {
    text-decoration: none;
    color : #000000;
  }


#container2 {
    width: 960px;
    padding: 5px 15px 0px 15px;
    FLOAT: left;
    /*centra negli altri browsers*/text-align: left;
    /*ripristina l' allineamento*/background-color : #FFFFFF;
  }


#container3 {
    FLOAT: left;
    width: 960px;
    text-align: left;
    background-color : #F1F2F4;
  }


#banner_superior {
    width: 960px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    LIST-STYLE-TYPE: none;
    TEXT-ALIGN: center;
    COLOR: rgb(0,0,0);
  }


#menu_superior {
    PADDING: 0px 0px 0px 0px;
    FLOAT: left;
    margin: 9px 0px 10px 2px;
    LIST-STYLE-TYPE: none;
    width: 960px;
  }


#titol_centre {
    float : left;
    margin-top : 10px;
    margin-bottom : 10px;
    margin-left : 20px;
  }


#noticies_centre {
    FLOAT : left;
    LIST-STYLE-TYPE : none;
    margin : 10px 0px 0px 8px;
    PADDING : 0px 0px 0px 0px;
    width : 550px;
  }


#cos_esquerra {
    FLOAT : left;
    TEXT-ALIGN : left;
    padding-top : 13px;
    width : 164px;
    background-color: inherit;
  }


#cos_dret {
    float : left;
    LIST-STYLE-TYPE : none;
    margin : 0px 0px 0px 0px;
    PADDING : 0px 0px 0px 12px;
    TEXT-ALIGN : left;
    width : 195px;
  }


#cos_centre {
    background-color: #FFFFFF;
    PADDING: 0px 0px 0px 0px;
    FLOAT: left;
    margin: 0px 0px 0px 0px;
    LIST-STYLE-TYPE: none;
    TEXT-ALIGN: left;
    width : 570px;
    border-left-color : #858384;
    border-left-style : solid;
    border-left-width : 0px;
    border-right-color : #858384;
    border-right-style : solid;
    border-right-width : 0px;
  }


#footer {
    background-image : url("../imatges/peu.jpg");
    background-position : left;
    background-repeat : no-repeat;
    clear : both;
    height : 40px;
  }


.text {
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
    line-height: 1.4em;
  }


#titol_text {
    font-weight : bold;
  }


div.menu_sup {
    background-image : url('../imatges/degradat.png');
    background-color : #c50303;
    border-right-color : #840301;
    border-right-style : solid;
    border-right-width : 2px;
    color : #ffffff;
    float : left;
    margin-left : 0px;
    padding-bottom : 0px;
    padding-top : 0px;
    text-align : center;
    width : 110px;
    font-size : 12px;
  }


#portada, #portada_selecc {
    width: 250px;
    margin-right: 146px;
    border-right-width : 0px;
  }


div.menu_sup a:link, div.menu_sup a:visited {
    padding-bottom : 3px;
    padding-top : 3px;
    color: #ffffff;
    text-decoration: none;
    font-weight : bold;
    display: block;
    width:100%;
  }


div.menu_sup a:hover, div.menu_sup a:active {
    padding-bottom : 3px;
    padding-top : 3px;
    background-image : url('../imatges/degradat_negre.png');
    color: #ffffff;
    text-decoration: none;
    font-weight : bold;
    display: block;
    width:100%;
  }


div.menu_esc {
    float: left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    margin-left: 0px;
    margin-top:2px;
    background-color: #dcdddf;
    text-align: left;
    width: 159px;
    font-size : 13px;
  }


#menu_amagat1 div.menu_esc {
    float: left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 6px;
    margin-top:2px;
    background-color: #dcdddf;
    text-align: left;
    width: 156px;
    font-size : 11px;
  }


#menu_amagat2 div.menu_esc {
    float: left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 6px;
    margin-top:2px;
    background-color: #dcdddf;
    text-align: left;
    width: 156px;
    font-size : 11px;
  }


#menu_amagat3 div.menu_esc, #menu_amagat3b div.menu_esc {
display:block;

    float: left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 9px;
    margin-top:2px;
    background-color: #dcdddf;
    text-align: left;
    width: 153px;
    font-size : 9px;
  }

#menu_amagat3, #menu_amagat3b {
    display:none;
}


  

#portada_selecc, #menu_selecc {
    background-image : url('../imatges/degradat_negre.png');
    background-color: #000000;
    color: #ffffff;
  }


#enllac_selecc {
    color : #000000;
  }


div.textimage {
    float : left;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    padding-bottom : 2px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 5px;
  }

div.textvideo {
    float : left;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    padding-bottom : 2px;
    padding-left : 1px;
    padding-right : 1px;
    padding-top : 5px;
  }

.textvideo #img {
    border-bottom-color : #bcbcbc;
    border-bottom-style : solid;
    border-bottom-width : 2px;
    border-left-color : #bcbcbc;
    border-left-style : solid;
    border-left-width : 2px;
    border-right-color : #bcbcbc;
    border-right-style : solid;
    border-right-width : 2px;
    border-top-color : #bcbcbc;
    border-top-style : solid;
    border-top-width : 2px;
    clear : both;
    margin-bottom : 3px;
    margin-left : 3px;
    margin-right : 6px;
    margin-top : 3px;
}

#textvideo_llistat {
    margin-top : 10px;
    height : 160px;
    width : 123px;
 background-color: #E9E9E9;
    margin-left : 6px;
    margin-right : 6px;
  }

#textvideo_gran {
    margin-left: 100px;
    float: left;
}

.textvideo #titol {
    font-size:11px;
    font-weight : bold;
}

.textvideo #info {
    font-style: italic;
    font-size:10px;
}

#titol_video{
    float:left;
}

#apartat_video {
    float : left;
    font-size : 15px;
margin-top: 10px;
margin-bottom: 10px;
width: 500px;
  }

#apartat_video spam {
    float:right;
    border: 0;
    text-decoration : none;
    margin-right: 0px;
    padding-right: 0px;
    color:#a4a4a4;
}
#img_video {
    float:right; 
    margin:3px; 
    border:0; 
    text-decoration : none;
    text-align: center;
}
#textimage_gran {
    width : 530px;
    margin-left: 5px;
  }


#textimage_peque {
    margin-top : 10px;
    height : 265px;
    width : 253px;
    margin-left : 6px;
    margin-right : 6px;
  }


#textimage_centre {
    width : 530px;
    margin-left : 10px;
  }


#textimage_destacada {
    border-bottom-color : #cccccc;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #cccccc;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #cccccc;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #cccccc;
    border-top-style : solid;
    border-top-width : 1px;
    padding : 6px;
  }


#textimage_centre #img {
    float : right;
  }


#textimage_centre #cos {
    margin-top : 10px;
  }


div.textimage #img {
    border-bottom-color : #bcbcbc;
    border-bottom-style : solid;
    border-bottom-width : 2px;
    border-left-color : #bcbcbc;
    border-left-style : solid;
    border-left-width : 2px;
    border-right-color : #bcbcbc;
    border-right-style : solid;
    border-right-width : 2px;
    border-top-color : #bcbcbc;
    border-top-style : solid;
    border-top-width : 2px;
    float : left;
    margin-bottom : 3px;
    margin-left : 3px;
    margin-right : 6px;
    margin-top : 3px;
  }


div.textimage #cos {
    line-height: 1.4em;
    text-align: justify;
  }


div.textimage #info {
    color : #666666;
    font-size : 11px;
    font-style : italic;
    font-weight : bold;
  }


#textimage_centre #info {
    margin-top : 3px;
    margin-bottom: 4px;
  }


div.textimage #titol {
    border-bottom-color : #adacac;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    padding-bottom : 5px;
    font-size : 13px;
    font-weight : bold;
  }


div.textimage #titol a:link, div.textimage #titol a:visited {
    color: #484848;
    text-decoration: none;
    font-weight : bold;
    font-size : 13px;
  }


div.textimage #titol a:hover, div.textimage #titol a:active {
    color : #484848;
    font-weight : bold;
    text-decoration : underline;
    font-size : 13px;
  }


#clearer {
    clear: left;
  }


#quadre_calendari {
    float : left;
    background-color: #ffffff;
    margin-top : 15px;
    margin-bottom : 15px;
    width : 200px;
  }


#calendari {
    color : #808080;
    float : left;
    font-size : 11px;
    font-weight : bold;
    margin-bottom : 0px;
    margin-left : 0px;
    padding-bottom : 10px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    width : 200px;
  }


#calendari .contorn_fosc {
    background-color : #ffffff;
    border-left-color : #f0f0f0;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #f0f0f0;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #f0f0f0;
    border-top-style : solid;
    border-top-width : 1px;
    float : left;
    margin-left : 10px;
    width : 160px;
  }


#calendari .contorn_clar {
    background-color : #fcfcfc;
    border-bottom-color : #ffffff;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #f0f0f0;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #ffffff;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #f0f0f0;
    border-top-style : solid;
    border-top-width : 1px;
    float : left;
    margin-left : 10px;
    width : 160px;
  }


#calendari th {
    font-size: 12px;
  }


#calendari td {
    font-size: 12px;
  }


#fons_calendari {
    float : left;
    height : 142px;
    width : 180px;
    background-color : #ffffff;
    margin-left : 10px;
  }


#titol_agenda {
    margin-bottom : 10px;
    text-align : center;
    width : 201px;
  }


.apartat {
    float: left;
    background-color : #c50303;
    background-image : url('../imatges/degradat.png');
    color : #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-top : 3px;
    padding-bottom : 3px;
    padding-left : 0px;
    padding-right : 0px;
  }


#actes {
    margin-bottom : 10px;
    text-align : center;
    width : 201px;
    position : relative;
    left: -10px;
  }


#menu {
    width: 163px;
    text-align: center;
    margin-top: 0px;
  }


#noticies_calendari {
    float : left;
    margin-top : 35px;
    padding-left :0px;
    margin-left: 0px;
    font-size: 11px;
    line-height: 1.1em;
    width : 173px;
    position : relative;
    left: 10px;
  }


#enll_actes {
    font-size : 11px;
    font-style : oblique;
    margin-bottom : 10px;
    margin-top : 15px;
    text-align : center;
  }


#actes_dia {
    text-align: right;
    font-size: 14px;
    font-weight : bold;
    padding-bottom : 10px;
  }


#paginacio {
    float : left;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    margin-bottom : 3px;
    padding-left : 200px;
    margin-right : 0px;
    margin-top : 50px;
    width :500px ;
  }


#paginacio a:link, #paginacio a:visited {
    color: #c30101;
    text-decoration: none;
  }


#paginacio a:hover, #paginacio a:active {
    color: #000000;
    text-decoration: none;
  }


#lletres {
    float : left;
    margin-left : 83px;
    font-weight : bold;
  }


#lletres a {
    padding-left : 6px;
  }


#comarques {
    float : left;
    width : 500px;
    height : 120px;
  }


#quadres_comarques {
    border-bottom-color : #aeaeae;
    border-bottom-style : solid;
    border-left-color : #aeaeae;
    border-left-style : solid;
    border-right-color : #aeaeae;
    border-right-style : solid;
    border-top-color : #aeaeae;
    border-top-style : solid;
    margin-bottom : 0px;
    margin-left : 83px;
    margin-right : 0px;
    margin-top : 5px;
    padding-bottom : 7px;
    padding-left : 7px;
    padding-right : 0px;
    padding-top : 7px;
    float : left;
    width : 380px;
    height : 85px;
  }


#quadres_comarques a {
    float : left;
    margin-right: 10px;
  }


#cercador {
    float : left;
    margin-top : 11px;
  }


#cercador #paraula {
    float : left;
    border-bottom-color : #ccccce;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #ccccce;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #ccccce;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #ccccce;
    border-top-style : solid;
    border-top-width : 1px;
    color : #727272;
    width : 150px;
  }


#cercador #boto_cerca {
    float : left;
    background-color : #F1F2F4;
    background-image : url("../imatges/boto_cerca.png");
    background-repeat : no-repeat;
    border-bottom-width : 0px;
    border-left-width : 0px;
    border-right-width : 0px;
    border-top-width : 0px;
    margin-left: 8px;
    height : 15px;
    width : 22px;
    margin-top : 3px;
  }


html>body #cercador #boto_cerca {
    margin-left: 20px;
  }


#llista_assemblees {
    font-weight : bold;
    color: #000000;
  }


#contacte_ext {
    float : left;
    width : 384px;
  }


#contacte_int {
    float : left;
    width : 350px;
  }


#camp_cont {
    margin-top : 5px;
    float: left;
    width: 340px;
    TEXT-ALIGN : left;
    font-weight : bold;
  }


#camp_cont #opcio {
    float: right;
  }


#camp_cont input, #camp_cont textarea {
    border: 1px solid;
  }


#camp_cont div.obligatori input {
    background-color: #FFFBCD;
  }


#camp_cont textarea {
    background-color: #FFFBCD;
    height: 130px;
    width: 215px;
    font-size:10px;
  }


#camp_cont #titol {
    float: left;
  }


#camp_submit {
    float : left;
    margin-top: 10px;
    margin-left : 220px;
  }


#banner_dreta {
    margin-top: 0px;
    margin-left: 0px;
  }


#banner_dreta img, #banner_esquerra img {
    margin-top: 12px;
  }


#banner_esquerra {
    margin-top: 20px;
    margin-left: 0px;
  }


#banner_dreta a, #banner_esquerra a {
    border: 0;
    text-decoration : none;
  }


.campanya_estatic {
    float : left;
    margin-left: 10px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #f1f2f4;
    border-bottom-color : #cccccc;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #cccccc;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #cccccc;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #cccccc;
    border-top-style : solid;
    border-top-width : 1px;
    font-size : 12px;
    width : 525px;
  }


.campanya_estatic #columna {
    float : left;
    padding-left: 15px;
    width : 245px;
  }


#apartat_formacio {
    margin-top: 20px;
    margin-bottom: 6px;
    font-weight : bold;
    font-size: 11px;
  }


#superapartat_formacio {
    margin-top: 40px;
    margin-bottom: 6px;
    font-weight : bold;
    font-size: 14px;
  }


#subapartat_formacio {
    font-weight : bold;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 20px;
  }


#intro_formacio {
    text-align: justify;
  }


#intro_formacio #titol_eines {
    font-weight : bold;
    margin-bottom : 10px;
  }


#eines_ancles {
    float : left;
    margin-top: 20px;
    margin-left: 80px;
    margin-bottom: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 10px;
    background-color: #f1f2f4;
    border-bottom-color : #cccccc;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #cccccc;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #cccccc;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #cccccc;
    border-top-style : solid;
    border-top-width : 1px;
    font-size : 12px;
    width : 370px;
  }


#apartat_enlla {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight : bold;
  }


#alerta_ie {
    border-bottom-color : red;
    border-bottom-style : solid;
    border-bottom-width : 2px;
    border-left-color : red;
    border-left-style : solid;
    border-left-width : 2px;
    border-right-color : red;
    border-right-style : solid;
    border-right-width : 2px;
    border-top-color : red;
    border-top-style : solid;
    border-top-width : 2px;
    padding : 6px;
    width : 550px;
  }


#apartat_enlla a:link, #apartat_enlla a:visited {
    color: #484848;
    text-decoration: none;
    font-weight : bold;
    background-color : #f1f2f4;
  }


#apartat_enlla a:hover, #apartat_enlla a:active {
    color : #ffffff;
    font-weight : bold;
    background-color : #CFCFCF;
  }

/*jquery scroll*/


/* this makes it possible to add next button beside scrollable */
div.scrollable, div.scrollable1 {
	float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:30px;
	height:30px;
	background:url("../imatges/esquerra.png") no-repeat;
	float:left;
	margin:20px 8px;
	cursor:pointer;
}

/* mouseover state */
a.next:hover, a.nextPage:hover {
	background:url("../imatges/dreta_apretat.png") no-repeat;
}

a.prev:hover, a.prevPage:hover {
	background:url("../imatges/esquerra_apretat.png") no-repeat;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url("../imatges/dreta.png");
	clear:right;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:80px;
	width:450px;
	height:15px;
	clear:both;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url("../imatges/punt0.png") 0 0 no-repeat;
	cursor:pointer;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;
	background:url("../imatges/punt1.png") 0 0 no-repeat;
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;
	background:url("../imatges/punt1.png") 0 0 no-repeat;
}

/* root element for the whole scrollable setup */
div.scrollable {
	position:relative;
	overflow:hidden;
	width: 450px;
	height:160px;
	border:1px solid #ccc;
	background:url("../imatges/degradat_gris.png") repeat-x;

}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 20px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


/*
	root element for scrollable items. It is
	absolutely positioned with large width.
*/
#thumbs {
	position:absolute;
	width:20000em;
	clear:both;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;
}





/* single item */
#thumbs div {
	float:left;
	width:150px;
	height:160px;
	color:#000;
	cursor:pointer;
	border:1px inset #ccc; 
}



/* style when mouse is over the item */
#thumbs div.hover {
	cursor:default
}

/* style when element is active (clicked) */
#thumbs div.active {
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;
	font-family:"bitstream vera sans";
	font-size:10px;
	color:#000;
}



#thumbs a:link, #thumbs a:visited {
    color: #000;
    text-decoration: none;
    font-weight : bold;
  }


#thumbs a:hover, #thumbs a:active {
    color : #000;
    font-weight : bold;
    text-decoration : underline;
  }

.mou_scroll {
	margin-bottom:20px;
	margin-left:0px;

}



/* the overlayed element */
div.overlay {

    /* growing background image 
    background-image:url("../imatges/white.png");*/
   background-image:url("../imatges/fons_overlay.png");

    /* dimensions after the growing animation finishes  
    width:600px;
    height:470px;*/

    text-align : center;
    /* initially overlay is hidden */
    display:none;

    /* some padding to layout nested elements nicely  */
    padding:20px;

}

/* default close button positioned on upper right corner */
div.overlay div.close {
    background-image:url("../imatges/close.png");
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:20px;
    width:20px;
}


/* black */
div.overlay.black {
    color:#fff;
}

/* petrol */
div.overlay.apple {
    color:#fff;
}

div.black h2, div.petrol h2 {
    color:#ddd;
}


 #amplia{
    cursor:pointer;
}

.form_scroll {
    cursor:pointer;
}


.apt {
 height:350px;
 display:none;
}