body {
	/* font-family: 'Baloo Thambi 2', cursive; */
	font-family: Jura, Arial;
	font-size: medium;
	font-color: #272789;
	background: #fcfcfc; 	/* #c5c5c5; /*#6595A3;*/
	padding: 20px 20px;
	display: inline;
}
table,th,td { 
	border-collapse: collapse;
	font-size: medium;
	padding: 3px;
}
a:link, a:visited, a:hover {
	color: white;
	text-decoration: none;
}
a:active {
	color: #f0f0f0;
}
.corpo { overflow:hidden; z-index: -1;}
.compulsorio { border-color: #f02020;}
tr:nth-child(even){background-color: #afafaf;}
tr:hover { font-style: oblique;}
.asc:after  {  content: "\25B2"; }
.desc:after { content: "\25BC"; }
.button { background-color: #9898a5; width: 22px; height: 22px;  margin: 10px 10px 5px 5px;}
.button:hover { background-color: #afaff0; }
td.dados {
	white-space: nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
	max-width:250px;
	width: 20%;
	border-left: 1px solid;
	border-right: 1px solid;
}

table {
	width: 90%;
	display: block;
}
.tableBody {
	height: 100px;       /* Just for the demo          */
	overflow-y: auto;    /* Trigger vertical scroll    */
	overflow-x: hidden;  /* Hide the horizontal scroll */
}
.focus {
	color: #555;
	cursor: pointer;
	font-weight: bold;
}
.selected {
	color: #aaa;
	font-weight: bold;
}
.highlight {
	width: 40%;
	background-color: #394989; 
	color: #c0c0c0; 
	font-size: medium;
}
.highlight tr:nth-child(even){background-color: #436f8a; }
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.blink {
	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
	to {
		visibility: hidden;
	}
}
@-webkit-keyframes blink-animation {
	to {
		visibility: hidden;
	}
}
.detalhe {
	border: 1px solid;
	border-radius: 10px;
	z-index: 10;
	overflow-x:auto;
	opacity: 0.8;
}
.detalhe:hover {
	z-index: 1;
/*	background-color: rgba(0,0,0,0.4);*/
	height: 45%;
	overflow-x: visible;
	overflow-y: auto;
	opacity: 1;
}
/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}
.clear{
	clear: both;
	overflow: hidden;
	height: 0;
}
#all{
	width: 80%;
/*	min-width: 650px;*/
	margin: 40px auto 0 auto;
	background: #FCFFED;
	padding: 20px 35px;
}

h1{
	font-family: 'Sacramento' !important,cursive;
	color: #324143;
	text-align: center;
}

.p{
	font: medium tahoma, arial;
	color: #171F26;
	margin-bottom: 25px
}

a {
	color: #324143
}

a:hover{
	color: #7B8D3B
}
#copyright{
	width: 80%;
	min-width: 650px;
	margin: 0 auto;
	padding: 20px 35px;
	background: #B6C28B;
	font: small tahoma, arial;
	color: #324143
}

#copyright a{color: #324143}

#copyright a:hover{color: #171F26}
.imgScrollWrap {
	position:relative;
	width:200px;
	height:339px;
	border:1px #999 solid;
	overflow:hidden;
}
.imgScrollList {
	position:absolute;
	top:0;
	left:20px;
	width:560px;
	height:120px;
	overflow:hidden;
	z-index:1;
}
.imgScrollList ul {
	position:relative;
	width:200px;
	height:339px;
}
       
.imgScrollList li {
	float:left;
	width:200px;
	height:339px;
	overflow:hidden;
}
	       
.imgScrollList li a {
	float:left;
	margin:12px 6px;
	width:128px;
	height:96px;
	overflow:hidden;
}
			


#jsddm {
	margin: 0;
	padding: 0;
	position:sticky; 
	z-index: 1; 
}
#jsddm li {
	float: left;
	border-top-style: none; /*solid; */
	border-left-style: none;
	border-radius: 0px 15px 0px 0px;
	height: 35px;
	border-bottom-style: none; /* solid; */
	border-right-style: 3px solid white;  
	list-style: none;
	color: #000;
	font: medium Tahoma, Arial;
}
/*
#jsddm li:nth-child(1) { border-color: #636393; background-color: #7373a3; }
#jsddm li:nth-child(2) { border-color: #B5222D; background-color: #C5323D; }
#jsddm li:nth-child(3) { border-color: #D4953C; background-color: #e4a54c; }
#jsddm li:nth-child(4) { border-color: #609491; background-color: #70a4a1; }
#jsddm li:nth-child(5) { border-color: #87A248; background-color: #97b258; }
#jsddm li:nth-child(6) { border-color: #636393; background-color: #7373a3; }
#jsddm li:nth-child(7) { border-color: #9966FF; background-color: #a976FF; }
#jsddm li:nth-child(8) { border-color: #00705a; background-color: #00806a; }
#jsddm li:nth-child(9) { border-color: #636393; background-color: #7373a3; }
#jsddm li:nth-child(10) { border-color: #B5222D; background-color: #C5323D;}
#jsddm li:nth-child(11) { border-color: #D4953C; background-color: #e4a54c;}
#jsddm li:nth-child(12) { border-color: #609491; background-color: #70a4a1;}
#jsddm li:nth-child(13) { border-color: #87A248; background-color: #97b258;}
#jsddm li:nth-child(14) { border-color: #636393; background-color: #7373a3;}
#jsddm li:nth-child(15) { border-color: #9966FF; background-color: #a976FF;}
#jsddm li:nth-child(16) { border-color: #00705a; background-color: #00806a; }
#jsddm li:nth-child(17) { border-color: #636393; background-color: #7373a3; }
#jsddm li:nth-child(18) { border-color: #B5222D; background-color: #C5323D;}
#jsddm li:nth-child(19) { border-color: #D4953C; background-color: #e4a54c;}
#jsddm li:nth-child(20) { border-color: #609491; background-color: #70a4a1;}
#jsddm li:nth-child(21) { border-color: #87A248; background-color: #97b258;}
*/
#jsddm li a {
	display: block;
	padding: 5px 12px;
	text-decoration: none;
	margin: auto 0;
	width: auto;
	color: #EAFFED;
	white-space: nowrap
}
/*
#jsddm li:nth-child(1) a:hover { background: #636393 }
#jsddm li:nth-child(2) a:hover { background: #B5222D }
#jsddm li:nth-child(3) a:hover { background: #D4953C }
#jsddm li:nth-child(4) a:hover { background: #609491 }
#jsddm li:nth-child(5) a:hover { background: #87A248 }
#jsddm li:nth-child(6) a:hover { background: #636393 }
#jsddm li:nth-child(7) a:hover { background: #9966FF }
#jsddm li:nth-child(8) a:hover { background: #00705a }
#jsddm li:nth-child(9) a:hover { background: #636393 }
#jsddm li:nth-child(10) a:hover { background: #B5222D }
#jsddm li:nth-child(11) a:hover { background: #D4953C }
#jsddm li:nth-child(12) a:hover { background: #609491 }
#jsddm li:nth-child(13) a:hover { background: #87A248 }
#jsddm li:nth-child(14) a:hover { background: #636393 }
#jsddm li:nth-child(15) a:hover { background: #9966FF }
#jsddm li:nth-child(16) a:hover { background: #00705a }
#jsddm li:nth-child(17) a:hover { background: #636393 }
#jsddm li:nth-child(18) a:hover { background: #B5222D }
#jsddm li:nth-child(19) a:hover { background: #D4953C }
#jsddm li:nth-child(20) a:hover { background: #609491 }
#jsddm li:nth-child(21) a:hover { background: #87A248 }
*/
#jsddm li ul{
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
	opacity: 0;
}
	
#jsddm li ul li	{
	float: none;
	display: inline
}
	
#jsddm li ul li a {
	width: auto;
	background: #A9C251;
	color: #24313C}

#jsddm li ul li a:hover {background: #8EA344}

#jsddm > li:hover ul,#jsddm > li:hover ul li:hover ul {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}