﻿@media (min-width: 768px  ) 
{
    #ulMenuHorizontal{display:table;}
    #ulMenuVertical{display:none;}
}


@media (max-width: 767px  ) 
{

    #ulMenuHorizontal{display:none;}
    #ulMenuVertical{display:block;}
}

/*-----------GERAL------------*/
ul.ulMenu {  
    list-style      : none;  
    list-style-type : none;
    margin          : 0px;
    padding         : 0px;
    width           : 100%;  
    white-space     : nowrap;  
    display         : table;
    height          : 30px;
}
/*-----------GERAL------------*/

/*-----------DIVISORES------------*/
ul.ulMenu .div
{
    padding         : 0px;
    width           : 0px;
    list-style-type : none;
    display         : table-cell;
}
/*-----------DIVISORES------------*/
     
/*-----------NIVEL 1------------*/
ul.ulMenu li   
{
    list-style      : none;  
    list-style-type : none;
    display         : table-cell;
    padding         : 0px 0px 0px 0px;
    position        : relative;
    text-align      : center;
	
}  

ul.ulMenu li a  
{
    font-size       : 17px;
    color           : #4D4D4D;
    display         : block;  
    text-decoration : none;  
    padding         : 0px 0px 0px 0px;
    line-height     : 30px;
}  

@media (max-width: 991px  ) 
{
    ul.ulMenu li a  
    {
        font-size       : 15px;
    }
}

ul.ulMenu li:hover  
{
    background      : #FFFFFF;
}  
ul.ulMenu li:hover  a
{
    color           : #D0000C;
}  
ul.ulMenu li a.selected {
	color           : #D0000D;
	background      : #FFFFFF;
	font-weight     : bold;
}
/*-----------NIVEL 1------------*/
    
/*-----------NIVEL 2------------*/
ul.ulMenu li ul.subnav   
{
    list-style      : none;  
    list-style-type : none;
    position        : absolute; 
    left            : 0;
    top             : 30px;  
    margin          : 0px 0 0 0;
    padding         : 5px 0 0 0;  
    display         : none;
    z-index         : 10004;
    border-top      : none;
    width           : 100%;
    
} 
     
ul.ulMenu li ul.subnav li  
{
    width           : 100%;
    list-style      : none;  
    list-style-type : none;
    text-align      : left;
    display         : block;
    background      : #fff;
    
}  
    

html ul.ulMenu li ul.subnav li a  
{ 
    list-style      : none;  
    list-style-type : none;
    font-weight     : normal;
    font-size       : 13px;

    color           : #666666;
    line-height     : 45px;
    margin          : 0 10px;
    border-top      : 1px solid #EFEFEF ;
}  
ul.ulMenu li ul li a.selected {
	color:#D0000D !important;
}    
html ul.ulMenu li ul.subnav li a:hover 
{
    color           : #D0000C;
}  
/*-----------NIVEL 2------------*/
      



#ulMenuVertical
{
    list-style  : none;
    padding     : 0px;
    background  : #D0000D;
	
  
}
#ulMenuVertical .liMain
{
    line-height : 50px;
    color       : #fff;
    position    : relative;
    font-size   : 17px;
    
}

#iconLiMain
{
    background  : url('/img/iconMenuVertical.png') no-repeat center;
    height      : 50px;
    width       : 30px;
    position    : absolute;
    right       : 10px;
    top         : 0px;
    cursor      : pointer;
}

#ulMenuVertical .ulMenuEsqFilho
{
    display     : none;
    padding     : 0px 0px 0px 0px;
    background  : #D0000D;
    list-style  : none;
    position    : relative;
    z-index     : 9999;

   
    
}

.ulMenuEsqFilho li
{
    line-height : 30px;
    font-size   : 13px;
	cursor:pointer;
}

.ulMenuEsqFilho > li:hover
{
    background:#FFFFFF;
}

.ulMenuEsqFilho > li > span
{
    padding     : 0px 0px 0px 10px;
}
.ulMenuEsqFilho > li:hover > span
{
    color:#D0000D;
}

.ulMenuEsqFilho li ul
{
    background  : #980000 !important;
    
}

.ulMenuEsqFilho li ul li
{
    font-size   : 11px !important;
}

.ulMenuEsqFilho li.selected {

	background:#FFFFFF;
}

.ulMenuEsqFilho li.selected > span{
	color:#D0000D;
}
	