/* Adaptat de:
 *
 * Magic to do 'frames' from CSS.
 *
 * (c) Stian Søiland <stian@soiland.no> 2004
 *
 * Parts of this file is copied freely from
 * the site http://devnull.tagsoup.com/fixed/
 * Many thanks to Eric Bednarz <devnull@tagsoup.com>
 *
 * You may use/modify/distribute/etc this source for free as long as you
 * keep the above copyright notices.
 *
 * Essentially the trick is to make body only 100% high (ie. the screen
 * size), and then place div-boxes out where you want your "frames".
 *
 * This allows fixed positioning even in Microsoft IE, as we can use
 * position: absolute for elements directly within body.
 *
 * See the file cantiga-pagina-ie.css for details on IE compatibility hacks.
 *
 */


/* definició dels "frames" virtuals" */

div.cap,div.navegar_esq,div.cos,div.peu {
	position: absolute;
	margin: 0;
	overflow: auto;
	/* per depuració
	border: 1px dotted #aaa;
	*/
}

/* capçalera */
div.cap {
	background-color: #ffff99;
	top: 0;
	right: 0;
	left: 0;
	height: 95px;
}
div.cap div {
	position: static;
	left: 0;
	right: auto;
	height: auto;
}

/* navegació esquerra - menú */
div.navegacio {
	position: absolute;
	background-color : #ffcc00;
	color : #ffcc00;
	top: 95px;
	right: 170px;
	bottom: 0;
	left: 0;
	width: 170px;
	height: expression(document.body.clientHeight - 95 + "px");
}
div.navegacio div {
	position: static;
	width: auto;
	height: auto;
}

/* cos de la pàgina */
div.cos {
	top: 92px;
	right: 0;
	bottom: 0px;
	left: 170px;
	height: expression(document.body.clientHeight - 95 + "px");
	width: expression(document.body.clientWidth - 170 + "px");
	background-color: #ffffff;
}
div.cos div {
	position: static;
	right: auto;
	height: auto;
}

/* peu de pàgina */
div.peu {

}

/* corregir IE 5 en Mac */
@media screen {
	body>div.navegacio,body>div.cap,body>div.cos {
		position: fixed;
	}
}