@charset "utf-8";
/* ---- CSS
/*K2M Tecnologia Web (http://www.k2mwweb.com.br)
Title: Acial.com.br
Author: K2M Web ( k2m@k2mweb.com.br ) 
Date: Setembro 2007
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - do not modify this*/
#nav, #nav ul {
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
	display:block;
}
#nav li {
	margin:0;
	padding:0;
	border:0;
	display:inline;
	float:left;
	position:relative;
	z-index:5;
}
#nav li:hover {
	z-index:10000;
	white-space:normal;
}
#nav li li {
	float:none;
	display:block;
}
#nav ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
}
#nav li:hover>ul {
	visibility:visible;
	top:100%;
}
#nav li li:hover>ul {
	top:0;
	left:100%;
}
#nav:after, #nav ul:after {
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	clear:both;
}
#nav, #nav ul {
	display:inline-block;
	min-height:0;
}
#nav a {
	text-decoration:none;
	display:block;
	position:relative;
}
#nav ul {
	background-image:url(../images/art/empty.gif);
	padding:10px 30px 30px 30px;
	margin:-10px 0 0 -30px;
}
#nav ul ul {
	padding:30px 30px 30px 10px;
	margin:-30px 0 0 -10px;
}
/* Fix for IE5/Mac \*//*/
#nav a
{
float:left;
}
/* End Fix */
/*this is end of functionality for the AdxMenu*/
/*this is beginning of design for the AdxMenu - modify values here*/
#nav {
	width:770px;/*give width*/
	height:29px;/*give height*/
	background:#0d4169 url(../img/nav/nav.jpg); /*set bg*/
}
#nav a span {
	display:none;/*hide links at top level*/
}
#nav ul a span {
	display:inline;/*show links at second level*/
}
#nav a {
	height:29px;/*expand links to fill li's*/
}
#nav #panel1 {
	width:59px;
}/*set custom width, a's will follow cause they are display - block*/
#nav #panel2 {
	width:53px;
}
#nav #panel3 {
	width:73px;
}
#nav #panel4 {
	width:72px;
}
#nav #panel5 {
	width:98px;
}
#nav #panel6 {
	width:69px;
}
#nav #panel7 {
	width:95px;
}
#nav #panel8 {
	width:81px;
}
#nav #panel9 {
	width:99px;
}
#nav #panel10 {
	width:71px;
}
#nav #panel1 a:hover, #nav #panel1 a.selected {
	background:url(../img/nav/nav.jpg) 0 -30px no-repeat;
}/*set background to hover and selected states*/
#nav #panel2 a:hover, #nav #panel2 a.selected {
	background:url(../img/nav/nav.jpg) -59px -30px no-repeat;
}
#nav #panel3 a:hover, #nav #panel3 a.selected {
	background:url(../img/nav/nav.jpg) -112px -30px no-repeat;
}
#nav #panel4 a:hover, #nav #panel4 a.selected {
	background:url(../img/nav/nav.jpg) -185px -30px no-repeat;
}
#nav #panel5 a:hover, #nav #panel5 a.selected {
	background:url(../img/nav/nav.jpg) -257px -30px no-repeat;
}
#nav #panel6 a:hover, #nav #panel6 a.selected {
	background:url(../img/nav/nav.jpg) -354px -30px no-repeat;
}
#nav #panel7 a:hover, #nav #panel7 a.selected {
	background:url(../img/nav/nav.jpg) -424px -30px no-repeat;
}
#nav #panel8 a:hover, #nav #panel8 a.selected {
	background:url(../img/nav/nav.jpg) -519px -30px no-repeat;
}
#nav #panel9 a:hover, #nav #panel9 a.selected {
	background:url(../img/nav/nav.jpg) -599px -30px no-repeat;
}
#nav #panel10 a:hover, #nav #panel10 a.selected {
	background:url(../img/nav/nav.jpg) -699px -30px no-repeat;
}
/*this have to be separate from above to make sure IE6 reades above rules*/
#nav #panel1:hover>a {
	background:url(../img/nav/nav.jpg) 0 -30px no-repeat;
}/*set background to hover and selected states*/
#nav #panel2:hover>a {
	background:url(../img/nav/nav.jpg) -59px -30px no-repeat;
}
#nav #panel3:hover>a {
	background:url(../img/nav/nav.jpg) -112px -30px no-repeat;
}
#nav #panel4:hover>a {
	background:url(../img/nav/nav.jpg) -185px -30px no-repeat;
}
#nav #panel5:hover>a {
	background:url(../img/nav/nav.jpg) -257px -30px no-repeat;
}
#nav #panel6:hover>a {
	background:url(../img/nav/nav.jpg) -354px -30px no-repeat;
}
#nav #panel7:hover>a {
	background:url(../img/nav/nav.jpg) -424px -30px no-repeat;
}
#nav #panel8:hover>a {
	background:url(../img/nav/nav.jpg) -519px -30px no-repeat;
}
#nav #panel9:hover>a {
	background:url(../images/art/nav.jpg) -599px -30px no-repeat;
}
#nav #panel10:hover>a {
	background:url(../img/nav/nav.jpg) -699px -30px no-repeat;
}
#nav #panel1 ul li a, #nav #panel2 ul li a, #nav #panel3 ul li a, #nav #panel4 ul li a, #nav #panel5 ul li a, #nav #panel6 ul li a, #nav #panel7 ul li a, #nav #panel8 ul li a, #nav #panel9 ul li a, #nav #panel10 ul li a /*overwrite rules above for second level menu*/ {
	background:url(../img/nav/subnav.jpg) repeat-x;
	width:130px;
	height:20px;
	font:10px "Tahoma";
	font-weight: bold;
	color:#fff;
	padding:3px 0 0 10px;
}
#nav #panel1 ul li a:hover, #nav #panel2 ul li a:hover, #nav #panel3 ul li a:hover, #nav #panel4 ul li a:hover, #nav #panel5 ul li a:hover, #nav #panel6 ul li a:hover, #nav #panel7 ul li a:hover, #nav #panel8 ul li a:hover, #nav #panel9 ul li a:hover, #nav #panel10 ul li a:hover /*overwite rules above for hover states for second level menu*/ {
	background:url(../img/nav/subnav-hover.jpg) repeat-x;
}
#nav #panel1 ul li a.selected, #nav #panel2 ul li a.selected, #nav #panel3 ul li a.selected, #nav #panel4 ul li a.selected, #nav #panel5 ul li a.selected, #nav #panel6 ul li a.selected, #nav #panel7 ul li a.selected, #nav #panel8 ul li a.selected, #nav #panel9 ul li a.selected, #nav #panel10 ul li a.selected /*overwite rules above for selected states for second level menu*/ {
	text-decoration:underline;
}
#nav #panel1 ul li:hover>a, #nav #panel2 ul li:hover>a, #nav #panel3 ul li:hover>a, #nav #panel4 ul li:hover>a, #nav #panel5 ul li:hover>a, #nav #panel6 ul li:hover>a, #nav #panel7 ul li:hover>a, #nav #panel8 ul li:hover>a, #nav #panel9 ul li:hover>a, #nav #panel10 ul li:hover>a {
	background:url(../img/nav/subnav-hover.jpg) repeat-x;
}