/*
Antaviana - nadal 2009 - 2010
Can Antaviana

*/

/*---------------
=Basic
---------------------------------------------*/
html {font-size: 100%;} /* WinIE text resize correction */
body {
	font-size: 1em;
	font-family: Georgia, Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	color: #333;
	background: url('img/bg_top.gif') repeat-x;
	background-position: 0 -50px;
	padding: 0;
	margin:0;	
}
body#home {
	background-position: 0 0;
}
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 - 960px
---------------------------------------------*/
#container_main {
	width: 60em;
	max-width: 95%;
	min-width: 45em;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#content_main {
	margin-top: 70px;	
	border-right: 1px #666 solid;
	padding-right: 50px;
}
	#content_main h2 {
		font-size: 1.5em;
		font-weight: normal;	
		color: black;
	}
	#home #content_main h2 {
		font-size: 1.25em;
	}
	#content_main h3 {
		font-size: 1.25em;
		color: #cc0000;
		margin: 20px 0 5px 0;
	}
	#content_main h4 {
		font-size: 1.25em;
		color: black;
		font-weight: normal;
		margin: 0;
	}
	#content_main h3.aporta {
	 	background: url('img/bg_aporta.gif') no-repeat;	
	 	background-position: 0 2px;
	 	padding: 5px 0 12px 50px;
	 	font-size: 1.25em;
		font-weight: normal;	
		color: black;
		margin: 20px 0 10px 0;
	}
	#content_main p {
		font-size: .9375em;	
	}
	#content_main p.verset {
		line-height: 25px;	
		font-size: 1em;
	}
		#content_main p.verset strong {color: #cc0000;}
#home #capsalera,
#home #content_main {
	margin-left: 450px;	
	margin-right: 0;
	border: 0;
}

#capsalera,
#content_main {
	margin-right: 450px;	
}

	#capsalera img {
		float: right;	
	}

#capsalera h1 {
	color: white;
	font-size: 1.375em;
	float: left;
	width: 65%;
	margin: 35px 0 0 0;	
	padding: 0;
}

#capsalera h1.codi-incorrecte {
	background: url('img/bg_tit_incorrecte.png') no-repeat;	
	background-position: 0 0;
	padding: 8px 0 8px 100px;
}


#aguinaldo {
	position: absolute;
	width: 130px;
	height: 130px;
	right: 0;
	top:0;	
}
#content_main .ajuts {
	margin-bottom: 30px;	
}
#content_main .ajuts li {
	float: left;
	margin-right: 4px; 
}

.descarrega {
	background: url('img/postaleta.jpg') no-repeat;	
	padding-left: 100px;
	border-bottom: 1px #666 solid;
	padding-bottom: 30px;
}
.pdf {
	background: url('img/pdf.gif') no-repeat;	
	background-position: 0 5px;
	padding: 5px 0 5px 30px;
}
	.pdf a {
		color: #cc0000;
	}

#nadala {
	position: absolute;
	top: 14px;
	left: 0;
	background: url('img/imatge-gran.jpg') no-repeat;	
	width: 432px;
	height: 698px;
}
	#nadala p {
		background: url('img/pdf.gif') no-repeat;
		background-position: 0 4px;
		padding: 5px 0 5px 30px;
		margin-top: 700px;	
		font-family: Helvetica, Arial, Tahoma;
		font-size: .8125em;
	}
	#nadala a {
		color: #cc0000;
	}
	
/* form */

#caixa-form {
	border-bottom: 1px black solid;
	background: #d6d6d6;
	padding: 15px;	
	font-size: .75em;
	font-family: Helvetica, Arial, Tahoma;
	position: relative;
	/* cantons */
	border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 40px;
}
#home #caixa-form {margin-bottom: 0;}
#caixa-form form legend {display: none;}
#caixa-form form label {
	display: block;
	margin-bottom: 8px;
}
#caixa-form form input,
#caixa-form form select {
	border: 1px #999 solid;
	width: 100%;	
}
#caixa-form form div {width: 48%;}
#caixa-form form div.codi {
	float: left;	
}
#caixa-form form div.import {
	float: right;	
}
	#caixa-form form div.envio {
		clear: both;	
		width: 100%;
		margin-top: 60px;
	}
	#caixa-form form div.envio button {
		background: none;
		border: 0;	
		margin:0;
		padding:0;
		cursor: pointer;
	}
	
/* logos */
#caixa-form ul {
	position: absolute;	
	width: 170px;
	right: 0;
	bottom:0;
	margin-bottom: 10px;
}
	#caixa-form ul li {
		float: left;	
		margin-left: 10px;
	}

#felix {
	position: absolute;
	background: url('img/felix-millet.jpg') no-repeat;	
	background-position: right 0;
	bottom: -96px;
	right: 20px;
	width: 382px;
	height: 336px;
}
#felix.incorrecte {
	bottom: -106px;	
}
#home #felix {
	background-position: 0 0;
	bottom: -82px;
	width: 432px;
	left:0;
}
	#home #felix .text {
		width: 210px;
		float: right;
		margin-top: 140px;
		
	}
		#felix .destacat {
			font-size: 1.25em;	
			font-style: italic; 
		}
		#felix .text {
			float: left;	
			width: 220px;
		}
		
		#home #felix .destacat {
			margin:0 0 10px 0;
		}
		
		#home #felix .firma {
			margin:0;
			font-size: .75em;
			color: #cc0000;
			font-family: Helvetica, Arial, Tahoma;	
		}

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

#footer {
	background: url('img/bg_footer.gif') repeat-x;	
	height: 80px;
}

#footer p {
	color: white;
	font-size: .75em;
	font-family: Helvetica, Arial, Tahoma;
	padding-top: 20px;
}