/*
Joan Pere Massana
Can Antaviana, 2009


-Basic
-Container / Estructura
-Navegacio
-Portada
-Footer
-Branding
-Cercar
-Paginació
-Notícies

 Basic
---------------------------------------------*/
html {font-size: 100%;} /* WinIE text resize correction */
body {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #333;
	padding: 0;
	margin: 0;
	background: #F3F4EE;
}

ul,ol,dl,fieldset {margin:0;padding:0;}
img {border: 0; margin: 0;padding: 0;}
ul {list-style: none;}
a {
	color: #CC0001;
	font-weight: bold;	
	text-decoration: none;
	border-bottom: 1px #CC0001 dotted;
}
a:hover {
	color: black;
	border-bottom: 1px black dotted;
}
p {
	margin: 5px 0;
	padding: 0;	
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;		
	font-family: Georgia, Times New Roman;
	color: #CC0001;
	font-weight: normal;
}


/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/*Vincles externs*/
a:link.external,
a:visited.external {
	background-image: url(img/icon_link_ext.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
	padding-right: 14px;
	/*display: block;*/
}
a:focus.external,
a:focus.active {
	background-image: url(img/icon_link_ext2.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
	padding-right: 14px;
}

blockquote {
	padding: 0;
	margin: 0;
}

/* Container / Estructura
---------------------------------------------*/

div#top {
	margin: 0 auto;	
	width: 905px;
	background: #F3F4EE;
	height: 40px;
	padding-top: 25px;
}
	div#top ul {
		float: right;
		background: url('img/icon_idioma.jpg');
		background-repeat: no-repeat;
		background-position: 3px 6px;
		padding-left: 30px;
	}

		div#top ul li {
			float: left;
			display: inline;	
			padding: 3px 10px;
			border-left: 1px #626262 solid;
		}
		
			div#top ul li.actiu {
				background: #4D4D4D;
				color: #F3F4EE;
				padding: 3px 5px;
				font-weight: bold;
			}
			
div#container_main {
	width: 905px;
	margin: 0 auto;	
	text-align: left;
	padding: 0;
}

div#container_sub {
	background: white;
	border-top:	1px #C9C9C7 solid;
	border-bottom: 1px #C9C9C7 solid;
	padding: 20px;
}

div#content_main {
	width: 650px;	
	float: left;
}
div#content_main p{
	margin: 20px 0;
	line-height: 20px;
}
	div#content_main .titol p{
		margin: 0;
	}
		div#content_main ul {
			margin: 10px 0;
		}
			div#content_main ul li {
				background: url(img/kland_cuad_roig.gif) no-repeat;	
				background-position: 0 5px;
				padding-left: 10px;
				margin: 5px 0;
			}	
		
div#content_sub {
	float: right;	
}

/* Navegaci�
---------------------------------------------*/

#nav {
	background: url(img/fons_menu.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
	/*padding: 7px 0;*/
	color: #F3F4EE;
}
#nav ul {
	height: 36px;
}

	#nav ul li {
		float: left;
		/*display: inline;*/
		text-align: center;
		/*height: 36px;*/
		/*padding-top: 10px;*/
		border-right: 2px #626262 solid;
	}

		#nav ul li a {
			color: #F3F4EE;
			padding: 10px 15px 0 16px;
			height: 24px;
			display: block;
			border: 0;
			float: left;
		}
		#nav ul li a:hover {
			background: url(img/fons_menu_seleccionada.jpg) repeat-x;
		}
			
			#nav ul li.current {
					background: url(img/fons_menu_seleccionada.jpg) repeat-x;
			}
			
	#container_sub {
		margin-top: 20px;	
	}
	
/* Portada
---------------------------------------------*/

#portada div#container_sub {
	background: none;
	border-top:	0;
	border-bottom: 0;
	padding: 0;
}
#portada div#content_main {
	width: 100%;
}
#portada h3 {
	border: 0;	
}

#portada div.titol {
	clear: both;	
	margin-top: 20px;
	border: 0;	
	padding-bottom: 0;
}
	#portada div.titol h2 {
		float: left;
		width: 60%;	
	}

#portada #novetats ul li{
		border-top:	1px #C9C9C7 solid;
		border-bottom: 1px #C9C9C7 solid;
		background: #fff;
		float: left;
		display: inline;
		padding: 15px;
		width: 412px;
		margin:0 10px 0 0;
}
/*#portada #novetats ul li.primer {
	margin-right: 20px;	
}*/

	#portada #novetats ul li img {
		float: left;
		margin: 0 10px 5px 0;
	}
	#portada #novetats ul li div.texte {
		/* margin-left: 120px;	*/
		 margin-bottom: 15px;
	}
	#portada #novetats ul li p {
		margin: 0;
		line-height: normal;	
	}
	#portada #novetats ul li h3 {
		font-size: 17px;
		margin: 0 0 10px 0;
	}
	#portada #novetats ul li div.mes {
		 background-color: #CC0001;
		 padding: 5px;
		 display: inline;
		 /*margin-left: 120px;*/
	}
		#portada #novetats ul li div.mes a{
	 		color: #F3F4EE;
			border-bottom: 1px #F3F4EE dotted;
		}
		#portada #novetats ul li div.mes a:hover {
			color: black;
			border-bottom: 1px black dotted;
		}
		
/*h2.tit_galeries {
	font-family: Arial, Verdana;
	color: black;		
	font-size: 18px;
	border-top: 1px #ccc solid;
	padding-top: 10px;
	margin-top: 10px;
}*/

#portada #novetats .historic {
	clear: both;
	padding: 10px 0;
}
/*#portada #galeries {
	background: #fff;
	/*width: 904px;/
	padding: 10px;
	margin: 15px 0;
	
}
	#portada #galeries .box {
		float: left;
		width: 220px;	
	}
		#portada #galeries .box ul {
		}
			#portada #galeries .box ul li {
				padding: 0;	
				background: none;
				border: 0;
				width: 220px;
				margin: 0;
			}*/

/* Footer
---------------------------------------------*/

#footer {
	margin: 0 auto;	
	width: 905px;
	clear: both;
	text-align: center;
	background: #333333;
	color: #F3F4EE;
	height: 30px;
	padding-top: 15px;
}
#footer a{
	color: white;
	border-bottom: 1px white dotted;
}
#footer a:hover{
	color: #999;
	border-bottom: 1px #999 dotted;
}

/* Branding
---------------------------------------------*/

.titol {
	border-bottom: 1px	#ccc solid;
	/*padding-bottom: 10px;*/
}

	.titol h2 {
		font-size: 20px;
	}
	
	.titol .pdf {
		background: url(img/icon_pdf_bio.jpg) no-repeat;
		background-position: right;
		padding-right: 40px;
		float: right;
		height: 35px;
		width: 120px;
		text-align: right;
	}
		.titol .pdf a {
			border: 0;	
		}
	
div.cataleg_pdf {
	float: right;
	background: #fff;
	width: 340px;	
	padding: 5px;
	padding-top: 10px;
	margin: 15px 0 15px 5px;

}
	div.cataleg_pdf img{
		float: left;
		margin-right: 5px;
		margin-top: -5px;
	}
h3 {
	color: #CC0001;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding: 6px 0;
	font-size: 17px;
	margin: 20px 0;
}
h3 a {
	font-weight: normal;
}
.pujar {
	background: url(img/icon_pujar.gif) no-repeat;	
	background-position: 0 13px;
	border-top: 1px #ccc solid;
	margin: 10px 0;
	padding: 10px 0 0 15px;
	clear: both;
}

div.titol div.rss {
		background: url(img/icon_rss.gif) no-repeat;
		background-position: right;
		float: right;
		text-align: right;
		width: 7%;
		height: 18px;
		padding-right: 30px;
	}


/* Exposicions - galeria
---------------------------------------------*/

body#exposicions #container_sub {
	padding: 0;
	border: 0;
}

body#exposicions .titol h2{
	padding-bottom: 5px;
}

body#exposicions p.mostrant {
	margin: 10px 0 0 0;
	padding: 0;
}


body#exposicions #content_main {
	width: 100%;
}
div#expos_ind {
	clear: both;	
}

	div#expos_ind ul {
		width: 905px;
	}
	
	div#expos_ind ul li {
		border-top:	1px #C9C9C7 solid;
		border-bottom: 1px #C9C9C7 solid;
		background: #fff;
		float: left;
		display: inline;
		padding: 15px;
		width: 410px;
		margin: 5px 12px 10px 0;
		height: 160px;
		overflow: auto;
	}
		div#expos_ind ul li img {
				float: left;
				margin: 0 10px 5px 0;
				max-height: 145px; 
				max-width: 170px;
				height: expression( this.scrollHeight > 144 ? "145px" : "auto" ); /* per ie */
				width: expression( this.scrollWidth > 169 ? "170px" : "auto" ); /* sets max-width for IE */
		}
		
		/*div#expos_ind ul li div.imatge {
				text-align: right;
				float: left;
				margin: 0 10px 5px 0;
		}
		di#expos_ind ul li div.imatge img {
				margin: 0 10px 5px 0;
		}*/
		
			div#expos_ind ul li div.texte {
				 /*margin-left: 160px;	*/
				 margin-bottom: 15px;
			}
			div#expos_ind ul li h3 {
				font-size: 17px;
				margin: 0 0;
				border: 0;
			}
			div#expos_ind ul li p {
				margin: 0;
				line-height: normal;	
			}
body#exposicions .pujar {
	border: 0;
	padding: 0 0 0 15px;
	background-position: 0;
}
	
body#exposicions .titol span {
	float: right;
	/*border: 1px red solid;*/
}
body#exposicions .titol span a{
	/* per solucionar problema amb ie6 */
	border: 1px #F3F4EE solid;
}
body#exposicions .titol span a:hover{
	color: black;
}

#fitxa_resum h3{
	border: 0;
}

body#exposicions #fitxa_resum {
	border-bottom: 1px #ccc solid;
	padding: 10px 0;
	clear: both;
}
body#exposicions #fitxa_resum h3 {
	margin: 0;
	padding: 0;	
	font-size: 24px;
	font-weight: normal;
}
body#exposicions #fitxa_resum p {
	margin: 0;
}

body#exposicions #fitxa_descripcio {
	border-bottom: 1px #ccc solid;
	padding: 10px 0;
	clear: both;
}
		body#exposicions #fitxa_descripcio p {
			width: 670px;	
		}
			body#exposicions #fitxa_descripcio div.critiques {
				border-left: 1px #ccc solid;
				float: right;
				margin-right: 40px;
				padding-left: 20px;
			}
				body#exposicions #fitxa_descripcio div.critiques ul li{
					background: none;
					padding-left: 0;
				}
	
/*------------------- formulari -----------------------*/

div.formulari {
 		width: 330px;
		float: right;	
		text-align: right;
	}

	/* formulari cercador*/
	div.formulari fieldset {
		border: none;	
	}
		div.formulari form legend {display: none;}
		div.formulari form select {
			width: 144px;
			font-size: 11px;
			color: #666;
			border: 1px #999999 solid;
		}




/*---------------
paginaci�
---------------------------------------------*/	

#navegacioPagines {
	clear: both;
	background: #fff;
	
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	float: left;
	padding-bottom: 1em;
	/*padding-top: 20px;*/

	width: 100%;
	font-size: 11px;
	margin: 20px 0;
	
}
#navegacioPagines p {
	margin: 0;
	padding: 0;
}
#navegacioPagines p#pag {
	float: left;
	/*background: url('images/pagina.gif') 0 50% no-repeat;*/
	margin: 0 1em 0 0;
	padding-left: 15px;
	font-size: 1em;
	color: #333;
}
	#navegacioPagines p#pag strong {
		color: #333;
	}
#navegacioPagines .anterior,
#navegacioPagines .seguent {
	font-size: 11px;
	font-weight: bold;
}
	#navegacioPagines .anterior {
		/*background: url('images/pag_anterior.gif') 0 50% no-repeat;*/
		padding-left: 20px;
		float: left;
		margin-right: 3em;
		border: none;
		height: 17px;
	}
	#navegacioPagines .seguent {
		/*background: url('images/pag_seguent.gif') 100% 50% no-repeat;*/
		padding-right: 20px;
		float: right;
		border: none;
		height: 17px;
	}
#content_main #navegacioPagines ul {
		float: left;
		width: 37em;
		margin: 0;
		font-weight: bold;
		margin-top: -5px;
	}
		 #container_sub #content_main #navegacioPagines ul li {
			background: none;
			float: left;
			font-size: 1em;
			color: #333;
			background-color: inherit;
			text-align: center;
			padding-top: 0em;
			border-bottom: none;
			margin: 0 .5em 0 0;
		}
		#container_sub #content_main #navegacioPagines li.actual {
			font-weight: bold;	
			border: 1px solid #999;
			width: 1.2em;
			padding: .3em;
			display: block;
		}
			
			#container_sub #content_main #navegacioPagines li a{
				font-weight: normal;
				border: 1px solid #999;
				width: 1.2em;
				padding: .3em;
				display: block;
			}
			#container_sub #content_main #navegacioPagines li.mes a {
				border: none;
			}


/* PRESENTACI� OBRES */

div#expos_ind.presentacio_obres h4 {
	margin-top: 10px;
	color: #686866;
	font-size: 14px;	
	font-weight: bold;
}


div#expos_ind.presentacio_obres ul li{
	width: 180px;
	text-align: center;
	height: 180px;
	
}
	div#expos_ind.presentacio_obres ul li img{
		float: none;
		margin: 0;
	}
	div#expos_ind.presentacio_obres ul li img a{
		border-bottom: 0px;
	}
	div#expos_ind.presentacio_obres ul li p{
		text-align: left;
		margin-top: 10px;
	}
	
	
/* LLISTAT OBRES */

body#fitxa #container_main {
	width: 620px;
	padding: 10px;
	margin: 0;	
}

	body#fitxa #container_main #obra{
		float: left;
		margin-right: 10px;
	}
	body#fitxa #container_main #informacio {
		float: left;
		width: 228px;	
	}
		body#fitxa #container_main #informacio .notes{
			border-top: 1px #ccc solid;
			border-bottom: 1px #ccc solid;
			padding: 15px 0;
			margin: 20px 0;
		}
			body#fitxa #container_main #informacio h2 {
				padding-bottom: 10px;
			}
			body#fitxa #container_main #paginacio .anterior {
				float: left;	
			}
			body#fitxa #container_main #paginacio .seguent {
				float: right;	
			}
			
/* OBRA GRÀFICA */

#exposicions #obra {
	background: #fff;
	padding: 20px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;	
	margin: 30px 30px 30px 0;
	width: 400px;
	float: left;
}
#exposicions #obra img {
	max-width: 408px;
	 /*height: expression( this.scrollHeight > 149 ? "150px" : "auto" ); per ie */
	width: expression( this.scrollWidth > 399 ? "400px" : "auto" ); /* sets max-width for IE */
	margin-right: 20px;
}

#exposicions #informacio {
	float: left;
	width: 410px;	
	margin: 30px 0;
}
	#exposicions #informacio p {
		margin: 10px 0;	
	}
	#exposicions #informacio ul li {
		background: none;
		padding-left: 0px;
	}
	
/* bibliografia */

div#bibliografia {
	clear: both;	
}

	div#bibliografia ul {
		width: 905px;
	}
	
	div#bibliografia ul li {
		border-top:	1px #C9C9C7 solid;
		border-bottom: 1px #C9C9C7 solid;
		background: #fff;
		float: left;
		display: inline;
		padding: 15px;
		width: 410px;
		margin: 10px 12px 0 0;
		height: 160px;
		/*height: 180px;*/
	}
		div#bibliografia ul li p {
				margin: 0;
		}
		div#bibliografia ul li img {
				float: left;
				margin: 0 10px 5px 0;
				max-height: 145px; 
				max-width: 170px;
				height: expression( this.scrollHeight > 144 ? "145px" : "auto" ); /* per ie */
				width: expression( this.scrollWidth > 169 ? "170px" : "auto" ); /* sets max-width for IE */
		}
			div#bibliografia ul li div.texte {
				 /*margin-left: 160px;	
				 margin-bottom: 15px;*/
			}
			div#bibliografia ul li h3 {
				font-family: Arial, Verdana;
				font-size: 12px;
				margin: 0;
				border: 0;
			}
			div#bibliografia ul li h4 {
				font-size: 18px;
				color: black;	
				margin-bottom: 10px;
			}
#bibliografia .pdf {
	color: #7F7F7F;
	padding: 6px 6px 6px 30px;
	background: url(img/icona_pdf_biblio.jpg) no-repeat;
	height: 30px;
}
	#bibliografia .pdf a{
		border-bottom: 1px #cc0001 dotted;
	}


/*---------------
contacta
---------------------------------------------*/	

#colA {
	float: left;	
	width: 445px;
	margin-bottom: 20px;
}
	#colA .titol {
		margin-bottom: 15px;
	}
	#colA .dades_cont {
		background: #fff;
		height: 210px;
	}
		#colA .dades_cont img {
			float: left;	
			margin-right: 15px;
		}
		#colA .dades_cont a {
			border: 1px #fff solid;
		}
		#colA .dades_cont p.nom {
			padding-top: 15px;
			color: #cc0001;
			font-weight: bold;
			
		}
/*div.dades_cont a{
	border-bottom: 1px #cc0001 dotted;
	margin: 0;
	padding: 0;
}
div.dades_cont a:hover {
	border-bottom: 1px black dotted;
	margin: 0;
	padding: 0;
}*/
div.titol_formulari h2 {
	clear: both;
	border-bottom: 1px #ccc solid;
	font-size: 20px;
	padding-bottom: 5px;
}
#colB {
	float: right;
	width: 445px;	
	margin-bottom: 20px;
}
	#colB .titol {
			margin-bottom: 15px;
	}
	
/* formulari */	
div#formulari form label{
	margin: 5px 0;
}
div#formulari form p {
	margin: 5px 0;
}
div#formulari form p.descrip {
	float: right;
	width: 440px;
	margin: 0;
	
}
	div#formulari form p.descrip textarea {
		width: 430px;
		padding: 3px 0;
	}
div#formulari form label {
	display: block;
}
div#formulari form input {
	padding: 3px 0;
}
	div#formulari form p.descrip, div#formulari form input {
		width: 440px;
	}
	
div#formulari form input.bt_enviar {
	width: 100px;
	background: #CD0003;
	color: white;
	border: 0;
	margin-bottom: 30px;
	margin-top: 30px;
}
/* errors */
label.error {
	background: #cc0001;
	color: white;
	width: 440px;
	padding: 2px;
	font-size: 11px;
}
/* google maps */
div#gmap {
	width: 440px;
	height: 219px;
	overflow: hidden;
}

/*---------------
notícies - llistat
---------------------------------------------*/

body#llistat_noticies #container_sub {
	padding: 0;
	border: 0;
}

body#llistat_noticies .titol h2{
	padding-bottom: 5px;
}

body#llistat_noticies #content_main {
	width: 100%;
}
body#llistat_noticies p.mostrant {
	margin: 10px 0 0 0;
	padding: 0;
}

body#llistat_noticies #llistat ul li {
	background: #fff;
	margin: 15px 0;
	clear: both;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding: 20px;
}
	body#llistat_noticies #llistat ul li img {
		float: right;	
	}
	body#llistat_noticies #llistat ul li .texte {
			width: 660px;
	}
		body#llistat_noticies #llistat ul li .texte p{
			margin: 5px 0;
		}
		body#llistat_noticies #llistat ul li .texte h3{
			border: 0;
			margin: 0;
		}
		body#llistat_noticies #llistat ul li .texte .mes a{
			background: #cc0001;
			color: white;	
			padding: 7px;
			display: block;
			width: 100px;
			text-align: center;
		}
		body#llistat_noticies #llistat ul li .texte p.data{
			margin: 0;
			padding: 0;
		}
		body#llistat_noticies #llistat ul li .texte .mes a:hover {
			color: black;
			border-bottom: 1px black dotted;
		}
		
/*---------------
notícies - fitxa
---------------------------------------------*/

body#fitxa_noticies #container_sub {
	padding: 0;
	border: 0;
	background: none;
}

body#fitxa_noticies .titol h2{
	padding-bottom: 5px;
}

body#fitxa_noticies #container_sub #content_main{
	float: none;
	width: 100%;
	background: none;
	border: 0;
}

body#fitxa_noticies #fitxa {
	background: #fff;
	width: 865px;	
	padding: 20px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	margin: 0 0 20px 0;
}
	
	body#fitxa_noticies #fitxa p{
		margin: 10px 0;
	}
	body#fitxa_noticies #fitxa h2{
		font-size: 25px;
		border-bottom: 1px #ccc solid;
		padding-bottom: 10px;
		margin-bottom: 25px;
		clear: both;
	}
	body#fitxa_noticies #fitxa div.obra{
		float: right;
		width: 160px;
		padding: 10px;
		margin-left: 15px;
	}
	body#fitxa_noticies #fitxa div.obra p{
		border-bottom: 1px #ccc solid;
		padding-bottom: 10px;
	}
body#fitxa_noticies div.nav_int {
	margin: 7px 0; 
	clear: both;
}	

body#fitxa_noticies div.nav_int p.llistat {
	float: left;	
}
body#fitxa_noticies div.nav_int p.publicacio {
	float: right;	
}
body#fitxa_noticies #fitxa .texte {
	width: 580px;
	
}
body#fitxa_noticies #fitxa div#relacionats {
	background: #333333;
	padding: 5px;
}
	body#fitxa_noticies #fitxa div#relacionats div {
		background: url(img/back_relacionats.gif);	
		padding: 3px;
	}
	
	
	
	body#fitxa_noticies #fitxa div#relacionats ul li {
		background: url(img/kland_relacionats.gif) no-repeat;	
		background-position: 5px 5px;
		padding: 5px 0 5px 20px;
		border-bottom: 1px white dotted;
		color: #999;
		
	}
		body#fitxa_noticies #fitxa div#relacionats ul li a {
			color: white;		
			border: 0;
		}

/*---------------
caixetes
---------------------------------------------*/
body#portada div#content_main div.caixeta {
	background: #fff;
	border-top: 1px #ccc solid;
	/*padding: 15px;*/
}
	body#portada div#content_main div.caixeta h3 {
		font-family: Arial, Verdana;
		color: black;		
		font-size: 18px;
		padding: 15px 15px 15px 0;
		margin-top:0;
		margin-bottom: 15px;
		background: #F3F4EE;
	}
	body#portada div#content_main div.caixeta blockquote {
		float: left;
		margin: 0 10px 10px 10px;
	}
		body#portada div#content_main div.caixeta blockquote ul li{
			margin: 3px 0;
			padding: 0;
			border: 0;
			background: none;
		}
		body#portada div#content_main div.caixeta p{
			margin: 0;
			padding: 0;
		}
		body#portada div#content_main div.caixeta blockquote ul li p{
			margin: 0;
			padding: 0;
		}
	/* amplada */
	body#portada div#content_main div.caixeta blockquote,
	body#portada div#content_main div.caixeta blockquote ul li {
		width: 200px;
	}
	
	
	/*body#portada div#content_main div.caixeta p{
		margin: 0;
		padding: 0;
		border: 1px red solid;
		width: 200px;
	}
	body#portada div#content_main div.caixeta ul {
		float: left;
		width: 200px;			
	}
		body#portada div#content_main div.caixeta ul li {
			width: 200px;
			border: 1px green solid;
			padding: 0;
			display: inline;
		}*/


/*#portada #novetats .historic {
	clear: both;
	padding: 10px 0;
}
#portada #galeries {
	background: #fff;
	padding: 10px;
	margin: 15px 0;
	
}
	#portada #galeries .box {
		float: left;
		width: 220px;	
	}
		#portada #galeries .box ul {
		}
			#portada #galeries .box ul li {
				padding: 0;	
				background: none;
				border: 0;
				width: 220px;
				margin: 0;
			}*/