@charset "utf-8";
/* CSS Document */
:root {
 	--azul-color: #1b317b;   /* var(--azul-color); */
	--azulclaro-color: #59a5c0;    /* var(--azulclaro-color); */
}

html {
    scroll-behavior: smooth;
}

body {
	margin:0px;
	padding:0px;
	font-family:"Times New Roman", Times, serif;
	
	background-color:#FFFFFF;
}

		* {
			box-sizing: inherit;
			transition-property: all;
			transition-duration: 0.3s;
			transition-timing-function: ease;
		}

	@keyframes anim_sencilla {  /* animation: anim_apar 1s; */
		0% { opacity:0;  }
		100% { opacity:1;  }
	}
	@keyframes anim_apar {  /* animation: anim_apar 1s; */
		0% { opacity:0; transform: translateY(28px);}
		100% { opacity:1; transform: translateY(0px); }
	}
	.anim1 { animation: anim_apar 1.5s;	}
	.anim2 { animation: anim_apar 2s;	}
	.anim3 { animation: anim_apar 2.5s;	}
	.anim4 { animation: anim_apar 3s;	}
	.anim5 { animation: anim_apar 3.5s;	}
	.anim6 { animation: anim_apar 4s;	}
	.anim7 { animation: anim_apar 4.5s;	}
	.anim8 { animation: anim_apar 5s;	}
	.anim9 { animation: anim_apar 5.5s;	}

h1 {
	font-size:32px;
	color: var(--azul-color);
	text-align:center;
	background-image:url(images/line-h1b.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:12px;
	margin-top: 35px;
	margin-bottom: 28px;
	animation: anim_apar 0.8s;	
}

h2, h3 {
	font-size:28px;
	color:var(--azulclaro-color);
	text-align:center;
	padding-bottom:10px;	
	margin-bottom:0px;	
	animation: anim_apar 2s;
} h2 { font-size:28px; }

.leer_mas { color: var(--azul-color); }

p, div.contenido li {
	font-size:21px;
	line-height:30px;
	color: #666666;
	text-align:left;
	list-style-type:square;
	padding-left:10px;
	
}
	div.contenido li { color: var(--azul-color); }

	div.contenido p em { color:#777777; }
img { border:0px; border-radius: 10px; }

.center { text-align:center; }

div.clear { clear:both; }

div.header_group { width:100%; background-color:#FFFFFF; margin:0px; padding-bottom:5px; 
-webkit-box-shadow: 0px 8px 15px -8px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 8px 15px -8px rgba(0,0,0,0.18);
box-shadow: 0px 8px 15px -8px rgba(0,0,0,0.18);
}
div.header { 
	width:1000px; 
	margin: 0 auto 0 auto;
}
	div.logo {
		float: left;
		width:300px;	
		flot:left;
		margin-top:10px;
	}

	.img_header:hover { opacity:0.7; }

	div.datos_p {
		animation: none;
	}
	div.datos {
		float: right;
		width:380px;
		line-height:20px;
		font-size:18px;
		padding-right:10px;
		font-family: 'Archivo Narrow', sans-serif;
		margin-bottom:0px;
		padding-bottom:0px;
	} div.datos p { text-align:right; }
	div.datos a { text-decoration:none; color:#000000; }
	div.datos a:hover { text-decoration:none; color:var(--azulclaro-color); }
	div.datos .telefono {
		color:var(--azul-color);
		font-size:25px;
		line-height:31px;
	}
	div.datos .email {
		color:var(--azul-color);
		font-size:21px;
		line-height:20px;
	}	
	div.datos img:hover { opacity:0.7; }
	div.datos .img_cita { margin-left:10px; }
	
div.menu {
	width:680px;
	color:#FFFFFF;
	text-align:right;
	float:right;
	padding-top:0px;
	margin-top:0px;
	
}

	div.botones {
		width:660px;
		margin: 0 auto 0 auto;
		height:auto;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
		text-align:right;
		clear:both;
		display:block;
	}
		div.botones #nav { list-style:none; }
		div.botones #nav ul { list-style:none; }
		div.botones #nav > li { display: inline; }
		div.botones #nav li a {
				-moz-transition-property: background-color;-moz-transition-duration: 0.3s; -webkit-transition-property: background-color;-webkit-transition-duration: 0.3s; -o-transition-property: background-color;-o-transition-duration: 0.3s;		
			
			padding:0px 0px;
			padding-left:15px; padding-right:15px;
		   font-size:23px;
		   font-family: 'Archivo Narrow', sans-serif;
			text-decoration:none;
			 color:var(--azul-color);
			 background-color:#FFFFFF;
		}
			div.botones #nav li a.btn_selected { background-color:#d9e7ec; }
			div.botones #nav li a.boton_azul { color:var(--azul-color); }
			div.botones #nav li a.boton_rosa { color:#ec008c; }
			div.botones #nav li a.boton_gris_claro { color:#888888; }		
			div.botones #nav li a:hover {
				-moz-transition-property: background-color;-moz-transition-duration: 0.3s; -webkit-transition-property: background-color;-webkit-transition-duration: 0.3s; -o-transition-property: background-color;-o-transition-duration: 0.3s;
				color:#ffffff;	background-color:var(--azul-color);
			}
		
		div.botones #nav li ul {
				display:none;
				position:absolute;
			}
		div.botones #nav li ul li {
			margin-left: -48px;
			margin-right: -10px;
			padding-left: 0px;
			padding-right: 0px;

		}	
	
		div.botones #nav li:hover > ul {
				display: block;
			}
		div.botones #nav li ul li {
				position: relative;
			}	

		div.botones #nav2 { 
			margin-left:237.5px; 
			margin-top:0px; 
			width:230px; 
			text-align:left;  
			background-color:var(--azul-color); 
			color:#ffffff; 
			z-index:1; 
			animation: anim_sencilla 0.3s; 
		}
			div.botones #nav2 li a { display:block; font-size:21px; padding:8px; background-color:#ffffff; color:var(--azul-color); background-color:var(--azul-color); color:#ffffff  }
			div.botones #nav2 li a:hover { background-color:#ffffff; color:var(--azul-color); }
		
		#op1, #op2, #op3, #op4 [ animation: none;	]


#fondo-home {
	background-image:url(images/home-fondo.jpg); 
	background-position:top center; 
	background-repeat:no-repeat; 
	width:100%;
}
	
div.banner_full { 
	width:100%;
	height:340px;
	background-color:#ffffff;
	background-image:url(images/clinica.jpg);
	background-repeat:no-repeat;
	background-position:center center;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	
	color:#000000;
	text-align:center;
	font-size:50px;
	line-height:52px;
	padding-top:160px;

	-webkit-box-shadow: 0px 12px 29px -12px rgba(0,0,0,0.27);
	-moz-box-shadow: 0px 12px 29px -12px rgba(0,0,0,0.27);
	box-shadow: 0px 12px 29px -12px rgba(0,0,0,0.27);
}	
div.banner_full_clinicas { 
	width:100%;
	height:340px;
	background-color:#ffffff;
	background-image:url(images/clinicas-podologicas-en-malaga.jpg);
	background-repeat:no-repeat;
	background-position:center center;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	
	color:#000000;
	text-align:center;
	font-size:50px;
	line-height:52px;
	padding-top:160px;

	
	-webkit-box-shadow: 0px 12px 29px -12px rgba(0,0,0,0.27);
	-moz-box-shadow: 0px 12px 29px -12px rgba(0,0,0,0.27);
	box-shadow: 0px 12px 29px -12px rgba(0,0,0,0.27);
}	

div.banner_full_nosotros {	
	background-image:url(images/imagen.jpg);
}	
		
div.banner { 
	width:1000px; 
	margin: 0 auto 0 auto;
	text-align:center;
}
div.banner img { margin-top:5px; margin-bottom: 5px; } 

div.contenido { 
	width:940px; 
	margin: 0 auto 0 auto;
	margin-top:20px; margin-bottom:20px;
}


div.contenido li { padding-bottom:10px; padding-top:10px; } 
	div.contenido_part {
		width:440px;
		margin:15px;
		float:left;
		text-align:justify;
		margin-top:5px;
		margin-bottom:0px;
		bottom-bottom:0px;
	}

	div.contenido_imagen {
		width:440px;
		margin:15px;
		float:left;
		text-align:center;
		margin-top:5px;
	}
	div.contenido_imagen_tres {
		width:30%;
		margin:15px;
		float:left;
		text-align:center;
		margin-top:5px;	
	}
	
	div.contenido_foto {
		width:430px;
		margin:15px;
		float:left;
		text-align:center;
		margin-top:0px;
	}	
		div.contenido_foto img { width: 100%; height: auto; text-align: center;}
	div.contenido_foto_texto {
		width:430px;
		margin:15px; margin-top:0px;
		float:left;
		text-align:justify;		
	}
	div.contenido_foto_texto p {
		font-size:19px;
	}

	div.contenido a {
		color: var(--azulclaro-color);
		text-decoration:none;
	} 
	div.contenido a:hover {
		color:#143f90;
		text-decoration:none;
	}

div.servicios_box {
	width:32%;
	margin:5px;
	text-align:center;
	font-size:22px;
	float:left;
	margin-bottom:15px;
}
	div.servicios_box img { 
	padding-bottom:5px;
	-moz-transition-property: opacity;-moz-transition-duration: 0.3s; -webkit-transition-property: opacity;-webkit-transition-duration: 0.3s; -o-transition-property: opacity;-o-transition-duration: 0.3s;
		opacity:1;	
	}
	div.servicios_box img:hover {
	-moz-transition-property: opacity;-moz-transition-duration: 0.3s; -webkit-transition-property: opacity;-webkit-transition-duration: 0.3s; -o-transition-property: opacity;-o-transition-duration: 0.3s;
		opacity:0.8;
	}
	div.servicios_box a { color:var(--azulclaro-color); font-weight: bold; }
	div.servicios_box a:hover { color:var(--azul-color); }


div.contenido_cita { 
	width:900px; 
	margin: 0 auto 0 auto;
	margin-top:30px; margin-bottom:20px;
	background-color: var(--azul-color);
	color:#ffffff;
	text-align:center;
	padding:40px; padding-top:10px; padding-bottom:10px;
	-webkit-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.47);
	-moz-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.47);
	box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.47);	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
} h3 { color:#fff600; margin-bottom:20px; border-bottom:1px dashed #FFFFFF; margin-top:10px; }
h3 .h3_parte { color:#fffb89; }
div.contenido_cita p { color:#FFFFFF; }
	.servicios_cita { font-size:18px; }
	.servicios_cita a { color:var(--azulclaro-color); text-decoration:none; }
	.servicios_cita a:hover { color:#000000; text-decoration:none; }
	
	div.div_nombre_email { width:32%; float:left; margin:5px;}
	div.div_nombre_email p { padding:0px; margin:0px; color:#FFFFFF; }
	#nombre_contacto, #email_contacto, #telefono_contacto, #mensaje_contacto {
		width:98%;
		padding:5px;
		font-size:18px;
		font-weight:bold;
		color:#666666;
		background-color:#ffffff;
		border:0px;
	}
	#button_contacto {
		width:250px;
		border:0px;
		background-color:#01afee;
		background-color:var(--azulclaro-color);
		color:#FFFFFF;
		padding:15px;
		font-weight:bold;
		font-size:18px;
		cursor:pointer;
		border-radius: 8px;
	} #button_contacto:hover { background-color:#000000; color:#ffffff;}

div.capturar-email { 
	width:100%;
	background-color:#133798;
	color:#FFFFFF;
	padding:10px; padding-top:20px;
	margin-top:30px; margin-bottom:35px;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	
	background-color:#FFFFFF;	
	color:#133798;
	background-image:url(images/fondo-captura-emails.jpg);
	background-repeat:repeat-x;
	box-shadow: 0px 2px 7px #666666;
		
	}
	 
	div.capturar-email-titulo {
		width:400px;
		float:left;
		font-family: 'Archivo Narrow', sans-serif;
		font-size:22px;
		line-height:39px;
		margin-left:20px; margin-top:10px;
		padding-right:40px;	border-right:1px solid #cccccc;
	} .titulo-capturar-email { color:#01afee; font-size:26px; }
	.email_privacidad { color:#999999; }
	div.capturar-email-form {
		width:410px;
		float:right;	
		text-align:left;
		font-weight:bold;
	}
	div.capturar-email input, div.capturar-email textarea {
		margin:10px; 
		margin-left:20px; 
		padding:5px;
		border:0px;
		background-color:#133798;
		color:#FFFFFF;
		font-weight:bold;
		font-size:18px;
	}
		#nombre_capture { width:280px; }
		#email_capture { width:290px; }
		#observaciones_capture { width:370px; margin-left:0px; font-size:14px; font-weight:bold;  }
	#button-capture {
		margin-left:0px;
		padding:10px;
		background-color:#01afee;
		color:#FFFFFF;
		font-weight:bold;
		font-size:18px;
		cursor:pointer;
		width:382px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		
	} #button-capture:hover { background-color:#00cc2b; color:#ffffff; }

div.oks_email { background-color:#00CC33; padding:10px;}
div.fallo_email { background-color:#FF0000; padding:10px;}
	div.oks_email p, div.fallo_email p { color:#FFFFFF;  line-height: 22px; text-align:center; font-weight:bold; }


div.consejos {
	width:800px;
	margin:0 auto 0 auto;
	margin-bottom:40px;
}
	div.consejos img:hover { opacity:0.7; }

#up-button {
			animation: arriba_movi 2s infinite;
		}
				@keyframes arriba_movi {
					0%, 20%, 80% 100% { transform: translateY(-8px); } 
					50% { transform: translateY(8px);}
				}

div.footer { 
	width:100%;
	background-color: #f1f1f1;

	padding-bottom:0px;
	margin-top:40px;
	text-align:center;
	
	-webkit-box-shadow: inset 0px 10px 14px -7px rgba(20,20,20,0.2);
	-moz-box-shadow: inset 0px 10px 14px -7px rgba(20,20,20,0.2);
	box-shadow: inset 0px 10px 14px -7px rgba(20,20,20,0.2);
}
div.footer a {color:var(--azulclaro-color); text-decoration:none; }
div.footer a:hover {color:var(--azul-color); }

div.footer_copy { 
	width:460px;
	margin:0px; padding:0px;
	margin: 0 auto 0 auto;
}
		div.footer_logo {
			float:left;
			width:145px;
			margin-top:30px;
		}
		div.footer_links {
			float:right;
			width:300px;	
		}	
		div.footer_links p {
			color:#666666;
			font-size:15px;
			padding:15px;
			text-align:left;
			font-family: 'Archivo Narrow', sans-serif;
			line-height:20px;			
		}		
	
	
	#cookies_mensaje {
		margin:0px;
		background-color:#000000;
		color:#CCCCCC;
		padding:8px; padding-left:10px; padding-right:10px;
		font-size:18px;
		text-align:left;
		bottom: 0px;
		position:fixed;
		opacity: 0.95;
		width:100%;
		text-align:center;
		padding-top: 15px;
		padding-bottom: 15px;
	}
		#cookies_mensaje a { color:var(--azulclaro-color);}
		#cookies_mensaje a:hover { color:#FFFFFF;}
			
.nombre { font-size:22px; color:var(--azulclaro-color); }

.img_localizacion { margin:10px; }
.img_nosotros {  }

div.cita_ok, div.cita_fallo { 
	width:95%;
	margin:0 auto 0 auto;
	font-size:25px;
	color:#FFFFFF;
	text-align:center;
	margin-top:15px;
	padding:10px;
}
	div.cita_ok {
		background-color:#009933;
	}
	div.cita_fallo {
		background-color:#990000;
	}	div.cita_fallo a { color:#FFFF99; }
	.cita_segundo_msj { font-size:20px; }
	
	.compartir {
		color:#666666;
		font-style:italic;
		font-size:20px;
	}
	.gris { color:#999999; }