/* CSS Document
Created by Natalia Artigas http://www.cretia.cat
for Xavi Fuentes

*********************************************/
/*
	RESET
*****************/
.home #footer{ background:none;}

html, body, h1, h2, li, ul, p{
	margin:0px;
	padding:0px;
}
ul, li{
	list-style:none;
}

body{
	background: #7f8892 url(img/fons2.jpg) center top;
	}
#wrapper{ 
	width:808px;
	margin:0 auto;
	}
.home #wrapper{
	background: url(img/bg_home.jpg) 0px 0px no-repeat;
	width:539px;
	padding:0px 20px 0px 20px;
	margin:0 auto;
	}
#header{
		background: url(img/bg_header.jpg) top left no-repeat;
		padding: 0px 20px;
		height:147px;
		position:relative;
		}
.home #header{
	background: none;
	height:117px;
	}
/*

	Languages
*******************************/
.lang{
	float:right;
	text-align:left;
	}
ul.lang li{
		float:left;
		}
ul.lang li a{
	background:url(img/menu.idioma.jpg) no-repeat;
	height:50px;
	display:block;
	overflow:hidden;
	}
ul.lang li span{ position:absolute; left:-99999px;}
ul.lang li#ca a{	
	width:43px;
	background-position: 0px 0px;
	}
ul.lang li#ca a:hover,
ul.lang li#ca.selected a{
	background-position: 0px -50px;
	}
ul.lang li#es a{	
	width:31px;
	background-position: -43px 0px;
	}
ul.lang li#es a:hover,
ul.lang li#es.selected a{
	background-position: -43px -50px;
	}
ul.lang li#en a,
ul.lang li#en.seletec a{	
	width:64px;
	background-position: -74px 0px;
	}
ul.lang li#en a:hover,
ul.lang li#en.selected a{
	background-position: -74px -50px;
	}
	
.txt-dreta {
text-align:right;
display:block;
}
	
#img-centre{
	text-align:center;
	}	

/* home idiomes*/
.home ul.lang li a{
	background:url(../css/img/menu.idioma.home.jpg) no-repeat;
	height:53px;
	}
.home ul.lang li#ca a{	
	width:53px;
	background-position: 0px 0px;
	}
.home ul.lang li#ca a:hover,
.home ul.lang li#ca.selected a{
	background-position: 0px -53px;
	}
.home ul.lang li#es a{	
	width:51px;
	background-position: -58px 0px;
	}
.home ul.lang li#es a:hover,
.home ul.lang li#es.selected a{
	background-position: -58px -53px;
	}
.home ul.lang li#en a,
.home ul.lang li#en.seletec a{	
	width:73px;
	background-position: -108px 0px;
	}
.home ul.lang li#en a:hover,
.home ul.lang li#en.selected a{
	background-position: -108px -53px;
	}

#header h1{ position:absolute; bottom:0px; left: 20px;}
.home #header h1{left:-1px;}

/*
	Navegation
***************************/
.nav{
	clear:both;
	background: url(img/bg_nav.jpg) 0px 0px no-repeat;
	height:69px;
	padding:0px 20px;
	}
.home .nav{
	background: none;
	}
.nav ul{
	float:right;
	text-align:left;
	}
.nav ul li{
	float:left;
	}


/*
	Content
********************************/
#content{
	clear:both;
	background: url(img/bg_content.jpg) 17px 0px repeat-y;
	padding:0px 20px 0px 20px;
	font: 11px "Courier New", Courier, monospace;
	}
#content h1 span{ position:absolute; left:-999999px;}
* html #content h1{ position:relative; top:1px;}

#content li,ul {
	list-style:square;
	margin-left:20px;
	}

.formulari{
color: #505050;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif; 
border: 1px solid #c2b79b; 
background-color: #eaeaea;
}
.formulari-botons{
color: #ffffff; 
font-size: 11px;  
background-color: #a29895;
border-color: #CCCCCC;
}
/*

	footer
**************************************/
#footer{
	padding: 10px 20px 20px 20px;
	background: url(img/bg_footer.jpg) 17px 0px no-repeat ;
	font: 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	}
#footer p a{ text-decoration:none; color:#ffffff;}
#footer p a:hover{ text-decoration:underline;}
.home #footer{ padding-left:0px;}
/*
	home
*********************************/
.home #content{ padding:20px; background:none; text-align:center; display:block; overflow:hidden;}
* html #content{ height:1%;}
*+html #content{ height:1%;}


/*
	Portfolio
*********************************/
.portfolio #content{ text-align:center;}


/*
	biography
**************************/
.biography #content{ padding:30px 50px 20px 50px;}
h2{ color:#446694; font-size:22px; font-weight:bold; margin:30px 0px 20px 0px;}
#content p{
	margin-bottom:17px;
	color:#6f6f6f;
	font-size:13px;
	text-align: left;
}
#content .margin{ margin:0px 0px 0px 40px;}

