@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/m_corrida_11.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 #cbat,  #main-nav #cbat a {width:76px;}
#main-nav #inicio, #main-nav #inicio a {width:57px; z-index:12;}
#main-nav #calendario, #main-nav #calendario a {width:83px; z-index:11;}
#main-nav #noticias, #main-nav #noticias a {width:67px; z-index:10;}
#main-nav #normas, #main-nav #normas a {width:67px; z-index:9;}
#main-nav #medicoes, #main-nav #medicoes a {width:78px; z-index:8;}
#main-nav #provas, #main-nav #provas a {width:119px; z-index:7;}
#main-nav #ranking, #main-nav #ranking a {width:137px; z-index:6;}
#main-nav #cadastro, #main-nav #cadastro a {width:157px; z-index:5;}
#main-nav #percursos, #main-nav #percursos a {width:126px;}


#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 #cbat a:hover {background: url(../img/nav/m2_corrida_01.gif) left top no-repeat; }
#main-nav #inicio a:hover {background:  url(../img/nav/m2_corrida_02.gif) left top no-repeat; }
#main-nav #calendario a:hover {background:  url(../img/nav/m2_corrida_03.gif) left top no-repeat; }
#main-nav #noticias a:hover {background:  url(../img/nav/m2_corrida_04.gif) left top no-repeat; }
#main-nav #normas a:hover {background:  url(../img/nav/m2_corrida_05.gif) left top no-repeat; }
#main-nav #medicoes a:hover {background:  url(../img/nav/m2_corrida_06.gif) left top no-repeat; }
#main-nav #provas a:hover {background:  url(../img/nav/m2_corrida_07.gif) left top no-repeat; }
#main-nav #ranking a:hover {background: url(../img/nav/m2_corrida_08.gif) left top no-repeat; }
#main-nav #cadastro a:hover {background: url(../img/nav/m2_corrida_09.gif) left top no-repeat; }
#main-nav #percursos a:hover {background: url(../img/nav/m2_corrida_10.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 #cbat  {background: url(../img/nav/m_corrida_01.gif) left top no-repeat;}
#main-nav #inicio  {background: url(../img/nav/m_corrida_02.gif) left top no-repeat;}
#main-nav #calendario  {background: url(../img/nav/m_corrida_03.gif) left top no-repeat;}
#main-nav #noticias  {background: url(../img/nav/m_corrida_04.gif) left top no-repeat;}
#main-nav #normas  {background: url(../img/nav/m_corrida_05.gif) left top no-repeat;}
#main-nav #medicoes  {background: url(../img/nav/m_corrida_06.gif) left top no-repeat;}
#main-nav #provas  {background: url(../img/nav/m_corrida_07.gif) left top no-repeat;}
#main-nav #ranking {background: url(../img/nav/m_corrida_08.gif) left top no-repeat;}
#main-nav #cadastro {background: url(../img/nav/m_corrida_09.gif) left top no-repeat;}
#main-nav #percursos {background: url(../img/nav/m_corrida_10.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 #FF6600;padding:0.4em 0 0 0;display: none;}
#main-nav .main-sub-nav li {float:none;background: #fff url(../img/nav/orange_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: #FF6600;
	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;}