body{
  font: 15px/1.5 Arial, Helvetica,sans-serif;
  padding:0;
  margin:0;
  background-color:#f4f4f4;
	
}

/* Global */
		
.flotante{
	float:right;
	width: 250px;
	margin-left: 10px;
	padding: 5px;
	margin-right: 30px;
}

.container1{
  width:100%;
  margin:auto;
	
}

.noticias{
  
  font-size: 20px;
  text-align: center;
  margin: auto;
  margin-bottom: 50%;
  margin-top: 50%;

	
}
.container2{
  width:80%;
  height: 70px;
margin: auto;
	text-align: center;
	
}

.container2mioe{
  width:100%;
  height: 70px;
margin: auto;
	text-align: center;
	
}

.container2mioe h1{
  padding-top: 5px;
	font-size: 30px;	
	margin-top: 0px;
	text-align: center;
	
}

.container2 h1{
	padding-top: 5px;
	font-size: 30px;	
	margin-top: 0px;
	text-align: center;
}


.logouady{
		width: 227px;
		height: 133px;
}

.container{
  width:100%;
  margin:auto;
  overflow:hidden;
}

ul{
  margin:0;
  padding:0;
}

strong,b {
	font-weight: 900;
}

.button_1{
  height:38px;
  background:#e8491d;
  border:0;
  padding-left: 20px;
  padding-right:20px;
  color:#ffffff;
}

.dark{
  padding:0px;
  background:white;
  color:#ffffff;
  margin-top:0px;
  margin-bottom:0px;
}


/* Header **/
header{
  background:#022E64;
	width: 90%;
	margin: auto;
  color:#ffffff;
  padding-top:0px;
  /*height: 75px;*/
	min-height:90px;
  border-bottom:#be920e 3px solid;

}

header a{
  color:#ffffff;
  text-decoration:none;
  text-transform: uppercase;
  font-size:12px;
}

header li{
  float:left;
  display:inline;
  padding: 0 10px 0 10px;
}

header #branding{
	
  	float:left;
	padding-left: 10px;
}

header #branding h1{
  margin:0;
}

header nav{
  float:right;
  margin-top:10px;
	padding-right: 10px;
}

header .highlight, header .current a{
  color:#be920e;
  font-weight:bold;
}

header a:hover{
  color:#be920e;
  /*font-weight:bold;*/
}



/* Menu Lateral **/

#sidebar_menu .btn-menu{
	display: block;
	padding: 20px;
	background: #c1c1c1;
	color:white;
		
}

#sidebar_menu .btn-menu .icon-menu{
	float: right;
}

#sidebar_menu .contenedor-menu{
	width: 100%;
	display: inline-block;
	line-height: 18px;
}

#sidebar_menu .contenedor-menu .menu{
	width: 100%;
}

#sidebar_menu .contenedor-menu ul{
	list-style: none;
}

#sidebar_menu .contenedor-menu .menu li a{
	color:#3f3f3f;
	display: block;
	padding: 15px 20px;
	background: #dedede;
	border-bottom: #b2b2b2 1px solid;
	
}

#sidebar_menu .contenedor-menu .menu li a:hover{
	background:#D1B55C;
	color:#3f3f3f;
	
}

#sidebar_menu .contenedor-menu .menu .icon-menu {
	font-size: 12px;
	line-height: 18px;
}

#sidebar_menu .contenedor-menu .menu .icono.derecha{
	float: right;
	margin-right: 5px;
}


#sidebar_menu .contenedor-menu .menu ul {
	display: none;
}

#sidebar_menu .contenedor-menu .menu ul li a{
	background:#eaeaea;
	color:#3f3f3f;
	padding-left: 30px;
}


#sidebar_menu .contenedor-menu .menu .activado>a{
	/*background: #be920e;*/
  background: #D1B55C;
	color: #3f3f3f;
}



/* Showcase */
#showcase-fiq{
  /*min-height:400px;*/
  background:url("tituloliqa.jpg") no-repeat 0 -400px;
  background-size: 1900px;
  background-position: bottom;
  text-align:center;
  text-shadow: 1px 1px 2px black;
  color:#ffffff;
	width: 90%;
	margin: auto;
}

#showcase-fiq h1{
  margin-top:75px;
  font-size:55px;
  margin-bottom:10px;
}

#showcase-fiq p{
  font-size:20px;
}

#showcase-sga{
  /*min-height:400px;*/
  background:url("../img/titulosga.png") no-repeat 0 -400px;
  background-size: 1900px;
  background-position: bottom;
  text-align:center;
  color:#ffffff;
	width: 90%;
	margin: auto;
}

#showcase-sga h1{
  margin-top:75px;
  font-size:55px;
  margin-bottom:10px;
}

#showcase-sga p{
  font-size:20px;
}

#showcase-vincula{
  /*min-height:400px;*/
  background:url("../img/tituloeduvinc.png") no-repeat 0 -400px;
  background-size: 1900px;
  background-position: bottom;
  text-align:center;
  color:#ffffff;
	width: 90%;
	margin: auto;
}

#showcase-vincula h1{
  margin-top:75px;
  font-size:55px;
  margin-bottom:10px;
}

#showcase-vincula p{
  font-size:20px;
}

#showcase-educont{
  /*min-height:400px;*/
  background:url("../img/tituloeduvinc.png") no-repeat 0 -400px;
  background-size: 1900px;
  background-position: bottom;
  text-align:center;
  color:#ffffff;
	width: 90%;
	margin: auto;
}

#showcase-educont h1{
  margin-top:75px;
  font-size:55px;
  margin-bottom:10px;
}

#showcase-educont p{
  font-size:20px;
}

#showcase-inv{
  /*min-height:400px;*/
  background:url("../img/tituloinv.jpg") no-repeat 0 -400px;
  background-size: 1900px;
  background-position: bottom;
  text-align:center;
  color:#ffffff;
	width: 90%;
	margin: auto;
}

#showcase-inv h1{
  margin-top:75px;
  font-size:55px;
  margin-bottom:10px;
}

#showcase-inv p{
  font-size:20px;
}

#showcase-mioe{
  /*min-height:400px;*/
  background:url("../img/titulomioe.jpg") no-repeat 0 -400px;
  background-size: 1900px;
  background-position: bottom;
  text-align:center;
  color:#ffffff;
	width: 90%;
	margin: auto;
}

#showcase-mioe h1{
  margin-top:75px;
  font-size:55px;
  margin-bottom:10px;
}

#showcase-mioe p{
  font-size:20px;
}



/* Newsletter */
#newsletter{
	width: 90%;
	height: 75px;
	margin: auto;
  padding-top: 5px;
  color:#ffffff;
	 background:#be920e;
	
 
}

#newsletter h1{
	width: 100%;
  margin: auto;
}

#newsletter form {
  float:right;
  margin-top:15px;
}

#newsletter input[type="email"]{
  padding:4px;
  height:25px;
  width:250px;
}


.wrapperfiq {
  display: grid;
  grid-gap: 20px;
}

/* Boxes */
.boxes {

margin: 20px 20px;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));


}

.box {
  --shadow: 0 1px 2px rgba(104, 104, 104, 0.8);
  box-sizing: border-box;
  background:white;
  /*background: var(--primary);*/
  text-align: center;
  /*padding: 1.5rem 2rem;*/
  padding: .5rem .5rem;
  box-shadow: var(--shadow);
}





/* Boxes 
#boxes{
  margin-top:20px;
   width:100%;
}

#boxes .box{
  float:left;
  text-align: center;
  height: 220px;
  margin-top: 10px;
  width:30%;
  padding:10px;
}


#boxes .box img{
	width:80%;
}

#boxes .box a img:hover{
  width:80%;
  opacity: 0.7;
}


#boxes .box p{
 padding-top: 0;
 margin-top: 0;
}
#boxes .box p a{
 text-decoration: none;
 color: #022E64;
}

#boxes .box p a:hover{
 text-decoration: none;
 color: #be920e;
}


*/

/* Sidebar */
aside#sidebar{
  float:left;
  width:20%;
  
}
aside#sidebar-rigt{
  float:right;
  width:20%;
  
}

aside#sidebar_menu{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	background:#234567;
	/*background: #0b2027;*/
  float:left;
  width:20%;
  
}

aside#sidebar_menu a{
	text-align: none;
	text-decoration: none;
  
}


aside#sidebar .quote input, aside#sidebar .quote textarea{
  width:90%;
  padding:5px;
}

/* Main-col */
article#main-col{
  float:left;
  width:100%;
	/*margin-right: 20px;*/
}

article#main-col1{
  float:right;
  width:75%;
margin-right: 20px;
}

article#main-col-left{
  float:left;
  width:75%;
	padding-left: 10px;
	margin-right: 20px;
	
}
article#main-col-right{
  float:right;
  width:75%;
	padding-left: 10px;
	margin-right: 20px;
	
}
article#main-col-left h2{
	font-size: 20px;
	color: #022E64;	
}

article#main-col-right h2{
	font-size: 20px;
	color: #022E64;	
}

article#main-col-left h3{
	font-size: 15px;
	color: #be920e;	
	margin-bottom: 2px;
	margin-left: 20px;
}

article#main-col-right h3{
	font-size: 15px;
	color: #be920e;	
	margin-bottom: 2px;
	margin-left: 20px;
}

article#main-col-right h4{
	font-size: 12px;
	color: #be920e;	
	margin-bottom: 2px;
	margin-left: 20px;
}

article#main-col-left ul{
	color: #585858;
 	padding-right: 30px;
	padding-left: 20px;
	font-size: 14px;
	text-align: justify;
	margin-left: 20px;
}

article#main-col-right ul{
	color: #585858;
 	padding-right: 30px;
	padding-left: 20px;
	font-size: 14px;
	text-align: justify;
	margin-left: 20px;
}

article#main-col-left ol{
	color: #585858;
 	padding-right: 30px;
	padding-left: 20px;
	font-size: 14px;
	text-align: justify;
	margin-left: 20px;
}

article#main-col-right ol{
	color: #585858;
 	padding-right: 30px;
	padding-left: 20px;
	font-size: 14px;
	text-align: justify;
	margin-left: 20px;
}

article#main-col-left ul a{
	text-decoration: none;
	color:#585858;

}
article#main-col-right ul a{
	text-decoration: none;
	color:#585858;
}

article#main-col-left ul a:hover{
	text-decoration: none;
	color:#be920e;
}

article#main-col-right ul a:hover{
	text-decoration: none;
	color:#be920e;
}

article#main-col-left ol a{
	text-decoration: none;
	color:#585858;

}
article#main-col-right ol a{
	text-decoration: none;
	color:#585858;
}

article#main-col-left ol a:hover{
	text-decoration: none;
	color:#be920e;
}

article#main-col-right ol a:hover{
	text-decoration: none;
	color:#be920e;
}


article#main-col-left p{
	margin-top: 10px;
	padding-right: 30px;
	padding-left: 20px;
  color: #585858;
	font-size: 14px;
	text-align: justify;
}
article#main-col-right p{
	margin-top: 10px;
	padding-right: 30px;
	padding-left: 20px;
  color: #585858;
	font-size: 14px;
	text-align: justify;
}

article#main-col-right p a{
	text-decoration: none;
	color:#022E64;
}

article#main-col-right p a:hover{
	text-decoration: none;
	color:#be920e;
}
article#main-col-right a{
	text-decoration: none;
	color:#022E64;
	margin-left: 0px;
	padding-left: 0px;
}

article#main-col-right a:hover{
	text-decoration: none;
	color:#be920e;
	margin-left: 0px;
	padding-left: 0px;
}




article#main-col p{
	/*margin-top: 10px;*/
	
	
  color: #585858;
	/*font-size: 14px;*/
	text-align: center;
}

article#main-col p a{
	text-decoration: none;
	color:#022E64;
}

article#main-col p a:hover{
	text-decoration: none;
	color:#be920e;
}
article#main-col a{
	text-decoration: none;
	color:#022E64;
	
}

article#main-col a:hover{
	text-decoration: none;
	color:#be920e;
	
}





/* Services */
ul#services li{
  list-style: none;
  padding:20px;
  border: #cccccc solid 1px;
  margin-bottom:5px;
  background:#e6e6e6;
}
#main{
	width: 90%;
	margin: auto;
	
}

footer{
	width: 90%;
 	height: 350px;
	margin: auto;
	margin-top: 20px;
 	background-color:#022E64;
  	text-align: center;
	color: white;
		
}

.imagenfooter{
	background-color: white;
}



.lista1 {
	width: 22%;
	margin-top: 10px;
	margin-left: 25px;
	float:left;
	text-align: left;
	font-size: 12px;

	
}

.lista2{
	width: 22%;
	margin-top: 10px;
	margin-left: 25px;
	float:left;
	text-align: left;
	font-size: 12px;
	
}

.lista3{
	width: 22%;
	margin-top: 10px;
	margin-left:25px;
	float:left;
	text-align: left;
	font-size: 12px;
	
}
.lista4{
	width: 22%;
	margin-top: 10px;
	margin-left: 25px;
	float:left;
	text-align: left;
	font-size: 12px;
	
}

.lista1 a{
	text-decoration: none;
	color: white;
	
}

.lista1 a:hover{
	text-decoration: none;
	color: lightskyblue;
	
}

.lista2 a{
	text-decoration: none;
	color: white;
	
}

.lista2 a:hover{
	text-decoration: none;
	color: lightskyblue;
	
}

.lista3 a{
	text-decoration: none;
	color: white;
	
}

.lista3 a:hover{
	text-decoration: none;
	color: lightskyblue;
	
}
.lista4 a{
	text-decoration: none;
	color: white;
	
}

.lista4 a:hover{
	text-decoration: none;
	color: lightskyblue;
	
}
.lista1 h3{
	text-align: left;
	font-size: 12px;
	color:#D1B55C;
	margin-bottom: 0px;
	margin-top: 0px;
	
}
.lista2 h3{
	text-align: left;
	font-size: 12px;
	color:#D1B55C;
	margin-bottom: 0px;
	margin-top: 0px;
	
}
.lista3 h3{
	text-align: left;
	font-size: 12px;
	color:#D1B55C;
	margin-bottom: 0px;
	margin-top: 0px;
	
}
.lista4 h3{
	text-align: left;
	font-size: 12px;
	color:#D1B55C;
	margin-bottom: 0px;
	margin-top: 0px;
	
}

.lista1 p{
	text-align: justify;
	font-size: 12px;
	color:white;
	margin-bottom: 0px;
	margin-top: 0px;
	
}

.lista2 p{
	text-align: justify;
	font-size: 12px;
	color:white;
	margin-bottom: 0px;
	margin-top: 0px;
	
}
.lista3 p{
	text-align: justify;
	font-size: 12px;
	color:white;
	margin-bottom: 0px;
	margin-top: 0px;
	
}
.lista4 p{
	text-align: justify;
	font-size: 12px;
	color:white;
	margin-bottom: 0px;
	margin-top: 0px;
	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media (max-width: 700px){
	
#showcase-fiq{
   background-size: 1900px;
}

#showcase-sga{
   background-size: 1900px;
}
#showcase-mioe{
   background-size: 1900px;
}
#showcase-inv{
   background-size: 1900px;
}

#showcase-vincula {
  background-size: 1900px;
}

#showcase-educont{
  background-size: 1900px;
}

  header nav,
  header nav li,
  #newsletter h1,
  #newsletter form,
  /*#boxes .box,*/
  article#main-col,
  aside#sidebar{
    float:none;
    text-align:center;
    width:100%;
  }
	
	/*  #boxes .box{
  	float: none;
	width: 100%;
	height: 250px;
	background: black;
  margin-top: 20px;
  margin-bottom: 20px;
 }*/
	
	aside#sidebar-rigt{
  float:none;
  width:100%;
}
	
	article#main-col-left{
  float:none;
padding-right: 30px;
  width:100%;
}
	
	article#main-col-right{
  float:none;
  width:100%;
	padding-right: 30px;
	
}
	
		article#main-col-left ul{
	padding-right: 30px;
	padding-left: 20px;
}
	
	
	#newsletter{
	width: 90%;
	height: 120px;
		padding: auto;
	
}
	
	header #branding{
		width: 100%;
		float:none;
    text-align:center;
		height: 133px;
		
	}
	
	.logouady{
		width: 227px;
		height: 133px;
		
		
	}
	
	aside#sidebar_menu{
  float:none;
  width:100%;
  
}
	
	header #branding{
  
	padding-left: 0px;
}

  header{
    padding-bottom:10px;
	min-height:120px;
  }

  #showcase h1{
    margin-top:40px;
  }


	#newsletter {
	margin-top: 0px;
	margin-bottom: 0px;	
		
	}
	#newsletter h1{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
  float:none;
}
	
	.container2{
  width:100%;
  height: 120px;
margin-bottom: 0px;
		padding-top: 10px;
	
}
footer {
		
		height: 920px;
		
	}
	
	
		.lista1 {
	width: 90%;
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;
	}
		
.lista2 {
	width: 90%;
	margin-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;
	
}

.lista3 {
	width: 90%;
	margin-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;

}
.lista4 {
	width: 90%;
	margin-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;

}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media(min-width:701px) and (max-width: 1199px){
	
#showcase-fiq{
   background-size: 1900px;
}

#showcase-sga{
   background-size: 1900px;
}
#showcase-mioe{
   background-size: 1900px;
}
#showcase-inv{
   background-size: 1900px;
}

#showcase-vincula {
  background-size: 1900px;
}

#showcase-educont{
  background-size: 1900px;
}

  header nav,
  header nav li,
  #newsletter h1,
  #newsletter form,
  /*#boxes .box,*/
  article#main-col,
  aside#sidebar{
    float:none;
    text-align:center;
    width:100%;
  }
	
	aside#sidebar-rigt{
  float:none;
  width:100%;
}
	
	article#main-col-left{
  float:none;
padding-right: 30px;
  width:100%;
}
	
	article#main-col-right{
  float:none;
  width:100%;
	padding-right: 30px;
	
}
	
		article#main-col-left ul{
	padding-right: 30px;
	padding-left: 20px;
}
	
	
	#newsletter{
	width: 90%;
	height: 120px;
		padding: auto;
	
}
	
	header #branding{
		width: 100%;
		float:none;
    text-align:center;
		height: 133px;
		
	}
	
	.logouady{
		width: 227px;
		height: 133px;
		
		
	}
	
	aside#sidebar_menu{
  float:none;
  width:100%;
  
}
	
	header #branding{
  
	padding-left: 0px;
}

  header{
    padding-bottom:10px;
	min-height:120px;
  }

  #showcase h1{
    margin-top:40px;
  }


	#newsletter {
	margin-top: 0px;
	margin-bottom: 0px;	
		
	}
	#newsletter h1{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
  float:none;
}
	
	.container2{
  width:100%;
  height: 120px;
margin-bottom: 0px;
		padding-top: 10px;
	
}
footer {
		
		height: 920px;
		
	}
	
	
	
		.lista1 {
	width: 90%;
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;
	}
		
.lista2 {
	width: 90%;
	margin-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;
	
}

.lista3 {
	width: 90%;
	margin-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;

}
.lista4 {
	width: 90%;
	margin-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;

}

/*
#boxes .box{
    float:left;
    text-align:center;
    width:40%;
    margin-right: 10px;
  }
	#boxes .box img{
  width:80%;
}

#boxes .box a img:hover{
  width:80%;
  opacity: 0.7;
}*/

}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media(max-width: 480px){

	
			#newsletter{
	
	height: 185px;

}

.container2{
  width:100%;
  height: 120px;
margin-bottom: 0px;
	padding-top: 10px;
	
}
	
.contenedor-menu{
		margin: 0;
		width: 100%;
	}
	
	
.btn-menu {
		display: block;
	}

	
		aside#sidebar-rigt{
  float:none;
  width:100%;
}
	
	article#main-col-left{
  float:none;
padding-right: 20px;
  width:100%;
}
		article#main-col-right{
  float:none;
  width:100%;
	padding-right: 20px;
	
}
footer {
		
		height: 975px;
		
	}
	
	
	
	.lista1 {
	width: 90%;
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;
	}
		
.lista2 {
	width: 90%;
	margin-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;
	
}

.lista3 {
	width: 90%;
	margin-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;

}
.lista4 {
	width: 90%;
	margin-top: 10px;
	text-align: center;
	float: none;
	padding-right: 30px;

}



	
}

@media(max-width : 320px) {

footer {
		
		height: 975px;
		
	}

			#newsletter{
	
	height: 200px;
 
}


	
.container2mioe h1{
  padding-top: 5px;
	font-size: 30px;	
	margin-top: 0px;
	text-align: center;
	
}
	
 

}