@charset "utf-8";
/*Cambia de color del fondo*/

#cabecera{
  margin: 5px 0px;
  padding-top:80px;
  min-height: 200px;
  background-color: #F8F8F8;
  display: flex;
  flex-direction:column;
  align-items:center;
  background-image: url(../images/Pure-HTML-CSS-Slider-Without-JavaScript-or-Jquery.jpg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}

#busqueda{
  padding-top:35px;
  background-color: #0f1528;
  display: flex;
  flex-direction:column;
  align-items:center;
}
#contenedor{
  padding:0px 20px;
  margin: 0px 20px;
}
article{
  font-family: serif;
  padding:0px 40px;
  margin: 0px 40px;
  text-align: left;
}
#art{
  padding:5px 0px;
  background-color: #fff;

}
body { 
font: 10px; 
background-color: #c2c3c8;
}
hr{
  background-color: #0f1528;
  height: 1px;
  }

/*Titulo

h1 {
font: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.9em;
color: #fff;
}*/
ul{
 list-style-type:none;
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 padding:0px;
 margin-bottom:2px;
 margin-top:2px;
}

li{ 
flex-grow: 1;
margin-top: 1px;
}

a{
  display:block;
  padding:1em;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#3980bf;
  text-align:center;
  margin-right:0.2em;
  text-decoration:none;
  color:#FFFFFF;
}

a:hover{
 background-color:#0f1528; 
  
}

#img {
	align:center;

}

footer {
   display: block;
   background:#0f1528;
   color:#FFFFFF;
   text-align:center;
   padding : 25px 0px ;
   bottom: 0;
   
   }

#primary_nav_wrap
{
	margin-top:15px
}

#primary_nav_wrap ul
{
 list-style-type:none;
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 padding:0px;
 margin-bottom:2px;
 margin-top:2px;
}

#primary_nav_wrap ul a
{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	margin-right:0.2em;
	padding:1em;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	flex-grow: 1;
margin-top: 1px;
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover
{
	background:#f6f6f6
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}