* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif; /*si nomes fem servir una tipo, la definim aqui*/
	font-size: 62.5%; 
}
#wrapper { 
	 margin: 0 auto; /*d'aquesta forma centrem tot el block en la pagina*/
	 width: 940px;   /*aqui definim la amplada de la pagina*/
}

#header {
	 color: #333;
	 width: 940px;
	 float: left;
	 padding: 0px;
	 height: 202px;
	 margin: 10px 0px 5px 0px;
}
#menusup {
	 float: left;
	 width: 940px;
	 color: #333;
	 padding: 0px;
	 /* border: 1px solid #ccc; /*podem crear separacio o no de la capçalera i del contingut*/ 
	 margin: 14px 0px 10px 0px;
	 height: 30px;
	 background: #FFFFFF;
}

#menusup ul {
	margin: 0px;
	padding: 0px;
	/* padding-left: 215px; */
}

#menusup li { /*definim com volem que sigui els items del menu*/
        float:left;
	display:block;
	list-style-type: none;
	color: #666666;
	font-size: 1.1em; 
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}

#menusup li a { /*definim com volem que sigui els items del menu*/
        float:left;
	display:inline;
	color: #666666;
	text-decoration: none;
	border: 1px solid #cccccc;
        padding: 5px 8px 5px 8px;
        background:#ffffff;
}

#menusup li#active a {
	color: #ffffff;
	text-decoration: none;
        background:#2f469a;
	border: 1px solid #2f469a;
}

#menusup a:hover {
	color: #ffffff;
	text-decoration: none;
        background:#666666;
	border: 1px solid #666666;
}


/* --- BLOC ESQUERRA ------------------------------------------------------------------- */

#col_esquerra { 
	color: #333;
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
	margin: 0px 20px 5px 0px;
	padding: 0px 0px 100px 0px;
	width: 200px;
	float: left;
}

#col_esquerra h2 { 
	background-color: #2792d0;
	color: #ffffff;
	font-size: 1.3em; 
	font-weight: bold;
	width: 140px;
	display: all;
	padding: 3px 0px 3px 12px;
	margin: 0px 0px 0px 0px;
	float:left;
}

#llista_noticies { 
        float:left;
	padding: 0px 12px 0px 12px;
	margin-bottom: 20px;
}

#llista_noticies h3 { 
	width: 100%;
	color: #001254;
	font-size: 1.2em; 
	font-weight: bold;
	float:left;
	margin: 20px 0px 0px 0px;
	clear:both;
}

#llista_noticies h3 a { 
	color: #001254;
	text-decoration: none;
}

#llista_banners { 
}

#llista_banners ul li{
        clear:both;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border:0px;
}

#llista_noticies p { 
	width: 100%;
	color: #666666;
	font-size: 1.1em; 
	font-weight: normal;
	float:left;
	margin: 5px 0px 5px 0px;
}

#llista_noticies p.data { 
	width: 100%;
	color: #666666;
	font-size: 1.0em; 
	font-weight: normal;
	float:left;
	margin: 1px 0px 8px 0px;
}

#col_esquerra ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

#col_esquerra li { /*definim com volem que sigui els items del menu*/
	list-style-type: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* --- FI BLOC ESQUERRA ---------------------------------------------------------------- */


/* --- BLOC CENTRAL ----------------------------------------------------------------- */

#centre { 
	float: left;
	margin: 0px 18px 5px 0px;
	padding: 0px;
	width: 420px;
}

#bloc_centre_420x262 { 
	width:100%;
	height: 262px;
	float:left;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-image: url('../img/fons_bloc_420.jpg');
	background-repeat: no-repeat;
}

#bloc_centre_420x262 h1 { 
	float:left;
	margin: 170px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	color: #FFFFFF;
	font-size: 1.5em; 
	font-weight: bold;
}

#bloc_centre_420x262 h2 { 
	float:left;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	color: #FFFFFF;
	font-size: 1.2em; 
	font-weight: normal;
	line-height: 17px;
}

#bloc_centre_420x262 h2 a { 
	color: #FFFFFF;
	text-decoration: none;
}


#bloc_centre_200esq { 
	width:200px;
	height: 200px;
	float:left;
	margin: 0px 20px 30px 0px;
	padding: 0px;
	border: 0px;
	background-image: url('../img/fons_bloc_200esq.jpg');
	background-repeat: no-repeat;
}

#bloc_centre_200esq h1 { 
	float:left;
	margin: 152px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	color: #FFFFFF;
	font-size: 1.5em; 
	font-weight: bold;
}

#bloc_centre_200esq h1 a { 
	color: #FFFFFF;
	text-decoration: none;
}

#bloc_centre_200dre { 
	width:200px;
	height: 200px;
	float:left;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	border: 0px;
	background-image: url('../img/fons_bloc_200dre.jpg');
	background-repeat: no-repeat;
}

#bloc_centre_200dre h1 { 
	float:left;
	margin: 152px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	color: #FFFFFF;
	font-size: 1.5em; 
	font-weight: bold;
}

#bloc_centre_200dre h1 a { 
	color: #FFFFFF;
	text-decoration: none;
}


#bloc_centre_420x200 { 
	width:100%;
	height: 200px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	background-image: url('../img/fons_bloc_420x200.jpg');
	background-repeat: no-repeat;
}

#bloc_centre_420x200 h1 { 
	float:left;
	margin: 152px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	color: #FFFFFF;
	font-size: 1.5em; 
	font-weight: bold;
}

#bloc_centre_420x200 h1 a { 
	color: #FFFFFF;
	text-decoration: none;
}

/* --- FI BLOC CENTRAL ----------------------------------------------------------------- */



/* --- BLOC DRETA ---------------------------------------------------------------------- */

#col_dreta { 
	color: #333;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 280px;
	float: left;
}

#bloc_dreta_users_280x262 { 
	width:100%;
	height: 262px;
	float:left;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-image: url('../img/fons_bloc_users.gif');
	background-repeat: no-repeat;
}

#bloc_dreta_users_280x262 h1 { 
	float:left;
	margin: 53px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	color: #FFFFFF;
	font-size: 1.5em; 
	font-weight: bold;
}

html>body #bloc_dreta_users_280x262 h1 {
	margin: 45px 0px 0px 0px;
}

#bloc_dreta_users_280x262 h1 a { 
	color: #FFFFFF;
	text-decoration: none;
}

#bloc_dreta_users_280x262 h1 a { 
	color: #FFFFFF;
	text-decoration: none;
}

#bloc_dreta_users_280x262 h1 .mes_info_online a { 
	color: #c5d9ee;
	float: right;
	text-decoration: underline;
	font-weight: normal;
	padding-right: 12px;
	font-size: 0.9em; 
}

#bloc_dreta_users_280x262 h2 { 
	float:left;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 1.1em; 
	font-weight: normal;
	line-height: 17px;
}


#bloc_dreta_280x200domo { 
	width:100%;
	height: 200px;
	float:left;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	border: 0px;
	background-image: url('../img/fons_bloc_dreta_280x200domo.jpg');
	background-repeat: no-repeat;
}

#bloc_dreta_280x200domo h1 { 
	float:left;
	margin: 152px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	color: #FFFFFF;
	font-size: 1.5em; 
	font-weight: bold;
}

#bloc_dreta_280x200domo h1 a { 
	color: #FFFFFF;
	text-decoration: none;
}

#bloc_dreta_280x200contacte { 
	width:100%;
	height: 200px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	background-image: url('../img/fons_bloc_dreta_280x200cont.jpg');
	background-repeat: no-repeat;
}

#bloc_dreta_280x200contacte h1 { 
	float:left;
	margin: 152px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	color: #FFFFFF;
	font-size: 1.5em; 
	font-weight: bold;
}

#bloc_dreta_280x200contacte h1 a { 
	color: #FFFFFF;
	text-decoration: none;
}

/* --- FI BLOC DRETA ------------------------------------------------------------------- */

/* --- FORMULARI INTRANET -------------------------------------------------------------- */

#formulario {

	color:#606060;
        text-align: left;
        margin: 25px auto 0 auto; /*d'aquesta forma centrem tot el block en la pagina*/
 	width: 230px;
       
}

#formulario fieldset {
	border: 1px solid #697fac;
	background-color: #c5d9ee;
 	padding:10px;

	position: relative; margin-top:2em; 
	padding-top:2.75em;
}

html>body #formulario fieldset {
	padding-top:10px;
}


#formulario legend{
	font-size:1.1em;
	font-weight: bold;
	border: 0;
	margin-top:0;
	margin-bottom: 0;
	color: #FFFFFF;
	margin-bottom: 20px;
	padding: 0.2em 0.5em;
	background-color: #001254;
	
	position:absolute; 
	top: -1.7em; 
	left: .5em;
}

#formulario input {
	font-size:1.2em;
	font-weight: normal;
	float: left;
	margin-bottom: 10px;
	text-align: left;
	border: 1px solid #697fac;
	color: #808080;
	width: 120px;
	padding: 1px;
}

#formulario label {
	font-size:1.1em;
	font-weight: bold;
	color: #536489;
	text-align: left;
	margin-bottom: 10px;
	width: 70px;
	float: left;
	padding: 1px;
}

#formulario input.submit {
	background-color: #536489;
	margin-top:0px;
	margin-bottom: 10px;
	color: #ffffff;
	float:left;
	text-align: center;
	font-size:0.9em;
	font-weight: bold;
	width: 124px;
}

/* --- FI FORMULARI INTRANET -------------------------------------------------------------- */


#peu { 
	width: 940px;
	background: #FFFFFF;
	margin: 15px 0px 10px 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
        clear:left;
        float:left;
}

/*
html>body #peu { 
        float:left;
}
*/

#peu p { 
	width:100%;
	color: #777777;
	font-size: 1.1em; 
	font-weight: normal;
	float:left;
	text-align: center;
	letter-spacing: 0px;
	padding: 5px 0px 0px 0px;
	margin-bottom: 10px;
	height: 20px;
	font-family: Arial,Verdana,sans-serif; /*si nomes fem servir una tipo, la definim aqui*/
}

#peu p a { 
	color: #444444;
}

#peu p .credits a { 
	color: #999999;
	text-decoration: none;
        float: right;
}


/* ---------------------------------------------- pop-up fitxa noticies --- */
#noticies_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;
}

#noticies_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;
}



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

/* ---------------------------------------------------------------------------------*/
/* -------------------------------------------------------------- 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 30px;	
	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.0em;
	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.0em;
	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;
}

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