body, nav, ul, li, a  {margin: 0; padding: 0;}

.toggleMenu {
    display:  none;
	padding: 10px 15px;
    color: #fff;	
	background: #fff; /*linear-gradient(#3E3E3E, #383838);	*/
	border-top:1px solid rgba(255,255,255,.2);
	background:-webkit-gradient(linear, left top, left bottom, from(#005dab), to(#0d72b7));
	background:-moz-linear-gradient(top,  #005dab,  #0d72b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e84d4", endColorstr="#0d72b7");
}

#menu 
  {    
     *zoom: 1;
     /*background:#175e4c;*/
	 font-family: 'Tahoma', Verdana, Geneva, sans-serif; 
     font-size:1.1em;
	 list-style: none;
	 width:100%;
     z-index:2000; 
 }
#menu:before,
#menu:after 
 {
    content: " "; 
    display: table; 
 }
#menu:after 
 {
    clear: both;
 }
#menu ul 
 {
    list-style: none;	
    width: 9em;
	
	background:#fff; 	
    /*
	text-shadow: 0 1px 0 #fff;    
    -webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);  
    -moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);  
    box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);  
	*/
	
	border: 1px solid rgba(0,0,0,.2);
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);	
	/*transition: all .2s ease-in-out;  */
	
 }
/********************************************/
#menu ul a:hover {
	/*background: #007ebe url(../img/gradient.png) repeat-x 0 -100px !important;*/
	/*background: linear-gradient(#007ebe, #1067b0) !important;*/
	background-color: #007ebe;
	background: linear-gradient(#3F94BF, #246485) !important;
	color: #fff !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
}

#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #fff;
}

#menu ul li:first-child a:hover:after {
	border-bottom-color: #1067b0; 
}

#menu ul ul li:first-child a:hover:after {
	border-right-color: #1067b0; 
	border-bottom-color: transparent; 	
}

#menu ul li:last-child > a {
	border-radius: 0 0 3px 3px;
	right: 0;
}


/***************************/ 
#menu a 
{
	border-right: 1px solid #005dab;	
    color:#005dab;
	padding: 10px 15px;    
}
#menu li 
{    
    position: relative;
}
#menu > li 
{
    float: left;
    /*border-top: 1px solid #104336;*/
}
#menu > li > .parent 
{    
    background-repeat: no-repeat;
    background-position: right;
}
#menu > li > a 
{	 
    display: block;
}
#menu li  ul 
{
    position: absolute;
    left: -9999px;
}
#menu > li.hover > ul 
{
    left: 0;	
}
#menu li li.hover ul 
{
    left: 100%;
    top: 0;
}
#menu li li a 
{
	background: #f9f9f9;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    color: #666; 
    display: block;    
	font-size:0.8em;
    position: relative;
    z-index:100;    	
	
	
}
#menu li li li a {        
	color: #666;
	cursor: pointer;    
    z-index:200;	
}

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

	#menu > li 
      {		
		font-size:0.9em;		
      }
	
}


/*maximo 685px hacia abajo*/
@media only screen and (max-width:685px){	
	

	#menu > li 
      {
		display: inline-block;     	
		float: none;
		font-size:0.95em;
		position: relative;			
    }
	
}


/*maximo 480px hacia abajo*/
@media only screen and (max-width:480px)
{
	.active {
        display: block;
    }
	
	#menu 
	{
		radius:0.5em;
		-ms-border-radius: 0.5em;
		-mz-border-radius: 0.5em;
		-o-border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
	}
	
	#menu a
	{
		color: #fff;
	}
	
    #menu > li 
      {
		float: none;
		border-top:1px solid rgba(255,255,255,.2);
		background:-webkit-gradient(linear, left top, left bottom, from(#005dab), to(#0d72b7));
		background:-moz-linear-gradient(top,  #005dab,  #0d72b7);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e84d4", endColorstr="#0d72b7");
		color: white;			
    }
	
    #menu > li > .parent 
	{		
		background-position: 0% 0%;
	text-align:center;	
		/*background: linear-gradient(#3E3E3E, #383838);*/
		border-top: 1px solid #fff;
		font-weight: bold;
		color: #fff;
		text-shadow: 0 -1px 1px #000;
		border-top:1px solid rgba(255,255,255,.2);
		background:-webkit-gradient(linear, left top, left bottom, from(#005dab), to(#0d72b7));
		background:-moz-linear-gradient(top,  #005dab,  #0d72b7);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e84d4", endColorstr="#0d72b7");
		color: white;		
}
    #menu li li .parent 
	{		
        background-image: url("../img/downArrowBlack.png") !important;
        background-repeat: no-repeat !important;
        background-position: 95% 50% !important;
    }
    #menu ul {
        dispnArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    #menu ul {
        display: block;
        width: 100%;
    }
   #menu > li.hover > ul , #menu li li.hover ul {
        position: static;
    }

}