/* CSS per a les pàgines index.php */
body {
	width: 100%;
	height: 100%;
}

div.main {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

div.main h1 {
	font-variant: small-caps;
	font-size: 2.0em;
	font-weight: bold;
	padding-left: 40px;
	padding-top: 20px;
}

div.box {
	border-width: 2px;
	border-style: solid;
	padding-top: 6px;
	padding-left: 12px;
	padding-bottom: 6px;
	padding-right: 9px;
	position: absolute;
	font-size: 1.0em;
}

div.box#leisure {
	color: #C33E07;
	border-color: #C33E07;
	background-color: #FCB395;
	top: 25%;
	left: 45%;
	width: 230px;
	height: 200px;
}

div.box#work {
	color: #9A844B;
	border-color: #9A844B;
	background-color: #EECF7B;
	top: 20%;
	left: 10%;
	width: 220px;
}

div.box#conference {
	/*color: #9A772D;
	border-color: #9A772D;
	background-color: #FFE66B;*/
	border-color: #BFAC7A;
	color: #BFAC7A;
	top: 65%;
	right: 20px;
	width: 290px;
}
div.box#conference a:link    {text-decoration: none; color: #8080c0;}     /* unvisited link */
div.box#conference a:visited {text-decoration: none; color: #8080c0;}  /* visited link */


div.box#blog {
	color: #9A772D;
	border-color: #9A772D;
	background-color: #FFE66B;
	top: 50%;
	left: 17%;
	width: 180px;
}

div.box#contact {
	color: #D67A19;
	border-color: #D67A19;
	background-color: #FCDBB8;
	top: 70%;
	left: 20%;
	width: 180px;
}

div.box#sitemap {
	color: #B0B0B0;
	border-color: #B0B0B0;
	background-color: #F0F0F0;
	top: 67%;
	left: 5%;
	padding-left: 5px;
	padding-right: 5px;
}

div.box#lang {
	color: #808080;
	border-color: #808080;
	background-color: #D0D0D0;
	top: 85%;
	left: 20px;
	font-size: 0.8em;	
	padding-left: 5px;
	padding-right: 5px;
}
div.main a		     	  {text-decoration: none; }
div.copyright a	     {text-decoration: underline; }
div.box h2 {
	text-decoration: underline; 
	padding-top: 0px;
}
div.box#lang a         {padding-left: 5px; padding-right: 5px;}
div.box#lang a:link    {text-decoration: none; color: #808080}     /* unvisited link */
div.box#lang a:visited {text-decoration: none; color: #808080}  /* visited link */
div.box#lang a:hover   {text-decoration: none; color: #FFFFFF}   /* mouse over link */
div.box#lang a:active  {text-decoration: none; color: #FFFFFF}   /* selected link */

div#foto {
	border-width: 2px;
	border-style: solid;
	padding: 0px;
	position: absolute;
	color: #000000;
	border-color: #404040;
	background-color: #D0D0D0;
	top: 15%;
	right: 15px;
	width: 170px;
	height: 170px;
}

div#foto img {
	height: 170px;
	width: 170px;
}

div.box h2 {
	font-variant: small-caps;
	border-top: 0px;
	font-size: 1.3em;
	font-weight: bold;
}

div.box#work ul {
	list-style-type: square;
	line-height: 1.5;
}

div.copyright {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 95%;
	height: 5%;
	background-color: #FFECBA;
	z-index: 50;
}

div.copyright {
   width: auto;
}