#header {
	background-color: var(--klo-1-menu-background-color);
	height: 40px;
	position: relative;
	border-bottom: 1px solid #ccc;
	z-index: 1040;
}	
	#header .content-wrapper {
		height:100%;
		position:relative;
		/* padding:0px 20px; */
		/* padding:0px 50px; */
		padding: 0px 0px 0px 50px;
	}
	#header .site-title {
		/* width: 100%; */
		padding: 4px 0px;
        margin: 0px 0px 0px 10px;
	}
	#header .site-title img{
		max-width: 100%;
		max-height: 36px;
		height:36px;
	}
	#header .login-holder {
		position: absolute;
		right: 6px;
		top: 0px;
		z-index:10;
	}
.content-wrapper {
	margin: 0 auto;
	/*max-width: 960px;*/
}
/* site title
----------------------------------------------------------*/
.site-title {
	color: #c8c8c8;
	font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
	font-size: 2.3em;
	/* margin: 0px 0px 0px 50px; */
}
.site-title p{
	word-wrap: normal;       
    margin-top: 5px;
	word-wrap: normal;
    /* width: 100%; */
    font-size: 18px;
    font-family: 'blogger_sansbold';
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #a7a9ab !important;
}
.site-title a :hover {
	background: none;
	color: #c8c8c8;
	outline: none;
	text-decoration: none;
	font-weight: bold;
}
.site-title a{
	font-family: 'BloggerSans';
    font-weight: normal;
	background: none;
	color: #c8c8c8;
	outline: none;
	text-decoration: none;
}

/*icones*/
.icone > a{
	text-indent:-9999px;
	height:40px;width:30px;
	display:block;
}
/*  mgd 2016.10.06 */
.icone.debug-fix > a{
	background:url(../Images/debug-fix.png) center no-repeat;
}
.icone.icone-1 > a{
	background:url(../Images/menu-ico-1.png) center no-repeat;
}
.icone.icone-2 > a{
	background:url(../Images/menu-ico-2.png) center no-repeat;
}
.icone.icone-3 > a{
	background:url(../Images/menu-ico-3.png) center no-repeat;
}
.icone.icone-4 > a{
	background:url(../Images/menu-ico-4.png) center no-repeat;
}
.icone.icone-4.alert-on > a{
	background:url(../Images/menu-ico-4-on.png) center no-repeat;
}
.icone.icone-5 > a{
	background:url(../Images/filter-white.png) center no-repeat;
	/* background:url(../Images/filter-black.png) center no-repeat; */
}
.icone.icone-6 > a{
	background:url(../Images/refresh-metadata.png) center no-repeat;
}

.icone.troca-perfil > a{
	background:url(../Images/troca_perfil_b.png) center no-repeat;
}

/*icones*/
/*menu-alerta*/
.alert-count {
	font-size:10px;
	font-style:italic;
	text-align:center;
	font-weight:bold;
	color:#f00 !important;
	background:#fff;
	display:block;
	height:15px;
	width:15px;
	position:absolute;
	top:2px;
	right:2px;
	padding:0px;
	border-radius:100%;
}
.alert-msg {
	position:absolute;
	display:none;
	background:#f89a1c;
	padding:10px 15px;
	min-width:120px;
	right:0px
}

.alert-msg p,.alert-msg a {
	color:#fff;
	font-size:12px;
	margin:0px;
	padding:2px 0px 2px 20px;
	word-break:keep-all;
	display:block;
	border-bottom:solid 1px #fff;
	cursor:pointer;
	background:url(../Images/alert-ico.png) left center no-repeat;
}

.alert-msg p:last-child, .alert-msg a:last-child {
	border:none;
}

.alert-msg p:hover, .alert-msg a:hover {
	opacity:0.6;
}

.alert-on:hover .alert-msg {
display:block;
}

/*menu-alerta*/

.login-holder #login {
	display:inline-block;
	margin-left:20px;
	position:relative;
}

.login-holder #login text > a {
	height:40px;
	line-height:40px;
	display:block;
	padding-right:40px;
	background:url(../Images/menu-ico-5.png) right center no-repeat;
}

.login-holder #login:hover form {
	display:block;
}

.login-holder #login .header-box-itens {
	position:absolute;
	background:#f2f2f2;
	padding:10px 20px;
	text-align:center;
	display:none;
	width:120px;
	right:5px;
	margin-top:0px;
}
.login-holder #login .header-box-itens {
	color:#4d4d4e !important;
	font-size:15px !important ; 
	/* font-weight:bold; */
	padding: 5px;
	margin:0;
}

.login-holder #login {
	display:inline-block !important;
	margin-left:20px  !important;
	position:relative  !important;
}

.login-holder #login text > a {
	height:40px  !important;
	line-height:40px  !important;
	display:block  !important;
	padding-right:40px  !important;
	background:url(../Images/menu-ico-5.png) right center no-repeat  !important;
	color: #fff !important;
}

.login-holder #login:hover .header-box-itens {
	display:block  !important;
}
.login-holder #login:hover .header-box-itens ul{
	padding: 0;
}
.login-holder #login .header-box-itens  li a{
	background-image: url(../Images/menu-lateral/ico-leaf.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    color: #4d4d4e !important;
    padding-top: 5px;
    padding-bottom: 5px;
}
.login-holder #login .header-box-itens  li.ico-user-data a{
	background-image: url(../Images/menu-header/ico-user.png);
}
.login-holder #login .header-box-itens  li.ico-change-password a{
	background-image: url(../Images/menu-header/ico-change-password.png);
}
.login-holder #login .header-box-itens  li.ico-empresa a{
	background-image: url(../Images/menu-header/ico-company.png);
}
.login-holder #login .header-box-itens  li.ico-empresa-user a{
	background-image: url(../Images/menu-header/ico-company-user.png);
}
.login-holder #login .header-box-itens  li.ico-empresa-association a{
	background-image: url(../Images/menu-header/ico-company.png);
}
.login-holder #login .header-box-itens  li.ico-register a{
	background-image: url(../Images/menu-header/ico-register.png);
}
.login-holder #login .header-box-itens  li.ico-logout a{
	background-image: url(../Images/menu-header/ico-logout.png);
}
.login-holder #login .header-box-itens {
	position:absolute  !important;
	background:#f2f2f2  !important;
	padding:0px  !important;
	text-align: left;
	display:none  !important;
	min-width:85%  !important;
	right:5px  !important;
	margin-top:0px  !important;
	width: 15vw;
	margin-right: -12px;
}
.login-holder #login .header-box-itens {
	color: #4d4d4e !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding: 7px;
}
.login-holder #login .header-box-itens  ul li{
	display: block !important;
    color: #4d4d4e !important;
    font-size: 15px !important;
    /* font-weight: bold; */
    padding: 5px 5px 5px 5px;
    margin: 0;
}
.login-holder #login .header-box-itens .item-border{
	border-bottom:1px solid #ccc;
}
.login-holder #login .header-box-itens .logoutbtn {
 /*font-weight:bold;
 color:#fff !important;
 background:#4e4e4e;
 padding:5px 10px;
 border-radius:5px;*/
}
.login-holder nav {
	display:inline-block  !important;
	float:left  !important;
}
.login-holder *,
.login-holder a {
	/* color:#666666 !important; */
	text-decoration:none  !important;
	display: block;
}

.login-holder #login .header-box-itens .logoutbtn {
 /*font-weight:bold;
 color:#fff !important;
 background:#4e4e4e;
 padding:5px 10px;
 border-radius:5px;*/
}
.login-holder nav {
	display:inline-block;
	float:left;
}
.login-holder *,
.login-holder a {
	color:#fff;
	text-decoration:none;
}

.login-holder{
	display:inline-block !important;
	list-style-type:none !important;	
}
.login-holder li{
	display:inline-block !important;
	list-style-type:none !important;
	vertical-align: top;	
}
.login-holder li a{
	color:transparent !important;
}
.login-holder #config {
	/*display:none !important;*/
	/*margin-left: 6px;*/
}
.login-holder #config #ul-config {
	display:none;
	position: absolute !important;
    background: #f2f2f2 !important;
    padding: 10px 20px !important;
    text-align: center !important;
    min-width: 65% !important;
    /*right: 5px !important;*/
    /* margin-top: 3px !important; */
}
.login-holder #config li {
	list-style-type: none !important;
	white-space: nowrap;
}
.login-holder #config li a{
	color: #4d4d4e !important;
    font-size: 12px !important;
    font-weight: bold !important;
	white-space: nowrap;
}

#icone-config{
	background:url(../Images/icone-config.png) center no-repeat;
	background-size: 21px;
    /* background-color: #ccc; */
	font-size: 12px !important;
    height: 29px;
    width: 25px;
    border-radius: 20px;
    margin-top: 3px;
    box-sizing: unset;
	white-space: nowrap;
    text-indent: -9999px;    
    display: block
	
}
.login-holder #config:hover #ul-config{
	display: block !important;
}