@media (max-width: 767px){

body {
	
	background:url("Background.jpg");
	background-repeat:repeat-y;
	background-attachment:fixed;
	background-size: 100% 100vh;
    background-position:left top;
	overflow-x: hidden;
 max-width: 375px;
  min-width: 300px; 
	margin: 0 auto;
	
	
}

	
.contenedor  {
	
        overflow-x: hidden;
	max-width: 375px;
        min-width: 300px;
	margin: 0 auto;
	font-family: 'Garamond', serif !important;

	}



	
article {
	
  height:400px;
  width:265px;
  margin:40px 300px;
  padding:50px;
  display:inline-block;
  background-color:#F4FAF9;
  text-align: center;
  position: relative;
  left: 50px;
	font-family: 'Garamond', serif;
  
  
}

article h2 {
	
color: #000000;
font-size: 30px;
position: relative;
bottom: 150px;
right: 40px;
width:320px;

}   
	
article p  {
	
position: relative;
right: 5px;
	
	}

.fuerza p {
	
position: relative;
right: -5px;
	
	
}

.fuerza4 p {
	
position: relative;
right: 40px;
	
	
}

.fuerza2 p {
	
position: relative;
right: 25px;
	
	
}

.fuerza3 p {
	
position: relative;
right: 5px;
	
	
}

.main   {
	
position: relative;
right: 30px;
	
	
	
}



article p {

  text-align:center;
  font-size: 25px;
  
}

.Direcciones {
	
color:#FFFFFF;
font-family: 'Garamond', serif;
text-align: left;

}

.Comienzo {
	
color:#FFFFFF;
font-family: 'Garamond', serif;
text-align: center;
}



	
aside {
	
   height:200px;
   width:210px;
   background-color:none;
   margin:40px 50px;
   padding:50px;
   border: none; 
   display:inline-block;
   float:right;
   position: relative;
   right: 45px;
   
}



.entrada  {
	
	margin-top: -30px;
	margin-left: -90px;
	height:25px;
	width:1600px;
	gap: 1px;
    padding: 30px;
    color:#3200FF;
    font-family: 'Garamond', serif;
    text-align: left;	
	list-style-type: none;
	position: relative;
	top: 20px;
	right: 40px;
	

}


.entrada li {
	
	margin-right:100px;
	margin-left:100px;
	
}

.consejo1 {

position: relative;	
left: 10px;
color:#FFFFFF;

}

.consejo2 {

position: relative;	
left: 10px;
top: 20px

}


.consejo2 span {

color:#FFFFFF;

}

.consejo3 {
	
position: relative;
top: 95px;
	
	
}

.consejo3 a {
	
position: relative;
bottom: 60px;
font-size: 25px;
left: 10px;	
color:#FFFFFF;
	
}


.consejo4 {

position: relative;	
left: 10px;
color:#FFFFFF;
top: 50px;

}

.consejo5 {

position: relative;	
left: 10px;
color:#FFFFFF;
top: 70px;

}

.wrapper {
	
background-color: #F4FAF9;	
width: 365px;
height: 6400px;
	font-family: 'Garamond', serif;
}

.main  {
	
position: relative;
bottom: 117px;
right: 350px;

	
	
}


.publicidad {
	
position: relative;
bottom: 200px;
right: 20px;
width: 280px;

}

.ejemplos {
	
list-style-type: none;
position: relative;
bottom:210px;
right:590px;
width:800px;

}

  .ejemplo1 {

position: relative;
left: 570px;
bottom: 100px;
text-align:center;
font-size: 20px;
width: 280px;
	  
  }
   
  
  .ejemplo2 {

position: relative;
left: 570px;
bottom: 60px;
text-align:center;
font-size: 20px;
width: 280px;

  }
  
  .ejemplo3 {
	  
position: relative;
left: 570px;
bottom: 20px;
text-align:center;
font-size: 20px;
width: 280px;

  }	
  

.practicas {
	
list-style-type: none;
position: relative;
bottom:180px;
right:570px;
width:800px;

}


 .ejemplo4 {
	 
position: relative;
left: 550px;
bottom: 25px;
text-align:center;
font-size: 20px;
width: 280px;
	 
 }
 
 
 .ejemplo5 {
	 
position: relative;
left: 550px;
top: 25px;
text-align:center;
font-size: 20px;
width: 280px;

 } 
 
 .ejemplo6 {
	 
position: relative;
left: 550px;
top: 65px;
text-align:center;
font-size: 20px;
width: 280px;

 } 

.tratamientos {
	
list-style-type: none;
position: relative;
bottom:130px;
right:570px;
width: 900px;

}

 

.ultimo  {

list-style-type: none;
display: flex;
position: relative;
bottom:130px;
right:490px;
width: 400px;

}

  .ejemplo10 {
	 
position: relative;
left: 470px;
top:250px;
text-align:center;
font-size: 20px;
width: 280px;


 }



 .ejemplo7 {

position: relative;
left: 550px;
top:45px;
text-align:center;
font-size: 20px;
width: 280px;	 
	 
 }
 
 .ejemplo8 {
	 
position: relative;
left: 550px;
top:85px;
text-align:center;
font-size: 20px;
width: 280px;
	 
 }
 

  .ejemplo9 {
	 
position: relative;
left: 550px;
top: 125px;
text-align:center;
font-size: 20px;
width: 280px;
z-index: 10;
	 
 }

 
 .avances {
	
list-style-type: none;
position: relative;
bottom:130px;
right:560px;
width: 1200px;


}
 
 .ejemplo11 {
	 
position: relative;
left: 540px;
top:150px;
text-align:center;
font-size: 20px;
width: 280px;	 

 }
 
 .ejemplo12 {
	 
position: relative;
left: 540px;
top:190px;
text-align:center;
font-size: 20px;
width: 280px;


 }
 
  .ejemplo13 {
	 
position: relative;
left: 540px;
top:230px;
text-align:center;
font-size: 20px;
width: 280px;

 }
 
.reservas {
	
list-style-type: none;
position: relative;
left: 25px;
	
}



.marca {
	
	margin:0px 450px;
	padding:0.1px;
	margin-top:150px;
	margin-left:430px;
	position: relative;
	top: 1000px;
	right: 310px;
	
}

#marquita  {

position: relative;
right: 427px;
width: 361px;
height: 400px;
top: 510px;	
	
}

 #miTabla {
            display: none;
}

a[data-title] {
  position: relative;
  cursor: pointer;
}

.tooltip-content {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

a[data-title]:hover + .tooltip-content {
  display: block;
}

.tooltip-content table {
  border-collapse: collapse;
  width: 325px;
}

.tooltip-content th, .tooltip-content td {
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
}

.Autoria {
	
background-color: #F4FAF9 ;
width: 100% ;
position: relative;
top: 500px;
height: 2100px !important;
color: #000000;
font-family: 'Garamond', serif;
text-align: center;
	

	
}

.textoAutoria {
	
	
position: relative;	
top: 50px;	
width: 270px;
left: 240px;
font-size: 20px;


}
	

.chusina {
	
position: relative;
right: 195px;
width: 270px;
height: 400px;

}
	
.chusina2  {
	
	
position: relative;
right: 205px;
width: 280px;

	
}
	


.titulito  {
	
position: relative;
right: 205px;
width: 270px;

}


.descripcion  {	

position: relative;
bottom: 15px;
right: 205px;
width: 270px;
	
}

.descripcion2  {

position: relative;
right: 205px;
bottom: 10px;	
width: 280px;
	
}

.fuerza p {
	
position: relative;
right: 270px;
width: 280px;

	
	
}

.fuerza4 p {
	
position: relative;
right: 270px;
width: 280px;
	
	
}

.fuerza2 p {
	
position: relative;
right: 270px;
width: 280px;

	
}

.fuerza3 p {
	
position: relative;
right: 270px;
width: 280px;

	
}
	

.reservando  {
	
position: relative;
width:280px;
right: 205px;

}


.masajista  {
	
width: 250px;
height: 250px;
position: relative;
left: 8px;

	
}



.Clientes {
	
width: 100% ;
position: relative;
top: 650px;
height: 700px !important;
color: #000000;
font-family: 'Garamond', serif;
text-align: center;
font-size: 20px;
background-color: #F4FAF9;

}

.clientela  {

position: relative;
bottom: 15px;

}


}

@media (min-width: 768px) and (max-width: 1200px) {
	

	
	
body {
	
	background:url("Background.jpg");
	background-repeat: repeat-y;
	background-size: 100% 100vh;
    background-position:center;
overflow-x: hidden;
	scroll-behavior: smooth;
min-width: 1366px;
    max-width: 1366px;
margin: 0 auto;
	
	
}
	
.contenedor  {

overflow-x: hidden;
min-width: 1366px;
    max-width: 1366px;
margin: 0 auto;
	
	
}


	


	
article {
	
  height:400px;
  width:790px;
  margin:40px 300px;
  padding:50px;
  display:inline-block;
  background-color:#F4FAF9;
  text-align: center;
  position: relative;
  right: 85px;
  
}

article h2 {
	
color: #000000;
font-size: 30px;

}      

.fuerza p {
	
position: relative;
right: -5px;
	
	
}

.fuerza4 p {
	
position: relative;
right: 40px;
	
	
}

.fuerza2 p {
	
position: relative;
right: 25px;
	
	
}

.fuerza3 p {
	
position: relative;
right: 5px;
	
	
}

.main   {
	
position: relative;
left: 20px;
	
	
	
}



article p {

  text-align:center;
  font-size: 25px;
  
}

.Direcciones {
	
color:#FFFFFF;
font-family: 'Garamond', serif;
text-align: left;

}

.Comienzo {
	
color:#FFFFFF;
font-family: 'Garamond', serif;
text-align: center;
}



	
aside {
	
   height:200px;
   width:210px;
   background-color:none;
   margin:40px 50px;
   padding:50px;
   border: none; 
   display:inline-block;
   float:right;
   
}



.entrada  {
	
	margin-top: -30px;
	margin-left: -90px;
	height:25px;
	width:1600px;
	display:flex;
	justify-content: space-between;
	gap: 5px;
    padding: 30px;
    color:#3200FF;
    font-family: 'Garamond', serif;
    text-align: center;	
	list-style-type: none;
	position: relative;
	top: 20px;
	right: 80px;
	

}


.entrada li {
	
	margin-right:100px;
	margin-left:100px;
	
}

.consejo1 {

position: relative;	
left: 100px;
color:#FFFFFF;

}

.consejo2 {

position: relative;	
left: 100px;

}


.consejo2 span {

color:#FFFFFF;

}

.consejo3 {
	
position: relative;
top: 60px;
	
	
}

.consejo3 a {
	
position: relative;
bottom: 60px;
font-size: 25px;
left: 10px;	
color:#FFFFFF;
	
}


.consejo4 {

position: relative;	
right: 100px;
color:#FFFFFF;

}

.consejo5 {

position: relative;	
right: 100px;
color:#FFFFFF;

}

.wrapper {
	
background-color: #F4FAF9;	
width: 100%;
height: 3000px;

}

.publicidad {
	
position: relative;
bottom: 60px;

}

.ejemplos {
	
list-style-type: none;
display: flex;
position: relative;
bottom:210px;
right:470px;
width:800px;

}

  .ejemplo1 {

position: relative;
right: 570px;
text-align:center;
font-size: 20px;
	  
  }
   
  
  .ejemplo2 {

position: relative;
right: 340px;
text-align:center;	  
font-size: 20px;

  }
  
  .ejemplo3 {
	  
position: relative;
right: 95px;
text-align:center;
font-size: 20px;

  }	
  

.practicas {
	
list-style-type: none;
display: flex;
position: relative;
bottom:180px;
right:460px;
width:800px;

}


 .ejemplo4 {
	 
position: relative;
right: 570px;
text-align:center;
font-size: 20px;
	 
 }
 
 
 .ejemplo5 {
	 
position: relative;
right: 310px;
text-align:center;
font-size: 20px;

 } 
 
 .ejemplo6 {
	 
position: relative;
right: 100px;
text-align:center;
font-size: 20px;

 } 

.tratamientos {
	
list-style-type: none;
display: flex;
position: relative;
bottom:130px;
right:470px;
width: 900px;

}

 

.ultimo  {

list-style-type: none;
display: flex;
position: relative;
bottom:130px;
right:470px;
width: 400px;

}

  .ejemplo10 {
	 
position: relative;
right: 125px;
bottom: 600px;
text-align: center;
font-size: 20px;


 }



 .ejemplo7 {

position: relative;
right: 560px;
text-align: center;
font-size: 20px;
bottom: 15px;	 
	 
 }
 
 .ejemplo8 {
	 
position: relative;
right: 330px;
text-align: center;
font-size: 20px;
	 
 }
 

  .ejemplo9 {
	 
position: relative;
right: 200px;
text-align: center;
font-size: 20px;
	 
 }

 
 .avances {
	
list-style-type: none;
position: relative;
bottom:130px;
right: 470px;
width: 1200px;


}
 
 .ejemplo11 {
	 
position: relative;
right: 585px;
top: 70px;
text-align: center;
font-size: 20px;
width: 300px;

 }
 
 .ejemplo12 {
	 
position: relative;
left: 400px;
bottom: 300px;
text-align: center;
font-size: 20px;
width: 300px;


 }
 
  .ejemplo13 {
	 
position: relative;
bottom: 680px;
text-align: center;
font-size: 20px;
right: 80px;
width: 300px;

 }



.marca {
	
	margin:0px 450px;
	padding:0.1px;
	margin-top:150px;
	margin-left:430px;
	position: relative;
	top: 1000px;
	right: 440px;
	
}

 #miTabla {
            display: none;
}


a[data-title] {
  position: relative;
  cursor: pointer;
}

.tooltip-content {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

a[data-title]:hover + .tooltip-content {
  display: block;
}

.tooltip-content table {
  border-collapse: collapse;
  width: 325px;
}

.tooltip-content th, .tooltip-content td {
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
}

.Autoria {
	
background-color: #F4FAF9 ;
width: 100% ;
position: relative;
top: 500px;
height: 1550px;
color: #000000;
font-family: 'Garamond', serif;
text-align: center;
	

	
}

.textoAutoria {
	
	
position: relative;	
top: 50px;	
width: 1000px;
left: 140px;
font-size: 20px;

}
	
.chusina  {

position: relative;
right: 10px;
height: 400px;
	
	}



.Clientes {
	
width: 100% ;
position: relative;
top: 650px;
height: 600px;
color: #000000;
font-family: 'Garamond', serif;
text-align: center;
font-size: 20px;
background-color: #F4FAF9;

}

}

@media (min-width: 1221px) and (max-width: 1366px) {
	
body {
	
	background:url("Background.jpg");
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: 100% 100vh;
    background-position:center;	
	overflow-x: hidden;
	min-width: 1366px;
    max-width: 1366px;
	margin: 0 auto;
}
	
.contenedor  {
	
 min-width: 1366px;
    max-width: 1366px;
	margin: 0 auto;
}


	


	
article {
	
  height:400px;
  width:790px;
  margin:40px 300px;
  padding:50px;
  display:inline-block;
  background-color:#F4FAF9;
  text-align: center;
  position: relative;
  right: 85px;
	font-family: 'Garamond', serif;
  
}

article h2 {
	
color: #000000;
font-size: 30px;

}      

.fuerza p {
	
position: relative;
right: 30px;
	
	
}

.fuerza4 p {
	
position: relative;
left: 5px;
	
	
}

.fuerza2 p {
	
position: relative;
right: 25px;
	
	
}

.fuerza3 p {
	
position: relative;
right: 10px;
	
	
}

.main   {
	
position: relative;
left: 20px;
	
	
	
}



article p {

  text-align:center;
  font-size: 25px;
  
}

.Direcciones {
	
color:#FFFFFF;
font-family: 'Garamond', serif;
text-align: left;

}

.Comienzo {
	
color:#FFFFFF;
font-family: 'Garamond', serif;
text-align: center;
}



	
aside {
	
   height:200px;
   width:210px;
   background-color:none;
   margin:40px 50px;
   padding:50px;
   border: none; 
   display:inline-block;
   float:right;
   
}



.entrada  {
	
	margin-top: -30px;
	margin-left: -90px;
	height:25px;
	width:1600px;
	display:flex;
	justify-content: space-between;
	gap: 5px;
    padding: 30px;
    color:#3200FF;
    font-family: 'Garamond', serif;
    text-align: center;	
	list-style-type: none;
	position: relative;
	top: 20px;
	right: 80px;
	

}


.entrada li {
	
	margin-right:100px;
	margin-left:100px;
	
}

.consejo1 {

position: relative;	
left: 100px;
color:#FFFFFF;

}

.consejo2 {

position: relative;	
left: 100px;

}


.consejo2 span {

color:#FFFFFF;

}

.consejo3 {
	
position: relative;
top: 60px;
	
	
}

.consejo3 a {
	
position: relative;
bottom: 60px;
font-size: 25px;
left: 10px;	
color:#FFFFFF;
	
}


.consejo4 {

position: relative;	
right: 100px;
color:#FFFFFF;

}

.consejo5 {

position: relative;	
right: 100px;
color:#FFFFFF;

}

.wrapper {
	
background-color: #F4FAF9;	
width: 100%;
height: 3000px;
	font-family: 'Garamond', serif;

}

.publicidad {
	
position: relative;
bottom: 60px;

}

.ejemplos {
	
list-style-type: none;
display: flex;
position: relative;
bottom:210px;
right:470px;
width:800px;

}

  .ejemplo1 {

position: relative;
right: 570px;
text-align:center;
font-size: 20px;
	  
  }
   
  
  .ejemplo2 {

position: relative;
right: 340px;
text-align:center;	  
font-size: 20px;

  }
  
  .ejemplo3 {
	  
position: relative;
right: 95px;
text-align:center;
font-size: 20px;

  }	
  

.practicas {
	
list-style-type: none;
display: flex;
position: relative;
bottom:180px;
right:460px;
width:800px;

}


 .ejemplo4 {
	 
position: relative;
right: 570px;
text-align:center;
font-size: 20px;
	 
 }
 
 
 .ejemplo5 {
	 
position: relative;
right: 310px;
text-align:center;
font-size: 20px;

 } 
 
 .ejemplo6 {
	 
position: relative;
right: 100px;
text-align:center;
font-size: 20px;

 } 

.tratamientos {
	
list-style-type: none;
display: flex;
position: relative;
bottom:130px;
right:470px;
width: 900px;

}

 

.ultimo  {

list-style-type: none;
display: flex;
position: relative;
bottom:130px;
right:470px;
width: 400px;

}

  .ejemplo10 {
	 
position: relative;
right: 125px;
bottom: 600px;
text-align: center;
font-size: 20px;


 }



 .ejemplo7 {

position: relative;
right: 560px;
text-align: center;
font-size: 20px;
bottom: 15px;	 
	 
 }
 
 .ejemplo8 {
	 
position: relative;
right: 330px;
text-align: center;
font-size: 20px;
	 
 }
 

  .ejemplo9 {
	 
position: relative;
right: 200px;
text-align: center;
font-size: 20px;
	 
 }

 
 .avances {
	
list-style-type: none;
position: relative;
bottom:130px;
right: 470px;
width: 1200px;


}
 
 .ejemplo11 {
	 
position: relative;
right: 585px;
top: 70px;
text-align: center;
font-size: 20px;
width: 300px;

 }
 
 .ejemplo12 {
	 
position: relative;
left: 400px;
bottom: 300px;
text-align: center;
font-size: 20px;
width: 300px;


 }
 
  .ejemplo13 {
	 
position: relative;
bottom: 680px;
text-align: center;
font-size: 20px;
right: 80px;
width: 300px;

 }



.marca {
	
	margin:0px 450px;
	padding:0.1px;
	margin-top:150px;
	margin-left:430px;
	position: relative;
	top: 1000px;
	right: 440px;
	
}

 #miTabla {
            display: none;
}


a[data-title] {
  position: relative;
  cursor: pointer;
}

.tooltip-content {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

a[data-title]:hover + .tooltip-content {
  display: block;
}

.tooltip-content table {
  border-collapse: collapse;
  width: 325px;
}

.tooltip-content th, .tooltip-content td {
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
}

.Autoria {
	
background-color: #F4FAF9 ;
width: 100% ;
position: relative;
top: 500px;
height: 1550px;
color: #000000;
font-family: 'Garamond', serif;
text-align: center;
	

	
}

.textoAutoria {
	
	
position: relative;	
top: 50px;	
width: 1000px;
left: 140px;
font-size: 20px;

}
	
.chusina  {

position: relative;
right: 10px;
height: 500px;
	
	}



.Clientes {
	
width: 100% ;
position: relative;
top: 650px;
height: 600px;
color: #000000;
font-family: 'Garamond', serif;
text-align: center;
font-size: 20px;
background-color: #F4FAF9;

}

}

	

@media (min-width: 1367px) and (max-width: 1535px) {
	
body {
	
	background:url("Background.jpg");
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: 100% 100vh;
    background-position:center;	
	overflow-x: hidden;
	min-width: 1440px;
    max-width: 1440px;
	margin: 0 auto;
}
	
.contenedor  {
	
  max-width: 1440px;
	min-width: 1440px;
	margin: 0 auto;
}
	


	
article {
	
  height:400px;
  width:790px;
  margin:40px 300px;
  padding:50px;
  display:inline-block;
  background-color:#F4FAF9;
  text-align: center;
  position: relative;
  right: 60px;
	font-family: 'Garamond', serif;
  
}

article h2 {
	
color: #000000;
font-size: 30px;

}      

.fuerza p {
	
position: relative;
right: 30px;
	
	
}

.fuerza4 p {
	
position: relative;
left: 5px;
	
	
}

.fuerza2 p {
	
position: relative;
right: 25px;
	
	
}

.fuerza3 p {
	
position: relative;
right: 10px;
	
	
}

.main   {
	
position: relative;
left: 20px;
	
	
	
}



article p {

  text-align:center;
  font-size: 25px;
  
}

.Direcciones {
	
color:#FFFFFF;
font-family: 'Garamond', serif;
text-align: left;

}

.Comienzo {
	
color:#FFFFFF;
font-family: 'Garamond', serif;
text-align: center;
}



	
aside {
	
   height:200px;
   width:210px;
   background-color:none;
   margin:40px 50px;
   padding:50px;
   border: none; 
   display:inline-block;
   float:right;
   
}



.entrada  {
	
	margin-top: -30px;
	margin-left: -90px;
	height:25px;
	width:1600px;
	display:flex;
	justify-content: space-between;
	gap: 5px;
    padding: 30px;
    color:#3200FF;
    font-family: 'Garamond', serif;
    text-align: center;	
	list-style-type: none;
	position: relative;
	top: 20px;
	right: 40px;
	

}


.entrada li {
	
	margin-right:100px;
	margin-left:100px;
	
}

.consejo1 {

position: relative;	
left: 100px;
color:#FFFFFF;

}

.consejo2 {

position: relative;	
left: 100px;

}


.consejo2 span {

color:#FFFFFF;

}

.consejo3 {
	
position: relative;
top: 60px;
	
	
}

.consejo3 a {
	
position: relative;
bottom: 60px;
font-size: 25px;
left: 10px;	
color:#FFFFFF;
	
}


.consejo4 {

position: relative;	
right: 100px;
color:#FFFFFF;

}

.consejo5 {

position: relative;	
right: 100px;
color:#FFFFFF;

}

.wrapper {
	
background-color: #F4FAF9;	
width: 100%;
height: 3000px;
	font-family: 'Garamond', serif;

}

.publicidad {
	
position: relative;
bottom: 60px;

}

.ejemplos {
	
list-style-type: none;
display: flex;
position: relative;
bottom:210px;
right:550px;
width:800px;

}

  .ejemplo1 {

position: relative;
right: 570px;
text-align:center;
font-size: 20px;
	  
  }
   
  
  .ejemplo2 {

position: relative;
right: 340px;
text-align:center;	  
font-size: 20px;

  }
  
  .ejemplo3 {
	  
position: relative;
right: 95px;
text-align:center;
font-size: 20px;

  }	
  

.practicas {
	
list-style-type: none;
display: flex;
position: relative;
bottom:180px;
right:520px;
width:800px;

}


 .ejemplo4 {
	 
position: relative;
right: 570px;
text-align:center;
font-size: 20px;
	 
 }
 
 
 .ejemplo5 {
	 
position: relative;
right: 310px;
text-align:center;
font-size: 20px;

 } 
 
 .ejemplo6 {
	 
position: relative;
right: 100px;
text-align:center;
font-size: 20px;

 } 

.tratamientos {
	
list-style-type: none;
display: flex;
position: relative;
bottom:130px;
right:510px;
width: 900px;

}

 

.ultimo  {

list-style-type: none;
display: flex;
position: relative;
bottom:130px;
right:470px;
width: 400px;

}

  .ejemplo10 {
	 
position: relative;
right: 165px;
bottom: 600px;
text-align: center;
font-size: 20px;


 }



 .ejemplo7 {

position: relative;
right: 560px;
text-align: center;
font-size: 20px;
bottom: 15px;	 
	 
 }
 
 .ejemplo8 {
	 
position: relative;
right: 330px;
text-align: center;
font-size: 20px;
	 
 }
 

  .ejemplo9 {
	 
position: relative;
right: 200px;
text-align: center;
font-size: 20px;
	 
 }

 
 .avances {
	
list-style-type: none;
position: relative;
bottom:130px;
right:510px;
width: 1200px;


}
 
 .ejemplo11 {
	 
position: relative;
right: 595px;
top: 70px;
text-align: center;
font-size: 20px;
width: 300px;

 }
 
 .ejemplo12 {
	 
position: relative;
left: 400px;
bottom: 300px;
text-align: center;
font-size: 20px;
width: 300px;


 }
 
  .ejemplo13 {
	 
position: relative;
bottom: 680px;
text-align: center;
font-size: 20px;
right: 80px;
width: 300px;

 }



.marca {
	
	margin:0px 450px;
	padding:0.1px;
	margin-top:150px;
	margin-left:430px;
	position: relative;
	top: 1000px;
	right: 415px;
	
}

 #miTabla {
            display: none;
}


a[data-title] {
  position: relative;
  cursor: pointer;
}

.tooltip-content {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

a[data-title]:hover + .tooltip-content {
  display: block;
}

.tooltip-content table {
  border-collapse: collapse;
  width: 325px;
}

.tooltip-content th, .tooltip-content td {
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
}

.Autoria {
	
background-color: #F4FAF9 ;
width: 100% ;
position: relative;
top: 500px;
height: 1550px;
color: #000000;
font-family: 'Garamond', serif;
text-align: center;
	

	
}

.textoAutoria {
	
	
position: relative;	
top: 50px;	
width: 1000px;
left: 210px;
font-size: 20px;

}
	
.chusina  {

position: relative;
right: 5px;
	height: 500px;
	
	}



.Clientes {
	
width: 100% ;
position: relative;
top: 650px;
height: 600px;
color: #000000;
font-family: 'Garamond', serif;
text-align: center;
font-size: 20px;
background-color: #F4FAF9;

}

}



@media (min-width: 1536px) {
	
body {
	
	background:url("Background.jpg");
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: 100% 100vh;
    background-position:center;	
	overflow-x: hidden;
	max-width: 1920px;
	min-width: 1536px;
	margin: 0 auto;
}
	

.contenedor  {
	
max-width: 1536px;
	min-width: 1536px;
	margin: 0 auto;	
	
	}
	


	
article {
	
  height:400px;
  width:790px;
  margin:40px 300px;
  padding:50px;
  display:inline-block;
  background-color:#F4FAF9;
  text-align: center;
  position: relative;
  right: 20px;
	font-family: 'Garamond', serif;
  
}

article h2 {
	
color: #000000;
font-size: 30px;

}      

.fuerza p {
	
position: relative;
right: 30px;
	
	
}

.fuerza4 p {
	
position: relative;
left: 5px;
	
	
}

.fuerza2 p {
	
position: relative;
right: 25px;
	
	
}

.fuerza3 p {
	
position: relative;
right: 10px;
	
	
}

.main   {
	
position: relative;
left: 20px;
	
	
	
}



article p {

  text-align:center;
  font-size: 25px;
  
}

.Direcciones {
	
color:#FFFFFF;
font-family: 'Garamond', serif;
text-align: left;

}

.Comienzo {
	
color:#FFFFFF;
font-family: 'Garamond', serif;
text-align: center;
}



	
aside {
	
   height:200px;
   width:210px;
   background-color:none;
   margin:40px 50px;
   padding:50px;
   border: none; 
   display:inline-block;
   float:right;
   
}



.entrada  {
	
	margin-top: -30px;
	margin-left: -90px;
	height:25px;
	width:1600px;
	display:flex;
	justify-content: space-between;
	gap: 5px;
    padding: 30px;
    color:#3200FF;
    font-family: 'Garamond', serif;
    text-align: center;	
	list-style-type: none;
	position: relative;
	top: 20px;
	right: 1px;
	

}


.entrada li {
	
	margin-right:100px;
	margin-left:100px;
	
}

.consejo1 {

position: relative;	
left: 100px;
color:#FFFFFF;

}

.consejo2 {

position: relative;	
left: 100px;

}


.consejo2 span {

color:#FFFFFF;

}

.consejo3 {
	
position: relative;
top: 60px;
	
	
}

.consejo3 a {
	
position: relative;
bottom: 60px;
font-size: 25px;
left: 10px;	
color:#FFFFFF;
	
}


.consejo4 {

position: relative;	
right: 100px;
color:#FFFFFF;

}

.consejo5 {

position: relative;	
right: 100px;
color:#FFFFFF;

}

.wrapper {
	
background-color: #F4FAF9;	
width: 100%;
height: 3000px;
font-family: 'Garamond', serif;

}

.publicidad {
	
position: relative;
bottom: 60px;

}

.ejemplos {
	
list-style-type: none;
display: flex;
position: relative;
bottom:210px;
right:550px;
width:800px;

}

  .ejemplo1 {

position: relative;
right: 620px;
text-align:center;
font-size: 20px;
	  
  }
   
  
  .ejemplo2 {

position: relative;
right: 380px;
text-align:center;	  
font-size: 20px;

  }
  
  .ejemplo3 {
	  
position: relative;
right: 85px;
text-align:center;
font-size: 20px;

  }	
  

.practicas {
	
list-style-type: none;
display: flex;
position: relative;
bottom:180px;
right:520px;
width:800px;

}


 .ejemplo4 {
	 
position: relative;
right: 620px;
text-align:center;
font-size: 20px;
	 
 }
 
 
 .ejemplo5 {
	 
position: relative;
right: 350px;
text-align:center;
font-size: 20px;

 } 
 
 .ejemplo6 {
	 
position: relative;
right: 90px;
text-align:center;
font-size: 20px;

 } 

.tratamientos {
	
list-style-type: none;
display: flex;
position: relative;
bottom:130px;
right:510px;
width: 900px;

}

 

.ultimo  {

list-style-type: none;
display: flex;
position: relative;
bottom:130px;
right:470px;
width: 400px;

}

  .ejemplo10 {
	 
position: relative;
right: 185px;
bottom: 600px;
text-align: center;
font-size: 20px;


 }



 .ejemplo7 {

position: relative;
right: 610px;
text-align: center;
font-size: 20px;
bottom: 15px;	 
	 
 }
 
 .ejemplo8 {
	 
position: relative;
right: 370px;
text-align: center;
font-size: 20px;
	 
 }
 

  .ejemplo9 {
	 
position: relative;
right: 190px;
text-align: center;
font-size: 20px;
	 
 }

 
 .avances {
	
list-style-type: none;
position: relative;
bottom:130px;
right:510px;
width: 1200px;


}
 
 .ejemplo11 {
	 
position: relative;
right: 1010px;
top: 70px;
text-align: center;
font-size: 20px;
right: 650px;
width: 300px;

 }
 
 .ejemplo12 {
	 
position: relative;
right: 1010px;
bottom: 300px;
text-align: center;
font-size: 20px;
left: 410px;
width: 300px;


 }
 
  .ejemplo13 {
	 
position: relative;
bottom: 680px;
text-align: center;
font-size: 20px;
right: 110px;
width: 300px;

 }



.marca {
	
	margin:0px 450px;
	padding:0.1px;
	margin-top:150px;
	margin-left:430px;
	position: relative;
	top: 1000px;
	right: 365px;
	
}

 #miTabla {
            display: none;
}


a[data-title] {
  position: relative;
  cursor: pointer;
}

.tooltip-content {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

a[data-title]:hover + .tooltip-content {
  display: block;
}

.tooltip-content table {
  border-collapse: collapse;
  width: 325px;
}

.tooltip-content th, .tooltip-content td {
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
}

.Autoria {
	
background-color: #F4FAF9 ;
width: 100% ;
position: relative;
top: 500px;
height: 1550px;
color: #000000;
font-family: 'Garamond', serif;
text-align: center;
	

	
}

.textoAutoria {
	
	
position: relative;	
top: 50px;	
width: 1000px;
left: 240px;
font-size: 20px;

}

.chusina   {
	
height: 600px;	
	
	}

.Clientes {
	
width: 100% ;
position: relative;
top: 650px;
height: 600px;
color: #000000;
font-family: 'Garamond', serif;
text-align: center;
font-size: 20px;
background-color: #F4FAF9;

}

}