@font-face {
	font-family: Ciudadana;
	src: url("/app/stm/horarios/javax.faces.resource/fonts/Ciudadana-Light.otf.xhtml?ln=core");
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: Ciudadana;
	src: url("/app/stm/horarios/javax.faces.resource/fonts/Ciudadana-LightItalic.otf.xhtml?ln=core");
	font-style: italic;
	font-weight: 100;
}

@font-face {
	font-family: Ciudadana;
	src: url("/app/stm/horarios/javax.faces.resource/fonts/Ciudadana-Regular.otf.xhtml?ln=core");
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: Ciudadana;
	src: url("/app/stm/horarios/javax.faces.resource/fonts/Ciudadana-RegularItalic.otf.xhtml?ln=core");
	font-style: italic;
	font-weight: 400;
}

@font-face {
	font-family: Ciudadana;
	src: url("/app/stm/horarios/javax.faces.resource/fonts/Ciudadana-Bold.otf.xhtml?ln=core");
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: Ciudadana;
	src: url("/app/stm/horarios/javax.faces.resource/fonts/Ciudadana-BoldItalic.otf.xhtml?ln=core");
	font-style: italic;
	font-weight: 700;
}

@font-face {
	font-family: Ciudadana;
	src: url("/app/stm/horarios/javax.faces.resource/fonts/Ciudadana-Black.otf.xhtml?ln=core");
	font-style: normal;
	font-weight: 900;
}

@font-face {
	font-family: Ciudadana;
	src: url("/app/stm/horarios/javax.faces.resource/fonts/Ciudadana-BlackItalic.otf.xhtml?ln=core");
	font-style: italic;
	font-weight: 900;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: #222222;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 5px;
}

h1, .h1 {
	font-size: 1.2rem;
}

h2, .h2 {
	font-size: 1.15rem;
}

h3, .h3 {
	font-size: 1.1rem;
}

h4, .h4 {
	font-size: 1.05rem;
}

h5, .h5 {
	font-size: 1rem;
}

h6, .h6 {
	font-size: 0.9rem;
}

a {
	color: #2fa4e7;
	text-decoration: none;
}

a:hover, a:focus {
	color: #157ab5;
	text-decoration: underline;
}

div.volver a {
	font-weight: 600;
}

div.volver a i {
	margin-right: 5px;
}

h1.titulo-error {
	font-size: 7rem;
}

h2.texto-error {
	font-size: 1.5rem;
}

img.imagen-error {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	width: 200px;
}

div.compacto input {
	padding: 0.1rem 0.4rem;
}

.badge {
	border-radius: 2px;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: .3px;
	padding: .25em .5rem;
	text-transform: uppercase;
}

.badge.verde {
	background-color: #c8e6c9;
	color: #256029;
}

.badge.rojo {
	background-color: #ffcdd2;
	color: #c63737;
}

.badge.amarillo {
	background-color: #feedaf;
	color: #8a5340;
}

.badge.azul {
	background-color: #aed2ff;
	color: #0c569b;
}