/*--------------------------*/
body {
	background: url(../images/bgBody.png) #FFF repeat-x 0 0;
	font-family:  Arial, Helvetica;
	color: #036;
	font-size: 14px;
	
}
/*--------|Geral|-----------*/
#Geral {
	background:url(../images/bg01.png) #FFF no-repeat 0 top ;
	width: 900px;
	height: auto;
	margin: 0 auto;
}

.alt { display: none; }
.clean { clear: left; }

/*--------|Topo|-----------*/
#Geral #Topo {
	width: 900px;
	height: 184px;
	position: relative;
	margin: 0 auto;
}

#Geral #Topo a.marcaICEF {
	background:url(../images/imgMarcaICEF.gif) no-repeat 0 0;
	width:695px;
	height: 75px;
	position: absolute;
	z-index: 1;
	top: 44px;
	left: 20px;
}
/*--------|Login|-----------*/
#Geral #Topo #Login {
	background:url(../images/bgLogin.gif) no-repeat 0 0;
	width: 358px;     /*--|width + padding-left = 433px|---*/
	height: 29px;     /*--|height + padding-top = 38px|---*/
	padding: 9px 0 0 75px;
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 0px;
}
#Geral #Topo #Login label {
	color: #FFF;
	text-transform: uppercase;
	font-size: 0.7em;
	float: left;
	padding: 5px 5px 0 17px;

}
#Geral #Topo #Login input {
	width:86px;
	height: 18px;
	float: left;
	padding: 1px 2px;
	border: none;
}
#Geral #Topo #Login button {
	background:url(../images/botLoginOK.gif) no-repeat 0 0;
	width: 22px;
	height: 20px;
	float: left;
	border: none;
	margin: 0 0 0 10px;
	cursor: pointer;
}
/*--------|Menu|-----------*/
#Geral #Topo #MenuTopo {
	width: 755px;
	height: 53px;
	position: absolute;
	z-index: 3;
	top: 125px;
	left: 108px;
}

a.bot001, a.bot002, a.bot003, a.bot004, a.bot005 {
	 background: no-repeat 0 0px;
	 height:53px;
	 float:left;
}

a.bot001  { background-image: url(../images/bot001.gif); width: 131px; }
a.bot002  { background-image: url(../images/bot002.gif); width: 155px; }
a.bot003  { background-image: url(../images/bot003.gif); width: 98px; }
a.bot004  { background-image: url(../images/bot004.gif); width: 224px; }
a.bot005  { background-image: url(../images/bot005.gif); width: 147px; }

a:hover.bot001, a:hover.bot002, a:hover.bot003, a:hover.bot004, a:hover.bot005 { background-position: 0 -53px; }

/*--------|Container|-----------*/
#Container {
	width: 900px;
	height: auto !important;
	min-height: 300px;
	height: 300px;
	margin: 0px auto;
	position: relative;
}
#Container p { margin: 0 0 10px 0; line-height: 140%; }
#Container ul { margin: 10px 0px; }
#Container ul li { margin: 0 0 5px 0; list-style:disc inside; }

#Container a { color: #069; text-decoration:none; }
#Container a:hover { text-decoration: underline; }

#Container h2 {
	font-size: 1.9em;	
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing: -1px;
	color: #069;
	padding: 0 0 6px 0;

}
#Container h3 { 
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 4px 0;
}

.space { width: 865px; margin: 10px auto 20px auto; }

.iframe { width: 865px; margin: 10px auto 20px auto; }

/*--------|Destaque capa|-----------*/
#DestHome { 
	background: url(../images/bgDestaquesHome.png) repeat-x 0 0;
	width:900px;
	height: 300px;
	float: left;
}

#DestHome span.titCursos { 
	background: url(../images/imgTitHomeCursos.png) no-repeat 0 0;
	width:161px;
	height: 300px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#DestHome img {
	margin: 0px;
	padding: 0px;
	float: left;
}

#DestHome a img, #DestHome img.disable { -moz-opacity: 0.65; filter: alpha(opacity=65); }
#DestHome a:hover img { -moz-opacity: 1.0; filter: alpha(opacity=100); }



/*--------|Contato|-----------*/
#Contato { 
	width: 500px;
	height: auto;
	position: relative;
	margin: 15px 0 0 0;
}

#Contato label {
	font-size: 1.0em;
	text-align: left;
	width: 80px;
	float: left;
	margin: 8px 0 2px 0;
}
#Contato br {clear: left;}

#Contato .colEsq { float: none; margin: 0 8px 0 5px;}

#Contato span.asterisco { color:#990; font: 1.0em Arial; }

#Contato i.exemplo { font-size: 0.8em; }

#Contato input {
	font-size: 1.0em;
	background-color:#FFF;
	color: #036;
	padding: 3px;
	margin: 3px 0;
	border: 2px solid #CCC;
}

#Contato textarea {
	font: 0.9em Arial;
	color: #036;
	background-color:#FFF;
	width: 380px;
	height: 150px;	
	margin: 0 0 10px 0;	
	padding: 5px 5px;
	border: 2px solid #CCC;
	overflow:hidden;
}

#Contato button {
	font: 0.9em Arial;
	color: #FFF;
	text-transform: uppercase;
	background-color: #069;
	border: none;
	display: inline;
	width: auto;
	margin-right: 10px;
	padding: 5px 0 3px 0;
	float: left;
	cursor: pointer;
}
/*--------|Rodape|-----------*/	
#Rodape {
	background:url(../images/bgRodape.gif) no-repeat 0 top;
	width: 900px;
	margin: 0px auto;
	padding: 17px 0 0 0;
}
#Rodape p {
	font-size: 0.9em;
	text-align: center;
	color: #000;
	
}
#Rodape a.logoInovit {
background url(../images/inovit.gif) no-repeat 0 0;
width: 149px;
height: 59px;
position: absulte;
margin-left: 800px;
top:5px;
right: 10px;
z-index: auto;
}
#Rodape a {
	font-size: 0.8em;
	text-align: center;
	background:url(../images/inovit.gif);
	color: #000;
	
}

.twitter{
	float:right;
	margin:0 0 0 10px;
}

.facebook{
	float:right;
}