@media screen {
	/* Global elements style */
	html {
		overflow-y: scroll;
	}

	body {
		font-family: arial, helvetica, sans-serif;
		color: #335c85;
		font-size: 12px;
	}

	h1 {
		font-size: 1.7em;

		font-weight: bold;
		margin: 0px;
	}

	h2 {
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 25px;
	}

	h3 {
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: 15px;
	}

	em {
		color: red;
		font-weight: bold;
	}

	form {
		margin: 0px;
		padding: 0px;
	}

	a {
		text-decoration: none;
		color: #87000B;
		font-weight: bold;
	} 

	a:visited {
		text-decoration: none; 
		color: #986768
	} 

	a:hover {
		color: #986768;
		text-decoration: underline
	} 

	table {
		border-collapse: collapse;
	}

	img {
		border: 0px;
		vertical-align: middle;
	}
		
	.blauFosc2 {
		background-color: #003366;
		color: white;
	}
	
	.blauFosc1 {
		background-color: #335C85;
		color: white;
	}
	
	.blauClar {
		background-color: #96B2DC;
	}

	.blauMitja {
		background-color: #6699CC;
	}
	
	.grisClar {
		background-color: #DDDDDD;
	}
	
	.grisFosc {
		background-color: #999999;
		color: white;
	}
	
	.centrat {
		text-align: center;
	}
	
	.negreta {
		font-weight: bold;
	}
	
	.enmarcat {
		border: 1px solid black;
	}
	
	.cursiva {
		font-style:italic;
	}
	/* Layer styles */

	div#main {
		width: 100%;
	}

	div#content {
		clear: both;
		width: 100%;
		background-color: white;
	}

	div#contenttext {
		width: 100%;
		min-height: 300px;
		_height: 300px;
		background-color: white;
	}

	div#tools {
		width: 100%;
		float: left;
		height: 25px;
		padding: 0px;
		background-color: #6599cc;
		overflow: hidden;
	}
		
	div#menu {
		float: left;
		width: 85%;
		height: 100%;
		background-color: #335c85;
	}
		
	div#options {
		float: right;
		width: 15%;
		min-width: 75px;
		height: 100%;
		background-color: #6599cc;
	}
		
	div#foot {
		width: 96%;
		margin-left: 1%;
		padding: 0px;
		font-size: 0.8em;
		color: #999;
	}

	/* TITLE - Element styles */
	div#title {
		width: 100%;
		float: left;
		/*height: 60px;*/
		/* background-color: #6599cc; */
		overflow: hidden;
		margin: 15px 0px;
	}
	
	div#title div.logo {
		height: 60px;
		width: 220px;
		/*margin: 10px;*/
		line-height: 60px;
		float: left;
	}
	
	div#title div.text {
		float: left;
		margin-left: 15px;
		width: 80%;
		/*height: 30px;*/
	}

	div#title div.text p{
		font-size: 1.7em;
		font-weight: bold;
		color: #3F8EC7;
		line-height: 30px;
		margin: 0px 30px;
	}

	/* MENU - Element styles */
	div#menu div.button {
		height: 25px;
		float: left;
		overflow: hidden;
	}

	div#menu div.button a {
		display: block;
		height: 100%;
		width: 100%;
		text-align: center;
		color: white;
		line-height: 25px;
		text-decoration: none;
	}
		
	div#menu div.button a:hover {
		background-color: #99A;
		color: white;
	}
	
	div#menu div#off {
		background-color: white;
	}
	
	div#menu div#off  a{
		color: #335c85;
	}	

	div#options div.button {
		float: right;
		margin-right: 3px;
	}
	
	/* FOOT - Element styles */
	div#foot p {
		padding: 3px;
		margin: 0px;
	}
	
	div#foot div.left {
		float: left;
		text-align: left;
		width: 49%;
		color: #6599cc;
	}
	
	div#foot div.right {
		float: right;
		text-align: right;
		width: 49%;
	}
	
	div#foot div.bottom {
		clear: both;
		width: 100%;
		height:1px;
	}
}