@media screen {

	body {
		margin: 0;
		padding: 0;
		background: rgb(255, 255, 255) no-repeat fixed right bottom url(../img/bg_pagina.jpg);
		color: rgb(0, 0, 0);
		font-family: Arial, Helvetica, sans-serif;
	}

	h1 {
		position: absolute;
		left: 10px;
		top: 1px;
		width: 90%;
		margin: 0;
		padding: 0;
		border-bottom: 3px dotted rgb(150, 180, 200);
		background: transparent;
		color: rgb(200, 220, 240);
		font-size: 650%;
		font-weight: bold;
	}

	h2 {
		position: absolute;
		left: 100px;
		top: 60px;
		margin: 0;
		padding: 0;
		background: transparent;
		color: rgb(0, 50, 100);
		font-size: 300%;
		font-weight: bold;
	}

	h3 {
		margin: 0 0 1em 0;
		padding: 0 0 .5em 0;
		border-bottom: 1px solid rgb(230, 240, 250);
		background: transparent;
		color: rgb(0, 50, 100);
		font-size: medium;
		font-weight: bold;
	}

	h4 {
		margin: 0 0 .5em 0;
		padding: 0;
		background: transparent;
		color: rgb(0, 50, 100);
		font-size: small;
		font-weight: bold;
	}

	h5 {
		display: inline;
		margin: 0;
		padding: 0;
		background: transparent;
		color: rgb(0, 25, 50);
		font-size: x-small;
		font-weight: normal;
	}

	p {
		margin: 0 0 1em 0;
		padding: 0;
	}

	dd {
		margin-bottom: 1em;
	}

	address {
		font-style: normal;
	}

	#menu {
		position: absolute;
		left: 1%;
		top: 160px;
		height: 27em;
		margin: 0;
		padding: 0;
		border-top: solid 1em rgb(200, 220, 240);
		border-right: solid .1em rgb(0, 50, 100);
		list-style-type: none;
		font-size: x-small;
		text-align: right;
		letter-spacing: .5em;
		text-transform: uppercase;
	}

	#menu li {
		margin-top: 1em;
		margin-bottom: 1em;
	}

	#menu a {
		padding: 0em 1.4em 0em 1.4em;
		background: rgb(255, 255, 255);
		color: rgb(0, 50, 100);
		text-decoration: none;
	}

	#menu a:visited {
		background: rgb(255, 255, 255);
		color: rgb(0, 50, 100);
	}

	#menu a:hover {
		border-bottom: 1px solid rgb(0, 100, 200);
		background: rgb(255, 255, 255);
		color: rgb(0, 125, 250);
	}

	#pagina {
		position: absolute;
		left: 15%;
		top: 160px;
		width: 50%;
		font-size: small;
	}

	#pagina a {
		background: transparent;
		color: rgb(0, 100, 200);
		text-decoration: none;
	}

	#pagina a:visited {
		background: transparent;
		color: rgb(0, 100, 200);
	}

	#pagina a:hover {
		background: transparent;
		color: rgb(0, 125, 250);
		text-decoration: underline;
	}

	#pagina p {
		text-align: justify;
	}

	.elenco-tecnologie {
		display: inline;
		margin: 0 0 4em 0;
		padding: 0 0 1em 0em;
		list-style-type: none;
		font-size: x-small;
	}

	.elenco-tecnologie li {
		display: inline;
		margin: 0 .5em 0 .5em;
	}

	#elenco-clienti {
		margin: 0;
		padding: 0;
		list-style-type: circle;
		list-style-position: inside;
	}

	#elenco-servizi {
		margin: 0;
		padding: 0;
	}

	#elenco-servizi dt {
		font-weight: bold;
	}

	#elenco-servizi dd {
		margin: 0;
		padding: 0 0 1em 2em;
	}

	#elenco-servizi ul {
		margin: 0;
		padding: 0 0 0 1em;
		list-style-type: circle;
	}

	.progetti-cliente {
		margin-bottom: 3em;
		padding: .5em;
		border: 1px solid rgb(200, 220, 240);
	}

	.progetti-cliente p {
		margin-bottom: 0;
		padding: 0 0 0 1em;
	}

	.tecnologie-utilizzate {
		margin: 0 0 1em 1em;
	}
}


@media print {

	body {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		background: rgb(255, 255, 255);
		color: rgb(0, 0, 0);
		text-align: justify;
	}

	#menu {
		display: none;
	}

	a {
		background: transparent;
		color: rgb(0, 0, 0);
		text-decoration: none;
	}

	a:visited {
		background: transparent;
		color: rgb(0, 0, 0);
	}

}