body{
	margin:0px;
	padding:0px;
	background-color:white;
}



body, html{
	height:100%;
}



#disposicion-menu-principal{
	position:fixed;
	top:0;
	width:100%;
  	background-color:rgb(255, 255, 255, 0.75);
  	box-shadow:0px 3px 4px rgba(0, 0, 0, 0.5);
  	z-index:1;
}



@media screen and (max-width:1023px){
	#disposicion-menu-principal{position:relative; background-color:rgb(255, 255, 255);}
}



header{
	margin:0px;
	padding:0px 16px;
	overflow:auto;
}



@media screen and (max-width:1023px){
	header{padding:0px;}
}



header .logo{
	display:block;
	float:left;
	margin:0px;
  	padding:3px 0px;
}



header .logo img{
	width:12.270rem;
	height:4.000rem;
}



header .menu{
	max-height:0px;
  	margin:0px;
	padding-left:0px;
	background-color:inherit;
  	list-style:none;
  	overflow:hidden;
  	transition:max-height 0.3s ease-out;
	clear:both;
}



header .menu li a{
  	display:block;
	margin:0px;
  	padding:25px 20px;
  	background-color:inherit;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:1.05rem;
	color:rgb(0, 60, 111);
  	text-decoration:none;
	transition:0.3s ease;
}



header .menu li a:hover, header .menu-btn:hover{
	box-shadow:inset 0px -4px 0px 0px rgb(255, 191, 63);
}



header .menu-icono{
	position:relative;
  	float:right;
	display:inline-block;
	margin:0px;
  	padding:34px 18px;
  	cursor:pointer;
  	user-select:none;
}



header .menu-icono .navicon{
	position:relative;
	width:18px;
  	height:2px;
  	display:block;
	background-color:rgb(255, 191, 63);
  	transition:background 0.3s ease-out;	
}



header .menu-icono .navicon:before, header .menu-icono .navicon:after{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
  	background-color:rgb(255, 191, 63);
  	content:'';
  	transition:all 0.3s ease-out;  	
}



header .menu-icono .navicon:before{
  	top:5px;
}



header .menu-icono .navicon:after{
  	top:-5px;
}



header .menu-btn{
  	display:none;
}



header .menu-btn:checked ~ .menu{
  	max-height:295px;
}



header .menu-btn:checked ~ .menu-icono .navicon{
  	background:transparent;
}



header .menu-btn:checked ~ .menu-icono .navicon:before{
  	transform:rotate(-45deg);
}



header .menu-btn:checked ~ .menu-icono .navicon:after{
  	transform:rotate(45deg);
}



header .menu-btn:checked ~ .menu-icono:not(.steps) .navicon:before, header .menu-btn:checked ~ .menu-icono:not(.steps) .navicon:after{
  	top:0;
}



@media screen and (max-width:1023px){
	header .menu li a{padding:20px 8px; font-size:1rem;}
	header .menu li a:hover{color:black; box-shadow:none;}
}



@media screen and (min-width:1024px){
	header .menu{float:right; max-height:none; clear:none;}
	header .menu-icono{display:none;}
 	header .menu li{float:left;}
}