@import url("reset.css");
/*
El bloc de Mediacat
Can Antaviana, 2009

-general
-layout
-header
-post
-sociable
-sidebar
-comentaris
-footer

*/

/*---------------
=general
---------------------------------------------*/
/*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 */

body {
	background: #fff;
	font-family: Georgia, Times, "Times New Roman", serif;
}
strong {
	/* color: #0C2D79; */
	color: #333;
	font-weight: bold;
}
a:link {color: #0C2D79; text-decoration: none}
.entry a:link,
.entrytext a:link {font-weight: bold;}
a:hover {text-decoration:underline;}
a:visited {color: #666;text-decoration: none}
.entry a:visited,
.entrytext a:visited {font-weight: bold; color: #666}
a.rss:focus,
hr {display: none;}
h2 {
	font-size: 22px;
}
h2.titol {
	font-size: 28px;
	color: #646464;
}
em {
	font-style: italic;
}

/*---------------
=layout
---------------------------------------------*/
div#page {
	width: 940px;
	margin: 0 auto;
}
	div#page .tit_pagina {
		border-bottom: 1px #999 solid;
		padding-bottom: 15px;
		margin-top: 0;
		margin-bottom: 15px;
	}
div#content {
	width: 455px;
	/*width: 100%;*/
	float: left;
	margin-right: 10px;
}
	div#content_int {
		width: 708px;
		float: left;
		margin-right: 10px;
		margin-bottom: 30px;
	}
	div#content_int.contacte {
		width: 100%;
	}
	div#content_int .post {
		/*padding-bottom: 20px;	*/
		padding-bottom: 0;
	}
		div#content .post .eines,
		div#content_int .post .eines {
			border-top: 1px #ccc dotted;
			border-bottom: 1px #ccc dotted;
			font-family: Arial, Verdana;
			padding: 8px 0;
			margin: 0;
		}
		
		div#content_int .post .eines {
			margin: 15px 0;	
		}
		
			div#content_int .post .eines p.tags {
				float: left;
				width: 550px;
			}
			div#content .post .eines p.tags {
				float: left;
				width: 315px;	
				margin-bottom: 0;
				padding-bottom: 0;
				margin-top: 0;
				padding-top: 0;
			}
			
			div#content .post .eines p.num_comentaris {
				margin-top: 0;
			}	
			div#content_int .post .eines p.num_comentaris {
				margin-top: 10px;
			}
			div#content .post .eines p.num_comentaris,
			div#content_int .post .eines p.num_comentaris {
				background: url('img/icon_comentaris.gif') no-repeat;
				padding-left: 20px;
				font-size: 12px;
				float: right;
				font-family: Georgia, Times, "Times New Roman", serif;
				margin-bottom: 0;
				padding-bottom: 0;
			}
	div#content_int .post .entrada {
		border-bottom: 1px #ccc dotted;
		padding-bottom: 5px;
	}
	div#content_int .post span.cat {
		display: block;
		font-family: Georgia, Times, "Times New Roman", serif;
		text-transform: none;
		font-size: 18px;
		border-bottom: 1px #9A9A9A solid;
		padding-bottom: 10px;
		margin-bottom: 5px;
	}
	div#content_int .post .entrada span.pub {
		float: right;
	}
	
	div#content_int h2,
	div#content_int .post h2 {
		font-size: 28px;
		margin:0;
		padding: 15px 0 0 0;
	}
	
	div#content_int h2.tit_pagina,
	div#content_int .post h2.tit_pagina {
		padding-bottom: 15px;
		padding-top: 0;
		margin-top: 0;
	}
	div#content_int .post {
		padding-top: 0;
	}
	
		
div#leftsidebar {
	width: 220px;
	float: left;
	margin-right: 13px;
	background: #E5E5E5;
	padding: 0 10px 10px 10px;
	margin-bottom: 30px;
}

div#rightsidebar {
	width: 220px;
	float: left;
}

div#links_sociables {
	background: url('img/fons_barradalt.gif');
	background-repeat: repeat-x;
	height: 33px;
	position: relative;
}
	div#links_sociables span {
		position: absolute;
		top: 10px;
		right: 180px;
		font-size: 12px;
	}
	div#links_sociables ul {
		position: absolute;
		right: 0;
		top: 5px;
	}
		div#links_sociables ul li {
			float: left;
			display: inline;
			margin-right: 10px;
		}
/*---------------
=sociable - fes-ho córrer
---------------------------------------------*/
/*div.sociable {
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	padding: 5px 0;
	margin: 10px 0;	
	margin: 0;
	clear: both;
}*/
div.sociable {
	margin: 0;
	padding: 5px 0;
	clear:both;
}
.post_informes div.eines {
	padding-bottom: 5px;	
}
.post_informes div.sociable {
	border-top: 1px #ccc dotted;
	padding: 5px 0;	
}
	div.sociable h4 {
		background: url('img/icon_fesho_correr.gif') no-repeat;
		display: inline;
		float: left;
		font-family: Arial, Verdana;
		font-size: 12px;
		color: black;
		margin-right: 10px;	
		padding-left: 25px;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom:0;
	}


/*---------------
=cercador
---------------------------------------------*/
#header {
	position: relative;
}
#header form {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 300px;
}
#header label span{
	display: none;	
}
#headerimg h1 {
	padding: 10px;
}
	#headerimg h1 a{
		text-decoration: none;
	}
	#headerimg .description {
		position: absolute;
		font-size: 20px;
		top: 85px;
		left: 125px;
	}
	form.cercador {
		background: url('img/icon_lupa.jpg') 0 50% no-repeat;
		padding-left: 27px;
	}
	form.cercador legend {
		display: none;
	}
	form.cercador fieldset {
		margin: 0;
		padding: 0;
	}
		form.cercador input {
			background: url('img/caixa_cercador.jpg');
			background-repeat: no-repeat;
			padding: 12px 0 10px 10px;
			color: #666;
			width: 248px;
			height: 20px;
			font-family: "Lucida Grande", Arial, sans-serif;
			font-size: .6875em;
			float: left;
			margin: 0;
			border: none;
		}
		form button {
			float: right;
			background: none;
			margin: 2px 0 0 0;
			border: none;
			padding: 0;
		}
/*---------------
=nav_main
---------------------------------------------*/
div#nav_main {
	position: relative;	
	margin-bottom: 20px;
}
div#nav_main ul {
	/*margin-bottom: 20px;*/
	background: url('img/fons_menu_off.jpg');
	background-repeat: repeat-x;
	
}
	div#nav_main ul li {
		background: url('img/separa_menu.jpg');
		background-repeat: no-repeat;
		background-position: right;
		float: left;
		padding: 12px 0;
		display: inline;
	}
	
		div#nav_main ul li a { 
			color: white; 
			/*text-decoration: none;*/
			padding: 11px 15px;
			height: 40px;
		}
			div#nav_main ul li a:hover { 
				/*text-decoration: none;*/
				/*background: url('img/fons_menu_on.jpg') repeat-x;*/
				/*background-position: 0 2px;*/
				/*height: 40px;*/
				text-decoration: underline;
			}
			
/*cantonades
	#nav_main div.corner {
		position: absolute;
		width: 10px;
		height: 10px;
	}*/
	#nav_main div.tl {
		background: url('img/nav_main_tl.gif') no-repeat;
		top: 0;
		left: 0;
		width: 10px;
		height: 10px;
		position: absolute;
	}
		/*#inici #nav_main div.tl {background-image: url('img/nav_main_corner_tl_portada.gif');}*/
	#nav_main div.tr {
		background: url('img/nav_main_tr.gif') no-repeat;
		top: 0;
		right: 0;
		width: 10px;
		height: 10px;
		position: absolute;
	}
	#nav_main div.bl {
		background: url('img/nav_main_bl.gif') no-repeat;
		top: 30px; /* ie6 no acceptava bottom 0 */
		left: 0;
		width: 10px;
		height: 10px;
		position: absolute;
	}
		/*#inici #nav_main div.bl {background-image: url('img/nav_main_corner_bl_portada.gif');}*/
	#nav_main div.br {
		background: url('img/nav_main_br.gif') no-repeat;
		top: 30px;
		right: 0;
		width: 10px;
		height: 10px;
		position: absolute;
	}

	

/*---------------
=portada
---------------------------------------------*/
div.capsal {
	position: relative;
	border-bottom: 1px #999 solid;
	padding-bottom: 10px;
}
	div.capsal span.rss {
		background: url('img/icon_rss.jpg');
		background-repeat: no-repeat;
		background-position: right;
		position: absolute;
		right: 0;
		top: 5px;
		padding: 3px 30px 3px 0;
		font-size: 12px;
		font-family: Arial, sans-serif;
	}

/*---------------
=post
---------------------------------------------*/
div.post {
	border-bottom: 1px #999 dotted;
	padding: 10px 0 0 0;
	font-size: 13px;
	line-height: 18px;
}
	div.post h2 {
		margin: 0 0;
		line-height: 30px;
	}
	div.post .entrada {
		font-family: Arial, sans-serif;
		font-size: 12px;
	}
	div.post span.cat {
		text-transform: uppercase;
	}

/* tractament de les imatges dins del "entry" */
div.entry {
	margin-top: 10px;
}
div.entrytext p {
	margin: 10px 0;
}

img.alignleft {
	float: left;
	margin: 0 25px 15px 0;
	padding-right: 15px;
	padding-bottom: 15px;
}
img.alignright {
	float: right;
	margin: 0 0 15px 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}

.tags {
	background: url('img/icon_tag.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
	/*margin: 10px 0;*/
	font-family: Arial, sans-serif;
	font-size: 12px;
}
#rightsidebar,
#leftsidebar {
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, sans-serif;
}
#leftsidebar {
	position: relative;
}
#leftsidebar ul li.franja h2{
	cursor: pointer;	
}
	#leftsidebar span.st {
		position: absolute;
		background: url('img/leftsidebar_top.gif') no-repeat;
		height: 10px;
		width: 240px;
		top: 0;
		left: 0;
	}
	#leftsidebar span.sb {
		position: absolute;
		background: url('img/leftsidebar_bottom.gif') no-repeat;
		height: 10px;
		width: 240px;
		bottom: 0;
		left: 0;
	}



#rightsidebar h2.titol,
#leftsidebar h2.titol {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
	line-height: 18px;
}
#leftsidebar h2 {
	background: white;
	font-size: 13px;
	padding: 10px 5px 10px 30px;
	font-weight: bold;
	margin: 10px 0;
	position: relative;
	width: 185px;
}
	#leftsidebar h2 span.t {
		position: absolute;
		width: 220px;
		height: 6px;
		background: url('img/caixa_lat_dalt.gif');
		background-repeat: no-repeat;
		left: 0;
		top:0;
	}
	#leftsidebar h2 span.b {
		position: absolute;
		width: 220px;
		height: 6px;
		background: url('img/caixa_lat_baix.gif');
		background-repeat: no-repeat;
		left: 0;
		bottom:0;
	}

/*---------------
=post informes
---------------------------------------------*/
	
.post_informes {
	clear: both;
	border-bottom: 2px #999999 solid;
	padding: 10px 0;
	margin: 10px 0;
	font-size: 13px;
	line-height: 18px;
}
	.post_informes p.entrada { 
		font-family: Arial, Verdana;
		font-size: 12px;
	}
		.post_informes p.entrada span.cat {
			text-transform: uppercase;
		}
	#content_int .post h3,
	.post_informes h3 {
		margin: 15px 0;
		font-size: 20px;
	}
	#content_int .post h2 {
		margin-top: 10px;
		margin-bottom: 0px;	
	}
	
.entry a.more-link {
	/*background: url('img/fons_boto_verd.jpg') repeat-x;
	color: white;*/
	color: #0C2D79;
	/*display: block;
	width: 150px;*/
	margin: 5px 0;
	padding: 3px;
	font-weight: bold;
	font-family: Arial, Verdana;
	font-size: 11px;
	/*text-align: center;*/
	/*position: relative;*/
}
	/* cantonades 
	.entry a.more-link span {
				position: absolute;
				width: 6px;
				height: 6px;
	}
		.entry a.more-link span.tl {
				background: url('img/informes_tl.gif');
				background-repeat: no-repeat;
				left: 0;
				top: 0;
		}
		.entry a.more-link span.tr {
				background: url('img/informes_tr.gif');
				background-repeat: no-repeat;
				right: 0;
				top: 0;
		}
		.entry a.more-link span.bl {
				background: url('img/informes_bl.gif');
				background-repeat: no-repeat;
				left: 0;
				bottom: 0;
		}
		.entry a.more-link span.br {
				background: url('img/informes_br.gif');
				background-repeat: no-repeat;
				right: 0;
				bottom: 0;
		}*/
.post_informes .eines {
	clear: both;
	border-top: 1px #ccc dotted;
	margin: 0;
	padding: 0;
	/*margin: 20px 0 0 0;*/
}
	.post_informes .eines p.tags {
		float: left;
		width: 550px;
		margin-bottom: 0;
		padding-bottom: 0;
		margin-top: 5px;
	}
	.post_informes .eines p.num_comentaris {
		background: url('img/icon_comentaris.gif') no-repeat;
		padding-left: 20px;
		font-size: 12px;
		float: right;
		margin-top: 5px;
		margin-bottom: 0;
		padding-bottom: 0;
	}
/* attach files */

/* div.wam_wrap {
	background: url('img/fons_boto_gris.jpg') repeat-x;
}*/

/*---------------
=sidebar left 
---------------------------------------------*/
#leftsidebar li.video h2 {
	background: #fff url('img/icon_caixa_youtube.jpg') no-repeat;
	background-position: 4px;
}
#leftsidebar li.video p {
	margin: 15px 0;
}
#leftsidebar li h2 img {
	float: right;
}
#leftsidebar li.links_recomanats h2 {
	background: #fff url('img/icon_caixa_delicious.jpg') no-repeat;
	background-position: 4px;
}
#leftsidebar li.twitter ul li,
#leftsidebar li.links_recomanats ul li {
	background: url('img/kland-enllacos-relacionats.gif') no-repeat;	
	background-position: 0 10px;
	padding: 5px 0 5px 15px;
	border-bottom: 1px white solid;
	
}
#leftsidebar li.calendari h2 {
	background: #fff url('img/icon_caixa_calendari.jpg') no-repeat;
	background-position: 4px;
}
	#leftsidebar li.calendari ul li {
		padding: 5px 0;
		border-bottom: 1px #fff solid;
	}
#leftsidebar li.twitter h2 {
	background: #fff url('img/icon_caixa_twitter.jpg') no-repeat;
	background-position: 4px;
}
#leftsidebar li.nuvol_tags h2 {
	background: #fff url('img/icon_caixa_tags.jpg') no-repeat;
	background-position: 4px;
}
#leftsidebar li.nuvol_tags {
	margin-bottom: 20px;
}
	

/*---------------
=sidebar right
---------------------------------------------*/
#rightsidebar li.debat {
	text-align: center;
	
}
	#rightsidebar li.debat h2 {
		background: url('img/icon_adebat.jpg') no-repeat;
		text-align: left;
		padding-top: 6px;
		padding-left: 40px;
		height: 25px;
	}
	#rightsidebar li.debat .text {
		background: #EBEBEB;
	}
		#rightsidebar li.debat .text p {
			text-align: left;
			padding: 0 12px 12px 12px;
		}
	#rightsidebar li.debat img {
		margin-bottom: 10px;
	}
		#rightsidebar li.debat .text span {
			display: block;
			background: url('img/icon_comments.gif') no-repeat;
			background-position: 0 5px;
			padding-left: 18px;
		}
		#rightsidebar li.debat div.mes {
			background: #CFCFCF;
			text-align: left;
			padding: 5px;
		}
		
#rightsidebar li.banner img {
	text-align: center;
	margin-bottom: 10px;
}
	/*#rightsidebar li.banners ul li {
		margin-bottom: 10px;
	}*/

#rightsidebar li.butlleti h2.titol {
	font-size: 20px;
	background: url('img/icon_subsriu_te.jpg') no-repeat;
	border-bottom: 1px #999 solid;
	height: 30px;
	padding: 7px 0 5px 40px;
	margin-bottom: 10px;
}
	#rightsidebar li.butlleti form {
		position: relative;
		margin: 10px 0;
		padding-bottom: 40px;
		border-bottom: 1px #999 solid;
	}
	#rightsidebar li.butlleti input.email {
		width: 175px;
		margin: 0;
		padding: 4px;
		position: absolute;
		left: 0;
		color: #666;
		font-family: "Lucida Grande", Arial, sans-serif;
		font-size: 11px;
	}
	#rightsidebar li.butlleti input.bt {
		width: 26px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
	}
#rightsidebar li.enquesta {
	border-bottom: 1px #999 solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
	#rightsidebar li.enquesta h2.titol {
		background: url('img/icon_enquesta.gif') no-repeat;
		font-size: 20px;
		height: 32px;
		padding: 5px 0 5px 40px;
		border-bottom: 1px #999 solid;
		margin-bottom: 10px;
	}
		
	#rightsidebar li.enquesta input.bt_votar {
		background: url('img/fons_votar.jpg') no-repeat;
		height: 26px;
		color: white;
		margin: 10px 0;
		border: 0;
		float: left;
		width: 86px;
		cursor: pointer;
	}
		#rightsidebar li.enquesta p.resultats {
			float: left;
			margin: 13px 0 0 10px;
		}
	
#rightsidebar li.linkcat {
	/*border-bottom: 1px #999 solid;*/
	padding-bottom: 10px;
}
#rightsidebar li.linkcat h2 {
	background: url('img/icon_blocs_amics.jpg') no-repeat;
	height: 24px;
	border-bottom: 1px #999 solid;
	margin-bottom: 10px;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	font-size: 1em;
	line-height: 12px;
	/* border: 1px green solid;*/
}	
	#rightsidebar li.linkcat ul li {
		background: url('img/kland_llista.gif') no-repeat;
		background-position: 0 6px;
		padding-left: 10px;
	}
	
/*---------------
=CATEGORIA INFORMES (descàrregues)
---------------------------------------------*/
a.id_cat9 {
	background: url('img/icon_informes.jpg') no-repeat;
	background-position: 3px;
	height: 30px;
	padding: 10px 0 10px 35px;
	font-weight: bold;
}



/*---------------
=footer
---------------------------------------------*/

#footer {
	background: url('img/degradat_peu_plana.jpg');
	background-repeat: repeat-x;
	clear: both;
	height: 108px;
	position: relative;
	padding: 15px;
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, sans-serif;
}
#footer strong,
#footer div {
	color: white;
}
#footer a {
	color: #B4DDFF;
}
	#footer span.l {
		background: url('img/footer_left.gif') no-repeat;
		height: 138px;
		width: 10px;
		left: 0;
		top:0;
		position: absolute;
	}
	#footer span.r {
		background: url('img/footer_right.gif') no-repeat;
		height: 138px;
		width: 10px;
		right: 0;
		top:0;
		position: absolute;
	}
	#footer ul li {
		float: left;
		display: inline;
		border-right: 1px #fff dotted;
		height: 105px;
		padding: 0 20px;
	}
		#footer ul li.adresa {
			width: 275px;
			padding-left: 0;
		}
		#footer ul li.adresa .email {
			font-size: 11px;
		}
		#footer ul li.adresa img {
			float: left;
			margin-right: 10px;
		}
		#footer ul li.contact ul li {
			display: block;
			float: none;
			height: auto;
			border-right: none;
			margin: 0;
			padding: 0;
		}
		#footer ul li.contact ul li img {
			margin-top: 5px;
		}
		#footer ul li.colaboracio,
		#footer ul li.financament {
			width: 210px;
			font-size: 11px;
		}
		#footer ul li.colaboracio p,
		#footer ul li.financament p{
			color: #999;
		}
		#footer ul li.colaboracio {
			border-right: none;
		}
		#footer ul li.colaboracio p { margin-bottom: 10px; }
		#footer ul li.financament p { margin-bottom: 23px; }
		
	#footer ul li.colaboracio ul li ,
	#footer ul li.financament ul li {
		height: auto;
		float: left;
		display: inline;
		border-right: none;
		padding: 10px 5px;
	}
	
/*---------------
=paginació
---------------------------------------------*/
div.navigation {
	text-align: center;
	margin: 20px 0;
	height: 20px;
	padding: 10px 0;
}
div.navigation div.wp-pagenavi {
	font-family: Arial, Verdana;
	font-size: 12px;
	margin: 0 auto;
}
	div.navigation div.wp-pagenavi a {
		color: #0C2D79;
		border: 1px #0C2D79 solid;
		padding: 2px 6px;
	}
	div.navigation div.wp-pagenavi span.current {
		background: #2F3035;
		color: white;
		padding: 2px 6px;
	}
	div.navigation div.wp-pagenavi span.pages {
		border: none;
	}
	
	
/*---------------
=comentaris
---------------------------------------------*/

#comentaris {
	background: #DCDCDC;
	margin: 20px 0;
}
	#comentaris h3{
		background: url('img/icon_coments_fonsgris.gif') no-repeat;
		background-position: 15px;
		padding: 15px 15px 15px 45px;
		font-size: 14px;
	}
		#comentaris h3 span.rss {
			float: right; 
			background: url('img/icon_rss_fonsgris.gif') no-repeat;
			background-position: right;
			height: 14px;
			padding-right: 20px;
			font-family: Arial, Verdana;
			font-size: 12px;
		}
	#comentaris ol {
		padding: 0 15px;
	}
		#comentaris ol li {
			width: 662px;
			background: #fff url('img/coment_autor_baix.gif');
			background-repeat: no-repeat;
			background-position: bottom;
			font-family: Arial, Verdana;
			font-size: 12px;
			padding-bottom: 20px;
			margin: 15px 0;
		}
		#comentaris ol li.alt {
			width: 662px;
			background: #fff url('img/coment_autor_baix_gris.gif');
			background-repeat: no-repeat;
			background-position: bottom;
			/*padding: 20px;*/
			font-family: Arial, Verdana;
			font-size: 12px;
			padding-bottom: 20px;
			margin: 15px 0;
		}
		
		#comentaris ol li div.texte {
			border-top: 1px #005133 solid;
			border-left: 1px #005133 solid;
			border-right: 1px #005133 solid;
			padding: 15px;
		}
		#comentaris ol li.alt div.texte {
			border-top: 1px #9A9A9A solid;
			border-left: 1px #9A9A9A solid;
			border-right: 1px #9A9A9A  solid;
			padding: 15px;
		}
		
		
			#comentaris ol li cite {
				color: #0C2D79;
			}
			#comentaris ol li cite a {
				font-weight: bold;
			}
			#comentaris ol li p {
				font-family: Georgia, Times, "Times New Roman", serif;
				margin: 10px 0;
				line-height: 18px;
			}
#respond {
	background: #8B8B8B;
	color: white;
	clear: both;
	margin-top: 20px;
	border-bottom: 1px #666 solid;
}
	#respond h3 {
		background: url('img/icon_envia_comment.jpg') no-repeat;
		color: #050505;
		font-size: 18px;
		margin: 15px 15px 15px 15px;
		border-bottom: 1px white solid;
	}
	
	/*---------------
	=formulari comentaris
	---------------------------------------------*/
	#comentaris form p {
		width: 30%;
		float: left;
		display: inline;
		margin-left: 15px;
		font-family: Arial, Verdana;
		font-size: 12px;
	}
	#comentaris form p input {
		width: 100%;
		margin: 15px 0;
		font-size: 11px;
		padding: 3px;
	}
	
		#comentaris p.enviar,
		#comentaris p.comentaris {
			clear: both;
		}
		#comentaris p.enviar input#submit {
			width: auto;
			background-color: #050505;
			color: white;
			font-size: 13px;
			padding: 5px 10px;
			cursor: pointer;
		}
		
			#comentaris p.comentaris textarea{
				width: 650px;
				padding: 10px;
				margin-top: 20px;
				display: block;
				height: 100px;
			}
			
/*---------------
	=contacte
	---------------------------------------------*/
div#content_int.contacte {
	border: none;	
}
div#content_int.contacte .post {
	border-bottom: none;
}
div#content_int.contacte .box {
	width: 48%;
	float: left;
	display: inline;
}

div#content_int.contacte .a {
	border-right: 1px #ccc solid;	
	padding-right: 10px;
	margin-right: 10px;
}
	div#content_int.contacte .box img {
		float: left;
		margin: 0 10px 10px 0;	
	}
	div#content_int.contacte .box p.titol {
		color: #0C2D79;
		font-weight: bold;
	}
	div#content_int.contacte .box p.ical {
		background: url('img/icon_agenda.gif') no-repeat;
		background-position: 3px;
		border: 1px #ccc solid;
		padding: 3px 3px 3px 30px;	
		width: 250px;
		margin: 10px 0 0 112px;
	}
	div#content_int.contacte .vcard {
			padding-bottom: 10px;
			border-bottom: 1px #ccc solid;	
			margin-bottom: 10px;
			margin-top: 12px;
	}
	.vcard span.type {
		display: none;	
	}
	div#content_int.contacte .box h3 {
		clear: both;
		font-size: 20px;	
		margin-bottom: 10px;
	}
	div#content_int.contacte .box #mapa {
		width: 445px;
		height: 362px;	
		background: url('img/googlemap.gif') no-repeat;
	}
	div#content_int.contacte .box .info {
		background: url('img/icon_info.gif') no-repeat;
		background-position: 5px;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
		font-size: 12px;
		padding: 10px 0 10px 45px;
		margin-bottom: 15px;
		margin-top: 25px;
	}
/* formulari */

div#content_int.contacte .box form p.nom {
	float: left;	
	width: 48%;
}
div#content_int.contacte .box form p.email {
	float: right;	
	width: 48%;
}
/*div#content_int.contacte .box form p {
	width: 45%;
	float: left;
	display: inline;	
	margin-right: 10px;
}*/
	div#content_int.contacte .box form p.missatge,
	div#content_int.contacte .box form p input,
	div#content_int.contacte .box form p textarea,
	div#content_int.contacte .box form p.tema {
		width: 100%;
		margin: 0;
		padding: 3px;
	}
div#content_int.contacte .box form p.tema {
	clear: both;
	padding-top: 10px;	
}
div#content_int.contacte .box form p label {
		display: block;
		margin: 10px 0;
}
div#content_int.contacte .box form p.enviar {
	width: 120px;
	clear: both;	
	float: left;
}
	div#content_int.contacte .box form p.enviar input {
		width: 89px;
		background: url('img/bck_boto_enviar.gif');	
		height: 28px;
		border: none;
		margin: 20px 0;
		color: white;
		cursor: pointer;
	}
div#content_int.contacte .box form p.cancel {
	float: left;
	width: 70px;
}
	div#content_int.contacte .box form p.cancel input {
		color: #0C2D79;
		background: white;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px #0C2D79 solid;
		cursor: pointer;
		margin: 20px 0;
		padding: 5px 0 0 0;
	}
/* errors */
textarea.error,
input.error {
	border: 1px #CC0000 solid;
	background: #FFF3F1;	
	margin: 0;
}
div#content_int.contacte .box form label.error {
	background: #CC0000 url('img/icon_alert.gif') no-repeat;
	background-position: 5px;
	color: white;
	font-family: Arial, Verdana;	
	padding: 3px 4px;
	margin: 0;
	width: 100%;
	text-align: center;
}
/* ADJUNTS */

#content .wam_wrap { /* en portada que no es mostrin */
	display: none;	
}

/* #content_int .wam_wrap h4.wam {
		background: url('img/fons_boto_gris.jpg') repeat-x;
		color: white;
		display: block;
		width: 150px;
		margin: 10px 0;
		padding: 3px;
		text-align: center;
		position: relative;
		font-weight: normal;
}
 */
#content_int .wam_wrap {
	background: url('img/bck_adjunts.gif') repeat-x;
	margin: 10px 0;
	padding: 6px 5px 5px 10px;
	height: 22px;
}
#content_int .wam_wrap h4.wam {
		float: left;
		font-weight: bold;
		color: #0C2D79;
		margin-right: 10px;
}
	#content_int .wam_wrap ul.wam_ul {
		float: left;
		display: inline;
	}
	#content_int .wam_wrap ul.wam_ul li a {
		padding-left: 5px;
	}