@charset "UTF-8";
/* CSS Document */

body{

	background: #ffde62 repeat-x url(bg-body.png);
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	line-height:170%;

}

a:link{

	text-decoration:underline;
	color:#999;
	
}

a:hover{ text-decoration:none;	color:#0099FF;	}
a:visited{ text-decoration:underline;	color:#666666; }
a:visited:hover{ text-decoration:none;	color:#0099FF;	}

#contenidor{

	width: 820px;
	height:auto;
	margin:auto;
	margin-top:10px;
	
	

}

#capsalera{
	
	position:relative;
	margin:0px;
	width: 820px;
	height: 165px;
	background: #ffde62 url(bg-capsalera.png);
	z-index:15;

}


#capsalera #logo{
	
	float:left;
	top:40px;
	z-index:1;
	width:260px;
	height:70px;
	position:relative;
	left:40px;
	
}
#capsalera #imatge{
	
	position:relative;
	margin:0;
	left:210px;
	width:610px;
	height:140px;
	background: url(img-capsalera.png);

}

*:first-child+html #capsalera #imatge{
	
	top:-70px;
	position:relative;
	margin:0;
	left:210px;
	width:610px;
	height:140px;
	background: url(img-capsalera.png);

}

#capsalera .banderes{
	position:absolute;
	right:18px;
	
	top:105px;
z-index:10;
}



*:first-child+html #capsalera #menu{
 
	margin:0px;
	position:relative;
	left:26px;
	width:800px;
	height:25px;
	background: url(bg-menu.png) right no-repeat;
	z-index:11;
	top:-70px;

}

/**************************** MENU ***************************/

#capsalera #menu{

	position:relative;
	left:26px;
	width:800px;
	height:25px;
	background: url(bg-menu.png) right no-repeat;
	z-index:11;
	top:-10px;
	
}

#nav {	
	list-style:none;
		z-index:11;

	
}


#nav li, #capsalera #menu .item-menu, .item-menu-esq, .selected-item-menu{

	position:relative;
	float:left;
	
	left:26px;	
	width:100px;
	height:20px;
	display:block;
	
	
	color: #000;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	
	
}

#nav li a:link, #nav li a:visited{
	position:relative;
	color: #000;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	
	display:block;
	padding-top:5px;

}

#nav li:hover a, #nav li a:hover{

	color: #000;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	
	background:url(bg-menu-over.png);
	margin-top:0px;
	padding-top:0px;

	position:relative;
	
	width:100px;
	height:20px;
	display:block;
	padding-top:5px;
	
	 }
	  
#nav li:hover a  .selected-item-menu-esq, #nav li a:hover .selected-item-menu-esq{ background:url(bg-menu-over-esq.png); }

/*** navegador SERVEIS ****/

#nav li ul.nav2 {
	
	list-style:none;
	display:none;
	background-color:#fff7db;
	position:absolute;
	top:25px;
	left:-60px;
	background:none;
		height:20px;
	z-index:11;
	
}


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

#nav li ul.nav2 li {
	width:120px;
	clear:left;
	width:120px;
		height:20px;

}

#nav li ul.nav2 li a:link, #nav li ul.nav2 li a:visited {
	background:none;
	background-color:#fff7db;
	clear:left;
	position:relative;
	width:180px;
	border-bottom:1px #FFC800 solid;
	height:20px;
	

}
#nav li ul.nav2 li:hover a, #nav li ul.nav2 li a:active, #nav li ul.nav2 li a:hover {

	
	background:url(bg-menu-over.png);

	position:relative;
	width:180px;
	height:20px;
	display:block;
	padding-top:5px;

}




/**** navegador SECTORS ****/

#nav li ul.nav3 {
	
	list-style:none;
	display:none;
	background-color:#fff7db;
	position:absolute;
	top:25px;
	left:-70px;
	background:none;
		height:20px;
	z-index:11;
	
}


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

#nav li ul.nav3 li {
	width:90px;
	clear:left;
		height:20px;

}

#nav li ul.nav3 li a:link, #nav li ul.nav3 li a:visited {
	background:none;
	background-color:#fff7db;
	clear:left;
	position:relative;
	width:120px;
	border-bottom:1px #FFC800 solid;
	height:20px;
	

}
#nav li ul.nav3 li:hover a, #nav li ul.nav3 li a:active, #nav li ul.nav3 li a:hover {

	
	background:url(bg-menu-over.png);

	position:relative;
	width:120px;
	height:20px;
	display:block;
	padding-top:5px;

}





/*******
.item-menu-esq:hover, .selected-item-menu-esq{ background:url(bg-menu-over-esq.png); }

.item-menu:hover, .selected-item-menu{ 	background:url(bg-menu-over.png); }

.item-menu a, .item-menu-esq a, .selected-item-menu a, .selected-item-menu-esq a{
	color: #000;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;

	text-decoration:none;
}
.item-menu a:hover, .item-menu-esq a:hover, .selected-item-menu a:hover, .selected-item-menu-esq:hover{
	color: #000;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}


***/
#contingut{

	background: url(bg-content.png) repeat-y;
	width:820px;
	z-index:30;
	margin:0px;

}


*:first-child+html #content-dreta, *:first-child+html #content-esquerre{

top:0px;
}


#content-dreta{
	margin:0px;
	position:relative;
	float:left;
	width:510px;
	top:-5px;
	z-index:3;
	min-height: 575px;

}

#content-esquerre{
	position:relative;
	background: url(bg-content-dreta.png) no-repeat;
	float:left;
	width:310px;
	height:500px;
	z-index:10;
	top:-5px;
	
}

#destacats{
	position:relative;
	top:60px;
	left:30px;
	width:230px;
}

#destacats .item-submenu:link, #destacats .item-submenu:visited{	text-decoration:none;	color:#666666; }

#destacats .item-submenu:hover{	color:#0099FF; text-decoration:none}

#destacats .item-submenu-selected{	color:#0099FF; text-decoration:none; font-weight:bold;}


#destacats #title{
	
	position:relative;
	background:url(bg-destacat-capsal.png);
	padding-top:7px;
	width:230px;
	height: 18px;
	color: #000;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;

}

#destacats #content{
	background:url(bg-destacat.png);
	position:relative;
	color: #000;
	font: 10px Verdana, Arial, Helvetica, sans-serif;

}

#destacats #content #table{
	width:220px;
	left:5px;
	position:relative;
	
}

#footer_destacat{
	height:3px;
	position:relative;
	background:url(peu-capsal.png);
	background-position:-1px;
	width:230px;
}


#destacats #content #table .cela{
	vertical-align:middle;
	position:relative;
	margin-top:0;
	width:220px;
	height:35px;

	
}


.cela :hover{
	background-color:#fdf475;
	
}

.banners{
	position:relative;
/*	top:100px; */
	top:40px;
	left:35px;
	width:220px;
	
}

.img-banner{
	padding:2px;
	border: 1px #ffde62 solid;
	width:215px;
}

ul{
	list-style-type:none;}

#destacats #content #table li{
	margin-left:-10px;
	margin-right:6px;
	list-style-image:url(li.png);
}

li{
	
	list-style-image:url(li.png);
}

#content-dreta #content-cos{

	position:relative;
	width:485px;	
	padding:4px;	
	border-top: 1px #CCCCCC dashed;
	border-bottom: 1px #CCCCCC dashed;

	
}


#content-dreta #content-cos #noticies ul{
	
	position:relative;
	padding-left:5px;
	margin-left:10px;
	
}

#content-dreta #noticies li{

	list-style-image:url(li.png);
	

}


#content-dreta #noticies li .titol{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#666666;
	font-weight:700;
	line-height:180%;

}
#content-dreta #noticies li .cos{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height:180%;

}

h2{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#666666;
	font-weight:700;
}

.titol{
	
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#666666;
	font-weight:700;
}

#footer-capsal{
	background:url(bg-footer-capsal.png);
	width:820px;
	height:5px;

}

#footer{
	background:url(bg-footer.png);
	width:820px;
	height:auto;
	clear:both;
	margin-bottom:0px;
}



#content-dreta #localitza{
	top:5px;
	width:510;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	z-index:1;
}

#content-dreta #img-central_seccio{

	margin-right:0;
	height:auto;
	position:relative;
	
}
#img-central{
left:-10px;
	position:relative;
	width:510px;
	height:80px;
}

#content-dreta #content-cos .content-sumari-noticies{


	height:auto;
	position:relative;
		
	width:420px;
	padding-top:5px;
	padding-left:70px;
	padding-bottom:10px;
	
	margin-right:20px;
}

.titol-sumari-noticies{
	top:-29px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	letter-spacing:2px;
	font-weight:bold;
	position:absolute;
	left:18px;
	}



#content-dreta #content-cos .content-sumari-noticies{
	background-color: #fff7db;
	height:auto;
	position:relative;		
	width:440px;
	padding-top:5px;
	padding-left:5px;
	padding-right:15px;
	padding-bottom:10px;
	
	margin-right:20px;
}


*:first-child+html .img-sumari-noticies{
	position:relative;
	margin-top:2px;
	left:2px;
	top:-3px;
	width:50px;
}


#content-dreta #content-cos .content-sumari-noticies .img-sumari-noticies{
	position:absolute;
	margin-top:5px;
	margin-left:-15px;
	top:-25px;

	


	}

#content-dreta #content-cos .content-sumari-noticies .text-sumari-noticies{
	position:relative;
	float:left;
	margin-left:10px;
	text-align:justify;
	line-height:170%;
	width:430px;
	top:10px;
	
}

.peu-sumari{
clear:both;

	}

.peu-sumari-text{
font-size:9px;
position:relative;
left:360px;
top:10px;


	}
	
	#content-dreta #content-cos .content-sumari{
	background:url(img-sumari.png) #fff7db no-repeat;
	height:auto;
	position:relative;
		
	width:400px;
	padding-top:5px;
	padding-left:70px;
	padding-bottom:10px;
	
	margin-right:20px;
}

#content-dreta #content-cos .content-sumari .text-sumari{
	
	text-align:justify;
	line-height:170%;
}

#content-dreta #content-cos .content-sumari2{
	background:url(fons_groc_web2.png);
	height:auto;
	position:relative;		
	width:440px;
	padding-top:5px;
	padding-left:5px;
	padding-right:15px;
	padding-bottom:10px;
	
	margin-right:20px;
}


#content-dreta #content-cos .content-sumari2 .img-sumari{
	position:relative;
	float:left;	
	
	margin-top:5px;
	margin-left:10px;

	


	}

#content-dreta #content-cos .content-sumari2 .text-sumari2{
	position:relative;
	float:left;
	margin-left:10px;
	text-align:justify;
	line-height:170%;
	width:380px;
	top:5px;
	
}

#content-dreta #content-cos .content-sumari2 .peu-sumari{
clear:both;

	}
	
h1{
	position:absolute;
	top:63px;
	left:0px;
	font-family:Verdana, Arial;
	letter-spacing:1px;
	font-weight:900;
	font-size:18px;
	z-index:1;
margin-top:0;
}

#content-dreta #titol_seccio{
	position:absolute;
	top:63px;
	left:0px;
	font-family:Verdana, Arial;
	letter-spacing:1px;
	font-weight:900;
	font-size:18px;
	z-index:1;
}

.text-general{
	width: 465px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:150%;
}

.text-general-centrat{
	width: 465px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:150%;
	font-size:12px;
}

.text-general-centrat a{
	color:#09F;
	}

.text-footer{
	width: 580px;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:150%;
	margin: auto;


}

.centrat{
	vertical-align:middle;
	postion:relative;
	margin:auto;
}

.text-centrat{
	text-align:center;
}

.img-footer{

	position:relative;
	left:30px;
	top:-75px;
	width:220px;
}

.img-webmail{
	border: 1px #ffde62 solid;
}

.footer-webmail{
	position:relative;
	left:-40px;
	float:right;
	top:61px;
	text-align:right;
}

.imatge-left{

	padding:2px;
	border: 1px #ffde62 solid;
	float:left;
	margin-right:7px;
	margin-bottom:5px;

}


.imatge-right{

	padding:2px;
	border: 1px #ffde62 solid;
	float:right;
	margin-left:7px;
	margin-bottom:5px;

}

.content-img-center{
	position:relative;
	margin:0 auto;
	width:400px;



}


.imatge-center{
	display:block;
	margin:auto;
	padding:2px;
	border: 1px #ffde62 solid;
	margin-left:auto;

	
}

.noborder{ border:none; }

.capsaleres_taules_formacio{

	font-size: 11px; 
	line-height: 170%; 
	font-family: Verdana; 
	color: #FFFFFF; 
	font-weight:bold;
}

.noticies-index{
	margin-left:-30px;
	
}


.banner-footer{
	width: 380px;
	margin: auto;
	position: relative;
	top: -100px;
}