@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Fuente';
  src: URL('..//fonts/Esphimere Light.otf') format('truetype');
}

*{

}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 1.7rem;
}

h3 {
	font-size: 1.4rem;
}

.strong-h3 {
	font-size: 1.4rem;
}

p {
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.3rem;
}

.table-packs {
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	width:90%;
	margin-bottom: 3%;
}

.table-packs-online {
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	width:50%;
	/*margin-bottom: 3%;*/
	margin-bottom: 3%;
	margin-top: 3%;
}

.table-packs-bonos {
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	width:70%;
	margin-bottom: 3%;
}

.table-packs-grupos {
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	width:80%;
	margin-bottom: 3%;
}

th {
	background-color: teal;
	background-color:black;
	color: white;
	padding: 10px;
	font-size: 1.3rem;
}

td {
	text-align: center;
	border-bottom:  solid;
	border-width: thin;
	border-bottom-color: teal;
	border-bottom-color:black;
	font-size: 1.3rem;
}
.siguiente-anterior {
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	background-color: white;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.boton-siguiente {
	
}

.boton-anterior {
	
}


a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

.testimonios-bar {
	display: flex;
	justify-content: space-between;
	padding-top: 2%;
}

.content-aside {
	display: flex;
	justify-content: space-around;
}

.testimonio {

	display: block;
}

.testimonio-text {
	float:left;
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	padding: 5%;
	padding-top: 0;
	width: 50%;
	line-height: 1.6;
}

.testimonio-text-left {
	float:left;
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	padding: 5%;
	padding-top: 0;
	width: 50%;
	line-height: 1.6;
}

.testimonio-text-right {
	float:right;
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	padding: 5%;
	padding-top: 0;
	width: 50%;
	line-height: 1.6;
}


.testimonio-image {
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	float:right;
	width: 40%;
	padding-top: 5%;
}

.testimonio-image-right {
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	float:right;
	width: 40%;
	padding-top: 1%;
	padding-right: 2%;
}
.testimonio-image-left {
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	float:left;
	width: 40%;
	padding-top: 1%;
	padding-left: 2%;
}


.testimonio-text-apaisado {
	float:left;
	font-family: "Fuente", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	padding: 5%;
	padding-top: 0;
	padding-bottom: 2%;
	width: 90%;
	line-height: 1.5;
}

.testimonio-image-apaisado {
	width: 100%;
	padding-bottom: 2%;
}

@media  screen and (max-width : 1023px)
{
	.table-packs {

	width:95%;
	margin-bottom: 5%;
}

.table-packs-online {
	
	width:95%;
	/*margin-bottom: 5%;*/
}

.table-packs-bonos {
	width:95%;
	margin-bottom: 5%;
}

.table-packs-grupos {
	width:95%;
	margin-bottom: 5%;
}
	p {

	font-size: 2.5rem;
}
	th {
		font-size: 2.8rem;
	}
	td {
		padding-left: 1%;
		padding-right: 1%;
		font-size: 2.8rem;
	}
}