body {
	font-weight: normal; 
	font-size: 12pt; 
	color: #000; 
	font-family: 'Open Sans', 'Trebuchet MS', Helvetica, Arial, Sans serif;
	text-align: left;
	padding: 0px;
  margin: 5px 0px 0px 0px;
  }
.foto {
  width:100%;
  margin:0px auto;
  margin-bottom: 16px; 
  background:#ccc;
	display: inline-block;
	float: none;
  }
titulodefoto {
	font-size: 10pt; 
	color: #00f; 
  font-style: italic; 
  margin-left: 5px;
  }
h1 {
	color: #0098a8; 
  }
h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
	color: #0098a8; 
	}
.pagina {
  width:100%;
  margin:0px auto;
  background:#fff;
}
.hoja {
  width:1280px;
  margin:0px auto;
  vertical-align: top;
}
.titulodeseccion {
  width:1280px;
  margin:0px auto;
  vertical-align: top;
	text-align: center;
	}
.seccion {
  margin: 5px;
	column-count:4;
	}
.contacto {
  margin: 5px;
	}
.fondomenu {
  width:100%;
  margin:0px auto;
  background:#bce7e8;
  }
.barraentreareas {
  width:1280px;
	height:12px;
  margin:0px auto;
  background:#bce7e8;
	}
.fondomapa {
  width:100%;
  margin:0px auto;
  }
@media screen and (max-width:1280px) { 
  .seccion {
  	column-count:3;
  	}
  .hoja, .piedepagina, .titulodeseccion {
    width:100%;
    }
  }
@media screen and (max-width:960px) { 
  html, body {
		font-size:1.1em;
  	}
  .hoja, .piedepagina, .titulodeseccion {
    width:100%;
    }
  .seccion {
  	column-count:2;
  	}
  }
@media screen and (max-width:480px) {
  html, body {
		font-size:1.2em;
  	}
  .hoja, .piedepagina, .titulodeseccion {
    width:100%;
    }
  .seccion {
  	column-count:1;
  	}
  }