* { margin: 0px; padding: 0px; box-sizing: border-box; }
html, body { height: 100%; font-family: "Myriad Pro", sans-serif; }
header { width: 100%; height: auto; max-height: 600px; display: flex; flex-direction: column; }
a { text-decoration: none; }
h1 { font-family: myriadpro_black; font-size: 3.75em; margin: auto; width: 80%; text-align: left; text-shadow: rgba(0, 0, 0, 0.35) 2px 2px 2px; }
h2 { margin: 10px auto; }
.principal { width: 70%; height: 110px; display: flex; justify-content: space-between; align-items: center; margin: 0px auto; }
.logo, .logo_consulta { width: 175px; height: 70px; }
nav { width: 500px; }
nav ul { display: flex; justify-content: space-around; align-items: center; padding-top: 15px; box-sizing: border-box; list-style: none; }
nav ul a { color: rgb(0, 74, 125); }
nav ul a:hover { color: rgb(29, 174, 229); }
.banner { width: 100%; background-image: url("../img/header.jpg"); background-size: cover; height: 200px; color: rgb(255, 255, 255); display: flex; align-items: center; }
main { width: 80%; height: auto; margin: 0px auto; padding: 30px; box-sizing: border-box; font-size: 1em; line-height: 1.5; color: rgb(77, 77, 77); }
main h3 { text-align: center; }
footer { width: 100%; height: auto; max-height: 600px; background: rgb(0, 74, 125); text-align: center; color: rgb(255, 255, 255); font-size: 0.83em; }
footer p { padding: 15px 0px; }
.logos { margin: 0px auto; width: 80%; display: flex; border-bottom: 1px solid rgb(255, 255, 255); padding: 10px 0px; box-sizing: border-box; }
.menus { width: 40%; margin: 25px auto 5px; display: flex; justify-content: space-between; }
.menu_footer { width: 90%; }
.menu_footer h3 { font-size: 0.83rem; text-align: left; }
.menu_footer ul { display: block; list-style: none; font-size: 0.83rem; }
.menu_footer li { margin: 9px 15px; text-align: left; }
.menu_footer a { color: rgb(255, 255, 255); }
.menu_footer a::before { content: url("../img/icono_menu.png"); position: absolute; z-index: 10; display: block; }
.logos_footer { display: flex; width: 55%; justify-content: space-around; align-items: center; }
.logo_foot { width: 100px; height: 100px; }