/* CSS Document */
* {margin:0; padding:0;}
body{
	font-family:"Courier New", Courier, monospace;
	font-size:0.8em;
	color: #000000;
	line-height: 1.166em;
	margin: 0px;
	padding: 0px;
	background-color: #FFCC00;
	text-align:justify;
	width: 100%;
}
a:link, a:visited{
	color: #000000;
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
	color: #FFCC00;
}
p{
	padding:5px;
}
.destacat {
	font-size:1.15em;
	font-weight:bolder;
}
#pagina{
	position:absolute;
	top: 39px;
	left: 5%;
	right: 5%;
	width: 90%;
	background-color: #ffffff;
}
#logo{
	float:left;
	padding:5px;
}
#presen{
	padding:20px 10px 5px 10px;
	height:120px;
	vertical-align: text-bottom;
}
#nav{
	font-size:1.1em;
	width:96%;
	padding-left: 0px;
	margin-left: 2%;
	text-align: left;
}
#nav a:hover{
	text-decoration: none;
	color: #FFFFFF;
}
#nav a:link{
	text-decoration: none;
}
#nav a:visited{
	text-decoration: none;
}
ul.nav,
.nav ul{
	/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
	width: 100%;
	table-layout: fixed;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
	float:left;
	width:31%; /*23% quan siguin 4 apartats: fotos*/
	background-color: #FFCC00;
}
ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: relative;
	max-width: 200px;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}
ul.nav,
.nav ul,
.nav ul li a{
	background-color: #FFFFFF;
	color: #000000;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #FFCC00;
	color: #fff;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #FFCC00;
	color: #fff;
}

ul.nav,
.nav ul{
	border: 1px solid #fff;
}

.nav a{
	text-decoration: none;
}
#cont{
	padding:20px;
}
#cont img{
	float:left;
	padding:5px;
}
#cont object{
	float:left;
	padding:10px;
}
#cont2{
	float:right;
	padding:20px;
}

.peu{
	width:420px;
	position:relative;	
}
.peu p{
	padding:5px;
}