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

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

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

.cabecera {
	text-align: center;
	padding-top: 10px;
  /*background-color: rgb(255, 232, 127);*/
}

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

.logo img {
	width: 20px;	
	vertical-align: bottom;
}

.titulo {
	font-size: 20px;
	font-weight: 200;
}

.texto {
	padding: 0 15px 0 15px;
}

.subtitulo {
	/*margin: 10px 0 10px 0;*/
	/*padding: 5px 0 5px 0;*/
	font-size: 32px;
  color: #771E1D;
}

.entrada_datos {
	margin-top: 20px;
	text-align: center;
}

input {
  font-family: 'Raleway', sans-serif;
	margin: 3px ;
	width: 80%;
	max-width: 500px;
	font-size: 14px;
}

.input input:focus {
	background-color: #FAEECA;
}

.palabra, .offset, .num {
    box-sizing: border-box;
    font-weight: 200;
    padding: 2px 15px;
}

.boton {
	font-weight: 400;
	margin-top: 20px;
}



/* Los resultados */
#resultado {
	margin-top: 30px ;
}

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

.table {
	font-size: 20px;
}

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

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

.entrada2 {
	padding: 10px 10px;
}

mark {
	background-color: #FAEECA;
	border: none;
}

.bottom {
    text-align: center;
    font-size: .6rem;
    padding-right: 20px;
    padding-bottom: 20px;
    margin: auto;
}

a {
    text-decoration: none;
    color: #990033;
}



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

	.logo {
		display: none;
	}
}

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

	.logo img {
		vertical-align: bottom;
		width: 40px;
	}

	.titulo {
		font-size: 40px;
	}

	#resultado {
		padding: 20px 15px 0 20px;
		margin: auto;
		max-width: 800px;
	}

	.input {
		display: inline-block;
	}

	.palabra, .offset, .num {
    padding: 2px 2px;
    width: 150px;
	}

	.palabra {
		width: 300px;
	}

	.entrada2 {
		padding: 10px 40px;
	}

	.bottom {
	    max-width: 900px;
	}
}