/*Fuentes generales de la pagina*/ @font-face { font-family: 'regular'; src: url('../fonts/Catamaran-Light.eot'); src: url('../fonts/Catamaran-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Catamaran-Light.woff2') format('woff2'), url('../fonts/Catamaran-Light.woff') format('woff'), url('../fonts/Catamaran-Light.ttf') format('truetype'), url('../fonts/Catamaran-Light.svg') format('svg'); font-weight: normal; font-style: normal; font-display:swap; } @font-face { font-family: 'title'; src: url('../fonts/Quicksand_Bold.eot'); src: url('../fonts/Quicksand_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Quicksand_Bold.woff2') format('woff2'), url('../fonts/Quicksand_Bold.woff') format('woff'), url('../fonts/Quicksand_Bold.ttf') format('truetype'), url('../fonts/Quicksand_Bold.svg') format('svg'); font-weight: normal; font-style: normal; font-display:swap; } /*==========================================*/ /*Estilos Genericos para contenido*/ /*==========================================*/ .boton{ background-color:rgba(0,100,147,1);box-shadow: 0px 4px 4px 1px rgba(43,43,43,.44);font-family:'title',helvetica,verdana,sans-serif;font-size: .9em;letter-spacing:1px;border-radius: 2px;color:rgba(255,255,255,1);text-align:center;} .boton:hover{ background-color: rgba(10,165,216,1);;color:rgba(255,255,255,1);box-shadow: 0px 0px 8px rgba(56,56,56,.42);} .titulo{ font-family:'regular',helvetica,verdana,sans-serif; font-size: 1.3em; font-weight:bold;} .vinculo{ color:rgba(10,165,216,1);} .vinculo:hover{ text-decoration:underline;} .caja{}/*Capa de color*/ .resaltado{ color:rgba(0,100,147,1); font-weight:bold;} .imagen-contenido{ box-shadow: 0px 0px 0px 3px rgba(240,235,216,1);border-radius: 2px;line-height: 0;} .video-contenido{} .separador{ border-bottom: solid 1px rgba(99,162,198,1); } /*======================================*/ /*Estilos Header*/ /*======================================*/ body{ background-color:rgba(255,255,255,1); font-size: 1.15em; font-family:'regular',helvetica,verdana,sans-serif; color:rgba(33,33,33,1);} .header{ background-color:rgba(0,100,147,1); box-shadow: 0 3px 4px rgba(30,30,30,.3);} /*-----------------------------------------------------*/ .header .header-informacion{ background-color:rgba(255,255,255,1); text-align:right; } .header .header-informacion-scrl{/*Estilo para scroll*/ border-bottom: none; } .header .header-informacion div{ font-family:'title',helvetica,verdana,sans-serif; } .header .header-informacion div{ border-right: 1px solid rgba(50,50,50,1); } .header .header-informacion-scrl div{ border-right: 1px solid rgba(250,250,250,1); } .header .header-informacion div:last-child{ border-right: none; } .header .header-informacion a{ color:rgba(33,33,33,1); font-size: .8em; } .header .header-informacion-scrl a{ color:rgba(255,255,255,1); } .header .header-informacion-scrl span{ color:rgba(33,33,33,1); } .header .header-informacion a:hover{ color:rgba(238,152,43,1); text-decoration:underline; } /*------------------------------------------------------*/ .header .header-logo{ background-color:rgba(0,100,147,1); text-align:left; } .header .header-logo-scrl{ /*Estilo para scroll*/} .header .header-logo img{ filter:invert(1); } /*-------------------------------------------------------*/ .header .header-menu{ background-color:rgba(0,100,147,1); color:rgba(255,255,255,1); } .header .header-menu .header-option{ border-radius: 2px 2px 0 0; font-size: .7em; text-align:center; text-transform:uppercase; } .header .header-menu .header-option:hover{ color: rgba(255,255,255,.6); } .header .header-menu .header-option-active{ background-color: rgba(255,255,255,.15); } /*------------------------------------------------------------------------*/ /*Menu ajustado a contenedor padre*/ /*------------------------------------------------------------------------*/ .header .header-menu .header-option .header-subcont-simple{ background-color:rgba(255,255,255,1); border-radius: 0 0 2px 2px; box-shadow: 0 3px 4px rgba(30,30,30,.3); font-family:'title',helvetica,verdana,sans-serif; font-size: 1.4em; line-height: 1.5em; text-transform: none; } .header .header-menu .header-option .header-subcont-simple .header-suboption{ border-bottom: 1px solid rgba(213,213,213,1); color:rgba(33,33,33,1); font-family:'regular',helvetica,verdana,sans-serif; font-size: .9em; line-height: 1.3em; text-align: left; } .header .header-menu .header-option .header-subcont-simple .header-suboption:last-of-type{ border-bottom: none; } .header .header-menu .header-option .header-subcont-simple .header-suboption:hover{ color:rgba(10,165,216,1); } /*----------------------------------------------------------*/ /*Menu idioma*/ /*----------------------------------------------------------*/ .header .header-idioma{ background-color:rgba(0,100,147,1); } /*======================================*/ /*Footer*/ /*======================================*/ .footer{ background: rgba(240,235,216,1); border-radius: 2px 2px 0 0;} .footer .footer-contenedor{} /*---------------------------------------------------------------------------*/ .footer .footer-contenedor .footer-logo{ line-height: 0; text-align:center; } .footer .footer-contenedor .footer-logo span{ color:rgba(10,165,216,1); font-family:'logo',helvetica,verdana,sans-serif; font-size: .8em; line-height: 1.5em; } /*-------------------------------------------------------------------------------*/ .footer .footer-contenedor .footer-informacion{ color:rgba(33,33,33,1); font-size: .9em; line-height: 2em; text-align:left; } .footer .footer-contenedor .footer-informacion div .fcont_marker:before{ color:rgba(33,33,33,1); font-size: 1.5em; } .footer .footer-contenedor .footer-informacion div .fcont_email:before{ color:rgba(33,33,33,1); font-size: 1.2em; } .footer .footer-contenedor .footer-informacion div .fcont_phone:before{ color:rgba(33,33,33,1); font-size: 1.3em; } .footer .footer-contenedor .footer-informacion div .fcont_whatsapp:before{ color:rgba(33,33,33,1); font-size: 1.4em; } .footer .footer-contenedor .footer-informacion div .fcont_mobile:before{ color:rgba(33,33,33,1); font-size: 1.8em; } .footer .footer-contenedor .footer-informacion div a:hover{ color:rgba(0,100,147,1); } /*-------------------------------------------------------------------------------------*/ .footer .footer-contenedor .footer-social{ text-align:center; } .footer .footer-contenedor .footer-social div{ background-color:rgba(255,255,255,1); border-radius: 50%; box-shadow: 0px 0px 8px rgba(56,56,56,.42); color:rgba(33,33,33,1); font-size: 1em; line-height: 45px; text-align:center; } .footer .footer-contenedor .footer-social div:hover{ box-shadow: 0 0 18px rgba(0,0,0,.2); color:rgba(0,100,147,1); } /*----------------------------------------------------------------------------------------*/ .footer .footer-contenedor .footer-navegacion .footer-navegacion-option{ border-bottom: 1px dashed rgba(215,215,215,1); color:rgba(33,33,33,1); font-size: .9em; line-height: 2.1em; text-align:left; } .footer .footer-contenedor .footer-navegacion .footer-navegacion-option:hover{ color:rgba(0,100,147,1); } /*------------------------------------------------------*/ .footer .footer-contenedor .footer-pie{ background-color: rgba(230,226,207,1); font-size: .8em; color:rgba(33,33,33,1); } .footer .footer-contenedor .footer-pie .footer-pie-copy{ text-transform:uppercase; } .footer .footer-contenedor .footer-pie .footer-pie-findme{ text-align:left; } .footer .footer-contenedor .footer-pie .footer-pie-findme img{ filter: invert(.7); } /*======================================*/ /*Pop-up Galeria de imagenes*/ /*======================================*/ .General-galeria-pop{} .General-galeria-pop .General-galeria-contenedor{ text-align:center; } .General-galeria-pop .General-galeria-contenedor .General-galeria-capa{ background-color: rgba(0,0,0,.92); } .General-galeria-pop .General-galeria-contenedor .General-galeria-titulo{ color:rgba(255,255,255,1); font-size: 1.8em; } .General-galeria-pop .General-galeria-contenedor .General-galeria-imgC .General-galeria-img{ border-radius: 2px; line-height: 0; } .General-galeria-pop .General-galeria-contenedor .General-galeria-descripcion{ font-size: 1.3em; color:rgba(255,255,255,1); } .General-galeria-pop .General-galeria-contenedor .General-galeria-left .General-galeria-icon-left{ font-size: 1.3em; color:rgba(255,255,255,1); } .General-galeria-pop .General-galeria-contenedor .General-galeria-right .General-galeria-icon-right{ font-size: 1.3em; color:rgba(255,255,255,1); }