/*General*/
body {
	margin: 0;
	font-size: 110%;
}
	
h1, h2, h3, h4, h5, h6, p, a, label {
  text-decoration: none;
  font-family: arial, sans;
  color: #707677;
}

/*Cabecera*/
header {
	background: #707677;
	padding-top: 2%;
	border-bottom: 2px solid #D2D1CE;
	padding-bottom: 3%;
}

header * {
	color: #fff;
	text-shadow: 0 0 4px #C8DAEC, 0 0 8px #C8DAEC;
}
	
header h1 { 
	font-size: 210%;
	margin-top: 2.8%;
 	margin-left: 2%;
} 

header div {
	float: right;
	margin-right: 3%;
}

header div p {
	margin-top: 0;
	font-size: 132%;
}

#telefono {
	margin-bottom: 1%;
}

#whatsapp {
	font-size: 80%;
	margin-left: 56%;
}

header #correo {
	margin-bottom: 3%;
}

header a:hover {
	color: #c8daec;
}

/*Menú sup*/
section nav {
	margin-bottom: 50%;
}

nav a {
	padding: 10%;
	font-size: 124%;
}

nav a:hover {
	background-color: #7f8384;
	color: #fff;
	border-radius: 4%;
	text-shadow: 0 0 4px #C8DAEC, 0 0 8px #C8DAEC;
}

ul {
	list-style: none;
}
	
#ul_ext > li {
	float: left;
	margin-left: 12.4%;
}

.a_index {
	color: #fff;
	text-shadow: 0 0 4px #C8DAEC, 0 0 8px #C8DAEC;
}

#nav_aviso_legal #ul_ext > li {
	margin-left: 10%;
}
	
#ul_int {
	background-color: #393939;
	border: 2px solid #C8DAEC;
	border-radius: 1%;
	display: none;
	padding-left: 0;
	min-width: 16%;
	position: absolute;
	overflow: hidden;
}

#ul_int a {
	padding: 4%;
	display: block;
	border-bottom: 1px solid #707677;	
}

#ul_int a:hover {
	border-radius: unset;
}

#ul_ext li:hover ul {
	display: block;
}
	 
/*Index*/
#index {
	padding-top: 2%;
	padding-bottom: 4%;
	border-bottom: 2px solid #D2D1CE;
	background: url('img/otras/principal.jpg') no-repeat;
	background-size: cover;
}

#index nav {
	margin-bottom: 40%;
}
 	
#index p {
	margin: 1% 10% 0 10%;
	font-size: 112%;
	color: #fff;
	text-shadow: 0 0 4px #C8DAEC, 0 0 8px #C8DAEC;
}

@media (min-width: 1500px) {
	#index p {
		font-size: 150%;
	}
}
 	 		
/*Nosotros*/ 
#nosotros_externo {
	padding-top: 2%;
	background: url('img/nosotros/fondo_nosotros.jpg') no-repeat fixed;
	background-size: cover;
	padding-bottom: 1%;
}

#nosotros_externo ul {
	margin-top: 0;
}
	
.a_nosotros, #nosotros_externo h4, #nosotros_externo h5, #nosotros_externo p {
	color: #555753;
}

#nosotros img {
	margin-left:12%;	
	border: 2px solid #D2D1CE;
	float: left;
	margin-bottom: 4%;
}

#nosotros div {
	width: 50%;
	float: left;
	margin-left: 2%;
}
	
#nosotros div h5 {
	margin-top: 0;
}
	
#nosotros hr {
	width: 40%;
	color: #f3f3f3; 
	margin-bottom: 4%;
	clear: both;
}

#hr_nosotros {
	margin-bottom: 0;
}

#footer_nosotros  {
	margin-top: 0;	
}	
		
/*Tratamientos*/
#tratamientos_externo {
	padding-top: 2%;
	padding-bottom: 2%;
	background: url('img/tratamientos/fondo_tratamientos.jpg') no-repeat;
	background-size: cover;
}

#nav_tratamientos #ul_ext > li {
	margin-left: 10.4%;
}

#tratamientos {
	width: 50%;
	margin-left: 50%;
}

#tratamientos h1 {
	margin-top: 14%;
}

#tratamientos img {
	border: 2px solid #babdb6;
}
		 		
.a_tratamientos, #tratamientos h1 {
	text-shadow: 0 0 4px #C8DAEC, 0 0 8px #C8DAEC;
}

.a_tratamientos, #tratamientos h1, #tratamientos p, #tratamientos a {
	color: #fff;
	margin-right: 10%;
}

#tratamientos p {
	font-size: 120%;
}

#tratamientos a:hover {
	color: #2e3436;
}

#footer_tratamientos  {
	margin-top: 0;	
}

/*Nosotros, Tratamientos y Aviso legal*/
h4 {
	margin-top: 10%;
	margin-bottom: 4%;
	margin-left: 4%;
	clear: both;
}
		 		
/*Enlace para subir en: Nosotros y Aviso legal*/
#subir { 
	position: fixed;
	margin-left: 90%;
	color: #63605E;
	background: #babdb6;	
	padding: .8%;
	border-radius: 4%;
}
	
#subir:hover {
	color: #464646;
}
 
/*Contactar*/
#altura_fondo {
	clear: both;
	margin-bottom: 6%;
}

#contactar_externo {
	padding-top: 1%;
	background: url('img/otras/fondo_contactar.jpg') no-repeat;
	background-size: cover;
}
 
#form {
	width: 35%;
	float: left;
}
   
form {
	margin-top: 50%;
}

label, #form p {
	margin-left: 16%;
}

input, textarea {
  display: block;
  width: 60%;
  padding: 2%;
  background: #ebebeb;
  border: 1px solid #babdb6;
  border-radius: 2%;
  margin-left: 16%;
  margin-bottom: 2%;
}

#div_direccion {
	width: 65%;
	float: left;
	margin-top: 38%;
}
	
#div_direccion a:hover {
	color: #2e3436;
}

label {
	font-size: 134%;
}

#div_direccion p, #div_direccion a {
	font-size: 160%;
}

@media (min-width: 1500px) {
	#div_direccion p, #div_direccion a {
		font-size: 240%;
	}
}

.a_contactar, label, #form p, #div_direccion * {
    color: #fff;
	text-shadow: 0 0 4px #C8DAEC, 0 0 8px #C8DAEC;
}
 
#footer_contactar {
	margin-top: 0;	
}
		 		
/*Galería*/
#body_galeria {
	background-color: #63605E;
	padding-top: 2%;
}
	
#menu_izq {
	width: 20%;
	float: left;
}
	
#menu_izq h5, #menu_izq a{
	color: #323232;
	margin-left: 4%;
}
	
#menu_izq a:hover{
	color: #222222;
}
	
#menu_izq h5, #div_galeria img, #div_galeria a{
	margin-top: 0;
}

#div_galeria {
	width: 80%;
	float: left;
	margin-bottom: 10%;
}

#div_galeria img {
	border: 2px solid #323232;
	float: left;
	margin-bottom: 2%;
}
	
#div_galeria a {
	color: #323232;
	padding: 1.4%;
	border: 2px solid #323232;
	margin-left: 1%;
	margin-bottom: 1%;
	float: left;
}
	
#div_galeria a:hover {
	background-color: #4B4B4B;
}

#div_galeria p {
	color: #323232;
	margin-right: 1%;	
	clear: both;
}
		
/*Pie galería*/
#footer_galeria {
	border-top: 0;
}

#footer_galeria a, #footer_galeria p {
	color: #323232;
}

#footer_galeria a:hover {
	color: #222222;
}

/*Aviso legal*/
#aviso_legal_externo {
	padding-top: 2%;
}

#aviso_legal_externo h4 {
	margin-left: 10%;
}

#aviso_legal h5, #aviso_legal p {
	margin-left: 10%;
	margin-right: 14%;
}
	
/*Pie*/
footer {
	margin-top: 6%;
	padding-top: 2%;
	border-top: 1px solid #D2D1CE;
}

#footer_index {
	border-top: 0;
	margin-top: 1%;
}

footer a, footer p {
	display: block;
	text-align: center;
	margin-bottom: 1%;
}

footer a:hover {
	color: #464646;
}
	 	 		  		
/*móvil y tablets*/
@media (max-width: 1000px) {

	/*General*/
	header *, #menu_izq { 
		overflow-wrap: break-word;
	}
	
	/*Header*/
	header div {
		float: none;	
	}
	
	header * {
		text-align: center; 
	}
	
	#whatsapp {
		margin-left: 0;
	}
	
	/*Menú superior*/
	#ul_ext {
		padding-left: 0;
	}
	
	#ul_ext > li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 4%;
	}
	
	#nav_aviso_legal #ul_ext > li {
		margin-left: 0; 
	}
	
	li a {
		display: block;
		text-align: center;
		padding: 5%;
	}
	
	nav a:hover {
		border-radius: 0;
	}
	
	#ul_int { 
			position: initial;
	}
	
	/*Index*/
	#index {
		background: url('img/otras/principal_movil.jpg') no-repeat;
		background-size: cover;
	}
	
	/*Nosotros*/
	#nosotros img { 
		width: 60%; 
	}
	
	#nosotros div {
		width: 90%;
	}
	
	/*Botón para subir en Nosotros y Aviso legal*/
	#subir { 
		margin-top: -96%;
		margin-left: 84%;
	}
	
	#aviso_legal_externo #subir{
		margin-top: -114%;
	}
	/*Tratamientos*/
	#nav_tratamientos #ul_ext > li {
		margin-left: unset;
	}
	
	#nav_tratamientos a {
		margin-right: unset;
	}
	
	#tratamientos {
		width: unset;
		margin-left: unset;
	}
	
	#tratamientos * {
		margin-left: 4%;
	}
	
	#tratamientos h1 {
		overflow-wrap: break-word;
	}
	
	#tratamientos img { 
		width: 30%; 
	}
	
	#tratamientos { 
		padding-bottom: 6%;
	}
	
	/*Contactar*/
	#contactar_externo div {
		width: 100%;
	}
		
	form, #div_direccion {
		margin-top: 0%;
	}
	
	input, textarea {
		width: 70%;
		padding: 3%;
	}
	
	#div_direccion * {
		margin-left: 3%;
	}
}

/*Móvil y tablets*/
@media (max-width: 500px) {
	/*Nosotros*/
	#nosotros img { 
		width: 80%; 
	}
	
	/*Botón para subir en Nosotros y Aviso legal*/
	#subir { 
		margin-top: -90%;
		margin-left: 84%;
	}
	
	/*Tratamientos*/
	#tratamientos img { 
		width: 60%; 
	}
}

/*Galería*/
@media (max-width: 859px) {
  #div_galeria img { 
  	width: 90%; 
  }
}