<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>CSS3 Dropdown Menu</title>
<link type="text/css" rel="stylesheet" href="style.css">
</link>
</head>
<body>
<ul id="nav">
</ul>
<p>
</p>
</body>
</html>
body {
background:none repeat scroll 0 0 #EBEBEB;
color:#666666;
font:0.8em/1.5em Arial,Helvetica,sans-serif;
margin:100px auto;
width:900px;
}
a {
color:#333333;
}

*{
margin: 0;
padding: 0;
}
body{
background-color: #E8E8E8;
/* background-image: url(Imagens/bg.gif);
background-repeat:repeat; */
}
li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
}
#header{
width: 100%;
height: 200px;
background-color: #8DB6CD;
}
.header_up{
width: 100%;
background-image: url(Imagens/bg_degrade_header.jpg);
background-repeat: repeat-x;
}
#header_up_cima{height: 10px;}
#header_up_baixo{
width: 100%;
height: 7px;;
background-color: #104E8B;
}


.header_up td{
text-align: center;
color: #FFEFB9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
background-color: #FF7E28;
/*padding-left: 10px;
padding-right: 10px; COLOCAR SE TIVER MAIS LINKS */
padding-bottom: 5px;
}
.header_up table{
width: 100%;
height: 47px;
}
.header_up a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
	/*color: #FFEFB9;*/
	}
.header_up a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FFEFB9;
	}
.header_up a:hover {
	text-decoration: underline; 
	color: #FFFFFF;
	}
.header_up a:active { 
	text-decoration: none; 
	color: #F9A846;
	}
#quadro_index {	
	position: absolute;
	top: 38px;
	width: 0px; /* COLOCANDO ISSO, FICA CENTRALIZADO NO IE7 (Năo me pergunte, por q!!...) */
	margin-left: -450px;
	left: 50%;			
}

#quadro_index_quadro{
	margin: 0 auto;
	text-align: center;
	/*background-image:url(Imagens/quadro_header_index.jpg); */
	background-repeat: no-repeat;
	background-position:center;	
	width: 800px;
	height: 206px;	
	padding-top: 12px;
}

#quadro_index_quadro table{
	position: relative;
	top: 16px;	
}

#quadro_index_quadro_geral{
	margin: 0 auto;
	text-align: center;
	background-image:url(Imagens/quadro_header_index_geral.gif);
	background-repeat: no-repeat;
	background-position:center;	
	width: 900px;
	height: 130px;
	padding-top: 12px;
}

.nomes_frame{
font-family:"Times New Roman", Times, serif;
font-size: 25px;
color: #434244;
font-weight:bolder;
font-style: italic;
text-align: right;
height: 100px;
padding-right: 7px;
line-height: 160px;

}

#meio{
position:absolute;
width: 100%;
top: 250px; /* Altura entre a pagina e a área de texto */
}

#meio_meio{
text-align: center;
margin: 0 auto;
}

#conteudo{
position: absolute;
width: 670px;
height: 400px;
right: 32%;
top: 250px;
background-color: #E8E8E8;
}

#conteudo2{
position: absolute;
width: 580px;
height: 460px;
right: 38%;
top: 250px;
background-color: #E8E8E8;
}
#limpar
{
clear : both;
}
#footer{
text-align:center;
width: 100%;
height: 100px;
}

#footer1 {
background-image:url(Imagens/logo_aetc.png);
	background-repeat:no-repeat;
	background-position: center;
width: 100%;
height: 100px;
background-color: #104E8B;
}
#footer2 {
height: 15px;
background-color: #104E8B;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
line-height: 14px;

}

#banners {
	position: relative;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: right;
	width: 300px;
	height: 473px;
	left: 34%;
	margin-bottom: 15px;
}


#banners2 {
	position: relative;
	margin: 0 auto;
	background-image:url(Imagens/bg_banners.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 260px;
	height: 473px;
	left: 25%;
	margin-bottom: 15px;
}

#banners p{
	width: 160px;
	height: 25px;
	margin: 0 auto;	
}

#banners iframe{
	margin: 0 auto;	
	margin-top: 6px;
}

#cinquenta_anos
{
	margin: 0 auto;
	width: 898px;
	height: 441px;
	border: solid 1px #E5E5E6;
	background-image:url(Imagens/bg_hotsite_aetc.gif);
	background-repeat: no-repeat;
	margin-bottom: 12px;
}
#menu_hotsite{
	background-image:url(Imagens/menu_hotsite_aetc.gif);
	background-repeat: no-repeat;
	background-position: center;	
	height: 441px;	
}

#menu_hotsite_links a:link {
	color: #FFFFFF;	
	text-decoration: none;	
}

#menu_hotsite_links a:visited {
	color: #FFEFB9;	
	text-decoration: none;	
}

#menu_hotsite_links a:hover {
	color: #FFFFFF;	
	text-decoration: underline;	
}

#menu_hotsite_links a:active {
	color: #F9A846;
	text-decoration: none;	
}

#menu_hotsite_links li {
	position: relative;
	top: 107px;
	%top: 103px;
	left: 82px;	
	list-style-type: none;
	padding:0px;
	text-align: left;
	margin-bottom:17px;
	%margin-bottom:11px;
}
.cinquenta_meio {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

#conteudo p {
	/*background-image:url(Imagens/pontinho_titulo_conteudo.gif);*/
	background-repeat:no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	font-family: "Times New Roman", Times, serif;
	font-size:28px;
	font-style: italic;
	font-weight: bold;
	color: #104E8B;
	padding-left: 20px;
}
#conteudo li {
	list-style-type: none;
}
#conteudo li.nome {
	color: #FF7E28;
	font-size: 13px;
}
#conteudo li.endereco {
	color: #333333;
	font-weight:normal;
}
#conteudo li.telefone {
	color: #333333;
}

#conteudo li.site a:link {
	color: #FF7E28;
	font-size: 10px;
	font-weight:normal;
}
#conteudo li.site a:visited {
	color: #FF7E28;
	font-size: 10px;
	font-weight:normal;
}
#conteudo li.site a:hover {
	color: #FF7E28;
	font-size: 10px;
	font-weight:normal;
}
#conteudo li.site a:active {
	color: #FF7E28;
	font-size: 10px;
	font-weight:normal;
}

#conteudo td.logo_empresa {
	text-align: center;
	width: 185px;	
}
#conteudo td.dados_empresa {
	width: 415px;	
}
#conteudo td.logo_empresa img {
	border: 0;
	width: 170px;
	height: 50px;
}

#nav {
-moz-border-radius:2em 2em 2em 2em;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
background:url("Imagens/gradient.png") repeat-x scroll 0 -110px #104E8B;
line-height:100%;
margin:0px auto;
padding:7px 16px 5px;
text-align: center;
}
#nav li {
float:left;
list-style:none outside none;
margin:0 5px;
padding:0 0 8px;
position:relative;
text-align: center;
}
#nav a {
-moz-border-radius:1.6em 1.6em 1.6em 1.6em;
color:#E7E5E5;
display:block;
font-weight:bold;
margin-left:13px;
padding:8px 20px;
text-decoration:none;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
}
#nav a:hover {
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
}
#nav .current a, #nav li:hover > a {
-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
background:url("Imagens/gradient.png") repeat-x scroll 0 -40px #666666;
border-top:1px solid #F8F8F8;
color:#444444;
text-shadow:0 1px 0 #FFFFFF;
}
#nav ul li:hover a, #nav li:hover li a {
-moz-box-shadow:none;
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#666666;
}
#nav ul a:hover {
-moz-border-radius:0 0 0 0;
background:url("Imagens/gradient.png") repeat-x scroll 0 -100px #0078FF !important;
color:#FFFFFF !important;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
}
#nav li:hover > ul {
display:block;
}
#nav ul {
-moz-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
background:url("Imagens/gradient.png") repeat-x scroll 0 0 #DDDDDD;
border:1px solid #B4B4B4;
display:none;
left:0;
margin:0;
padding:0;
position:absolute;
top:35px;
width:185px;
back\ground-color: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”yourPNG.png”, sizingMethod=”crop”);
}
#nav ul li {
float:none;
margin:0;
padding:0;
}
#nav ul a {
font-weight:normal;
text-shadow:0 1px 0 #FFFFFF;
}
#nav ul ul {
left:181px;
top:-3px;
}
#nav ul li:first-child > a {
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
#nav ul li:last-child > a {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
}
#nav:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}
#nav {
display:inline-block;
}
html[xmlns] #nav {
display:block;
}
* html #nav {
height:1%;
}



