/*
La Borrassa - Rural Lab
Can Antaviana, 2009

-basic
-layout
-capsalera
-nav_main
-content_main
-footer
-nav_sub

*/

/*---------------
=Basic
---------------------------------------------*/
html {font-size: 100%;} /* WinIE text resize correction */
body {
	font-size: 1em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	color: #333;
	padding: 0;
	margin: 0;
	background: url('img/bg_fons.jpg') repeat-x;
	
}
ul,ol,dl,fieldset {margin:0;padding:0;}
img,abbr,acronym,fieldset {border: none;}
ul {list-style: none;}
hr {
	position: absolute;
	left: -9999px;
}

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

/*acc*/
#acc {
	position : absolute;
	top : -9000px;
	left : -9000px;
	z-index : 20;
}
	#acc a:focus,
	#acc a:active {
		position : absolute;
		top : 9010px;
		left : 9010px;
		background : #fff;
		color : #333;
		padding : 5px;
		font-weight : bold;
		border : 1px solid #600;
		width : 10em;
		z-index : 1;
	}

/*---------------
=Layout
22+940+22 = 984
---------------------------------------------*/

#container_main {
	text-align: left;
	padding: 0 1.375em 0 22px;
	/*width: 58.75em;*/
	width: 940px;
	margin: 0 auto;
	/*background: url('img/bg_body.png') repeat-y; */
	background: url('img/bg_central_gran.jpg') no-repeat;
	position: relative;
	/*max-width: 95%;
	min-width: 43em;*/
}
#container_sub {
	/*background: #EBEBEB url('img/bg_central.jpg') no-repeat;
	padding: 1.375em 0 0 1.375em;*/
	margin: 0;
	padding: 40px 0 20px 0;
	min-height: 442px;
	position: relative;
}

#content_sub {
	float: left;
	width: 23%;	/* 254-40 */
	padding: 0 20px;
	font-size: .8725em;
}
	a {
		color: #c60;	
		text-decoration: none;
	}
		a:hover,
		a:active,
		a:focus {
			text-decoration: underline;
		}
	
	#content_sub h2 {
		color: #0A321E;
		font-weight: normal;	
		margin-top: 250px;
	}
#content_main {
	width: 38%; 
	padding: 0 15px;
	float: left;
	font-size: .875em;
}

	#content_main h1 {
		margin:0;	
	}
	#content_main h2 {
		color: #538b21;
		font-weight: normal;	
		font-size: 1.3125em;
	}
	#content_main ul li {
		background: url('img/kland_llistat.gif') no-repeat;	
		background-position: 0 3px;
		padding: 0 0 10px 20px;
	}

#content_main.interior {
	width: 60%; 
	padding-left: 271px;
}
#content_main.contacte,
#content_main.activitats {
	width: 65%;	
}
#content_main.pregunta {
	width: 55%;	
}
#content_sub.curiosos {
	background: url('img/imatge_lateral_curiosos.png') no-repeat;	
	background-position: 0 60px;
}
#content_sub.emprenedors {
	background: url('img/imatge_lateral_emprenedors.png') no-repeat;	
	background-position: 0 65px;
}
#content_sub.activitats {
	background: url('img/imatge_lateral_activitats.png') no-repeat;	
	background-position: 0 -25px;
}
#content_sub.contacte {
	background: url('img/imatge_lateral_contacte.png') no-repeat;	
	background-position: 0 -20px;
}

/*---------------
=capsalera
---------------------------------------------*/
#capsalera {
	height: 98px;
	position: relative;
	padding: 50px 0 0 40px;
}

#logo {
	height: 80px;
	width: 207px;
	margin:0;
}
#logo a{
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}
	#logo a span {
		background: url('img/la-borrassa-rural-lab.png') no-repeat;	
		cursor: pointer;
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
		top: 0;
		left: 0;
	}

/*---------------
=nav_main
---------------------------------------------*/
/*#nav_main {
	float: right;
}*/
	#nav_main li { 
		float: left;
		display: inline;	
		width: 142px;
		height: 61px;
		position: relative;
		z-index: 50;
	}
	
	#nav_main li.inici { width: 124px; }
	#nav_main li.quees { width: 236px; } 
	#nav_main li.activitats { width: 142px;} 
	#nav_main li.serveis { width: 142px;}
	#nav_main li.bloc { width: 142px;}
	#nav_main li.contacte { width: 154px;} 
	
	#nav_main li a span {
		position: absolute;
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		cursor: pointer;
	}
		/* a */
		#nav_main li.inici a span { background: url('img/menu.jpg') no-repeat; }
		#nav_main li.quees a span { background: url('img/menu.jpg') no-repeat; background-position: -124px 0;}
		#nav_main li.activitats a span { background: url('img/menu.jpg') no-repeat; background-position: -360px 0;}
		#nav_main li.serveis a span { background: url('img/menu.jpg') no-repeat; background-position: -502px 0;}
		#nav_main li.bloc a span { background: url('img/menu.jpg') no-repeat; background-position: -644px 0;}
		#nav_main li.contacte a span { background: url('img/menu.jpg') no-repeat; background-position: -786px 0;}
		
		/* hover */
		#nav_main li.inici a:hover span { background: url('img/menu.jpg') no-repeat; background-position: 0 -61px;}
		#nav_main li.quees a:hover span { background: url('img/menu.jpg') no-repeat; background-position: -124px -61px;}
		#nav_main li.activitats a:hover span { background: url('img/menu.jpg') no-repeat; background-position: -360px -61px;}
		#nav_main li.serveis a:hover span { background: url('img/menu.jpg') no-repeat; background-position: -502px -61px;}
		#nav_main li.bloc a:hover span { background: url('img/menu.jpg') no-repeat; background-position: -644px -61px;}
		#nav_main li.contacte a:hover span { background: url('img/menu.jpg') no-repeat; background-position: -786px -61px;}
		
		/* active, focus */
		/*#nav_main li a:active span,
		#nav_main li a:focus span { background-position: 0 -380px; }*/
		
		#nav_main li.inici a.current span,
		#nav_main li.inici a:active span,
		#nav_main li.inici a:focus span { background: url('img/menu.jpg') no-repeat; background-position: 0 -122px;}
		#nav_main li.quees a.current span,
		#nav_main li.quees a:active span, 
		#nav_main li.quees a:focus span { background: url('img/menu.jpg') no-repeat; background-position: -124px -122px;}
		#nav_main li.activitats a.current span,
		#nav_main li.activitats a:active span,
		#nav_main li.activitats a:focus span { background: url('img/menu.jpg') no-repeat; background-position: -360px -122px;}
		#nav_main li.serveis a.current span,
		#nav_main li.serveis a:active span,
		#nav_main li.serveis a:focus span { background: url('img/menu.jpg') no-repeat; background-position: -502px -122px;}
		#nav_main li.bloc a.current span,
		#nav_main li.bloc a:active span,
		#nav_main li.bloc a:focus span { background: url('img/menu.jpg') no-repeat; background-position: -644px -122px;}
		#nav_main li.contacte a.current span,
		#nav_main li.contacte a:active span,
		#nav_main li.contacte a:focus span { background: url('img/menu.jpg') no-repeat; background-position: -786px -122px;}

/* mega menú */
ul#nav_main div { 
	display: none; 
} 
ul#nav_main li.mega div { 
	width: 100%;
	position: absolute; 
	top: 61px; 
	left: 0; 
	background: none;
	z-index: 100;
	background: #fff url('img/bg_megamenu.gif') repeat-x;
	background-position: 0 100%;
} 
	ul#nav_main li.mega div p {
		margin: 0;
		padding: 4px 0;
		background: url('img/bg_banners_llistat.gif') repeat-x;
		background-position: 0 100%;
	}

ul#nav_main li.mega div .curios {
	background: url('img/ico_curiosos.png') no-repeat;	
	background-position: 0;
}
ul#nav_main li.mega div .empre {
	background: url('img/ico_emprenedors.png') no-repeat;	
	background-position: 0;
}
#nav_main li.mega div a {
	padding: 13px 8px 13px 65px;
	/*width: 100%;*/
	display: block;
	margin: 0;
	color: #548623;
	text-decoration: none;
}
	#nav_main li.mega div a:hover {
		text-decoration: underline;	
	}
#nav_main li.mega div a span {
	display: none;	
}


ul#nav_main li.hovering div { 
	display: block; 
} 


/* menú interior - nav_sub */

#nav_secundari {
	background: white;
	padding: 2px 0;
	/* cantons */
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	#nav_secundari li {
		margin: 3px;	
	}
	#nav_secundari li a {
		padding: 5px;
		display: block;	
		color: #6DAA24;
		text-decoration: none;
		font-weight: bold;
	}
		#nav_secundari li.current a,
		#nav_secundari li a:hover {
			display: block;	
			background: #0A321E;
			/* cantons */
			border-radius: 5px;
			-khtml-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

/*---------------
=content_main home
---------------------------------------------*/
#home #container_sub {
	padding: 0;	
}
#home #content_sub {
	float:left;	
	padding: 0;
}
#home #content_main {
	background: url('img/degradat_portada.png') no-repeat;
	background-position: 0 100%;
	float: right;
	/*width: 300px;*/
	width: 261px;
	padding: 0 20px 20px 20px;
	height: 422px;
}

#home #content_main h2 {
	color: #548623;
	font-weight: normal;
	font-size: 1.42857em; /* 20px */
	margin-top: 5px;
	margin-bottom: 5px;
}
#home #content_main h3 {
	font-size: .9375em;
	margin: 5px 0 10px 0;
	font-weight: normal;
}
#home #content_main ul li {
	background: url('img/bg_li_home.gif') repeat-x;	
	background-position: bottom;
	padding: 7px 0;
}
.actualitat {
	padding: 0 .94em 0 0;
}
	.actualitat img {
		float: left;
		margin: 0 .94em .94em 0;
	}
	.mes a {
		color: #2f5f20;
		text-transform: uppercase;
		font-size: .81em;
		margin: 0;
		padding:0;
	}
/* butlletí */
#home #content_main .butlleti h2 {
	font-size: 1.1428em;
	margin: 0 0 10px 0;
}
.butlleti {
	padding: .94em 1.25em .51em 0;
}

.butlleti p {
	margin-top: -5px;
	padding: 0;
	float: left;	
	width: 100px;
	font-size: .81em;
	font-weight: bold;
}
.butlleti p input {
	background: #fff url('img/bg_form_home.gif') repeat-x;
	display: block;	
	border: 1px #666 solid;
	font-size: 1em;
	padding: 3px;
	width: 180px;
	color: #666;
	margin-top: 5px;
}

	.butlleti legend {
			display: none;
	}
	.butlleti div {
		text-transform: uppercase;
		color: #2f5f20;
		width: 160px;
		float: left;
		font-size: .91em;
		margin-right: 5px;
	}
	
	.butlleti button {
		float: right;
		width: 26px;
		height: 26px;
		padding: 0;
		margin-top: 11px;
		margin-right: 40px;
		border: none;
		background: none;
		vertical-align: middle;
	}

/* sociable */
#home #content_main .sociable {
	padding: .84em 0 0 0;
	background: none;
}
#home #content_main .sociable div {
	font-size: .78em;	
	width: 48%;
}
#home #content_main .sociable div.facebook {
	float: left;
	display: inline;
}
#home #content_main .sociable div.twitter {
	float: right;
	display: inline;
}
	
/*---------------
=activitats
---------------------------------------------*/
/* #content_main.activitats {
		background: url('img/imatge_lateral_activitats.jpg') no-repeat;	
}*/
#acts {
	background: #fff;	
	padding: 20px;
	margin: 20px 0;
}
#acts p {
	margin: 15px 0;	
}
	#acts h2 {
		margin: 0;	
		text-transform: uppercase;
		font-size: 1.86em;
		color: #6daa24;
	}
	#acts p.subtitol {
		color: #6daa24;
		font-size: 1.14em;
	}
	#content_main .dest {
		margin: 15px 0;	
	}
	#content_main .dest li {
		background: url('img/kland_link.gif') no-repeat;	
		background-position: 0 5px;
		padding-bottom: 20px;
		font-size: 1.14em;
	}
		#content_main .dest a {
			color: 	#c60;
		}
		
		#acts #social p {
			text-transform: uppercase;	
		}
		#acts #social ul li {
			float: left;
			display: inline;
			background: none;
			padding:0 15px 0 0;
		}
		
		#acts .gratuit {
			float: right;	
		}
.interessa {
	margin: 30px 0;	
}
/*---------------
=llistat activitats
---------------------------------------------*/	
#content_sub.activitats {
	padding-top: 280px;
}
#content_sub.activitats h2 {
	margin-top: 18px;
}
	#content_sub.activitats li {
		background: url('img/kland_llistat.gif') no-repeat;	
		background-position: 0 3px;
		padding-left: 20px;
		font-size: .875em;
	}
	#content_sub.activitats li a {
		color: #c60;
	}
#content_main.activitats h1 {
	border-bottom: 1px #666 solid;	
}
#content_main.activitats #llistat_acts {
	margin-top: 30px;	
}
#content_main.activitats #llistat_acts li {
		background: #fff;
		margin-bottom: 20px;
		padding: 15px;
		position: relative;
}
#content_main.activitats #llistat_acts li span {
		background:	url('img/clip.png') no-repeat;
		width: 72px;
		height: 78px;
		position: absolute;
		right: -10px;
		top: -10px;
}
#content_main.activitats #llistat_acts li ul li span {
		display: none;
}

	#content_main.activitats #llistat_acts li .info {
			background: url('img/pict_noticia_curs.png') no-repeat;	
			background-position: 96% 0;
			width: 58%;
			float: left;
			display: inline;
			border-right: 1px #ccc dotted;
			padding-right: 15px;
			padding-bottom: 0;
			margin:0;
	}
	#content_main.activitats #llistat_acts li .resum,
	#content_main.activitats #llistat_acts li .dades {
		padding-right: 100px;
	}
	#content_main.activitats #llistat_acts li .apuntat {
		/*position: absolute;*/
		float: right;
		display: inline;	
		/* bottom: 0;
		right: 20px;*/
		padding: 5px;
		width: 200px;
		text-align: center;
	}
	#content_main.activitats #llistat_acts li h3 {
		padding-right: 100px;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 1.29em;
		margin:0;
		/*padding-top: 10px;*/
	}
		#content_main.activitats #llistat_acts li h3 a {
			text-decoration: none;
			color: #538b21;
		}
		#content_main.activitats #llistat_acts li h3 a:hover {
			border-bottom: 1px #538b21 solid;
		}
		#content_main.activitats #llistat_acts .dest {
			margin:0;	
		}
		#content_main.activitats #llistat_acts .dest li {
			background: url('img/kland_link.gif') no-repeat;	
			background-position: 0 5px;
			padding: 0 0 0 20px;
			margin:0;
		}

.descarregar { float:right;}
		

/* comparteix */
#content_main.compartir {
		background: url('img/imatge_lateral_curiosos.png') no-repeat;	
		background-position: 0 60px;
}
#content_main.compartir h2 {
	font-size: 1.43em;
	margin-bottom: 30px;
}
#content_main.compartir legend,
#form2 legend {display: none;}
#content_main.compartir form {
	margin-top: 30px;	
}
#content_main.compartir form input {
	background: url('img/bg_input.png') repeat-x;
	display: block;
	border: 1px #ccc solid;
	padding: 8px;
	width: 350px;
	margin-bottom: 15px;
}
#content_main.compartir form .ocult {
	background: none;
	border:0;
	padding:0;
	margin:0;	
}
	#content_main.compartir form label,
	#form2 label {
		/*text-transform: uppercase;*/
		margin-bottom: 5px;
		display: block;	
	}
	#content_main.compartir form input.enviar,
	#form2 input.enviar {
		border: none;
		width: auto;
		background: none;
		margin: 25px 0 0 -8px;
		padding:0;	
	}
	
	.proteccio_dades {
		font-size: .71em;
	}
	
	#form2 textarea {
		width: 97%;
		display: block;
		background: #fff url('img/bg_input.png') repeat-x;
		border: 1px #ccc solid;
		padding: 8px;
	}
	
label.error {
   color: #f00;
   padding: .5em 0 .5em 20px;
  }

/*---------------
=contacte
---------------------------------------------*/	
#content_sub.contacte {
	padding-top: 180px;
}
	#content_sub.contacte h2 {
		margin-top: 18px;
	}

	#content_main.contacte h1 {
		border-bottom: 1px #666 solid;	
	}
	#gmap {
	 width:600px;
	 height:400px;
	 background: url('../comu/planol.jpg') no-repeat;
	 display:block;
	 border: 1px solid #cbcbcb;
	}
		#gmap.noback{
			background: none;
		}

		
/*---------------
=footer
---------------------------------------------*/
#home #footer {
	background: url('img/footer-borrassa.jpg') no-repeat;
	margin:0;
	padding: 0 1.375em 3.125em 1.375em;
}
#footer {
	background: url('img/footer_interior.png') no-repeat;
	padding: 4.3em 1.375em 3.125em 1.375em;
	color: white;
	font-size: 0.875em;
	margin-top: -30px;
}
#footer a {
	color: #cf0;	
	/*font-size: 0.75em;*/
	text-decoration: none;
}
	#footer a:hover {
		text-decoration: underline;	
	}

	#footer #dades .adresa {
		padding-bottom: 1.375em;	
		float: left;
		width: 250px;
		margin-left: 0;
	}
		#footer #dades li {
			background: url('img/kland_01.png') no-repeat;	
			background-position: 0 3px;
			margin-left: 300px;
			padding-left: 20px;
		}
		#footer_2 #logos li {
			/*width: 190px;*/
			padding: 0 8px;
			border-right: 1px dotted #999;
			float: left;
			height: 60px;
			display: inline;	
		}
		#footer_2 #logos li.ultim {
			border-right: 0;	
		}
	#footer .destacat {
		font-size: 1.64em;
		margin: 0 0 15px 0;
		padding: 1.375em 0 0 0;
		color: #cf0;
		width: 65%;
	}

#footer_2 {
	background: url('img/bg_central.jpg') repeat-x;	
	background-position: 0 0; 
	position: relative;
	bottom:0;
	left:0;
	/*padding: 10px;*/
	width: 58.75em;
}
#home #footer_2 {
	background-position: 0 30px; 
	margin-top: -30px;
	padding:0;
}
	#footer_2 span.b {
		background: url('img/bottom_footer.jpg') no-repeat;
		position: absolute;
		bottom:0;
		left:0;
		width: 100%;
		height: 11px;
	}

/*---------------
=nav_sub
---------------------------------------------*/
#home #nav_sub {
	background: url('img/logo_footer_laborrassa.png') no-repeat;
	background-position: 10px 0;
	padding: 50px 0 20px 160px;
}
#nav_sub {
	font-size: .69em;	
	padding: 15px;
}
	#nav_sub p {
		float: left;
		margin: 0 1.25em;
	}
	#nav_sub .sec {
		text-transform: uppercase;
		margin-top: .69em;
		margin-bottom: .69em;
	}
	#nav_sub .sec a {
		color: #2f5f20;
		text-decoration: none;
	}
		#nav_sub a:hover {
			text-decoration: underline;	
		}
		#nav_sub .des {
			margin-top: .69em;
		}
		#nav_sub .frase {
			margin-top: 20px;
			margin-bottom: 20px;
			font-size: 1em;
			width: 95%;
		}

/*---------------
=layout - que es la borrassa
---------------------------------------------*/
	
#banners {
	background: url('img/bg_banners.gif') repeat-y;
	float: right;
	width: 28%;	
	padding-left: 20px;
}
	#banners h2,
	#banners p {
		margin: 0;
		padding-right: 20px;
	}
	#banners h2 {
		background: url('img/pict_fletxa.png') no-repeat;	
		font-weight: normal;
		color: #548623;
		font-size: 1.3125em;
		margin-bottom: 10px;
		padding-top: 90px;
	}
	
	#banners ul li {
		background: url('img/bg_banners_llistat.gif') repeat-x;
		background-position: left bottom;
		font-size: .875em;
		margin-bottom: 15px;
		padding-bottom: 20px;
	}
		#banners ul li.click {
			cursor: pointer;	
		}
	#banners ul li a {
		text-decoration: none;
		color: #333;
	}
	
	
#informacio {
	border-top: 1px dotted #6daa24;
	clear: both;	
}
	#informacio #noes {
		background: url('img/pict_no-es.png') no-repeat;
		width: 30%;
		margin: 20px 0 0 20px;
		float: left;
		padding-left: 130px;
	}
	#informacio #sies img,
	#informacio #noes img {
		margin-bottom: 20px;	
	}
		#informacio #noes ul li {
			background: url('img/kland-no-es.gif') no-repeat;	
			padding: 3px 0 3px 30px;
			margin: 0 0 10px 0;
			font-size: .875em;
		}
	
	#informacio #sies {
			background: url('img/pict_pero.png') no-repeat;
			float: right;
			width: 35%;
			margin: 20px 20px 0 0;
			padding-left: 130px;
	}
		#informacio #sies ul li {
			background: url('img/kland_pero.gif') no-repeat;	
			padding: 3px 0 3px 30px;
			margin: 0 0 10px 0;
			font-size: .875em;
		}

/*---------------
=plantilla formulari
---------------------------------------------*/
body.formulari h1 {
	color: #548623;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;	
}
	body.formulari #content_main.compartir form input.buttonSubmit {
		width: auto;
		background: #0A321E;
		color: white;
		padding-right: 20px;
		padding-left: 20px;
		cursor: pointer;
	}
	body.formulari #content_main {
		padding-left: 300px;	
	}
	body.formulari #content_main.compartir {
		background: url("img/ilustracio-angles.png") 50px 0 no-repeat;
	}
	body.formulari #content_main.compartir input.check {
		width: auto;
		float: left;
		padding: 0;
	}
	body.formulari p.check {display: block; clear:both;}