.menu_sec ul{
		list-style: none;
		margin: 0px;
	}
	
	.menu_sec ul li{
		float:left;
		background-color:#fff;
		
		margin-top:10px;
		margin-bottom:10px;
		margin-left:5px;
		
		padding-left:5px;
		padding-right:5px;
		border-right:1px #166573 solid;
	}
	
	.menu_sec ul li a:link,.menu_sec ul li a:visited{
		/*background: #fff;*/
		text-decoration:none;
		color:#166573;
	}
	
	.menu_sec ul li a:hover,
	.menu_sec ul li a:focus,
	.menu_sec ul li a:active

	{	
		background-color: #166573;
		color: #fff;
	}
	
	
	.menu_sec{
		position:relative;
		width:100%;
		float:left;
		border-bottom:1px #000000 solid;
		
	}


.nav
{	
	font: 90%  Arial, Verdana,Helvetica, sans-serif;
	position:absolute;
	margin-top:-90px;
	/*margin-left:5%;*/
	float:left;	
}



.opactive{
	background-color: #166573; 


	border-top-left-radius:7px;
	border-top-right-radius:7px;

	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;

	-moz-border-top-left-radius:7px;
	-moz-border-top-right-radius:7px;

	color: #fff;
	text-decoration: none;
	
	font-weight: bold;
	padding: 5px;
	display: block;
	border: 3px solid  #fff;
	border-bottom:3px #166573 solid;
	position: relative;
	margin-left: -1px; 
	height:5em;
	margin-top:-8px;
	text-align:center;
}


.nav ul
{
	list-style: none;
	margin: 0px;
	/*padding-left: 5%;*/
	text-transform:uppercase;
}

.nav ul li
{
	float: left;  /*  en horizontal */
	position: relative;
	width:19%;

}

.nav ul li:hover, .nav ul li.hover
{
	z-index: 100;
}

.nav ul a
{	
	background-color: white; 


	border-top-left-radius:7px;
	border-top-right-radius:7px;

	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;

	-moz-border-top-left-radius:7px;
	-moz-border-top-right-radius:7px;


	background: rgb(255,255,255); /* Old browsers */
	
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 49%, rgba(201,210,205,1) 100%); /* FF3.6-15 */
	
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 49%,rgba(201,210,205,1) 100%); /* Chrome10-25,Safari5.1-6 */
	
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 49%,rgba(201,210,205,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


	color: #166573;
	text-decoration: none;
	
	font-weight: bold;
	padding: 5px;
	display: block;
	border: 1px solid  #fff;
	position: relative;
	margin-left: -1px; 
	height:5em;

	text-align:center;
	
}

.nav ul a:hover,
.nav ul a:focus,
.nav ul a:active,
.nav ul li.hover a /* <- keeps the tab hover state on as the dropdown gets explored */
{	
	margin-top:-4px;
	background: #166573;
	color: rgb(255,255,255);
	border: 1px solid #166573;
}

.nav ul ul
{
	position: absolute;
	top: 100%;
	left: -9999em;
	width:400px;
	height:auto;
	text-transform:none;
}

.nav ul li:hover ul,
.nav ul li.hover ul
{
	left: 0;
}

.nav ul ul li
{
	float: none;
	position: static;
}

.nav ul ul li a     /* esto es cuando los a del submenu estan invisible hacerlo lo mas pequeño posible */
{
	padding: 0px;
	width:400px;
	height:1px;

}


.nav ul li:hover ul a,
.nav ul li.hover ul a
{	
	background: #fff;
	color: #166573;
	border: 1px solid  #166573;
	padding: 5px 10px;
	width:200px;
	height:auto;

	text-shadow: none;
	margin-top: -1px; /* collapses top border */
	
	border-radius:0px;
	border-radius:0px;
		
	-webkit-border-radius:0px;
	-webkit-border-radius:0px;
		
	-moz-border-radius:0px;
	-moz-border-radius:0px;
	
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;

	
	
	
	
}

.nav ul li:hover ul a:hover,
.nav ul li.hover ul a:hover,
.nav ul li.hover ul a:focus,
.nav ul li.hover ul a:active
{	
	background: #166573;;
	color: #fff;
}

@media all and (max-width: 640px) {
   
   	.nav
{
	margin-top:-79px;
	/*font: 90% "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;*/
	position:relative;
	margin-left:0px;
	width:100%;
}
   
   
	.nav ul
	{
		list-style: none;
		margin: 0px;
		padding:0px;
		
	}
	
	.nav ul li
	{
		float: none;  /*  en horizontal */
		position: relative;
		width:auto;
	}
	
	.nav ul ul
	{
		width: 100%;
	}
	
	.nav ul a
	{	
		height:auto;
		width:auto;
		
		border-radius:0px;
		border-radius:0px;
		
		-webkit-border-radius:0px;
		-webkit-border-radius:0px;
		
		-moz-border-radius:0px;
		-moz-border-radius:0px;
		
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		
	}
	
	.nav ul li:hover ul a,
	.nav ul li.hover ul a
	{	
		width: 95%;
		padding: 5px 10px;
		margin-left:0px;
	}
	
	.nav ul a:hover,
	.nav ul a:focus,
	.nav ul a:active,
	.nav ul li.hover a /* <- keeps the tab hover state on as the dropdown gets explored */
	{	
		margin-top:0px;
		
	}

	.opactive{

		height:auto;
	
	}
	
}