/* -------------------------- */
/* Estilos de dise�o del men� desplegable horizontal */
/* -------------------------- */
@media screen and (max-width: 700px){
	
	.toggleMenu {
		display:  block;
		background: #E53317 url('../imgTemplate/icons/menu_white.png') center no-repeat;
		color: #fff;
		width:42px;
		height:42px;
		position: relative;	
    }
    .toggleMenu.active {
        background: #9ED4EC url('../imgTemplate/icons/menu_white.png') center no-repeat;
    }
    .toggleMenu:hover{
        color: #fff;
        text-decoration:none;
    }
    .toggleMenu li.active a{
        color: #044C72;
        text-decoration:none;
    }
    /*------------ Primer nivel ------------*/
    ul#topnav1{
        margin: 0; 
        padding: 0;
        position: relative;
        display:none;
        text-align: left;
        z-index: 1000;
        
    } 
    ul#topnav1>li{  
        display: block;
        border-bottom: 1px solid #BBB;
    }    
    ul#topnav1>li>a {        
        padding: 6px 11px 7px;
        display: block;
        background: #EEE;
        font-size: 16px;               
    }  
    ul#topnav1>li>a.current{
        background: #1B3C71;
        color:#FFFFFF;
    }   
    ul#topnav1>li>a.current+ul{        
        display:block;
    }
    /*------------ Fin Primer nivel ------------*/

    /*------------ Segundo nivel ------------*/
    ul#topnav1>li>ul{
       display:none;
       margin: 0px; 
       padding: 0px;       
       position:relative; 
       background: #FFF;        
    }
    ul#topnav1>li.active>ul{
        display:block;
    }
    ul#topnav1>li>ul>li{
        display: block; 
        border-bottom: 1px solid #BBB;
    }    
    
    ul#topnav1>li>ul>li>a {
              
        padding: 5px 0px 5px 15px;        
        display: block;
        color: #494949;
    } 
     ul#topnav1>li>ul>li>a.current {
        background: #A5BEE5;
        font-weight:bold;              
    } 
    ul#topnav1>li>ul>li>a.current+ul {
        display:block;          
    } 

    /*------------ Fin Segundo nivel ------------*/

    /*------------ Tercer nivel ------------*/
    ul#topnav1>li>ul>li>ul{
        display:none;
        margin: 0px; 
        padding: 0px;       
        position:relative; 
    }
	ul#topnav1>li.active>ul>li.active>ul{
        display:block;
    }
    ul#topnav1>li>ul>li>ul>li{
        display: block;      
        border-bottom: 1px solid #BBB;                   
    }
    ul#topnav1>li>ul>li>ul>li:last-child{
        border-bottom: none;

    }
    
    ul#topnav1>li>ul>li>ul>li>a {
       padding-top: 5px; 
        padding-left: 30px;
        height: 27px;
        display: block;
        color: #494949;
        text-decoration: none;
        text-transform: capitalize; 
        font-size: 14px;
    }
    ul#topnav1>li>ul>li>ul>li>a.current {
        color: #3D92BF;       
    }
    /*------------ Fin Tercer nivel ------------*/
    

}