/* CSS Document */

#bannerfloat {position:absolute; top:220px; left:42%; margin-left:-120px; z-index:2000;}

html, body {
	color:#585858;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:25px 0;
	}
	
a {
	color:#004b8d;
	text-decoration:none;
	}
	
img {
	border:0;
	}
	
h1.titulo {
	margin:0;
	padding:0;
	font-size:11px;
	}
	
h1 {
	font-size:11px;
}

h2 {
	font-size:11px;
}
	
a:hover {
	color:#004b8d;
	text-decoration:underline;
	}
	
div#principal:after{
        content:".";
        display:block;
        clear:both;
        visibility:hidden;
        height:0;
        overflow:hidden;
}
	
#principal {
	width:760px;
	margin:auto;
	background:url(imagens/fundo.jpg) repeat-x #e2f3f3;
	}
	
#principal #col_esq {
	width:260px;
	float:left;
	}
	
#principal #col_esq #logo {
	margin:20px 0 0 10px;
	height:105px;
	background:url(imagens/fundo_logo.gif) no-repeat;
	}

#principal #col_esq #menu {
	margin-left:10px;
	height:200px;
	background:url(imagens/fundo_menu.gif) no-repeat;
	}

#principal #col_esq #menu #links {
	margin-left:25px;
	}
	
#principal #col_esq #menu #links ul {
	margin:0;
	padding:0;
	list-style:inside;
	}
	
#principal #col_esq #menu #links ul li {
	margin:0;
	list-style:none;
	}
	
#principal #col_esq #menu #links ul li img {
	margin:0;
	padding-bottom:10px;
	list-style:none;
	}
	
#principal #col_esq #menu #links ul li a:hover {
	margin-left:5px;
	}

#principal #col_esq #menu_extra {
	float: left;
}

#principal #col_esq #menu_extra img {
	margin-left:25px;
	margin-top:20px;
}

#principal #col_esq #menu_extra_inter img {
	margin-left:25px;
	margin-top:6px;
}

#principal #col_dir {
	width:500px;
	float:right;
	}
	
#principal #col_dir #topo {
	width:500px;
	height:125px;
	float:left;
	background:url(imagens/fundo_top-menu.jpg) no-repeat;
	}
	
#principal #col_dir #topo_2 {
	width:500px;
	height:277px;
	float:left;
	background:url(imagens/fundo_top-menu_2.jpg) no-repeat;
	}
	
#principal #col_dir #topo_2 #menu {
	width:500px;
	height:60px;
	float:left;
	}
	
#principal #col_dir #topo_2 #menu #links {
	float:left;
	margin-top:35px;
	margin-left:10px;
	}
	
#principal #col_dir #topo_2 #menu #links ul {
	margin:0;
	padding:0;
	display:inline;
	}
	
#principal #col_dir #topo_2 #menu #links ul li {
	margin:0;
	display:inline;
	}
	
#principal #col_dir #topo_2 #menu #links ul li.separa {
	padding:0 5px;
	}
	
#principal #col_dir #topo_2 #banner {
	width:500px;
	float:left;
	}
	
#principal #col_dir #topo #menu_2 {
	margin-top:38px;
	width:500px;
	float:left;
	color:#004b8d;
	text-align:center;
	}
	
#principal #col_dir #topo #menu_2 p {
	margin:0;
	padding:0;
	}
	
#principal #col_dir #topo #menu_2 ul {
	margin:0;
	padding:0;
	display:inline;
	}
	
#principal #col_dir #topo #menu_2 ul li {
	margin:0;
	display:inline;
	}
	
#principal #col_dir #topo #menu_2 ul li.separa {
	padding:0 5px;
	}
	
#ecp {
	width:100%;
	margin:auto;
	background:url(imagens/fundo_ecp.jpg) repeat-x;
	}
	
#ecp_interna {
	width:760px;
	margin:auto;
	}
	
	
/* ESTILOS DO MENU ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */

#principal #col_dir #topo #menu_2 #esp {
	margin-left:22px;
	}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:10px;
	font-weight:normal;
}

#nav a {
	display: block;
	text-decoration:none;
	font-weight:normal;
}

#nav li { /* all list items */
	float: left;
}

#nav li { background:none; }
#nav li a {	background:none; color:#004b8d;}
#nav li a:hover { background:none; color:#004b8d; text-decoration:underline; }

#nav li li{ 
	/*background:#E5E5E5;
	border-left:1px solid #9D9D9C;
	border-right:1px solid #9D9D9C;*/
	font-weight:normal;
	}
	
#nav .primeiro { 
/*	background:#eeeeee;
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;*/
	margin-top:5px;
	font-weight:normal;
	text-align:left;
	}
	
#nav li li a {padding:5px 5px; margin-left:-50px; color:#444444; border:0; background:#E9E9E9; }
#nav li li a:hover {background:#3098A4; color:#FFFFFF; border:0;}
#nav li li.ultimo {
/*	background:#eeeeee;
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;*/
	font-weight:normal;
	text-align:left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width:145px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a {width:145px;}

#nav li ul ul { /* third-and-above-level lists */
	margin: -18px 0 0 106px;
}

#nav li ul ul li {
	font-size:11px;
	margin:50px;
	}

#nav li ul ul li a {padding:3px 5px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

 /* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
	
#principal #col_dir #topo #titulo {
	width:500px;
	float:left;
	margin-top:50px;
	}
	
#principal #col_dir #conteudo {
	width:438px;
	float:left;
	margin:10px 0 0 10px;;
	border:1px solid #d2eeee;
	background:#FFFFFF;
	padding:10px 20px;
	float:left;
	}
	
#principal #col_dir #nav_home {
	width:500px;
	height:190px;
	float:left;
	margin-top:20px;
	}
	
#principal #rodape {
	width:740px;
	float:left;
	padding:10px;
	color:#027283;
	font-size:9px;
	text-align:center;
	}

#principal #rodape p {
	margin:0;
	padding:0;
	}
.campos {border:1px solid #00B5AB; font-size:11px;}

.botao {background-color:#00B5AB; font-size:11px; border:0; color:#FFFFFF; font-weight:bold; padding:1px;}
