/* -------------------------- */
/* Estilos de diseño del menú */
/* -------------------------- */


    .nav > li > a {
        height:17px;
        display: block;
        /**border-right: 1px solid #707070;*/
        color:#eeeeee;
    	font-size:16px;
        text-transform: uppercase;	
        font-weight: lighter;   
    }
    
    .nav > li:last-child > a {
        border-right: none !important;
		/*width: 156px;*/
    }
   
    .nav > li > a:hover {
        color:#fff;
        background:#a82e97;        
    }
    
    .current {
        color:#ffffff !important;
        background:#a82e97 !important;        
    }
    .nav > li:first-child.current_active .current{
        /**
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
        */
	}
    .nav > li:last-child.current_active .current{
        /**
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
        */
	}
    /* First drop menu */
    .nav li li a {
        display: block;
        z-index:100;
        padding: 10px 15px; 
        background: #eeeeee;
        position: relative;
        border-top: 1px dotted #175e4c;
    	color:#333333;
        background: #eeeeee;
        text-transform: uppercase;
        font-weight: lighter; 
    }
    .nav li li a:hover {
        color:#ffffff;
        background:#dd37bf !important;   
    }
    
    /* Second drop menu */
    .nav li li li a {
        background:#eeeeee;
        z-index:200;
        border-top: 1px solid #1d7a62;
        text-transform: uppercase;	
        font-weight: lighter; 
    }
    
    .nav li li li a:hover{
    
    }
    /* -------------------------- */
    
    
    
    /* Estilos de maquetación del menú */
    
    .nav , .nav ul, .nav li, .nav  a  {margin: 0; padding: 0;}
    
    a {text-decoration: none;}
    .container {
        width: 90%;
        max-width: 900px;
        margin: 10px auto;
    }
    
    .toggleMenu {
        display:  none;
        padding: 10px 0px;   
        text-align:center;
    	color:#fff;
    	width:100%;
    	/*background:#c70aa0;*/
    }
    
    .nav {
		z-index: 100;
        list-style: none;
         *zoom: 1;
         /*background:#175e4c;*/
    }
    .nav:before,
    .nav:after {
        content: " "; 
        display: table; 
    }
    .nav:after {
        clear: both;
    }
    .nav ul {
        list-style: none;
        width: 9em;
    }
    
    .nav li {
        position: relative;
    }
    .nav > li {
        float: left;
    }
    .nav > li > .parent {
        /*
        background-image: url(/"template/dusnic/menu/downArrow.png");
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 30px;
        */
    }
    
    .nav li  ul {
        position: absolute;
        left: -9999px;
        width:200px;
    }
    .nav > li.hover > ul {
        left: 0;
    }
    .nav li li.hover ul {
        left: 100%;
        top: 0;
    }


@media screen and (min-width: 700px) {

    /* Main manu */
    .cat_navbar{
        width:100%;
        margin: 0px; 
        /**
		background: rgba(131,131,131,1);
		background: -moz-linear-gradient(top, rgba(131,131,131,1) 0%, rgba(72,72,72,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(131,131,131,1)), color-stop(100%, rgba(72,72,72,1)));
		background: -webkit-linear-gradient(top, rgba(131,131,131,1) 0%, rgba(72,72,72,1) 100%);
		background: -o-linear-gradient(top, rgba(131,131,131,1) 0%, rgba(72,72,72,1) 100%);
		background: -ms-linear-gradient(top, rgba(131,131,131,1) 0%, rgba(72,72,72,1) 100%);
		background: linear-gradient(to bottom, rgba(131,131,131,1) 0%, rgba(72,72,72,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#484848', GradientType=0 );
 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
        */
    }
    
    .nav > li > a {
        padding: 15px 13px 15px 13px;   
    }  
}


@media screen and (max-width: 700px) {

    
	.current {
		color:#fff !important;		    
	}
	
	.current:hover {
		color:#fff !important;	    
	}

    .active {
        display: block;
    }
    .nav > li {
        float: none;
		background-color:#9c9c98;
		border-bottom:1px solid #ddd;
    }
    .nav > li  a{
        padding: 12px 20px 12px 20px; 
		color:#fff;
        border:none;
    }
    .nav > li:hover{      
		background-color:#c83b9e;		
    }
	
    .nav > li:hover a {
		color:#fff;
    }
	
	
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {        
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100% !important;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;		
    }

}
/* Versión 1200*/
@media screen and (min-width: 1200px){
	.cat_navbar{
		width: 100%;
		margin:0;		
	}
	.nav > li > a {
		padding: 15px 31px;
	}
	.nav > li:last-child > a{
	
	}
}