@charset "utf-8";  

* {
    margin: 0; 
}

html, body {
    height: 90%;
	background-color: #000000; 
	font-family: arial, sans-serif;	
	color: #FFFFFF; 
	font-size: 14px;
}

a:link { color: #4D4E4D; text-decoration: none; }
a:visited { color: #4D4E4D; text-decoration: none; }
a:active { color: #4D4E4D; text-decoration: none; }
a:hover { color: #EC6E00; text-decoration: none; }

#wrap {     
    width:90%;    
    height: 90%;
    color: #FFFFFF;         
    position: relative;  
    margin-top: 30px;
    margin-left: 20px;	
}

#logo{
	width: 994px;
	height: 80px;
	position: absolute;
	top: 50%;    
    left: 50%;
    margin-top: -40px;        
    margin-left: -470px;
}

#loadedImages {
	width: 0px;
    height: 0px;
    display: inline;
    background-image: url(historia_orange.jpg);
    background-image: url(serveis_orange.jpg);
    background-image: url(contacte_orange.jpg);
}

h1{
	font-size: 100px;
	font-weight:bold;
}

h2{
	color: #ff9900; 
	font-size: 14px;
	margin-top: 10px;
}

#title{
	width: 451px;
	height: 100px;
	margin-top: 0px;
	margin-left: 0px;
}

#historia{
	width: 661px;	
	height: 130px;			
	background: url('historia.jpg') no-repeat;
	border: 0px;
	margin-top: 10px;
	margin-left: 0px;	
	cursor: pointer;
}
	/*#historia:hover{
		background: url('historia_orange.jpg') no-repeat;
		border: 0px;
	}*/

#text_ocult_anys{	
	width: 456px;
	height: 105px;
	margin-left: 0px;	
	margin-top: 10px;	
	font-size: 70px;
	font-weight:bold;		
	color: #FFFFFF;	
}
	#text_ocult_anys h1{		
		font-size: 40px;
		font-weight:bold;		
		color: #FFFFFF;		
	}
	

#serveis{
	width: 565px;
	height: 104px;
	background: url('serveis.jpg') no-repeat;
	border: 0px;
	margin-top: 20px;
	margin-left: 0px;
	cursor: pointer;
}
	/*#serveis:hover{
		background: url('serveis_orange.jpg') no-repeat;
		border: 0px;
	}*/

#contacte{
	width: 666px;
	height: 104px;
	background: url('contacte.jpg') no-repeat;
	border: 0px;
	margin-top: 20px;
	margin-left: 0px;
	cursor: pointer;
}
	/*#contacte:hover{
		background: url('contacte_orange.jpg') no-repeat;
		border: 0px;
	}*/

#text_ocult1{
	width: 661px;
	margin-left: 0px;
	text-align: justify;
}

#text_ocult2{
	margin-left: 0px;
	width: 565px;
}

#text_ocult3{
	margin-left: 0px;
}
	#text_ocult3 a{
		color:#ff9900;
	}