*{
	margin: 0;
	padding:0;
	box-sizing:border-box;
}
body{
	background-color:/*#020A4D;*/#00325C;	
}

#menu_principal{
	background-color:/*#3020A4D;*/#013A6A;
}
#Menus{
	background-color:/*#020A4D;*/#013A6A;
	width:100%;
	height:10%;		
}
#imagengsa{
	background-color:/*#020A4D;*/#00325C;
	width:100%;
	height:75%;
}
.gsa_system{
	position:relative;
	left:37%;
	width:25%;
	height:auto;
	top:15%;
}
.imagen{
	width:40%;
	height:60%;
	position:absolute;
	top:35%;
	left:20%;
}
.nav-bar{
	background-color:/*#3F4048;*/#013A6A;
	padding:25px;
	display:block;
	color:white;
	cursor:pointer;
	font-size:20px;
	width:100%;
}
.menu, .submenu{
	list-style:none;
	padding:0;
	margin:0;
}
.menu{
	background-color:/*#151C57*/#003E73;
	width:100%;
	padding-left:18px;
	margin-left:-100%;
	transition: all 0.5s;
	z-index:10;
}
.menu__link, .menu__item{
    font-family:MyriadPro-Regular;
}
.menu__link{
	display:block;
	padding:18px;
	color:white;
	font-size:18px;
	text-decoration:none;
	width:100%;
}
.menu__link:hover{
	background-color:/*#03107E;*/#004680;
}
.submenu{
	height:0;
	overflow:hidden;
	transition: all 0.3s;

}
.submenu .menu__link{
	background-color:/*#565762;*/#42434A;
	padding-left:40px;
}
.submenu .menu__link:hover{
	background-color:/*#42434A;*/#565762;
}
.solicitudes{
  padding:5px;
  color:white;
  font-size:14px;
  font-weight:500;
  background-color:#FF0404;
  display: inline-block;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  transform: scale(0.9);
  text-align: center;
  vertical-align: middle; 
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  50% { opacity: 0.5; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  50% { opacity: 0.5; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
   50% { opacity: 0.5; }
  100% { opacity: 1.0; }
}
.mostrar{
	margin-left:0;	
}
@media(min-width:1024px){
	.nav-bar{
		display:none;
	}
	.menu{
		margin-left:0;
		display:flex;
	}
	.container-submenu{
		position:relative;
	}
	.submenu{
		position:absolute;
		top:60px;
		width:200px;
		overflow:visible;
		z-index:10;
		opacity:0;
		visibility:hidden;
	}
	.container-submenu:hover .submenu{
		opacity:1;
		visibility:visible;
	}
}
@media screen and (max-width:768px){
#imagengsa{
    position:absolute;
    top:28%;
	background-color:/*#020A4D;*/#00325C;
	width:100%;
	height:75%;
	display:block;
}
.gsa_system{
	position:relative;
	top:30%;
}
}
@media screen and (max-width:1024px) and (orientation: landscape){
    .gsa_system{
        justify-content:center;
        width:12%;
        position:absolute;
    	top:65%;
    	left:42%;
    }
    
}