@charset "UTF-8";
/* CSS Document */

a:link{
	text-decoration:none;
	color:#868686;
	border:none;
}

a:hover{
	text-decoration:none;
	color:#579bb9;
	border:none;
}

a:visited{
	text-decoration:none;
	color:#868686;
	border:none;
}


a.rodape:link{
	text-decoration:none;
	color:#FFF;
	border:none;
}

a.rodape:hover{
	text-decoration:none;
	color:#579bb9;
	border:none;
}

a.rodape:visited{
	text-decoration:none;
	color:#FFF;
	border:none;
}


h1{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}


h2{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#579bb9;
}


h3{
	font-size:19px;
	font-weight:bold;
	text-decoration:none;
}



/* MENU DROP DOWN */


 
.menu-hv, .menu-vv { 
	position:relative; 
	margin:0;
	display:block;
	float:right;
}
.menu-hv *, .menu-vv * { 
	margin:0px 6px 3px 0px;
	padding:0;
	list-style: none;
}
.menu-hv li, .menu-vv li { 
	position: relative; 
	line-height: 3em;
	vertical-align:middle;
}
.menu-hv a , .menu-vv a { 
	display: block; 
	zoom: 1; 
	line-height: 1.2em;
}
.menu-hv li ul, .menu-vv li ul { 
	position: absolute; 
	visibility: hidden;
}
.menu-hv li:hover ul, .menu-vv li:hover ul, .menu-hv li.hover ul, .menu-vv li.hover ul { 
	visibility: visible;
}
.menu-hv li:hover ul ul, .menu-vv li:hover ul ul, .menu-hv li.hover ul ul, .menu-vv li.hover ul ul { 
	visibility: hidden;
}
.menu-hv li li:hover ul, .menu-vv li li:hover ul, .menu-hv li li.hover ul, .menu-vv li li.hover ul { 
	visibility: visible;
}
 /* características horizontal-vertical */
.menu-hv:after, .menu-hv:after { 
	content: "."; 
	line-height: 0px; 
	clear: both; 
	display: block; 
	visibility: hidden;
}
.menu-hv li { 
	float: left; 
}  
.menu-hv li ul li { 
	float: none; 
}
.menu-hv li ul li ul { 
	position: absolute; 
	left: 100%; 
	top: 0; 
}
 /* características vertical-vertical */
.menu-vv { 
	float: left;
	width:130px;
} 
.menu-vv li ul { 
	left: 100%; 
	top: 0;
	width:155px;
}
 /* ****************************************
   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
   ou apague as linhas se for definir em outro lugar
 */

.menu-vv li a{
	 background-color:#868686;
	 color:#FFF;
}
.menu-vv li a:hover { 
 	background-color:#579bb9;
	color:#FFF;
}


 
/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '';
} } )(this) , 'auto') }



/* FIM DO MENU */



body{
	margin:0px;
	background-color:#e3e3e2;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}

#topo{
	width:100%;
	height:120px;
	margin:auto;
	position:fixed;
	background-color:#e3e3e2;
}


#topo_2{
	width:1000px;
	margin:auto;
	padding-top:10px;
}


#meio{
	width:100%;
	margin:auto;
	line-height:17px;
	color:#868686;
	padding-bottom:75px;
	padding-top:120px;
}


#banner{
	width:100%;
	height:310px;
	background-image:url(images/bg_banner.jpg);
}


#rodape{
	width:100%;
}


#azul_claro{
	background-color:#579bb9;
	height:125px;
	width:100%;
	font-size:11px;
}


#azul_escuro{
	background-color:#00668e;
	height:58px;
	width:100%;
}