1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23<!doctype html> 24<html lang='es'> 25 26 <head> 27 28 <title>ⷠInicio - Four Elements</title> 29 30 <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'/> 31 <meta name='viewport' content='width=device-width'/> 32 33 <meta name='application-name' content='Four Elements' data-siteId='101086'/> 34 <meta name='description' content='El mejor centro médico al servicio de tu bienestar'/> 35 <meta name='robots' content='index, follow'/> 36 <meta name='Vary' content='User-Agent'/> 37 <meta name='format-detection' content='telephone=no'/> 38 39 <meta property='og:title' content='ⷠInicio - Four Elements'> 40 <meta property='og:description' content='El mejor centro médico al servicio de tu bienestar'> 41 <meta property='og:type' content='website'> 42 <meta property='og:image' content='https://www.4elementsmed.com/data/101086/res/shareLogo.jpg'> 43 <meta property='og:url' content='https://www.4elementsmed.com/inicio.html'> 44 45 <link rel='canonical' href='https://www.4elementsmed.com/inicio.html'> 46 47 <link rel='shortcut icon' href='/favicon.ico'/> 48 <link rel='apple-touch-icon' href='/apple-touch-icon.png'/> 49 <link rel='icon' href='/favicon.png'/> 50 51 <meta name='google-site-verification' content='OsnHjtHqG60ghIvIJdVHMzOrTRlWyDljB_8fs0yAEZw'/> 52 53
53<script type='text/javascript' src='/data/common/js/utils.js'></script>
53 54 55 <style> 56 57 *:focus { outline: none } 58 p { margin: 0 } 59 blockquote { margin-top: 0; margin-bottom: 0 } 60 select::-ms-expand { display: none } 61 a img { border: 0px } 62 63</style> 64
65<script> 66 67 function elem(id) 68 { 69 return document.getElementById(id); 70 } 71 72 function gkey(e) 73 { 74 if (!e) 75 { 76 return event.keyCode; 77 } 78 else 79 { 80 return e.which; 81 } 82 } 83 84 var initFunctions = new Array(); 85 86 function addInitFunction(initFunction) 87 { 88 initFunctions[initFunctions.length] = initFunction; 89 } 90 91 var scrollFunctions = new Array(); 92 93 function addScrollFunction(scrollFunction) 94 { 95 scrollFunctions[scrollFunctions.length] = scrollFunction; 96 } 97 98 function removeScrollFunction(scrollFunction) 99 { 100 var i; 101 for (i = 0; i < scrollFunctions.length; i++) 102 { 103 if (scrollFunctions[i] == scrollFunction) 104 { 105 scrollFunctions.splice(i, 1); 106 break; 107 } 108 } 109 } 110 111 function onPageScroll() 112 { 113 var i; 114 for (i = 0; i < scrollFunctions.length; i++) 115 { 116 eval(scrollFunctions[i]); 117 } 118 doScrollAnimatedItems(); 119 } 120 121 var scrollAnimatedItems = new Array(); 122 123 function addScrollAnimatedItem(id, cn, fc, dl) 124 { 125 scrollAnimatedItems[scrollAnimatedItems.length] = new Array(id, cn, fc, dl, true); 126 } 127 128 function canDoScrollAnimation(el, fc) 129 { 130 var sp = getDocumentScrollPosition(); 131 var ds = getDocumentSize(); 132 var tp = getElementPosition(el); 133 var ff = 1.0 - fc; 134 if (ff < 0.0) 135 { 136 ff = 0.0; 137 } 138 if (ff > 1.0) 139 { 140 ff = 1.0; 141 } 142 143 var canDoAnimation = false; 144 if (tp[1] <= sp[1] + Math.round(ff * ds[1])) 145 { 146 canDoAnimation = true; 147 } 148 return canDoAnimation; 149 } 150 151 function doScrollAnimatedItems() 152 { 153 var i; 154 var dl = 0; 155 for (i = 0; i < scrollAnimatedItems.length; i++) 156 { 157 if (scrollAnimatedItems[i][4]) 158 { 159 var canDoAnimation = canDoScrollAnimation(elem(scrollAnimatedItems[i][0]), scrollAnimatedItems[i][2]); 160 if (canDoAnimation) 161 { 162 setTimeout("doScrollAnimatedItem('" + scrollAnimatedItems[i][0] + "', '" + scrollAnimatedItems[i][1] + "')", dl); 163 dl += scrollAnimatedItems[i][3]; 164 scrollAnimatedItems[i][4] = false; 165 } 166 } 167 } 168 } 169 170 function doScrollAnimatedItem(id, cn) 171 { 172 elem(id).className = cn; 173 } 174 175 function init() 176 { 177 var i; 178 for (i = 0; i < initFunctions.length; i++) 179 { 180 eval(initFunctions[i]); 181 } 182 window.onscroll = onPageScroll; 183 onPageScroll(); 184 } 185 186 function isValidEmail(eml) 187 { 188 var emlRgx = /[-0-9a-zA-ZñÃ_!#$%&'*+/=?^`{|}~.]+@([-0-9a-zA-ZñÃ]+[.])+[a-zA-ZñÃ]{2,5}/; 189 var isValid = true; 190 if (eml.search(emlRgx) == -1) 191 { 192 isValid = false; 193 } 194 return isValid; 195 } 196 197 function isFirstRequest() 198 { 199 var referrerUrl = ''; 200 var position = referrerUrl.indexOf('?'); 201 if (position >= 0) 202 { 203 referrerUrl = referrerUrl.substring(0, position); 204 } 205 var isFirstReq = true; 206 if (referrerUrl.indexOf('4elementsmed.com') >= 0) 207 { 208 isFirstReq = false; 209 } 210 211 return isFirstReq; 212 } 213 214</script>
214 215 216 <style type='text/css'> 217 218 @font-face { font-family: 'openSansLight'; font-display: swap; src: url(/data/common/fonts/openSans.light.eot) } 219 @font-face { font-family: 'openSansLight'; font-display: swap; src: url(/data/common/fonts/openSans.light.ttf) } 220 221 @font-face { font-family: 'openSansRegular'; font-display: swap; src: url(/data/common/fonts/openSans.regular.eot) } 222 @font-face { font-family: 'openSansRegular'; font-display: swap; src: url(/data/common/fonts/openSans.regular.ttf) } 223 224 @font-face { font-family: 'openSansSemiBold'; font-display: swap; src: url(/data/common/fonts/openSans.semiBold.eot) } 225 @font-face { font-family: 'openSansSemiBold'; font-display: swap; src: url(/data/common/fonts/openSans.semiBold.ttf) } 226 227 @font-face { font-family: 'openSansBold'; font-display: swap; src: url(/data/common/fonts/openSans.bold.eot) } 228 @font-face { font-family: 'openSansBold'; font-display: swap; src: url(/data/common/fonts/openSans.bold.ttf) } 229 230 @font-face { font-family: 'gingerRegular'; font-display: swap; src: url(/data/common/fonts/ginger.regular.eot) } 231 @font-face { font-family: 'gingerRegular'; font-display: swap; src: url(/data/common/fonts/ginger.regular.ttf) } 232 233 @font-face { font-family: 'poppinsLight'; font-display: swap; src: url(/data/common/fonts/poppins.light.eot) } 234 @font-face { font-family: 'poppinsLight'; font-display: swap; src: url(/data/common/fonts/poppins.light.otf) } 235 236 @font-face { font-family: 'poppinsRegular'; font-display: swap; src: url(/data/common/fonts/poppins.regular.eot) } 237 @font-face { font-family: 'poppinsRegular'; font-display: swap; src: url(/data/common/fonts/poppins.regular.otf) } 238 239 @font-face { font-family: 'poppinsMedium'; font-display: swap; src: url(/data/common/fonts/poppins.medium.eot) } 240 @font-face { font-family: 'poppinsMedium'; font-display: swap; src: url(/data/common/fonts/poppins.medium.otf) } 241 242 @font-face { font-family: 'poppinsSemiBold'; font-display: swap; src: url(/data/common/fonts/poppins.semiBold.eot) } 243 @font-face { font-family: 'poppinsSemiBold'; font-display: swap; src: url(/data/common/fonts/poppins.semiBold.otf) } 244 245 :root 246 { 247 --contentInternalWidth: calc(100% - 5.0rem); 248 --contentInternalMarginLeft: 2.5rem; 249 --contentWidth: calc(100% - 22.0rem); 250 --contentMarginLeft: 11.0rem; 251 --contentReducedWidth: 1350px; 252 --contentReducedMarginLeft: calc(50% - 675px); 253 --halfContentWidth: calc(100% - 11.0rem); 254 --leftMenuItemsWidth: 25%; 255 --leftMenuTitleFontSize: 1.7rem; 256 --leftMenuSubtitleFontSize: 1.8rem; 257 --leftMenuItemFontSize: 1.8rem; 258 } 259 260 @media only screen and (min-width: 1201px) and (max-width: 1500px) 261 { 262 :root 263 { 264 --contentInternalWidth: calc(100% - 5.0rem); 265 --contentInternalMarginLeft: 2.5rem; 266 --contentWidth: 90%; 267 --contentMarginLeft: 5%; 268 --contentReducedWidth: 90%; 269 --contentReducedMarginLeft: 5%; 270 --halfContentWidth: 90%; 271 --leftMenuItemsWidth: 25%; 272 --leftMenuTitleFontSize: 1.7rem; 273 --leftMenuSubtitleFontSize: 1.8rem; 274 --leftMenuItemFontSize: 1.8rem; 275 } 276 } 277 278 @media only screen and (min-width: 981px) and (max-width: 1200px) 279 { 280 :root 281 { 282 --contentInternalWidth: calc(100% - 5.0rem); 283 --contentInternalMarginLeft: 2.5rem; 284 --contentWidth: 100%; 285 --contentMarginLeft: 0%; 286 --contentReducedWidth: 100%; 287 --contentReducedMarginLeft: 0%; 288 --halfContentWidth: 100%; 289 --leftMenuItemsWidth: 25%; 290 --leftMenuTitleFontSize: 1.7rem; 291 --leftMenuSubtitleFontSize: 1.8rem; 292 --leftMenuItemFontSize: 1.8rem; 293 } 294 } 295 296 @media only screen and (max-width: 980px) 297 { 298 :root 299 { 300 --contentInternalWidth: calc(100% - 5.0rem); 301 --contentInternalMarginLeft: 2.5rem; 302 --contentWidth: 100%; 303 --contentMarginLeft: 0%; 304 --contentReducedWidth: 100%; 305 --contentReducedMarginLeft: 0%; 306 --halfContentWidth: 100%; 307 --leftMenuItemsWidth: 25%; 308 --leftMenuTitleFontSize: 1.7rem; 309 --leftMenuSubtitleFontSize: 1.8rem; 310 --leftMenuItemFontSize: 1.8rem; 311 } 312 } 313 314 html { font-size: 10px; scrollbar-color: #BBBBBB #EEEEEE; scrollbar-width: thin } 315 body::-webkit-scrollbar { -webkit-appearance: none; width: 8px; height: 8px } 316 body::-webkit-scrollbar-thumb { background: #BBBBBB; border-style: solid; border-width: 0px 1px 0px 1px; border-color: #EEEEEE } 317 body::-webkit-scrollbar-track { background: #EEEEEE } 318 body { margin: 0px; font-size: 0px; text-align: center; background: #CCCCCC } 319 .contentExternalWrapper { position: relative; float: left; width: 100%; min-width: 980px; font-size: 16px; text-align: left } 320 .contentInternalWrapper { position: relative; float: left; width: var(--contentInternalWidth); margin-left: var(--contentInternalMarginLeft) } 321 .contentWrapper { position: relative; float: left; width: var(--contentWidth); margin-left: var(--contentMarginLeft) } 322 .contentReducedWrapper { position: relative; float: left; width: var(--contentReducedWidth); margin-left: var(--contentReducedMarginLeft) } 323 324 .hiddenWrapper { position: relative; float: left; width: 0px; height: 0px } 325 326 .returnLink { position: relative; float: right; clear: both; width: 8.0rem; margin-right: calc(50% - 4.0rem); margin-top: 6.0rem; font: normal 1.8rem openSansSemiBold; color: #329F94; text-align: center } 327 328 #leftMenuExternalWrapper { position: relative; float: left; display: grid; width: 94%; margin-left: 3%; margin-top: 9.0rem; grid-template-columns: var(--leftMenuItemsWidth) calc(100.0% - var(--leftMenuItemsWidth) - 3.0%); grid-column-gap: 3.0% } 329 #leftMenuItemsWrapper { position: relative; float: left; width: 100%; margin-top: 0.0rem; padding-top: 0.0rem; padding-bottom: 5.0rem; background: #FFFFFF; border-radius: 10px } 330 #leftMenuContentWrapper { position: relative; float: left; width: 100%; margin-top: 0.0rem } 331 .leftMenuTitle { position: relative; float: left; width: calc(100% - 3.2rem - 3.0rem); margin-top: 3.0rem; margin-bottom: 0.0rem; padding: 0.0rem 3.0rem 0.0rem 3.2rem; font: italic var(--leftMenuTitleFontSize) poppinsLight; color: #565656 } 332 .leftMenuSubtitle { position: relative; float: left; width: calc(100% - 3.2rem - 3.0rem); margin-top: 4.0rem; margin-bottom: 0.0rem; padding: 0.0rem 3.0rem 0.0rem 3.2rem; font: normal var(--leftMenuSubtitleFontSize) poppinsRegular; color: #329F94 } 333 .leftMenuItem { position: relative; float: left; width: 100%; text-decoration: none; background: #FFFFFF; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease } 334 .leftMenuItem span { position: relative; float: left; width: calc(100% - 3.2rem - 3.0rem); padding: 1.2rem 3.0rem 1.2rem 3.2rem; font: normal var(--leftMenuItemFontSize) poppinsLight; color: #2E2E2E; text-decoration: none; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease } 335 .leftMenuItemPoint { position: relative; display: inline-block; width: 0.8rem; height: 0.8rem; margin-left: 1.2rem; margin-right: 1.5rem; margin-bottom: 0.2rem; background: #B0B0B0; border-radius: 0.4rem } 336 .leftMenuItem::before { content: '·'; position: absolute; left: 0%; top: 0.0rem; width: 1.4rem; height: 100%; color: transparent; background: #FFFFFF; -webkit-transition: all 0.5s 0s ease; transition: all 0.5s 0s ease } 337 .leftMenuItem:hover { background: #F5F5F5 } 338 .leftMenuItem:hover::before { background: #F5F5F5 } 339 .leftMenuItem:hover span { color: #241904 } 340 .leftMenuItemSelected { position: relative; float: left; width: 100%; text-decoration: none; background: #FFFFFF } 341 .leftMenuItemSelected span { position: relative; float: left; width: calc(100% - 3.2rem - 3.0rem); padding: 1.2rem 3.0rem 1.2rem 3.2rem; font: normal var(--leftMenuItemFontSize) poppinsLight; color: #2E2E2E; text-decoration: none } 342 .leftMenuItemSelected::before { content: '·'; position: absolute; left: 0%; top: 0px; width: 1.4rem; height: 100%; color: transparent; background: #329F94 } 343 .leftMenuItemLine { position: relative; float: left; width: calc(100% - 3.2rem - 3.0rem); height: 1px; margin-left: 3.2rem; background: #B0B0B0 } 344 .xleftMenuTitle { position: relative; float: left; width: calc(100% - 1.5rem - 3.5rem); margin-bottom: 5.0rem; padding: 1.5rem 3.5rem 1.5rem 1.5rem; font: normal 2.0rem openSansSemiBold; color: #FFFFFF; background: #20B0DE } 345 .xleftMenuItem { position: relative; float: left; margin-bottom: 2.0rem; width: 100%; text-decoration: none } 346 .xleftMenuItem span { position: relative; float: left; width: calc(100% - 3.8rem - 3.5rem); padding: 0.0rem 3.5rem 0.0rem 3.8rem; font: normal 1.7rem openSansRegular; color: #212121; text-decoration: none } 347 .xleftMenuItem::before { content: '·'; position: absolute; left: 1.5rem; top: 0.6rem; width: 1.2rem; height: 1.2rem; color: transparent; background: #212121; border-radius: 3px } 348 .xleftMenuItem::after { content: '·'; position: absolute; right: 0%; top: 0.0rem; width: 3.5rem; height: 100%; color: transparent; background: transparent } 349 .xleftMenuItem:hover span { text-decoration: underline } 350 .xleftMenuItemSelected { position: relative; float: left; margin-bottom: 2.0rem; width: 100%; text-decoration: none } 351 .xleftMenuItemSelected span { position: relative; float: left; width: calc(100% - 3.8rem - 3.5rem); padding: 0.0rem 3.5rem 0.0rem 3.8rem; font: normal 1.7rem openSansSemiBold; color: #212121; text-decoration: underline } 352 .xleftMenuItemSelected::before { content: '·'; position: absolute; left: 1.5rem; top: 0.6rem; width: 1.2rem; height: 1.2rem; color: transparent; background: #20B0DE; border-radius: 3px } 353 .xleftMenuItemSelected::after { content: '·'; position: absolute; right: 0%; top: 0px; width: 3.5rem; height: 100%; color: transparent; background-image: url(/data/101086/images/leftMenuArrow.png); background-repeat: no-repeat; background-position: center 0.4rem } 354 355 #pagerExternalWrapper { position: relative; float: left; text-align: center; font-size: 0px } 356 #pagerWrapper { position: relative; display: inline-block } 357 .pagerPreviousNext { position: relative; float: left; margin-left: 2.0rem; margin-right: 2.0rem; font: normal 1.7rem openSansSemiBold; color: #212121; text-decoration: none } 358 .pagerPreviousNext:hover { position: relative; float: left; margin-left: 2.0rem; margin-right: 2.0rem; font: normal 1.7rem openSansSemiBold; color: #212121; text-decoration: underline } 359 .pagerNumberNormal { position: relative; float: left; margin-left: 0.7rem; margin-right: 0.7rem; font: normal 1.7rem openSansRegular; color: #212121; text-decoration: none } 360 .pagerNumberNormal:hover { position: relative; float: left; margin-left: 0.7rem; margin-right: 0.7rem; font: normal 1.7rem openSansRegular; color: #212121; text-decoration: underline } 361 .pagerNumberSelected { position: relative; float: left; margin-left: 0.7rem; margin-right: 0.7rem; font: normal 1.7rem openSansBold; color: #212121 } 362 363 .xindexServicesItemWrapper { position: relative; float: left; width: 100%; padding-bottom: 8px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.20) } 364 .indexServicesItemWrapper1Off { position: relative; float: left; width: 100%; padding-bottom: 8px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.20); opacity: 0.0; -webkit-transform: translate(0px, 60px); transform: translate(0px, 60px) } 365 .indexServicesItemWrapper1On { position: relative; float: left; width: 100%; padding-bottom: 8px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.20); opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease, box-shadow 0.3s 0.0s ease; transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease, box-shadow 0.3s 0.0s ease } 366 .indexServicesItemWrapper1On:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25) } 367 .indexServicesItemWrapper2Off { position: relative; float: left; width: 100%; padding-bottom: 8px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.15); opacity: 0.0; -webkit-transform: translate(0px, 60px); transform: translate(0px, 60px) } 368 .indexServicesItemWrapper2On { position: relative; float: left; width: 100%; padding-bottom: 8px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.15); opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease, box-shadow 0.3s 0.0s ease; transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease, box-shadow 0.3s 0.0s ease } 369 .indexServicesItemWrapper2On:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20) } 370 .indexServicesItemImage { position: relative; float: left; overflow: hidden; width: calc(100% - 16px); margin-left: 8px; margin-top: 8px; border-radius: 4px 4px 0px 0px } 371 .indexServicesItemImage img { position: relative; float: left; width: 100%; -webkit-transform: scale(1.00, 1.00); -webkit-transform-origin: 50% 50%; transform: scale(1.00, 1.00); transform-origin: 50% 50%; -webkit-transition: transform 0.3s 0s ease; transition: transform 0.3s 0s ease } 372 .indexServicesItemWrapperOn:hover .indexServicesItemImage img { -webkit-transform: scale(1.15, 1.15); -webkit-transform-origin: 50% 50%; transform: scale(1.15, 1.15); transform-origin: 50% 50%; -webkit-transition: transform 0.6s 0s ease; transition: transform 0.6s 0s ease } 373 .indexServicesItemInfoWrapper { position: relative; float: left; width: calc(100% - 16px); min-height: 23.5rem; margin-left: 8px; padding-bottom: 5.5rem; background-repeat: no-repeat; background-position: right bottom; background-size: 50% auto } 374 .indexServicesItemTitle { position: relative; float: left; width: 90%; margin-left: 5%; margin-top: 3.8rem; font: normal 3.0rem poppinsMedium; color: #3E3B36; line-height: 130% } 375 .indexServicesItemSubtitle { position: relative; float: left; width: 90%; margin-left: 5%; margin-top: 0.6rem; font: normal 2.4rem poppinsMedium; color: #8B6631; line-height: 130% } 376 .indexServicesItemText { position: relative; float: left; width: 90%; margin-left: 5%; margin-top: 1.0rem; font: normal 1.8rem poppinsLight; color: #212121; line-height: 150% } 377 378 .xarticlesItemWrapper { position: relative; float: left; width: 100%; margin-top: 5.0rem } 379 .articlesItemWrapperOff { position: relative; float: left; width: 100%; margin-top: 5.0rem; opacity: 0.0; -webkit-transform: translate(0px, 60px); transform: translate(0px, 60px) } 380 .articlesItemWrapperOn { position: relative; float: left; width: 100%; margin-top: 5.0rem; opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease; transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease } 381 .articlesItemImage { position: relative; float: left; width: 100%; overflow: hidden; margin-top: 2.0rem } 382 .articlesItemImage img { position: relative; float: left; width: 100%; -webkit-transform: scale(1.00, 1.00); -webkit-transform-origin: 50% 50%; transform: scale(1.00, 1.00); transform-origin: 50% 50%; -webkit-transition: transform 0.3s 0s ease; transition: transform 0.3s 0s ease } 383 .articlesItemImage img:hover { -webkit-transform: scale(1.15, 1.15); -webkit-transform-origin: 50% 50%; transform: scale(1.15, 1.15); transform-origin: 50% 50%; -webkit-transition: transform 0.6s 0s ease; transition: transform 0.6s 0s ease } 384 .articlesItemTitle { position: relative; float: left; display: flex; width: 100%; min-height: 6.4rem; margin-top: 2.0rem; font: normal 2.6rem poppinsRegular; color: #212121; text-decoration: none; line-height: 135%; flex-flow: row wrap; justify-content: center; align-items: flex-end } 385 .articlesItemTitle span { position: relative; float: left; width: 100%; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } 386 .articlesItemPublication { position: relative; float: left; width: 100%; margin-top: 1.4rem; font: normal 1.8rem poppinsRegular; color: #AD867B; line-height: 140% }
387 .articlesItemPublication b { font-weight: normal; font-family: poppinsSemiBold } 388 .articlesItemSummary { position: relative; float: left; width: 100%; margin-top: 1.6rem; font: normal 1.8rem poppinsLight; color: #212121; line-height: 150%; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5 } 389 .articlesItemLink { position: relative; float: left; clear: left; margin-top: 1.8rem; font: normal 1.8rem poppinsRegular; color: #39A4A1; text-decoration: underline } 390 391 @keyframes shakeKeyframes 392 { 393 10%, 90% { transform: translate(-1px, 0px) } 394 20%, 80% { transform: translate(2px, 0px) } 395 30%, 50%, 70% { transform: translate(-4px, 0px) } 396 40%, 60% { transform: translate(4px, 0px) } 397 } 398 399 @-webkit-keyframes shakeKeyframes 400 { 401 10%, 90% { -webkit-transform: translate(-1px, 0px) } 402 20%, 80% { -webkit-transform: translate(2px, 0px) } 403 30%, 50%, 70% { -webkit-transform: translate(-4px, 0px) } 404 40%, 60% { -webkit-transform: translate(4px, 0px) } 405 } 406 407 </style>
vendor: 75 bytes, lines 407-410
407 408 409 410 <script async src="https://www.googletagmanager.com/gtag/js?id=
410G-E48H6G1QL7
vendor: 15 bytes, lines 410-411
410"></script> 411
411<script> 412
vendor: 144 bytes, lines 412-416
412window.dataLayer = window.dataLayer || []; 413 function gtag(){dataLayer.push(arguments);} 414 gtag('js', new Date()); 415 416 gtag('config', '
416G-E48H6G1QL7
vendor: 7 bytes, lines 416-417
416'); 417
417</script>
417 418 419 420 </head> 421 422 <body onload='init()'> 423 424 425
425<script>
vendor: 435 bytes, lines 425-434
425 426 !function(f,b,e,v,n,t,s) 427 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 428 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 429 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 430 n.queue=[];t=b.createElement(e);t.async=!0; 431 t.src=v;s=b.getElementsByTagName(e)[0]; 432 s.parentNode.insertBefore(t,s)}(window, document,'script', 433 'https://connect.facebook.net/en_US/fbevents.js'); 434 fbq('init', '
434176628548403664
vendor: 37 bytes, lines 434-436
434'); 435 fbq('track', 'PageView'); 436
436</script>
436 437 <noscript><img height="1" width="1" style="display:none" 438 src="https://www.facebook.com/tr?id=176628548403664&ev=PageView&noscript=1" 439 /></noscript> 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470<style type='text/css'> 471 472 :root 473 { 474 --indexCarousel1ImageWidth: 100.0%; 475 --indexCarousel1ImageMarginLeft: 0.0%; 476 --indexCarousel1TitleFontSize: 8.0rem; 477 --indexCarousel1TextFontSize: 1.9rem; 478 --indexCarousel1ButtonsMarginTop: 4.5rem; 479 } 480 481 @media only screen and (min-width: 1201px) and (max-width: 1500px) 482 { 483 :root 484 { 485 --indexCarousel1ImageWidth: 100.0%; 486 --indexCarousel1ImageMarginLeft: 0.0%; 487 --indexCarousel1TitleFontSize: 7.0rem; 488 --indexCarousel1TextFontSize: 1.8rem; 489 --indexCarousel1ButtonsMarginTop: 4.0rem; 490 } 491 } 492 493 @media only screen and (min-width: 981px) and (max-width: 1200px) 494 { 495 :root 496 { 497 --indexCarousel1ImageWidth: 1200px; 498 --indexCarousel1ImageMarginLeft: calc(50% - 600px); 499 --indexCarousel1TitleFontSize: 6.0rem; 500 --indexCarousel1TextFontSize: 1.7rem; 501 --indexCarousel1ButtonsMarginTop: 3.5rem; 502 } 503 } 504 505 @media only screen and (max-width: 980px) 506 { 507 :root 508 { 509 --indexCarousel1ImageWidth: 1200px; 510 --indexCarousel1ImageMarginLeft: calc(50% - 600px); 511 --indexCarousel1TitleFontSize: 5.0rem; 512 --indexCarousel1TextFontSize: 1.6rem; 513 --indexCarousel1ButtonsMarginTop: 3.0rem; 514 } 515 } 516 517 #indexCarousel1BackgroundImageWrapper { position: relative; float: left; overflow: hidden; width: 100% } 518 #indexCarousel1BackgroundImage { position: relative; float: left; width: var(--indexCarousel1ImageWidth); margin-left: var(--indexCarousel1ImageMarginLeft) } 519 #indexCarousel1ForegroundImageWrapper { position: absolute; left: 0%; top: 0.0rem; overflow: hidden; width: 100%; height: 100% } 520 .indexCarousel1ForegroundImageOff { position: relative; float: left; width: var(--indexCarousel1ImageWidth); margin-left: var(--indexCarousel1ImageMarginLeft); opacity: 0.0 } 521 .indexCarousel1ForegroundImageOn { position: relative; float: left; width: var(--indexCarousel1ImageWidth); margin-left: var(--indexCarousel1ImageMarginLeft); opacity: 1.0; -webkit-transition: opacity 2.0s 0.0s ease; transition: opacity 2.0s 0.0s ease } 522 #indexCarouselHeaderWrapper { position: absolute; left: 0%; top: 0.0rem; width: 100%; height: var(--headerHeight) } 523 #indexCarousel1ContentWrapper { position: absolute; left: 0%; top: var(--headerHeight); width: var(--contentWidth); height: calc(100% - var(--headerHeight)); margin-left: var(--contentMarginLeft) } 524 #indexCarousel1InfoExternalWrapper { position: relative; float: left; display: flex; width: 100%; margin-left: 0%; flex-flow: row wrap; justify-content: flex-start; align-items: center } 525 #indexCarousel1InfoWrapper { position: relative; float: left; width: 50%; margin-left: 3% } 526 .indexCarousel1TitleOff { position: relative; float: left; width: 100%; margin-left: 0%; margin-top: 0.0rem; margin-bottom: 0.0rem; font: normal var(--indexCarousel1TitleFontSize) gingerRegular; color: #3E3B36; line-height: 105%; text-align: left; opacity: 0.0; -webkit-transform: translate(0px, 60px); transform: translate(0px, 60px); -webkit-transition: opacity 0.4s 0.4s ease, transform 0.4s 0.4s ease; transition: opacity 0.4s 0.4s ease, transform 0.4s 0.4s ease } 527 .indexCarousel1TitleOn { position: relative; float: left; width: 100%; margin-left: 0%; margin-top: 0.0rem; margin-bottom: 0.0rem; font: normal var(--indexCarousel1TitleFontSize) gingerRegular; color: #3E3B36; line-height: 105%; text-align: left; opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 1.2s 0.0s ease, transform 1.2s 0.0s ease; transition: opacity 1.2s 0.0s ease, transform 1.2s 0.0s ease } 528 .indexCarousel1TextOff { position: relative; float: left; clear: left; width: 100%; margin-left: 0%; margin-top: 1.8rem; font: normal var(--indexCarousel1TextFontSize) poppinsLight; color: #212121; line-height: 150%; text-align: left; opacity: 0.0; -webkit-transform: translate(0px, 60px); transform: translate(0px, 60px); -webkit-transition: opacity 0.5s 0.2s ease, transform 0.5s 0.2s ease; transition: opacity 0.5s 0.2s ease, transform 0.5s 0.2s ease } 529 .indexCarousel1TextOff b { font-weight: normal; font-family: openSansSemiBold } 530 .indexCarousel1TextOn { position: relative; float: left; clear: left; width: 100%; margin-left: 0%; margin-top: 1.8rem; font: normal var(--indexCarousel1TextFontSize) poppinsLight; color: #212121; line-height: 150%; text-align: left; opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 1.4s 0.4s ease, transform 1.4s 0.4s ease; transition: opacity 1.4s 0.4s ease, transform 1.4s 0.4s ease } 531 .indexCarousel1TextOn b { font-weight: normal; font-family: openSansSemiBold } 532 .indexCarousel1Link1Off { position: relative; float: left; clear: left; width: 45%; max-width: 22.0rem; margin-left: 0%; margin-top: var(--indexCarousel1ButtonsMarginTop); font-size: 0px; text-align: center; background: #329F9B; border: solid 2px #329F9B; border-radius: 5px; opacity: 0.0; -webkit-transition: opacity 0.4s 0.0s ease, background 0.3s 0.0s ease; transition: opacity 0.4s 0.0s ease, background 0.3s 0.0s ease } 533 .indexCarousel1Link1On { position: relative; float: left; clear: left; width: 45%; max-width: 22.0rem; margin-left: 0%; margin-top: var(--indexCarousel1ButtonsMarginTop); font-size: 0px; text-align: center; background: #329F9B; border: solid 2px #329F9B; border-radius: 5px; opacity: 1.0; -webkit-transition: opacity 0.8s 1.4s ease, background 0.3s 0.0s ease; transition: opacity 0.8s 1.4s ease, background 0.3s 0.0s ease } 534 .indexCarousel1Link1On:hover { background: #298582 } 535 #xindexCarousel1Link1Label { position: relative; display: inline-block; padding: 1.0rem 0.0rem 1.0rem 2.8rem; font: normal 1.8rem poppinsLight; color: #FFFFFF; text-decoration: none; background: url(/data/101086/images/contactIcon.png) no-repeat left center } 536 #indexCarousel1Link1Label { position: relative; display: inline-block; padding: 1.0rem 0.0rem 1.0rem 0.0rem; font: normal 1.8rem poppinsLight; color: #FFFFFF; text-decoration: none } 537 .indexCarousel1Link2Off { position: relative; float: left; width: 45%; max-width: 22.0rem; margin-left: 1.2rem; margin-top: var(--indexCarousel1ButtonsMarginTop); font-size: 0px; text-align: center; background: rgba(80, 80, 80, 0.0); border: solid 2px #3E3936; border-radius: 5px; opacity: 0.0; -webkit-transition: opacity 0.4s 0.0s ease, background 0.3s 0.0s ease; transition: opacity 0.4s 0.0s ease, background 0.3s 0.0s ease } 538 .indexCarousel1Link2On { position: relative; float: left; width: 45%; max-width: 22.0rem; margin-left: 1.2rem; margin-top: var(--indexCarousel1ButtonsMarginTop); font-size: 0px; text-align: center; background: rgba(80, 80, 80, 0.0); border: solid 2px #3E3936; border-radius: 5px; opacity: 1.0; -webkit-transition: opacity 0.8s 1.4s ease, background 0.3s 0.0s ease; transition: opacity 0.8s 1.4s ease, background 0.3s 0.0s ease } 539 .indexCarousel1Link2On:hover { background: rgba(80, 80, 80, 0.10) } 540 #xindexCarousel1Link2Label { position: relative; display: inline-block; padding: 1.0rem 0.0rem 1.0rem 3.0rem; font: normal 1.8rem poppinsLight; color: #212121; text-decoration: none; background: url(/data/101086/images/contactIcon.png) no-repeat left center } 541 #indexCarousel1Link2Label { position: relative; display: inline-block; padding: 1.0rem 0.0rem 1.0rem 0.0rem; font: normal 1.8rem poppinsLight; color: #212121; text-decoration: none } 542 #indexCarousel1SelectorsWrapper { position: relative; float: left; width: 94%; margin-left: 3%; font-size: 0px; text-align: center } 543 .indexCarousel1Selector { position: relative; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; margin-right: 0.4rem; background: rgba(255, 255, 255, 0.5); border: solid 0px #FFFFFF; border-radius: 0.8rem; cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease } 544 .indexCarousel1Selector:hover { position: relative; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; margin-right: 0.4rem; background: rgba(50, 159, 155, 0.7); border: solid 0px #FFFFFF; border-radius: 0.8rem; cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease } 545 .indexCarousel1SelectorSelected { position: relative; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; margin-right: 0.4rem; background: rgba(50, 159, 155, 0.7); border: solid 0px #FFFFFF; border-radius: 0.8rem; cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease } 546 547 #indexPresentationTitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 9.0rem; margin-bottom: 0.0rem; font: normal 6.5rem gingerRegular; color: #212121; line-height: 130%; text-align: center } 548 #indexPresentationSubtitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 1.0rem; margin-bottom: 0.0rem; font: normal 2.0rem poppinsRegular; color: #AD867B; line-height: 130%; text-align: center } 549 #indexPresentationText { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 1.5rem; font: normal 1.8rem poppinsLight; color: #212121; line-height: 150%; text-align: center } 550 #indexPresentationText b { font-weight: normal; font-family: poppinsSemiBold } 551 #indexPresentationLink { position: relative; float: left; width: calc(28.0rem - 4px); margin-left: calc(50% - 14.0rem); margin-top: 4.0rem; padding-top: 1.2rem; padding-bottom: 1.2rem; font: normal 1.7rem poppinsLight; color: #212121; text-decoration: none; text-align: center; background: #FFFFFF; border: solid 2px #353B3B; border-radius: 6px; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease } 552 #indexPresentationLink:hover { background: #EEEEEE } 553 554 #indexServicesHeadingTitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 9.0rem; margin-bottom: 0.0rem; font: normal 6.5rem gingerRegular; color: #FFFFFF; line-height: 120%; text-align: center } 555 #indexServicesHeadingText { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 1.8rem; font: normal 1.8rem poppinsLight; color: #FFFFFF; text-align: center; line-height: 150% } 556 #indexServicesHeadingText b { font-weight: normal; font-family: poppinsSemiBold } 557 #indexServicesItemsWrapper { position: relative; float: left; display: grid; width: 94%; margin-left: 3%; margin-top: 7.5rem; grid-template-columns: repeat(2, calc(50% - 2.5rem)); grid-column-gap: 5.0rem; grid-row-gap: 5.0rem } 558 559 #indexArticlesHeadingTitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 9.0rem; margin-bottom: 0.0rem; font: normal 6.5rem gingerRegular; color: #212121; line-height: 130%; text-align: center } 560 #indexArticlesItemsWrapper { position: relative; float: left; display: grid; width: 94%; margin-left: 3%; margin-top: 0.0rem; grid-template-columns: calc(50.0% - 2.0%) calc(50.0% - 2.0%); grid-column-gap: 4.0% } 561 562</style> 563 564<div class='contentExternalWrapper'>
565 <div id='indexCarousel1BackgroundImageWrapper'> 566 <img id='indexCarousel1BackgroundImage' src='/data/101086/assets/Carrusel/Carrusel%201@1920x900-adjust_middle.jpg' alt='4 Elements Wellness<br>Medical Center'> 567 </div> 568 <div id='indexCarousel1ForegroundImageWrapper'> 569 <img id='indexCarousel1ForegroundImage' src='/data/101086/assets/Carrusel/Carrusel%201@1920x900-adjust_middle.jpg' alt='4 Elements Wellness<br>Medical Center' class='indexCarousel1ForegroundImageOff'> 570 </div> 571 <div id='indexCarouselHeaderWrapper'> 572 <style type='text/css'> 573 574 :root 575 { 576 --headerHeight: 14.2rem; 577 --headerLogoWidth: 33.9rem; 578 --headerLogoMarginTop: 3.2rem; 579 580 --mainMenuWrapperMarginTop: 7.1rem; 581 --mainMenuItemFontSize: 1.6rem; 582 --mainMenuItemMargin: 4.5%; 583 } 584 585 @media only screen and (min-width: 1201px) and (max-width: 1500px) 586 { 587 :root 588 { 589 --headerHeight: 14.2rem; 590 --headerLogoWidth: 33.9rem; 591 --headerLogoMarginTop: 3.2rem; 592 593 --mainMenuWrapperMarginTop: 7.1rem; 594 --mainMenuItemFontSize: 1.6rem; 595 --mainMenuItemMargin: 4.0%; 596 } 597 } 598 599 @media only screen and (min-width: 981px) and (max-width: 1200px) 600 { 601 :root 602 { 603 --headerHeight: 14.2rem; 604 --headerLogoWidth: 33.9rem; 605 --headerLogoMarginTop: 3.2rem; 606 607 --mainMenuWrapperMarginTop: 7.1rem; 608 --mainMenuItemFontSize: 1.6rem; 609 --mainMenuItemMargin: 3.5%; 610 } 611 } 612 613 @media only screen and (max-width: 980px) 614 { 615 :root 616 { 617 --headerHeight: 13.0rem; 618 --headerLogoWidth: 30.0rem; 619 --headerLogoMarginTop: 3.2rem; 620 621 --mainMenuWrapperMarginTop: 6.3rem; 622 --mainMenuItemFontSize: 1.5rem; 623 --mainMenuItemMargin: 3.0%; 624 } 625 } 626 627 #headerWrapper { position: relative; float: left; width: 94%; height: var(--headerHeight); margin-left: 3% } 628 #headerLogo { position: relative; float: left; width: var(--headerLogoWidth); margin-top: var(--headerLogoMarginTop) } 629 #headerLogo img { position: relative; float: left; width: 100% } 630 631 #headerSocialWrapper { position: absolute; width: calc(98% - var(--headerLogoWidth)); right: 0%; top: calc(var(--mainMenuWrapperMarginTop) - 3.5rem) } 632 #headerSocialLabel { position: relative; float: right; margin-right: 0.8rem; margin-top: 0.5rem; font: italic 1.6rem poppinsLight; color: #7B7366 } 633 .headerSocialLink { position: relative; float: right; width: 2.6rem; height: 2.6rem; margin-left: 1.0rem; margin-top: 0.0rem; background-repeat: no-repeat; background-position: center center } 634 635 #mainMenuWrapper { position: relative; float: left; width: calc(98% - var(--headerLogoWidth)); margin-left: 2%; margin-top: var(--mainMenuWrapperMarginTop); font-size: 0px; text-align: right } 636 .mainMenuItem { position: relative; display: inline-block; height: 3.0rem; margin-left: var(--mainMenuItemMargin); margin-top: 1.5rem; padding-top: 0.6rem; font: normal var(--mainMenuItemFontSize) poppinsLight; color: #3E3B36; text-decoration: none } 637 .mainMenuItem::after { position: absolute; content: "·"; width: 0%; height: 4px; left: 50%; bottom: 0px; color: transparent; background: #AA897A; border-radius: 2px; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease } 638 .mainMenuItem:hover { } 639 .mainMenuItem:hover::after { width: 100%; left: 0% } 640 .mainMenuItemSelected { position: relative; display: inline-block; height: 3.0rem; margin-left: var(--mainMenuItemMargin); margin-top: 1.5rem; padding-top: 0.6rem; font: normal var(--mainMenuItemFontSize) poppinsLight; color: #3E3B36; text-decoration: none } 641 .mainMenuItemSelected::after { position: absolute; content: "·"; width: 100%; height: 4px; left: 0%; bottom: 0px; color: transparent; background: #AA897A; border-radius: 2px } 642</style> 643 644<div class='contentWrapper'> 645 <div id='headerWrapper'> 646 <a id='headerLogo' href='/inicio.html'> 647 <img src='/data/101086/images/headerLogo.png' alt='Four Elements'> 648 </a> 649 650 <div id='headerSocialWrapper'> 651 <a href='https://www.instagram.com/4elementsmed' target='_blank' class='headerSocialLink' style='background-image: url(/data/101086/images/headerInstagramIcon.png)'></a> 652 <a href='https://www.facebook.com/profile.php?id=100086382229455' target='_blank' class='headerSocialLink' style='background-image: url(/data/101086/images/headerFacebookIcon.png)'></a> 653 <a href='https://www.youtube.com/channel/UCxnvJ2lkTtfp8cUUDV1iXeA' target='_blank' class='headerSocialLink' style='background-image: url(/data/101086/images/headerYoutubeIcon.png)'></a> 654 <div id='headerSocialLabel'>SÃguenos en:</div> 655 </div> 656 657 <div id='mainMenuWrapper'> 658 <a id='mainMenuItem1' href='/quienes-somos.html' class='mainMenuItem' style='margin-left: 0.0%'>QUIÃNES SOMOS</a> 659 <a id='mainMenuItem2' href='/servicios.html' class='mainMenuItem'>SERVICIOS</a> 660 <a id='mainMenuItem3' href='https://app.clinic-cloud.com/citaonl
660ine.php/4elementswellnessmedicalcenter' target='_blank' class='mainMenuItem'>PIDE CITA</a> 661 <a id='mainMenuItem4' href='/blog.html' class='mainMenuItem'>BLOG</a> 662 <a id='mainMenuItem5' href='/contacto.html' class='mainMenuItem'>CONTACTO</a> 663 </div> 664 </div> 665</div> 666
667<script type='text/javascript'> 668 669 addInitFunction('initMainMenu()'); 670 671 function initMainMenu() 672 { 673 var selectedIndex = -1; 674 /* 675 if ('/inicio.html' == '/inicio.html') 676 { 677 selectedIndex = 0; 678 } 679 */ 680 if ('/inicio.html' == '/quienes-somos.html') 681 { 682 selectedIndex = 1; 683 } 684 if (('/inicio.html' == '/servicios.html') || ('/inicio.html' == '/medicina-de-familia.html') || ('/inicio.html'.indexOf('/servicio-medicina-de-familia/') == 0) || ('/inicio.html' == '/medicina-capilar.html') || ('/inicio.html'.indexOf('/servicio-medicina-capilar/') == 0) || ('/inicio.html' == '/medicina-estetica.html') || ('/inicio.html'.indexOf('/servicio-medicina-estetica/') == 0) || ('/inicio.html' == '/wellness-y-spa.html') || ('/inicio.html'.indexOf('/servicio-wellness-y-spa/') == 0)) 685 { 686 selectedIndex = 2; 687 } 688 if ('/inicio.html' == '/pedir-cita.html') 689 { 690 selectedIndex = 3; 691 } 692 if (('/inicio.html' == '/blog.html') || ('/inicio.html'.indexOf('/articulo/') == 0)) 693 { 694 selectedIndex = 4; 695 } 696 if ('/inicio.html' == '/contacto.html') 697 { 698 selectedIndex = 5; 699 } 700 if (selectedIndex >= 0) 701 { 702 elem('mainMenuItem' + selectedIndex).className = 'mainMenuItemSelected'; 703 } 704 } 705 706</script>
706 707 708 </div> 709 <div id='indexCarousel1ContentWrapper'> 710 <div id='indexCarousel1InfoExternalWrapper' style='height: 100%'> 711 <div id='indexCarousel1InfoWrapper'> 712 <h1 id='indexCarousel1Title' class='indexCarousel1TitleOff'> 713 714 </h1> 715 <div id='indexCarousel1Text' class='indexCarousel1TextOff'> 716 717 </div> 718 <a id='indexCarousel1Link1' href='https://app.clinic-cloud.com/citaonline.php/4elementswellnessmedicalcenter' target='_blank' class='indexCarousel1Link1Off'> 719 <span id='indexCarousel1Link1Label'>PEDIR CITA</span> 720 </a> 721 <a id='indexCarousel1Link2' href='/servicios.html' class='indexCarousel1Link2Off'> 722 <span id='indexCarousel1Link2Label'>SERVICIOS</span> 723 </a> 724 725 </div> 726 </div> 727 <div id='indexCarousel1SelectorsWrapper' style='height: 0.0rem'> 728 </div> 729 </div> 730</div> 731 732<div class='contentExternalWrapper' style='background-color: #FFFFFF'> 733 <div class='contentReducedWrapper' style='padding-bottom: 9.0rem'> 734 735 <h2 id='indexPresentationTitle'> 736 Nuestro centro 737 </h2> 738 <div id='indexPresentationSubtitle'> 739 LAS MEJORES INSTALACIONES Y EL MEJOR EQUIPO A TU SERVICIO 740 </div> 741 <div id='indexPresentationText'> 742 4 Elements Wellness Medical Center nace con el propósito de ofrecer un servicio de bienestar avalado médicamente para que nuestros pacientes se sientan bien consigo mismos, en equilibrio y armonÃa. 743 </div> 744 <a id='indexPresentationLink' href='/quienes-somos.html'> 745 MÃS SOBRE EL CENTRO 746 </a> 747 748 </div> 749</div> 750 751<div class='contentExternalWrapper' style='background-color: #39A4A1'> 752 <div class='contentReducedWrapper' style='padding-bottom: 14.0rem'> 753 754 <h2 id='indexServicesHeadingTitle'> 755 Lo que podemos hacer por ti 756 </h2> 757 <div id='indexServicesHeadingText'> 758 Cada persona es única y desde nuestro centro brindamos una atención médica personalizada e integral. 759 </div> 760 <div id='indexServicesItemsWrapper'> 761 762 763 764 765 766 767 768 769 770<a id='indexServicesItem0' href='/medicina-de-familia.html' class='indexServicesItemWrapper1Off'> 771 <span class='indexServicesItemImage'> 772 <img src='/data/101086/assets/Servicios/Medicina%20de%20Familia/Medicina%20de%20familia@1678916796327@600x325-adjust_middle.jpg' alt='Medicina de Familia'> 773 </span> 774 <span class='indexServicesItemInfoWrapper' style='background-image: url(/data/101086/images/airDecoration.png)'> 775 <span class='indexServicesItemTitle'> 776 Medicina de Familia 777 </span> 778 <span class='indexServicesItemSubtitle'> 779 AIRE 780 </span> 781 <span class='indexServicesItemText'> 782 La Medicina Familiar y Comunitaria es una especialidad que ofrece un enfoque integral en la atención de los problemas de salud del paciente y de su grupo familiar, analizando los factores de riesgo y ofreciendo medidas de prevención y promoción de la salud. 783 </span> 784 </span> 785</a> 786
787<script type='text/javascript'> 788 addScrollAnimatedItem('indexServicesItem0', 'indexServicesItemWrapper1On', 0.15, 200); 789</script>
789 790 791 792 793 794 795 796 797 798<a id='indexServicesItem1' href='/medicina-capilar.html' class='indexServicesItemWrapper1Off'> 799 <span class='indexServicesItemImage'> 800 <img src='/data/101086/assets/Servicios/Medicina%20Capilar/Capilar@1678916780507@600x325-adjust_middle.jpg' alt='Medicina Capilar'> 801 </span> 802 <span class='indexServicesItemInfoWrapper' style='background-image: url(/data/101086/images/earthDecoration.png)'> 803 <span class='indexServicesItemTitle'> 804 Medicina Capilar 805 </span> 806 <span class='indexServicesItemSubtitle'> 807 TIERRA 808 </span> 809 <span class='indexServicesItemText'> 810 La Medicina capilar, también conocida como TricologÃa, es una especialización de la Medicina que se ocupa del estudio de las enfermedades, anatomÃa y funciones del cabello. En otras palabras: podemos decir que es la ciencia del cuero cabelludo y del cabello. 811 </span> 812 </span> 813</a> 814
815<script type='text/javascript'> 816 addScrollAnimatedItem('indexServicesItem1', 'indexServicesItemWrapper1On', 0.15, 200); 817</script>
817 818 819 820 821 822 823 824 825 826<a id='indexServicesItem2' href='/medicina-estetica.html' class='indexServicesItemWrapper1Off'> 827 <span class='indexServicesItemImage'> 828 <img src='/data/101086/assets/Servicios/Medicina%20Estetica/Facial/Medicina%20estetica@1678916989086@600x325-adjust_middle.jpg' alt='Medicina Estética'> 829 </span> 830 <span class='indexServicesItemInfoWrapper' style='background-image: url(/data/101086/images/fireDecoration.png)'> 831 <span class='indexServicesItemTitle'> 832 Medicina Estética 833 </span> 834 <span class='indexServicesItemSubtitle'> 835 FUEGO 836 </span> 837 <span class='indexServicesItemText'> 838 La finalidad de la medicina estética es la restauración, el mantenimiento y la promoción de la estética, la belleza y la salud femenina y masculina. En medicina estética se usan prácticas médicas y de pequeña intervención en la que se hace uso de anestesia tópica o local y en régimen ambulatorio. 839 </span> 840 </span> 841</a> 842
843<script type='text/javascript'> 844 addScrollAnimatedItem('indexServicesItem2', 'indexServicesItemWrapper1On', 0.15, 200); 845</script>
845 846 847 848 849 850 851 852 853 854<a id='indexServicesItem3' href='/wellness-y-spa.html' class='indexServicesItemWrapper1Off'> 855 <span class='indexServicesItemImage'> 856 <img src='/data/101086/assets/Servicios/Wellness%20y%20SPA/wellness@1678917159074@600x325-adjust_middle.jpg' alt='HidrologÃa médica, Wellness & SPA'> 857 </span> 858 <span class='indexServicesItemInfoWrapper' style='background-image: url(/data/101086/images/waterDecoration.png)'> 859 <span class='indexServicesItemTitle'> 860 HidrologÃa médica, Wellness & SPA 861 </span> 862 <span class='indexServicesItemSubtitle'> 863 AGUA 864 </span> 865 <span class='indexServicesItemText'> 866 La HidrologÃa Médica tiene como fin el estudio de las aguas mineromedicinales, marinas y potables ordinarias y, en particular, de sus acciones sobre el organismo humano en estado de salud y enfermedad. 867 </span> 868 </span> 869</a> 870
871<script type='text/javascript'> 872 addScrollAnimatedItem('indexServicesItem3', 'indexServicesItemWrapper1On', 0.15, 200); 873</script>
873 874 </div> 875 876 </div> 877</div> 878 879<div class='contentExternalWrapper' style='background-color: #FFFFFF'> 880 <div class='contentReducedWrapper' style='padding-bottom: 14.0rem'> 881 882 <h2 id='indexArticlesHeadingTitle'> 883 Lo último en nuestro blog 884 </h2> 885 <div id='indexArticlesItemsWrapper'> 886 887 888 889 890 891 892 893<div id='articlesItem100024535' class='articlesItemWrapperOff'> 894 <a href='/articulo/que-ocurre-al-dejar-mounjaro-o-wegovy-y-como-evitar-recuperar-el-peso-ref100024535.html' class='articlesItemImage'> 895 <img src='/data/101086/assets/Blog/mantener-peso-tras-dejar-mounjaro-wegovy-4elements@1791290519751@610x350-adjust_middle.jpg' alt='Qué ocurre al dejar Mounjaro o Wegovy y cómo evitar recuperar el peso'> 896 </a> 897 <a href='/articulo/que-ocurre-al-dejar-mounjaro-o-wegovy-y-como-evitar-recuperar-el-peso-ref100024535.html' class='articlesItemTitle'> 898 <span>Qué ocurre al dejar Mounjaro o Wegovy y cómo evitar recuperar el peso</span> 899 </a> 900 <div class='articlesItemPublication'> 901 Por Dra Macias. 4 Elements el <b>06/10/2026</b> 902 </div> 903 <div class='articlesItemSummary'> 904 Dejar Mounjaro o Wegovy puede acompañarse de un aumento del apetito y de una recuperación parcial o importante del peso perdido. No ocurre porque el organismo se haya âacostumbradoâ al medicamento ni porque el tratamiento haya fracasado. La obesidad es una enfermedad crónica y, al retirar el fármaco, pueden reaparecer los mecanismos biológicos que favorecÃan el hambre, reducÃan la saciedad y dificultaban mantener el peso. 905 </div> 906 <a href='/articulo/que-ocurre-al-dejar-mounjaro-o-wegovy-y-como-evitar-recuperar-el-peso-ref100024535.html' class='articlesItemLink'> 907 LEER MÃS 908 </a> 909</div> 910
911<script type='text/javascript'> 912 addScrollAnimatedItem('articlesItem100024535', 'articlesItemWrapperOn', 0.15, 200); 913</script>
913 914 915 916 917 918 919 920 921<div id='articlesItem100024419' class='articlesItemWrapperOff'> 922 <a href='/articulo/caida-del-cabello-en-otoño-cuando-es-estacional-y-cuando-necesita-valoracion-medica-ref100024419.html' class='articlesItemImage'> 923 <img src='/data/101086/assets/Blog/caida_cabello_otono_4elements_lescala@1790017740442@610x350-adjust_middle.jpg' alt='CaÃda del cabello en otoño: cuándo es estacional y cuándo necesita valoración médica'> 924 </a> 925 <a href='/articulo/caida-del-cabello-en-otoño-cuando-es-estacional-y-cuando-necesita-valoracion-medica-ref100024419.html' class='articlesItemTitle'> 926 <span>CaÃda del cabello en otoño: cuándo es estacional y cuándo necesita valoración médica</span> 927 </a> 928 <div class='articlesItemPublication'> 929 Por Dra Macias. 4 Elements el <b>16/09/2026</b> 930 </div> 931 <div class='articlesItemSummary'> 932 La caÃda del cabello en otoño puede ser temporal, pero la estación no explica todos los casos. Descubre qué cambios conviene observar, cuándo pedir una valoración médica y cómo estudiamos la salud capilar en 4elements, en LâEscala. 933 </div> 934 <a href='/articulo/caida-del-cabello-en-otoño-cuando-es-estacional-y-cuando-necesita-valoracion-medica-ref100024419.html' class='articlesItemLink'> 935 LEER MÃS 936 </a> 937</div> 938
939<script type='text/javascript'> 940 addScrollAnimatedItem('articlesItem100024419', 'articlesItemWrapperOn', 0.15, 200); 941</script>
941 942 943 </div> 944 945 </div> 946</div> 947 948<style type='text/css'> 949 950 #locationInfoTitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 9.0rem; margin-bottom: 0.0rem; font: normal 6.5rem gingerRegular; color: #3E3B36; line-height: 130%; text-align: center } 951 952 #locationInfoPhonesWrapper { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 2.8rem; font-size: 0px; text-align: center } 953 #xlocationInfoPhone1 { position: relative; display: inline-block; padding-left: 27px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationPhoneIcon.png) no-repeat left center } 954 #locationInfoPhone1 { position: relative; display: inline-block; padding-left: 52px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationWhatsappPhoneIcon.png) no-repeat left center } 955 #xlocationInfoPhone2 { position: relative; display: inline-block; margin-left: 2.5rem; padding-left: 27px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationPhoneIcon.png) no-repeat left center } 956 #xlocationInfoPhone2 { position: relative; display: inline-block; margin-left: 2.5rem; padding-left: 52px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationWhatsappPhoneIcon.png) no-repeat left center } 957 #locationInfoPhone2 { position: relative; display: inline-block; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none } 958 #locationInfoPhoneSeparator { position: relative; display: inline-block; margin-left: 0.8rem; margin-right: 0.8rem; font: normal 1.8rem openSansRegular; color: #424242 } 959 #locationInfoEmailWrapper { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 1.2rem; font-size: 0px; text-align: center } 960 #locationInfoEmail { position: relative; display: inline-block; padding-left: 27px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationEmailIcon.png) no-repeat left center } 961 #locationInfoAddressWrapper { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 1.2rem; font-size: 0px; text-align: center } 962 #locationInfoAddress { position: relative; display: inline-block; padding-left: 27px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationAddressIcon.png) no-repeat left center } 963 964</style> 965 966<div class='contentExternalWrapper' style='background-color: #F5F5F2'> 967 <div class='contentReducedWrapper' style='padding-bottom: 2.0rem'> 968 969 <div id='locationInfoTitle'> 970 Contacta con nosotros 971 </div> 972 973 <div id='locationInfoPhonesWrapper'> 974 <a id='locationInfoPhone1' href='tel:972960673'>972960673</a> 975 <span id='locationInfoPhoneSeparator' style='display: inline'>-</span> 976 <a id='locationInfoPhone2' href='tel:674201432' style='display: inline'>674201432</a> 977 </div> 978 <div id='locationInfoEmailWrapper'> 979 <a id='locationInfoEmail' href='mailto:[email protected]'> 980 [email protected] 981 </a> 982 </div> 983 <div id='locationInfoAddressWrapper'> 984 <div id='locationInfoAddress'> 985 Carrer de l'Ave Maria, 29 17130 L'Escala, Girona 986 </div> 987 </div> 988 989 </div> 990</div> 991 992<style type='text/css'> 993 994 #locationContactFormText { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 3.0rem; font: normal 1.8rem openSansLight; color: #212121; text-align: center } 995 #locationContactFormWrapper { position: relative; float: left; width: 100%; margin-top: 1.4rem } 996 #locationContactFormCcityInput { display: none } 997 .locationContactFormInputNormal { position: relative; float: left; width: calc(94% - 4.0rem); margin-left: 3%; margin-top: 1.0rem; padding: 1.6rem calc(2.0rem - 1px) 1.6rem calc(2.0rem - 1px); font: normal 1.7rem openSansRegular; color: #424242; border: solid 1px #A1A1A1; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease } 998 .locationContactFormInputSelected { position: relative; float: left; width: calc(94% - 4.0rem); margin-left: 3%; margin-top: 1.0rem; padding: 1.6rem calc(2.0rem - 1px) 1.6rem calc(2.0rem - 1px); font: normal 1.7rem openSansRegular; color: #424242; border: solid 1px #329F9B; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease } 999 .locationContactFormCheckBox { display: none } 1000 .locationContactFormCheckBox + label { position: relative; float: left; width: calc(94% - 3.4rem); min-height: 2.3rem; margin-left: 3%; margin-top: 1.0rem; padding-left: 3.4rem; padding-top: 0.1rem; font: normal 1.7rem openSansLight; color: #555555; background: url(/data/101086/images/checkBox.normal.png) no-repeat left top; cursor: pointer } 1001 .locationContactFormCheckBox + label a { font: normal 1.7rem openSansLight; color: #555555; text-decoration: underline } 1002 .locationContactFormCheckBox:checked + label { position: relative; float: left; width: calc(94% - 3.4rem); min-height: 2.3rem; margin-left: 3%; margin-top: 1.0rem; padding-left: 3.4rem; padding-top: 0.1rem; font: normal 1.7rem openSansLight; color: #555555; background: url(/data/101086/images/checkBox.checked.png) no-repeat left top; cursor: pointer } 1003 .locationContactFormCheckBox:checked + label a { font: normal 1.7rem openSansLight; color: #555555; text-decoration: underline } 1004 #locationContactFormResult { position: relative; float: left; clear: left; width: 94%; margin-left: 3%; margin-top: 2.0rem; font: normal 1.8rem openSansRegular; color: #DD4444; text-align: center } 1005 .locationContactFormSendButtonNormal { position: relative; float: left; clear: left; width: 25.0rem; margin-left: calc(50% - 12.5rem); margin-top: 1.5rem; font-size: 0px; text-align: center; background: #329F9B; border-width: 0px; border-radius: 6px; cursor: pointer; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease } 1006 .locationContactFormSendButtonNormal:hover { background: #298582 } 1007 .locationContactFormSendButtonNormal:disabled { background: #C7C7C7 } 1008 .locationContactFormSendButtonShake { position: relative; float: left; width: 25.0rem; margin-left: calc(50% - 12.5rem); margin-top: 1.5rem; font-size: 0px; text-align: center; background: #298582; border-width: 0px; border-radius: 6px; cursor: pointer; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-animation: shakeKeyframes 0.7s cubic-bezier(0.36,0.07,0.19,0.97) both; animation: shakeKeyframes 0.7s cubic-bezier(0.36,0.07,0.19,0.97) both } 1009 #locationContactFormSendButtonLabel { position: relative; display: inline-block; padding: 1.4rem 0.0rem 1.4rem 0.0rem; font: normal 1.7rem poppinsLight; color: #FFFFFF } 1010 #xlocationContactFormSendButtonLabel { position: relative; display: inline-block; padding: 1.4rem 0.0rem 1.4rem 4.4rem; font: normal 1.7rem poppinsLight; color: #FFFFFF; background: url(/data/101086/images/contactIcon.png) no-repeat left center } 1011 1012</style> 1013 1014<div class='contentExternalWrapper' style='background-color: #F5F5F2'> 1015 <div class='contentReducedWrapper' style='padding-bottom: 10.0rem'> 1016 1017 <div id='locationContactFormText'> 1018 También puedes utilizar este formulario para hacernos llegar cualquier consulta. Te contestaremos lo antes posible. 1019 </div> 1020 <div id='locationContactFormWrapper'> 1021 <form id='locationContactForm' action='/services/sendEmail.do' method='POST' target='hiddenFrame' accept-charset='UTF-8'> 1022 <input name='bodyStyle' type='hidden' value='ST-2'> 1023 <input name='destinationEmail' type='hidden' value='[email protected]'> 1024 <input name='onEndFunction' type='hidden' value='onEndLocationContactFormSendEmail'>
1025 <input name='senderName' type='hidden' value='Consulta web'> 1026 <input name='senderEmail' type='hidden' value='[email protected]'> 1027 <input name='subject' type='hidden' value='Consulta web en Four Elements'> 1028 <input id='locationContactFormCcityInput' name='ccity' type='text' value='MAD'> 1029 1030 <input id='locationContactFormNameInput' type='text' name='Nombre' data-default-value='nombre' value='nombre' onfocus='onFocusLocationContactFormInput(this)' onblur='onBlurLocationContactFormInput(this)' onkeyup='onKeyUpLocationContactFormInput(this)' class='locationContactFormInputNormal' style='width: calc(46.5% - 4.0rem); margin-left: 3%'> 1031 <input id='locationContactFormEmailInput' type='email' name='Correo electrónico' data-default-value='correo electrónico' value='correo electrónico' onfocus='onFocusLocationContactFormInput(this)' onblur='onBlurLocationContactFormInput(this)' onkeyup='onKeyUpLocationContactFormInput(this)' class='locationContactFormInputNormal' style='width: calc(46.5% - 4.0rem); margin-left: 1%'> 1032 <textarea id='locationContactFormMessageInput' name='Mensaje' data-default-value='mensaje' onfocus='onFocusLocationContactFormInput(this)' onblur='onBlurLocationContactFormInput(this)' onkeyup='onKeyUpLocationContactFormInput(this)' class='locationContactFormInputNormal' style='width: calc(94% - 4.0rem); margin-left: 3%; height: 18.0rem; overflow-x: hidden; overflow-y: auto; resize: none'>mensaje</textarea> 1033 </form> 1034 </div> 1035 1036 <input id='locationContactFormLegalCheckInput' type='checkbox' onchange='onChangeLocationContactFormLegalCheckBox()' class='locationContactFormCheckBox'><label for='locationContactFormLegalCheckInput'>He leÃdo y acepto la <a href='/politica-de-privacidad.html' target='_blank'>polÃtica de privacidad</a></label> 1037 <div id='locationContactFormResult'> </div> 1038 <button id='locationContactFormSendButton' onclick='onClickLocationContactFormSendButton()' class='locationContactFormSendButtonNormal'> 1039 <span id='locationContactFormSendButtonLabel'>ENVIAR</span> 1040 </button> 1041 1042 </div> 1043</div> 1044
1045<script> 1046 1047 function onFocusLocationContactFormInput(el) 1048 { 1049 el.className = 'locationContactFormInputSelected'; 1050 if (el.value == el.dataset.defaultValue) 1051 { 1052 el.value = ''; 1053 } 1054 } 1055 1056 function onBlurLocationContactFormInput(el) 1057 { 1058 el.className = 'locationContactFormInputNormal'; 1059 if (el.value == '') 1060 { 1061 el.value = el.dataset.defaultValue; 1062 } 1063 } 1064 1065 function onKeyUpLocationContactFormInput(el) 1066 { 1067 elem('locationContactFormResult').innerHTML = ' '; 1068 } 1069 1070 function onChangeLocationContactFormLegalCheckBox() 1071 { 1072 elem('locationContactFormResult').innerHTML = ' '; 1073 } 1074 1075 function onClickLocationContactFormSendButton() 1076 { 1077 if ((elem('locationContactFormNameInput').value == '') || (elem('locationContactFormNameInput').value == elem('locationContactFormNameInput').dataset.defaultValue)) 1078 { 1079 showLocationContactFormResult('Falta el nombre'); 1080 elem('locationContactFormNameInput').select(); 1081 return; 1082 } 1083 if ((elem('locationContactFormEmailInput').value == '') || (elem('locationContactFormEmailInput').value == elem('locationContactFormEmailInput').dataset.defaultValue)) 1084 { 1085 showLocationContactFormResult('Falta el correo electrónico'); 1086 elem('locationContactFormEmailInput').select(); 1087 return; 1088 } 1089 if (isValidEmail(elem('locationContactFormEmailInput').value) == false) 1090 { 1091 showLocationContactFormResult('El correo electrónico no es válido'); 1092 elem('locationContactFormEmailInput').select(); 1093 return; 1094 } 1095 if ((elem('locationContactFormMessageInput').value == '') || (elem('locationContactFormMessageInput').value == elem('locationContactFormMessageInput').dataset.defaultValue)) 1096 { 1097 showLocationContactFormResult('Falta el mensaje'); 1098 elem('locationContactFormMessageInput').select(); 1099 return; 1100 } 1101 if (elem('locationContactFormLegalCheckInput').checked == false) 1102 { 1103 showLocationContactFormResult('Acepta la polÃtica de privacidad'); 1104 return; 1105 } 1106 1107 elem('locationContactFormResult').innerHTML = ' '; 1108 elem('locationContactFormCcityInput').value = ''; 1109 elem('locationContactFormSendButtonLabel').innerHTML = 'ENVIANDO...'; 1110 elem('locationContactFormSendButton').disabled = true; 1111 1112 elem('locationContactForm').submit(); 1113 } 1114 1115 function onEndLocationContactFormSendEmail(res) 1116 { 1117 elem('locationContactFormSendButton').disabled = false; 1118 elem('locationContactFormSendButtonLabel').innerHTML = 'ENVIAR'; 1119 if (res == 'OK') 1120 { 1121 elem('locationContactForm').reset(); 1122 elem('locationContactFormLegalCheckInput').checked = false; 1123 showWindowMessage('CONSULTA ENVIADA', 'La consulta ha sido enviada correctamente'); 1124 } 1125 else 1126 { 1127 showLocationContactFormResult('No se ha podido enviar la consulta'); 1128 } 1129 } 1130 1131 var locationContactFormResultTimeout1 = null; 1132 var locationContactFormResultTimeout2 = null; 1133 function showLocationContactFormResult(text) 1134 { 1135 if (locationContactFormResultTimeout1 != null) 1136 { 1137 clearTimeout(locationContactFormResultTimeout1); 1138 } 1139 if (locationContactFormResultTimeout2 != null) 1140 { 1141 clearTimeout(locationContactFormResultTimeout2); 1142 } 1143 elem('locationContactFormResult').innerHTML = text; 1144 elem('locationContactFormSendButton').className = 'locationContactFormSendButtonShake'; 1145 locationContactFormResultTimeout1 = setTimeout("elem('locationContactFormSendButton').className = 'locationContactFormSendButtonNormal';", 750); 1146 locationContactFormResultTimeout2 = setTimeout("elem('locationContactFormResult').innerHTML = ' '", 3500); 1147 } 1148 1149</script>
1149 1150 1151 1152 1153<style type='text/css'> 1154 1155 .windowMessageWindowOff { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.6); opacity: 0.0; z-index: 100; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease } 1156 .windowMessageWindowOn { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.6); opacity: 1.0; z-index: 100; -webkit-transition: all 0.4s 0.0s ease; transition: all 0.4s 0.0s ease } 1157 #windowMessageExternalPanel { position: fixed; display: table; width: 100%; height: 100%; min-width: 980px; left: 0px; top: 0px; z-index: 101 } 1158 #windowMessagePanel { position: relative; display: table-cell; text-align: center; vertical-align: middle } 1159 .windowMessageWrapperOff { position: relative; display: inline-block; width: 60.0rem; padding-bottom: 6.5rem; background: #FFFFFF; border-radius: 4px; border: solid 1px #CCCCCC; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.20); opacity: 0.0; -webkit-transform: translate(0px, 30px); transform: translate(0px, 30px); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease } 1160 .windowMessageWrapperOn { position: relative; display: inline-block; width: 60.0rem; padding-bottom: 6.5rem; background: #FFFFFF; border-radius: 4px; border: solid 1px #CCCCCC; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.20); opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 0.3s 0.1s cubic-bezier(.17,.67,.57,1.47); transition: all 0.3s 0.1s cubic-bezier(.17,.67,.57,1.47) } 1161 #windowMessageTitle { position: relative; float: left; width: 90%; margin-left: 5%; margin-top: 8.0rem; font: normal 2.4rem openSansSemiBold; color: #212121; line-height: 135%; text-align: center } 1162 #windowMessageText { position: relative; float: left; width: 90%; margin-left: 5%; margin-top: 1.0rem; font: normal 1.8rem openSansLight; color: #212121; line-height: 150%; text-align: center } 1163 #windowMessageText b { font-weight: normal; font-family: openSansSemiBold } 1164 #windowMessageCloseButton { position: relative; float: left; width: 16.0rem; margin-left: calc(50% - 8.0rem); margin-top: 5.0rem; padding-top: 1.6rem; padding-bottom: 1.6rem; font: normal 1.7rem openSansSemiBold; color: #FFFFFF; text-align: center; background: #212121; border-width: 0px; border-radius: 5px; cursor: pointer; -webkit-transition: background 0.2s 0.0s ease; transition: background 0.2s 0.0s ease } 1165 #windowMessageCloseButton:hover { background: #333333 } 1166 1167</style> 1168 1169<div id='windowMessageWindow' class='windowMessageWindowOff' style='visibility: hidden'> 1170</div> 1171<div id='windowMessageExternalPanel' style='visibility: hidden'> 1172 <div id='windowMessagePanel'> 1173 <div id='windowMessageWrapper' class='windowMessageWrapperOff'> 1174 <div id='windowMessageTitle'> 1175 1176 </div> 1177 <div id='windowMessageText'> 1178 1179 </div> 1180 <button id='windowMessageCloseButton' onclick='onClickWindowMessageCloseButton()'> 1181 CERRAR 1182 </button> 1183 </div> 1184 </div> 1185</div> 1186
1187<script type='text/javascript'> 1188 1189 var windowMessageCloseTimer = null; 1190 var windowMessageReturnFunction = null; 1191 function showWindowMessage(title, text, returnFunction) 1192 { 1193 windowMessageReturnFunction = returnFunction; 1194 if (!returnFunction) 1195 { 1196 windowMessageReturnFunction = null; 1197 } 1198 elem('windowMessageTitle').innerHTML = title; 1199 elem('windowMessageText').innerHTML = text; 1200 elem('windowMessageWindow').style.visibility = ''; 1201 elem('windowMessageWindow').className = 'windowMessageWindowOn'; 1202 elem('windowMessageExternalPanel').style.visibility = ''; 1203 elem('windowMessageWrapper').className = 'windowMessageWrapperOn'; 1204 } 1205 1206 function onClickWindowMessageCloseButton() 1207 { 1208 if (windowMessageCloseTimer != null) 1209 { 1210 clearTimeout(windowMessageCloseTimer); 1211 } 1212 1213 elem('windowMessageWrapper').className = 'windowMessageWrapperOff'; 1214 elem('windowMessageWindow').className = 'windowMessageWindowOff'; 1215 1216 windowMessageCloseTimer = setTimeout('endWindowMessageCloseButton()', 200); 1217 } 1218 1219 function endWindowMessageCloseButton() 1220 { 1221 elem('windowMessageExternalPanel').style.visibility = 'hidden'; 1222 elem('windowMessageWindow').style.visibility = 'hidden'; 1223 if (windowMessageReturnFunction != null) 1224 { 1225 eval(windowMessageReturnFunction); 1226 windowMessageReturnFunction = null; 1227 } 1228 } 1229 1230</script>
1230 1231 1232 1233 1234<style type='text/css'> 1235 1236 .windowOfferWindowOff { position: fixed; width: 100%; height: 100%; left: 0.0rem; top: 0.0rem; background: rgba(0, 0, 0, 0.6); opacity: 0.0; z-index: 100; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease } 1237 .windowOfferWindowOn { position: fixed; width: 100%; height: 100%; left: 0.0rem; top: 0.0rem; background: rgba(0, 0, 0, 0.6); opacity: 1.0; z-index: 100; -webkit-transition: all 0.4s 0.0s ease; transition: all 0.4s 0.0s ease } 1238 #windowOfferExternalPanel { position: fixed; display: table; width: 100%; height: 100%; min-width: 0.0rem; left: 0.0rem; top: 0.0rem; z-index: 101 } 1239 #windowOfferPanel { position: relative; display: table-cell; text-align: center; vertical-align: middle } 1240 .windowOfferWrapperOff { position: relative; display: inline-block; width: 84.0rem; padding-bottom: 2.0rem; background: #FFFFFF; border-radius: 4px; border: solid 1px #CCCCCC; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.20); opacity: 0.0; -webkit-transform: translate(0px, 30px); transform: translate(0px, 30px); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease } 1241 .windowOfferWrapperOn { position: relative; display: inline-block; width: 84.0rem; padding-bottom: 2.0rem; background: #FFFFFF; border-radius: 4px; border: solid 1px #CCCCCC; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.20); opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 0.3s 0.1s cubic-bezier(.17,.67,.57,1.47); transition: all 0.3s 0.1s cubic-bezier(.17,.67,.57,1.47) } 1242 #windowOfferTitle { position: relative; float: left; width: calc(95% - 7.0rem - 4.0rem); margin-left: 2.0rem; margin-top: 2.0rem; font: normal 3.0rem poppinsRegular; color: #212121; line-height: 130%; text-align: left } 1243 #windowOfferCloseButton { position: relative; float: right; width: 7.0rem; margin-right: 2.0rem; margin-top: 3.0rem; font: normal 1.8rem poppinsRegular; color: #212121; text-decoration: underline; text-align: right; cursor: pointer } 1244 #windowOfferText { position: relative; float: left; width: calc(100% - 4.0rem); margin-left: 2.0rem; margin-top: 1.8rem } 1245 #windowOfferText img { display: block; max-width: 100%; margin: 0px auto } 1246 1247</style> 1248 1249<div id='windowOfferWindow' class='windowOfferWindowOff' style='visibility: hidden'> 1250</div> 1251<div id='windowOfferExternalPanel' style='visibility: hidden'> 1252 <div id='windowOfferPanel'> 1253 <div id='windowOfferWrapper' class='windowOfferWrapperOff'> 1254 <div id='windowOfferTitle'> 1255 PROMOCIÃN ESPECIAL 1256 </div> 1257 <div id='windowOfferCloseButton' onclick='onClickWindowOfferCloseButton()'> 1258 cerrar 1259 </div> 1260 <a id='windowOfferText' href='https://app.clinic-cloud.com/citaonline.php/4elementswellnessmedicalcenter'> 1261 <img src='/data/101086/assets/Promociones/Promo%20mensual%20WEB%205@[email protected]' alt='Promoción especial'> 1262 </a> 1263 </div> 1264 </div> 1265</div> 1266
1267<script type='text/javascript'> 1268 1269 var windowOfferCloseTimer = null; 1270 function showWindowOffer() 1271 { 1272 elem('windowOfferWindow').style.visibility = ''; 1273 elem('windowOfferWindow').className = 'windowOfferWindowOn'; 1274 elem('windowOfferExternalPanel').style.visibility = ''; 1275 elem('windowOfferWrapper').className = 'windowOfferWrapperOn'; 1276 } 1277 1278 function onClickWindowOfferCloseButton() 1279 { 1280 if (windowOfferCloseTimer != null) 1281 { 1282 clearTimeout(windowOfferCloseTimer); 1283 } 1284 1285 elem('windowOfferWrapper').className = 'windowOfferWrapperOff'; 1286 elem('windowOfferWindow').className = 'windowOfferWindowOff'; 1287 1288 windowOfferCloseTimer = setTimeout('endWindowOfferCloseButton()', 200); 1289 } 1290 1291 function endWindowOfferCloseButton() 1292 { 1293 elem('windowOfferExternalPanel').style.visibility = 'hidden'; 1294 elem('windowOfferWindow').style.visibility = 'hidden'; 1295 } 1296 1297</script>
1297 1298
1299<script type='text/javascript' src='/data/common/js/imageLoader.js' async></script>
1299 1300
1301<script type='text/javascript'> 1302 1303 var carousel1Images = new Array('/data/101086/assets/Carrusel/Carrusel%201@1920x900-adjust_middle.jpg', '/data/101086/assets/Carrusel/Carrusel2@1670875397712@1920x900-adjust_middle.jpg', '/data/101086/assets/Carrusel/Carrusel3@1670875398212@1920x900-adjust_middle.jpg', '/data/101086/assets/Carrusel/Carrusel4@1670875398454@1920x900-adjust_middle.jpg'); 1304 var carousel1Titles = new Array('4 Elements Wellness<br>Medical Center', '4 Elements Wellness<br>Medical Center', '4 Elements Wellness<br>Medical Center', '4 Elements Wellness<br>Medical Center'); 1305 var carousel1Texts = new Array('Fluye como el agua, transmuta como el fuego, limpia como el aire y renace como tierra', 'Fluye como el agua, transmuta como el fuego, limpia como el aire y renace como tierra', 'Fluye como el agua, transmuta como el fuego, limpia como el aire y renace como tierra', 'Fluye como el agua, transmuta como el fuego, limpia como el aire y renace como tierra'); 1306 var nCarousel1Image = -1; 1307 var carousel1Timer = null; 1308 var isCarousel1Forced = false; 1309 var isCarousel1FirstTime = true; 1310 1311 function advanceCarousel1(n) 1312 { 1313 if ((carousel1Images.length <= 1) && (nCarousel1Image >= 0)) 1314 { 1315 return; 1316 } 1317 1318 if (carousel1Timer != null) 1319 { 1320 clearTimeout(carousel1Timer); 1321 } 1322 1323 if (nCarousel1Image >= 0) 1324 { 1325 elem('indexCarousel1Selector' + nCarousel1Image).className = 'indexCarousel1Selector'; 1326 elem('indexCarousel1BackgroundImage').src = carousel1Images[nCarousel1Image]; 1327 } 1328 1329 if (n != null) 1330 { 1331 nCarousel1Image = n; 1332 isCarousel1Forced = true; 1333 } 1334 else 1335 { 1336 nCarousel1Image++; 1337 isCarousel1Forced = false; 1338 } 1339 if (nCarousel1Image >= carousel1Images.length) 1340 { 1341 nCarousel1Image = 0; 1342 } 1343 1344 var carousel1NextImageLoader = new ImageLoader(); 1345 carousel1NextImageLoader.setOnEndFunction(onEndCarousel1NextImageLoader); 1346 carousel1NextImageLoader.loadImage(carousel1Images[nCarousel1Image]); 1347 } 1348 1349 function onEndCarousel1NextImageLoader() 1350 { 1351 elem('indexCarousel1ForegroundImage').className = 'indexCarousel1ForegroundImageOff'; 1352 elem('indexCarousel1Title').className = 'indexCarousel1TitleOff'; 1353 elem('indexCarousel1Text').className = 'indexCarousel1TextOff'; 1354 elem('indexCarousel1Link1').className = 'indexCarousel1Link1Off'; 1355 elem('indexCarousel1Link2').className = 'indexCarousel1Link2Off'; 1356 1357 if (isCarousel1FirstTime) 1358 { 1359 carousel1Timer = setTimeout('continueAdvanceCarousel1b()', 100); 1360 isCarousel1FirstTime = false; 1361 } 1362 else 1363 { 1364 carousel1Timer = setTimeout('continueAdvanceCarousel1a()', 800); 1365 } 1366 } 1367 1368 function continueAdvanceCarousel1a() 1369 { 1370 elem('indexCarousel1ForegroundImage').src = carousel1Images[nCarousel1Image]; 1371 elem('indexCarousel1ForegroundImage').className = 'indexCarousel1ForegroundImageOn'; 1372 1373 carousel1Timer = setTimeout('continueAdvanceCarousel1b()', 1000); 1374 } 1375 1376 function continueAdvanceCarousel1b() 1377 { 1378 if (carousel1Images.length > 1) 1379 { 1380 elem('indexCarousel1Selector' + nCarousel1Image).className = 'indexCarousel1SelectorSelected'; 1381 } 1382 1383 elem('indexCarousel1Title').innerHTML = carousel1Titles[nCarousel1Image]; 1384 elem('indexCarousel1Text').innerHTML = carousel1Texts[nCarousel1Image]; 1385 1386 elem('indexCarousel1Title').className = 'indexCarousel1TitleOn'; 1387 elem('indexCarousel1Text').className = 'indexCarousel1TextOn'; 1388 elem('indexCarousel1Link1').className = 'indexCarousel1Link1On'; 1389 elem('indexCarousel1Link2').className = 'indexCarousel1Link2On'; 1390 1391 if (carousel1Images.length > 1) 1392 { 1393 var timerDuration = 8000; 1394 if (isCarousel1Forced) 1395 { 1396 timerDuration = 30000; 1397 } 1398 carousel1Timer = setTimeout('advanceCarousel1(null)', timerDuration); 1399 } 1400 } 1401 1402 function onClickCarousel1Selector(e) 1403 { 1404 e.stopPropagation(); 1405 advanceCarousel1(parseInt(this.dataset.position)); 1406 } 1407 1408 addInitFunction('initCarousel1()'); 1409 1410 function initCarousel1() 1411 { 1412 var i; 1413 if (carousel1Images.length > 1) 1414 { 1415 var selectorsHTML = ''; 1416 elem('indexCarousel1InfoExternalWrapper').style.height = 'calc(100% - 5.0rem)'; 1417 elem('indexCarousel1SelectorsWrapper').style.height = '5.0rem'; 1418 for (i = 0; i < carousel1Images.length; i++) 1419 { 1420 selectorsHTML += "<div id='indexCarousel1Selector" + i + "' data-position='" + i + "' class='indexCarousel1Selector'></div>"; 1421 } 1422 elem('indexCarousel1SelectorsWrapper').innerHTML = selectorsHTML; 1423 for (i = 0; i < carousel1Images.length; i++) 1424 { 1425 elem('indexCarousel1Selector' + i).onclick = onClickCarousel1Selector; 1426 } 1427 } 1428 else 1429 { 1430 elem('indexCarousel1InfoExternalWrapper').style.height = '100%'; 1431 elem('indexCarousel1SelectorsWrapper').style.height = '0.0rem'; 1432 } 1433 advanceCarousel1(null); 1434 } 1435 1436</script>
1436 1437
1438<script type='text/javascript'> 1439 1440 addInitFunction('initOffer()'); 1441 1442 function initOffer() 1443 { 1444 if ((isFirstRequest()) && ('Promociones/Promo mensual WEB [email protected]'.length > 0) && ('https://app.clinic-cloud.com/citaonline.php/4elementswellnessmedicalcenter'.length > 0)) 1445 { 1446 showWindowOffer(); 1447 } 1448 } 1449 1450</script>
1450 1451 1452 1453 1454 1455 1456<style type='text/css'> 1457 1458 :root 1459 { 1460 --titleFontSize: 4.8rem; 1461 } 1462 1463 @media only screen and (min-width: 1201px) and (max-width: 1500px) 1464 { 1465 :root 1466 { 1467 --titleFontSize: 4.6rem; 1468 } 1469 } 1470 1471 @media only screen and (min-width: 981px) and (max-width: 1200px) 1472 { 1473 :root 1474 { 1475 --titleFontSize: 4.4rem; 1476 } 1477 } 1478 1479 @media only screen and (max-width: 980px) 1480 { 1481 :root 1482 { 1483 --titleFontSize: 4.2rem; 1484 } 1485 } 1486 1487 #bandInformationHeadingTitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 6.0rem; margin-bottom: 0.0rem; font: normal var(--titleFontSize) strange; color: #FFFFFF; line-height: 130%; text-align: center } 1488 #bandInformationItemsWrapper { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 2.5rem; font-size: 0px; text-align: center } 1489 .bandInformationItemLink { position: relative; display: inline-block; margin-left: 2.0rem; margin-right: 2.0rem; margin-top: 2.5rem; font: normal 1.8rem poppinsRegular; color: #FFFFFF; text-decoration: none; line-height: 135% } 1490 .bandInformationItemLink:hover { text-decoration: underline } 1491 .xbandInformationItemSeparator { position: relative; display: inline-block; width: 3.0rem; margin-top: 2.5rem; font: normal 1.8rem poppinsRegular; color: #FFFFFF; text-align: center } 1492 1493</style> 1494 1495<div class='contentExternalWrapper' style='background-color: #39A49A'> 1496 <div class='contentWrapper' style='padding-bottom: 5.0rem'> 1497 1498 1499 <div id='bandInformationItemsWrapper'> 1500 1501 1502 1503<a href='/servicio/medico-en-lescala-girona-ref100012812.html' class='bandInformationItemLink'> 1504 MÃDICO EN L'ESCALA, GIRONA 1505</a> 1506 1507 1508<a href='/servicio/centro-medico-en-la-escala-atencion-de-calidad-ref100012832.html' class='bandInformationItemLink'> 1509 CENTRO MÃDICO EN LA ESCALA. ATENCIÃN DE CALIDAD 1510</a> 1511 1512 1513<a href='/servicio/spa-en-lescala-ref100012833.html' class='bandInformationItemLink'> 1514 SPA EN L'ESCALA 1515</a> 1516 1517 1518<a href='/servicio/masajes-en-lescala-ref100012834.html' class='bandInformationItemLink'> 1519 MASAJES EN L'ESCALA 1520</a> 1521 </div> 1522 1523 </div> 1524</div> 1525 <div id='subfooterWrapper' class='contentExternalWrapper' style='background: #FFFFFF'> 1526 <div class='contentWrapper'> 1527 1528 1529<style type='text/css'> 1530 1531 #subfooterStampsExternalWrapper { position: relative; float: left; width: var(--contentReducedWidth); margin-left: var(--contentReducedMarginLeft) } 1532 #subfooterStampsWrapper { position: relative; float: left; width: 94%; margin-left: 3%; padding-bottom: 4.0rem; font-size: 0px; text-align: center; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #BCBCBC } 1533 .subfooterStamp { position: relative; display: inline-block; margin: 5.0rem 3.5rem 0.0rem 3.5rem } 1534 #subfooterMenuWrapper { position: relative; float: left; width: 94%; margin-left: 3%; padding-bottom: 14.0rem; font-size: 0px; text-align: center } 1535 .subfooterMenuItem { position: relative; display: inline-block; margin-top: 4.5rem; font: normal 1.8rem openSansRegular; color: #212121; text-decoration: none } 1536 .subfooterMenuItem:hover { text-decoration: underline } 1537 .subfooterMenuItemSeparator { position: relative; display: inline-block; margin: 2.4rem 0.7rem 0.0rem 0.7rem; font: normal 1.8rem openSansRegular; color: #212121 } 1538 1539</style> 1540 1541<div id='subfooterStampsExternalWrapper'> 1542 <div id='subfooterStampsWrapper'> 1543 <img src='/data/101086/images/subfooterStamp1.png' alt='Sociedad española de hidrologÃa médica' class='subfooterStamp' style='width: calc(1.0 * 20.0rem)'> 1544 <img src='/data/101086/images/subfooterStamp2.png' alt='Collegi de metges de Barcelona' class='subfooterStamp' style='width: calc(1.0 * 41.8rem)'> 1545 1546 <div class='subfooterStamp' style='width: 200px'>
1546<script src="https://sello.seme.org/macias2768-d6XfwF"></script>
1546</div> 1547 </div> 1548</div> 1549<div id='subfooterMenuWrapper'> 1550 <a href='/aviso-legal.html' class='subfooterMenuItem'>AVISO LEGAL</a> 1551 <span class='subfooterMenuItemSeparator'>-</span> 1552 <a href='/politica-de-privacidad.html' class='subfooterMenuItem'>POLÃTICA DE PRIVACIDAD</a> 1553 1554</div> 1555 </div> 1556 </div> 1557 1558 <style type='text/css'> 1559 1560 #floatingReserveLink { position: fixed; width: calc(36.0rem - 12px); left: calc(50% - 36.0rem - 0.7rem); bottom: 4.5rem; font-size: 0px; text-align: center; background: #329B9F; border: solid 6px #FFFFFF; border-radius: 4.5rem; box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.20); -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease; z-index: 1 } 1561 #floatingReserveLink:hover { background: #298285 } 1562 #floatingReserveLinkLabel { position: relative; display: inline-block; padding: 1.5rem 0.0rem 1.7rem 5.5rem; font: normal 2.1rem poppinsRegular; color: #FFFFFF; background: url(/data/101086/images/bookingIcon.png) no-repeat left center; background-size: 3.5rem auto } 1563 #floatingWhatsappLink { position: fixed; width: calc(36.0rem - 12px); left: calc(50% + 0.7rem); bottom: 4.5rem; font-size: 0px; text-align: center; background: #329B9F; border: solid 6px #FFFFFF; border-radius: 4.5rem; box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.20); -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease; z-index: 1 } 1564 #floatingWhatsappLink:hover { background: #298285 } 1565 #floatingWhatsappLinkLabel { position: relative; display: inline-block; padding: 1.5rem 0.0rem 1.7rem 5.5rem; font: normal 2.1rem poppinsRegular; color: #FFFFFF; background: url(/data/101086/images/whatsappIcon.png) no-repeat left center; background-size: 3.5rem auto } 1566 1567</style> 1568 1569<a id='floatingReserveLink' href='https://app.clinic-cloud.com/citaonline.php/4elementswellnessmedicalcenter' target='_blank'> 1570 <span id='floatingReserveLinkLabel'>PEDIR CITA</span> 1571</a> 1572<a id='floatingWhatsappLink' href='https://api.whatsapp.com/send?phone=34674201432' target='_blank'> 1573 <span id='floatingWhatsappLinkLabel'>WHATSAPP</span> 1574</a> 1575 1576 <div class='hiddenWrapper'> 1577 <iframe name='hiddenFrame' width='0' height='0' src='about:blank' style='display: none'> 1578 </iframe> 1579 </div> 1580 1581 1582 1583 </body> 1584</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.