html		{
                  background-color: #F6F6F6;
		  
		  background-repeat: repeat-x;
		}
body		{ font-family:	Candara, Arial, Helvetica, sans-serif;
		  font-size: 11pt;
		
		  color: black;
		  margin-top: 0px;
		}
#typeContainer	{ 
		  background-image: url('imgs/bot.gif');
		  background-repeat: repeat-x;
		  width: 100px;
		  height: 400px;
	 	  position: absolute; top: 0px; left: 0px;
		  padding-top: 5px;
		  margin-top: 5px;
		  visibility: hidden;
		  z-index: 1;
		}
#superContainer	{ font-family:	Candara, Arial, Helvetica, sans-serif;
		  font-size: 11pt;
                  background-color: #F6F6F6;
		  background-image: url('imgs/body_bg.gif');
		  background-repeat: repeat-x;
		  width: 800px;
		  color: black;
		  padding-top: 0px;
		  margin-top: 0px;
		  z-index: 2;
		}
img		{ border: 0px;
		}
video.non-downloadable::-webkit-media-controls-enclosure {
overflow: hidden;
}
video.non-downloadable::-webkit-media-controls-panel {
  width: calc(100% + 32px);
}

.blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 20px;
    margin-right: 20px;
}

.blockquote2 {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 10px;
    margin-right: 20px;
}

a		{ text-decoration: none;
		  color: darkgreen;
		}
b		{ color: #CC6633; }

h1		{ font-weight: bold;
		  font-variant: small-caps;
		  font-size: 12.1pt;
		  color: #FF6600;
		}
h2		{ font-weight: bold;
		  font-size: 11pt;
		  color: #FF6600;
		  margin-top: 15px;
		}
h3		{ font-weight: bold;
		  font-size: 11pt;
		  color: #555555;
		  margin-top: 15px;

		}
h4		{ font-weight: bold;
		  font-size: 11pt;
		  color: #FF6600;
		  margin-top: 15px;
		}
		
strong		{ color: black; font-weight: bold;
		} 

modalheader	{	font-weight: bold;
				font-variant: small-caps;
				font-size: 12.1pt;
				color: white;
		}
.colName	{ font-family: Candara, "Arial MT", Arial, Helvetica, sans-serif;
		  font-weight: bold;
		  font-size: 12.1pt;
		  color: #FF6600;
		}
.menuTable	{
		  margin-left: 5px;
		  margin-right: 5px;
		  text-align: left;
		  width: 780px;
		}

.menuRow	{ 
		  padding-top: 2px;
		  padding-bottom: 2px;
		  padding-right: 2px;
		  padding-left: 2px;
		} 

.menuCell	{ font-family: Candara, Arial, Helvetica, sans-serif;
		  font-size: 11pt;
		  font-weight: bold;
		  width: 72px;
		  color: #FFFFFF;
		  vertical-align: middle;
		}
.menuCell2	{ font-family: Candara, Arial, Helvetica, sans-serif;
		  font-size: 11pt;
		  font-weight: bold;
		  width: 90px;
		  color: #FFFFFF;
		  vertical-align: middle;
		}	
.menuLang	{ text-align: right;
		  font-family: Candara, Arial, Helvetica, sans-serif;
		  font-size: 7.7pt;
		  font-weight: normal;
		  font-style: italic;
		  color: #FFFFFF;
		  padding-top: 2px;
		  padding-bottom: 2px;
		  padding-right: 2px;
		  padding-left: 2px;
		}
.menuSep	{ text-align: center;
		  font-family: Candara, Arial, Helvetica, sans-serif;
		  font-size: 11pt;
		  font-weight: bold;
		  color: #CCCCCC;
		  padding-top: 2px;
		  padding-bottom: 2px;
		  padding-right: 2px;
		  padding-left: 2px;
		}
.langSep	{ text-align: right;
		  font-family: Candara, Arial, Helvetica, sans-serif;
		  font-size: 7.7pt;
		  font-weight: normal;
		  font-style: italic;
		  color: #FFFFFF;
		  padding-top: 2px;
		  padding-bottom: 2px;
		  padding-right: 2px;
		  padding-left: 2px;
		  padding-center: 2px;
		}
.menuCell a	{ color: #666666; }

#main		{ font-family: Candara, Arial, Helvetica, sans-serif;
		  font-size: 9.2pt;
		  color: black;
		  text-align: justify;
          background-color: #FFFFFF;
		  background-repeat: no-repeat;
		  background-position: top right;
		  margin-left: 5px;
		  margin-right: 5px;
		  margin-top: 10px;
		  border: solid 1px #EEEEEE;
		  padding: 10px;
		  box-shadow: 0px 3px 3px #CCCCCC;
		  z-index: 2;
		  min-height: 400px;
		  overflow: auto;
		}
#mainCenter		{ font-family: Candara, Arial, Helvetica, sans-serif;
		  font-size: 9.2pt;
		  color: black;
		  text-align: justify;
                  background-color: #FFFFFF;
		  background-repeat: no-repeat;
		  background-position: top right;
		  margin-left: 10px;
		  margin-right: 5px;
		  margin-top: 10px;
		  border: solid 1px #EEEEEE;
		  padding: 10px;
		  box-shadow: 0px 3px 3px #CCCCCC;
		  z-index: 2;
		  min-height: 400px;
		  overflow: auto;
		}
		
#mainLeft	{ font-family: Candara, Arial, Helvetica, sans-serif;
		  font-size: 9.2pt;
		  color: black;
		  text-align: left;
                  background-color: #FFFFFF;
		  background-repeat: no-repeat;
		  background-position: top right;
		  margin-left: 5px;
		  margin-right: 5px;
		  margin-top: 10px;
		  border: solid 1px #EEEEEE;
		  padding: 10px;
		  box-shadow: 0px 3px 3px #CCCCCC;
		  z-index: 2;
		  min-height: 400px;
		}
#cat_div	{ font-family: Candara, Arial, Helvetica, sans-serif;
		  font-size: 9.2pt;
		  color: black;
		  text-align: justify;
		  background-repeat: no-repeat;
		  background-position: top right;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-top: 10px;
		  border-top: solid 1px #EEEEEE;
		  box-shadow: 0px 3px 3px #CCCCCC;
		  z-index: 2;
		  min-height: 400px;
		}
#zoo_div	{ font-family: Candara, Arial, Helvetica, sans-serif;
		  font-size: 9.2pt;
		  color: black;
		  text-align: justify;
		  background-color: #FFFFFF;
		  background-repeat: no-repeat;
		  background-position: top right;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-top: 10px;
		  border-top: solid 1px #EEEEEE;
		  box-shadow: 0px 3px 3px #CCCCCC;
		  z-index: 2;
		  min-height: 400px;
		  overflow: auto;
		}
#zoo_div input	{ font-size: 7.7pt; }
#zoo_div .sciname { font-style: italic }
#zoo_div label	{ font-weight: bold; color: #708090;; font-size: 7.7pt; }
#zoo_div .detTab	{ border: none; width: 90% }
#zoo_div .detTab th	{ border-bottom: 1px solid #eeeeee; text-align: left; font-weight: bold; color: #CC6633; white-space: nowrap; }

#foot		{ font-family: Candara, Arial, Helvetica, sans-serif;
		  font-size: 7.7pt;
		  color: #666666;
		  text-align: center;
		  margin-left: 5px;
		  margin-right: 5px;
		  margin-top: 3px;
		}
img.fotoLeft
	{ margin-right: 10px;
	  margin-left: 0px;
	}
img.fotoCenter
	{ margin-right: 30px;
	  margin-left: 80px;
	}
img.fotoRight
	{ margin-right: 0px;
	  margin-left: 10px;
	}
.photoCredit
	{ font-size: 7.7pt;
	  color: #444444;
	}
.aviso	{ font-size: 9.2pt;
          color: maroon;
	  font-style: italic;
	  border: 2px solid #FF0000;
	  padding: 5px 5px 5px 5px;
	  margin-left: 150px;
        }
		
.aviso2	{ color: red;
	  	  border: 2px solid #FF0000;
		  padding: 5px 5px 5px 5px;
		  margin-left: 100px;
        }

.citacao { 
	  font-size: 9.2pt;
	  font-style: italic;
	  border: 2px solid grey;
	  padding: 5px 5px 5px 5px;  
	  display: block;
          margin-top: 1em;
          margin-bottom: 1em;
         }
.citacao2 { 
	  font-size: 11pt;
	  font-style: italic;
	  border: 2px solid grey;
	  padding: 5px 5px 5px 5px;  
	  display: block;
          margin-top: 1em;
          margin-bottom: 1em;
	  margin-left: 160px;
          margin-right: 20px;
         }		 
		 
	
#imgShadow	{ box-shadow: 3px 3px 2px #666666 }

tr	{ vertical-align: top }
td	{ font-size: 9.2pt;
	}

/* style for forms */
.form_table	{ background-color: #F6F6F6;
		  width: 90%;
		}
.form_table td	{ font-size: 9.2pt; text-align: left; }
.form_table td	input { font-size: 11pt; color: maroon; font-weight: bold; font-family: Courier New, fixed; }
.form_table td	textarea { font-size: 11pt; color: maroon; font-weight: bold; font-family: Courier New, fixed; }

.required_field
        { font-weight: bold;
          color: #FF0000;
        }
.th2		{ font-weight: bold;
		  font-size: 11pt;
		  color: #FF6600;
		  background-color: #F0F0F0;
		  margin-top: 3px;
		  margin-bottom: 3px;
		}
.th3		{ font-weight: bold;
		  font-size: 11pt;
		  color: #CC6633;
		  margin-top: 15px;
		  background-color: #F0F0F0;
		}

.MSbanner	{ background-image: url('imgs/bannerMS_bg.gif');
		  background-position: center;
		  background-repeat: no-repeat;
		  width: 100%;
		  height: 30px;
		  margin: 0px 0px 0px 0px;
		}
/* to manage images with legend */

.picture        { background-color: #FFFFFF;
                  border: 0px solid #CCCCCC; padding: 3px 3px 3px 3px;
                  font-size: 7.7pt;
		  color: #444444;
		  font-weight: bold;
                  font-family: Candara, Arial, Helvetica, sans-serif;
                  text-align: center;
                }
.picture img { border: 0px solid #FFFFFF; vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }

/* Scroll 1 */
.sc1::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.sc1::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
.sc1::-webkit-scrollbar-thumb {
  background-color: #dfdfdf;
  border-radius: 10px;
}
.rounded	{
	border-radius:.25rem!important
	}