@charset "UTF-8";
body {
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	letter-spacing:0.3pt;
	line-height:14pt;
	color:#333333;
	
	background:url(bg-body.png) repeat-x top;
}


#contenidor-principal{
	margin:0 auto;
	position:relative;
	width:840px;

}

p{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.9pt;
	letter-spacing:0.3pt;
	line-height:15pt;
	color:#555555;	
}


a:link, a:visited, a:active{
	color:#09F;
	text-decoration:underline;
	}
a:hover{	
	color:#FF0000;
	text-decoration:none;
	}

/******************************    CAPÇALERA     ****************************/
 
#capsalera{
	position:relative;
	margin:0 auto;
	width:840px;
	height:180px;
	z-index:100;

	}

#menu-capsal{

	position: relative;
	width:800px;
	margin: 0 auto;
	height:20px;
	background:url(bg-menu1.png) no-repeat;
	z-index:100;
	

}

#menu-capsal span a, #menu-capsal span{ text-decoration:none; 	font:9px Verdana, Arial, Helvetica, sans-serif; color:#CCC; }
#menu-capsal span a:hover{text-decoration:none; color:#FFF;}


#menu-capsal span{ 
	position:relative;
	left:545px;
	top:3px;}

#menu-pagina{

	position: relative;
	width:800px;
	margin:0 auto;
	height:22px;
	background:url(bg-menu1.png);
	z-index:11;
	text-align:center;
	 
}


#nav{
	position:relative;
	left:10%;
	margin:0 auto;
	text-align:center;
	z-index:11;
	}
	
#nav ul{	list-style-image:none; 	list-style-position:outside;	list-style-type:none;	}
#nav li {
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:19px;
	letter-spacing:1px;
	line-height:normal;
	padding-top:3px;
	position:relative;
	text-align:center;	
	width:120px;
}

#nav li:hover{
	background:url(bg-menu-over.png);
	color:#333333;
}

#nav li.item-actiu{
	background:url(bg-menu-over.png);
	color:#333333;
	text-shadow: 0 1px 0 #FFF;
}

#nav li:hover a, #nav li.item-actiu a{ color:#333333; text-shadow: 0 1px 0 #FFF; }

#nav li a{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 0 1px 0 #333;
}


#nav li a:hover{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 0 1px 0 #FFF;	

}


#nav li ul.nav2 {

	display:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:absolute;
	top:22px;
	left:-30px;
	z-index:11;
}

#nav li:hover ul.nav2 {
	display:block;
		z-index:11;
}

#nav li ul.nav2 li {

	position:relative;

	
	padding-top:3px;
	height:22px;
	width:100px;
	
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#CCC;


}

#nav li ul.nav2 li a:link, #nav li ul.nav2 li a:visited {

	clear:left;
	height:22px;
	position:relative;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background:#CCC;
	
}

#nav li ul.nav2 li:hover a, #nav li ul.nav2 li a:active, #nav li ul.nav2 li a:hover, #nav li ul.nav2 li:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#666;
}

#flash{
	
	position:relative;
	width:800px;
	height:142px;
	margin:0 auto;
	z-index:0;
}

#logo{
	left:0px;
	position:absolute;
	top:62px;
	width:840px;
	height:100px;	
	z-index:10;
	background:url(bg-logo1.png);
}

#logo img{ 
	position:relative;
	top:50px;
	left:40px;
	border:0px;
	}

/****************** FI CAPSALERA  ***************/


/****************** PRINCIPI DELS LAYOUTS ***********************************/

#contingut{
	position:relative;
	margin:0 auto;
	clear: both;
	z-index:8;
	width:840px;	
	top:0px;
	background:url(bg-content00.png) repeat-y left;
}	

#layout-esquerre-seccio{ width:200px; background:url(bg-menu-seccio.png) right; } 
#layout-esquerre-home{ width:135px; } 
#layout-esquerre-home, #layout-esquerre-seccio{
	position:relative;	
	float:left;
	margin-left:20px;
	z-index:8;
	height:400px;
} 

#layout-central-home{
	position:relative;
	width:665px;
	margin-left:150px;
}

#layout-central-home #mig{
	position:relative;
	width:450px;
	height:480px;
	float:left;
	background:url(bg-baner-central.png) no-repeat;
}

#layout-central-home #layout-dreta{
	position:relative;
	margin-left:430px;
	width:240px;
	height:480px;
	background:url(bg-news00.png) repeat-y;

}

#layout-central{
	position:relative;
	padding-left:5px;
	width:580px;
	float:left;
	z-index:0;
}

#layout-esquerre-home .baner{ position:relative; left:15px; padding:3px; border:0px #FF0000 solid; width:100px; }


.imatges-central{ position:relative; height:110px; }
.imatge{ padding:1px; border:1px #eb7575 solid; border-top:7px  #eb7575 solid;}
.imatge-dreta, .imatge-dreta-noborder{ padding:4px; float: right; margin-left: 4px;}
.imatge-dreta{ border:1px #eb7575 solid;}
.imatge-esq, .imatge-esq-noborder{ padding:4px; float: left; margin-left: 4px;}
.imatge-esq{ border:1px #eb7575 solid;}

.imatge:hover{  padding:1px; border:1px #F00 solid; border-top:7px  #F00 solid; }

#layout-central .baner:hover{ padding:1px; border:1px #FFFFFF solid; }
	
#serveis{ background:#FFF; padding:6px; border:1px #eb7575 solid;}
#serveis p{ line-height:25px;  }
#serveis span{margin-right:5px;}	

#layout-dreta #marquesina-noticies{
	position:relative;
	width:220px;
	height:280px;
	top:0px;
	left:20px;	
	font-size:11px;
}
#layout-dreta #marquesina-noticies p{ margin:0;	}
#layout-dreta #marquesina-noticies div{ padding-right:3px;	}

#layout-dreta .butlleti-noticies{
	background: url(bg-butlletins.png) no-repeat top right;
	padding-top:10px;
	position:relative;
	top:0px;
	left:20px;
	width:220px;
	height:250px;
	text-align:justify;
	}

.butlleti-noticies table{width:110px;}
.butlleti-noticies div{ position:relative; width:210px;}


#logos{ position:relative; left:180px; top:10px; width:50px;}

/**** FOOTER ****/

#peu-pagina{ background:url(bg-peu00.png) no-repeat scroll #FFF; position:relative; height:140px; }
#peu-pagina-home{	background:url(bg-peu01.png) no-repeat scroll #FFF;	}
#peu-pagina, #peu-pagina-home{
	position:relative;
	width:840px;
	top:-9px;
	z-index:100;
	clear: both;
}

#peu-pagina .text-peu p, #peu-pagina-home .text-peu p{
	position:relative;
	left:20px;
	width:800px;
	top:30px;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	line-height:15pt;

}

#peu-pagina .text-peu a, #peu-pagina-home .text-peu a{ color:#333333; text-decoration:underline; }
#peu-pagina .text-peu a:hover, #peu-pagina-home .text-peu a:hover{ color:#333333; text-decoration:none; }


.data {
	color: #666666;
	font-style:italic;
	font-size:7pt;
	font-weight:100;
}


/************** ESTIL DE TEXTOS ************************/

 h1{ 
	font:15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:bold;
	}
 
 h2{ 
	font:15px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:10px;
	margin-top:0px;
	

	}
 
 h3{ 
	font:18px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-transform:uppercase;
	letter-spacing:2px;
	}
h4{ 
	margin:0;
	margin-bottom:0;
	letter-spacing:0,5pt;
	font:9pt Verdana, Geneva, sans-serif;
	color:#333;
	font-weight:bold;}
	
blockquote{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:0,5pt;
	line-height:15pt;
	color:#FFF;
	padding:15px;
	
	background:url(bg-blockquote01.png) no-repeat top;
	float:right;	
	margin:0;
	margin-bottom:5px;
	margin-left:15px;
	border:0px #CCC solid;
	width:300px;
	float:right;
	
	}

li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.9pt;
	letter-spacing:0.3pt;
	line-height:15pt;
	margin-bottom:0px;
	color:#555555;
	list-style:url(li.png);

	}
	
ul.home li{
	list-style-type:none;
	list-style:none;
	list-style-position:inside;
	margin-top:0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing:0.3pt;
	vertical-align:top;
	margin-bottom:0px;
	color:#555555;
	left:-30px;
	position:relative;
	line-height:27px;
	}
.b1 a{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#eb7575;
	text-decoration:none;
	line-height:160%;
}

.b1 a:hover{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#F00;
	text-decoration:none;
	}


.b2 a{
	font:15px Verdana, Arial, Helvetica, sans-serif;
	color:#eb7575;
	text-decoration:none;
}

.b2 a:hover{
	font:15px Verdana, Arial, Helvetica, sans-serif;
	color:#F00;
	background-color:#CCC;
	text-decoration:none;
	}

.b3 a{
	font:17px Verdana, Arial, Helvetica, sans-serif;
	color:#eb7575;
	text-decoration:none;
	}

.b3 a:hover{
	font:17px Verdana, Arial, Helvetica, sans-serif;
	color:#F00;
	text-decoration:underline;
	}

.resaltat{ color: #F00;  }
.small{ font-size:85%; }

.input_form{

	width:119px;
	background: url(bg-input.png) no-repeat;
	padding:2px;
	height:18px;
	border:0px;
	font:9px Verdana, Arial, Helvetica, sans-serif;
}

.text-field, .textarea-field{
	width:300px;
	border:1px #333 solid;
	padding:2px;
	height:16px;
	font-weight:bold;
	color:#333;
	font:7pt Verdana, Arial, Helvetica, sans-serif;

	} 
.text-field-error{ border-right: 5px #F00 solid;}
.textarea-field{	height:60px;	} 	


.buto-form{
	padding:2px;
	border:0px;
	color:#F00;
	font-weight:bold;
	font-size:9px;
	letter-spacing:1px;
	width:124px;
	height:20px;
	background: url(bg-button120x20.png) no-repeat;
	
}

.text-formulari{ font-size:60%; font-family:Verdana, Geneva, sans-serif; color:#666; z-index:10; position:relative;}
#out_butlleti{font-family:Verdana, Geneva, sans-serif; color:#333; z-index:10; position:relative; line-height:18px; font-size:11px;}

.on-estem{	top: -10px;	position: relative;	margin-top: 1px;	color:#999999; font-size:9px; }
.on-estem a{	color:#993300; font-size:9px; text-decoration:underlined;}
.on-estem a:hover{	color:#993300; font-size:9px; text-decoration:none;}


/****************** MENU SECCIO ******************/

#nav-seccio{
	position:relative;	
	top:10px;	
	left:-40px;
	width:180px;
	} 
	
#nav-seccio ul {  }

#nav-seccio li {
	list-style:none;
	list-style-image:none; 
	list-style-position:inside;
	color:#333;
	line-height:160%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	height:28px;
	padding-top:12px;
	padding-left:14px;
}

#nav-seccio li:hover, #nav-seccio li.actiu {
	background:#999999;
	color:#FFFFFF;
	border-left:6px #666666 solid;
	position:relative;
	

}

#nav-seccio li a{
	color:#333333;
	text-decoration:none;
	}


#nav-seccio li a:hover,  #nav-seccio li.actiu, #nav-seccio li.actiu a , #nav-seccio li:hover a{
	color:#FFF;
	position:relative;
}