/***************************** START HEADER ******************************/
/***************************** START HEADER ******************************/
/***************************** START HEADER ******************************/
header{
	min-height: 245px;
	background-image:url(../../imagens/fundo-body.jpg), url(../../imagens/fundo-pontilhado-preto.png);
	background-repeat:no-repeat, repeat;
	background-position:center top, center top;
	padding-bottom: 6px;
}
.total-header{
	min-height:245px;
}
.total-header .logo{
	display:table;
	float:left;
	margin-top:85px;
}
.total-menus-header{
	margin-top:50px;	
}
.total-menus-header a{
	float:left;
}
.total-header .total-menus-header a{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;	
}
.total-header .total-menus-header .menu-last{
	padding-right:0px !important;	
}
.total-header .total-menus-header a:hover, .selecionado-manual, .selecionado-videos, .selecionado-ajuda, .selecionado-informacoes, .selecionado-atualizacoes{
	color:#CC363B !important;	
}
.icone-menu{
	height:70px;
	display:table;
	margin:0 auto;	
}
.i-manuais{
	width:38px;
	background:url(../../imagens/manuais.png) 0px 5px no-repeat;
}
.total-header .total-menus-header a:hover .i-manuais, .selecionado-menu-manual{
	width:38px !important;
	background:url(../../imagens/manuais-hover.png) 0px 5px no-repeat !important;
}
.i-videos{
	width:50px;
	background:url(../../imagens/videos.png) 0px 7px no-repeat;	
}
.total-header .total-menus-header a:hover .i-videos, .selecionado-menu-videos{
	width:50px !important;
	background:url(../../imagens/videos-hover.png) 0px 7px no-repeat !important;	
}
.i-atualizacoes{
	width:50px;
	background:url(../../imagens/atualizacoes.png) no-repeat;	
}
.total-header .total-menus-header a:hover .i-atualizacoes, .selecionado-menu-atualizacoes{
	width:50px !important;
	background:url(../../imagens/atualizacoes-hover.png) no-repeat !important;	
}
.i-ajuda{
	width:50px;
	background:url(../../imagens/ajuda.png) no-repeat;	
}
.total-header .total-menus-header a:hover .i-ajuda, .selecionado-menu-ajuda{
	width:50px !important;
	background:url(../../imagens/ajuda-hover.png) no-repeat !important;	
}
.i-informacoes{
	width:47px;
	background:url(../../imagens/informacoes.png) no-repeat;	
}
.total-header .total-menus-header a:hover .i-informacoes, .selecionado-menu-informacoes{
	width:47px !important;
	background:url(../../imagens/informacoes-hover.png) no-repeat !important;	
}
.contorno-direita-topo{
	display:table;
	float:right;
	padding-top:35px;
}
.contorno-direita-topo .total-logado-header img{
	float:left;
	margin-right:13px;	
}
.contorno-direita-topo .total-logado-header .contorno-mensagem-bemvindo{
	float:left;
	height:26px;
	padding-top: 5px;
}
.contorno-mensagem-bemvindo span{
	display: block;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
}
.contorno-direita-topo .total-logado-header{
	color:#FFF;
	display:table;
	float:right;
	font-size:13px;
}
.contorno-direita-topo .total-logado-header a{
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
	cursor:pointer;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	font-size:13px;
}
.link-sair{
	margin-right: 0px !important;
}
.contorno-direita-topo .total-logado-header a:hover{
	color:#CC363B;
}
@media (max-width: 767px){
	.contorno-direita-topo{
		display:none;	
	}
	.ultimos-materiais-acessados h1 img{
		display:none;	
	}
	.ultimos-materiais-acessados h1{
		padding-top:50px !important;	
	}
	.contorno-titulo-h1{
		width:100%;
		text-align:center;
		margin-left:0px !important;
		padding-left:0px;	
	}
}

/***************************** END HEADER ******************************/
/***************************** END HEADER ******************************/
/***************************** END HEADER ******************************/


/***************************** START MENU RESPONSIVO ******************************/
/***************************** START MENU RESPONSIVO ******************************/
/***************************** START MENU RESPONSIVO ******************************/

.logo-responsivo {
	float:left;
	width:calc(100% - 120px);
	text-align: center;
}
.topo-responsivo {
	width: 100%;
	height: 60px;
	position: relative;
	background-color: #CC363B;
	border-bottom: 1px solid #BC1017;
}
.topo-responsivo .logo-responsivo{
	height:60px;
	padding-top:10px;
	text-align:center;
}
.topo-responsivo a img{
	line-height:60px;
	max-width:80%;
}
.icone-menu-xs {
	width: 60px;
	height: 60px;
	cursor: pointer;
	float: left;
	background: url(../../imagens/iconemenuxs.png) 50% 50% no-repeat;
	border-right: 1px solid #BC1017;
}
.areausuario-xs {
	width: 60px;
	height: 60px;
	cursor: pointer;
	float: right;
	background: url(../../imagens/icone-usuario-xs.png) 50% 50% no-repeat;
	border-left: 1px solid #BC1017;
}
.menu-responsivo,.menu-areausuario-responsivo {
	position: absolute;
	top: 60px;
	min-height: 10px;
	z-index: 99999;
	width: 100%;
	background: #CC363B;
	display: none;
}
.menu-responsivo a, .menu-areausuario-responsivo a {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #BC1017;
	text-align: center;
	font-size: 14px;
	color: #FFF;
}
@media (max-width: 767px){
	
}
/***************************** END MENU RESPONSIVO ******************************/
/***************************** END MENU RESPONSIVO ******************************/
/***************************** END MENU RESPONSIVO ******************************/