.nav-pills .nav-link {
	font-size: 0.8em;
}

label {
	font-weight: normal;
}


@font-face {
	font-family: 'social-media';
	src: url('../fonts/social-media.ttf');
	src: local('social-media'),
		url('../fonts/social-media.ttf') format('truetype'),
	font-weight: normal;
	font-style: normal;
}


body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 15px;
	background: #ffffff;
	overflow-x: hidden;
	transition: 0.3s;
}


.view {
	width: 100%;
	display: inline-block;
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.view-heading {
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #ddd;
	padding: 10px;	
}

.view-body {
	width: 100%;
	padding: 10px;
	display: inline-block;
}

.card {box-shadow: 2px 2px 5px #00000030;}

/*Classes auxiliares*/
.sombrinha, .sombraSmall {box-shadow: 2px 2px 5px #00000030 !important;}
.sombra {box-shadow: 2px 2px 5px #00000060 !important;}
.sombraFx { filter: drop-shadow(2px 2px 5px #00000060); -webkit-filter: drop-shadow(2px 2px 5px #00000060); }
.sombrinhaFx, .sombraSmallFx { filter: drop-shadow(2px 2px 5px #00000030); -webkit-filter: drop-shadow(2px 2px 5px #00000030); }

.w5  {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100{width:100%;}

.p0 {padding: 0px !important;}

.mr5 {margin-right: 5px !important;}
.ml5 {margin-left: 5px !important;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb5 {margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}

.transition02 {transition: 0.2s;}

.bold {font-weight: bold;}

.d-grid {display: grid !important;}
.d-flex {display: flex !important;}
.ai-center {align-items: center;}
.ai-end {align-items: flex-end;}
.jc-between {justify-content: space-between;}
.jc-end {justify-content: flex-end;}
.jc-around {justify-content: space-around;}
.jc-evenly {justify-content: space-evenly;}
.jc-center {justify-content: center;}

.ui-dialog-titlebar button {
	outline: none;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #FA6300 !important;
	border-color: #FA6300 !important;
}

/* menu mobile */
.buttons-mobile > div {margin: 0px 5px;}
.logo-mobile {margin-right: 10px;}
.logo-mobile img {width: 100%; height: auto; max-width: 120px; max-height: 30px; object-fit: contain; margin: 5px;}
.avatar-mobile img {border-radius: 50%; box-shadow: 0px 0px 5px #00000040; cursor: pointer; width: 30px; height: 30px; object-fit: cover;}
.notificacoes-mobile button {background: transparent; border: none; outline: none; cursor: pointer; color: rgba(0, 0, 0, 0.5);; font-size: 1.5em; padding: 0px 2px;}
.notificacoes-mobile {position: relative;}

.topo-mobile {background: #FA6300; width: 100%; overflow: hidden; border-radius: 0px 0px 4px 4px; padding: 4px 0px; box-shadow: 0px 10px 0px #fff;}
.mobile-busca {background: transparent; border: none;}
.mobile-busca input {border: none; border-bottom: 1px solid #FFFFFF; background: transparent; color: #FFFFFF;	outline: none; width: calc(100% - 40px);}
.mobile-busca button {background: transparent; color: #FFFFFF; border: none; outline: none;}
.mobile-busca button:hover {color: #FFFFFF; background: transparent;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #FA6300; margin-bottom: 30px;}

.nav-pills > li:not(:first-child) { margin-left: 10px; }

.table > tbody > tr > td {padding:3px !important;}
/*???*/
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}

.nopadding{padding:0 !important;}

/*A classe "module_box" está substituindo a antiga classe "div_quadros_arredondados"*/
#saf {height: 124px; overflow-y: auto;}
@media only screen and (max-width: 767px){
	#saf {height: auto;}
}
#fale-conosco {height: 450px;}

.summary_row .summary_row_content { padding: 0px 8px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
@media only screen and (max-width: 767px){
	.summary_row .summary_row_content {padding: 0px;}
}
.summary_row .summary_row_content .module_box {background:#FFF; border:none; margin-bottom:15px; padding: 15px; box-shadow: 2px 2px 5px #00000060; border-radius: 4px;}
.summary_row .summary_row_content .module_box a.title {color:#462a71; text-decoration:none; text-transform:uppercase; font-weight: bold;}
.summary_row .summary_row_content .module_box a.title:hover {color:#000;}

.module_box .module-title {width: 100%; border-bottom: 1px solid #aaa; text-align: center;}
.module_box .module-title a {font-size: 1.5em; color: #FA6300;}
.module_box .module-wrapper {height: 267px; overflow: unset;}
.module-comunicados {height: 103px; overflow-y: auto; }
.module-faleconosco {height: 450px; overflow-y: auto; }

@media only screen and (max-width: 767px){
	.module_box .module-wrapper, .module-comunicados, .module-faleconosco {height: auto; max-height: 350px;}
	.module_box .module-wrapper {height: 185px;}
	#usuarios-online, #fale-conosco {height: auto;}
}


.botao, .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.botao {
	color: #fff;
	background-color: #FA6300 !important;
	border: 1px solid #FA6300;
}
.botao:hover {
	background-color: #FA6300 !important;
	border-color: #FA6300;
}

/*Sobreescrevendo a cor padrão para botões "primary" & "default" do boostrap, ambos com a mesma cor e estilo*/
/*Primary*/
.btn-primary { color: #fff; background-color: #FA6300; border-color: #FA6300; transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; }
.btn-primary:focus,.btn-primary.focus {color: #fff;background-color: #FA6300;border-color: #FA6300;}
.btn-primary:hover {color: #fff;background-color: #FA6300;border-color: #FA6300;}
.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary {color: #fff;background-color: #FA6300;border-color: #FA6300;}
.btn-primary:active:hover,.btn-primary.active:hover,.open > .dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,.btn-primary.active.focus,.open > .dropdown-toggle.btn-primary.focus {color: #fff;background-color: #FA6300;border-color: #FA6300;}
.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary {background-image: none;}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,
.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {background-color: #FA6300;border-color: #FA6300;}
.btn-primary .badge {color: #FA6300;background-color: #fff;}
/*Default*/
.btn-default { color: #fff; background-color: #FA6300; border-color: #FA6300; transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; }
.btn-default:focus,.btn-default.focus {color: #fff;background-color: #FA6300;border-color: #FA6300;}
.btn-default:hover {color: #fff;background-color: #FA6300;border-color: #FA6300;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color: #fff;background-color: #FA6300;border-color: #FA6300;}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #FA6300;border-color: #FA6300;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,
.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #FA6300;border-color: #FA6300;}
.btn-default .badge {color: #FA6300;background-color: #fff;}
/* Bootstrap Select */
.bootstrap-select > .btn-default {color: #333; background-color: #FFF; border-color: #ccc; transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; }
.bootstrap-select > .btn-default:focus,.btn-default.focus {color: #333; background-color: #FFF; border-color: #CCC;}
.bootstrap-select > .btn-default:hover {color: #333;background-color: #FFFFFF;border-color: #cccccc;}
.bootstrap-select > .btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color: #fff; background-color: #462a71;border-color: #cccccc;}
.bootstrap-select > .btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,
.bootstrap-select > .btn-default:active.focus,.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #FA6300;border-color: #cccccc;}
.bootstrap-select > .btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.bootstrap-select > .btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.bootstrap-select > .btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,
.bootstrap-select > .btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #FA6300;border-color: #FA6300;}
.bootstrap-select > .btn-default .badge {color: #FA6300;background-color: #fff;}




.icon-back{ transform: scaleY(-1) rotate(180deg); }

.color-black{ color: black !important; }
.text-bold { font-weight: bold; }
.nodecoration { text-decoration: none; }


.bg-extranet{ background-color: #004A8F !important;}

<!-- Estilizando a Classe Panel -->
.panel-default {
    border-color: #ddd;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 6px;
}


.panel-body {
    padding: 15px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel {
	width: 100%;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

<!-- Fim da estilização da classe panel -->


<!-- Estilização do input-group-addon -->

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group {
    border-collapse: separate;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

<!-- Fim da estilização do input-group-addon -->




body {margin: 0px; background-color:#DCE5EC !important; font-family:Verdana;}
body > li { font-size: 10pt;  color: #000000; text-decoration:none;}
a { font-size: 10pt;  color: #FA6300; text-decoration:none; }
a:hover { color: #FA6300; text-decoration:none;}
td { font-size: 10pt;  text-decoration:none; vertical-align:top; text-align:left}
form { margin:0; padding:0;}
img { border-width:0px;}
.simples {background-color: transparent; font-size: 7.5pt; border-style: solid; border-width: 0px;}
.notselected {font-weight: bold; text-align: center; }
.selected {color: #462a71; font-weight: bold; text-align: center; font-size: 7.5pt;}
.menu_selected {color: #462a71; font-weight: bold; text-align: center; font-size: 7.5pt;}
.menu_notselected {font-weight: bold; text-align: center; font-size: 7.5pt;}
.selecionado {color: #462a71;font-weight: bold; font-size: 10pt;}
.naoselecionado {font-weight: bold; font-size: 7.5pt;}
.diretorio_selecionado {color: #462a71;font-weight: bold; font-size: 10pt;}
.tituloQuadro {color: #462a71; font-weight: bold; font-size: 10pt;}
.tituloQuadro:hover {color: #000000; font-weight: bold; font-size: 10pt;}
.calendar {width:16px; height:16px; background:url('../../img/calendar_icon.png') no-repeat; display:inline-block;}
.gallery {width:16px; height:16px; background:url('../../img/gallery_icon.png') no-repeat; display:inline-block;}

#link_ajuda { 
	color: #462a71; 
	font-weight: bold;
}


.fundo1 {
	background-color: #EEEEEE;
}

/* ----------- LAYOUT TABELAS ---------------- */
.tabela {
	width: 95%;
	margin:0 auto; 
	border: 1px solid #CCCCCC;	
	border-spacing:0;
}

.tabela thead td{
	background:#EEEEEE;
	font-weight:bold;
	text-align:center;
	padding:6 4 6 4px;
	border-bottom:1px solid #CCCCCC;	
}

.tabela tbody td{
	background:#FFFFFF;
	padding:4px;
	text-align:center;
}

.tabela tbody tr:hover td {
background-color:#EEEEEE;	
cursor: pointer;
}

.tabela tfoot td{
	background:#EEEEEE;
	border-top:1px solid #CCCCCC;	
	padding:4px;
}

/* ---------- FIM LAYOUT TABELAS ---------- */



/* 
.tabelaCabecalho {
	background-color: #EEEEEE;
	text-align: center;
	padding: 10;
	font-weight: bold;
} 
*/

.mouseoverMenu {
	background-color: #FFFFFF;
	cursor: pointer;
}

.mouseoutMenu {
	background-color: #EEEEEE;
}


#adm_conteudo{
	position: absolute;
	z-index: 1;
	visibility: visible;
	display: none;
	margin-top:10px;
	_margin-top:30px;
	margin-left:212px;
	_margin-left: -100px;
	width: 280px;
	color: black;
	background: #F4F4F4;
}

/*Calendário*/
.dia {font-size: 8pt; color: #FFFFFF}
.data {font-size: 8pt; text-decoration:none; color:black;}
.mes {font-size: 8pt; color:black}
.Cabecalho_Calendario {font-size: 10pt; color: #000000; text-decoration:none; font-weight:bold}



.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
border-top-width: 0;
border-bottom-width: 1;
padding: 10px;
background: #EEEEEE;
}

.tabcontentstyle2{ /*style of tab content oontainer*/
border: 1px solid gray;
border-top-width:0;
margin-top: 0;
margin-bottom: 1em;
padding: 10px;

}

.tabcontentstyle3{ /*style of tab content oontainer*/
border: 1px solid gray;
margin-top: 0;
margin-bottom: 1em;
padding: 10px;
height: 80%;
}


.tabs_out {
	border-style:solid;
	border-width: 1px;
	border-bottom: 0px;
	border-color:gray;
	padding: 6;
	
	font-size: 7.5pt;
	font-weight: bold;
	vertical-align: middle;	
}

.tabs_on {
	border-style:solid;
	border-width: 1px;
	border-bottom: 0px;
	padding: 6;
	
	font-size: 7.5pt;
	font-weight: bold;
	color: #462a71;
	border-color:gray;
	background-color: #EEEEEE;
	vertical-align: middle;
	cursor: pointer;
}

.tabs_selected_out {
	border-style:solid;
	border-width: 1px;
	border-bottom: 0px;
	padding: 6;
	
	border-color:gray;
	font-size: 7.5pt;
	color: #462a71;
	background-color: #EEEEEE;
	vertical-align: middle;
	font-weight: bold;
}

.tabs_selected_on {
	border-style:solid;
	border-width: 1px;
	border-bottom: 0px;
	padding: 6;
	
	font-size: 7.5pt;
	font-weight: bold;
	color: #462a71;
	border-color:gray;
	background-color: #EEEEEE;
	vertical-align: middle;
	cursor: pointer;
}

.div_space {
	border-style: solid;
	border-width: 1px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 6;
	
	font-size: 8pt;
	font-weight: bold;
}

.div_space_selected {
	border-style: solid;
	border-width: 1px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 6;
	
	font-size: 8pt;
	font-weight: bold;
}

#div_chat { 
	display: none; position:absolute; 
	left:0%; 
	top:100%; 
	height:200px; 
	width:500px; 
	margin:-200px 0px 0px 0px; 
	z-index:10000;	
}


#div_conteiner {
	width:100%; 
	padding:0px; 
	margin:0px; 
}

#div_miolo {
	width:100%; 
	padding: 0px 0px 20px; 
	margin:0px; 
	position:relative;
	margin-top: 80px !important;
}

.breadcrumbs, .breadcrumbs a{
	text-align:right; 
	width: 95%;
	margin: 0 auto; 
	color:#462a71;
	font-size:10px;
	font-weight:bold;
	margin-top:80px;
	margin-bottom:0px;
}

#div_conteudo {
    margin: 0 auto; 
	padding: 0px;   
	width: 100%;
	text-align:left;
}

/* ------------- INICIO LOGIN -------------- */
.div_login	{
	position: relative; 
	border:1px solid #CCCCCC; 
	background: #ffffff; 
	top: 120px;
	width:700px;
	height: 400px;
	margin: 0 auto;
}

#div_logo_pc{
	position: relative;
	top: 50px;
	text-align: center;
	height:170px;
	border:1px solid #ffffff;

}

.login{
	position: relative;
	width: 255px;
	top: 70px;
	margin: 0 auto;
	text-align: center;
}


.input_login{	
	position: relative;
	font-weight: bold;
	text-align:right; 
	font-size:14px; 
	color:#888888;	
	padding:4px;
}

.input_login a{
	color:#888888;
	font-size:11px;
}

.input_login_mobile{
	position:relative; 
	width:90%; 
	font-weight: bold; 
	color:#888888; 
	margin:0 auto; 
	text-align:left;	
	margin-top: 5px;
	margin-bottom: 5px;
}

.input_login_mobile input[name="usuario"] {
	position:relative; 
	height:30px; 
	width:97%; 
	font-size:20px; 
	max-width: 100%;
}

.input_login_mobile input[name="senha"]{
	position:relative; 
	height:30px; 
	width:97%; 
	font-size:20px; 
	max-width: 100%;
}

.input_login_mobile input[name="login"]{
	font-size:18px; 
	font-weight:bold;
	width:100%;
	height:35px;
	margin-top:10px;
}

.input_login_mobile a{
	position:relative;
	color:#000000;
	top:10px;
	float:right;
}

.input_login_mobile input[name="emailstring"]{
	position:relative; 
	height:30px; 
	width:97%; 
	font-size:20px; 
	max-width: 100%;
	top:10px;
}

.input_login_mobile input[type="button"]{ 
	position:relative;
	font-size:15px; 
	font-weight: bold; 
	top:17px;
}

.input_login_mobile input[name="senhalembrete"]{ 
	position:relative;
	font-size:15px; 
	font-weight: bold; 
	float:right;
	top:17px;
}

/* ------------- FIM LOGIN -------------- */

.div_quadros_arredondados	{
	position: relative; 
	padding: 10px; 
	border-width:1px; 
	border-style: solid; 
	border-color: #CCCCCC; 
	background: #fafafa; 
	width: 95%;
	text-align:left;
    margin: 0 auto; 
}


/* ---------------------------- INÍCIO MENU -------------------------------------*/		
#div_menu {
	background-color: #FA6300;
	text-align: center;
	width: 99%;
    margin: 0 auto; 
}
#div_menu div {
	display:table;
    margin: 0 auto; 
    text-align: left;
}
			
ul.menubar
{
  margin: 0px;
  padding: 0px;
  background-color: #FA6300;
  font-size: 100%;
}

ul.menubar div{
	float:left;
}

ul.menubar .menuvertical
{
  list-style: none;
  float:left;
  width:100%;
}


ul.menubar .menuvertical div {
	padding:8px 8px 7px 8px; 
	color: #FFFFFF;   // COR DA LETRA MENU PRINCIPAL 
}

ul.menubar .menuvertical div:hover {
	background:#462a71;	
	cursor:pointer;
}

ul.menubar .espaco
{
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color: #FA6300;
  float:left;
  width: 1px;
}

ul.menubar ul.menu
{
  display: none;
  position: absolute;
  margin-top: 30px;
}

ul.menubar a
{  
	
	font-size: 10pt;
	padding: 0px;
	display:block;
	text-decoration: none;
}


ul.menu,
ul.menu ul
{
  margin: 0;
  padding: 0;
  width: 300px;
}

ul.menu li
{
  position: relative;
  list-style: none;
  border: 0px;
  float:left;
  width: 300px;
  background-color:#462a71;3
}

ul.menu li a
{
  color: #FFFFFF; // COR DA LETRA DO SUBMENU
  display: block;
  text-decoration: none;
  background-color: #FA6300;
  border-bottom: 0px;
  padding: 5px 10px 5px 5px;
}

ul.menu li a:hover
{
  color:  #FFFFFF;  // COR DA LETRA DO SUBMENU SELECIONADO
  display: block;
  text-decoration: none;
  background-color: #462a71;
  padding: 5px 10px 5px 5px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */

ul.menu ul
{
  position: absolute;
  display: none;
  left: 299px; /* Set 1px less than menu width */
  top: 0px;
}

/* Hide sub-menus initially */
ul.menu li.submenu ul { 
	display: none; 
	left: 299px;
} 

/* -------------- FIM MENU ---------------*/



/* --------- INÍCIO CALENDÁRIO NA HOME --------*/
.cal {
	width: 100%; 
	background:#FA6300;
	border-collapse: collapse;
}

#calback {
	//background: #FFF url('../../summary/img/calWaiting.gif') no-repeat 50% 100px;
	margin-top: 10px;
	height: 273px;
	overflow: unset;
}
@media only screen and (max-width: 988px) {
	#calback {
		overflow-y: hidden;
		overflow-x: auto;
	}
}
@media only screen and (max-width: 767px) {
	#calback {
		height: auto;
		overflow: unset;
	}
}

@media only screen and (min-width: 768px){
	#calback td {
		padding: 6px 0;
	}
}
@media only screen and (min-width: 992px){
	#calback td {
		padding: 6px 2px;
	}
}
@media only screen and (min-width: 1120px){
	#calback td {
		padding: 6px;
	}
}

#marketing{
	width: 400px;
	margin: 0 auto;
	
}
#calendar {
	display:table;
	margin:0 auto;
	width: 100%;
}

.calhead {
	width: 100%;
	font-weight: bold;
	font-size: 12px;  
	color: #666666;
}

.calhead img {
	border: none;
}

.month-head {
	text-align: center; 
	color: white; 
	font-weight: bold;
}

.day:hover {
	cursor: pointer;
}
.day {
	text-align: center;
}

.dayhead {
	height: 20px;
	background: #EEE;
	font-size: 12px;
}

.dayhead td {
	text-align: center;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}

.dayrow {
	background: #FFF;
	height: 25px;
}

.dayrow td {
	width: 50px;
	color: #000;
	font-size: .7em;
}

.dayover {
	background: #EEE;
}

.dayout {
	background: #FFF;
}

.day-border {
	border: none;
	border-radius: 6px;
	padding: 5px;
	position: relative;
}

.day-event {
	display: inline-block;
	border: 1px solid red !important; 
	border-radius: 50%;
	width: 27px;
	margin: -1px;
}

.today {
	color: red !important;
}

.day-border-today {
	border-color: red !important;
}

.week {
	background-color: #FFFFFF;
}

.weekend {
	background-color: #FFF;
}

.HIDDEN {
	display: none;
}

.VISIBLE {
	display: block;
	position: absolute;
	width: 90px;
	color: #FA6300;
	font-size: 1.1em;
	font-weight: bold;	
	left: -33px;
	z-index: 2;
	padding: 5px;
	word-break: break-word;
}
.VISIBLE > div {
	box-shadow: 2px 2px 5px #00000030;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	background: #fff;
}

.event-list {
	width:100%; 
	border-spacing: 0px;
}

.event-day-group {
	height: 25px;
	cursor: pointer;
}

.event-day {
	vertical-align: middle; 
	color: #F7941D; 
	font-size: 12px; 
	width: 40px;
	font-weight: bold;
}

.event-title {
	vertical-align: middle; 
	color: #666666; 
	font-size: 12px;
}

/* ------- FIM CALENDÁRIO NA HOME ---------*/



/* -------- RODAPE --------------- */

#logo_rodape {
    font-family: "Century Schoolbook", Century,Times, serif;
    font-style: italic;
    font-weight: bold;
    color: #000099;
    font-size: 11px;
    margin-right: 5px;
}

.div_rodape_copyright {
    position: fixed; 
	bottom: 0px; 
	text-align:center; 
	vertical-align:center; 
	width:100%; 
	background:#f0f0f0;
}

 .div_rodape_copyright.sobre{
	bottom: 15px;  
	background: transparent;
}

.div_rodape_copyright a{
	color:  #000099;
	font-size:11px;

}

.div_rodape_copyright a:hover{
	color:  #462a71;
}

#copyright{
    color: #888888;
    margin-right: 15px;
    font-size: 10px;
    padding-top: 3px;
}

/* -------- FIM RODAPE --------------- */

/* -------------- MENU MOBILE --------------- */

#div_menu_mobile {
    margin: 0 auto; 
    width: 100%;
    display: none;
    text-align: left;    
}

.item{
	padding: 15px;
	font-weight: bold;
	color: #ffffff;
}


.item.nivel1{
	background: #4F4F4F;
	border-bottom: 1px dotted #ededed;	

}

.item.nivel2{
	text-indent:20px;
	background: #696969;
	border-bottom: 1px dotted #ededed;	

}

.item.nivel3{
	text-indent:40px;
	background: #828282;
	border-bottom: 1px dotted #ededed;
}
#modalBox {
	z-index: 9999;
}
.rp-msg-info {width: 100%; text-align: center; position: absolute; z-index: 1000;}
.rp-msg-info span {padding: 15px; border-radius: 10px; z-index: 10; display: inline-block; box-shadow: 0px 3px 6px #00000050; letter-spacing: 1px; font-size: 1.1em;}
.rp-msg-danger {width: 100%; text-align: center; margin-bottom: 20px; z-index: 1000;}
.rp-msg-danger span {padding: 15px; border-radius: 10px; z-index: 10; display: inline-block; box-shadow: 0px 3px 6px #00000050; letter-spacing: 1px; font-size: 1.1em;}

.datepicker-dropdown{z-index: 100 !important;}