body
	{       background-image:	url('../images/arBkgRight.png') ;
		background-position:			right top;
		background-size:			auto 80%;	 
		background-repeat:			no-repeat;
		background-attachment:  			fixed;
		background-color: 	
		overflow-y: hidden;
		height: 100%;
		margin: 0;
   		padding: 0;
	}
	
	.left
	{
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 180px;
		
	}
	
	.left img
	{	
		position: relative;
		width: 100%;
		height: auto;
		border: 0;
	}
	

	.main
	{
		position: absolute;
		display: block;
		margin-left: auto;
		margin-right: auto;
   		top: 0px;
   		width: 75%;
   		height: 100%;
   		margin : 0px 25% 0 0px;



	}
	
	.header img
	{
		float: right;
		height: 160px;
		width: auto;
	}
	
	.conten
	{	
		padding: 20px;
		text-align: justify;
		position: absolute;
		left: 200px;
		max-width: 800px;
		bottom: 0px;
		top: 160px;
		overflow-y: scroll;
		overflow-x:hidden;
		background-color: 	#FFFFFF;
		font-size: 0.8em;
		font-family: sans-serif;
	}
	
	.conten h2
	{
		font-family: "Trebuchet MS", Helvetica, sans-serif;
		font-size: 2em;
		font-weight: bold;
		color: #1dab4a;
	}
	
	.notas
	{
		position: absolute;
		min-width: 150px;
		max-height: 60%;	
		bottom: 0px;
		left: 75%;
		background-color: rgba(200,200,200,0.60);
		overflow-y: auto;
		padding: 15px;
		border-style: solid;
		border-width: 1px;
		font-size: 0.7em;
		font-family: sans-serif;
		color: rgba(0,0,0,0.85);
	}
	
	.notas a
	{
		font-weight: bold;
		color: #000;
		color: rgba(0,0,0,0.85);
		text-decoration: none;
		-moz-transition: color 0.25s ease-in-out;
		-webkit-transition: color 0.25s ease-in-out;
		-o-transition: color 0.25s ease-in-out;
		-ms-transition: color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out;
	}
	.notas a:link
		{
			color: #000;
		}
	.notas a:visited
		{
			color: #000;
		}
	.notas a:hover
		{
			color: #319254;
		}