/**
 * The FCIM ROOT.
 * @package fcim
 */
 /************ COLORS
	BLUE: #092455, rgb(0, 45, 106) ;
	DarkBLUE: #092455, rgb(0, 45, 106) ;
	GRAY: #6D6D71, rgb(128, 128, 132) - rgb(128, 128, 132);
	BEIGE: #ECEBE2, rgb(239, 239, 231)
	Yellow #FBAD18 rgba(251,173,24,1);
********************************************/
/********* FONT ********/
@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700,300italic,400italic,700italic';
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;1,300;1,400&display=swap');
@font-face {font-family: sans-serif;}
@font-face {font-family: 'Oswald';}
@font-face {font-family: 'Titillium Web';}

/****** --- ESTRUTURA _______________________ ******/
html,body {
  height:100%;max-width:100%;
	margin:0;padding:0;
	font-size:1em;
}
#page {
	z-index:0;
	min-height:100%;
	margin:0;padding:0;
    display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
   -webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;
   -webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch;
}
#masthead {
	z-index:1000;top:0;
	width:100%;margin:0;padding:0;
}
#content {z-index:1;}
#colophon {
	z-index:1000;
	width:100%;
	left:0;bottom:0 !important;
	margin:0;padding:0;
}
.ancorage{display:block;margin-top:184px;}
a#topo {visibility:hidden;height:184px;}

/*** --- LINKS __________________________________ ***/
a {text-decoration:none;color:#996;}
a:visited {color:#993;}
a:hover,a:focus {outline:none;border:0 none !important;}
a.active{outline:none;border:0 none !important;}

/* ForumGeral */
.rooter {
	position:fixed;z-index:11000;
    top:0;left:0;right:0;
    width:100%;height:24px;
	margin:0;padding:0 3%;
  /*  background: rgb(40,46,112);
    background: -webkit-linear-gradient(-30deg, rgba(40,46,112,1) 19%, rgba(148,148,96,1) 68%);
    background: linear-gradient(150deg, rgba(40,46,112,1) 68%, rgba(148,148,96,1) 19%);
    background-attachment:fixed;
    border-bottom: 1px solid #949460;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.55);*/
	display:-ms-flexbox;display:-webkit-flex;display:flex;
   -webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;
}
.cm-branding {
	width:160px;height:38px;
	background:url(../images/cardmonitor160.jpg) no-repeat center center;
	-webkit-background-size:contain;background-size:contain;
    -webkit-box-shadow: -1px 1px 2px 1px rgba(0,0,0,0.55);
    box-shadow: -1px 1px 2px 1px rgba(0,0,0,0.55);
}
.rooter ul {
	list-style:none;
	margin:0;padding:0;
	margin-right:40px;
}
.rooter li {
	position:relative;float:right;
	padding:4px 8px;
	margin:-2px 0 0 8px;
}
.rooter a {
	display:block;
	margin:0;padding:1px 8px 0;
	color:#FBAD18;
	color:#FFF;
	font-size:0.9em;
	font-family:'Oswald', sans-serif;
	font-weight:400;
    letter-spacing:0.08em;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition:all 0.7s;transition: all 0.7s;
}
.rooter a:hover, .rooter a:active {color:#FBAD18;}
.rooter ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float:left;
	position:absolute;
	top:1.5em;left:-999em;
	z-index:99999;
}
.rooter ul ul ul {left:-999em;top:0;}
.rooter ul ul a {width: 200px;}
.rooter ul li:hover > ul {left:auto;}
.rooter ul ul li:hover > ul {left:100%;}
.rooter .current_page_item li,.rooter .current-menu-item li,
.rooter .current-post-ancestor li,
.rooter .current-menu-parent li {background:#FBAD18;color:#000;}
.rooter .current_page_item a, .rooter .current-menu-item a, .rooter .current-post-ancestor a, .rooter .current-menu-parent a {color:#FBAD18;padding-top:3px !important;}

/*********** --- MOBILE -------- **********/
@media screen and (max-width: 561px) {
    html,body {font-size:0.9em;line-height:0.9;}
	.cm-branding {width:118px;height:28px;}
	.rooter {padding:0 2% 0 1%;}
	.rooter a {font-size:0.9em;}
	.rooter ul {margin-right:4px;}
	.rooter li {float:left;padding:0px;margin:5px 0 0 0px;}
}