@charset "utf-8";
/* CSS HyperCal
NAPEAD - 09/2011
Gabriel Carpenedo
 */
 /* xxxxxxxxxxxxx Gerais xxxxxxxxxxxxxxxxxxxxxxx*/
body{
	padding:0px;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#414042;
	background-color:#f5f5f5;
 }
h1 {
	font-size:14px;
	}
h2{
	font-size:12px;
	}

/* xxxxxxxxxxxxx Fim Gerais xxxxxxxxxxxxxxxxxxx*/ 
 
/* xxxxxxxxxxxxx Estruturantes xxxxxxxxxxxxxxxx*/
#container {
	width:960px;
	height:auto;
	margin:auto;
 }
#header {
	width:960px;
	height:116px;
	background-color:#E2E2E2;
 }
#content{
	padding: 60px 50px 50px 50px;
	width:860px;
	min-height:500px;
	max-height:auto;
	background-color:#FFFFFF;
 }
/* xxxxxxxxxxxxx Fim Estruturantes xxxxxxxxxxx*/
 
/* xxxxxxxxxxxxx Header xxxxxxxxxxxxxxxxxxxxxx*/
#asv {
	height:82px;
	padding:7px 0 0px 12px;
 }

#nav_bar{
	width:960px;
	height:27px;
	background-image:url(../img/bg_nav_bar.gif);
	background-repeat:repeat-x;
	display:block;
	}
#nav_bar a:link, a:visited {
	text-decoration:none;
	color:#58595B;
	}
#nav_bar ul{
	margin:0px;
	padding:0px;
	padding-left: 20px;
	list-style: none;
	}
#nav_bar ul li{
	float:left;
	padding: 5px;
	padding-left: 20px;
	}
#nav_bar ul li.sepp{
	padding: 2px;
	margin-right: 5px;
	}

#nav_bar ul li a{
	padding: 5px;
	padding-top: 10px;
	}


#nav_bar a:hover, a:focus{
	color:#000;
	}
#icon_inicio, #icon_instrucional, #icon_conceitos, #icon_fundamentos, #icon_historico, #icon_avaliacao, #icon_designer, #icon_referencias{
	background-image:url(../img/icon_inicio.png);
	background-repeat:no-repeat;
	background-position: left 5px;
	}
#icon_instrucional {
	background-image:url(../img/icon_instrucional.png);
	}
#icon_conceitos {
	background-image:url(../img/icon_conceitos.png);
	}
#icon_fundamentos{
	background-image:url(../img/icon_fundamentos.png);
	}
#icon_historico{
	background-image:url(../img/icon_historico.png);
	}
#icon_designer{
	background-image:url(../img/icon_designer2.png);
	}
#icon_avaliacao{
	background-image:url(../img/icon_avaliacao.png);
	}
#icon_referencias{
	background-image:url(../img/icon_referencias.png);
	}
.sep{
	width:1px;
	height:21px;
	background-color: #cccccc;
	border-right: 1px solid #999;
	display:block;
	}
/* xxxxxxxxxxxxx Fim Header xxxxxxxxxxxxxxxxxx*/
 
/* xxxxxxxxxxxxx Content INDEX xxxxxxxxxxxxxxx*/
#nav_down
{
	float:left;
	padding:40px 0 0 0;
}
#nav_up a:link, #nav_down a:link, #nav_up a:visited, #nav_down a:visited
{
	border:none;
	text-decoration: none;
	cursor: pointer;
}
#nav_up a:link h2, #nav_down a:link h2, #nav_up a:visited h2, #nav_down a:visited h2
{
	color: #414042;
}
#nav_up a:hover h2, #nav_down a:hover h2, #nav_down a:focus h2, #nav_up a:focus h2 
{
	color: #000;
}
#nav_up a:link p, #nav_up a:visited p, #nav_down a:link p, #nav_down a:visited p
{
	color:#333;
}
#nav_up a:hover p, #nav_up a:focus p, #nav_down a:link p, #nav_down a:focus p
{
	color:#000;
}
.nav_module{
	float:left;
	width:142px;
	height:132px;
	padding:8px 15px 20px 15px;
	margin: 0 20px;
	/*background-image:url(../img/bg_nav_content.png);
	background-repeat:no-repeat;*/
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CCC;
	}
.nav_module a:link, .nav_module a:visited{
	border: 1px solid #CCC;
	}
.nav_module:hover {
	border: 1px solid #AAA;
	outline: 1px solid #E6e6e6;
	-moz-outline-radius:4px;
	outline-radius:4px;
	}
.nav_module ul{
	list-style:none;
	display:inline-block;
	padding:0;
	margin:0;
	}
.nav_module img{
	float:left;
	margin: 10px 8px 0 0;
	}
#nav_up .nav_module h2{
	padding: 8px 0 4px 0;
	}
#nav_up .nav_module .centrado, #nav_down .nav_module .centrado{
	padding:24px 0 5px 0;
	bottom:0;
	}
/* xxxxxxxxxxxxx fIM Content INDEX xxxxxxxxxxx*/

/* xxxxxxxxxxxxx Content internas xxxxxxxxxxxx*/
#titulo {
	width: auto;
	clear:left;
	margin: 0 0 60px 0;
	}
#titulo img{
	margin-right: 10px;
	float: left;
	}
#titulo h1{
	padding: 0 0 0 10px;
	}
#content h2{
	margin:0;
	padding:0;
	}
#col_left{
	width:30%;
	float:left;
	}
#col_middle{
	width:30%;
	float:left;
	margin: 0 5% 0 5%;
	}
#col_middle ul{
	list-style:disc outside none;
}
#col_right{
	width:30%;
	float:left;
	}
#content ul {
	}
#ref_autor {
	margin:0;
	}

img {border: none;}

.logo_dep {
	max-height: 70px;
	max-width: 100px;
}
#logo_esq {
	margin-right: 9px;
}