@import url("fuentes.css");




/******   HEADER   ******/


header{           
width:100%;
max-width:960px;
padding:15px;
height:auto;
	margin:auto;
	box-sizing:border-box;
	padding:20px;

background:#fff;
 

}
 
 
header .logo{	
background-color:#f9f9f9;
text-align:center;
}

header .logo img{	
width:45px;
vertical-align:top;
text-align:center;
}

header .logo a{	
color:#000;	
font-size:30px;
font-family:sourcesanspro-light;
line-height:45px;
text-decoration:none;
}


	

 
header nav.menu{
width:100%;

line-height:40px;
background: #D8D8D8;
list-style-type:none;
font-family:sourcesans;
text-align:center;	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
} 

	
header nav.menu a {         /*las letras del menu principal q se ven*/
min-width:95px;
color:#000;
font-family:sourcesans;
font-size:20px;	
text-decoration:none;
text-align:center;

padding:5px;

white-space:nowrap;

border-radius:5px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
	
	flex-grow:1;
}


header nav.menu a:hover {	
color:#fff;
background: #4d78b3;

-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-ms-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
	

header nav.menu button {        
min-width:95px;
margin:0px 0px 0px 5px;
background-color:#D8D8D8;
font-family:sourcesans;

text-decoration:none;
text-align:center;
border:none;


white-space:nowrap;

border-radius:5px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
	
	flex-grow:1;
}

	
header nav.menu button:hover {	

background: #4d78b3;

border:none;
text-decoration:none;

-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-ms-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;


}
	


/**** BUSCADOR LUPA *****/

fieldset { border: none }

#searchForm {
width:100%;
line-height:50px;
border:solid 2px #000;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+17,28343b+82 */
background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 17%, #28343b 82%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(17%,#828c95), color-stop(82%,#28343b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 17%,#28343b 82%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 17%,#28343b 82%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 17%,#28343b 82%); /* IE10+ */
background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 17%,#28343b 82%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

	
border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}

	
#search {
height:35px;	
padding:5px;
}

#search-submit {
width:35px;
height:35px;

padding:5px;

border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
}

	
.empty {
color: #524630;
}

/**** Fin buscadores ****/


/****   FIN HEADER   ****/