html, body
{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: arial;
	text-align: center;
	box-sizing: border-box;
	height: 100%;
	word-wrap: break-word;
}

.conteudo_centro{margin: 0 auto; display: table;}
.background
{
		position: fixed;
		height: 100%;
		top: 0px;
	  width: 100%;
	  padding: 0;
	  margin: 0;
	  background: -webkit-linear-gradient(#ddf9d1,#d1e8f6);
	  background: -webkit-linear-gradient(left top, #ddf9d1 , #d1e8f6); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(bottom right, #ddf9d1, #d1e8f6); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(bottom right, #ddf9d1, #d1e8f6); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom right, #ddf9d1 , #d1e8f6);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf9d1', endColorstr='#d1e8f6',GradientType=1 ); 
	
    
	


}


/*####Classes de Login #####*/

#login{
	position: relative;
	margin: 0 auto;
	margin-top: 20px;
	height: 400px;
	max-width: 400px;	
	
	text-align: center;
	padding: 10px;
	 background:transparent;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); 
       zoom: 1;
	   box-sizing: border-box;
	background-color: rgba(0,0,0, 0.3);	

}



.formLogin
{
	margin-top: 10px;
	width: 100%;
	padding: 15px;	
	border: solid 1px #D0D0D0;
	border-radius: 5px;
	box-sizing: border-box;
	
}



.formLoginBtn
{
	margin-top: 10px;
	width: 100%;
	height: 40px;
	padding: 10px;
	text-align: center;
	background: #54B833;
	border: solid 1px #5F615F;
	border-radius: 5px;
	color: white;
	font-size: 18;
	box-sizing: border-box;

}

.titleLogin
{
	font-size: 30px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 40px;
	color: white;
	
}

/*####formularios###*/

.form
{
	margin-bottom: 10px;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	border: solid 1px #D0D0D0;
	border-radius: 5px;
}

.conteudo
{
	
	margin: 0 auto;
	text-align: center;
	padding: 10px;
	 box-sizing: border-box;
	
	
}

/*####Botões####*/

.btnDefault
{
	
	padding: 7px;
	padding-left: 15px;
	padding-right: 15px;
	border: solid 1px #D0D0D0;
	color: #333333;
	border-radius: 4px;
	background: white;
	
}

.btnPrimary
{
	
	padding: 7px;
	padding-left: 15px;
	padding-right: 15px;
	background: #006EB8;
	border: solid 1px #D0D0D0;
	color: white;
	border-radius: 4px;
}

.btnSuccess
{
	
	padding: 7px;
	padding-left: 15px;
	padding-right: 15px;
	background: #009933;
	border: solid 1px #D0D0D0;
	khtml-opacity: 0.5;
	color: white;
	border-radius: 4px;
}
.btnWarning
{
	
	padding: 7px;
	padding-left: 15px;
	padding-right: 15px;
	background: #FF9933;
	border: solid 1px #D0D0D0;
	color: white;
	border-radius: 4px;
}
.btnDanger
{
	
	padding: 7px;
	padding-left: 15px;
	padding-right: 15px;
	background: #FF1919;
	border: solid 1px #D0D0D0;
	color: white;
	border-radius: 4px;
}

.btnLg
{
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}
.btnSn
{
	padding: 4px;
	padding-left: 15px;
	padding-right: 15px;
}
.btnXs
{
	padding: 2px;
	padding-left: 15px;
	padding-right: 15px;
}


/*#####tables######*/
.formTab
{
	
	font-size: 14px;
	border: 1px solid #D0D0D0;
}
.tableHead
{
	font-size: 14px;
	border: 1px solid #D0D0D0;
	font-weight: bold;
}

.formTab:hover{
	background: #D0D0D0;
	color: white;
}

.formTab:hover td{
	color: white;
}

.table td{ padding: 10px; }

.table{
	border-collapse: collapse;
	width: 100%;
	border: 1px solid  #D0D0D0;
	padding: 0px;
}

@media screen and (max-width:600px)
{
	#login{width: 95%; }
	.backgroundLogin{width: 95%; }

}

.btnDefault:hover, .btnPrimary:hover, .btnSuccess:hover, .btnWarning:hover,.btnDanger:hover
{
	-webkit-filter: invert(0.1);
	filter: invert(0.1);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
}

btn
{
	border: solid 1px #D0D0D0;
	border-radius: 5px;
}

.disabled
{
	  background: #D0D0D0;
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;  box-sizing: border-box;
	
}

/*########navi horizontal #########*/
.naviH
{
	position: fixed;
	top: 0;
	background: green;
	z-index: 9999;
	padding: 5px;
	right: 0;
	height: 38px;
	right: 0;
	width: auto;
	width: 100%;
	
}
.naviMenu
{
	display: none;
	float: right;
	outline : none;
	font-size: 20px;
	padding: 10px;
	padding-right: 0;
	
}
.naviHdisplay{ margin: 0;}
/*.naviH:hover  .naviHdisplay{display: block;}*/
.ulNavHRight,.ulNavHLeft
{
	text-align: left;
	float: right;
	margin-right: 10px;
	margin: 0;	
}
.ulNavHLeft{float: left;}
.ulNavHRight  a, .ulNavHLeft  a{text-decoration:none; color: white;  outline : none;}
.ulNavHRight li, .ulNavHLeft li
{
	text-align: left;
	float: left;
	margin-left: 10px;		
	outline : none;	
	padding: 10px;	
}
.subUlH {
		display: none;
		float: none;
		list-style-type: none;
		list-style: none;
		position: absolute;
		padding:5px;		
		background: green;

		

}
.ulNavHLeft li{float: left;}
.ulNavHRight li:hover, .ulNavHLeft li:hover{border-bottom: solid 1px white;}
.ulNavHLeft li:hover .subUlH{display: block;}
.ulNavHRight li:hover .subUlH{display: block;  }
.ulNavHRight li:hover .subUlH li {float: none; margin: 0;}
.ulNavHLeft li:hover .subUlH li {float: none; margin: 0;}

.ulNavHLeft div {top: 7px; position: absolute; }
.navBlack{background: black;}
.navRed{background: red;}
.navBlue{background: blue;}
.lightgrey{background: lightgrey; }
.lightgrey a {color: black;}

/*###fontes ####*/


.ulNavHLeft .form 
{
	margin-left: 11px;
	width: 150px;
}
.naoSelecionar li {border-style:none;}
.naoSelecionar li:hover{border-style:none;}

.imgMenu{float: right; clear: both;  background-image: url("menu.png"); width: 20px; height: 20px;
background-repeat:no-repeat;
background-size:contain;
background-position:center;}
.imgMenuBranco{background-image: url("menuBranco.png");}

.exibir{max-width: 500px; margin: 0 auto;  margin-bottom: 10px; box-sizing: border-box; }

.modal{width: 100%; height: 100%; position: fixed; top: 0; left: 0;  background: rgba(0,0,0, 0.5); display: none; overflow-y: auto; z-index: 9999; }
.modal_titulo{width: 100%; min-height: 50px;  background: white; margin: 0 auto; top: 20px; position: relative; text-align: left; font-size: 25px; padding: 10px; border-radius: 5px 5px 0px 0px; border-bottom: solid 1px #D0D0D0; font-weight: bold;}
.modal_conteudo{overflow: auto; width: 100%; min-height:100px;   background: white; margin: 0 auto; top: 20px; position: relative; text-align: left;  padding: 10px;  border-bottom: solid 1px #D0D0D0; }
.modal_rodape{width: 100%; min-height:50px; background: white; margin: 0 auto; top: 20px; position: relative; text-align: left;  padding: 10px;  border-radius: 0px 0px 5px 5px; }
.modal_fechar{float: right;}
.modal_fechar:hover i{ color: red;}
.modal_documento{width: 700px; margin: 0 auto; height: calc(100% - 150px); }
.modal_medio{width: 1100px;}
.modal_largo{width: calc(100% - 50px);}
.modal_fechar{border: none; background: none; height: 20px; font-size: 20px;}
.modal_largo .modal_conteudo{height: 100%;}
#modalfiltro{z-index: 9999}
/*######### media ##3*/

@media screen and (max-width:750px)
{
	.modal_documento, .modal_largo {width: calc(100% - 10px);}
}	
@media screen and (max-width:700px)
{
	.naviHdisplay{display: none;}
	.naviMenu{display: block; }
	.naviH{width: auto; padding: 0; padding-right: 8px; height: auto;}
	.ulNavHRight li, .ulNavHRight, .ulNavHLeft, .ulNavHLeft li  {float: none;  float: left; width: 100%;   margin: 0; margin-top: 5px; background: rgba(0,0,0, 0.2)}
	.ulNavHRight, .ulNavHLeft{padding: 0px;}
	.ulNavHLeft .form {width: 80%; margin: 10px;}
	
	
	
}

a {text-decoration:none;}
ul, li{list-style-type:none;}
*{font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}
*{box-sizing: border-box;}



@media print {
 .modal {height: auto; position: relative;}
 
 
  
}

.filtroForm  .fa-search {height: 29px; padding: 0px; width: 47px;}
.filtroForm { position: relative;}
.filtroForm label {padding: 0px; height: 5px;}
.formularios label {padding: 0px; height: 5px;}

.tableHead{background: #e6e6e6;}
 
 .modal_filtro_rodape {margin-top: -5px;}
 .modal_conteudo_filtro {max-height: 200px; display: inline-block; overflow-y: auto; margin-bottom: 0;}
 .modal_medio_filtro {max-width: 500px;}