@import url(https://fonts.googleapis.com/css?family=Roboto:300);

	a:link {
	  color: #070;
	}
	
	a:visited {
	  color: #040;
	}
	
	a:hover {
	  color: #040;
	  font-weight:bold;
	}
	
	a:active {
	  color: #040;
	} 
	
	h1, h2 {
		text-align: left;
		color: #040;
	}
	
	p, ul, li {
		color: #050;
	}

	body {
		background: #76b852; /* fallback for old browsers */
		background: -webkit-linear-gradient(right, #76b852, #8DC26F);
		background: -moz-linear-gradient(right, #76b852, #8DC26F);
		background: -o-linear-gradient(right, #76b852, #8DC26F);
		background: linear-gradient(to left, #76b852, #8DC26F);
		font-family: "Roboto", sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;      
	}
	
	.container {
	  position: relative;
	  z-index: 1;
	  background: #FFFFFF;
	  max-width: 100%;
	  margin: 3px 3px 3px 3px;
	  border-radius: 5px;
	  padding: 25px;
	  padding-top:10px;
	  text-align: justify;
	  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
	  word-wrap: break-word;
	  word-break: break-strict;
	}
	
	body,td,th {
		font-family: Roboto, sans-serif;
	}
	
	.logoAO_Head {
		width:100%;
		height:100px;
		background-image:url(/_img/nLogo.svg);
		background-size: 220px;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	@media only screen and (min-width: 700px) {
		.container {
			  position: relative;
			  z-index: 1;
			  background: #FFFFFF;
			  max-width: 600px;
			  margin: 100px auto 100px;
			  padding: 45px;
			  padding-top:10px;
			  padding-bottom:10px;
			  text-align: justify;
			  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
		}
		.logoAO_Head {
			margin-top: 10px;
			background-size: 250px;
		}
	}