/*
General
---------------------------------------------*/
body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
li {
	display: inline;
}
li a {
	display: block;
}
h1, h2, h3, ul, p {margin: 0; padding: 0;}

/*Clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Amaga d'IE-mac \*/
	* html .clearfix {
		height: 1%;
	}
	/* Fi amaga d'IE-mac */

/*
Vincles
---------------------------------------------*/
a {
	color: #069;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*
Layout comú
---------------------------------------------*/
#contenidor {
	width: 750px;
	margin: 10px auto;
	border-left: 1px dashed #999;
	border-right: 1px dashed #999;
	padding: 8px;
	font-size: 1em;
}
	ul#eines {
		float: right;
		width: auto;
	}
	#titular {
		clear: both;
		color: #fff;
		padding-top: 1.1em;
		padding-bottom: 1.1em;
	}
	#interior #titular {
		margin-bottom: 2px;
	}
			.viure #titular {
				background-color: #e06a00;
			}
			.visita #titular {
				background-color: #393;
			}
			.laciutat #titular {
				background-color: #399;
			}
			.lajuntament #titular {
				background-color: #850443;
			}
	#contingut {
		background: url('../../images/comu/bg_contingut.gif') -16px 0 repeat-y;
	}
		#menu {
			width: 138px;
			float: left;
		}
		#principal {
			width: 604px;
			float: right;
		}
		#peu {
			clear: both;
			background: #fff;
		}

/*
Layout portada
---------------------------------------------*/
#portada #contenidor {
	width: 78%;
	max-width: 78%;
	min-width: 75em;
}
#portada #titular {
	padding: 0;
	overflow: hidden;
}
#portada #contingut {
	background: url('../../images/portada/bg_contingut_portada.gif') 23.59% 0 repeat-y;
}
	#portada #menu {
		width: 23.59%;
		max-width: 23.59%;
	}
	#portada #principal {
		width: 76.41%;
		max-width: 76.41%;
		background: url('../../images/portada/bg_principal_portada.gif') 69.29% 0 repeat-y;
	}
		#portada #central {
			float: left;
			width: 69.29%;
			max-width: 69.29%;
			padding: 0 15px;
		}
		#portada #secundari {
			float: right;
			width: 23%;
			max-width: 23%;
			padding: 0 3px 0 11px;
		}
	
/*
Superior
---------------------------------------------*/
#portada #cap {
	border-bottom: 1px dashed #999;
	margin-bottom: 15px;
}
#portada #superior {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
p#port {
	float: left;
	width: 40%;
	margin-top: 0;
	margin-bottom: 5px;
}
	p#port a {
		float: left;
		background: url('../../images/comu/icon_portada.gif') 0 50% no-repeat;
		padding: .2em 0 .2em 15px;
	}
ul#eines a,
ul#idiomes a {
	float: left;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: .2em 0 .2em 22px;
	margin-left: 18px;
}
	ul#eines a.planol {
		background-image: url('../../images/comu/icon_planol.gif');
	}
	ul#eines a.mapa {
		background-image: url('../../images/comu/icon_mapaweb.gif');
	}
	ul#eines a.contacte {
		background-image: url('../../images/comu/icon_mail.gif');
	}
	
ul#idiomes {
	float: left;
	color: #069;
	background: url('../../images/portada/icon_idioma.gif') 0 50% no-repeat;
}
	ul#idiomes a {
		padding: .2em 0;
	}
#menuSup {
	float: left;
}

/*
Titulars
---------------------------------------------*/
#interior h1 {
	float: right;
	margin-right: 10px;
}
#interior h2,
#interior h3 {
	margin-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	padding-left: 6px;
}
	.viure h2,
	.viure h3 {
		border-left-color: #eeb077;
	}
	.visita h2,
	.visita h3 {
		border-left-color: #92c992;
	}
	.laciutat h2,
	.laciutat h3 {
		border-left-color: #92c9c9;
	}
	.lajuntament h2,
	.lajuntament h3 {
		border-left-color: #be799b;
	}
#interior h2 a {
	font-size: x-small;
	color: #fff;
	font-weight: normal;
	border-bottom: 1px solid #fff;
}
	#interior #cap h2 a:hover {
		text-decoration: none;
	}
#interior h3 {
	font-size: 1.8em;
}

/*
Menú portada i interior seccions
---------------------------------------------*/
ul#amida {
	margin-left: 130px;
}
	ul#amida a,
	ul#menuSup a {
		float: left;
		color: #fff;
		text-decoration: none;
		padding: .4em .8em .4em .4em;
		padding-left: 1.5em;
		margin-top: 5px;
		margin-left: 7px;
		background: url('../../images/comu/kland_cuad_blanc.gif') 4px 50% no-repeat;
	}
	ul#menuSup a {
		width: 11em;
		font-size: 1.1em;
		font-weight: bold;
		padding: .5em .8em;
		margin: 7px 7px 7px 0;
		background-image: none;
	}
	ul#amida a:hover,
	ul#menuSup a:hover {
		text-decoration: none;
	}
		ul#amida a.sabamida {
			color: #069;
			font-weight: bold;
			background: url('../../images/comu/icon_visita.gif') 0 50% no-repeat;
			text-indent: 1.2em;
		}
		ul#amida a.viure,
		ul#menuSup a.viure,
		.viure #menu p {
			background-color: #e06a02;
		}
			ul#amida a.viure:hover,
			ul#menuSup a.viure:hover {
				background-color: #eeb077;
			}
		ul#amida a.visita,
		ul#menuSup a.visita,
		.visita #menu p {
			background-color: #393;
		}
			ul#amida a.visita:hover,
			ul#menuSup a.visita:hover {
				background-color: #92c992;
			}
		ul#amida a.laciutat,
		ul#menuSup a.laciutat,
		.laciutat #menu p {
			background-color: #399;
		}
			ul#amida a.laciutat:hover,
			ul#menuSup a.laciutat:hover {
				background-color: #92c9c9;
			}
		ul#amida a.lajuntament,
		ul#menuSup a.lajuntament,
		.lajuntament #menu p {
			background-color: #850443;
		}
			ul#amida a.lajuntament:hover,
			ul#menuSup a.lajuntament:hover {
				background-color: #be799b;
			}
			
/*
Tooltips portada
---------------------------------------------*/
a.tooltip {
	position: relative;
	z-index: 2; /*Per tapar la icona rss*/
}			
	a.tooltip span {
		display: none;
	}
		a.tooltip:hover span {
			display: block;
			width: 29em;
			position: absolute;
			top: 3em;
			left: 0;
			color: #333;
			background: #fff;
			border-style: solid;
			border-width: 2px;
			padding: .6em;
			padding-left: 14px;
			font-size: xx-small;
			font-weight: normal;
			background-repeat: no-repeat;
			background-position: .6em .9em;
		}
		a.viure:hover span {
			border-color: #eeb077;
			background-image: url('../../images/portada/kland_tooltip_viure.gif');
		}
		a.visita:hover span {
			border-color: #92c992;
			background-image: url('../../images/portada/kland_tooltip_visita.gif');
		}
		a.laciutat:hover span {
			border-color: #92c9c9;
			background-image: url('../../images/portada/kland_tooltip_laciutat.gif');
		}
		a.lajuntament:hover span {
			border-color: #be799b;
			background-image: url('../../images/portada/kland_tooltip_lajuntament.gif');
		}

/*
Cercador
---------------------------------------------*/
form#cerca {
	float: right;
	height: 2.2em;
	border-left: 4px solid #ccc;
	background: url('../../images/comu/icon_lupa.gif') 5px 50% no-repeat;
	margin-top: 5px;
	margin-bottom: 5px;
}
#portada form#cerca {
	border-left: none;
	margin-top: 8px;
}
	form#cerca p {
		display: inline;
	}
		form#cerca input {
			width: 125px;
			margin-left: 28px;
			border: 1px solid #ccc;
			font-size: xx-small;
			color: #666;
			padding: 2px 0;
			position: relative;
			top: -7px;
		}
			#portada form#cerca input {
				width: 10em;
				height: 2em;
				top: -.7em;
			}
		form#cerca button {
			width: 22px;
			height: 22px;
			border: none;
			background: transparent;
			position: relative;
			top: -2px;
		}
			#portada form#cerca button {
				top: 0;
			}

/*
Molla de pa
---------------------------------------------*/
p#molladepa {
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: .7em;
	padding-left: 2.5em;
	margin-top: 5px;
	color: #666;
	background: url('../../images/comu/icona_etas_a.gif') 0 50% no-repeat;
}
	
/*
Menú lateral interior
---------------------------------------------*/
#interior #menu p {
	margin: 0;
	color: #fff;
	padding: .5em;
	font-weight: bold;
	border-top: 8px solid #fff;
}
#interior ul#nav {
	padding: .5em;
}
	#interior ul#nav a {
		color: #666;
		text-decoration: none;
		background: #fff;
		padding: .5em;
		margin: .5em 0;
		font-weight: bold;
	}
		#interior ul#nav a:hover {
			background: #e0e0e0;
		}
		
/*
Menú lateral portada
---------------------------------------------*/
#portada ul#nav a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	text-indent: 11px;
	background: url('../../images/portada/kland_cuad_gris.gif') 0 50% no-repeat;
	padding: .4em 0;
}
	
/*
Contingut portada
---------------------------------------------*/
#portada h2,
#secundari h4 {
	color: #666;
	text-transform: uppercase;
	font-size: 1.1em;
	border-bottom: 1px solid #ccc;
	padding: .7em 0;
	text-indent: 14px;
	background: url('../../images/portada/kland_cuad_gris.gif') 0 50% no-repeat;
	margin: -.5em auto;
}
	#portada h2 span {
		font-weight: normal;
	}
p.rss {
	position: relative;
	top: -16px;
	left: 85%;
	padding: .2em 15px;
	background: url('../../images/portada/icon_rss.gif') 100% 50% no-repeat;
	width: 3em;
	z-index: 1; /*Perquè el tooltip ho tapi*/
}
ul#noticies {
	margin-bottom: 0;
}
	ul#noticies a,
	#secundari ul a {
		padding: 0 0 .8em 1em;
		background: url('../../images/portada/kland_menu_peu.gif') 0 4px no-repeat;
	}
p.mes {


	border-bottom: 1px dashed #999;
	padding: .8em 2em;
	margin-bottom: 1em;
	text-align:right;
}

/*
Destacats portada
---------------------------------------------*/
ul#destacats {
	margin-top: 15px;
}
ul#destacats li {
	width: 45%;
	float: left;
	color: #666;
	margin: 5px;
}
	ul#destacats li img {
		float: left;
		margin-right: 9px;
	}
	ul#destacats li h3 {
		font-size: 1em;
		font-weight: normal;
		margin-bottom: .3em;
	}
	
/*
Contingut secundari
---------------------------------------------*/
#secundari h3 {
	/*width: 14em;*/
	width: 130;
	/*height: 5.4em;*/
	height: 60;
	text-transform: uppercase;
	font-size: 1em;
	padding-left: 7em;
	padding-top: .5em;
}
#secundari h5 {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	/*width: 14em;*/
	width: 13em;
	/*height: 5.4em;*/
	height: 4.9em;
	background: url('../../images/portada/fons_nadal.gif') no-repeat;
	text-transform: uppercase;
	font-size: 1em;
	padding-left: 5em;
	padding-top: 0.5em;
}
}
#secundari h5 a {
	font-size: 87%;
	color: #2078A9;
	text-decoration: none;
}
#secundari h5 a:hover {
	text-decoration: underline;
}

#secundari h4 {
	margin: .2em 0;
	border-bottom: none;
}
#secundari ul {
	margin-bottom: 2em;
}
	#secundari ul a {
		padding: 0 0 .5em 1em;
	}
#secundari img {
	margin: .5em 0;
}

/*
Peu
---------------------------------------------*/
#peu {
	padding: 15px 0 0 0;
	border-top: 1px solid #999;
	color: #333;
}
#portada #peu {
	border-top-style: dashed;
}
#peu img {
	margin-top: -5px;
}
#interior #peu p {
	position: relative;
	left: 105px;
	top: -15px;
	width: 180px;
	margin-bottom: 0;
	padding: 0;
}
#peu ul {
	position: relative;
	left: 280px;
	top: -27px;
	float: left;
}
#peu ul a {
	float: left;
	padding-left: 1em;
	background: url('../../images/comu/kland_menu_peu.gif') 0 50% no-repeat;
	margin-left: 2em;
	text-decoration: none;
	color: #069;
}