/*
Mida:
div.pagina2.width: 1050px;
div.contingut.width: 700px;
div.menu.width: 175px;
div.operacions.width: 175px;
*/

div	/* Mozilla => IE  http://www.ozzu.com/ftopic24024.html */
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	padding: 0;
}

/**************************
** LAYOUT PRINCIPAL
**************************/

html, body, .univers
{
	min-height: 100%;
	width: 100%;
	height: 100%;	/* hack for IE5+/Win */
}

html>body, html>body .univers
{
	height: auto;	/* not IE5+/Win */
}

body /* no vertical scroll @ Mozzilla */
{
	margin: 0;
}

div.univers
{
	position: absolute;
	top: 0;
	left: 0;
}

div.footer
{
//	border: 0px solid black;
	position: absolute;
	bottom: 0;
	width: 70%;	/* See note below */
	padding: 0 15%;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
div.footer {
    \width: 100%;
    w\idth: 70%;
}

body
{
	background-image: url(../img/softsand3.jpg);
}

div.pagina
{
//	border: 0px solid black;
	margin-bottom: 5em; /* només IE ? */
	height: auto;
/*	padding: .5em;*/
	text-align:center	/* centrat IE */
}

div.pagina2
{
	width:1050px;
	margin:0 auto;
	text-align:left;	/* fi centrat IE */
	overflow:hidden;
}

div.capcaleraPagina
{
//	border: 0px solid yellow;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-left: 40px;
}

p.capcaleraPagina
{
	display:inline;
	font-size:500%;
	color:rgb(232, 200, 21);
	font-family: arial;
	letter-spacing: 0.1em;
}

div.contingut
{
//	border: 0px solid cyan;
	float: left;
	width: 700px;
/*	padding-bottom: 100px;*/
	padding-left: 20px;
	padding-right: 20px;
}

div.footerElement
{
//	border: 0px solid black;
}

p.footerElement
{
	display:inline;
	font-family:verdana;
	font-size: 100%;
}

/*************************
** MENUS
*************************/

div.menu
{
//	border: 0px solid yellow; 
	float: left;
	width: 175px;
}

div.operacions
{
//	border: 0px solid pink;
	float: right;
	width: 175px;
}

div.blocMenu
{
	border: 1px solid rgb(243, 254, 107); /* no comentar aquest border */
	background-color: rgb(250, 254, 197);
	margin-bottom:10px;
}

div.titolMenu
{
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 4px;
}

p.titolMenu
{
	display:inline;
	font-family:verdana;
	font-size: 105%;
}

div.opcioMenu
{
	margin-top:4px;
	margin-bottom:4px;
	margin-left: 15px;
	margin-right: 10px;
}

p.opcioMenu
{
	display:inline;	
	font-family:verdana;
	font-size: 90%;
}


/*********************
** ALTRES
*********************/

div.inline
{
//	border: 0px solid pink; 
	display:inline;
	margin-left:7px;
}

div.status
{
	margin-left:30px;
	margin-right:30px;
	height: 30px;
}

h2.error
{
	background-color: rgb(220, 147, 12);
	text-align: center;
	font-size:105%;
	font-family: verdana;
}

h2.warn
{
	background-color: rgb(220, 240, 61);
	text-align: center;
	font-size:105%;
	font-family: verdana;
}

h2.success
{
	background-color: rgb(220, 240, 61);
	text-align: center;
	font-size:105%;
	font-family: verdana;
}

/*****************************************
** COMPOSICIO PAGINA
*****************************************/

div.nomContingut
{
//	border: 0px solid yellow; 
	padding-bottom:20px;
	padding-left:20px;
//	margin-bottom:-10px;
}

div.blocSeccio
{
//	border: 0px solid blue; 
/*	margin-top: 15px; */
	margin-bottom: 20px;
}

div.nomSeccio
{
//	border: 0px solid red;
	padding-left:10px;
}

p.nomSeccio
{
	display:inline;
	font-family: verdana;
	font-weight: bold;
	color: rgb(249, 171, 28);
}

div.elementSeccio
{
//	border: 0px solid green; 
	margin-left: 25px;
	margin-top: 6px;
	margin-bottom: 3px;
}