/* 
    Document   : menus
    Created on : 23/04/2010, 15:58:27
    Author     : gabriel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/



/* Menu superior do Topo dinâmico */


#menu-topo {
    background-image: url(../_imgs/fundo_menu.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:741px;
    height: 27px;
    margin: 0px;
    padding: 0px 0px 0px 20px;

}

#menu-topo ul{
    margin: 0px;
    padding: 8px 0px 0px 10px;
}

#menu-topo li{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: inline;

}


.menuTopo_nivelamento a{
    background-image: url(../_imgs/menuTopo_nivelamento.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 148px;
    height: 12px;
    margin: 0px 22px 0px 0px;
    padding: 0px;
    display: block;
    float: left;
}

.menuTopo_nivelamento a:hover{
    background-position: 0px -13px;
    width: 148px;
    height: 12px;
}

.menuTopo_empresas a{
    background-image: url(../_imgs/menuTopo_empresas.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 86px;
    height: 12px;
    margin: 0px 22px 0px 0px;
    padding: 0px;
    display: block;
    float: left;
}

.menuTopo_empresas a:hover{
    background-position: 0px -13px;
    width: 86px;
    height: 12px;
}

.menuTopo_escolas a{
    background-image: url(../_imgs/menuTopo_escolas.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 74px;
    height: 12px;
    margin: 0px 22px 0px 0px;
    padding: 0px;
    display: block;
    float: left;
}

.menuTopo_escolas a:hover{
    background-position: 0px -13px;
    width: 74px;
    height: 12px;
}

.menuTopo_estudeExterior a{
    background-image: url(../_imgs/menuTopo_estudeExterior.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 142px;
    height: 12px;
    margin: 0px 22px 0px 0px;
    padding: 0px;
    display: block;
    float: left;
}

.menuTopo_estudeExterior a:hover{
    background-position: 0px -13px;
    width: 142px;
    height: 12px;
}

.menuTopo_exames a{
    background-image: url(../_imgs/menuTopo_exames.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 142px;
    height: 12px;
    margin: 0px 22px 0px 0px;
    padding: 0px;
    display: block;
    float: left;
}

.menuTopo_exames a:hover{
    background-position: 0px -13px;
    width: 142px;
    height: 12px;
}

/* IN�CIO DO DROPDOWN */

.submenu{
    width:152px;
    z-index: 5;
    top:369px;
    padding: 0px;
    position: absolute;
    visibility: hidden;
}

.dropDownTopo{
    background-image: url(../_imgs/drop_superior.gif);
    background-repeat:no-repeat;
    width: 124px;
    height: 20px;
}

.dropDownFundo{
    background-image: url(../_imgs/drop_fundo.gif);
    background-repeat:repeat-y;
    width: 124px;
    position: relative;
}

.dropDownBottom{
    background-image: url(../_imgs/drop_inferior.gif);
    background-repeat:no-repeat;
    background-position:top;
    width: 124px;
    height: 20px;
}

.submenu a{
    padding:0px;
    margin: 0px;
    color: #FFFFFF;
    font-size:10px;
    font-weight: bold;
    text-decoration:none;
}

.submenu a:hover{ color:#e3461c;}

.submenu ul, li{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.submenu ul{
    width: 120px;
    position: absolute;
    border: 0px solid #666666;
    margin: 0px 0px 0px 3px;
    top: -10px;
}

.submenu li{

    margin: 0px 0px 11px 0px;
    padding: 0px 0px 0px 8px;
    background-image: url(../img/marcadorDropDown-03.gif);
    background-repeat:no-repeat;
    background-position: 0px 6px;
}

#menuSuperior {
    height: 25px;
    margin-bottom: 100px;
}

#menuSuperior .menuTopo {
    position: absolute;
    top: 10px;
    right: 0px;
    background-image: url('../_imgs/barra_menu.gif');
    background-position: top center;
    background-repeat: no-repeat;
    width: 481px;
    height: 16px;
    padding: 7px 5px;
    z-index: 4;
}

#menuSuperior .menu-item {
    float: left;
    text-align: center;
    margin: 0px 2px;
    _overflow: hidden;
}

#menuSuperior .menu-item a{
    font-size: 11px;
    color: #eee;
    font-weight: bold;
    text-decoration: none;
    margin-left: 6px;
}

#menuSuperior .menu-item a:hover {
    color: #d00;
}

#menuSuperior .sub-menu {
    _position: relative;
    display: none;
    /*background-color: #F4FCFF;*/
    background-image: url('../_imgs/submenu_rodape.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
    margin: 9px 0px 0px 5px;
    text-align: center;
    width: 162px;
    padding: 0px 0px 15px 0px;
}

#menuSuperior .submenu-item {
    background-image: url('../_imgs/submenu_bg.gif');
    padding: 3px 0px 0px 7px;
    _padding: 3px 0px 0px 15px;
    text-align: left;
}

#menuSuperior .submenu-item a{
    background-image: url('../_imgs/traco.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
    display: block;
    padding: 0px 0px 5px 0px;
    width: 90%;
    font-size: 10px;
    color: #006FA2;
}




#menuInferior {
    height: 25px;
    margin-bottom: 100px;
}

#menuInferior .menuTopoInferior {
    position: absolute;
    top: 321px;
    left: 1px;
    background-image: url('../_imgs/menuInferior_bg.gif');
    background-position: top right;
    background-repeat: repeat-x;
    width: 730px;
    height: 15px;
    padding: 6px 5px;
    z-index: 5;

}

#menuInferior .menuTopoInferior .menu-item {
    float: left;
    text-align: center;
    margin: 0px 2px;
    _overflow: hidden;
    background-image: url('../_imgs/bg_item_menu_topo.jpg');
    background-position: top right;
    background-repeat: no-repeat;
    padding: 0px 15px 0px 0px;
    /*height: 14px;*/

}

#menuInferior .menuTopoInferior .menu-item a{
    font-size: 11px;
    color: #eee;
    font-weight: bold;
    text-decoration: none;
    margin-left: 6px;
}

#menuInferior .menuTopoInferior .menu-item a:hover {
    color: #d00;
}

#menuInferior .menuTopoInferior .menu-item .sub-menu {
    _position: relative;
    display: none;
    /*background-color: #F4FCFF;*/
    background-image: url('../_imgs/submenu_rodape.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
    margin: 6px 0px 0px 5px;
    text-align: center;
    width: 162px;
    padding: 0px 0px 15px 0px;
    z-index: 6;
}

#menuInferior .menuTopoInferior .menu-item .submenu-item {
    background-image: url('../_imgs/submenu_bg.gif');
    padding: 3px 0px 0px 7px;
    _padding: 3px 0px 0px 15px;
    text-align: left;
}

#menuInferior .menuTopoInferior .menu-item .submenu-item a{
    background-image: url('../_imgs/traco.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
    display: block;
    padding: 0px 0px 5px 0px;
    width: 90%;
    font-size: 10px;
    color: #006FA2;
}

#menuInferior .menuTopoInferior .submenu-item a:hover {
    color: #d00;
}