body {
	background-color: f3a743;
}

#header{
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: pink;
	width:100%;
   color:blue;
   text-align:center;                              
}

div.menu {
	position: absolute;
	width: 150px;
	padding-right: 7px;
	padding-left: 7px;
}

div.menu-esquerra {
	position: absolute;
	
	
}

div.menu-esquerra div.element {
	background-color: green;
	border: white 1px solid;
	border-style: dotted;
	margin-bottom: 10px;
}

div.menu-esquerra p {
	color: white;
}

div.menu-esquerra h2 {
color: darkblue;
}

div.menu-dreta{	
	position: absolute;
	right: 10px;
}

div.menu-dreta div.element{
	background-color: green;
	border: white 1px solid;
	border-style: dotted;
}

div.menu-dreta p {
	color: white;
}

div.menu-dreta h2 {
color: darkblue;
}

#content {
	margin-top: 90px;
}

div.col1 {
	width: 36%;
	float: left;
	margin-left: 170px;
	border-top: white 1px solid;
}

div.col1 p {
	text-align: justify;
	color: darkmagenta;
}

div.col1 img {
	float: left;
}

div.col1 h2 {
	color: darkblue;
}

div.col2 {
	width: 36%;
	float: right;
	margin-right: 170px;
	border-top: white 1px solid;
}

div.col2 p {
	text-align: justify;
 	color: darkmagenta;
}

div.col2 img {
	float:right; 
}

div.col2 h2 {
	color: darkblue;
}

img.image {
	width: 30%;
	float: right;
	margin-right: 170px;
	margin-top: 150px;
}