details,figcaption,figure,footer,hgroup,menu,nav,section{display: block;}
*{
		margin:0;
		padding:0;
	}
	body
	{
		margin:0;
	}
img{max-width:100%;}
/*.btn-on{ color background:#257EB4;}*/
.logo{display:inline-block; margin-left:2em; margin-top:0.3em; width:25%;}
.btn-on a{/*background:#257EB4;*/}

nav {display:inline-block; margin-left:4em; margin-top:1.7em; padding:0.4em; text-align:left; vertical-align:top; width:65%; z-index:11; position:absolute;	}

nav ul
{
	list-style:none;
	margin-left:4.8em;
	text-align:left;
}
nav li a {color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;
    padding:1.2em;
}
nav ul li
{
	display:inline-block;
	margin-left: -0.3em;
    transition: all 300ms ease-in;
	/*padding-top: 0.8em;
    padding-bottom: 0.8em;*/
}
nav ul li ul li  
{
	border-bottom:solid 0.1em #333;
}
nav ul li a:hover 
{
	/*background: #257EB4;*/
	color:#B5DA21;
}
nav li ul  
{
	display:none;
}
nav li:hover ul  
{
	display:block;
	position:absolute;
	
}

nav ul li ul li
{
	display:block;
	background-color:#FFF;
}
nav ul li ul li
{
	background:#FFF;
	text-align:left;
}
nav ul li ul li a
{
	color:#666;
	display:block;
	width:10em;
	padding-top:1em;
	padding-bottom:1em;
}
nav ul li ul
{
	margin-top:0.4em;
	margin-left:0.4em;
	
}
.sitemap a{color:#FFF; text-decoration:none;}
nav a#pull{display:none;}
/*nav a.diseno-web { background:url(../paginas-web.png) no-repeat 6px center; padding-left:2.5em; }*/
/*nav a.arrow-down { background:url(../imagenes/arrow-down.png) no-repeat 6px center;}	*/
.derechos-de-autor{background:#333; color:#FFF; text-align:center; width:100%;}
@media(min-width:1700px)
{
	nav{border-top: none; border-bottom:none;}
}

@media(max-width:1280px)
{
	nav ul{margin-left:7em;}/*antes de quitar btn del menu principal 4.7em*/
	nav {margin-left:0em; padding-left:2em; width:70%;}
	.logo{margin-left:1em;}
}
@media(max-width:1190px)
{
	/*nav ul{margin-left:0.7em; }*//*antes de quitar el boton software*/
	nav {margin-left:3em;  padding-left:0; width:65%;}
	.logo{margin-left:1em;}
	nav li a{padding:0.7em;}
}

@media(max-width:1024px)
{
	nav {margin-left:2em; margin-top:1.2em; width:67%;}
	*{margin:0;	padding:0;}
	nav ul{list-style:none; margin-left:0; text-align:right;}
	nav li{	list-style:none;}
	nav li a{font-size:11px; padding:0.7em; text-decoration:none;}
	nav ul li{display:inline-block;	margin-left: -0.3em;}
   	nav ul li ul li a{padding-top:1em;	padding-bottom:1em;}
    .logo{margin-left:1em;}
	
	
	
}
@media(max-width:900px)
{
	nav{margin-left:0em; margin-top:1em; width:71%;}
	nav li a{font-size:10px;}
	.logo{padding-right:0.3em;}
}


@media (max-width: 800px)
{
		
	nav{max-width:100%;width:100%;margin-left:0;padding:0; position:static;}
	nav ul{margin-left:0em;}
	nav ul li a{color:#000;}
  nav ul li{background:#257EB4;border-top: 0.1em solid #FFD20A;max-width:96%;width:96%;text-align:left;padding-left:1em;}
	 nav ul li:active
	 {	 }
	nav ul li a{color:#FFF;display:block; padding-bottom:1.5em;  padding-top:1.5em;}	
	
	nav ul li ul li a
    {
		display:block;
		padding-top:1em;
		padding-bottom:1em;
		width:90%;
	}
	nav ul li ul li
    {
	   background:#333;
	   margin-left:0.6em;
	   text-align:left;
	   width:80%;
	}
	
	nav li:hover ul
	{
		display:block;
		max-width:100%;
		position:relative;
		
	}
    .btn-on
{
	/*background:#FFF;*/
}
   nav ul{display:none;}
   nav a#pull{display:block; color:#FFF; padding-left:5%; padding-top:1%; text-decoration:none; }
  .logo{margin-left:0; padding-left:0; text-align:center; width:99%;}
  .logo img{max-width:50%;}
	
}
@media(max-width:640px)
{
section.logo {max-width:100%;width:50%;}	
.logo img{max-width:70%;}
}
@media(max-width:480px)
{
nav{margin-left:0;}
.logo img{max-width:90%;}
}

@media(max-width: 320px)
{
	section.logo {
		max-width:100%;
		padding-left:0;
		width:45%;
	}
	nav{margin-left:0;}
	
	
}