@charset "ISO-8859-1";

.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	width: 85%;
	border-radius: 5px;
	margin: 1em auto;
	background-color: white;
	min-height: 460px;
}

.container {
	padding: 2px 16px;
	text-align: center;
}

.ShadowEffect {
	-webkit-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
	-moz-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
	box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
}

.font {
	width: 100%;
	color: #023A68;
	margin-left: 20px;
	font-weight: bold;
	font-size: 15px !important;
}

.fontSecundaria {
	width: 100%;
	margin-left: 20px;
	font-weight: bold;
	font-size: 13px !important;
}

.fontRodape {
	width: 100%;
	font-weight: bold;
	font-size: 10px !important;
	text-align: center;
}

body {
	background-color: #f5f2eb;
	background-repeat: repeat;
	font-family: Verdana, Geneva, sans-serif;
}

.centralizaDefine {
	margin: 0 auto;
	width: 80%;
	background: none repeat scroll 0 0 #FFF;
	margin-top: 5px;
}

.centralizaDefine:before, .centralizaDefine:after {
	content: " ";
	display: table;
}

.centralizaDefine:after {
	clear: both;
}

.sessaoTitulo {
	text-align: center !important;
	font-size: 1.5em;
	padding-top: 2%;
}

.sessaoSubTitulo {
	text-align: center;
	padding-top: 1%;
}

h2 {
	color: #003B6B;
	/*    color: #4B463F;*/
	font-size: 23pt !important;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}

.topo{
	color: #003B6B;
	font-size: 25pt !important;
	text-align: center;
	border-bottom: 2px solid #CCCCCC;
	font-family: Verdana, Geneva, sans-serif;
	margin: auto;
	width: 85%;
}

.topoImagem{
	width: 20%;
}

@media(max-width: 600px){
	.topoImagem{
	width: 20%;
	}
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

a, a:link, a:visited, a:hover, a:active {
    outline: 0 none;
    text-decoration: none;
}

#rodape2 {
    background: none repeat scroll 0 0 #023A68;
    font-family: verdana;
/*     margin-top: 25px; */
}

#rodape2rodape {
    background: none repeat scroll 0 0 #012D50;
    clear: both;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    padding: 20px;
    text-align: center;
}

#rodape2rodape a {
    color: #FFFFFF;
    text-decoration: none;
}

.tamPainelGrid{
	width: 700px;
}

.Fs14{
	font-size: 14pt !important;
}

/* centraliza os elementos em relacao ao alinhamento do .card */

#centralizado{   
	width: 85%;
	text-align: center;
	margin: 1em auto;
}

/* alinha os botões em relacão ao dataTable */

#alinhamentoBotoes{
	width: 90%;
	text-align: center;
	margin: 2em auto;
}

@media(max-width: 600px){
	.card, .fontRodape, .rodape2, .rodape2rodape, .tamPainelGrid{
	width: 100%;
	}
}

@media(max-width: 600px){
	.Fs14{
		font-size: 10pt !important;
	}
}

@media(max-width: 600px){
	.topo{
	width: 100%;
	font-size: 15pt !important;
	}
}



.text-left-mid { 
	text-align: left !important; 
	vertical-align: middle !important;
	margin-bottom: 1em !important;
}

.columns-10 {width: 10% !important;}
.columns-20 {width: 20%;}
.columns-30 {width: 30%;}
.columns-40 {width: 40%;}
.columns-50 {width: 50%;}
.columns-60 {width: 60%;}
.columns-70 {width: 70%;}
.columns-80 {width: 80%;}
.columns-90 {width: 90%;}
.columns-100 {width: 100%;}