/* Start with baseline CSS, for the smallest browsers. 
   Sometimes I put this into a separate css file and load it first.
   These are the "mobile first" styles. */

   
/* Then progressively add bigger sizes from small to large */

/* Smartphones start somewhere around here */

@media (min-width: 300px) {

	.banner-interior .titulo h1 {
		font-size: 30px;
	}

	.banner-interior .bajada p {
		font-size: 20px;
	}
	
	.banner-interior .titulo {
		margin-top: 35%;
		margin-right: 5%;
		margin-left: 5%;
	}	
	
	.banner-interior .bajada {
		margin-right: 5%;
		margin-left: 5%;
	}	

	#interior .card-columns {
		column-count: 2;
	}

	#interior {
		font-size: 15px;
		text-align: left;
	}
	
	#interior .bloque-titulo h1 {
		font-size: 30px;
	}
	
	#interior .bloque-titulo h2 {
		font-size: 30px;
	}	
	
	#interior .bloque-bajada p {
		font-size: 20px;
	}
	
	#interior .bloque-autor p {
		font-size: 15px;
	}		

	#interior .bloque-frase p {
		font-size: 18px;
	}

	#interior .bloque-tabla .table .hora {
		font-size: 20px;
	}

	#interior .bloque-tabla .table .info {
		font-size: 15px;
	}	
	
	#interior .seccion p {
		font-size: 30px;
	}

	#interior .bloque-tags .tags ul li a {
		font-size: 20px;
	}

	#encuesta .bloque-titulo h1 {
		font-size: 30px;
	}
	
	#encuesta .box .info .texto-info p {
		font-size: 20px;
	}

	#encuesta .box .info .bajada-info p {
		font-size: 15px;	
	}

	#encuesta .send button {
		font-size: 20px;	
	}	
	
	#encuesta .box {
		min-height: 230px;
	}	
	
	#componentes .bloque-titulo h1 {
		font-size: 30px;
	}

	#interior.componentes .bloque-personas .persona .bajada p {
		font-size: 13px;	
	}

	#interior .bloque-descargas .archivo p {
		font-size: 16px;
	}

	#interior .bloque-descargas .archivo a {
		font-size: 16px;;	
	}

	#interior .box a .imagen .titulo p {
		font-size: 25px;
	}

	#interior .box-vertical a .imagen .titulo p {
		font-size: 25px;
	}

	#interior .bloque-cifras .destacado p {
		font-size: 30px;	
	}

	#interior .bloque-cifras .bajada p {
		font-size: 16px;	
	}	

	#interior .filtro ul li {
		float: none;
		display: block;
		border-right: 0;
	}

	.banner-ficha .titulo h1 {
		font-size: 50px;
	}

	#interior .frase-ficha p {
		font-size: 30px;	
	}
	
	#interior .info-ficha .fecha p {
		font-size: 25px;
	}	

	#interior .info-ficha p {
		font-size: 16px;
	}	
	
	#interior .datos-obra .descargar-ficha a {
		font-size: 15px;
	}

	#banner.estatico .portadilla h1 {
		font-size: 2.8rem;
	}	
	
	#interior .bloque-tabla .table-bordered th, .table-bordered td {
		padding: 5px;
		font-size: 10px;
		letter-spacing: -1px;
	}	
	
	#interior .bloque-tabla .table th {
		font-size: 15px;
	}

	.cajas .side-news p {
		font-size: 35px;
	}	
	
	.bloque-onepage h3 {
		font-size: 35px;
	}

	.blog h1 {
		font-size: 50px;
	}	
	
	.pagemenu a {
		font-size: 15px;
	}	
	
}

/* You might do landscape phones here if your content seems to need it */
@media (min-width: 450px) {

	.banner-interior .titulo h1 {
		font-size: 31px;
	}

	.banner-interior .bajada p {
		font-size: 21px;
	}

	.banner-interior .titulo {
		margin-top: 35%;
		margin-right: 5%;
		margin-left: 5%;
	}	
	
	.banner-interior .bajada {
		margin-right: 5%;
		margin-left: 5%;
	}	
	
	#interior .card-columns {
		column-count: 2;
	}

	#interior {
		font-size: 15px;
		text-align: left;
	}
	
	#interior .bloque-titulo h1 {
		font-size: 31px;
	}
	
	#interior .bloque-titulo h2 {
		font-size: 31px;
	}	
	
	#interior .bloque-bajada p {
		font-size: 21px;
	}
	
	#interior .bloque-autor p {
		font-size: 15px;
	}		

	#interior .bloque-frase p {
		font-size: 19px;
	}

	#interior .bloque-tabla .table .hora {
		font-size: 21px;
	}

	#interior .bloque-tabla .table .info {
		font-size: 16px;
	}	
	
	#interior .seccion p {
		font-size: 31px;
	}

	#interior .bloque-tags .tags ul li a {
		font-size: 21px;
	}

	#encuesta .bloque-titulo h1 {
		font-size: 30px;
	}
	
	#encuesta .box .info .texto-info p {
		font-size: 20px;
	}

	#encuesta .box .info .bajada-info p {
		font-size: 15px;	
	}

	#encuesta .send button {
		font-size: 20px;	
	}	
	
	#encuesta .box {
		min-height: 235px;
	}	
	
	#componentes .bloque-titulo h1 {
		font-size: 30px;
	}	
	
	#interior.componentes .bloque-personas .persona .bajada p {
		font-size: 13px;	
	}	
	
	#interior .bloque-descargas .archivo p {
		font-size: 17px;
	}

	#interior .bloque-descargas .archivo a {
		font-size: 17px;;	
	}

	#interior .box a .imagen .titulo p {
		font-size: 25px;
	}

	#interior .box-vertical a .imagen .titulo p {
		font-size: 25px;
	}

	#interior .bloque-cifras .destacado p {
		font-size: 35px;	
	}

	#interior .bloque-cifras .bajada p {
		font-size: 17px;;	
	}	

	#interior .filtro ul li {
		float: none;
		display: block;
		border-right: 0;
	}

	.banner-ficha .titulo h1 {
		font-size: 60px;
	}
	
	#interior .info-ficha p {
		font-size: 16px;
	}

	#interior .info-ficha .fecha p {
		font-size: 30px;
	}	

	#interior .frase-ficha p {
		font-size: 35px;	
	}

	#interior .datos-obra .descargar-ficha a {
		font-size: 15px;
	}

	#banner.estatico .portadilla h1 {
		font-size: 3.0rem;
	}	
	
	#interior .bloque-tabla .table-bordered th, .table-bordered td {
		padding: 5px;
		font-size: 8px;
	}

	#interior .bloque-tabla .table th {
		font-size: 15px;
	}	
	
	.cajas .side-news p {
		font-size: 35px;
	}	
	
	.bloque-onepage h3 {
		font-size: 35px;
	}	

	.blog h1 {
		font-size: 50px;
	}	
	
	.pagemenu a {
		font-size: 15px;
	}	
	
}

/* Starting into tablets somewhere in here */
@media (min-width: 600px) {

	.banner-interior .titulo h1 {
		font-size: 32px;
	}

	.banner-interior .bajada p {
		font-size: 22px;
	}	
	
	.banner-interior .titulo {
		margin-top: 30%;
		margin-right: 5%;
		margin-left: 5%;
	}

	.banner-interior .bajada {
		margin-right: 5%;
		margin-left: 5%;
	}	

	#interior .card-columns {
		column-count: 2;
	}

	#interior {
		font-size: 16px;
		text-align: left;
	}
	
	#interior .bloque-titulo h1 {
		font-size: 32px;
	}
	
	#interior .bloque-titulo h2 {
		font-size: 32px;
	}	
	
	#interior .bloque-bajada p {
		font-size: 22px;
	}
	
	#interior .bloque-autor p {
		font-size: 15px;
	}		

	#interior .bloque-frase p {
		font-size: 20px;
	}

	#interior .bloque-tabla .table .hora {
		font-size: 22px;
	}

	#interior .bloque-tabla .table .info {
		font-size: 17px;
	}	
	
	#interior .seccion p {
		font-size: 32px;
	}

	#interior .bloque-tags .tags ul li a {
		font-size: 22px;
	}	
	
	#encuesta .bloque-titulo h1 {
		font-size: 35px;
	}
	
	#encuesta .box .info .texto-info p {
		font-size: 25px;
	}

	#encuesta .box .info .bajada-info p {
		font-size: 15px;	
	}

	#encuesta .send button {
		font-size: 25px;	
	}

	#encuesta .box {
		min-height: 250px;
	}

	#componentes .bloque-titulo h1 {
		font-size: 35px;
	}	
	
	#interior.componentes .bloque-personas .persona .bajada p {
		font-size: 13px;	
	}	
	
	#interior .bloque-descargas .archivo p {
		font-size: 18px;
	}

	#interior .bloque-descargas .archivo a {
		font-size: 18px;;	
	}	
	
	#interior .box a .imagen .titulo p {
		font-size: 28px;
	}	
	
	#interior .box-vertical a .imagen .titulo p {
		font-size: 28px;
	}	
	
	#interior .bloque-cifras .destacado p {
		font-size: 40px;	
	}

	#interior .bloque-cifras .bajada p {
		font-size: 18px;;	
	}	

	#interior .filtro ul li {
		float: none;
		display: block;
		border-right: 0;
	}

	.banner-ficha .titulo h1 {
		font-size: 70px;
	}

	#interior .info-ficha p {
		font-size: 16px;
	}	
	
	#interior .info-ficha .fecha p {
		font-size: 35px;
	}		

	#interior .frase-ficha p {
		font-size: 40px;	
	}

	#interior .datos-obra .descargar-ficha a {
		font-size: 15px;
	}

	#banner.estatico .portadilla h1 {
		font-size: 3.0rem;
	}

	#interior .bloque-tabla .table-bordered th, .table-bordered td {
		padding: 5px;
		font-size: 10px;
		letter-spacing: -1px;
	}

	#interior .bloque-tabla .table th {
		font-size: 16px;
	}

	.cajas .side-news p {
		font-size: 35px;
	}

	.bloque-onepage h3 {
		font-size: 40px;
	}	

	.blog h1 {
		font-size: 70px;
	}

	.pagemenu a {
		font-size: 15px;
	}	
	
}

/* Perhaps bigger tablets */
@media (min-width: 750px) {
	
	.banner-interior .titulo h1 {
		font-size: 33px;
	}

	.banner-interior .bajada p {
		font-size: 23px;
	}	
	
	.banner-interior .titulo {
		margin-top: 30%;
		margin-right: 7%;
		margin-left: 7%;
	}

	.banner-interior .bajada {
		margin-right: 7%;
		margin-left: 7%;
	}	
	
	#interior .card-columns {
		column-count: 3;
	}

	#interior {
		font-size: 17px;
		text-align: justify;
	}
	
	#interior .bloque-titulo h1 {
		font-size: 33px;
	}
	
	#interior .bloque-titulo h2 {
		font-size: 33px;
	}	
	
	#interior .bloque-bajada p {
		font-size: 23px;
	}
	
	#interior .bloque-autor p {
		font-size: 16;
	}		

	#interior .bloque-frase p {
		font-size: 21px;
	}

	#interior .bloque-tabla .table .hora {
		font-size: 23px;
	}

	#interior .bloque-tabla .table .info {
		font-size: 18px;
	}	
	
	#interior .seccion p {
		font-size: 32px;
	}

	#interior .bloque-tags .tags ul li a {
		font-size: 23px;
	}

	#encuesta .bloque-titulo h1 {
		font-size: 40px;
	}
	
	#encuesta .box .info .texto-info p {
		font-size: 32px;
	}

	#encuesta .box .info .bajada-info p {
		font-size: 15px;	
	}

	#encuesta .send button {
		font-size: 28px;	
	}	
	
	#encuesta .box {
		min-height: 260px;
	}

	#componentes .bloque-titulo h1 {
		font-size: 40px;
	}

	#interior.componentes .bloque-personas .persona .bajada p {
		font-size: 13px;	
	}

	#interior .bloque-descargas .archivo p {
		font-size: 19px;
	}

	#interior .bloque-descargas .archivo a {
		font-size: 19px;;	
	}

	#interior .box a .imagen .titulo p {
		font-size: 30px;
	}	
	
	#interior .box-vertical a .imagen .titulo p {
		font-size: 30px;
	}	
	
	#interior .bloque-cifras .destacado p {
		font-size: 45px;	
	}

	#interior .bloque-cifras .bajada p {
		font-size: 20px;;	
	}	
	
	#interior .filtro ul li {
		float: left;
		display: inline-block;
		border-right: 3px solid #000;	
	}	
	
	.banner-ficha .titulo h1 {
		font-size: 75px;
	}	
	
	#interior .info-ficha p {
		font-size: 16px;
	}

	#interior .info-ficha .fecha p {
		font-size: 40px;
	}	

	#interior .frase-ficha p {
		font-size: 45px;	
	}

	#interior .datos-obra .descargar-ficha a {
		font-size: 15px;
	}	
	
	#banner.estatico .portadilla h1 {
		font-size: 4.0rem;
	}

	#interior .bloque-tabla .table-bordered th, .table-bordered td {
		padding: 10px;
		font-size: 12px;
		letter-spacing: 0;
	}	
	
	#interior .bloque-tabla .table th {
		font-size: 18px;
	}

	.cajas .side-news p {
		font-size: 40px;
	}	
	
	.bloque-onepage h3 {
		font-size: 45px;
	}	

	.blog h1 {
		font-size: 80px;
	}

	.pagemenu a {
		font-size: 17px;
	}	
	
}

/* Desktop screen or landscape tablet */
@media (min-width: 900px) {
	
	.banner-interior .titulo h1 {
		font-size: 34px;
	}

	.banner-interior .bajada p {
		font-size: 24px;
	}	
	
	.banner-interior .titulo {
		margin-top: 24%;
		margin-right: 8%;
		margin-left: 8%;
	}

	.banner-interior .bajada {
		margin-right: 8%;
		margin-left: 8%;
	}	
	
	#interior .card-columns {
		column-count: 3;
	}

	#interior {
		font-size: 18px;
		text-align: justify;
	}
	
	#interior .bloque-titulo h1 {
		font-size: 34px;
	}
	
	#interior .bloque-titulo h2 {
		font-size: 34px;
	}	
	
	#interior .bloque-bajada p {
		font-size: 24px;
	}
	
	#interior .bloque-autor p {
		font-size: 16px;
	}		

	#interior .bloque-frase p {
		font-size: 22px;
	}

	#interior .bloque-tabla .table .hora {
		font-size: 24px;
	}

	#interior .bloque-tabla .table .info {
		font-size: 18px;
	}	
	
	#interior .seccion p {
		font-size: 33px;
	}

	#interior .bloque-tags .tags ul li a {
		font-size: 24px;
	}

	#encuesta .bloque-titulo h1 {
		font-size: 45px;
	}
	
	#encuesta .box .info .texto-info p {
		font-size: 34px;
	}

	#encuesta .box .info .bajada-info p {
		font-size: 15px;	
	}

	#encuesta .send button {
		font-size: 30px;	
	}	
	
	#encuesta .box {
		min-height: 280px;
	}

	#componentes .bloque-titulo h1 {
		font-size: 45px;
	}

	#interior.componentes .bloque-personas .persona .bajada p {
		font-size: 14px;	
	}

	#interior .bloque-descargas .archivo p {
		font-size: 20px;
	}

	#interior .bloque-descargas .archivo a {
		font-size: 20px;;	
	}	
	
	#interior .box a .imagen .titulo p {
		font-size: 32px;
	}	
	
	#interior .box-vertical a .imagen .titulo p {
		font-size: 32px;
	}

	#interior .bloque-cifras .destacado p {
		font-size: 50px;	
	}

	#interior .bloque-cifras .bajada p {
		font-size: 20px;;	
	}
	
	#interior .filtro ul li {
		float: left;
		display: inline-block;
		border-right: 3px solid #000;	
	}	
	
	.banner-ficha .titulo h1 {
		font-size: 80px;
	}	
	
	#interior .info-ficha p {
		font-size: 17px;
	}

	#interior .info-ficha .fecha p {
		font-size: 45px;
	}	

	#interior .frase-ficha p {
		font-size: 49px;	
	}

	#interior .datos-obra .descargar-ficha a {
		font-size: 16px;
	}

	#banner.estatico .portadilla h1 {
		font-size: 4.2rem;
	}

	#interior .bloque-tabla .table-bordered th, .table-bordered td {
		padding: 20px;
		font-size: 15px;
		letter-spacing: 0;
	}	
	
	#interior .bloque-tabla .table th {
		font-size: 22px;
	}	
	
	.cajas .side-news p {
		font-size: 45px;
	}	
	
	.bloque-onepage h3 {
		font-size: 50px;
	}

	.blog h1 {
		font-size: 90px;
	}	
	
	.pagemenu a {
		font-size: 19px;
	}	
	
}

/* A bit bigger if you need some adjustments around here */
@media (min-width: 1100px) {
	
	.banner-interior .titulo h1 {
		font-size: 40px;
	}

	.banner-interior .bajada p {
		font-size: 25px;
	}	
	
	.banner-interior .titulo {
		margin-top: 21%;
		margin-right: 9%;
		margin-left: 9%;
	}

	.banner-interior .bajada {
		margin-right: 9%;
		margin-left: 9%;
	}	
	
	#interior .card-columns {
		column-count: 3;
	}

	#interior {
		font-size: 18px;
		text-align: justify;
	}
	
	#interior .bloque-titulo h1 {
		font-size: 40px;
	}
	
	#interior .bloque-titulo h2 {
		font-size: 40px;
	}	
	
	#interior .bloque-bajada p {
		font-size: 25px;
	}

	#interior .bloque-frase p {
		font-size: 23px;
	}
	
	#interior .bloque-autor p {
		font-size: 16px;
	}	

	#interior .bloque-tabla .table .hora {
		font-size: 25px;
	}

	#interior .bloque-tabla .table .info {
		font-size: 18px;
	}	
	
	#interior .seccion p {
		font-size: 34px;
	}

	#interior .bloque-tags .tags ul li a {
		font-size: 25px;
	}

	#encuesta .bloque-titulo h1 {
		font-size: 45px;
	}	

	#encuesta .send button {
		font-size: 30px;	
	}	
	
	#encuesta .box {
		min-height: 280px;
	}	
	
	#componentes .bloque-titulo h1 {
		font-size: 45px;
	}

	#interior.componentes .bloque-personas .persona .bajada p {
		font-size: 14px;	
	}

	#interior .bloque-descargas .archivo p {
		font-size: 20px;
	}

	#interior .bloque-descargas .archivo a {
		font-size: 20px;;	
	}

	#interior .box a .imagen .titulo p {
		font-size: 32px;
	}	
	
	#interior .box-vertical a .imagen .titulo p {
		font-size: 32px;
	}

	#interior .bloque-cifras .destacado p {
		font-size: 55px;	
	}

	#interior .bloque-cifras .bajada p {
		font-size: 20px;;	
	}	
	
	#interior .filtro ul li {
		float: left;
		display: inline-block;
		border-right: 3px solid #000;	
	}	
	
	.banner-ficha .titulo h1 {
		font-size: 80px;
	}

	#interior .info-ficha p {
		font-size: 17px;
	}	
	
	#interior .info-ficha .fecha p {
		font-size: 45px;
	}	
	
	#interior .frase-ficha p {
		font-size: 49px;	
	}	

	#interior .datos-obra .descargar-ficha a {
		font-size: 16px;
	}

	#banner.estatico .portadilla h1 {
		font-size: 4.2rem;
	}

	#interior .bloque-tabla .table-bordered th, .table-bordered td {
		padding: 20px;
		font-size: 15px;
		letter-spacing: 0;
	}	
	
	#interior .bloque-tabla .table th {
		font-size: 22px;
	}	
	
	.cajas .side-news p {
		font-size: 55px;
	}	
	
	.bloque-onepage h3 {
		font-size: 50px;
	}	

	.blog h1 {
		font-size: 100px;
	}	
	
	.pagemenu a {
		font-size: 20px;
	}	
	
}

/* Widescreens */
@media (min-width: 1500px) {
	
	.banner-interior .titulo h1 {
		font-size: 45px;
	}

	.banner-interior .bajada p {
		font-size: 26px;
	}	
	
	.banner-interior .titulo {
		margin-top: 15%;
		margin-right: 10%;
		margin-left: 10%;
	}

	.banner-interior .bajada {
		margin-right: 10%;
		margin-left: 10%;
	}	
	
	#interior .card-columns {
		column-count: 3;
	}

	#interior {
		font-size: 19px;
		text-align: justify;
	}
	
	#interior .bloque-titulo h1 {
		font-size: 45px;
	}

	#interior .bloque-titulo h2 {
		font-size: 45px;
	}	
	
	#interior .bloque-bajada p {
		font-size: 26px;
	}
	
	#interior .bloque-autor p {
		font-size: 17px;
	}	

	#interior .bloque-frase p {
		font-size: 24px;
	}

	#interior .bloque-tabla .table .hora {
		font-size: 26px;
	}

	#interior .bloque-tabla .table .info {
		font-size: 19px;
	}	
	
	#interior .seccion p {
		font-size: 35px;
	}

	#interior .bloque-tags .tags ul li a {
		font-size: 26px;
	}

	#encuesta .bloque-titulo h1 {
		font-size: 50px;
	}
	
	#encuesta .box .info .texto-info p {
		font-size: 40px;
	}

	#encuesta .box .info .bajada-info p {
		font-size: 17px;	
	}

	#encuesta .send button {
		font-size: 35px;	
	}	
	
	#encuesta .box {
		min-height: 300px;
	}	
	
	#componentes .bloque-titulo h1 {
		font-size: 50px;
	}

	#interior.componentes .bloque-personas .persona .bajada p {
		font-size: 15px;	
	}	
	
	#interior .bloque-descargas .archivo p {
		font-size: 24px;
	}

	#interior .bloque-descargas .archivo a {
		font-size: 24px;;	
	}	
	
	#interior .box a .imagen .titulo p {
		font-size: 35px;
	}

	#interior .box-vertical a .imagen .titulo p {
		font-size: 35px;
	}	
	
	#interior .bloque-cifras .destacado p {
		font-size: 60px;	
	}

	#interior .bloque-cifras .bajada p {
		font-size: 25px;;	
	}

	#interior .filtro ul li {
		float: left;
		display: inline-block;
		border-right: 3px solid #000;	
	}
	
	.banner-ficha .titulo h1 {
		font-size: 85px;
	}	
	
	#interior .info-ficha p {
		font-size: 18px;
	}

	#interior .info-ficha .fecha p {
		font-size: 50px;
	}	
	
	#interior .frase-ficha p {
		font-size: 42px;
	}

	#interior .datos-obra .descargar-ficha a {
		font-size: 17px;
	}	
	
	#banner.estatico .portadilla h1 {
		font-size: 4.5rem;
	}	
	
	#interior .bloque-tabla .table-bordered th, .table-bordered td {
		padding: 20px;
		font-size: 17px;
		letter-spacing: 0;
	}	
	
	#interior .bloque-tabla .table th {
		font-size: 24px;
	}	
	
	.cajas .side-news p {
		font-size: 55px;
	}
	
	.bloque-onepage h3 {
		font-size: 50px;
	}	
	
	.blog h1 {
		font-size: 100px;
	}

	.pagemenu a {
		font-size: 20px;
	}	
	
}