@import url('../../../css/tema9/paginador.css');

/* ESTILOS NORMALES (para móviles en vertical)
   ========================================================================= */
/* Reseteamos márgenes y rellenos de todos los elementos, alineación de texto, etc... */


div.clear {
	height:0;
	margin:0;
	padding:0;
}
div#contenedor {
	clear:both;
	margin:0;
}

#middle * {
	max-width:100%;
}

#mmidle a {
	color:#00f;
}



h1 {
	font-size:100%;
}


form.buscador {
	text-align: center;
	font-size:150%;
}

form > div {
	display: -webkit-flex;
	-webkit-flex-direction: row;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content:center;
	text-align:left;
}

input#consultab {
	width:90%;
	margin:5px 0;
	border:1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px #ddd;
	font-size:130%;
	color:#333;
	padding:5px 6px;
}
form.buscador input[type='submit'] {
	font-size:110%;
}
form.buscador ul,
div.filtro ul,
ul.buscador_imagenes {
	list-style: none;
}

ul.buscador_imagenes {
	align-items: center;
}
div.filtro {
	color:#555;
	font-weight: bold;	
	align-items: center;
}
div.filtro ul{
	padding:0;
	margin:0;

}

div.filtro ul li {
	margin:5px;
}
ul.buscador_imagenes  span {
	display:none;
}
div.filtro ul a {
	display:block;
	padding:5px;
	background:#003d1c;
	color:#fff;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.filtro ul a:hover {
	background:#aaa;
}
.none {
	display:none;
}

ul.buscador_resultados {
	list-style:none;
	margin:0;
	padding:0;
}

form.buscador li {
	margin-top:5px;
	padding:5px 10px;
	border-right:1px solid #ccc;
}
ul.buscador_resultados li a {
	display:block;
	padding:10px 2px;
	border-bottom:1px solid #ccc;
}
ul.buscador_resultados li:first-child a {
	border-top:1px solid #ccc;
}
ul.buscador_resultados li a:hover {
	background:#ccc;
}
ul.buscador_imagenes li {
	flex:1 1 100%;
	padding:3px;
	margin:3px;
	border:1px solid #ccc;
	text-align:center;
}



/*RESPONSIVE
   ========================================================================= */
 
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
	h1 {
		font-size:150%;
	}
	form.buscador {
		font-size:100%;
		padding:30px 0 20px 0;
	}
	form.con-busqueda {
		padding:5px 0 10px 0;
	}
	form  > div > label {
		flex-basis:25%;
	}
	input#consultab {
		flex-basis:50%;

	}
	form > div input[type="submit"] {
		flex-basis:10%;
	}

	form.buscador li:last-child {
		border:0;
	}
	form.buscador input[type='submit'] {
		font-size:110%;
		margin-left:10px;
	}
	ul.filtro {
		list-style:none;
	}
	form.con-busqueda > div {
		justify-content:flex-start;
	}

	ul.buscador_imagenes li {
		flex:1 1 18% ;
		box-sizing: border-box;
	}
	ul.buscador_imagenes li img {
		max-height: 150px;
	}
	ul.buscador_imagenes span {
		display:block;
		text-align: center;
		color:#555;
		font-size:90%;
		margin-top:10px;
		border-top:1px solid #aaa;
		padding-top:10px;
	}


}

 
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	#middle {
		font-size:medium;
	}
	ul.menu {
		flex-basis:25%;
		border-left:1px solid #ccc;
		padding-left:20px;
		text-align:left;

	}
	form.buscador {
		flex-basis: 65%;
	}


	div.editar {
		position:relative;
		top:70px;
		border-radius:5px;
		-webkit-border-radius: 5px;
		padding:5px;
		background-color:rgba(255, 255, 255, 0.7);
		width:auto;
	}
}
 
/* Escritorios muy anchos
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) {


}