/* ========================================================== Fonts ========================================================== */
@font-face
{
font-family: 'PT Sans Narrow';
src: url('fonts/PT_Sans-Narrow-Web-Regular.ttf');
}

@font-face
{
font-family: 'PT Sans Narrow';
src: url('fonts/PT_Sans-Narrow-Web-Bold.ttf');
font-weight: bold;
}

@font-face
{
font-family: 'PT Sans Narrow';
src: url('fonts/PT_Sans-Narrow-Web-Regular.eot');
}

/*@font-face
{
font-family: 'PT Sans Narrow';
src: url('fonts/PT_Sans-Narrow-Web-Regular.woff');
}*/

/* ========================================================== Media ========================================================== */

@media screen and (max-width:1082px){  /* Landscape phone to portrait tablet */
	body #header > div {width:100%; font-size:85%;}
	body #main {width:100%;}
	body #footer {width:100%;}
	body #main #central {width:auto;}
}

@media screen and (max-width:890px){  /* Landscape phone to portrait tablet */
	body #footer div.goto, body #footer div.logos {width:auto;}
	body #footer section > div {flex-flow:column; align-items:center;}
	.left_menu {position:absolute; left: -3000px;}
}

@media screen and (max-width:675px){  /* Landscape phone to portrait tablet */
	body #main {flex-flow: column;}
	body #main #central {width:100%;}
	body #main #direita { width:auto; max-width:none; margin:0.5em;}
	body #main #direita ul { flex-flow:row wrap;}
	body #main #direita li {width:200px;}
	
}

@media screen and (max-width:500px){  /* Portrait phone to landscape phone */
	body #header {margin:auto;}
	body #header .pslide {display:none;}
	body #header #logo h3 {text-align:center;}
	body #header div {flex-flow:column; justify-content:center; width:100%; align-items:center;}
	body #header #top_menu {justify-content:center;}
}

@media screen and (max-width:450px){  /* Portrait phone to landscape phone */
	body #main #central .news ul {flex-flow:column; align-items:center;}
	body #main #central .news li {max-width:312px;}	
	body #main #direita li {max-width:312px; width:auto;}
	body #main #central .others ul {flex-flow:column; align-items:center;}
	body #main #direita ul {flex-flow:column; align-items:center;}
}

/* ============================================================= Elements ============================================================*/
/*=============================================== body and generics ======================================*/
body {
	margin: 0;
	padding:0;
	background: #fff;
	font: normal 100% 'PT Sans Narrow';
	text-align:justify;
}

li { text-align:left;}
.center li {text-align:center;}

a {text-decoration:none; color:#006699;}
a:hover {font-weight:600;}

/*h4 {padding: 3px 0px; background-color: #ccc; color:#000; width:100%; border-radius: 0px 0px 4px 4px; 
margin-top:0px; text-shadow:0 1px 0 rgba(0,0,0,0.7); font-weight:normal; 
}*/

h2 {padding: 3px 0px; background-color: #ccc; color:#000; width:100%; border-radius: 0px 0px 4px 4px; 
margin-top:0px; text-shadow:0 1px 0 rgba(0,0,0,0.7); font-weight:normal; 
}

.special {padding:20px;}
.browser {padding:20px; margin:20px; float:left; width:40%;}
.ucase {text-transform:uppercase;}
.zoom {position:absolute; opacity:0.5; z-index:10; width:50%; left: 50%; margin-right: -50%; transform: translate(-50%, 50%); transition:0.5s;}
.alerta { text-transform:uppercase; font-weight:bold;}
/*li.nogap {padding: auto;}*/
.disperse {display:flex; flex-flow:row wrap;}
.dispersev {display:flex; flex-flow:column; align-items:center;}
.fullspace {width:100%;}
.fullspace > div, .fullspace > figure {width:48%; margin:initial;}
.ident {margin-left:12px;}
h5, .topico { color: #336633; font-size:110%; text-transform:uppercase; margin:12px 0; font-weight:bold;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.orange {color:orange;}
.bgred {background-color:red; color:white;}
.bgreen {background-color:green; color:white;}
.bblue {background-color: blue; color:white;}
.byellow {background-color: yellow; color:black;}
.big {font-size:70%;}
.legenda {list-style:none;}
.destaque {color:white; background-color:black;}
hr {border:0px; height:1px; background-color:#999;}
.line {border-bottom:1px solid #333;}
.normal { font-weight:normal;}
.topic2{
	color: #666;
	/*text-transform: uppercase;*/
	font-weight:bold;

}
.left {float:left; margin-right:12px;}
figure {margin:0; width:min-content;}
div > img {max-width:100%; flex:1;}
img:not(.tiny):not(.nov) {border-radius:8px;}
h3 {color:#0066CC; text-transform: uppercase;}
.up {text-transform:uppercase; font-weight:bold;}
.pop * {text-transform:uppercase; color: #990000;}
.pop:hover {font-weight:bold; }
.noborder {border:none; display:block;}
.topic {text-transform:uppercase;  font-weight:600;}
.small {font-size:80%;}
.center {text-align:center;}
.justify + p {text-align:justify;}
.bottom {margin-top:auto; flex:1;}
.pair {display:flex; justify-content:space-between; align-items:flex-start; flex-flow:row wrap;}
.pair strong {padding-left:12px;}
.pair img {flex:0;}
fieldset:not(.fields):not(.noborder) {border:1px solid #ccc; border-radius:4px; display:flex; flex-flow:row wrap;}
fieldset legend {border:1px solid #ccc; padding: 0 1em; border-radius:4px;}
fieldset > div {width:48%; margin:0; display:inline-block;}
.expand {display:none; margin-left:1em; border:0; cursor:pointer; width:32px; height:32px;}
.mais {text-align:center; width:100%; margin-bottom:0; margin-top:auto;}
.mais a {background-color: #999 ; color: #fff; padding: 4px 1em 0px; border-radius: 4px 4px 0px 0px; transition:0.2s; font-weight:normal;}
.mais a:hover {background-color: #666;}
.spacer {height:5em;}
.nov{
	position:absolute;
	top:0px;
	left:0px;
	transform:rotate(-90deg);
}
/*========================================================================================================*/
/*====================================== SPECIAL ==========================================================*/

/*=========================================================================================================*/
/*===================================== HEADER ============================================================*/
#header{
	margin:0;
	padding: 0.5em;
	padding-bottom:0;
	background-color: #fff;
	margin: 1em auto 0.5em auto;
	color:#000;
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:center;
}

#header > div {display:flex; width:1080px; justify-content:space-between;}
#header #logo{display:flex; flex-flow: column; justify-content:center; /*align-content:center;*/ position:relative; z-index:200; }
#header #logo img { flex:none; border:none;filter: drop-shadow(3px 3px 2px rgba(66,66,66,0.5)); filter: drop-shadow(3px 3px 2px rgba(66,66,66,0.5)); margin-right: auto; max-width:300px;}
#header #top_menu {order:1; display:flex; flex-flow: row wrap;  justify-content:flex-end; list-style:none; margin-top:0px; padding:0;font-size:0.75em; float:right;} /*margin-bottom:auto;*/
#header #top_menu li {margin: 0 4px; padding:0 4px; transition:0.2s; float:left;}
#header #top_menu a {color: #000; transition:0.2s;}
#header #top_menu a:hover {font-weight:bold;}
#header_right {display:flex; flex-flow: column; align-items:flex-end; margin-bottom:auto; position:relative; z-index:200;}
#searchbox {order:2; margin-bottom:1em; display:flex; float:right; clear:both;} 
#searchbox input[type="text"] {color:#ccc; border-radius:2px; border:1px solid #999; padding: 0 4px;} 
#searchbox input[type="button"] {background: linear-gradient(#333,#336633); height:26px; width: 4em; color:white; border-radius: 4px; transition:0.2s; border:1px solid #336633;} 
#searchbox input[type="button"]:hover {background:linear-gradient(#333,#000); cursor:pointer; } 
#searchbox input[type="image"] { height:26px; border-radius: 4px; transition:0.2s; border:none;} 
#searchbox input[type="image"]:hover {} 
#searchbox input[type="text"]:hover, #searchbox input[type="text"]:focus {color:#333;}
/*#searchbox:focus:after {content: attr(data-text) ": ";}*/
#logo h3 { color: #333; text-transform:uppercase; font-size:90%; margin:0;}/*text-shadow:2px 2px 2px rgba(3,3,3,0.7);*/
#logo h3 > span#part1 {color: #009900; font-size:140%;}
#logo h3 > span#part2 {color: #0066CC; font-size:140%;}

#logo h1{ color: #333; text-transform:uppercase; font-size:90%; margin:0;}
#logo > span span#part1 {color: #009900; font-size:110%; text-transform:uppercase; font-weight:bold;}
#logo > span span#part2 {color: #0066CC; font-size:110%; text-transform:uppercase; font-weight:bold;}
/*=========================================================================================================*/
/*============================================ MAIN PAGE ===================================================*/
#main{
	display:flex;
	/*position:relative;*/
	flex-flow:row wrap;
	/*order:2;*/
	justify-content:center;
	align-items:stretch;

	/*padding-top:1em;*/
	color:#999;
	margin: 1em auto 0.5em auto;
/*	margin:0.5em;*/
	width:1080px;

}
/*=========================================================================================================*/
/*============================================== FOOTER ===================================================*/
#footer{
	margin: 0px auto 0px auto;
	width:1080px;
	background-color:#333;
	color:#000;
}

#footer p {margin: 2px 8px; font-size:0.8em; color:#eee; text-align:center;}


#footer .goto, #footer .logos {
	display:flex;
	flex-flow:row wrap;
	/*width:65%;*/
	float:left;
	font-size:80%;
}
#footer .logos {
	width:30%;
}
#footer .logos ul{
	padding:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
	align-content:flex-start;
}

#footer .logos ul li{
	margin:0.3em;
	position:relative;
	min-height:60px;
	min-width:60px;
	max-width:70px;
}
#footer .logos img{ border-radius:4px;  transition:0.2s; width:97%; position:absolute; left:0; top:0; }
#footer .logos img:hover{width:100%;}
#footer .logos .big {width:100%; max-width:130px;}
#footer section {padding:0 8px;}
#footer section > div {display:flex; flex-flow: row wrap; justify-content:space-between;}
#footer a {text-decoration:none; color:#fff;}
#footer a:hover { color:#ccc; font-weight:normal;}
#footer h4 {padding: 3px 0px 3px 1em; text-align:left; width:10em;}
#footer h2 {padding: 3px 0px 3px 1em; text-align:left; width:10em;  font-size:80%;}
/*=========================================================================================================*/
/* ============================================= MAIN MENUS ===============================================*/
/*.main_ipHide {position:absolute; left:-9999px; display:none;}*/
#main_resetlabel {display:none;}
#main_menutoggle {display:none;}

#main_menuwrap {width:100%; position:relative; margin:0 auto 0 auto;}
#main_menu {padding:0; margin:0; list-style:none; width:100%;}
#main_menu li {display:block; display:inline-block; text-align:left;}
#main_menu li > a { transition:0.4s;display:block; font:normal 16px/40px 'PT Sans Narrow'; color:#000; text-decoration:none; padding:0 30px 0 30px; border-radius:5px 5px 0 0; text-transform:uppercase;}
#main_menu li > span { transition:0.4s; display:block; font:normal 16px/40px 'PT Sans Narrow'; padding:0 30px 0 30px; border-radius:5px 5px 0 0; position:relative; cursor:pointer; text-transform:uppercase;}
#main_menu li > span:before {content:""; display:block; width:5px; height:5px; border:2px solid #333;  border-color:transparent #333 #333 transparent; border-width:0 2px 2px 0; position:absolute; left:10px; top:13px;
transform:rotate(45deg);
transition:0.5s;
}
#main_menu li > span label {display:block; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
#main_menu li > span label.main_opensub {}
#main_menu li > span label.main_closesub {display:none;}
#main_menu li > a:hover,
#main_menu li > span:hover {background-color: #ccc;}

#main_menu li div { box-shadow:0px 8px 10px rgba(0,0,0,0.4); width:100%; max-height:0; overflow:hidden; position:absolute; left:0; background: #ccc; text-align:center; border-radius:0 0 5px 5px; z-index:1000;}
#main_menu li div dl {padding:0; margin:0; width:250px; margin:0.5%; display:inline-block; vertical-align:top; text-align:left;}
#main_menu li div dl dt {display:block; font:normal 16px/35px 'PT sans narrow'; background-color: #666; color:#fff; padding:0 10px; text-transform:uppercase;}
#main_menu li div dl dd {padding:0; margin:0;}
#main_menu li div dl dd a {display:block; font:normal 16px/30px 'PT sans narrow'; color:#000; text-decoration:none; padding:0 10px; text-transform:uppercase;}
#main_menu li div dl dd a:hover {background-color: #999; color:#fff;}

#main_menu input[id*="main_div"]:checked + span {background: #ccc;}
#main_menu input[id*="main_div"]:checked + span:before {top:17px;
transform:rotate(-135deg); 
}

#main_menu input[id*="main_div"]:checked + span label.main_closesub {display:block;}
#main_menu input[id*="main_div"]:checked ~ div {max-height:800px; padding:20px 0;
transition:0.5s;
}


/*#menu {list-style:none; display:flex; flex-flow:row; margin:0; padding:0; font-size: medium;}
#menu li { text-transform:uppercase; padding:0px;  margin-left:4px; position:relative;}
#menu li p {cursor:pointer; margin:0; padding:10px; border-radius:4px 4px 0px 0px; transition:0.5s; color:#333; text-shadow:0 1px 0 rgba(0,0,0,0.7);}
#menu p.hasSub:before {content:""; display:block; width:6px; height:6px; border:2px solid #333;  border-color:transparent #333 #333 transparent; border-width:0 2px 2px 0; 
position:absolute; left:2px; top:14px;
transform:rotate(45deg);
transition:0.5s;
}

#menu label {display:block; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
#menu .resetlabel {display:none;}

#menu li:hover p:hover {background-color: #FFCC33; color:#990000;}
#menu li:hover p.hasSub:before { border-color:transparent #990000 #990000 transparent;}
#menu input.menu:checked + p ~ div { max-height:5000%;}
#menu input.menu:checked + p .resetlabel {display:block;}

#menu div {font-weight:normal; text-transform:none; max-height:0px; box-shadow:0px 4px 10px rgba(0,0,0,0.4);flex-flow: row; display:flex; justify-content:space-around;
position:absolute; top: 40px; background-color: #FFCC33; border-radius:0px 0px 8px 8px; z-index:20;  transition:0.4s; opacity:0.9; overflow:hidden;}
#menu div dl {min-width:200px; margin:10px;}
#menu div dt {background-color:#990000; color:#fff; border-radius:4px 4px 0px 0px; padding:4px; font-weight: normal; 
text-transform:uppercase; font-size: medium; text-align:center;}
#menu div dd {display:flex; flex-flow:column; margin-left:0; transition:0.3s;}
#menu div dd a {color: #000; padding:4px; transition:0.3s; text-transform:uppercase;}
#menu div dd a:hover {background-color: #FF9900; color:#000; }
#menu div dt.expand { width:206%; position:relative; z-index:10;}
#menu div dl#large {min-width: 350px;}
#menu div dl#large .large{ display:flex; flex-flow:row; max-height:100%; box-shadow:none; position:inherit; justify-content:flex-start;}
#menu div dt.ghost:after{content:"<br>";}
#menu input {display:none;}
#menu .subs {width:auto; height:auto; position:inherit; cursor:default;}

#menu input.menu:checked + p:before {transform:rotate(-135deg); border-color:transparent #990000 #990000 transparent;}
#menu input.menu:checked + p {background-color: #FFCC33; color:#990000;}
#menu_reset {display:none;}
*/
/*==============================================================================================*/

#direita{
	order:3;
	/*float: right;*/
	max-width:200px;
	width:200px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:8px 0px 0px 8px;
	/*box-shadow:-5px 5px 10px rgba(0,0,0,0.4);*/
	/*margin:0.5em;*/
	text-align:center;
	float:left;
	clear:right;
}

#direita ul, .left_menu ul.bannersInst {list-style:none; padding:0; display:flex; flex-flow:column;}
#direita ul li, .left_menu ul.bannersInst li {position:relative; margin:0.18em;}
/*#direita ul li.big {width:100%; max-width:200px; }*/
#direita ul li img, .left_menu ul.bannersInst li img { border-radius:4px; width:97%; transition:0.2s; box-shadow:5px 5px 10px rgba(0,0,0,0.4); }
#direita ul li img:hover, .left_menu ul.bannersInst li img:hover {opacity:0.9;}

#central{
	background:#fff;
	order:2;
	display:flex;
	flex-flow:column;
	flex:1;
	float:left;
	width:500px;
}

 
#esquerda { order:1; display:flex; flex-flow:column; max-width:350px; align-content:stretch;}

#destaques{
 max-width:200px;
 border-radius:0px 8px 8px;
 margin:0.5em;
/* min-width:320px;*/
 display:flex;
 flex-flow:column wrap;
 justify-content:flex-start;
/* align-items:flex-start;*/
 align-content:flex-start;
 flex:1;
 order:1;
 /*border:1px solid #FF9933;*/
 background-color: #eee;/*rgba(255, 204, 102, 0.62);*/
 float:left;
}

#bottomc{
 width:100%;
 display:flex;
 flex-flow:row wrap;
 justify-content:space-around;
 align-items:flex-start;
 }

.content {/*border: 1px solid #ccc; border-radius:0px 8px 8px;*/ margin:0 0.5em; flex:1; color:#333;}
.content div.inner {padding:0.5em; display:flex; justify-content:space-between; flex-flow:row wrap;}
.content div.innercol {padding:0.5em; display:flex; justify-content:space-between; flex-flow:column;}
.content div.inner > div:not(#orga) {flex:1 0 42%; margin:0.5em;}
.content div.inner > div:not(#orga) { width:45%;}

.news {border-bottom: 1px solid #ccc; min-height:15em; margin:0 0.5em;  order:2; flex: 1 0 40%; display:flex; flex-flow:column;}/*border-radius:0px 8px 8px;*/
.news ul{ list-style:none; padding:4px; display:flex; flex-flow:row wrap; margin:0;}
.news ul li { display:flex; flex-flow:column; margin:8px; align-items:flex-start; transition:0.5s; overflow:hidden; 
border-radius:4px; padding: 4px; position:relative; flex: 1 0 20%; min-width:180px; max-width:180px; float:left;}
.news ul li .nimg {margin:2px; border-radius:6px; order: 1; width:100%; max-height:100px;}
.news ul li a{ text-decoration:none; color:#333; margin-bottom:0;}
.others ul li span { text-decoration:none; color:#333; }
.news ul li span {text-decoration:none; color:#333; margin-left:2px; display:flex; flex-flow:column; order:2;}
.news ul li span.dataev{ color:#990000;}
.news ul li:hover { background-color: #eee;}
.others {margin:0.5em; border: 1px solid #ccc; border-radius:0px 8px 8px; order:3;display:flex;  flex-flow:column;}
.others ul {display:flex; flex-flow:row wrap; list-style:none; padding-left:4px;}
.others ul li {display:flex; flex-flow:row; border-radius:4px; padding:4px;transition:0.5s;  position:relative; flex: 1 0 30%; min-width:200px; max-width:200px;}
.others ul li a{ color:#333;}
.others ul li .nimg {border-radius:8px; margin:2px; height:48px; width:48px;}
.others ul li:hover {background:#eee;}
.news h2,.others h2, #destaques h2, .content h2 { width:10em; padding: 3px 0px 3px 1em; border-radius: 0px 0px 8px; margin-top:0px; text-transform:uppercase; font-size:80%; }
/*.content h4 {background-color:#000; color:#fff;font-size:80%; }*/
.content h2 {background-color:#000; color:#fff;font-size:80%; }
/*.news h4 {background-color:#eee; color:#000;}
#destaques h4 {background-color: #eee; color:#000;}*/
#box h4 {background-color: #000000;color:#fff;}
#box .top {background-color: #990000;color:#fff;}

#box {
	margin-bottom:0.5em;
	/*max-height:265px;*/
	min-width:300px;
	width:98.5%;
	/*overflow:  hidden;*/
/*	height:200px
	background: linear-gradient(#eee,#fff) ;;*/
	border:1px solid #ccc;
	border-radius:0px 8px 8px;
/*	box-shadow:2px 2px 5px rgba(0,0,0,0.4);
	align-self:left;*/
	flex:1;
	/*padding: 4px;*/
}

#box .first {/*height:30em;*/}

#box h4{ width:10em;  padding: 3px 0px 3px 1em; border-radius: 0px 0px 6px; margin-top:0px; } 
/*text-align:center; color:#FF9900; margin-top: 0;*/

ul.link-list{
	width:160px;
}

ul.link-list li {
	list-style:none;
	border-top: solid 1px #ced0b7;
	padding: 0.75em 0 0 0;
	margin: 0.75em 0 0 0;
}

ul.link-list li:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: 0;
}


/*#splash {position: fixed; z-index:200; padding:0; display:flex; flex-flow: row; justify-content: center; width:100%; margin: 12% auto; }
#splash img {opacity:0.9; width:100%; border:1px solid #333; margin:0; padding:0; max-width:600px; order: 1;}
#splash #close {display:none; position:absolute;}
#splash .popup {cursor:pointer; order: 2;  background:#000; border-radius:250px; z-index:100; width:16px; height:16px; text-align:center; font-weight:bold;  border:1px solid #999; padding:3px; line-height:1em; color:#fff;}
#splash .popup:hover {background:#eee; color:#000;}
#splash .popup img {opacity:1; position:absolute; top:-10px; z-index:205; width:32px;}
#splash input:checked ~ a {display:none;}
#splash input:checked + label {display:none;}*/
#splash {position: fixed; z-index:200; margin: 0 auto; padding:0;  left: 50%; margin-right: -50%; transform: translate(-50%, -15%); border-radius:8px;}
#splash img {opacity:0.9; float:left; max-width:100%;  border:1px solid #333; margin:0; padding:0;} /*border-radius:16px;*/
#splash img.linha {opacity:0.9; position:absolute; z-index:-1; max-width:100%; margin:0; padding:0;} /*border-radius:16px;*/
#splash p {padding:20px;}
#splash h3 {padding: 0 20px;}
#splash a {float:left;}
/*#splash #close {opacity:1; position:absolute; top:-10px; left:100%; z-index:100; width:32px; }*/
#splash #close {display:none; position:absolute;}
.popup {cursor:pointer; background:#000; border-radius:250px; border:1px solid #666; position:absolute; top:-8px; right:-8px; z-index:205;  width:16px; height:16px; text-align:center; font-weight:bold;  padding:3px; line-height:1em; color:#fff; transition:0.3s;}
.popup img {opacity:1; }
.popup:hover {background:#eee; color:#000;}
#splash input:checked ~ * {display:none;}
#splash input:checked ~ video {animation-play-state: paused;}
#splash input:checked ~ img {display:none;}
#splash input:checked + label {display:none;}

.important {display:flex; flex-flow:column; list-style:none; padding:0; margin:0;}
.important > li {min-width:140px;  margin:0.4em; border-radius:8px; transition:0.2s;
 background-color:#fff; color: #333; padding:0.6em; padding-top:0;}
.important > li ul {padding-left:25px;}
.important > li ul li { list-style-type:square;}
.important > li ul li a { color: #006699;  }
.important > li ul li a:hover { font-weight:600; }
/*.important li:hover .title {background-color: #FFCC00;}
.important li:hover {border:1px solid #FFCC00; cursor:pointer;}*/
.important > li .title { padding: 0.2em; color: #990000; font-weight:bold; margin:0; font-weight:bold; transition:0.2s; text-transform:uppercase; margin-bottom:1em;}
 /*box-shadow:5px 5px 10px rgba(0,0,0,0.4);flex-shadow:5px 5px 10px rgba(0,0,0,0.4);*/
 
ul.submen:before{
    content: ' ';
    display: block;
    position: absolute;
    left: -8px;
	top:10px;
    width: 14px;
    height: 14px;
    border-color: #999;
    border-width: 1px;
    border-style: solid solid none none;
    background-color: #fff;
  /*  box-shadow: -2px 2px 3.5px rgba(0, 0, 0, .5);*/
    transform: rotate(-135deg);
}

ul.listaH {padding:0; list-style:none; display:flex; flex-flow:row wrap; justify-content:space-between;}
ul.listaH li {flex:1; margin:auto;}

div.caixa {background-color: rgba(255, 204, 0, 0.36); color:#000; padding: 4px 12px; border-radius:8px; /*max-width:250px; float:right; margin:8px;*/ box-shadow:0px 8px 10px rgba(0,0,0,0.4); }
div.caixa span {color:red; font-weight:bold; text-transform:uppercase;}
p.caixa {background-color: #ddd; color:#000; padding: 4px 12px; border-radius:8px; font-weight:bold;}
p.simple {font-weight:normal;}


/*==================================== TABS ===================================================*/
.tabmenu {padding:0 8px; margin:0; margin-top:12px; margin-right:8px; list-style:none; border-bottom:1px solid #aaa; background-color:#fff; display:flex; position:relative; z-index:2; flex-flow:row wrap;}
.tabmenu li {float:left; margin-right:2px; text-align:center;list-style:none; position:relative; top:1px; order:0;}
.tabmenu li a, .tabmenu li label { display:block; height:40px; color:#000; float:left; text-decoration:none; padding:0 15px; text-decoration:none; background:#aaa; border:1px solid #aaa; border-bottom:0;
/*text-shadow: -1px -1px 6px rgba(255, 255, 255, 0.6), -1px -1px 1px #fff;*/
border-top-right-radius:8px;
border-top-left-radius:8px;
background-color:#eee;
/*background-image: gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.4)), color-stop(30%,  rgba(255, 255, 255, 0.2)));*/
background-image: linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8));
}
/*.floater {position:relative; top: -8px;}*/
.tabmenu li a div, .tabmenu li label span {padding-top:3px; line-height:1em;}
.tabmenu li a:hover, .tabmenu li.current a, .tabmenu li label:hover {background:#fff; color:#000;
/*text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000;*/
text-decoration:none;
/*background-image: gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.4)), color-stop(30%,  rgba(255, 255, 255, 0.2)));*/
background-image: linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0));
}
.tabmenu li.current a{ font-weight:bold;height:41px;}
.tabmenu:not(.onetab) li.current {order:100;}

.choose, .choose ~ div.tab {display:none;}
.tabmenu label {cursor:pointer;}

#i1.choose:checked ~ ul.tabmenu > li#c1 label, #i2.choose:checked ~ ul.tabmenu > li#c2 label, #i3.choose:checked ~ ul.tabmenu > li#c3 label, #i4.choose:checked ~ ul.tabmenu > li#c4 label, #i5.choose:checked ~ ul.tabmenu > li#c5 label, #i6.choose:checked ~ ul.tabmenu > li#c6 label{ font-weight:600; height:41px; background:#fff; color:#000;/*text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000;*/ text-decoration:none;
/*background-image: gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.4)), color-stop(30%,  rgba(255, 255, 255, 0.2)));*/
background-image: linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0));}
#i1.choose:checked ~ div#d1, #i2.choose:checked ~ div#d2, #i3.choose:checked ~ div#d3, #i4.choose:checked ~ div#d4, #i5.choose:checked ~ div#d5, #i6.choose:checked ~ div#d6{display:block;}
#i1.choose:checked ~ ul.tabmenu > li#c1, #i2.choose:checked ~ ul.tabmenu > li#c2, #i3.choose:checked ~ ul.tabmenu > li#c3, #i4.choose:checked ~ ul.tabmenu > li#c4, #i5.choose:checked ~ ul.tabmenu > li#c5, #i6.choose:checked ~ ul.tabmenu > li#c6 {}
/*=============================================================================================*/

.openbox {
	border-left:1px solid #aaa; 
	border-right:1px solid #aaa; 
	border-bottom:1px solid #aaa; 
	border-top:1px solid #aaa;
	padding:8px;
	border-radius: 0px 0px 4px 4px;
	position:relative;
	top:-1px;
	width:96%;
}

.content > h3 {margin-left:12px;}
#footer h3 {color:#fff;}


.fields {
	border:1px solid #999;
	border-radius: 4px;
	float:right;
	box-shadow: 2px 2px 5px  rgba(0, 0, 0, 0.5);
	position:relative;
	top:-30px;
	padding: 0 8px 12px;
	width:min-content; 
}
.button{
	text-decoration:none;
	color:#0099CC;
	font-weight:bold;
	text-transform:uppercase;
	padding: 4px;
	
}

.button:hover{
color:#333;
}

.uo {display:flex; flex-flow:row wrap; justify-content:space-between;}
.uo * {flex: 1 0 48%; min-width:240px;}
.colorize {color:#669933;}

.close {justify-content:flex-start;}
.new:after {content:"NOVO"; border-radius:200px; background-color:#FF3300; color:white; font-weight:bold; font-size:50%; margin-left:4px; padding:4px; font-stretch: ultra-condensed;}
#context {position:relative;}
#context .menu { position:absolute; right:-15px; top:-34px; transition:0.3s; border:none; z-index:20; border-radius:4px;}
#context .menu p:first-child {background-color:#669933; color:white; transition:0.3s; 
display:inline;border:1px solid #ccc; padding: 0 1em; border-radius:4px; left: -8px; top:0px; position:relative;}
#context input {display:none;}
#context .menu ul, #context .menu span {display:none;}
#context .menu label {cursor:pointer;}
#context #menuC:checked + .menu ul, #context #menuC:checked + .menu span { display:block;}
#context #menuC:checked + .menu {height:auto;box-shadow:0px 8px 10px rgba(0,0,0,0.4); border:1px solid #ccc;  background-color:white; right:0px;}
#context #menuC:checked + .menu p.topic {left:4px; top:-10px;}
#context #menuC:checked + .menu p.topic label {content: "MENOS"}
#context .menu p:first-child:hover {background-color:white; color:#333;}
/*#context #menuC:checked + .menu legend {}*/

/*============================== TABLES ===================================================*/
table.cal td.today {background-color: #CCFF66; color:#000; font-weight:bold;}
table.cal td.feriado_internacional, td.pascoa, td.natal, td.feriado {color:#ff0000; font-weight:bold;}
table.cal td.feriado_nacional {color: #339900; font-weight:bold;}
table.cal td.feriado_municipal {color: #0000FF; font-weight:bold;}
table.cal td.comemoracao, td.entrudo {color:#FF00FF; font-weight:bold;}
table {text-align:left; padding:2px; border:0px;}
th {text-align:left; background-color:#666; color:#fff; font-weight:normal;}
table tr:nth-child(2n+1){background-color:#eee;}
table tr:nth-child(1n+1) td {border-bottom:1px solid #666;}
caption {font-weight:bold; text-transform:uppercase; text-align:left; padding-left:4px;  color: steelblue; margin:8px 0;}
/*=========================================================================================*/
/*============================= FORMS =====================================================*/
form.normal {display:inline-flex; flex-flow:column; border:1px solid #ccc; border-radius:8px; padding:20px; box-shadow:4px 4px 10px rgba(0,0,0,0.3);}
form.normal span {display:flex; justify-content:space-between; margin-bottom:4px; flex-flow:row wrap;}
form.normal span.com {justify-content:flex-start; margin-top:12px;flex-wrap:nowrap;}
form.normal span.com input {margin-right:8px;  font-weight:bold;  
border-radius:4px;  padding:6px; text-transform:uppercase; cursor:pointer; font-family: 'PT Sans Narrow'; }/*background-color: #006699;border:1px solid #006699;color: #00CCCC;text-shadow:0 1px 0 rgba(0,0,0,0.7); box-shadow:4px 4px 10px rgba(0,0,0,0.3);*/
form.normal span.com input:hover{background-color: #fff;}
input[type="text"], textarea {font-family: 'PT Sans Narrow'; font-size:100%; }
/*=========================================================================================*/


/* PHOTO GALLERY */
form#photoFrame {width:100%; margin:20px 0;}
div.photoZoom {box-shadow:8px 8px 10px rgba(0,0,0,0.4); opacity:0; background-color:white; display:flex; justify-content:center; align-items:center; flex-flow:column; height:0; width:0; overflow:hidden; position:absolute; z-index:120; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition:0.3s; border-radius:8px; max-width:50%;}
div.photoZoom span {align-self:center; text-align:center; font-weight:bold; margin:8px;}
div.photoZoom img {width:fit-content;}
ul#photoThumbs {display: flex; flex-flow:row wrap; justify-content:space-between; list-style:none; padding:0; margin:0;}
ul#photoThumbs li:not(.nogap) {padding:12px;}
ul#photoThumbs li label.thumb {cursor:pointer; position:relative;}
ul#photoThumbs li label.thumb:hover img.zoom {opacity:1;}
ul#photoThumbs input.photos, input#close, input#close1, input#close2, input#close3 {display:none;}
ul#photoThumbs input.photos:checked + label.thumb + div.photoZoom {height:auto; width:auto; opacity:1; overflow:visible;}
#delegacoes {font-size:70%; display:flex; flex-flow:row wrap; justify-content:space-between; }
#delegacoes b {font-weight:normal; transition:0.3s;}
/* ----------------------------------------------------------------------------	*/
/* ======================================= Animations ================================ */

.pslide {
	height:175px;
	padding:0;
	background-color:#fff;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	top:0px;
	left:0px;
	/*border-radius:8px;
	border:1px solid #ccc;
	margin:0.5em;*/
	width:1080px;
	align-self:center;
	/*text-align:center;*/
	/*opacity:0.7;*/
}
/*.pslide .time { behavior: url(#default#time2) }*/
.pslide .banner{
	/*width:100%;
	/*height:232px;*/
	margin:0;
	position: absolute;
	top:auto;
	left:0;
	float:left;
	color:white; 
	font-weight:bold;
	width: 100%;
	height: 100%;
		
}

.pslide .img1{ z-index:100;}
.pslide .img2{ z-index:83;} /*75*/
.pslide .img3{ z-index:66;}/*50*/
.pslide .img4{ z-index:50;}/*25*/

.pslide .img5{ z-index:33;} /*75*/
.pslide .img6{ z-index:17;}/*50*/


@keyframes slide1{
0%{left:0;z-index:100;}
17%{left:-1600px;z-index:100;}
17.01%{left:0;z-index:17;}
33%{left:0;z-index:33;}
50%{left:0;z-index:50;}
66%{left:0;z-index:66;}
83%{left:0;z-index:83;}
100%{left:0; z-index:100;}
}
@keyframes slide2{
0%{left:0;z-index:83;}
17%{left:0;z-index:100;}
33%{left:-1600px;z-index:100;}
33.01%{left:0;z-index:17;}
50%{left:0;z-index:33;}
66%{left:0;z-index:50;}
83%{left:0;z-index:66;}
100%{left:0; z-index:83;}
}
@keyframes slide3{
0%{left:0;z-index:66;}
17%{left:0;z-index:83;}
33%{left:0;z-index:100;}
50%{left:-1600px;z-index:100;}
50.01%{left:0;z-index:17;}
66%{left:0;z-index:33;}
83%{left:0;z-index:50;}
100%{left:0; z-index:66;}
}
@keyframes slide4{
0%{left:0;z-index:50;}
17%{left:0;z-index:66;}
33%{left:0;z-index:83;}
50%{left:0;z-index:100;}
66%{left:-1600px;z-index:100;}
66.01%{left:0;z-index:17;}
83%{left:0;z-index:33;}
100%{left:0; z-index:50;}
}
@keyframes slide5{
0%{left:0;z-index:33;}
17%{left:0;z-index:50;}
33%{left:0;z-index:66;}
50%{left:0;z-index:83;}
66%{left:0;z-index:100;}
83%{left:-1600px;z-index:100;}
83.01%{left:0;z-index:17;}
100%{left:0; z-index:50;}
}
@keyframes slide6{
0%{left:0;z-index:17;}
17%{left:0;z-index:33;}
33%{left:0;z-index:50;}
50%{left:0;z-index:66;}
66%{left:0;z-index:83;}
83.01%{left:0;z-index:100;}
100%{left:-1600px; z-index:100;}
}

.pslide .img1{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide1;	
}

.pslide .img2{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide2;	
}
.pslide .img3{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide3;	
}
.pslide .img4{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide4;	
}

.pslide .img5{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide5;	
}

.pslide .img6{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide6;	
}

/*.pslide:hover .banner { animation-play-state: paused;}*/
/*

@keyframes slide1{
0%{left:0;z-index:100;}
25%{left:-1600px;z-index:100;}
25.01%{left:0;z-index:25;}
50%{left:0;z-index:50;}
75%{left:0;z-index:75;}
100%{left:0; z-index:100;}
}
@keyframes slide2{
0%{left:0;z-index:75;}
25%{left:0;z-index:100;}
50%{left:-1600px;z-index:100;}
50.01%{left:0;z-index:25;}
75%{left:0;z-index:50;}
100%{left:0; z-index:75;}
}
@keyframes slide3{
0%{left:0;z-index:50;}
25%{left:0;z-index:75;}
50%{left:0;z-index:100;}
75%{left:-1600px;z-index:100;}
75.01%{left:0;z-index:25;}
100%{left:0; z-index:50;}
}
@keyframes slide4{
0%{left:0;z-index:25;}
25%{left:0;z-index:50;}
50%{left:0;z-index:75;}
75.01%{left:0;z-index:100;}
100%{left:-1600px; z-index:100;}
}

.pslide .img1{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide1;	
}

.pslide .img2{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide2;	
}
.pslide .img3{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide3;	
}
.pslide .img4{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide4;	
}
.pslide .img5{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide5;	
}
.pslide .img6{
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration:20s;
	animation-name: slide6;	
}*/
/*.pslide:hover .banner { animation-play-state: paused;}*/
.pslide h2 {font-size:280%; text-shadow:2px 2px 2px rgba(3,3,3,0.7); margin-top:auto; margin-right:1em; margin-left:auto; padding: 20px;}
div.slide {background-color:#eee;}
/*-------------------------------------------------------------------------------------------------------*/

/*MENU 2*/
.main_menu {max-width:200px;
 border-radius:0px 8px 8px;
 /*margin:0.5em;*/
 display:flex;
 flex-flow:column;
 justify-content:flex-start;
/* align-items:flex-start;*/
 align-content:flex-start;
 flex:1;
 order:1;
 border:1px solid #ccc;
}
 
.main_menu input {display:none;}

.main_menu ul {padding:8px; margin:0; list-style:none; text-transform:uppercase;}
/*.main_menu > ul {display:table-cell; vertical-align:middle;}*/
/*.main_menu > ul > li {position:relative;}
.main_menu > ul > li > a {text-decoration:none; color:#000; position:relative;
transition:0.5s;
transition:0.5s;
}*/
.main_menu ul ul li a {text-decoration:none; color:#000;}
.main_menu ul li label {color:#000; cursor:pointer; position:relative; font-weight:bold;}
.main_menu ul li:hover {background-color: #ccc;}
.main_menu ul li span.closesubmenu {position:absolute; left:0; top:0; width:100%; display:none;}
.main_menu ul li span.closesubmenu label {color:transparent;}

.main_menu ul ul {height:0; padding-top:0; overflow:hidden; position:relative; z-index:100;
transition:1s;

}
/*.main_menu > ul > li > a:hover:before {content:""; display:block; height:2px; width:50px; position:absolute; bottom:0; background:#000; left:50%; margin-left:-25px;}*/

.main_menu input:checked ~ ul {height:auto;}
/*.main_menu input:checked ~ ul.h5 {height:auto; }
.main_menu input:checked ~ ul.h6 {height:auto; padding:20px;}
.main_menu input:checked ~ ul.h7 {height:auto; padding:20px;}*/

.main_menu input:checked ~ span.closesubmenu {display:block;}

/*.main_menu > ul > li > label:hover:before,
.main_menu input:checked + label:before {content:""; display:block; height:0; width:0; border:8px solid transparent; border-top-color:#000; border-bottom:0;  position:absolute; bottom:-4px;left:50%; margin-left:-8px;}
*/
/*.main_menu ul ul li a:hover:before {content:"- ";}
.main_menu ul ul li a:hover:after {content:" -";}*/
.main_menu ul ul li a:hover {background-color:#999; color:white;}

.main_menu ul ul span{text-transform:uppercase; padding:8px;}
/*--------------------MENU3-------------------------------*/
/*.left_menu {max-width:200px; width:200px; order:1; border:1px solid #ccc;  border-radius:0px 8px 8px; text-transform:uppercase; color: #333; padding:8px;}
.left_menu label.sub {cursor:pointer; font-weight:bold;}
.left_menu label.sub:hover {color: #990000;}
.left_menu ul li.void {background-color:#eee; color:#000;}
.left_menu label.sub + input {display:none;}
.left_menu label.sub + input + ul {padding-left:18px; margin:0;  height:0; overflow:hidden; transition:0.25s ease-in-out; opacity:0; list-style:none;}
.left_menu label.sub + input:checked + ul {height:auto; opacity:1;}*/

.left_menu {max-width:200px; width:200px; order:1; border:1px solid #ccc;  border-radius:0px 8px 8px; text-transform:uppercase; color: #333; padding:8px;}
.left_menu label.sub {cursor:pointer; font-weight:bold;}
.left_menu label.sub:hover {color: #990000;}
.left_menu ul li.void {background-color:#eee; color:#000;}
.left_menu input {display:none;}
.left_menu input + label.sub + ul {padding-left:18px; margin:0;  height:0; overflow:hidden; transition:0.25s ease-in-out; opacity:0; list-style:none;}
.left_menu input#sub1:checked + label + ul {height:auto; opacity:1;}
.left_menu input#sub2:checked + label + ul {height:auto; opacity:1;}
.left_menu input#sub3:checked + label + ul {height:auto; opacity:1;}
.left_menu input#sub4:checked + label + ul {height:auto; opacity:1;}
.left_menu input#sub5:checked + label + ul {height:auto; opacity:1;}

#squares {border-radius:8px; padding:8px; list-style:none; display:flex; flex-flow:row wrap; justify-content: space-between; background-image:url(/images/fumo_incendios.jpg);}
#squares li {text-shadow:0 1px 0 rgba(0,0,0,0.5); cursor:pointer; width:190px; font-size:150%; font-weight:bold; text-transform:uppercase; text-align:center; border: 1px #eee solid; border-radius:8px; margin: 0 0 8px;  height:140px;} /* padding-top:80px;*/
#squares li:hover {background-color:#eee; font-size:160%; transition: 0.5s;}
#squares #extend {flex:auto;}
#squares li a, #squares li a.extend {color:#000; display:flex; align-items:center; justify-content:center; height:inherit;}
/*#squares li a.extend {width:100%;}*/
#squares li a.extend div {padding:0;}
/*================================ organograma =======================================*/
#orga {display:flex; flex-flow:row wrap; padding:3px 0; justify-content: center; align-items:flex-start;}
#orga .dir .dires {display:flex; flex-flow:column; padding:3px; align-items:flex-end;}
#orga .div {border:1px solid #333; border-radius:4px; width:85px; height:80px; margin-top:3px; text-align:center;}
#orga .del .div {margin-left:3px; width:100px;}
#orga .del, #orga .dir {display:flex; flex-flow:column; border:1px solid #333; border-radius:4px; padding:3px; margin:3px; flex:auto;}
#orga .del div.aglo, #orga .dir div.aglo {display:flex; flex-flow:row; justify-content:space-evenly;}
#orga .dir .desig, .del .desig {position:relative; top: -14px; left:12px; align-self:flex-start; background-color:#fff; font-weight:bold;}
#orga .aglo {font-size:75%;}
#orga .aglo .nome_uo {margin-top:0; background-color:green; color:#fff; text-align:left; padding-left:3px; text-transform:uppercase; font-size:100%;}
#orga .level1 {width:110px;}
#orga .div p:last-child:not(#trash) {border-top:1px solid #333; font-style:italic; margin-top:auto;}
#orga .div p {margin:0; font-size:80%; padding:0 1px;}
#orga .div p:not(:last-child) {font-weight:bold;}
#orga a {color:#333; display:flex; flex-flow:column; height:100%;}
#orga a:hover {font-weight:normal;}
#orga a:hover .nome_uo {color:#333; background-color:#99CC33;}

.roundbox{
border:1px solid #ddd;
border-radius: 4px;
display: block;
overflow:visible;
padding: 0 12px;
}

.roundbox p:first-child{
	display: inline-block;
	border:1px solid #ddd;
	background-color:#ffffff;
	position:relative;
	top: -28px;
	padding:1px 12px;
	text-align:left;
	z-index:10;
	border-radius: 4px;
	margin-bottom:0px;
}
.full {width:100%;}
.backwards {unicode-bidi:bidi-override; direction: rtl;}
.u { text-decoration:underline;}
.aright {text-align:right;}
.fullflex {display:flex; flex-flow:row; justify-content:space-between; algn-items:flex-start;}
.topo { vertical-align:top;}
h4 { color: #CC6600; font-size:90%;  text-transform:uppercase; font-weight:bold;}/*margin-left:12px;*/
ul.index {padding:0; list-style:none; width:100%;}
ul.index li {display:flex; justify-content: space-between;}
ul.index li span {width:50%;}
.conjunto {display:flex; flex-flow:row wrap; justify-content:space-between;}
.conjunto a {width:33%; margin:0; padding:0;}
.conjunto figure:not(.left .right), .conjunto > img{width:50%; padding:0;}
.conjunto a.L {text-align:right;}
.conjunto a.R {text-align:left;}
.conjunto a.C { width:auto;}
figure img:not(.left .right)  {width:98%;}
figcaption {text-align:center; font-style:italic; font-weight:bold;}
.right {float:right; margin-left:12px;}
.half li {min-width:48%;}

.selItems {padding:16px;}
.selItems label.sub {cursor:pointer; font-weight:bold; color:#006699; }
.selItems label.sub::before { content:"+ "; color:#990000; font-size:130%;}
.selItems label.sub:hover {font-weight:600;}
/*.selItems ul li.void {background-color:#eee; color:#000;}*/
.selItems input {display:none;}
.selItems input + label.sub + div {padding-left:18px; margin:0;  height:0; overflow:hidden; transition:0.25s ease-in-out; opacity:0; list-style:none;}
.selItems input#sub1:checked + label + div {height:auto; opacity:1;}
.selItems input#sub1:checked + label::before {content:"- ";}
.selItems input#sub2:checked + label + div {height:auto; opacity:1;}
.selItems input#sub2:checked + label::before {content:"- ";}
.selItems input#sub3:checked + label + div {height:auto; opacity:1;}
.selItems input#sub3:checked + label::before {content:"- ";}
.selItems input#sub4:checked + label + div {height:auto; opacity:1;}
.selItems input#sub4:checked + label::before {content:"- ";}
.selItems input#sub5:checked + label + div {height:auto; opacity:1;}
.selItems input#sub5:checked + label::before {content:"- ";}

.midtitle{
	font-size:16px;
	color: #FF9933;
	margin-left:8px;
}

.bigtext{
	font-size:15px;
	color: #3399FF;
	margin-left:8px;	
}

.bigtitle{
	font-size:20px;
	color: #FF9933;
	margin-left:8px;
}