/*Fuentes generales de la pagina*/ @font-face { font-family: 'regular'; src: url('https://assets.findme.digital/fonts/Function-Book.eot'); src: url('https://assets.findme.digital/fonts/Function-Book.eot?#iefix') format('embedded-opentype'), url('https://assets.findme.digital/fonts/Function-Book.woff2') format('woff2'), url('https://assets.findme.digital/fonts/Function-Book.woff') format('woff'), url('https://assets.findme.digital/fonts/Function-Book.ttf') format('truetype'), url('https://assets.findme.digital/fonts/Function-Book.svg') format('svg'); font-weight: normal; font-style: normal; font-display:swap; } @font-face { font-family: 'title'; src: url('https://assets.findme.digital/fonts/SourceSansPro-Semibold.eot'); src: url('https://assets.findme.digital/fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('https://assets.findme.digital/fonts/SourceSansPro-Semibold.woff2') format('woff2'), url('https://assets.findme.digital/fonts/SourceSansPro-Semibold.woff') format('woff'), url('https://assets.findme.digital/fonts/SourceSansPro-Semibold.ttf') format('truetype'), url('https://assets.findme.digital/fonts/SourceSansPro-Semibold.svg') format('svg'); font-weight: normal; font-style: normal; font-display:swap; } /*==========================================*/ /*Estilos Genericos para contenido*/ /*==========================================*/ h1, h2, h3, h4{ font-family:'title',helvetica,verdana,sans-serif;} h1{font-size: 2.2rem;} h2{font-size: 1.75rem;} h3{font-size: 1.33rem;} h4{font-size: 1.2rem;} .boton{ background-color:rgba(0,191,255,1);border: 1px solid rgba(255,255,255,0);border-radius: 4px;color:rgba(255,255,255,1);font-family:'regular',helvetica,verdana,sans-serif;font-weight:bold;font-size: 1em;text-align:center;} .boton:hover{ background-color:rgba(255,255,255,1);border: 1px solid rgba(0,191,255,1);box-shadow: 0px 3px 15px 4px rgba(80,87,134,.25);color:rgba(0,191,255,1);} .titulo{ font-family:'title',helvetica,verdana,sans-serif;} .vinculo{ color:rgba(0,191,255,1);} .vinculo:hover{ text-decoration:underline;} .caja{ background-color:rgba(237,237,241,1); border: 1px solid rgba(241,241,241,1); border-radius: 2px; line-height: 1.7em; text-align:left; }/*Capa de color*/ .resaltado{ color:rgba(0,101,165,1);} .imagen-contenido{ line-height: 0;} .separador{ border-bottom: solid 1px rgba(216,216,216,1); } /*======================================*/ /*Estilos Header*/ /*======================================*/ body{ background-color: rgba(239,249,255,1); font-family:'regular',helvetica,verdana,sans-serif; color:rgba(53,53,53,1); font-size: 1.1em;} .header{ background-color:rgba(255,255,255,1); box-shadow: 0 8px 10px rgba(0,0,0,.2);} /*-----------------------------------------------------*/ .header .header-informacion{ background-color: rgba(247,247,247,1); text-align:right; } .header .header-informacion div{ font-family:'regular',helvetica,verdana,sans-serif; font-size: .9em; } .header .header-informacion div{ border-right: 1px solid rgba(0,101,165,1); } .header .header-informacion div:last-child{ border-right: none; } .header .header-informacion a{ color:rgba(0,191,255,1); } .header .header-informacion a:hover{ text-decoration:underline; } .header .header-informacion-scrl a:hover{ text-decoration:underline; } /*------------------------------------------------------*/ .header .header-logo{ background-color:rgba(255,255,255,1); text-align:center; } /*-------------------------------------------------------*/ .header .header-menu{ background-color:rgba(255,255,255,1); color:rgba(53,53,53,1); } .header .header-menu .header-option{ font-size: .85em; font-family:'title',helvetica,verdana,sans-serif; text-align:center; border-bottom: 3px solid rgba(0,191,255,0); padding:0; } .header .header-menu .header-option:hover{ border-bottom: 3px solid rgba(0,191,255,1); } .header .header-menu-scrl .header-option > a, .header .header-menu-scrl .header-option > span{ padding-top: 11px; } .header .header-menu .header-option > a:hover{ color:rgba(0,191,255,1); } .header .header-menu-scrl .header-option{ border-bottom: 3px solid rgba(0,191,255,0); } .header .header-menu-scrl .header-option:hover{ border-bottom: 3px solid rgba(0,191,255,1); } .header .header-menu .header-option-active{ border-bottom: 3px solid rgba(0,191,255,1); } /*-----------------------------------------------------------------------------*/ /*Menu pantalla completa*/ /*-----------------------------------------------------------------------------*/ .header .header-menu .header-option .header-subcont-completo{ background-color: rgba(247,247,247,1); border-radius: 0 0 2px 2px; box-shadow: 0 8px 10px rgba(0,0,0,.2); font-family:'title',helvetica,verdana,sans-serif; text-align:center; } .header .header-menu .header-option .header-subcont-completo .header-suboption{ border-bottom: 1px solid rgba(255,255,255,.2); line-height: 1.3em; color:rgba(53,53,53,1); } .header .header-menu .header-option .header-subcont-completo .header-suboption:last-child{ border-bottom: none; } .header .header-menu .header-option .header-subcont-completo .header-suboption a:hover{ color:rgba(0,191,255,1); } .header .header-menu .header-option .header-subcont-completo .header-suboption .header-suboption-d{ border-top: 2px solid rgba(0,191,255,1); } .header .header-menu .header-option .header-subcont-completo .header-suboption .header-section{ font-family:'regular',helvetica,verdana,sans-serif; font-size: 1.3em; } .header .header-menu .header-option .header-subcont-completo .header-suboption .header-section:hover{ color:rgba(0,191,255,1); background-color: rgba(255,255,255,1); } /*======================================*/ /*Footer*/ /*======================================*/ .footer{ background-color: rgba(247,247,247,1); border-top: solid 1px rgba(205,205,213,1); } /*---------------------------------------------------------------------------*/ .footer-logo{ line-height: 0; text-align:center; } /*-------------------------------------------------------------------------------*/ .footer-informacion{ color:rgba(53,53,53,1); line-height: 2em; text-align:left; } .footer-informacion div .fcont_marker:before{ color:rgba(0,101,165,1); font-size: 1.5em; } .footer-informacion div .fcont_email:before{ color:rgba(0,101,165,1); font-size: 1.2em; } .footer-informacion div .fcont_phone:before{ color:rgba(0,101,165,1); font-size: 1.3em; } .footer-informacion div .fcont_whatsapp:before{ color:rgba(0,101,165,1); font-size: 1.4em; } .footer-informacion div .fcont_mobile:before{ color:rgba(0,101,165,1); font-size: 1.7em; } .footer-informacion div .fcont_clock:before{ font-size: 2em; } .footer-informacion div a{ color:rgba(53,53,53,1); } .footer-informacion div a:hover{ text-decoration: underline; color:rgba(0,191,255,1); } /*-------------------------------------------------------------------------------------*/ .footer-social{ text-align:center; } .footer-social div a{ background-color: rgba(0,191,255,.2); border: 1px solid rgba(255,255,255,.35); border-radius: 4px; color:rgba(0,101,165,1); font-size: 1.1em; line-height: 45px; text-align:center; } .footer-social div a:hover{ background-color: rgba(0,101,165,1); border: 1px solid rgba(255,255,255,.6); color:rgba(255,255,255,1); box-shadow: -2px 5px 20px rgba(0,0,0,.2); } /*----------------------------------------------------------------------------------------*/ .footer-navegacion-option{ border-bottom: 1px solid rgba(217,217,217,1); line-height: 1.7em; text-align:left; } .footer-navegacion-option a{ color:rgba(53,53,53,1); } .footer-navegacion-option a:hover{ color:rgba(0,191,255,1); } /*------------------------------------------------------*/ .footer-pie{ background-color: rgba(0,101,165,1); font-size: .7em; color:rgba(255,255,255,1); } .footer-pie-copy{ text-transform:uppercase; } .footer-pie-findme{ text-align:left; } /*======================================*/ /*Pop-up Galeria de imagenes*/ /*======================================*/