@charset "utf-8";
.cabecera {
	padding: 1px;
	width: 100%;
}

.cabecera img{
  width: 100%;
  height: auto;
}

.banerServicios {
	height: auto;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	text-align: center;
}

.banerServicios img{
  width: 100%;
  height: auto;
}

.BloqueServicios {
	height: auto;
	width: 100%;
	margin-bottom: 1%;
}

.BloqueServicios img{
  width: 100%;
  height: auto;
}

.foot {
	font-family: "Century Gothic", Verdana;
	font-size: small;
	color: #FFF;
	text-align: center;
}

.foot img{
  width: 100%;
  height: auto;
}

.contactoIndex {
	background-image: url(../img/FondoContacto.jpg);
	font-family: "Century Gothic", Verdana;
	font-size: medium;
	text-align: center;
	color: #FFF;
	padding: 1%;
}

.contactoIndex a{
	color: #FFF;
	text-decoration: none;
}	

@font-face {
font-family: 'CenturyGothic';
src: url(GOTHIC.TTF);
font-weight: normal;
font-style: normal;
}


.infoSeccion {
	font-family: "Century Gothic", Verdana;
	font-size: large;
	color: #000;
	padding: 2%;
	text-align: justify;
}

.imagen100x100ancho {
	font-family: "Century Gothic", Verdana;
	margin-bottom: 1%;
}

.imagen100x100ancho img{
  width: 100%;
  height: auto;
}

.infoSeccion a{
	font-family: "Century Gothic", Verdana;
	font-size: medium;
	color: #900;
	padding: 1%;
}

.botonMenu {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3rem;
	height: 3rem;
	position: fixed;
	top: 1rem;
	background-color: #99B2B7;
	color: white;
	cursor: pointer;
	background-image: url(../img/BotonMenu.jpg);
	background-size: cover;
}


.botonMenu:focus {
	outline: none;
}


.botonMenu:focus + nav.principal {
	transform: translateX(0px);
}

nav.principal {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 15rem;
	background-color: #CCC;
	transform: translateX(-15rem);
	transition: 1s all;
	font-family: "Century Gothic", Verdana;
	font-size: medium;
}

nav.principal ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav.principal a {
	display: block;
	color: #000;
	padding: 1rem;
	transition: .5s all;
	text-decoration: none;
}

nav.principal a:hover {
	text-decoration: none;
	background-color: #666;
	color: #FFF;
}