@font-face {
	font-family: 'FugazOneRegular';
	font-display: fallback;
	src: url(web/files/FugazOneregular.woff) format('woff');
}
@font-face {
	font-family: 'RalewayMedium';
	font-display: fallback;
	src: url(web/files/Raleway-Medium.woff) format('woff');
}

* {margin: 0; padding: 0;}
html {
	font-family: "RalewayMedium";
	font-size: 14px;
}
a {text-decoration: none;}
button {
	border: 0;
	font-family: 'FugazOneRegular';
}
.clear {clear: both;}
.main-color {color: #2a8bcc;}
.main-fondo {background-color: #2a8bcc; color: #fff;}
.main-dark-color {color: #19407e;}
.secondary-fondo {background-color: #b5006c; color: #fff;}
.secondary-color {color: #b5006c;}
.secondary-color-claro {color: #0b4c95;}
.rojo-fondo {background-color: #c53218; color: #fff;}
.rojo-claro-fondo {background-color: #f04d30; color: #fff;}
.azul {color: #0b4c95;}
.azul-fondo {background-color: #0b4c95; color: #fff;}
.gris-fondo {background-color: #d0cad2; color: #fff;}
.granate{color: #a61a17;}
.granate-fondo {background-color: #a61a17; color: #fff;}
.neutral-fondo {background-color: #1d1d1b; color: #fff;}
.neutral-color {color: #1d1d1b;}
.blanco {color: #fff;}
.blanco-fondo {background-color: #fff;}
.negro {color: #000000;}
.gris {color: #d0cad2;}
.amarillo {color: #ffd900;}
.amarillo-fondo{background-color: #fcd40b; color:#fff}
.amarillo-oscuro {color: #dfaa00;}
.amarillo-oscuro-fondo{background-color: #dfaa00; color:#fff}
.bold {font-weight: bold;}
.azul-fondo-borde{border: #1d1d1b solid 2px; background-color: #fff;color: #0b4c95;}
.granate-fondo-borde{border: #1d1d1b solid 2px; background-color: #fff;color: #a61a17;}


#contacto .fondo, #controla, #establecimientos{
	background-color: #ffffff;
}
footer {
	background-color: #0b4c95;
	float: left;
	line-height: 4rem;
	width: 100%;
	text-align: center;
}
footer a {
	margin: 0 2rem;
	float: left;
}
footer a:last-child{
	float: right;
}
footer a:hover {text-decoration: underline;}
@media only screen and (max-width: 1360px) {
	header .enlaces.enlaces-publico a {margin-right: 3%;}
}
@media only screen and (max-width: 1120px) {
	header .enlaces.enlaces-publico a {
		margin-right: 2%;
		font-size: 1.2rem;
	}
}
@media only screen and (max-width: 1000px) {
	header .enlaces {display: none;}
	header #boton-menu-mobile {display: block;}
}
@media only screen and (max-width: 600px) {
	footer a, footer a:last-child{
		float:none;
		display: block;
		margin: 0;
		line-height: 3rem;
	}
}
#menu-mobile {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
	z-index: 1001;
}
#menu-mobile a {
	border-bottom: 1px solid #ccc;
	line-height: 2rem;
	width: 100%;
	display: block;
	padding: 1rem 1rem 0.8rem;
	box-sizing: border-box;
	font-size: 1.4rem;
}

/* #inicio-publico {position: relative;}
#inicio-publico .promo-texto {
	font-size: 1.2rem;
    width: 50%;
    text-align: left;
    margin: 3rem auto 0;
}
#inicio-publico .enlace-establecimientos {
	font-size: 1.4rem;
    position: absolute;
    top: 40px;
    right: 100px;
}
#inicio-publico .bloques-imagenes {margin-bottom: 10rem;}
#inicio-publico .establecimientos {
	background-image: url(https://bonosecija.com/web/files/bg_establecimientos1.jpg);
	background-repeat: no-repeat;
	width: 112%;
	height: 315px;
	background-size: cover;
	margin-left: -6%;
	text-align: center;
}
#inicio-publico .establecimientos a {
	font-family: 'FugazOneRegular';
	font-size: 2rem;
	padding: 0.6rem 3rem 0.3rem;
	margin-top: 130px;
	display: inline-block;
}
#inicio-publico .redes-texto {
	margin-top: 70px;
	margin-bottom: 20px;
}

#inicio-publico #textos-explicacion {
	margin: 50px auto;
    width: 80%;
}
#inicio-publico #textos-explicacion p {
	font-size: 1.2rem;
	margin-bottom: 2rem;
}
#inicio-publico #textos-explicacion p.azul {font-weight: bold;}
#inicio-publico #textos-explicacion p.subtitulo {
	margin-bottom: .5rem;
	font-weight: bold;
}

#inicio-publico .icono-ayuntamiento-fondo
, #establecimientos .icono-ayuntamiento-fondo {
	text-align: center;
}
#inicio-publico .icono-ayuntamiento-fondo img
, #establecimientos .icono-ayuntamiento-fondo img {
	width: 200px;
}
#inicio-publico #bloques-explicacion {
	text-align: center;
	margin: 5vw 0;
}
#inicio-publico #bloques-explicacion > div {
	display: inline-block;
	width: 400px;
	background-color: #fffdfd;
	padding: 50px;
	height: 430px;
	vertical-align: middle;
	margin: 0px 4%;
	box-sizing: border-box;
	text-align: left;
}
#inicio-publico #bloques-explicacion .que-son {
	background-image: url(web/files/cajasfondo_bonos.png);
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center;
}
#inicio-publico #bloques-explicacion .como-funciona {
	background-image: url(web/files/cajasfondo_funcionan.png);
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center;
}
#inicio-publico #bloques-explicacion .plazos {
	background-image: url(web/files/cajasfondo_plazos.png);
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center;
}
#inicio-publico #bloques-explicacion > div h1 {
	margin-bottom: 2.6rem;
	font-size: 1.2rem;
}
#inicio-publico #bloques-explicacion > div p {
	font-size: 1.2rem;
	margin-bottom: 2rem;
	text-align: justify;
}
#inicio-publico #bloques-explicacion > div a {font-size: 1.4rem;}
@media only screen and (max-width: 1765px) {
	#inicio-publico #bloques-explicacion > div {
		margin: 0px 3%;
	}
}
@media only screen and (max-width: 1635px) {
	#inicio-publico #bloques-explicacion > div {
		margin: 0px 1%;
	}
}
@media only screen and (max-width: 1430px) {
	#inicio-publico #bloques-explicacion > div {
		display: block;
		margin: 50px auto;
	}
}
@media only screen and (max-width: 550px) {
	#inicio-publico #textos-explicacion {width: 90%;}
	#inicio-publico .enlace-establecimientos {
		font-size: 1.4rem;
		position: static;
		display: block;
		text-align: center;
		margin-top: -50px;
		margin-bottom: 50px;
	}
	#inicio-publico .bloques-imagenes {margin-bottom: 5rem;}
	#inicio-publico .bloques-imagenes > div.primero {
		text-align: center;
		margin-bottom: 4rem;
	}
	#inicio-publico .bloques-imagenes > div.primero .texto-bonos-burgos {width: 90%;}
	#inicio-publico .bloques-imagenes > div.segundo {text-align: center;}
	#inicio-publico .bloques-imagenes > div.segundo a {position: static;}
	#inicio-publico .bloques-imagenes > div.tercero {display: none;}
}
@media only screen and (max-width: 450px) {
	#inicio-publico .establecimientos a {font-size:1.4rem;}
	#inicio-publico #bloques-explicacion > div {
		width: 300px;
		height: 320px;
		padding: 35px;
	}
	#inicio-publico #bloques-explicacion > div h1 {
		margin-bottom: 1rem;
		font-size: 1.2rem;
	}
	#inicio-publico #bloques-explicacion > div p {
		font-size: 1rem;
		margin-bottom: 1rem;
	}
	#inicio-publico #bloques-explicacion > div a {font-size: 1.2rem;}
} */


/* #banner {
	background-image: url(web/files/bg_establecimientos1.jpg);
	background-repeat: no-repeat;
    width: 100%;
    height: 315px;
	background-size: cover;
	text-align: center;
	float: left;
}
#banner img {
	height: 250px;
	margin: 40px 0;
}
@media only screen and (max-width: 600px) {
	#banner {height: 215px;}
	#banner img {height: 150px;}
} */

/* #establecimientos {
	padding: 50px 5%;
	text-align: center;
	background-color: #52A391;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
#establecimientos .establecimientos p {
	font-size: 1.4rem;
	margin-bottom: .2rem;
}
#establecimientos .establecimientos p + p {font-weight: bold;}
#establecimientos #listado-establecimientos {
	background-color: #fff;
	margin: 50px;
	padding: 80px 50px;
}
#establecimientos #listado-establecimientos table {
	width: 100%;
	border: 1px solid #000;
	border-collapse: collapse;
}
#establecimientos #listado-establecimientos table tr {border: 1px solid #000;}
#establecimientos #listado-establecimientos table th
, #establecimientos #listado-establecimientos table td {
	text-align: left;
	border: 1px solid #000;
	padding: 0.6rem 1rem 0.5rem;
	font-size: 1.2rem;
	text-transform: uppercase;
}
#establecimientos #listado-establecimientos table td + td {text-align: center;}
@media only screen and (max-width: 750px) {
	#establecimientos #listado-establecimientos table td {font-size: 1rem;}
	#establecimientos #listado-establecimientos table td + td {display: none;}
	#establecimientos #listado-establecimientos {
		margin: 50px 0;
		padding: 30px 20px;
	}
} */

/* #modal-aviso-covid {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(0 0 0 / 40%);
	z-index: 1000;
}
#modal-aviso-covid .contenido {
	position: absolute;
    width: 50%;
    top: 25%;
    left: 25%;
    background-color: #fff;
    padding: 4rem 2rem;
    box-sizing: border-box;
    
}
#modal-aviso-covid .contenido button.cerrar {
	cursor: pointer;
	position: absolute;
    top: 1rem;
    right: 1rem;
    background-color: #fdc558;
    border-radius: 50%;
    width: 30px;
	height: 30px;
	font-family: 'RalewayMedium';
	font-weight: bold;
	font-size: 1.2rem;
}
#modal-aviso-covid .contenido p {
	font-size: 1.6rem;
	line-height: 2rem;
	text-align: center;
}
#modal-aviso-covid .contenido p .destacado {
	font-size: 2rem;
	font-weight: bold;
	line-height: 3rem;
} */