html, body { height: 100%; }
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	/*background-color:#ccc;*/
	background: #fff /*url(../images/logo_fons_435_100.png) repeat;*/
}
#container {
	min-height: 100%;
}

.c0 { background-color: #c4bc41; } /* verd-acid */
.c1 { background-color: #A4354F; } /* roig */
.c2 { background-color: #5baec4; } /* blau clar */
.c3 { background-color: #d6781d; } /* taronja */
.c4 { background-color: #7c5b90; } /* morat */
.c5 { background-color: #307c92; } /* blau */
.c6 { background-color: #749945; } /* verd */
.c7 { background-color: #888888; } /* gris */
.c8 { background-color: #ffb848; } /* taronja-groc */
.c9 { background-color: #818064; } /* gris-beige */
/*****************************************************************************/
/* Capçalera                                                                 */
/*****************************************************************************/
span.title {
    /* Entrades de menú amb títol en 1 línea, padding per a centrar el títol en el cercle */
	display: block;
	line-height: 1em;
	padding-top: 65px;	
}
span.title2 { 
	/* Entrades de menú amb títol en 2 línees, padding per a centrar el títol en el cercle */
	display: block;
	line-height: 1em;
	padding-top: 55px;	
}

#header {
	height: 165px;
	width: 1050px;
	margin: 0 auto;
	/*background-color: #ffb310;
	background: #ffb310 url(../images/logo_fons_435_100.png) repeat;*/
}
div.header_container {
	margin: 0 auto;
	width: 1050px;
	overflow: hidden;
	/*background:	url("../images/logo_154_100.png") no-repeat top right transparent;*/
}
h1.header {
	text-align: center;
	background-color: #3D6E7C;/*#818064;*/
	color: #fff;
	border-radius:80px;
	-moz-border-radius:80px;	
	-webkit-border-radius:80px;
	width: 160px;
	height: 160px;
	line-height: 160px;
	margin-left: 20px;
	margin-top: 5px;
	font-size:1.3em; 
}
h1.header span {	
	/*font-family: Verdana, Geneva, sans-serif;
	color: #fff;
	font-size:1.5em;
	white-space: nowrap;*/
	text-shadow: 1px -1px 4px rgba(0, 0, 0, 0.2),
		 1px  1px 4px rgba(0, 0, 0, 0.2),
		 0px  1px 4px rgba(0, 0, 0, 0.2),
		 0px -1px 4px rgba(0, 0, 0, 0.2),
		 1px  0px 4px rgba(0, 0, 0, 0.2),
		-1px  0px 4px rgba(0, 0, 0, 0.2);	/*text-shadow: <x-offset> <y-offset> <blur-radius> <color>;*/
}
.ie6 h1.header,
.ie7 h1.header,
.ie8 h1.header,
.ie9 h1.header{
	/*z-index: 1;*/
}

.ie6 h1.header span,
.ie7 h1.header span,
.ie8 h1.header span,
.ie9 h1.header span{
	color: #000000;
	
	/*zoom: 1;
	background-color: #cccccc;
	filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
		progid:DXImageTransform.Microsoft.Glow(Color=#eeeeee, Strength=3);
	position: relative;
	top: -3px;
	left: -3px;
	z-index: 2;*/
}

#main {
	min-height: 100%;
	margin: 0 auto;
	width: 1030px;
	background-color: #fff;
	/*border-top: solid 1px #999;
	border-left: solid 1px #999;*/
	padding: 20px 10px 50px 10px;
	
/*Sombrejat superior*/
	/*-moz-box-shadow: inset 0px 5px 5px -2px #888;
	-webkit-box-shadow: inset 0px 5px 5px -2px #888;
	box-shadow: inset 0px 5px 5px -2px #888;	*/	/* inset? <x-offset> <y-offset> <blur-radius> <color>; */
	
	/*-moz-box-shadow: inset 0px 5px 5px 3px #ccc;
	-webkit-box-shadow: inset 0px 5px 5px 3px #ccc;
	box-shadow: inset 0px 5px 5px 3px #ccc;*/
}
#footer {
	height: 40px;
	width: 1050px;
	margin: 0 auto;
	background-color: #00546C;
	bottom: 0px;
}
div.footer_container {
}