* {
	/*border: 1px solid red !important;*/
}

.container {
	box-sizing: border-box;
}

.cabecera, .entrada_datos, .info {
  	font-family: 'Raleway', sans-serif;
  	font-weight: 400;
}

.cabecera {
	text-align: center;
}

.subtitulo {
	padding: .5em 0 0 0;
  	color: #771E1D;
  	background-color: #fbb50b;
}

.logo, .texto {
	display: inline-block;
}

.titulo {
	height: .9em;
    font-weight: 800;
    color: #771E1D;
    background: #fbb50b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fbb50b, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fbb50b, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fbb50b, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fbb50b, white); /* Standard syntax */
}

.entrada_datos {
	margin-top: 2.5rem;
}

input {
  	font-family: 'Raleway', sans-serif;
	margin: .5rem;
	font-size: 1rem;
}

/* Los resultados */
#resultado {
	display: none;
	margin-top: 1em;
	border-top: 1px solid #771D1D;
	border-bottom: 1px solid #771D1D;
}


.total {
	padding: .5em 10vw;
	font-family: 'IM Fell English', serif;
	font-size: 1em;
	color: #a05800;
}

.total:first-of-type {
	padding: 0.5em 10vw;
}

.total:not(.total:first-of_type) {
	padding: 0 10vw .5em 10vw;
}

.bottom {
    font-size: .7em;
    padding: 2em;
    margin: auto;
}

a {
    text-decoration: none;
}

.miniboton + .miniboton {
	margin-right: 1em;	
}

.miniboton {
  	font-family: 'Raleway', sans-serif;
	margin-left: 1em;
	visibility: hidden;
}

.miniboton-coinci {
	font-size: 0.8rem;
    margin-right: 1.5rem;
}


.miniboton-busca {
	font-size: 1rem;
}

.boton-borra-busca {
	visibility: visible;
}

.botones {
	display: inline-block;
}

.btn-custom {
  background-color: hsl(31, 85%, 5%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed8f2a", endColorstr="#170d01");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ed8f2a), to(#170d01));
  background-image: -moz-linear-gradient(top, #ed8f2a, #170d01);
  background-image: -ms-linear-gradient(top, #ed8f2a, #170d01);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed8f2a), color-stop(100%, #170d01));
  background-image: -webkit-linear-gradient(top, #ed8f2a, #170d01);
  background-image: -o-linear-gradient(top, #ed8f2a, #170d01);
  background-image: linear-gradient(#ed8f2a, #170d01);
  border-color: #170d01 #170d01 hsl(31, 85%, -7.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.82);
  -webkit-font-smoothing: antialiased;
}

.total:hover, .total:focus {
	background-color: rgb(255,218,7);
	background-color: rgba(255,193,7,.15);
}

.total::selection {
	color: rgb(255,218,7);
	background-color: #771E1D;
}


/* CSS del resultado de las búsquedas. Copiado de palabra.css, aunque hay que hacer adaptaciones */

.busqueda {
	font-size: .8em;
	/*padding-left: 3em;*/
    padding-top: 1em;
}

.resumen {
	font-size: 1.5em;
	font-family: 'IM Fell English SC', serif;
	color: #771E1D;
	border-top: 1px solid #771D1D;
	border-bottom: 1px solid #771D1D;
	padding-left: 20px;
}

.table {
	font-size: .8em;
}

.elemento {
  font-family: 'IM Fell English', serif;
  padding-top: 15px;
}

.entrada1 {
  font-style: italic;
  font-size: smaller;
  color: #771E1D;
}

.entrada2 {
	padding: 10px 10px;
}

mark {
	color: #771E1D;
    background-color: rgba(255, 218, 7, 0.4);
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 2px rgba(255, 218, 7, 0.5);
    font-weight: bold;
}


/* Fin CSS sección búsqueda */





/* Pantalla muy pequeña: quitar el logo; */
@media screen and (max-width: 600px) {
	body {
		/*background-color: #EEFFFF;*/
	}

	.logo {
		display: none;
	}

	.texto {
		font-size: 1em;
	}

	.titulo {
		font-size: 2em;
	}


	.busqueda {
		padding-left: 2em;
		padding-top: 1em;
	}
}





/* Pantalla grande */
@media screen and (min-width: 601px) {
	body {
		/*background-color: #FFEEEE;*/
	}

	.logo img {
		width: 33px;	
	}

	.texto {
		padding: 0 1em;
		font-size: 1.8em;
	}

	.titulo {
		font-size: 2.3em;
	}

}