/*======================================================*/
/*    FREQÜÈNCIES                                       */
/*======================================================*/   


body {	
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: 62.5%; 
	padding: 0px; 
	margin: 0px; 
	margin-top: 8px; 
	margin-bottom: 8px; 
	color:#333333;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
	text-align:center;
	vertical-align: top;
	background-color: #E0E0E0;
}

body img { 
	margin: 0px;
	padding: 0px;
}

table {	
	font-size: 11px;
	padding: 0px; 
	margin: 0px; 
        border:0px;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
}

/* -------------------------------------------------------------- PAGINA --- */
#marc_pagina{
	width:980px;
	margin:0px auto 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
	overflow:auto; 
	border: 0px;
	padding: 0px 0px 6px 0px;
	text-align: center;
	/*
	background-image: url('fonsvertmenu.jpg');
	background-repeat: repeat-y;
	background-repeat: repeat-x;
	*/
}

#pagina{
	width:964px;
	padding: 0px;
	margin: 0px 8px 0px 8px;
	background-color: #FFFFFF;
	text-align:left;
}

/* -------------------------------------------------------------- bloc header ---- */
#marc_header	{ 
	width:100%;
	height:175px;
	float:left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url('img/fonsbase1.gif');
	background-repeat: no-repeat;
}

#header	{ 
	width:964px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#home	{ 
	margin: 0px;
	padding: 0px;
	float:right;
}

#home a { 
	margin: 0px;
	padding: 0px;
	color:#cccccc;
	text-decoration: none;
}

#bloc_flash_logos { 
	float: right;
	margin: 0px;
	padding: 0px;
	padding-left: 8px;
	width:190px;
	min-height: 146px;
	height: auto !important;
	height: 146px;
}

#bloc_flash_logos p { 
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color:#888888;
}

/* menu superior */

/* FI menu superior */

#menu	{ 
	width:535px;
	height: 130px;
	float:left;
	margin: 0px;
	padding: 0px 0px 0px 225px;
}

ul#navlist {
        text-align: left;
        list-style: none;
        padding: 0px;
        margin: 0px;
	width:535px;
        float:left;
}

ul#navlist li {
	display: block;
	margin: 0px;
	padding: 0px;
        float:left;
        width: 82px;
	margin: 0px 4px 0px 0px;
        background-color: #FFFFFF;
        text-align: center;
}

ul#navlist li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-size:1.1em;
	font-weight:bold;
	background-color: #4d112c;
	width: 82px;
       	padding-top:107px;
       	padding-bottom:5px;
	float: left;
	text-align: center;
}

ul#navlist li#active a {
	color: #FFFFFF;
	background-color: #ff9409;
	text-decoration: none;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	display: block;
	text-decoration: none;
	background-color: #901D4E;
	color: #FFFFFF;
}


/* submenu superior */
#submenu	{ 
	width:535px;
       	height: 18px;
	float:left;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 225px;
}

ul#subnavlist {
        text-align: left;
        list-style: none;
        padding: 0px;
        margin: 0px;
	width:535px;
        float:left;
}

ul#subnavlist li {
	display: block;
	margin: 0px;
	padding: 0px;
        float:left;
        width: 82px;
	margin: 0px 4px 0px 0px;
        background-color: #FFFFFF;
        text-align: center;
       	height: 18px;
}

ul#subnavlist li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-size:1.1em;
	font-weight:bold;
	background-color: #4d112c;
	width: 82px;
       	height: 18px;
       	padding-top:2px;
	float: left;
	text-align: center;
}

ul#subnavlist li#active a {
	color: #FFFFFF;
	background-color: #cc7607;
	text-decoration: none;
}

ul#subnavlist li a:hover, ul#subnavlist li#active a:hover {
	display: block;
	text-decoration: none;
	background-color: #901D4E;
	color: #FFFFFF;
}
/* FI submenu superior */
/* -------------------------------------------------------------- bloc fi header ---- */


/* -------------------------------------------------------------- bloc cos ---- */
#marc_cos	{ 
	width:100%;
	float:left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-top: 0px;
}

#cos { 
	width:100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

#cos h1 { 
	width:70%;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-left:224px;
	margin-top: 25px;
	margin-bottom: 0px;
	font-size: 2.1em;
	font-weight: normal;
	color: #4d112c;
}


#marc_banner_cos{ 
	width:964px;
	height:307px;
	float:left;
	margin: 0px;
	padding: 0px;
	padding-top:3px;
	border: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	background-color: #f0f0f0;
}

#banner_cos { 
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

#banner_cos_txt { 
	float: left;
	width: 207px;
	margin: 0px;
	padding: 0px;
}

#banner_cos_txt h3{ 
	float: left;
	text-align: left;
	margin: 150px 0px 0px 0px;
	padding: 0px 10px 0px 25px;
	font-size: 4.0em;
	font-weight: normal;
	color: #787878;
}

#banner_cos_txt h4 {
	float: left;
	width:90%;
	background-color: #efefef;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-size: 1.5em;
	font-weight: bold;
	color: #777777;
}

#banner_cos_txt p{ 
	float: left;
	text-align: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 10px 0px 25px;
	font-size: 1.1em;
	font-weight: normal;
	color: #8c8c8c;
}


#banner_cos_img { 
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 18px;
}

#marc_cos_esquerra{ 
	width:205px;
	float:left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-right: 20px;
	margin-top: 20px;
	padding-bottom: 15px;
	clear: left;
}

#cos_esquerra { 
	float: left;
	margin: 0px;
	padding: 0px;
}

#cos_esquerra h3{ 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 30px 20px 120px 20px;
	width:165px;
	background-color: #efefef;
	font-size: 1.5em;
	font-weight: bold;
	color: #777777;
}

#cos_esquerra h4{ 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	width:100%;
	background-color: #efefef;
	font-size: 1.1em;
	font-weight: normal;
	color: #666666;
}

#cos_esquerra h4 a {
	color:#666666;
	font-weight:normal;
	text-decoration:underline;
}


#llista_projectes{ 
	width:205px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 120px 0px;
	background-color: #efefef;
}

#llista_projectes h5 { 
	width:90%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
        text-align:left;
	font-family: "arial";
}

#llista_projectes h5 a { 
	color: #666666;
	text-decoration: underline;
}


#llista_projectes ul{ 
	width:100%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        list-style-type: none;
}

/* a este código IE no le hace caso */
html>body #llista_projectes ul{ 
	width:185px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}


#llista_projectes ul li{ 
	float: left;
	margin: 3px 0px 3px 0px;
	padding: 5px 0px 5px 20px;
	width:100%;
	font-size: 1.1em;
	font-weight: normal;
	color: #666666;
}

#llista_projectes ul li a{ 
	font-weight: bold;
	color: #777777;
	font-size: 1.3em;
}

#llista_projectes ul li#active {
	color: #FFFFFF;
	background-color: #a9a9a9;
	text-decoration: none;
}

#llista_projectes ul li#active a {
	color: #FFFFFF;
	background-color: #a9a9a9;
	text-decoration: none;
}

#llista_projectes ul li:hover, #llista_projectes ul li#active:hover {
	display: block;
	text-decoration: none;
	background-color: #8c8c8c;
	color: #FFFFFF;
}



#marc_cos_dreta	{ 
	width:600px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #FFFFFF;
	margin-top: 20px;
	padding-bottom: 40px;
}

#cos_dreta { 
	float:left;
	margin: 0px;
	padding: 0px;
}

#cos_dreta h1 { 
	width:512px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top:0px;
	margin-bottom: 10px;
	font-size: 2.1em;
	font-weight: normal;
	color: #4d112c;
}

#cos_dreta h2 { 
	width:512px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top:0px;
	margin-top: 20px;
	margin-bottom: 8px;
	font-size: 1.3em;
	font-weight: bold;
	color: #FF9409;
	clear:left;
}

#cos_dreta h5 { 
	width:512px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 10px 10px 10px 30px;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	clear:left;
}

#cos_dreta h5 a { 
	color: #666666;
	text-decoration: none;
}

#cos_dreta h5 a:hover { 
	color: #666666;
	text-decoration: underline;
}


#cos_dreta h3 { 
	width:512px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top:0px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 2.0em;
	font-weight: bold;
	color: #ff9409;
	clear:left;
}


#cos_dreta p { 
	width:512px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 1.2em;
	font-weight: normal;
	/* color: #726f6d; */
	color: #555555; 
        line-height:16px;
}

#cos_dreta p a { 
	color: #666666;
        font-weight: bold;
	text-decoration: underline;
}

#cos_dreta p.llista { 
	width:512px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
        padding-left: 30px;
	font-size: 1.2em;
	font-weight: normal;
	color: #555555;
        line-height:16px;
}

#cos_dreta p.llista a { 
	color: #555555;
	text-decoration: none;
}

#cos_dreta p.llista a:hover { 
	color: #555555;
	text-decoration: underline;
}

/* -------------------------------------------------------------- fi bloc cos ---- */


/* -------------------------------------------------------------------  */
#marc-galeria-imatges-projectes{
	float:left;
	padding:0px;
	border:0px;
	padding-left: 0px;
	margin:20px 0px 10px 0px;
}

#llista-galeria-imatges-projectes{
	float:left;
	width:450px;
	background-color: #FFFFFF;
	text-align: center;     
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	padding-left: 0px;
}

#marcfotogran {
	float:left; 
	margin: 0px 3px 0px 1px;
	padding:5px 5px 3px 5px;
	border: 0px;
	background-color: #EEEEEE;
}

html>body #marcfotogran {
	padding:5px;
}

.marcfotopetita {
	float:left; 
	width:67px;
	height:45px;
	margin: 0px 2px 0px 2px;
	padding:5px 5px 3px 5px;
	border: 0px solid #CCCCCC;
	background-color: #EEEEEE;
}

html>body .marcfotopetita {
	padding:5px;
}

#text_imatge{
	width:512px;
	margin: 4px 0px 0px 0px;
	font-size: 1.1em;
	font-weight: normal;
	color: #4d112c; 
        line-height:16px;
        float:left;
}

/* -------------------------------------------------------------- bloc home peu ---- */
#marc_peu{ 
	width:100%;
	height:40px;
	float:left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #f0f0f0;
	margin-top: 8px;
	padding-top: 3px;
	overflow:auto; 
}

#peu	{ 
	width:100%;
	margin: 0px;
	padding: 0px;
	float:left;
	text-align: center;
	overflow: hidden;
}

#peu p {
	color:#666666;
	font-size:11px;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-left: 0px;
	letter-spacing: 0px;
	font-size: 1.1em;
        line-height:16px;
}

#peu p a {
	color:#666666;
	font-weight:normal;
	text-decoration:underline;
}

#peu p .credits a { 
	color: #999999;
	text-decoration: underline;
        float: right;
        padding: 15px 7px 0px 0px;
        font-size: 0.9em;
}

/* ------------------------------------------------------------- fi bloc home peu ---- */

/* ------------------------------------------------ llista activitats cercador --- */
#llista_activitats_cercador h1 { 
	width:512px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top:0px;
	margin: 30px 0px 5px 0px;
	font-size: 1.8em;
	font-weight: normal;
	color: #FF9409;
}

#llista_activitats_cercador h2 a { 
	width:512px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #999999;
	clear:left;
        text-decoration:none;
}

#llista_activitats_cercador p { 
	width:512px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size: 1.2em;
	font-weight: normal;
	color: #555555;
        line-height:16px;
}
/* --------------------------------------------- fi - llista activitats cercador --- */

/* ---------------------------------------------- pop-up fitxa activitat agenda --- */
#activitat_view{
	display:none;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-275px;
	width:550px;
	background-color:#ffffff;
	padding:20px;
	/* border:8px solid #FFE3BF; */
	border:8px solid #CCCCCC;
	overflow:auto;
	overflow-x:hidden;
}

#activitat_view h2 { 
	width:95%;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top:0px;
	margin-top: 20px;
	margin-bottom: 8px;
	font-size: 1.7em;
	font-weight: bold;
	color: #ff9409;
	clear:left;
}



#activitat_view p { 
	width:95%;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 1.2em;
	font-weight: normal;
	color: #555555;
        line-height:16px;
}

/* ---------------------------------------------------------------------------------*/

/*
form { 
	width:100%;
	float:left;
	padding: 0px; 
	margin: 0px; 
	border:0px;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
}


label { 
	margin:0px;
	border:0px;
	padding:0px ;
	font-size: 1.1em;
	font-weight: normal;
	color: #555555;
}

select { 
	margin:0px;
	padding:0px 0px 0px 0px ;
	font-size: 1.1em;
	font-weight: normal;
	color: #555555;
}


input
{
	padding: 1px;
	color: #7C7C7C;
	font-size: 0.9em;
	float:left;

}

.boto { 
	width: 65px; 
	background-color: #bbbbbb;
	color: #ffffff;
	padding: 1px;
}

textarea
{
	font-family: Arial,Helvetica,"Trebuchet MS"; 
	padding: 2px;
	border:0px;
	COLOR: #7c7c7c;
	font-size: 1.0em;
	margin-left: 5px;
	width: 225px;
	float:left;
}
*/

/* -------------------------------------------------------------- formulario */
label { 
	margin:0px;
	border:0px;
	padding:0px ;
	font-size: 1.1em;
	font-weight: normal;
	color: #555555;
}


input
{
	padding: 1px;
	color: #7C7C7C;
	font-size: 0.9em;
	float:left;

}


#marc_form	{ 
	width:300px;
	float:left;
	margin:0px;
	padding:20px 0px 0px 20px;	
	text-align:right;
}

.boto
{
	font-family: Arial,Helvetica,"Trebuchet MS"; 
	font-size:1.0em;
	BORDER-BOTTOM: 	#999999 1px solid;
	BORDER-LEFT: 	#999999 1px solid;
	BORDER-RIGHT: 	#999999 1px solid;
	BORDER-TOP: 	#999999 1px solid;
	BACKGROUND-COLOR: 	#999999;
	COLOR: 		#FFFFFF;
	vertical-align: top;
        margin-right:5px;
}


textarea
{
	width: 235px;
	BACKGROUND-COLOR: #e9e9e9;
	BORDER-BOTTOM: #ffffff 1px solid;
	BORDER-LEFT: #ffffff 1px solid;
	BORDER-RIGHT: #ffffff 1px solid;
	BORDER-TOP: #ffffff 1px solid;
	font-size:1.0em;
	color: #666666;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
}


.label-form { 
	font-size:1.1em;
	color:#666666;
	text-align:right;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
}

.text-form { 
	width: 235px;
	height: 18px;
	BACKGROUND-COLOR: #e9e9e9;
	BORDER-BOTTOM: #ffffff 1px solid;
	BORDER-LEFT: #ffffff 1px solid;
	BORDER-RIGHT: #ffffff 1px solid;
	BORDER-TOP: #ffffff 1px solid;
	font-size:1.1em;
	color: #666666;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
}

select { 
	margin:0px;
	padding:0px 0px 0px 0px ;
	font-size: 1.0em;
	font-weight: normal;
	color: #555555;
}

/* ------------------------------------------------------------------------- */