@font-face { font-family: 'Signika'; src: url('fonts/Signika-Light.woff2') format('woff2'), url('fonts/Signika-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap }
@font-face { font-family: 'Signika'; src: url('fonts/Signika-Regular.woff2') format('woff2'), url('fonts/Signika-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap }
@font-face { font-family: 'Signika'; src: url('fonts/Signika-Bold.woff2') format('woff2'), url('fonts/Signika-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap }
@font-face { font-family: 'Signika'; src: url('fonts/Signika-SemiBold.woff2') format('woff2'), url('fonts/Signika-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap }
html { box-sizing: border-box }
*, *::before, *::after { margin: 0; padding: 0; box-sizing: inherit }
a { text-decoration: none; outline: none; color: currentColor }
.loadinggg { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 666; background: rgba(0, 0, 0, .85); -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both }
.loadinggg svg { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); max-width: 70px }
@-webkit-keyframes fade-in {
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@keyframes fade-in {
	0% { opacity: 0 }
	100% { opacity: 1 }
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 }
input[type=number] { -moz-appearance: textfield }
textarea:focus, input:focus { outline: none }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { background: white; line-height: 1; font-family: 'Signika'; max-width: 1920px; margin: 0 auto; font-size: 62.5%; position: relative; color: #565656; overflow-x: hidden; padding: 0 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
.limpia, .espacio { clear: both }
html.loaded .transicion { transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear }
.noevents { pointer-events: none }
::-webkit-scrollbar { height: 4px; width: 4px }
::-webkit-scrollbar-button { height: 0px; width: 0px }
::-webkit-scrollbar-thumb { background: #31b0c8; border-radius: 0; border: 0px none #cecece }
::-webkit-scrollbar-thumb:hover { background: #31b0c8 }
::-webkit-scrollbar-thumb:active { background: #31b0c8 }
::-webkit-scrollbar-track { background: #565656; border-radius: 0; border: 0px none #565656 }
::-webkit-scrollbar-track:hover { background: #565656 }
::-webkit-scrollbar-track:active { background: #565656 }
::-webkit-scrollbar-corner { background: transparent }
::-webkit-input-placeholder { color: #565656 }
::-moz-placeholder { color: #565656 }
:-ms-input-placeholder { color: #565656 }
:-moz-placeholder { color: #565656 }
.oculto { display: none !important }
div.format_popup { position: relative; max-width: 700px; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, .1); cursor: default !important; min-width: 220px }
div.format_popup.minified { max-width: 420px }
div.format_popup .tit { color: #31b0c8; margin-top: 0; max-width: 70%; font-size: 3em; font-weight: 600; text-transform: uppercase }
div.format_popup h1, div.format_popup h2, div.format_popup h3, div.format_popup h4, div.format_popup h5 { font-weight: 500; font-size: 1.65em; color: #31b0c8; text-transform: uppercase; margin: 20px 0 }
div.format_popup table, div.format_popup ul, div.format_popup ol, div.format_popup p { font-size: 1.65em; margin: 20px 0 0 0; font-weight: 400; line-height: 1.6 }
div.format_popup p { text-align: justify }
div.format_popup b, div.format_popup strong { font-weight: bold }
div.format_popup a { text-decoration: underline; color: #31b0c8; word-break: break-all; font-weight: bold }
div.format_popup.minified .limit { min-width: 225px }
div.format_popup.legal p { text-align: justify }
div.format_popup ul ol, div.format_popup ol ul, div.format_popup ol ol, div.format_popup ul ul { font-size: inherit }
div.format_popup .limit::-webkit-scrollbar { width: 5px; height: 5px }
div.format_popup table { width: 100%; border-collapse: collapse; white-space: nowrap }
div.format_popup tr:nth-of-type(odd) { background: #eee }
div.format_popup th { background: #333; color: white; font-weight: bold }
div.format_popup td, div.format_popup th { padding: 6px; border: 1px solid #ccc; text-align: left }
div.format_popup li { background: url(../img/web/dot.svg) left top 6px no-repeat; background-size: 10px; margin-left: 20px; padding-left: 15px }
.scroll_table { overflow: auto; margin-top: 40px; font-size: 16px; line-height: 1.3; margin-bottom: 40px }
.scroll_table::-webkit-scrollbar { width: 22px; height: 22px }
.scroll_table table { width: 100%; border-collapse: collapse; margin-bottom: 40px; white-space: nowrap }
.scroll_table tr:nth-of-type(odd) { background: #f5f5f5 }
.scroll_table th { background: #31b0c8; color: white; letter-spacing: 1px; font-weight: 500 }
.scroll_table td, .scroll_table th { padding: 20px; border: 0; text-align: left; white-space: nowrap }
.fancybox-thumbs__list a:before { border-color: #31b0c8 }
*[role="button"] { cursor: pointer }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #31b0c8 !important }
.contenedor { padding: 0 40px }
.cabecera { position: absolute; top: 65px; background: white; left: 65px; right: 65px; z-index: 9 }
.cabecera .contenedor { padding: 0 60px }
.cabecera .redes { float: left; padding: 10px 0; line-height: 40px }
.cabecera .redes a { display: inline-block; vertical-align: top; background: #31b0c8 center no-repeat; background-size: 20px; border-radius: 10px; height: 40px; width: 40px; text-indent: -999px; overflow: hidden; margin-right: 15px }
.cabecera .redes a.facebook { background-image: url(../img/web/fb.svg) }
.cabecera .redes a.youtube { background-image: url(../img/web/yt.svg) }
.cabecera .redes a.twitter { background-image: url(../img/web/tw.svg); background-size: 18px }
.cabecera .redes a.tel { background-image: url(../img/web/phone.svg); width: auto; text-indent: 0; color: #31b0c8; font-size: 2em; font-weight: bold; background-position: left 20px center; background-size: 32px; margin-left: 10px; padding-left: 66px; border-left: 4px solid #31b0c8; background-color: transparent; border-radius: 0 }
.cabecera .menu { float: right }
.cabecera .menu li { display: inline-block; vertical-align: top; line-height: 60px; font-size: 2em; font-weight: 600; color: #565656; text-transform: uppercase; margin-left: 50px }
.cabecera .menu li.sel { color: #31b0c8 }
.cabecera .menu li a { display: block; color: currentColor }
.cont_banners { position: relative; padding: 40px 40px 0 40px }
.banners { position: relative; z-index: 2 }
.banner { position: relative; z-index: 3; display: none }
.banner img { width: 100%; height: auto }
.banner .texto { background: #7ec7d9; height: 200px; position: relative; border-bottom: solid 6px #565656 }
.banner .texto .titulo { font-weight: 500; font-size: 4em; position: absolute; top: 50%; text-align: center; max-width: 900px; margin: 0 auto; left: 40px; right: 40px; color: white; padding: 0 90px; transform: translateY(-50%); z-index: 1 }
.banner .texto .titulo a { color: currentColor }
.banner .texto .titulo:after, .banner .texto .titulo:before { width: 72px; height: 98px; background: url(../img/web/diente.svg) no-repeat; background-size: contain; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1 }
.banner .texto .titulo:after { left: unset; right: 0 }
.banners .banner:nth-child(1) { display: block }
.owl-dots { position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; z-index: 3 }
.owl-dots div { display: inline-block; vertical-align: top; margin: 5px }
.owl-dots div span { width: 9px; height: 9px; vertical-align: top; background: #31b0c8; display: inline-block; border-radius: 100% }
.owl-dots div.active span { background-color: white }
.owl-dots, .banner .texto .subtitulo, .banner .texto .titulo { display: none }
.banners .active .banner .texto .subtitulo, .banners .active .banner .texto .titulo { display: block; -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation-delay: 300ms }
.banners .active .banner .texto .subtitulo { animation-delay: 600ms }
@-webkit-keyframes fade-in {
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@keyframes fade-in {
	0% { opacity: 0 }
	100% { opacity: 1 }
}
.owl-loaded .owl-dots { display: block !important; -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation-delay: 1200ms }
.presentacion { padding: 80px 0px }
.presentacion .contenedor { position: relative }
.presentacion .contenedor:after { content: ''; position: absolute; bottom: 0; right: 170px; background: #31b0c8; height: 7px; z-index: 1; width: calc(50% - 170px) }
.presentacion .superior { padding: 0 120px; margin-bottom: 80px }
.contacto .titulos .titulo, .presentacion .titulo { font-size: 8em; font-weight: bold; color: #31b0c8; line-height: 1.1; text-wrap: pretty; max-width: 60% }
.contacto .titulos .subtitulo, .presentacion .subtitulo { font-size: 6em; color: #9e9c9c; max-width: 60%; text-wrap: pretty }
.presentacion .fotos { float: left; width: 50% }
.presentacion .fotos .foto { display: block; max-width: 690px }
.presentacion .fotos img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: block }
.presentacion .inferior { float: right; width: 50% }
.presentacion .inferior .descripcion { max-width: 560px; font-size: 1.85em; line-height: 1.5; padding-top: 80px; text-wrap: pretty; color: #565656 }
.contacto .descripcion p, .contacto .descripcion ul, .contacto .descripcion ol, .contacto .descripcion h2, .contacto .descripcion h3, .presentacion .inferior .descripcion p, .presentacion .inferior .descripcion ul, .presentacion .inferior .descripcion ol, .presentacion .inferior .descripcion h2, .presentacion .inferior .descripcion h3 { margin-bottom: 30px }
.presentacion .inferior .descripcion p:last-child { margin-bottom: 0 }
.contacto .descripcion strong, .contacto .descripcion h2, .contacto .descripcion h3, .contacto .descripcion a, .presentacion .inferior .descripcion a, .presentacion .inferior .descripcion strong, .presentacion .inferior .descripcion h2, .presentacion .inferior .descripcion h3 { font-weight: bold; color: #565656 }
.presentacion .inferior .descripcion li { margin-left: 30px; background: url('../img/web/dot.svg') left top 9px no-repeat; background-size: 8px; padding-left: 15px }
.contacto .ribbon, .presentacion .ribbon { position: relative; padding: 0 120px }
.contacto .ribbon:after, .contacto .ribbon:before, .presentacion .ribbon:after, .presentacion .ribbon:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 120px; background-size: 120px; z-index: 1; background: url(../img/web/ribbon.svg) left center no-repeat }
.contacto .ribbon:before, .presentacion .ribbon:before { right: 0; left: unset; transform: scaleX(-1) }
.btn { background: #31b0c8; border-top-right-radius: 30px; line-height: 50px; display: inline-block; padding: 0 30px; color: white; font-size: 2em; margin-top: 30px }
.presentacion.c_6 { padding-top: 0; padding-bottom: 120px }
.categorias .superior, .presentacion.c_11 .superior, .presentacion.c_8 .superior, .presentacion.c_6 .superior { background: #31b0c8; padding: 80px; padding-left: 160px; transform: translateX(-40px); width: calc(100% + 80px) }
.categorias .superior .titulo, .presentacion.c_6 .superior .titulo, .presentacion.c_6 .superior .subtitulo { color: white; font-size: 8em; font-weight: bold }
.presentacion.c_6 .fotos { float: left; width: auto }
.presentacion.c_6 .inferior { float: left; padding-right: 120px; width: auto }
.presentacion.c_6 .inferior .descripcion { padding-top: 0; max-width: 440px }
.presentacion.c_7 .ribbon, .presentacion.c_6 .ribbon { padding: 0 160px 0 120px }
.presentacion.c_7 .ribbon:before, .presentacion.c_7 .ribbon:after, .presentacion.c_6 .ribbon:after { display: none }
.presentacion.c_6 .ribbon:before { background-image: url(../img/web/ribbon2.svg); width: 210px; transform: none; height: 882px }
.presentacion.c_6 .contenedor:after { right: unset; left: 160px; max-width: 700px; transform: translateY(60px); width: calc(50% - 258px) }
.presentacion.c_6 .fotos .foto { max-width: 840px }
.presentacion.c_7 .inferior .descripcion { max-width: 440px; padding-left: 80px; padding-top: 0 }
.presentacion.c_7 .contenedor:after { display: none }
.presentacion.c_7 .fotos .foto { max-width: 800px }
.presentacion.c_7 { padding-top: 0 }
.presentacion.c_7, .presentacion.c_6 { background: #dceff5 }
.presentacion.c_11, .presentacion.c_8 { padding-top: 0; padding-bottom: 0; border-top: solid 8px #c5d7dc }
.presentacion.c_11 .superior, .presentacion.c_8 .superior { background: #e2e1e1; text-align: center; padding-top: 20px; padding-left: 80px; padding-bottom: 20px; margin-bottom: 0 }
.presentacion.c_11 .titulo, .presentacion.c_8 .titulo { color: #565656; max-width: none; font-size: 2.5em }
.presentacion.c_11 .fotos, .presentacion.c_8 .fotos { width: auto; float: none; padding: 80px 0 }
.presentacion.c_11 .fotos .foto, .presentacion.c_8 .fotos .foto { margin-right: 80px; display: inline-block; vertical-align: top; width: calc(25% - 60px) }
.presentacion.c_11 .fotos .foto:nth-child(4n), .presentacion.c_8 .fotos .foto:nth-child(4n) { margin-right: 0 }
.presentacion.c_11 .ribbon:after, .presentacion.c_11 .ribbon:before, .presentacion.c_8 .ribbon:after, .presentacion.c_8 .ribbon:before { display: none }
.presentacion.c_11 .contenedor:after, .presentacion.c_8 .contenedor:after { background: #565656; display: block; left: 40px; width: auto; right: 40px }
.presentacion.c_9 .ribbon:after, .presentacion.c_9 .ribbon:before { background-image: url(../img/web/ribbon3.svg) }
.presentacion.c_9 .ribbon:after { background-position: right top; transform: scaleX(-1) }
.presentacion.c_9 .fotos { max-width: 440px; margin-left: 225px; border-left: 16px solid #31b0c8; padding-left: 40px }
.presentacion.c_9 .inferior { position: relative; min-height: 550px }
.presentacion.c_9 .descripcion { padding-top: 0; max-width: 380px; position: absolute; left: 0; top: 50%; z-index: 1; transform: translateY(-50%) }
.presentacion.c_9 .btn { position: absolute; bottom: 0; left: 0; z-index: 1 }
.presentacion.c_9 .contenedor:after { display: none }
.presentacion.c_9 .ribbon:before { width: 270px }
.presentacion.equipo { background: #dceff5 }
.presentacion.equipo .bloques { background: url(../img/web/ribbonbante.svg) no-repeat; background-size: contain; padding: 0 80px }
.presentacion.equipo .bloques .bloque { display: inline-block; vertical-align: top; margin-right: 159px; width: calc(33.333% - 106px) }
.presentacion.equipo .bloques .bloque:nth-child(3n) { margin-right: 0 }
.presentacion.equipo .bloques .bloque .foto { background: #dceff5; padding: 0 40px; display: block }
.presentacion.equipo .bloques .bloque .foto img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: block }
.presentacion.equipo .bloques .bloque .titulo { font-size: 3.5em; margin: 50px 40px 0px 40px; padding-top: 40px; border-top: solid 9px #31b0c8; color: #565656 }
.presentacion .contenedor:after { display: none }
.reservar_cita .banner:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.4) }
.reservar_cita .banner { background-position: center; background-size: cover; background-repeat: no-repeat; padding: 80px 0 }
.reservar_cita .banner .texto { background: none; z-index: 2; height: auto; border-width: 0; text-align: center }
.reservar_cita .banner .texto .titulo { font-size: 8em; position: static; max-width: none; transform: none; display: block; font-weight: bold }
.reservar_cita .banner .texto .titulo:before, .reservar_cita .banner .texto .titulo:after { display: none }
.reservar_cita .banner .texto .btn { border-top-left-radius: 30px; margin-top: 80px }
.presentacion.c_11 .fotos { text-align: center }
.presentacion.c_11 .fotos .foto { max-width: none; width: calc(25% - 20px); margin: 10px; min-height: 100px; position: relative; vertical-align: middle }
.presentacion.c_11 .fotos .foto img { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) }
.presentacion.c_11 .superior { background: #31b0c8 }
.presentacion.c_11 .superior .titulo { color: white; width: auto; max-width: none }
.presentacion.c_11 { border-top-width: 0 }
.categorias .items_categorias { padding: 80px 80px }
.categorias .item_categoria { text-align: center; display: inline-block; vertical-align: top; width: calc(25% - 50px); margin-right: 60px; display: none }
.categorias .item_categoria:nth-child(1), .categorias .item_categoria:nth-child(2), .categorias .item_categoria:nth-child(3), .categorias .item_categoria:nth-child(4) { display: inline-block }
.categorias .item_categoria:nth-child(4n) { margin-right: 0 }
.categorias .item_categoria .foto { display: block; min-height: 250px; max-height: 250px }
.categorias.actualitat .item_categoria .foto { min-height: 280px; max-height: 280px }
.categorias .item_categoria .foto img { display: inline-block !important; width: auto; height: auto; max-width: 100%; max-height: 100% }
.categorias .item_categoria .titulo { font-size: 3em; font-weight: bold; color: #31b0c8; border-top: solid 5px #31b0c8; padding-top: 20px; margin-top: 20px; margin-bottom: 20px; line-height: 30px; height: 80px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.lnk { color: #565656; font-weight: 600; font-size: 1.67em; text-transform: uppercase }
.categorias .owl-loaded .item_categoria { display: block; width: auto; margin-right: 0 }
.contacto { padding-top: 80px; padding-bottom: 80px }
.contacto .descripcion, .contacto .col_izq { width: 50%; display: inline-block; vertical-align: top; color: #9e9c9c }
.contacto .iframe { margin: 40px 0 }
.contacto .iframe iframe { width: 100%; height: 480px }
.contacto .aux, .contacto .descripcion { padding-left: 80px; font-size: 1.85em; line-height: 1.4 }
.contacto .titulos .titulo, .contacto .titulos .subtitulo { max-width: none }
.contacto .ribbon:after { background-image: url(../img/web/ribbon4.svg); background-position: left bottom }
.contacto .ribbon:before { background-image: url(../img/web/ribbon5.svg); transform: none; background-position: right top }
.contacto .aux { padding: 0 }
.contacto .aux p { display: inline-block; vertical-align: top; width: 32% }
.contacto .aux p a, .contacto .aux p strong { color: #31b0c8 }
.presentacion.c_14 { background: #31b0c8; padding: 0 }
.presentacion.c_14 .contenedor { padding: 0 }
.presentacion.c_14 .ribbon:before, .presentacion.c_14 .ribbon:after { display: none }
.presentacion.c_14 .superior { display: inline-block; vertical-align: top; width: 50%; padding: 80px; padding-left: 160px; margin: 0; background: none }
.presentacion.c_14 .ribbon { position: absolute; right: 0; top: 0; bottom: 0; padding: 80px; width: 50%; background: white }
.presentacion.c_14 .titulo { color: white; font-size: 6.2em; max-width: none }
.presentacion.c_14 .inferior { width: auto; float: none }
.presentacion.c_14 .inferior .descripcion { padding-top: 0; max-width: 480px }
.presentacion.c_14 .inferior .btn { position: absolute; bottom: 80px; left: 80px; z-index: 1 }
.presentacion.c_15 { background: #dceff5; padding: 80px 0 }
.presentacion.c_15 .contenedor { position: relative; padding: 0; margin: 0 40px }
.presentacion.c_15 .contenedor:after, .presentacion.c_15 .contenedor:before { display: block; content: ''; position: absolute; left: 0; top: 0; height: auto; right: unset; bottom: 0; width: 120px; background-size: 120px; z-index: 1; background: url(../img/web/ribbon6.svg) left bottom no-repeat }
.presentacion.c_15 .contenedor:before { right: 0; left: unset; background-image: url(../img/web/ribbon7.svg); background-position: right top }
.presentacion.c_15 .ribbon:after, .presentacion.c_15 .ribbon:before { display: none }
.presentacion.c_15 .superior { margin-bottom: 50px }
.presentacion.c_15 .inferior { width: auto; float: none }
.presentacion.c_15 .inferior .descripcion { padding-top: 0; max-width: none }
.presentacion.c_15 .inferior .descripcion p { display: inline-block; vertical-align: top; width: calc(33.333% - 50px); margin-right: 60px; margin-top: 30px; margin-bottom: 0 }
.presentacion.c_15 .inferior .descripcion p:nth-child(3n) { margin-right: 0 }
.presentacion.c_15 .titulo { color: #565656; font-size: 6em; max-width: 75% }
.pie { background-size: 50%; background-position: left center; background-color: #31b0c8 }
.pie .contenedor { height: 500px; position: relative }
.pie .logo { position: absolute; left: 320px; top: 120px; z-index: 1; max-width: 320px }
.pie .logo img { width: auto; height: auto; max-width: 100%; max-height: 100% }
.pie .menus { position: absolute; right: 260px; top: 125px; z-index: 1; font-size: 1.67em; width: 100%; max-width: 380px; color: white }
.pie .menus li { display: inline-block; vertical-align: top; width: 50%; text-transform: uppercase }
.pie .menus li a { line-height: 40px; display: block }
.pie .menus li.sel a { text-decoration: underline }
.pie .menus ul:nth-of-type(2) li { width: auto; margin-right: 30px; margin-top: 10px }
.pie .menus ul:nth-of-type(2) li a { line-height: 1.2 }
.pie .redes a { width: 40px; height: 40px; border-radius: 10px; background-position: center; background-size: 18px; position: relative; overflow: hidden; text-indent: -999px; margin: 10px; margin-left: 0; margin-right: 30px; background-repeat: no-repeat; background-color: white; display: inline-block }
.pie .redes a.facebook { background-image: url(../img/web/fb2.svg) }
.pie .redes a.twitter { background-image: url(../img/web/tw2.svg) }
.pie .redes a.youtube { background-image: url(../img/web/yt2.svg) }
.pie .copyright { text-align: center; background: rgba(255, 255, 255, .8); padding: 12px; display: block; font-size: 1.67em }
.kit .limit { padding: 20px; max-width: 1024px; margin: 0 auto }
.kit img { width: auto; height: auto; max-width: 100%; max-height: 100% }
.migas { padding: 40px; position: relative }
.migas .miga { height: 540px; background-position: center; background-size: cover; background-repeat: no-repeat }
.migas .logo { position: absolute; left: 0; margin: 0 auto; max-width: 486px; right: 0; bottom: 100px; z-index: 2; background-color: white }
.breadcrumbs { font-size: 1.5em; padding: 0 120px; padding-top: 80px; line-height: 40px; text-transform: uppercase }
.breadcrumbs .titulo, .breadcrumbs .subtitulo { vertical-align: top; margin-right: 10px; display: inline-block; color: #9e9c9c }
.breadcrumbs .titulo a, .breadcrumbs .titulo a { display: inline-block; vertical-align: top; line-height: 40px; color: currentColor }
.presentacion.c_19, .presentacion.c_16 { padding-top: 0 }
.presentacion.c_16 .fotos { transform: translateX(-160px); position: relative; z-index: 3; width: calc(50% + 140px) }
.presentacion.c_16 .fotos .foto { display: inline-block; vertical-align: top; width: calc(50% - 15px); margin-right: 30px }
.presentacion.c_16 .fotos .foto:nth-child(2) { transform: translateY(120px); margin-right: 0 }
.presentacion.c_16 .inferior { position: absolute; right: 120px; width: 40% }
.presentacion.c_16 .inferior .descripcion { padding-top: 0; border-bottom: solid 7px #31b0c8; padding-bottom: 80px; padding-left: 0; max-width: none }
.presentacion.c_16 .inferior .descripcion li { margin-left: 0px; background: url('../img/web/dot.svg') left top 9px no-repeat; background-size: 8px; padding-left: 15px }
.presentacion.c_16 .inferior .descripcion strong { color: #31b0c8 }
.presentacion.c_16 .ribbon:before, .presentacion.c_16 .ribbon:after { display: none }
.presentacion.c_16, .presentacion.c_16 .contenedor { position: relative }
.presentacion.c_16:before, .presentacion.c_16:after { background: #31b0c8; width: 120px; left: 0; top: 20px; position: absolute; content: ''; bottom: 0; z-index: 2 }
.presentacion.c_16:before { left: unset; right: 0 }
.presentacion.c_17 { padding-top: 0 }
.presentacion.c_17 .superior { max-width: 50%; padding-bottom: 0; margin-bottom: 0 }
.presentacion.c_17 .inferior { float: left; width: 50% }
.presentacion.c_17 .inferior .descripcion { max-width: 480px }
.presentacion.c_17 .fotos { float: right; margin-top: -178px; transform: translateX(-80px) }
.presentacion.c_17 .fotos .foto { max-width: 620px }
.super_ribbon { position: relative; margin-top: 122px }
.super_ribbon:before { content: ''; width: 237px; background-image: url(../img/web/ribbon9.svg); background-position: right top; top: 0; right: 40px; bottom: 0; position: absolute; z-index: 1 }
.presentacion.c_17 .ribbon:before { display: none }
.presentacion.c_17 .ribbon:after { background-image: url(../img/web/ribbon8.svg); right: 0; max-width: 612px; width: auto; top: unset; bottom: 0; height: 150px }
.presentacion.c_18 .ribbon:before, .presentacion.c_18 .ribbon:after { display: none }
.presentacion.c_18 .ribbon { padding: 0 }
.presentacion.c_18 .contenedor { padding-left: 0 }
.presentacion.c_19 .fotos .foto, .presentacion.c_18 .fotos .foto { max-width: none }
.presentacion.c_18 { padding-top: 0 }
.presentacion.c_18 .inferior { position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 1 }
.presentacion.c_18 .inferior .descripcion { padding: 80px }
.presentacion.c_18 { padding-bottom: 0; margin-bottom: 80px }
.presentacion.c_19 .ribbon { padding-left: 0; padding-right: 0 }
.presentacion.c_19 .ribbon:after { display: none }
.presentacion.c_19 .fotos { width: 52%; position: relative }
.presentacion.c_19 .contenedor { padding-left: 0 }
.presentacion.c_19 .superior { padding: 0 160px }
.presentacion.c_19 .inferior { width: 48%; position: absolute; right: 0; bottom: 0; z-index: 1 }
.presentacion.c_19 .inferior .descripcion { max-width: 440px; padding: 0; position: relative; padding-left: 80px }
.presentacion.c_19 .fotos:after { width: 30px; height: 150px; position: absolute; right: -30px; top: 0; z-index: 1; transform: translateX(80px); background: #31b0c8; content: '' }
.presentacion.c_19 .ribbon:before { background-image: url(../img/web/ribbon10.svg); top: 0; bottom: 0; transform: none; background-position: right top; width: 307px }
.ficha_equipo .presentacion.equipo .bloques .bloque:not(:nth-child(1)) { margin-right: 0; position: relative; width: calc(50% - 120px); margin: 0 0 0 120px; background: white; padding: 80px 0 }
.ficha_equipo .presentacion.equipo .bloques .bloque:not(:nth-child(1)):after { content: ''; background: url(../img/web/ribbon11.svg) left top; width: 50px; position: absolute; top: 80px; bottom: 80px; left: -80px; z-index: 1 }
.ficha_equipo .presentacion.equipo .bloques .bloque:last-child:after { transform: scaleX(-1); right: -80px; left: unset }
.ficha_equipo .presentacion.equipo .bloques .bloque:last-child { margin-left: 0 }
.ficha_equipo .presentacion.equipo .bloques .bloque:not(:nth-child(1)) .foto { max-width: 50%; padding: 0 }
.ficha_equipo .presentacion.equipo .bloques .bloque:not(:nth-child(1)) .txt { position: absolute; right: 0; padding: 40px; top: 50%; width: 50%; z-index: 1; transform: translateY(-50%) }
.ficha_equipo .presentacion.equipo .bloques .bloque:not(:nth-child(1)) .txt .descripcion { font-size: 4.1em; color: #9e9c9c; font-weight: bold; margin-top: 40px; max-width: 290px }
.ficha_equipo .presentacion.equipo .bloques .bloque:not(:nth-child(1)) .txt .titulo { font-size: 4.1em; padding: 0; border-width: 0; color: #31b0c8; max-width: 290px; margin: 0 }
.ficha_equipo .presentacion.equipo { background: none; padding: 0 }
.ficha_equipo .presentacion.equipo .contenedor { padding: 0 }
.ficha_equipo .presentacion.equipo .bloques { background: none; padding: 0 }
.ficha_equipo .presentacion.equipo .bloques .bloque:nth-child(1) { display: block; position: relative; width: auto; margin-right: 0; padding: 0 120px; background: #31b0c8 }
.ficha_equipo .presentacion.equipo .bloques .bloque:nth-child(1) .titulo { border-width: 0; padding-top: 0; margin: 0; font-size: 6.2em; color: #31b0c8; max-width: none }
.ficha_equipo .presentacion.equipo .bloques .bloque:nth-child(1) .descripcion { font-size: 1.85em; line-height: 1.5; padding-top: 60px; text-wrap: pretty; color: #9e9c9c }
.ficha_equipo .presentacion.equipo .bloques .bloque:nth-child(1) .descripcion p { margin-bottom: 30px }
.ficha_equipo .presentacion.equipo .bloques .bloque:nth-child(1) .foto { float: right; width: 50%; padding: 0; padding-left: 100px; background: white }
.ficha_equipo .presentacion.equipo .bloques .bloque:nth-child(1) .txt { width: calc(50% - 80px); background: white; position: absolute; padding-top: 80px; padding-left: 80px; left: 120px; top: 0; bottom: 0 }
.vidriera { background: url(../img/web/vidriera.svg) top center repeat-y; background-size: 100% auto; margin: 0 40px; margin-bottom: 80px }
.presentacion.intro_cat, .presentacion.c_20 { padding: 0 }
.presentacion.intro_cat .contenedor, .presentacion.c_20 .contenedor { padding: 0; margin: 0 40px; background: white }
.presentacion.intro_cat .ribbon, .presentacion.c_20 .ribbon { padding: 0 }
.presentacion.intro_cat .ribbon:before, .presentacion.intro_cat .ribbon:after, .presentacion.c_20 .ribbon:before, .presentacion.c_20 .ribbon:after { display: none }
.presentacion.intro_cat .superior, .presentacion.c_20 .superior { margin-bottom: 40px; padding: 0 80px }
.presentacion.intro_cat .inferior, .presentacion.c_20 .inferior { float: none; padding: 0 80px; padding-bottom: 80px }
.presentacion.intro_cat .inferior .descripcion, .presentacion.c_20 .inferior .descripcion { padding: 0; max-width: none }
.categorias.listado .contenedor .items_categorias { background: white }
.categorias.listado .contenedor .items_categorias .item_categoria { display: inline-block !important; margin-bottom: 80px }
.reservar_cita .banner.vip { background: #e2e1e1 }
.reservar_cita .banner.vip:after { display: none }
.reservar_cita .banner.vip .texto .titulo { color: #31b0c8; font-size: 5em; max-width: 1366px; margin: 0 auto }
.presentacion.tratamiento { padding-top: 0 }
.tratamiento .bloque { padding: 0 120px }
.tratamiento .bloque .foto { float: left; width: 50% }
.tratamiento .bloque .foto img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: block }
.tratamiento .bloque .inferior { padding-left: 120px }
.tratamiento .bloque .titulo { max-width: none; font-size: 6.2em }
.tratamiento .bloque .descripcion { max-width: none; padding-top: 40px }
.tratamiento .bloque:nth-child(1) { position: relative; padding-bottom: 291px }
.tratamiento .bloque:nth-child(1):after { background: url(../img/web/ribbon12.svg); height: 211px; position: absolute; content: ''; left: 0; right: 0; bottom: 0 }
.tratamiento .tipo_rayada_izquierda, .tratamiento .tipo_b { margin-top: 80px }
.tratamiento .tipo_rayada_izquierda .foto, .tratamiento .tipo_b .foto { float: right; position: relative; background: #31b0c8; margin-left: 120px; width: calc(50% - 120px) }
.tratamiento .tipo_rayada_izquierda .foto:after, .tratamiento .tipo_b .foto:after { background: #31b0c8; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; content: ''; width: 120px; transform: translateX(100%) }
.tratamiento .tipo_rayada_izquierda .inferior, .tratamiento .tipo_b .inferior { float: left; padding-left: 70px !important; position: relative }
.tratamiento .tipo_rayada_izquierda .inferior:after, .tratamiento .tipo_b .inferior:after { content: ''; width: 34px; background: #31b0c8; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1 }
.tratamiento .bloque:nth-child(3) { background: #dceff5; position: relative }
.tratamiento .bloque:nth-child(3):before, .tratamiento .bloque:nth-child(3):after { content: ''; position: absolute; left: -40px; top: 0; bottom: 0; width: 40px; background: #dceff5 }
.tratamiento .bloque:nth-child(3):before { left: unset; right: -40px }
.tratamiento .bloque:nth-child(3) .foto { float: none }
.tratamiento .bloque:nth-child(3) .foto img { max-width: 50% }
.tratamiento .bloque:nth-child(3) .inferior { position: absolute; float: none; right: 120px; width: calc(50% - 120px); top: 50%; z-index: 1; transform: translateY(-50%) }
.tratamiento .bloque:nth-child(4) { background: #dceff5; position: relative }
.tratamiento .bloque.tipo_rayada_izquierda:after, .tratamiento .bloque.tipo_rayada_izquierda:before, .tratamiento .bloque.t_8.tipo_rayada_izquierda:after, .tratamiento .bloque.t_8.tipo_rayada_izquierda:before, .tratamiento .bloque.gris:after, .tratamiento .bloque.gris:before, .tratamiento .bloque.t_7.tipo_rayada_izquierda:after, .tratamiento .bloque.t_7.tipo_rayada_izquierda:before, .tratamiento .bloque.t_7:nth-child(6):after, .tratamiento .bloque.t_7:nth-child(6):before, .tratamiento .bloque.t_7:nth-child(4):after, .tratamiento .bloque.t_7:nth-child(4):before, .tratamiento .secundarias:after, .tratamiento .secundarias:before, .tratamiento .bloque:nth-child(4):before, .tratamiento .bloque:nth-child(4):after { content: ''; position: absolute; left: -40px; top: 0; bottom: 0; width: 40px; background: #dceff5 }
.tratamiento .bloque.tipo_rayada_izquierda:before, .tratamiento .bloque.t_8.tipo_rayada_izquierda:before, .tratamiento .bloque.gris:before, .tratamiento .bloque.t_7.tipo_rayada_izquierda:before, .tratamiento .bloque.t_7:nth-child(6):before, .tratamiento .bloque.t_7:nth-child(4):before, .tratamiento .secundarias:before, .tratamiento .bloque:nth-child(4):before { left: unset; right: -40px }
.tratamiento .bloque:nth-child(4) .foto { float: right }
.tratamiento .bloque:nth-child(4) .inferior { float: left; padding: 80px; padding-left: 0 }
.tratamiento .bloque.t_5:nth-child(3) .inferior .titulo { font-size: 3em }
.tratamiento .secundarias { background: #dceff5; padding: 80px 120px; position: relative }
.tratamiento .secundarias .foto { display: inline-block; vertical-align: top; margin-right: 40px; margin-top: 80px; text-align: center; width: calc(33.333% - 27px) }
.tratamiento .secundarias .foto img { width: auto; height: auto; max-width: 100%; max-height: 100%; max-height: 170px; display: inline-block }
.tratamiento .secundarias .foto:nth-child(1), .tratamiento .secundarias .foto:nth-child(2), .tratamiento .secundarias .foto:nth-child(3) { margin-top: 0 }
.tratamiento .secundarias .foto:nth-child(3n) { margin-right: 0 }
.tratamiento .secundarias .foto .txt { display: block; padding-top: 20px; margin-top: 20px; border-top: solid 6px #31b0c8; font-size: 1.85em; line-height: 1.4; text-align: left; color: #9e9c9c }
.tratamiento .secundarias .foto .txt .tit { font-weight: 600; color: #31b0c8; display: block; margin-bottom: 10px; font-size: 1.5em }
.tratamiento .bloque.t_7:nth-child(4), .tratamiento .bloque.t_7:nth-child(4):after, .tratamiento .bloque.t_7:nth-child(4):before, .tratamiento .secundarias.b_22:after, .tratamiento .secundarias.b_22:before, .tratamiento .secundarias.b_22 { background: white }
.tratamiento .secundarias.b_22 .foto img { max-height: 120px }
.tratamiento .bloque.gris .inferior, .tratamiento .bloque.t_7:nth-child(4) .inferior { max-width: none; width: auto; float: none }
.tratamiento .bloque.gris, .tratamiento .bloque.t_7:nth-child(6) { background: #ebebeb; position: relative }
.tratamiento .bloque.gris:after, .tratamiento .bloque.gris:before, .tratamiento .bloque.t_7:nth-child(6):after, .tratamiento .bloque.t_7:nth-child(6):before { background: #ebebeb }
.tratamiento .bloque.gris .inferior, .tratamiento .bloque.t_7:nth-child(6) .inferior { float: none; width: auto; padding: 80px 0 0 0; max-width: 50% }
.tratamiento .secundarias.fotos_gris_blanco:before, .tratamiento .secundarias.fotos_gris_blanco:after, .tratamiento .secundarias.fotos_gris_blanco, .tratamiento .secundarias.t_7.b_23:before, .tratamiento .secundarias.t_7.b_23:after, .tratamiento .secundarias.t_7.b_23 { background: #ebebeb }
.tratamiento .secundarias.fotos_gris_blanco .foto, .tratamiento .secundarias.t_7.b_23 .foto { display: block; width: auto; margin-right: 0; min-height: 320px; position: relative; background: #ebebeb; padding: 80px 0; margin-top: 0 }
.tratamiento .secundarias.fotos_gris_blanco .foto img, .tratamiento .secundarias.t_7.b_23 .foto img { position: absolute; left: 0; top: 50%; z-index: 1; transform: translateY(-50%) }
.tratamiento .secundarias.fotos_gris_blanco .foto .txt, .tratamiento .secundarias.t_7.b_23 .foto .txt { margin: 0; padding: 80px; padding-left: 50%; border-width: 0 }
.tratamiento .secundarias.fotos_gris_blanco .foto:nth-child(2n), .tratamiento .secundarias.t_7.b_23 .foto:nth-child(2n) { background: white; overflow: visible !important }
.tratamiento .secundarias.fotos_gris_blanco .foto:nth-child(2n) img, .tratamiento .secundarias.t_7.b_23 .foto:nth-child(2n) img { left: unset; right: 0 }
.tratamiento .secundarias.fotos_gris_blanco .foto:nth-child(2n) .txt, .tratamiento .secundarias.t_7.b_23 .foto:nth-child(2n) .txt { padding-right: 50%; padding-left: 0 }
.tratamiento .secundarias.fotos_gris_blanco, .tratamiento .secundarias.t_7.b_23 { padding-top: 0; padding-bottom: 0 }
.tratamiento .secundarias.fotos_gris_blanco .foto:nth-child(2n):after, .tratamiento .secundarias.fotos_gris_blanco .foto:nth-child(2n):before, .tratamiento .secundarias.t_7.b_23 .foto:nth-child(2n):after, .tratamiento .secundarias.t_7.b_23 .foto:nth-child(2n):before { background: white; width: 160px; position: absolute; top: 0; bottom: 0; content: ''; left: 0; z-index: 3; transform: translateX(-100%) }
.tratamiento .secundarias.fotos_gris_blanco .foto:nth-child(2n):after, .tratamiento .secundarias.t_7.b_23 .foto:nth-child(2n):after { right: 0; left: unset; transform: translateX(100%) }
.tratamiento .bloque.arras_izq .inferior, .tratamiento .bloque.arras_izq, .tratamiento .bloque.t_7:nth-child(8) .inferior, .tratamiento .bloque.t_7:nth-child(8) { padding-left: 0 }
.tratamiento .bloque.arras_izq .foto, .tratamiento .bloque.t_7:nth-child(8) .foto { transform: translateX(-40px); padding-right: 80px }
.tratamiento .bloque.arras_izq .foto img { max-width: 100% }
.tratamiento .bloque.t_7.tipo_rayada_izquierda { position: relative; background: #dceff5; padding: 80px 120px }
.presentacion.tratamiento_real.categoria_6, .presentacion.tratamiento_real.categoria_5 { margin-bottom: 0; padding-bottom: 0 }
.tratamiento .tipo_rayada_izquierda .foto:after { width: 160px }
.tratamiento .bloque.gris .inferior:after { display: none }
.tratamiento .bloque.arras_izq:after, .tratamiento .bloque.arras_izq:before { display: none }
.tratamiento .bloque.arras_izq { padding: 80px 0; background: white }
.tratamiento .bloque.arras_izq .foto { float: left }
.tratamiento .bloque.arras_izq .inferior { float: right; padding: 0 }
.tratamiento .bloque.tipo_rayada_izquierda, .tratamiento .bloque.t_8.tipo_rayada_izquierda { position: relative; background: #dceff5; padding-top: 80px; padding-bottom: 80px; margin-top: 0 }
.tratamiento .bloque.t_9:nth-child(3) .inferior { float: none; position: static; transform: none; width: auto; padding: 0; padding-top: 80px }
.tratamiento .secundarias.t_9.b_33 .foto img { max-height: 100px }
.tecno.categoria_3 .bloque.gris .inferior { padding-left: 120px }
.presentacion .inferior iframe { width: 100% }
.tratamiento .tipo_rayada_derecha .inferior:after { right: 0; left: unset }
.tratamiento .tipo_rayada_derecha .inferior { float: right; padding-left: 120px !important; padding-right: 70px }
.tratamiento .tipo_rayada_derecha .foto { float: left; margin-left: 40px; margin-right: 0px; width: calc(50% - 40px) }
.tratamiento .tipo_rayada_derecha .foto img { position: relative; z-index: 2 }
.tratamiento .tipo_rayada_derecha .foto:after { left: 0; transform: translateX(-100%); z-index: 1; right: unset }
.tratamiento .bloque.tipo_foton { padding-top: 80px }
.tecno.categoria_12 .bloque.gris .inferior { padding-bottom: 80px }
.tratamiento.casos .bloque:nth-child(1):after { display: none }
.tratamiento.casos .bloque:nth-child(1) { padding-bottom: 0 }
.tratamiento.casos .secundarias .foto { width: calc(25% - 30px); max-height: none }
.tratamiento.casos .secundarias .foto img { max-height: none }
.tratamiento.casos .secundarias .foto:nth-child(3n) { margin-right: 40px }
.tratamiento.casos .secundarias .foto:nth-child(4n) { margin-right: 0 }
.tratamiento.casos .secundarias .foto:nth-child(4) { margin-top: 0 }
.presentacion.c_26.intro_cat .inferior { width: auto }
.presentacion.intro_cat.noticias .superior { margin-bottom: 0 }
.noticias .item_categoria .foto { min-height: unset; max-height: unset }
.noticias .item_categoria { text-align: left }
.noticias .item_categoria .titulo { line-height: 30px; height: 130px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden }
.noticias .item_categoria .descripcion { font-size: 1.85em; line-height: 30px; height: 90px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden }
.noticias .item_categoria { width: calc(33.333% - 40px) }
.categorias.listado .item_categoria:nth-child(4n) { margin-right: 60px }
.categorias.listado .item_categoria:nth-child(3n) { margin-right: 0px }
.categorias.listado .item_categoria { width: calc(100% / 3 - 50px) }
.presentacion.c_6.intro_cat.noticias .superior .titulo { color: #31b0c8 }
.presentacion.c_6.intro_cat.noticias .superior { width: auto; transform: none; background: none }
.presentacion.c_6.intro_cat.noticias { background: none }
.noticias .videos_categoria_3 .item_categoria .titulo { height: 130px; -webkit-line-clamp: 3 }
.noticias .videos_categoria_3 .item_categoria .descripcion { height: calc(30px * 11); -webkit-line-clamp: 11 }
.videos .item_categoria iframe { width: 100%; height: 260px }
.categorias.listado .item_categoria.w50_50 .foto { min-width: 280px; min-height: 280px }
.categorias.listado .item_categoria.w50_50 { width: calc(50% - 30px) }
.categorias.listado .item_categoria.w50_50:nth-child(2n) { margin-right: 0 }
.presentacion.c_30 { float: left; width: 50% }
.presentacion.c_30 .titulo { max-width: none }
.presentacion.c_30 .inferior { width: auto }
.presentacion.c_30 .contenedor { padding-right: 0; margin-right: 0 }
.presentacion.c_30 .inferior .descripcion { font-size: 1.45em }
.presentacion.c_30 .inferior .descripcion p { width: 31%; display: inline-block; vertical-align: top; margin-right: 1% }
.presentacion.c_30 .inferior .descripcion p strong { display: block; color: #31b0c8 }
.mapa { margin: 40px 0 }
.mapa iframe { display: block; height: 200px; width: 100% }
.formulario { width: calc(50% - 40px); float: left; background: white; padding-top: 120px; padding-bottom: 80px; margin-right: 40px; padding-right: 40px }
.formulario form .campos .campo { position: relative; margin-top: 20px; display: inline-block; vertical-align: top; width: calc(50% - 10px); margin-right: 10px }
.formulario form .campos .campo.especial { display: block; width: auto }
.formulario form .campos .campo:first-child { margin-top: 0 }
.formulario form .campos .campo:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: black }
.formulario form .campos .campo select, .formulario form .campos .campo input { display: block; width: 100%; height: 60px; font-size: 1.67em; line-height: 40px; background: none; padding: 0 20px; border-width: 0; padding-top: 20px }
.formulario form .campos .campo label { position: absolute; top: 0; left: 0; right: 0; display: block; font-size: 1.67em; font-weight: 500; line-height: 60px; z-index: 1; pointer-events: none; color: black; padding: 0 20px }
html.loaded .formulario form .campos .campo label { transition: all 250ms linear }
.formulario form .campos .campo input[type="file"]:focus ~ label, .formulario form .campos .campo input[type="date"]:focus ~ label, .formulario form .campos .campo input[type="time"]:focus ~ label, .formulario form .campos .campo input[type="email"]:focus ~ label, .formulario form .campos .campo input[type="tel"]:focus ~ label, .formulario form .campos .campo input[type="text"]:focus ~ label, .formulario form .campos .campo select:focus ~ label, .formulario form .campos .campo textarea:focus ~ label { top: 7.5px; font-size: 1.25em; line-height: 15px }
.formulario form .campos .campo input[type="file"]:valid ~ label, .formulario form .campos .campo input[type="file"]:not(:placeholder-shown) ~ label, .formulario form .campos .campo select:valid ~ label, .formulario form .campos .campo select:not(:placeholder-shown) ~ label, .formulario form .campos .campo input[type="date"]:valid ~ label, .formulario form .campos .campo input[type="date"]:not(:placeholder-shown) ~ label, .formulario form .campos .campo input[type="time"]:valid ~ label, .formulario form .campos .campo input[type="time"]:not(:placeholder-shown) ~ label, .formulario form .campos .campo input[type="email"]:valid ~ label, .formulario form .campos .campo input[type="email"]:not(:placeholder-shown) ~ label, .formulario form .campos .campo input[type="tel"]:valid ~ label, .formulario form .campos .campo input[type="tel"]:not(:placeholder-shown) ~ label, .formulario form .campos .campo input[type="text"]:valid ~ label, .formulario form .campos .campo input[type="text"]:not(:placeholder-shown) ~ label, .formulario form .campos .campo textarea:valid ~ label, .formulario form .campos .campo textarea:not(:placeholder-shown) ~ label { top: 7.5px; font-size: 1.25em; line-height: 1 }
.formulario form .campos .campo textarea { position: relative; display: block; width: 100%; border-width: 0; height: 200px; font-family: 'Signika'; padding: 30px 20px; font-size: 1.85em; line-height: 20px; background: none; resize: vertical; min-height: 200px; max-height: 400px }
.formulario form .checks { float: left; width: 280px; margin-top: 30px }
.formulario form .checks .check { position: relative; display: block; font-size: 1.37em; line-height: 1.3; text-align: left; color: black }
.formulario form .checks .check label a { text-decoration: underline }
.formulario form .checks .check input[type="checkbox"] { display: none; border: 0; border-radius: 0; background: transparent; opacity: 0 }
.formulario form .checks .check label { position: relative; display: block; padding-left: 25px; cursor: pointer }
.formulario form .checks .check label:before { content: ''; position: absolute; top: 0; left: 0; height: 20px; width: 20px; box-shadow: 0 0 0 1px black inset; transition: all linear 300ms; pointer-events: none }
.formulario form .checks .check input[type="checkbox"]:checked + label:before { box-shadow: 0 0 0 10px #31b0c8 inset }
.formulario form .botones { margin-top: 20px }
.formulario form .botones .boton { float: right; position: static }
.formulario form .campos .campo input#fecha_cita { background: url('../img/web/calendar.svg') right 20px bottom 15px no-repeat; background-size: 26px }
.formulario.trabaja { margin-left: 40px; padding: 0 80px; padding-top: 0; margin-bottom: 40px; border-bottom: solid 40px white; float: none; width: auto }
.formulario.trabaja form .campos .campo:nth-child(2) { margin-top: 0 }
.presentacion.legal .inferior { width: auto }
.cabecera .menu li { position: relative }
.cabecera .menu li .submenu { position: absolute; right: 0; padding: 20px; text-align: right; top: 100%; z-index: 1; background: #31b0c8; font-size: 1em; min-width: 290px }
.cabecera .menu li .submenu li { padding: 0; margin: 0; display: block; color: white; line-height: 1; font-size: .7em }
.cabecera .menu li .submenu li a { padding: 10px 0 }
.cabecera .menu li .submenu li.sel a { text-decoration: underline; font-weight: bold }
body.scroll_down .cabecera { position: fixed; left: 0; top: 0; right: 0; box-shadow: 0 0 10px 0px rgba(0, 0, 0, .3) }
.tratamiento.ficha_noticia  .bloque:nth-child(3) .inferior { position: static; transform: none; width: 50%; padding-top: 40px; padding-bottom: 80px; float: right }
#cookie-bar { display: none; position: fixed; bottom: 20px; left: 20px; right: 20px; max-width: 460px; padding: 30px 20px 20px 20px; text-align: center; background: #3a3a3a; color: white; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); z-index: 50 }
html.loaded #cookie-bar { display: block; -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both }
#cookie-bar p { margin: 0 }
#cookie-bar p span { display: block; margin-bottom: 20px; font-size: 1.5em; font-weight: 500; line-height: 20px }
#cookie-bar a { transition: all linear 300ms; display: inline-block; vertical-align: middle; margin-top: 10px; padding: 0 10px; font-size: 1.45em; line-height: 40px; padding-top: 5px; text-align: center; text-transform: uppercase; font-weight: 500; color: white; width: calc(50% - 10px); text-decoration: none; border-radius: 10px; background: #31b0c8; float: right }
#cookie-bar a:last-child { color: black; background: #dceff5; float: left }
.acces { text-align: center; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding-top: 20px; font-size: 1.3em }
.acces.sel a { color: #31b0c8 }
.acces a { display: inline-block; line-height: 50px }
.barra_permanente { border-bottom: 6px solid #555555; }
.barra_permanente .izq { float: left; }
.barra_permanente .der { float: right; }
.barra_permanente a { display: inline-block; position: relative; height: 60px; line-height: 1.3; margin-right: 60px; font-size: 1.85em; padding-left: 80px; padding-right: 20px; }
.barra_permanente a:last-child { margin-right: 0; }
.barra_permanente a span { display: block; padding-top: 7px; }
.barra_permanente a span:last-child { font-size: 13px; padding-top: 5px; }
.barra_permanente a:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 15px; width: 40px; height: 40px; background: url('../img/web/eye2.svg') center no-repeat; background-size: 40px; transition: all 250ms linear; }
.barra_permanente a.test:before, .barra_permanente a.cita:before { width: 35px; background-size: 35px; }
.barra_permanente a.test:before { background-image: url('../img/web/tooth2.svg'); }
.barra_permanente a.cita:before { background-image: url('../img/web/calculator3.svg'); }
.migas .logo { bottom: 206px; }
