.ag_div
{
float:left;
text-align:center;
margin:5px;
}

.ag_link
{
text-decoration:none;
color:#000;
}

.ag_texto		
{
width:400px; 
margin:auto;
}


.top-buffer
{
	margin-top:20px;
}


.ag_menu
{
	margin:0px;
	padding:0px;

	clear:both;
	

	background: #eee;
	
	color:#000;
	
	list-style-type:none;
	font-weight:bold;
}



.ag_menu li
{

	margin:0px;
	padding:0px;	
	
	border:1px solid #ccc;
	
}


.ag_menu_head
{
	background: #000;
	color:#fff;
	padding:10px;
	line-height: 40px;
	
}




a.mx:link
	{

	color:#000;
	text-decoration: none;
	margin:0px;
	padding:10px;
	font-size:16px;
	line-height: 40px;
	display: block;	

	}

a.mx:visited
	{
	color:#000;
	text-decoration: none;
	padding:10px;
	}


a.mx:hover
	{
	background: #Ccc;
	text-decoration: none;
	color:#fff;
	padding:10px;
	}
	
	
a.mx:active
	{
	background: #900;
	text-decoration: none;
	color:#fff;
	padding:10px;
	}



A:link.ag_menu_nivel, A:visited.ag_menu_nivel
	{
	margin: 0px;
	padding: 4px; 
	background:#DDDDDD;
	text-decoration:none;
	display: block;	
	font-weight:bold;
	color: #000;
	border-left: 14px solid #000;
	}

a:hover.ag_menu_nivel
	{
	color: #a00;
	background:#fff;
	border-left: 14px solid #4D92DF;
	}
	
	

.ag_lista
	{
	list-style: none;
	margin:0px;
	padding:0px;
	}



.ag_li
	{
	margin: 0px;
	padding: 4px;
	margin-left:15px;
	}


@media screen and (max-width: 400px)
{
	.ag_texto		
	{
	width:320px; 
	clear:both;
	}

}


@media all and (max-width: 992px)
{
	.ag_portada
	{
		width:100%; height:auto;
	}
}