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

/* --[ General Settings ]--------------------------- */
* {margin:0; padding:0}
html {/*height:100%; */overflow: auto;} 


/* --[ Text Elements ]------------------------------- */

/*li {font-size: 1em;}
ul li ul li {font-size: 1em; background-color:white;}
ul {display: list-item; list-style: circle;}*/
p, ul {margin: 0 0 1em 0}

/* Layout settings for three col layout */
#container {position: relative;	min-height: 100%}
#container li {font-size: 1em;}
#container ul li ul li {font-size: 1em; background-color:white;}
#container p, ul {margin: 0 0 1em 0}
#container ul {display: block; list-style:none; z-index: 90;}

/* Content */
#container {text-align:left;}

/* --[ Branding Area - header ]----------------------- */
#branding-area {width: 980px}

/* All of these should be the same for alignment */
#branding-area #main-nav, ul#nav-items {left: 1px; right: 1px}

/* Main navigation */
#main-nav {width: 980px; position: absolute; background: url(../img/nav/menu_13a.gif) repeat-x; z-index: 2} 
#main-nav li {position:relative; float:left;}
#main-nav li span {position: absolute; width:100%; height:100%;}
#main-nav li a {display:block}

/* Widths for navigation items */
#main-nav #home,  #main-nav #home a {width:55px;}
#main-nav #noticias, #main-nav #noticias a {width:68px; z-index:12;}
#main-nav #acbat, #main-nav #acbat a {width:63px; z-index:11;}
#main-nav #licitacoes, #main-nav #licitacoes a {width:79px; z-index:10;}
#main-nav #calendario, #main-nav #calendario a {width:85px; z-index:9;}
#main-nav #competicoes, #main-nav #competicoes a {width:98px; z-index:8;}
#main-nav #selecoes, #main-nav #selecoes a {width:124px; z-index:7;}
#main-nav #estatisticas, #main-nav #estatisticas a {width:90px; z-index:6;}
#main-nav #oatletismo, #main-nav #oatletismo a {width:89px; z-index:5;}
#main-nav #programas, #main-nav #programas a {width:138px;}
#main-nav #galeria, #main-nav #galeria a {width:62px;}


#main-nav li, #main-nav li a {height: 25px} /* contato para o sub-menu*/
#main-nav .main-sub-nav li, #main-nav .main-sub-nav li a {height: 21px} /* espaçamento entre o itens do sub-menu*/

/* Hover*/
#main-nav #home a:hover {background: url(../img/nav/m2_01.gif) left top no-repeat; }
#main-nav #noticias a:hover {background:  url(../img/nav/m2_02.gif) left top no-repeat; }
#main-nav #acbat a:hover {background:  url(../img/nav/m2_03.gif) left top no-repeat; }
#main-nav #licitacoes a:hover {background:  url(../img/nav/m2_04.gif) left top no-repeat; }
#main-nav #calendario a:hover {background:  url(../img/nav/m2_05.gif) left top no-repeat; }
#main-nav #competicoes a:hover {background:  url(../img/nav/m2_06.gif) left top no-repeat; }
#main-nav #selecoes a:hover {background:  url(../img/nav/m2_07.gif) left top no-repeat; }
#main-nav #estatisticas a:hover {background: url(../img/nav/m2_08.gif) left top no-repeat; }
#main-nav #oatletismo a:hover {background: url(../img/nav/m2_09.gif) left top no-repeat; }
#main-nav #programas a:hover {background: url(../img/nav/m2_10.gif) left top no-repeat; }
#main-nav #galeria a:hover {background: url(../img/nav/m2_11.gif) left top no-repeat; }

#main-nav .main-sub-nav a:hover {
	width: 210px; height: 21px; 
	padding: 0 0 0 20px; 
	color:#000; text-decoration:none; 
	z-index:99; 
	background: url(../img/nav/hor_line.gif) bottom left repeat-x;
}

/* Off states */
#main-nav #home  {background: url(../img/nav/m_01.gif) left top no-repeat;}
#main-nav #noticias  {background: url(../img/nav/m_02.gif) left top no-repeat;}
#main-nav #acbat  {background: url(../img/nav/m_03.gif) left top no-repeat;}
#main-nav #licitacoes  {background: url(../img/nav/m_04.gif) left top no-repeat;}
#main-nav #calendario  {background: url(../img/nav/m_05.gif) left top no-repeat;}
#main-nav #competicoes  {background: url(../img/nav/m_06.gif) left top no-repeat;}
#main-nav #selecoes  {background: url(../img/nav/m_07.gif) left top no-repeat;}
#main-nav #estatisticas {background: url(../img/nav/m_08.gif) left top no-repeat;}
#main-nav #oatletismo {background: url(../img/nav/m_09.gif) left top no-repeat;}
#main-nav #programas {background: url(../img/nav/m_10.gif) left top no-repeat;}
#main-nav #galeria {background: url(../img/nav/m_11.gif) left top no-repeat;}



/* Main navigation Sub navi - drop down layers  */
#main-nav .main-sub-nav {position:absolute;top:25px;left:0;width:185px;background-color:#fff;border:1px solid #90a3af;padding:0.4em 0 0 0;display: none;}
#main-nav .main-sub-nav li {float:none;background: #fff url(../img/nav/gray_arrow_right.gif) 10px 45% no-repeat;padding-left:10px;padding-top:0.8em;}

/* Horizontal dash background image for second level navigation */
#branding-area #main-nav .main-sub-nav li a {
	width: 145px; height: 21px;
	padding: 0 0 0 20px;
	background: url(../img/nav/hor_line.gif) bottom left repeat-x;
	color: #000; text-decoration:none; 
	z-index: 99;
}

/* Last navigation items */
#branding-area #main-nav .main-sub-nav .last a, #branding-area #main-nav .main-sub-nav .last a:hover {background:none;}

/* Second level hover navigation*/
#branding-area #main-nav .main-sub-nav li a:hover {
	text-decoration:underline; color: #3da55f;
	background: url(../img/nav/hor_line.gif) bottom left repeat-x;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#main-nav li:hover ul ul, #main-nav li.iehover ul ul {display: none;}
#main-nav li:hover ul, #main-nav li.iehover ul {display: block;}