/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

html{ height: 100%; }

img
{
border:none;
}

body{
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100.2%;
	line-height:1.3;
	background-color:#FFFFFF;
	height:100%;
}

#box {
	position:relative;
	min-height:100%; /* Para browsers modernos */
	height:auto !important; /* Para browsers modernos */
	height:100%; /* Para o IE6 */
	/*border:3px solid green;*/
}

#wrap{ 
	font-size:0.75em; /* TAMANHO DAS FONTES DO MENU*/
	/*height:100%;*/
	/*width:100%;*/
	/*position:relative;*/
	/*position:absolute;*/
	/*float:left;*/
	/*border:2px solid red;*/
}

#conteudo 
{
	color: #000;
	/*width:98%;*/
	/*height:100%;*/
	overflow:visible;
	/*border:2px solid blue;*/
}
#conteudo_index 
{
	padding:0px 15px 50px 15px;
	/*padding-bottom:50px; /*Esse padding é o mesmo valor da altura do rodapé */
	/*border:2px solid blue;*/
}

#rodape{  
	overflow:visible;
	display:table-cell;
	width:100%;
	position:fixed;
	background-color:#ccc;
	bottom:0 !important;
	/*border:2px solid orange;*/
}


/*TYPO & LINKS*/
h1{ font-size:2em; }
h2{ font-size:1.6em; color:gray; font-weight:bold;}
h3{ font-size:1.2em; }
h4{ font-size:1em; }


a{ color:blue; text-decoration:none; cursor:pointer; }
a:hover{ color:gray; }
a.explain{ cursor:help; }
ul, ol, dir, menu { list-style:none; }


/*HEADER*/

/*LOGO*/
#header{ background: #263657 url(../images/menu/bg3.gif) 0 bottom repeat-x; border-bottom:1px solid #000; }
	#header .content{ background: #263657; width:100%;height:90px; margin:0 auto; position: relative; z-index:1; }
	#header a.logo{ display:block; position: absolute; top:5px; left:15px; z-index:799; width:113px; height:62px; margin-right:10px; background:url(../images/menu/logo2.png) no-repeat; }

	#conteudo a.logo_cliente{ display:block; position: absolute; top:100px; right:10px; z-index:-1; width:180px; height:60px; margin-right:5px;opacity:0.6;filter:alpha(opacity=60)}
	#conteudo a.logo_cliente:hover{ border: none; }

/* links de config*/	
	#header ul.userMenu{ height:16px; width:600px; float:right; margin:10px 17px 0pt; font-size:1.3em; }
	#header ul.userMenu li{ float:right; color:#ccc; margin-left:15px; padding:1px 0 0 1px; text-align: center; }
			#header ul.userMenu li a{ color:#a1b2b8; }
			#header ul.userMenu li a:hover{ color:#FFF; }

	#header ul.projectMenu{ height:16px; width:800px; float:right; margin:10px 17px 0pt; font-size:1.3em;z-index:999; }
	#header ul.projectMenu li{ float:right; color:#fff; margin-left:0px; padding:1px 0 0 17px; text-align: center;z-index:999; }
			#header ul.projectMenu li a{ color:#fff; }
			#header ul.projectMenu li a:hover{ color:#FFF; }

/*projeto em analise*/
	.projeto_atual a
	{ 
		color: #FFFFF6;
		font-size:1.3em;
	}
	.projeto_atual
	{ 
		text-align:right;
		position:absolute;
		left: 140px;
		top: 10px;
	}

	.projeto_atual select
	{ 
		-webkit-border-radius: 5px;	
		-moz-border-radius:5px;
		
		-moz-box-shadow:2px 2px 2px #CCCCCC;
		background:-moz-linear-gradient(44% 55% 90deg, #FFFFFF, #BBBBBB) repeat scroll 0 0 transparent;
		border:1px solid #D0D0D0;
		color:#999999;
		padding:1px;
	}

/*itens menu*/
	#header ul.navMenu{ position:absolute; z-index:999; bottom:0px; left:3px; }
	#header ul.navMenu li{ float:left; display:inline; white-space:nowrap; position:relative; z-index:999; font-weight:bold; text-align:center; color:#ccc; margin:0 1px; }

			#header ul.navMenu li a{ color:#fff; padding:5px 16px; display:block; position:relative; }
			#header ul.navMenu li.active a{ color:#fff; } /*FONTE MENU*/
			#header ul.navMenu li.hover a{ background-color:#f3f8fa; color:#3333CC; }/*FONTE MENU hover*/
			
			#header ul.navMenu li a b{ display:none; position:absolute; top:0px; left:0px; width:6px; height:6px; background:url() 0 0px no-repeat; overflow:hidden; }
			* html #header ul.navMenu li a b{ left:-16px; }
			#header ul.navMenu li a b.right{ left:auto; right:0px; background-position:0 -6px; }
			* html #header ul.navMenu li a b.right{ right:-1px; }
			
			#header ul.navMenu li.hover a b{ display:block; }
			/* submenu */
			#wrap #header ul.navMenu li div.submenu{ display:none; position: absolute; left:0; z-index:9999; border:1px solid #e4e9e9; border-top:none; font-size:1em; background-color:#f3f8fa; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; }
			
			/*---*/
			#wrap #header ul.navMenu li.active div.submenu{ background:#fff; z-index:1000; }
			#wrap #header ul.navMenu li ul{ padding:2px 1px 1px; height:1%; }
				#wrap #header ul.navMenu li ul li{ float:none; display:block; text-align:left; margin:0; line-height:2.2em; background:none; position:relative; z-index:999; }
				#wrap #header ul.navMenu li ul li.back{ position:absolute; height: 30px; z-index: 999; background-color:#dfebee; }
				* HTML #wrap #header ul.navMenu li ul li{ height:1%; }
				#wrap #header ul.navMenu li ul li.hover{ background-color:#88aaff; }/*COR DA FAIXA MOUSE OVER*/
					#wrap #header ul.navMenu li ul li.hover a{ color:#fff; }
				#wrap #header ul.navMenu li ul li.active{  }
					#wrap #header ul.navMenu li ul li a{ xwidth:100%; display:block; padding:2px 20px 2px 14px; color:gray; background:none }
					#wrap #header ul.navMenu li ul li.active a{  }
					
					
/*APPLICATIVO*/
#sep{ background:#ccc; height:5px; font-size:1px;}
#app{ background:#ddd; float:left;}
#toolbox{float:left; align:center; }
#context{ margin:10px;background:#fff;width:100px;height:200px;}
#wizard { margin:10px;background:#fff;width:100px; padding:0px;}
.tool{ width:40px;height:40px;float:left;background:#ccc;margin:4px;}					


/*-------------------------------- 
	Footer
---------------------------------*/
#footer{ font-size:0.8em; position:relative; bottom:0 !important;}
	#footer .content{ width:950px; margin:0 auto; padding:10px 0; color:blue; }
		#footer div.text{ float:left; width:500px; }
		#footer ul.menu{ cursor:default; float: right; }
			#footer ul.menu li{ display:inline; padding:0 0 0 25px; }
			
#where{ margin:10px;background:gray;width:100px;height:100px;}