html,body {
	height: 100%; /* FSA */
	margin: 0;
	padding: 0;	
}
body{ height:100%; padding:0; margin:0 auto; width:760px;  }
 #page { height:100%;width:760px; margin: 0 auto;padding: 0; background-color:#FFFFFF } 



#stacker {  width: 100%;	min-height:100%; /* FSA */	position: relative; z-index:2;background-color:#FFFFFF }	


.column,.companion {float: left; position: relative;background-color:#FFFFFF}

#pedestal {	clear: both;float: left;  /* makes Opera 8.54 behave */	position: relative; z-index: 0;	width: 100%; background-color:#FFFFFF}
/* do not use ".left.companion", as IE does not support multiple classes in one selector correctly do use "#pedestal .left" instead.*/
#pedestal .left { }
#pedestal .right{ }

/* !!!! HE HAGUT DE POSAR WIDTH:725PX ??? !!!!! */
#pedestal .companion { 	margin-top: -16000px; /* EHC, but reversed: from bottom to top */	padding-top: 16000px; height:100% ; width:725px}
/*The #left and #center columns are using the AOC technique, and #right is a float left variant to prevent the right edge from flickering by rounding error pixels */
/* .column,.companion {float: left; position: relative; width: 190px;} */

.left{ width:162px; padding:35px 0 0 35px;background-color:#FFFFFF}
.right{ width:528px; padding:35px 35px 0 0;background-color:#FFFFFF }


#footer {
clear : both;
float : left;
position : relative;
left:0;
bottom:0;
z-index : 3;
height:25px;
width : 100%;

}