#nav {
    margin: 0; font-size: 19px;}
#nav ul {
	margin: 0;}
#nav li {
  list-style: none; width: 25%;float: left; margin: 0 4%;}
#nav li a {
	display: block;
	padding: 7px 0;
	border: 1px solid #06c;
	text-decoration: none;
	color: #06c;}
#nav li a:hover, #nav li a.active {
    color: #000; border: 1px solid #000;}
#nav li a h2{
	font-size: 20px; font-weight: 400; }
#nav .curso {
	overflow: hidden; 
	width:100%; 
	max-height: 0;
	transition: 1.3s ease;
	-webkit-transition: 1.3s ease;}
#nav li a{
	line-height: 12px;
	padding: 15px 0; 
	display: block;}
#nav li a:hover{
	color: #000;
	font-weight: 400;}
#nav li .neg:hover{}
.no-js #nav .curso {
  display: block; }
#nav li { 
    display: block; 
    padding: 0px; }
#nav .curso.is-open {
	padding: 10px 0 15px 0;
	max-height: 500px;}
.curso{
	padding: 0;}
.curso a{
	color: #06C;}
	
	
@media screen and (max-width: 580px) {
#nav, #nav li a h2{
	font-size: 16px;}
#nav li{
	width: 200px; margin: 10px auto; float: none;}
	}
	
@media screen and (max-width: 750px) {
#nav, #nav li a h2{
	font-size: 17px;}
#nav p{
	line-height: 1.5em;}
	}
@media screen and (max-width: 999px) {
#nav, #nav li a h2{
	font-size: 18px;}
	}