/************************************/ /*********** FUENTES ************/ /************************************/ @font-face { font-family: Lato-ExtraBold; font-display: swap; src: url("/static/Institutos/theme/fonts/Lato-ExtraBold.093466c99afd.ttf") format('truetype'); } @font-face { font-family: Lato-Bold; font-display: swap; src: url("/static/Institutos/theme/fonts/Lato-Bold.f88c3a8b7f96.otf"), url("/static/Institutos/theme/fonts/Lato-Bold.a47d8f9cf715.eot") format('eot'), url("/static/Institutos/theme/fonts/Lato-Bold.f88c3a8b7f96.otf") format('opentype'), url("/static/Institutos/theme/fonts/Lato-Bold.5dfc529dfa53.woff") format('woff'), url("/static/Institutos/theme/fonts/Lato-Bold.eca1cd4a271c.ttf") format('truetype'), url("/static/Institutos/theme/fonts/Lato-Bold.e05bae7c1499.svg#Lato-Bold") format('svg'); } @font-face { font-family: Lato-Regular; font-display: swap; src: url("/static/Institutos/theme/fonts/Lato-Regular.e13e93093461.otf"), url("/static/Institutos/theme/fonts/Lato-Regular.39a3905085ad.eot") format('eot'), url("/static/Institutos/theme/fonts/Lato-Regular.e13e93093461.otf") format('opentype'), url("/static/Institutos/theme/fonts/Lato-Regular.e4fa05a4f0c9.woff") format('woff'), url("/static/Institutos/theme/fonts/Lato-Regular.d5f3d91bb224.ttf") format('truetype'), url("/static/Institutos/theme/fonts/Lato-Regular.e9d329fb99c7.svg#Lato-Regular") format('svg'); } @font-face { font-family: Lato-Light; font-display: swap; src: url("/static/Institutos/theme/fonts/Lato-Light.2fe27d9d10cd.ttf") format('truetype'); } @font-face { font-family: 'DM Sans'; font-display: swap; src: url("/static/Institutos/theme/fonts/DMSans-VariableFont_opsz,wght.26f321c70580.ttf") format('truetype'); } :root { /* colours */ --blue: #6096d2; --white: #fff; --black-gray: #3a3a35; --white-gray: #999999; /* font size */ --title: 42px; --subtitle: 22px; --text: 18px; } /************************************/ /************ HEAD **************/ /************************************/ body { display: flex; flex-direction: column; min-height: 100vh; margin: 0; padding: 0; overflow-x: hidden; font-family: 'DM Sans' !important; } header { flex-shrink: 0; } /* Align footer */ body main { flex: 1 0 auto; } footer { flex-shrink: 0; } header.home { background-position: 0 0; background-repeat: no-repeat; background-size: cover; height: 500px; } header.interna { /* height: 180px; */ height: 90px; } .internaHeadLeft { width: 60%; /* float: left; */ /*height: 180px;*/ /* height: auto; position: relative; */ } .internaHeadRight { width: 40%; /* float: right; */ /*height: 180px;*/ /* height: auto; position: relative; */ } .internaHeadRight .buscador { position: absolute; top: 100px; right: 0; width: 100%; text-align: right; } .internaHeadRight .buscador .centroestudioCombo { height: 35px; background-color: #eeeeee; font-size: 12px; color: #777777; border: none; padding: 0 1rem; } .internaHeadRight .buscador .headSearch { height: 35px; background-color: #ffffff; font-size: 12px; color: #777777; border: none; padding: 0 10% 0 3%; width: 45%; margin-left: -0.5rem; } .imgheadSearch { position: absolute; right: 1rem; top: 0.4rem; cursor: pointer; } .headTop { height: 150px; } .head-flex { display: flex; align-items: center; } .height-inherit { height: inherit; } .head, .head a { color: #ffffff; } .logo { /* padding: 1rem 0 0 0; float: left; */ width: 50%; } header.interna .internaHeadLeft .logo { width: 100%; } .logoBig { font-family: Lato-Bold; font-size: 42px; letter-spacing: -3px; } .logoSmall { /* font-family: Corbel-Regular; */ font-size: 30px; letter-spacing: -3px; } /* header.interna .logoBig{ /* font-family: Corbel-Bold; font-size: 36px; letter-spacing: -3px; } */ header.interna .logoSmall { /* font-family: Corbel-Regular; */ font-size: 26px; letter-spacing: -3px; } header.interna .internaHeadRight .menuHead { width: 100%; } .menuHead { width: 50%; /* padding: 2.50rem 0 0 0; */ text-align: right; position: relative; right: 0; } .menuHead a { font-weight: bold; font-size: var(--text); padding: 0 10px; text-decoration: none; } .menuHead a:hover { text-decoration: underline; } .header-index { height: 90px; } header .head h1 { width: 100%; float: left; font-size: 42px; } header.interna .head h1 { width: 100%; float: left; font-size: 28px; position: absolute; top: 110px; } header.interna .head h1 span { display: inline; font-size: 40px; padding: 0 0.5rem 0 0; } header.interna .head h1 a { font-size: 11px; display: inline; padding: 0 0.5rem; text-decoration: none; color: #dddddd; } header.interna .head h1 a:hover { text-decoration: underline; } .formularios { width: 100%; float: left; } .formulario { width: 100%; border-radius: 5px; overflow: hidden; height: 40px; margin-bottom: 5rem; } .formulario input { float: left; border: none; height: 100%; padding: 0 2%; font-size: 18px; color: #777777; } .formulario input.boxCombo { float: left; border: none; width: 20%; border-right: 1px solid #dddddd; } .select2-container { max-height: inherit; border-right: none; } .select2-selection { height: 100% !important; text-align: left; } .select2-selection__rendered { line-height: 40px !important; } .select2-selection__arrow { height: 40px !important; padding: 0 20px; } .select2-selection--single { border-style: none !important; border-radius: 0 5px 5px 0 !important; } .formulario input.dir { float: left; border: none; height: 100%; width: 32%; } .search { float: left; border: none; height: 40px; background-color: #6096d2; color: #ffffff; text-align: left; cursor: pointer; text-align: center; font-size: 16px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; display: flex; justify-content: center; align-items: center; } .search:hover, input.search:hover { background-color: #377ac4; } h3 { font-size: 24px; text-align: center; } .formulario2 { width: 50%; margin: auto; border-radius: 8px; overflow: hidden; margin-bottom: 5rem; } .formulario2 input.profe { text-indent: 2%; font-size: 18px; color: #777777; float: left; border: none; height: 40px; } .formularioPop { margin-bottom: 2rem; width: 100%; } .formularioPop input.dirPop { margin: 0 0 2rem 0; padding: 0 3%; border: 1px solid #aaaaaa; height: 40px; width: 92%; } .formularioPop .search { width: 30%; margin: auto; float: none; display: inherit; height: 40px; border-radius: 8px; padding: 0; text-align: center; } .breadcrum { background-color: #f7f7f7; height: 25px; color: #666666; } .breadcrum a { color: #0684b3; /* font-family: Corbel-Regular; */ font-size: 14px; } .breadcrum span { /* font-family: Corbel-Regular; */ font-size: 14px; color: #666666; } .fichaPerfilProfe-container { color: white; height: 100px; padding-top: 56px; background-color: var(--blue); } .fichaPerfilProfe img { width: 80px; float: left; } .fichaPerfilProfe .rightInfo { float: left; max-width: 500px; margin: 0 0 0 1rem; width: 100%; } .fichaPerfilProfe .rightInfo h1 { width: 100%; float: left; margin: 0; text-align: left; padding: 0; /* font-family: Lato-Bold; */ font-size: 23px; } .fichaPerfilProfe .rightInfo span { background-position: 0 0; background-repeat: no-repeat; /* font-family: Lato-Bold; */ font-size: 14px; padding: 0 0 0 3px; } .fichaPerfilProfe .rightInfo .bottomInfo { width: 100%; margin: 0.7rem 0 0 0; } .fichaPerfilProfe .rightInfo .bottomInfo .km { background: none; /* font-family: Gadugi-Regular; */ font-size: 10px; padding: 0; width: 130px; float: left; border-right: 1px solid #ffffff; } .fichaPerfilProfe .rightInfo .bottomInfo .km b { /* font-family: Gadugi-Bold; */ font-size: 13px; } .fichaPerfilProfe .rightInfo .bottomInfo .telefono { float: left; color: white; margin-top: 8px; font-size: 15px; text-decoration: underline; cursor: pointer; } .whatsapp-icon { display: inline !important; width: auto !important; height: auto !important; margin-right: 3px; cursor: pointer; } /************************************/ /************ BODY **************/ /************************************/ input::-webkit-calendar-picker-indicator { opacity: 100; } .max { max-width: 1100px; width: 100%; margin: auto; position: relative; min-height: auto; } a { text-decoration: none; } .center { text-align: center; } img { border: none; } section.home { background-color: var(--white); background-position: 0 0; display: inline-block; width: 100%; padding: 1rem 0 1rem 0; } section.home h2 { text-align: center; /* font-family: Lato-BoldItalic; */ font-size: var(--title); color: var(--black-gray); font-weight: bold; margin-bottom: 0; } section.home p { /* font-family: Muli-Bold; */ font-size: 16px; color: var(--black-gray); text-align: center; margin: 0.5rem 0; } .full { width: 100%; } .full-logos { display: flex; justify-content: space-evenly; flex-wrap: wrap; } .full .icon-container { flex: 1; display: flex; align-items: center; justify-content: center; } .full .icon-container img { max-width: 100%; } .full .text-container { flex: 3; } .full .logos-container { width: 300px; display: flex; margin: 0.5rem 0; } .full .logos-subtitle { color: var(--blue); font-size: 18px; font-family: Lato-Bold !important; } .full .tree { width: 33%; display: inline-grid; text-align: center; top: 0; position: relative; } .full .tree img { display: inline-block; } .full .tree span { width: 100%; /* font-family: Gadugi-Bold; */ font-size: 30px; color: #000000; display: inline-block; } .full .tree p { width: 100%; /* font-family: Gadugi-Regular; */ font-size: 22px; color: #666666; font-style: italic; } .full .tree p:nth-child(1) { height: 150px; position: relative; top: 0; display: block; } aside.home { background-color: var(--blue); background-size: 100% 100%; display: flex; justify-content: center; align-items: center; padding: 5rem 0; width: 100%; } /* Institutos home */ .institutos-home { background-color: var(--white); padding: 5rem 0; text-align: center; } .institutos-home h2 { font-size: var(--title); color: var(--black-gray); margin: 0 0 1.2rem 0; } .institutos-home h3 { font-size: var(--text); color: var(--black-gray); margin-top: 0; font-weight: normal; } .institutos-home .institutos-container { display: flex; justify-content: space-around; flex-wrap: wrap; max-width: 1100px; margin: auto; } .institutos-home .instituto-container { width: 150px; height: 150px; margin: 0 1rem; display: flex; justify-content: center; align-items: center; } .fit-container { max-width: 100%; max-height: 100%; height: auto; width: auto; } .bottomHome h2 { font-size: var(--title); color: var(--white); margin: 0; } .bottomHome h3 { font-size: var(--text); color: var(--white); margin: 1rem 0 3rem 0; } .bottomHome a { color: var(--black-gray); background-color: var(--white); padding: 5px 1rem; border-radius: 3px; font-size: 32px; font-family: Lato-Bold; } [class^='popUpContent_'], .popUpContent { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ justify-content: center; align-items: center; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */ } [class^='popUpContent_'] select { max-width: 90vw; } .bluePopUpContent { display: none; /* Hidden by default */ position: absolute; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ overflow: auto; /* Enable scroll if needed */ background-color: #004a6e; /* Fallback color */ /*background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } [class^='popUpContentBox'] { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; position: absolute; z-index: 2; text-align: center; display: none; /* max-height: 90vh; */ /* max-width: 85vw; */ overflow-y: scroll; } .popUpMenu { display: none; /* Hidden by default */ position: absolute; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */ overflow: hidden; } .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } section.interna { display: grid; margin: auto; } .interna article.txt { margin: 2rem 0; } .txt h1.title { font-size: var(--title); font-family: Lato-Bold; color: var(--black-gray); margin-bottom: 3rem; } .txt .cols { display: flex; flex-wrap: wrap; justify-content: space-around; width: 60%; margin: 2rem auto; } .txt .points { display: flex; justify-content: center; line-height: 2rem; color: var(--blue); font-size: calc(var(--text) + 2px); list-style-type: none; } .txt .points .number { font-family: Lato-Bold; } .txt p { font-size: var(--text); color: var(--black-gray); margin: 10px 0; text-align: left; /* Columns */ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .txt span.blue { font-size: 20px; /* font-family: Gadugi-Regular; */ color: #2d6ca4; width: 100%; margin: 2rem 0; } .buttonGeneric { width: 100%; margin: 5rem 0 8rem; } .buttonGeneric .search { width: 50%; margin: 0 25%; } span.separa { /* font-family: AgencyFB-Reg; */ font-size: 14px; color: #666666; padding: 0 0.5rem; } .titleRes { display: none; } .titleResSearch .titleRes h1 { /* font-family: Gadugi-Regular; */ font-size: 16px; color: #79796a; margin: 0.3rem 0 0 0; font-style: inherit; } .titleResSearch .titleRes span { /* font-family: Gadugi-Regular; */ font-size: 16px; color: #79796a; padding: 0 0.5rem 0 0; } .titleResSearch .titleRes a { /* font-family: Lato-Regular; */ font-size: 12px; color: #0157aa; width: 100%; float: left; padding: 0.1rem 0; } .interna .message { width: 40%; background-color: #f8f8f8; padding: 0 5% 5% 5%; margin: 7% auto 5% auto; height: auto; /* min-height: 200px; */ /* justify-self: center; */ text-align: center; } /* Registro banner handling */ #registro-section { display: flex; align-items: center; min-height: 100%; } .fit-banner { position: absolute; left: 1rem; width: 300px; max-height: 300px; display: flex; justify-content: center; align-items: center; } .interna .message .error { /* font-family: Lato-Bold; */ color: red; margin: 10 0; } .interna .message img { margin-top: -10%; } .interna .message p { font-size: 23px; color: var(--white-gray); } .interna .message .white-gray { font-size: 23px; color: var(--white-gray); font-weight: normal; } .interna .message .search { margin: auto; text-align: center; float: none; width: 50%; } .error-message { color: #e8362c; background-color: #fef3cf; font-weight: bold; z-index: 3; width: 100%; margin: 0 0 0.3rem 0; border-radius: 5px; float: left; /* font-family: Gadugi-Regular; */ font-size: 18px; padding: 0.4em 0; } .error-h { display: none; height: auto; margin: 0; } .error-v { display: none; } section.left { width: 270px; margin: 0 25px 5rem 0; float: left; } section.right { width: 805px; float: left; } h2 { /* font-family: Lato-Bold; */ font-size: 20px; } /** EFECTO ACOORDEON **/ .accordion { background-color: #ffffff; color: #444; cursor: pointer; padding: 2% 5% 2% 0; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; /* font-family: Lato-Bold; */ font-size: 20px; border-bottom: 1px solid #cbdaeb; margin: 2rem 0 0 0; } .active, .accordion:hover { background-color: #ffffff; } .accordion:after { content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px; } .panel { padding: 0; background-color: #ffffff; max-height: 0; overflow: hidden; margin: 0; width: 100%; transition: max-height 0.2s ease-out; } .panel a { width: 100%; float: left; color: #0576a0; /* font-family: Corbel-Regular; */ font-size: 16px; text-decoration: none; padding: 2%; } .panel a:hover { background-color: #e5eef8; text-decoration: none; } /** CARRUSEL **/ .stepcarousel { position: relative; /*leave this value alone*/ overflow: hidden; /*leave this value alone*/ width: 90%; /*Width of Carousel Viewer itself*/ margin: 0 17px 0 18px; height: 125px; /*Height should enough to fit largest content's height*/ -webkit-box-sizing: border-box; /* set box model so container width and height value includes any padding/border defined */ -moz-box-sizing: border-box; box-sizing: border-box; } .stepcarousel .belt { position: absolute; /*leave this value alone*/ left: 0; top: 0; } .owl-carousel { z-index: 0; } .owl-stage { min-height: 125px; } .owl-item::after, .owl-dot::after { content: ''; } .boxCarrusel { display: flex; overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0; /*margin around each panel*/ width: 380px !important; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ margin-right: 10px; -webkit-box-shadow: 2px 2px 5px 0px rgba(225, 225, 225, 1); -moz-box-shadow: 2px 2px 5px 0px rgba(225, 225, 225, 1); box-shadow: 2px 2px 5px 0px rgba(225, 225, 225, 1); border-radius: 5px; } .boxCarrusel img { width: 130px !important; } .boxCarrusel .rightInfo { text-align: left; margin: 0 10px; height: 115px; position: relative; } .boxCarrusel .rightInfo h3 { /* font-family: Montserrat-SemiBold; */ font-size: 18px; text-align: left; color: #434a53; width: 100%; margin-top: 0.5rem; margin-bottom: 0.5rem; } .boxCarrusel .rightInfo span { /* font-family: Lato-Regular; */ font-size: 12px; text-align: left; color: #666666; width: 100%; } .boxCarrusel .rightInfo span.km { /* font-family: Gadugi-Regular; */ font-size: 12px; text-align: right; color: #b7b7b7; width: 100%; } .filtroSelect { background-color: #ffe5cc; /* font-family: Lato-Regular; */ font-size: 15px; color: #273239; padding: 2% 5%; float: left; border-radius: 5px; margin: 2% 2% 0 0; cursor: default; } .formularioLogin input { border: none; background-color: #ffffff; /* font-family: Lato-Regular; */ font-size: 16px; color: #999999; width: 66%; margin: 0.5rem 0; padding: 2%; border: 1px solid #ddd; } .formularioLogin .search { margin: 1rem auto !important; width: 70% !important; } /** RESULTADOS DE BUSQUEDA **/ .actionListResult { width: 100%; margin: 1rem 0; text-align: right; } .mapResult { display: none; width: 100%; margin: 4rem 0; } .listResult { width: 100%; margin: 1rem 0; display: block; } .resultBox { width: 100%; padding: 1rem 0; border-bottom: 1px solid #dcdcdc; float: left; } /* .resultBox img{ width: 130px; float: left; } */ .resultBox .rightInfo { width: 650px; float: left; margin: 0 0 0 1rem; } .resultBox .rightInfo h3 a { /* font-family: Montserrat-SemiBold; */ font-size: 20px; color: #0684b3; text-align: left; float: left; width: 100%; margin: 0 0 0.5rem 0; } .resultBox .rightInfo span { /* font-family: Lato-Bold; */ font-size: 16px; color: #666666; margin-bottom: 2.3rem; float: left; width: 100%; } .resultBox .rightInfo .bottomInfo { width: 80%; float: left; } .resultBox .rightInfo .bottomInfo span { /* font-family: Gadugi-Regular; */ font-size: 16px; color: #666666; float: left; margin: 0; width: auto; } .resultBox .rightInfo .bottomInfo .search { float: right; background-image: url("/static/Institutos/theme/img/bg_button.2f171915ff71.jpg"); background-position: 0 0; background-repeat: repeat-x; padding: 0.2rem 1rem; height: 25px; border-radius: 5px; } .resultBox .rightInfo .bottomInfo .search:hover { background-image: none; background-color: #008fd5; } .filtroSelect img { padding: 0 0 0 1rem; } .nofiltros { /* font-family: Gadugi-Regular; */ font-size: 16px; color: #666666; width: 100%; float: left; display: none; } .filtrosRes { width: 100%; background-color: #f7f7f7; cursor: pointer; display: none; } .filtrosRes span { /* font-family: Gadugi-Bold; */ font-size: 16px; color: #666666; } .filtrosRes img { padding: 0 1rem 0 0; } .paddTop { padding: 0.5rem 0; min-height: auto; } .loaderResult { width: 100%; float: left; text-align: center; } .resultBox .rightInfo h3 { margin: 0; } .imageSelect { background-color: #f8f8f1; border: 1px solid #f8f8f1; width: auto; float: right; padding: 0.2rem 0.2rem 0; } .imageSelect img { padding: 0.1rem 0.2rem 0.3rem; cursor: pointer; } .actionListResult span:not(#institutos-count) { /* font-family: Corbel-Regular; */ font-size: 14px; color: #777777; padding: 0.4rem 0.5rem 0 0; float: right; } img.tipoResSeleccionado { background-color: #ffffff; cursor: default; } /** PERFIL PROFE **/ .paddTop { margin-top: 1rem; } .leftBig { width: 805px; margin: 0 25px 0 0; float: left; } .leftBig .perfilMenu { width: 100%; background-color: #f1f1f1; float: left; } .leftBig .perfilMenu span { /* font-family: Corbel-Regular; */ font-size: 14px; color: #666666; padding: 1% 2%; cursor: pointer; float: left; } .leftBig .perfilMenu span:first-child { padding-left: 2.5%; } .leftBig .perfilMenu span:hover { background-color: #ffffff; } .perfilBox { width: 96%; float: left; margin: 2% 2% 1% 2%; padding-bottom: 2rem; border-bottom: 1px solid #f1f1f1; } .perfilBox .description-title { font-size: 18px; color: #434a52; padding: 0.5rem 0; width: 100%; float: left; font-weight: normal; } .perfilBox .description { font-size: 15px; color: #666666; width: 100%; text-align: justify; font-weight: normal; } .perfilBox .perfilBox { margin: 0 5%; border: none; } .perfilBox .subTitle { /* font-family: Lato-Bold; */ font-size: 16px; color: #434a52; padding: 1rem 0; width: 100%; float: left; } .perfilBox p.buses span { background-color: #f2f6fb; /* font-family: Gadugi-Regular; */ font-size: 15px; color: #535353; padding: 8px; float: left; border-radius: 5px; margin: 10 10 0 0; cursor: default; width: auto; } .perfilBox p span.centroEstudio { /* font-family: Gadugi-Regular; */ font-size: 15px; color: #888888; padding: 2rem 0 0 0; text-decoration: underline; } .boxBox { background-color: #f2f6fb; /* font-family: Gadugi-Regular; */ font-size: 16px; color: #545454; padding: 8px; float: left; border-radius: 5px; margin: 10 10 0 0; cursor: default; width: auto; display: inherit; } .perfilBox p.buses span:hover, .boxBox:hover { background-color: #e8f0f9; } .rightMin { width: 230px; float: left; padding: 20px; background-color: #fafafa; } .contactoForm h2 { /* font-family: Gadugi-Bold; */ font-size: 20px; color: #2c6ca4; margin-top: 0; width: 100%; float: left; } .contactoForm p { /* font-family: Gadugi-Regular; */ font-size: 12px; color: #525252; width: 100%; margin: 0 0 1rem 0; } .contactoForm textarea, .contactoForm input { width: 100%; background-color: #ffffff; border: 1px solid #999999; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #535353; padding: 5%; margin: 0.5rem 0; } .contactoForm textarea { margin-bottom: 1rem; } .contactoForm div[type='submit'] { width: 80%; /* font-family: Gadugi-Regular; */ background-color: #2f6ca4; border: 1px solid #999999; /* font-family: Gadugi-Bold; */ font-size: 16px; color: #ffffff; padding: 5%; margin: 0 auto; display: block; cursor: pointer; } .formularioContacto input { border: none; background-color: #ffffff; /* font-family: Lato-Regular; */ font-size: 16px; color: #999999; width: 96%; margin: 0.5rem 0; padding: 2%; border: 1px solid #ddd; } .formularioContacto textarea { width: 96%; background-color: #ffffff; border: none; /* font-family: Lato-Regular; */ font-size: 16px; color: #999999; padding: 2%; margin: 0.5rem 0 1rem 0; border: 1px solid #ddd; } .formularioContacto .search { margin-top: 3rem; border-radius: 5px; } .profePage .error { /* font-family: Lato-Bold; */ font-size: 13px; color: red; margin: 10 0; } .searchButton { background-color: #eeeeee; padding: 6px 8px; cursor: pointer; } .error { font-family: Lato-Bold; font-size: 13px; color: red; margin: 10 0; } .width-fit-content { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } /** EDICION DEL PERFIL DEL PROFE **/ .reeadInfo { width: 530px; float: left; margin-top: 2rem; } .max .reeadInfo:first-child { margin-right: 40px; } .max .reeadInfo:nth-child(odd) { margin-right: 40px; } .max .reeadInfo:nth-child(even) { } .reeadBox { background-color: #f9f9f9; width: 94%; float: left; padding: 2% 3% 3%; } .reeadInfo .reeadBox p { margin: 0; padding: 0; } /* .boxBox{ background-color: #FFFFFF; }*/ .reeadInfoFull { width: 100%; margin: 2rem 0; float: left; } .reeadInfoFull p { margin: 0; padding: 0; width: 100%; float: left; } .reeadInfoFull p span.centroEstudio { /* font-family: Gadugi-Bold; */ font-size: 15px; color: #666666; margin-top: 1rem; float: left; width: 100%; } .reeadInfoFull .boxBox { padding: 1%; margin: 1% 1% 0 0; } .reeadInfoFull .title h2, .reeadInfo .title h2 { width: auto; float: left; margin: 0; padding: 0; } .reeadInfoFull .title a, .reeadInfo .title a { float: right; width: auto; /* font-family: Corbel-Regular; */ color: #0684b2; font-size: 14px; } .reeadInfoFull .title a:hover, .reeadInfo .title a:hover { text-decoration: underline; } .reeadBox img { float: left; } .reeadBox .reeadBoxInfo { width: 350px; margin: 0 0 0 1rem; float: left; } .readRightUbicacion { width: auto; margin: 0 0 0 1rem; } .readRightUbicacion span, .reeadBox .reeadBoxInfo span { width: 100%; /* font-family: Gadugi-Bold; */ font-size: 13px; color: #525252; float: left; } .readRightUbicacion p, .reeadBox .reeadBoxInfo p { width: 100%; /* font-family: Gadugi-Regular; */ font-size: 13px; color: #525252; } .readLeftUbicacion { width: 200px; text-align: center; float: left; /* font-family: Gadugi-Regular; */ font-size: 13px; color: #525252; font-weight: bold; margin-right: 20px; } .readRightUbicacion p.buses span { background-color: #ffffff; /* font-family: Gadugi-Regular; */ font-size: 15px; color: #535353; padding: 1%; float: left; border-radius: 5px; margin: 1% 1% 0 0; cursor: default; width: auto; } .readRightUbicacion p.buses span:hover { background-color: #e8f0f9; } /** EDICI�N PERFIL PROFE **/ .reeadInfo_edit { width: 100%; margin-top: 2rem; } .reeadInfo_edit .title { background-color: #e5eef8; width: 96%; padding: 1% 2%; float: left; } .reeadInfo_edit .title h2 { width: auto; float: left; margin: 0; padding: 0; } .reeadInfo_edit .title a { float: right; width: auto; /* font-family: Corbel-Regular; */ color: #0684b2; font-size: 14px; } .reeadInfo_edit .title a:hover { text-decoration: underline; } .reeadInfo_edit .reeadBox { background-color: #ffffff; -webkit-box-shadow: 2px 2px 10px 0px rgba(225, 225, 225, 1); -moz-box-shadow: 2px 2px 10px 0px rgba(225, 225, 225, 1); box-shadow: 2px 2px 10px 0px rgba(225, 225, 225, 1); margin-bottom: 1rem; width: 94%; } .reeadInfo_edit .reeadBox img { width: 15%; } .reeadInfo_edit .reeadBox .reeadBoxInfo { width: 80%; } .reeadInfo_edit .reeadBox .reeadBoxInfo p { margin: 0 0 0.5rem 0; } .reeadInfo_edit .reeadBox .reeadBoxInfo input[type='text'], .reeadInfo_edit .reeadBox .reeadBoxInfo input[type='email'] { border: none; background-color: #ffffff; /* font-family: Lato-Regular; */ font-size: 16px; color: #999999; width: 96%; margin: 0; padding: 1%; border-bottom: 1px solid #ddd; } .reeadInfo_edit .reeadBox .reeadBoxInfo input[type='file'] { border: none; } .reeadInfo_edit .reeadBox .reeadBoxInfo textarea { background-color: #ffffff; /* font-family: Lato-Regular; */ font-size: 16px; color: #999999; width: 96%; margin: 0; padding: 1%; border: 1px solid #ddd; } .reeadInfo_edit .reeadBox .readLeftUbicacion { width: 25%; margin-right: 5%; float: left; text-align: left; } .reeadInfo_edit .reeadBox .readLeftUbicacion input { border: none; background-color: #ffffff; /* font-family: Lato-Regular; */ font-size: 16px; color: #999999; width: 96%; margin: 0; padding: 1%; border-bottom: 1px solid #ddd; } .reeadInfo_edit .reeadBox .readRightUbicacion { width: 65%; float: left; /* font-family: Gadugi-Bold; */ font-size: 13px; color: #525252; } .reeadInfo_edit .reeadBox .search { float: left; border: none; height: 30px; background-color: #6096d2; color: #ffffff; cursor: pointer; text-align: center; /* font-family: Gadugi-Regular; */ font-size: 16px; border-radius: 5px; width: auto; padding: 0.2rem 1rem 0; } .reeadInfo_edit .reeadBox .search:hover { background-color: #377ac4; } .reeadInfo_edit .reeadBox .subrayado { width: 100%; float: left; /* font-family: Gadugi-Bold; */ font-size: 16px; color: #525252; text-decoration: underline; padding: 2rem 0; text-align: left; } .reeadInfo_edit .reeadBox .addButtonEdit, .reeadInfo_edit .reeadBox p { width: 100%; float: left; } .reeadInfo_edit .reeadBox p .centroEstudio { /* font-family: Gadugi-Bold; */ font-size: 15px; color: #666666; } .reeadInfo_edit .reeadBox .addButtonEdit .search { float: left; border: none; height: 30px; background-color: #ff8a15; color: #ffffff; cursor: pointer; text-align: center; /* font-family: Gadugi-Regular; */ font-size: 16px; border-radius: 5px; width: auto; padding: 0.2rem 1rem 0; } .reeadInfo_edit .reeadBox .addButtonEdit .boxBox { background-color: #ffe5cc; float: left; border-radius: 5px; margin: 1% 1% 0 0; cursor: default; width: auto; } .reeadInfo_edit .reeadBox .addButtonEdit .search:hover { background-color: #ffa953; } .reeadInfo_edit .reeadBox .addButtonEdit .boxBox:hover { background-color: #fff3e8; } .reeadInfo_edit .reeadBox .addButtonEdit .boxBox span { /* font-family: Gadugi-Regular; */ font-size: 15px; color: #545454; float: left; } .reeadInfo_edit .reeadBox .addButtonEdit .boxBox img { padding: 0.4rem 0 0 1rem; float: left; width: auto; cursor: pointer; } .reeadBox .reeadBoxInfo span.paddTop { padding-top: 1rem; } /************************************/ /************ FOOT **************/ /************************************/ /******************************************/ /************ RESPONSIVE **************/ /******************************************/ .menuHeadResponsive { position: absolute; width: 60%; background-color: var(--blue); height: 100%; z-index: 99999; right: 0; top: 0; display: block; } .hamburger { position: absolute; background-color: transparent; left: 0; top: 4px; height: 30px; width: 30px; padding: 20px 20px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98); transition: transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98); z-index: 1; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hamburger.is-active { background-color: none; } ._layer { background: #ffffff; margin-bottom: 3px; border-radius: 2px; width: 28px; height: 4px; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98); transition: all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98); } .hamburger:hover .-top { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .hamburger:hover .-bottom { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .hamburger.is-active .-top { -webkit-transform: translateY(170%) rotate(45deg) !important; -ms-transform: translateY(170%) rotate(45deg) !important; transform: translateY(170%) rotate(45deg) !important; background-color: #ffffff; } .hamburger.is-active .-mid { opacity: 0; } .hamburger.is-active .-bottom { -webkit-transform: translateY(-200%) rotate(135deg) !important; -ms-transform: translateY(-200%) rotate(135deg) !important; transform: translateY(-200%) rotate(135deg) !important; background-color: #ffffff; } .menuHead .hamburger { position: relative; right: 0; top: 5px; float: right; padding: 0; } .menuHeadResponsive p { width: 100%; color: #ffffff; } .menuHeadResponsive a { width: 100%; color: var(--white); float: left; } .menuHeadResponsive a:hover { background-color: #6096d2; } /** BUSCADOR **/ .iconSearch { display: none; float: right; position: relative; top: -3px; right: 1rem; cursor: pointer; height: 50px; } .buscadorResponsive { width: 92%; padding: 2% 4% 4% 4%; background-color: #cedef1; margin: 70px 0 2rem 0; } .buscadorResponsive span, .buscadorResponsive input { width: 96%; padding: 0 2% !important; float: left; height: 35px; padding: 0.3rem 0; } .buscadorResponsive span { padding: 0.5rem 0 0.3rem 0.2rem !important; height: auto; /* font-family: Lato-Bold; */ font-size: 16px; color: #535353; } .bottomButtonRes { width: 100%; display: inline-block; padding: 0.5rem 0 0 0; } .bottomButtonRes .limpiaFiltrosRes { float: right; width: auto; /* font-family: Gadugi-Regular; */ font-size: 12px; color: #0072a9; text-decoration: underline; padding: 0.5rem 0.5rem 0 0; cursor: pointer; } .bottomButtonRes .limpiaFiltrosRes:hover { text-decoration: none; } .bottomButtonRes input { float: right; width: auto; color: #ffffff; border: none; /* font-family: Gadugi-Regular; */ font-size: 14px; background-color: #0084c4; border-radius: 5px; padding: 0 1rem !important; cursor: pointer; } .bottomButtonRes input:hover { background-color: #006b9e; } #formularioRespEnvioProfe { background-color: #fafafa; display: none; } @media screen and (max-width: 1180px) { header .head h1 { font-size: 40px; } .max { max-width: 80%; } .formulario input.boxCombo { width: 18%; } .select2-container { width: 42% !important; } .bottomHome { width: 70%; } .menuHeadResponsive { width: 45%; } .internaHeadRight .buscador { display: none; } header.interna { height: 70px; } .header-index { height: 70px; } section.interna { display: inline; margin: auto; width: 100%; } .internaHeadLeft { height: auto; } header.interna .head h1 { display: none; } /* .max{ display: block; } */ .titleResSearch { overflow: hidden; } h1 { width: 100%; /* font-family: Muli-Bold; */ font-size: 28px; margin-top: 0; } .open { background-image: url("/static/Institutos/theme/img/pino.7144b5dbe154.png"); background-repeat: no-repeat; background-position: 0px 42px; height: 70px; } .iconSearch { display: block; } .interna .message { width: 60%; background-color: #f8f8f8; padding: 0 5% 5% 5%; margin: 15% auto; height: auto; min-height: 200px; text-align: center; } .interna .message img { margin-top: -10%; } .error-h .error-message { width: 96%; } section.left { width: 100%; margin: 0 0 2rem 0; } section.right { width: 100%; } .filtroSelect { padding: 1% 3%; } .resultBox .img-container { width: 25%; } .resultBox .rightInfo { width: 73%; margin: 0 0 0 2%; } .resultBox .rightInfo .bottomInfo .search { width: auto !important; float: right; margin: 0; } .resultBox .rightInfo span { margin-bottom: 5rem; } .filtrosRes { display: block; } section.left { display: none; } .titleRes { display: block; } .paddTop { margin: 1rem auto 0; } /*.stepcarousel{ width: 100%; margin: 0; } .stepcarousel .boxCarrusel{ width: 48% !important; margin: 0 2% 0 0; }*/ .rightMin { float: left; width: 90%; padding: 5%; margin: 0 0 5% 0; display: none; } .leftBig { width: 100%; margin: 0; } #formularioRespEnvioProfe { padding-top: 1rem; display: block; } .breadcrum { display: none; } .contactoForm textarea, .contactoForm input { width: 100%; padding: 2%; } .contactoForm input[type='submit'] { padding: 2% 5%; margin: 0 auto 1rem; } .leftBig .perfilMenu { display: none; } header.interna.perfilProfe { height: 190px; } .fichaPerfilProfe .rightInfo { margin: 0; } .fichaPerfilProfe img { display: none; } .fichaPerfilProfe .rightInfo h1 { font-size: 20px; margin: 0 0 1.5rem 0; } .fichaPerfilProfe .rightInfo span { font-size: 15px; } .fichaPerfilProfe .rightInfo .bottomInfo { margin: 0; } .fichaPerfilProfe .rightInfo .bottomInfo .km, .fichaPerfilProfe .rightInfo .bottomInfo .km b { font-size: 14px; border: none; width: auto; } .fichaPerfilProfe .rightInfo .bottomInfo .telefono { padding: 0; margin: 0; float: left; font-size: 15px; } .reeadInfo { width: 100%; margin: 2rem 0 0 0 !important; } .reeadInfoFull { width: 100%; float: left; margin: 2rem 0; } .reeadInfoFull .boxBox { padding: 2%; margin: 2% 2% 0 0; } .internaHeadRight { height: auto; } .ajusteMargin { margin: 1rem 0 0 0; } /* Registro banner */ #registro-section { flex-direction: column; } .fit-banner { position: relative; width: 25%; left: unset; min-width: 300px; max-height: 200px; display: flex; justify-content: center; align-items: center; } } @media screen and (max-width: 980px) { .perfilMenu { display: none; } .select2-selection__arrow { height: 40px !important; padding: 0 20px; border-right: none !important; } .open { background-position: 0 35px; height: 50px; } .max { max-width: 95%; } header .head .fichaPerfilProfe { margin: 0 0 0 0; } header.interna .headTop { height: 190px !important; } /* header.interna .internaHeadLeft, header.interna .internaHeadRight{ height: 70px; } */ .headTop { height: 110px; } header .head h1 { font-size: 30px; line-height: 30px; } .formulario { height: auto; margin: 0; } .formulario input.boxCombo { width: 96%; float: left; height: 40px; margin: 0 0 1rem 0; border-radius: 5px; } .select2-container { width: 100% !important; float: left; height: 40px; margin: 0 0 0.15rem 0; } .select2-selection--single { height: 40px; border-radius: 5px !important; } .formulario input.dir { display: none; } .buttonGeneric { margin: 0; } .buttonGeneric .search { width: auto !important; border-radius: 5px; height: auto; margin: 3rem auto; padding-left: 0; text-align: center; padding: 1rem 1.5rem; float: none; } .search { width: 40% !important; border-radius: 5px; height: 30px; margin: auto; margin: 1.5rem 30%; padding-left: 0; text-align: center; } .formularios > form { display: inline-block; width: 80%; } .formulario2 { width: 80%; height: auto; float: left; margin: 0 10%; } .formulario2 .profe { width: 96% !important; height: 40px !important; border-radius: 5px; } .formulario2 .search { height: 30px !important; } .error-h { display: none; } .full .tree img { width: 50%; } .full .tree span { font-size: 28px; } .full .tree p { font-size: 18px; } .full .tree p:nth-child(1) { height: 120px; } footer .menuFoot { display: none; } footer .logo { width: 100%; text-align: center; } .paddTop { margin: 0 auto; } .readRightUbicacion span, .reeadBox .reeadBoxInfo span, .readRightUbicacion p, .reeadBox .reeadBoxInfo p { font-size: 14px; } .reeadInfo_edit .reeadBox { text-align: left; } .reeadInfo_edit .reeadBox .search { width: auto !important; margin: 0; } } @media screen and (max-width: 826px) { .txt h1.title br { display: none; } } @media screen and (max-width: 820px) { .menuHeadResponsive { width: 60%; } .full .tree { width: 70%; left: 15%; } .full .tree p:nth-child(1) { height: 160px; } .full .tree img { width: 40%; } .bottomHome { width: 100%; margin: 0; } aside.home { height: 300px; background-size: inherit; } .txt p { column-count: unset; column-gap: unset; } } @media screen and (max-width: 680px) { h3 { font-size: 20px; } .bottomHome { height: 350px; } aside.home { height: 350px; } .full .tree p:nth-child(1) { height: 150px; } .bottomHome a { font-size: 30px; } .resultBox .rightInfo span { margin-bottom: 1rem; } .reeadBox { text-align: center; width: 100%; } .reeadBox img { float: none; margin: 0.5rem 0; } .reeadBox .reeadBoxInfo { width: 100%; margin: 0; text-align: left; } .max .reeadInfo:nth-child(odd) { margin-right: 0; } .reeadInfoFull .boxBox { max-width: 90%; } .max { max-width: 93%; overflow: hidden; } .readLeftUbicacion { width: 94%; margin: 0.3rem 0 0 0; } .readRightUbicacion { width: auto; margin: 0; float: left; text-align: left; width: 94%; } .readRightUbicacion p.buses span { padding: 2%; margin: 2% 2% 0 0; } .reeadInfo_edit .reeadBox img { width: 40%; margin: 0 30% 2rem; } .reeadInfo_edit .reeadBox .reeadBoxInfo { width: 100%; } .reeadInfo_edit .reeadBox .readLeftUbicacion { width: 100%; margin-bottom: 1rem; } .reeadInfo_edit .reeadBox .readRightUbicacion { width: 100%; } .reeadInfo_edit .reeadBox .readRightUbicacion iframe { padding-top: 0.5rem; } .reeadInfo_edit .reeadBox .addButtonEdit .boxBox { margin: 2% 2% 0 0; padding: 2%; } .reeadInfo_edit .reeadBox .addButtonEdit .boxBox img { margin: 0; } .xs-borrable { display: none; } footer .powered-by-me { padding-top: 10px; } .institutos-home .institutos-container { justify-content: center; } } @media screen and (max-width: 480px) { .full .tree p:nth-child(1) { height: 100px; } .txt h1.title { font-size: 30px; } } #container { /*margin-bottom: 60px;*/ min-height: 100%; } /* footer { position: absolute; bottom: 0px; }*/ #sos-profesor { font-size: 1.2rem !important; } #completa-este-formulario { font-size: 1rem !important; } .text-center-tuprofe { text-align: center; } .underline { text-decoration: underline; } #btn-pagar { padding: 10px; border-radius: 5px; font-size: 1.5rem; border-style: none; background-color: #23517a; color: white; cursor: pointer; } .customPopUp { max-height: 450px; overflow: scroll; } .link { cursor: pointer; text-decoration: underline; color: #777; } .back-arrow { position: fixed; top: 15px; left: 15px; background-color: rgba(229, 227, 223, 0.8); border-radius: 100%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 9999; } .profesores-cercanos { display: inline; font-size: var(--subtitle); font-family: Lato-Bold; color: var(--black-gray); float: left; } #transport-link { width: 100%; text-decoration: underline; font-size: 15px; } .my-1 { margin: 1rem 0 !important; } .mt-1 { margin-top: 1rem !important; } .w-100 { width: 100%; } .h-34 { height: 34px; } /* Perfil-edit */ .row-container { width: 100%; height: fit-content; height: -moz-fit-content; float: left; margin-top: 2rem; } .row-container .row-centros { width: 40%; float: left; } .row-container .row-materias { width: 50%; float: right; } .add-materia-btn-container { width: 50% !important; } .add-materia-btn { background-color: var(--blue) !important; } .materia-container { width: 100%; float: left; } .materia-card { background-color: #e4e4e4 !important; } .loading-btn { display: none; font-size: var(--text); color: var(--black-gray); } .image-input-label { display: block; padding: 5px; border-radius: 5px; width: fit-content; background-color: var(--blue); margin: 5px 0; color: var(--white); cursor: pointer; float: left; } .active-message { text-align: center; font-size: var(--subtitle); color: var(--black-gray); margin-top: 2.5rem; } .active-message span { color: var(--blue); } .clearable-stuff { float: left; width: 100%; } .img-container { position: relative; width: 130px; float: left; display: flex; justify-content: center; align-items: center; } /* This part mantains the height of img-container same as width's value */ .img-container:before, .fit-banner:before { content: ''; padding-top: 100%; /* initial ratio of 1:1 */ } .profile-img { position: absolute; width: auto; height: auto; max-width: 100%; max-height: 100%; } .payment-title { font-size: var(--text); color: var(--black-gray); } .text-black { margin-bottom: 0.5rem !important; color: var(--black-gray); font-size: var(--text); } .h-auto { height: auto !important; padding: 0.5rem !important; } /* Loader */ .loader { border: 2px solid #f3f3f3; border-radius: 50%; border-top: 3px solid #3498db; width: 18px; height: 18px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .flex-center { display: flex !important; justify-content: center; align-items: center; } /* TODO: DELETE */ .something-else { color: black; }