@font-face {
	font-family: 'garamond';
    src: local('garamond'),
		url('garamond.ttf') format("truetype");
}
body {
	margin-left: 15%; margin-right: 10%;
	color: #BA280D; 		
	background: url(lioz.jpg); 
	background-position: center;
	font-family: 'garamond';
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	border-style: none;
  }
  a:link { color: black;
	text-decoration: none;}  /* for unvisited links */
  a:visited { color: yellow; 
	text-decoration: none;}  /* for visited links */
   a:hover { color: red; 
	text-decoration: none;}  /* when mouse is over link */
   a:active { color: yellow; 
	text-decoration: none;}  /* when link is clicked */

 div.box { border: solid; border-width: thin; width: 100% }

 div.quadro2 {
    background: navy;
    color: white;
    position: absolute;
    padding: 0.5em;
    border: none;
    width: 710px;
    height: 150px;
    overflow: hidden

  }
 div.quadro1 {
    background: #0047b3;
    color: white;
    padding: 0.5em;
    border: none;
    width: 710px;
    height: 150px;
    overflow: hidden
  }
 div.quadro {
    background: navy;
	font-size: 9px;
    padding: 0.5em;
    border: none;
    width: 710px;
    height: 80px;
	overflow: auto;
  }

	H1 
     { font-size: 1.5em; margin: .67em 0; color:navy }
	 
	H2
     { font-size: 1.2em; margin: .67em 0; color:navy }

	H3
     { font-size: 0.90em; margin: .67em 0; color:navy } 

	ta 
     { font-family: Garamond, serif; font-size: 0.9em; color: red}
	 
	tc 
     { font-family: Garamond; font-size: 0.9em; color: rgb(255,110,110)}
	 
	tv
     { font-family: Garamond, serif; font-size: 0.8em; color: green}

    sa
	{color: #a6a6a6}

	H22 
     { font-size: 0.85em; text-align: right; color: rgb(214,16,16)}
	ul { list-style: none}
	li { line-height: 120% }
	
	nota {
	font-size: 0.90em; color: transparent ; text-transform: uppercase
	}
 
	nota:hover {
	font-size: 1.50em; color: blue 
	}
	
	escolha:hover {
	font-size: 2em; color: green
	}
	