/* css originally based on Zen Garden submission #139 - 'The Hall', by Michael Simmons, */
/* http://www.thoughtanomalies.com/  */
/* IMPORTANT */
/* This design includes many (many) changes I've made to the original. */
/* Feel free to study the CSS and use techniques you learn here elsewhere. */
/*  


                                                                       */
/*    ------------   body   ------------ */

html {
scroll-behavior: smooth;
}

body
{
	margin: auto;
	width: auto;
    bottom: auto;
	background: #FFEFD5; /* -----  PapayaWhip; 
	height: auto;-----*/
	font-size: 0.7em;
	font-family: sans-serif;
	color: #fff;
}

:focus-visible{
    outline: 0.2em solid black;   
}

•tooltip: before {
content: attr(data-tooltip);
}


/*    ------------   header   ------------ */
header
{
	/* z-index:1; */
	position: relative;
	padding: 0px 0px 0px 0px;
	left: 10%;
	top: 0.3em;
	background: url(drp.png) no-repeat 4.4em 1.3em; 
	background-size: 70.2% 10%;
	right: auto;
	width: 90%;
	height: 190.3em ;
	/* border-right: solid 0.2em white;  */
	border-bottom: solid 0px #00a; 
}


/*    ------------  aside   ------------ */
aside
{
	position: fixed;
	z-index:10;
	top: 25%;
	left: 72%;
	width: 25em ;
	height: 42em ;
	border-right: solid 0.2em #C0C;
	border-left: solid 0.2em #C0C;
	border-top: solid 0.2em #C0C;
	border-bottom: solid 0.2em #F0F;
	background: #FFEFD5;
    color: #00f;
}

aside h3
{
	margin: 0.3em 0.3em 0.4em 0.4em ;
	padding: .8em ;
	text-indent: 1.3em ;
	font-size: 2em ;
	font-weight: bold;
	color: #00f;
}

aside p
{
font-size: .1em ;
}

aside ul
{
	margin: 0.1em 0em 0.1em 0.1em ;
	padding: 0;
	list-style: none;
}

 aside ul li
{
	margin: 0.1em 0.1em 0.1em 0.1em;
	padding: 0.2em 0.2em 1em 2.5em ;
	font-size: 1em ;
	color: #000;
}

 aside ul li a
{
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1rem ;
	font-weight: bold;
	color: #f00;
}

aside ul li a:hover 
{ 
text-decoration: underline;
color: #0f0; 
}
/*    ------------  ##texto   ------------ */
#texto
{
	/* z-index:4;   */ 
	position: absolute;
	left: 13%;
	top:19em ;
	right: auto;
	height: auto;
	margin-left: 0.3em ;
	width:63%;
	clear: both;
	border-top: solid 0.2em #F0F;
	border-left: solid 0.2em #F0F;
	border-right: solid 0.2em #F0F;
	border-bottom: solid 0.2em #F0F;
	/*background: #E56717;*/
	background-image: linear-gradient(to right, rgb(22, 84, 216), rgb(51, 39, 247));
	}

/*    ------------  ##button   ------------ */
#texto .botao {
  background-color: #000; /* #FFEFD5 PapayaWhip */
  border: none;
  color: #E56717;
  padding: 10.3em .8em ;
  text-align: center;
  text-decoration: bold;
  display: inline-block;
  font-size: 1em ;
  margin:0.25em 0.2em ;
  cursor: pointer;
 /* -webkit-transition-duration: 0.4s;  Safari 
 /* --transition-duration: 0.4s;  */
}

#texto .botao:hover {
  box-shadow: 0 30.2em 2.2em 0 rgba(0,0,0,0.24),0 1.1em 3.1em 0 rgba(0,0,0,0.19);
}

/*    ------------   informacao   ------------ */

#texto #informacao
{
	position: relative;
	top: 1.3em ;
	padding: 0;
	margin: 1.3em 3.1em .8em 3.1em ;
	font-family:  Arial, sans-serif;
	font-size: 1.5em ;
	color: #fff;
}

#texto #informacao p
{
	margin: 0.3em .8em 0.3em 11.3em ;
	word-spacing: -0.1em ;
	font-style: italic;
	font-weight: bold;
	line-height: 1.2em ;
	color: #fff;
}

#texto #informacao p a
{
	text-decoration: underline;
	color: #A0A0A0;
	border-bottom: none 0px #009;
}

#texto #informacao p a:hover
{
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	background: #000;
	border-bottom: none;
}

/*    ------------   note   ------------ */

#texto #note
{
	position: relative;
	width: 95%;
	top: 1.9em ;
	/* background: #500;   */
	padding: 0;
	margin-left:0.1em ;  /* 55 */
	float: left;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size:  2em;  
	color: #C00;
	text-indent: .8em ;    

}


#texto #note h2
{
	font-weight: bolder;
	font-size: 1em ;
	font-family: sans-serif;
	letter-spacing: -0.1em ;
	
}

#texto #note h2:first-letter
{
	font-family: serif;
	font-size: 1.5em ;
}



/*    ------------   mainTexT   ------------ */
#texto #mainTexT
{
	position: relative;
	top: 3.8em ;
	width: 85%;
	bottom: auto;
	padding: .8em .8em 2.5em .8em ;
	margin-left: 1.5em ;
	font-family:  Arial, sans-serif;
	color: #fff;
	font-size: 1.4em ;
}

#texto #mainTexT h3
{
	margin-left: 2.0rem ;
	font-weight: bolder;
	font-size: 2.5rem ;
	font-family: serif;
	letter-spacing: -0.05em ;
}

#texto #mainTexT h3:first-letter
{
	margin-left: 0px;
	font-family: serif;
	font-size: 3.0em ;
}

#texto #mainTexT #hours h3
{
	font-weight: bold;
	font-size: 1.3em ;
	font-family:  Arial, sans-serif;
	letter-spacing: -0.05em ;
}

#texto #mainTexT #hours h3:first-letter
{
	font-family: serif;
	font-size: 2.0em ;
}

#texto #mainTexT #schdl h3
{
	font-weight: bold;
	font-size: 1em ;
	font-family:  Arial, sans-serif;
	letter-spacing: -0.1em ;
}

#texto #mainTexT #schdl h3:first-letter
{
	font-family: serif;
	font-size: 1.9em ;
}

#texto #mainTexT #oact h3
{
	font-weight: bold;
	font-size: 1em ;
	font-family:  Arial, sans-serif;
	letter-spacing: -0.1em ;
}

#texto #mainTexT #oact h3:first-letter
{
	font-family: serif;
	font-size: 1.9em ;
}
#texto #mainTexT a
{
	text-decoration: underline;
	border-bottom: none 0px #009;
	color: #00f;
}

#texto #mainTexT p a
{
	text-decoration: none;
	border-bottom: dotted 0.1em #009;
	color: fuchsia;
}


#texto #mainTexT p a:hover
{
	border-bottom: none;
	font-weight: bold;
	text-decoration: none;
	color: #0ff;
}

#texto #mainTexT  a:hover
{
	border-bottom: none;
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}


/*  ---------- tables hw  --------------- */
#texto table#hw
{
	table-layout: auto;
	width: 100%;
	border: inset 0.1em ;
	border-color: #009;
    margin-top: 2em;
	margin-bottom: 5em;
	font-size: 1.1em ;
	column-width: auto;
}

#texto table#hw th
{
	border: inset 0.1em ;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em ;
}

#texto table#hw tr:hover
{
	background-color: #669;
	color:#fff;
} 

	
#texto table#hw tr a
{
	color:papayawhip;
}

	
#texto table#hw tr a:hover
{
	color:yellow;
}
	
	
#texto table#hw td {
	border: inset 0.1em ;
	text-align: center; 
	}

/*  ---------- tables  info--------------- */
table#info th 
{
font-size: 1.1em ;
}


table#info
{
	table-layout: auto;
	width: 90%;
	border: inset 0.1em ;
	border-color: #909;
    margin-top: 2em;
	font-size: 1.1em ;
}

table#info td
{
	border: inset 0.1em ;
	padding: 0.2em 0.2em ;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em ;
}



/*  ---------- tables  info2--------------- */
table#info2 th 
{
font-size: 1.3em ;
}

table#info2

{
	table-layout: auto;
	width: 90%;
	border: inset 0.1em ;
	border-color: #909;
    margin-top: 2em;
	font-size: 1.1em ;
	
}

table#info2 td
{
	border: inset 0.1em ;
	padding: 0.2em 0.2em ;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em ;
}





/*  ---------- tables  office--------------- */
table#office
{
	border: inset 0.2em ;
border-color: #009;
width: 90%;
margin-top: 2em;
margin-left: 0em;
margin-bottom: 5em;
text-align: center; 
font-weight: lighter; 
font-size: 1em ;
}

table#office th 
{ 
border: inset 0.1em ;
background: #900;
text-align: center; 
font-weight: lighter; 
}

table#office td
{
	border: inset 0.1em ;
	text-align: center;
}

table#office td  a
{
	font-weight: bolder;
	color: #aaa;
}

table#office td  a:hover
{
	text-decoration: underline;
	color: #909;
}

/*  ---------- tables  classes--------------- */
table#classes
	{ 
border: inset 0.2em ;
border-color: #009;
width: 90%;
margin-top: 2em;
margin-left: 0em;
margin-bottom: 5em;
text-align: center; 
font-weight: lighter; 
font-size: 1em ;
}

table#classes th 
{ 
border: inset 0.1em ;
background: #900;
text-align: center; 
font-weight: lighter; 
}


table#classes td
{
	border: inset 0.1em ;
    border-color: #000;
    text-align: center;
	font-size: 1em ;
}

table#classes td  a
{
	font-weight: bolder;
	color: #c00;
}

/*  ---------- tables  moffice--------------- */
table#moffice
{ 
border: inset 0.2em ;
border-color: #900;
width: 90%;
margin-top: 2em;
margin-left: 0em;
margin-bottom: 5em;
text-align: center; 
font-weight: lighter; 
font-size: 1em ;
}

table#moffice th 
{ 
border: inset 0.1em ;
background: #990;
text-align: center; 
font-weight: lighter; 
}


table#moffice td

{
	border: inset 0.1em ;
    border-color: #000;
    text-align: center;
	font-size: 1.3em ;
}

table#moffice td  a
{
	font-weight: bolder;
	color: #aaa;
}

table#moffice td  a:hover
{
	text-decoration: underline;
	color: #009;
}


/*    ------------   footer   ------------ */
footer
{
	position: fixed;
	padding: .8em 0.3em 0.3em .8em ;
	top: 80%;
	left: 0.3em ;
	width: 23.1em ;
	letter-spacing: -0px;
	font-size: 10pt;
	font-weight: lighter;
	font-family:  Arial, sans-serif;
	color: black;   
}