/* Generated by less 2.5.1 */ /*=IMPORTACION FAMILIA TIPOGRAFICA Titulos y textos ---------------------------------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700'); /*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,700i'); //font-family: 'Open Sans Condensed', sans-serif;*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700'); /*=VARIABLESSS ---------------------------------------------------------------------------------------------------- */ /*FAMILIAS TIPOGRAFICAS*/ /*=PALETA COLOR TIPOGRAFIAS ---------------------------------------------------------------------------------------------------- */ /*Gris oscuro*/ /*=PALETA COLOR BOTONES ---------------------------------------------------------------------------------------------------- */ /*=PADDING ---------------------------------------------------------------------------------------------------- */ /*=MARGIN ---------------------------------------------------------------------------------------------------- */ /*=RUTAS ---------------------------------------------------------------------------------------------------- */ /*=bases Esteticas ---------------------------------------------------------------------------------------------------- */ /* =MIXINS ---------------------------------------------------------------------------------------------------- */ /* Mixin */ /*------------------------- REGLAS DE MEDIO-----------------------------*/ /* =BASE STYLES ---------------------------------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700'); @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700'); @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700'); @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700'); html * { box-sizing: border-box; } body { background: #ffffff; color: #000000; font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px; font-size: 12px; } h1 { color: #000000; font-family: 'Open Sans', sans-serif; font-size: 1em; margin: 0px; } h2 { color: #000000; font-family: 'Open Sans', sans-serif; font-size: 1em; } h3, h4, h5 { color: #000000; } /*=IMPORTACION FAMILIA TIPOGRAFICA Titulos y textos ---------------------------------------------------------------------------------------------------- */ /*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,700i'); //font-family: 'Open Sans Condensed', sans-serif;*/ /*=VARIABLESSS ---------------------------------------------------------------------------------------------------- */ /*FAMILIAS TIPOGRAFICAS*/ /*=PALETA COLOR TIPOGRAFIAS ---------------------------------------------------------------------------------------------------- */ /*Gris oscuro*/ /*=PALETA COLOR BOTONES ---------------------------------------------------------------------------------------------------- */ /*=PADDING ---------------------------------------------------------------------------------------------------- */ /*=MARGIN ---------------------------------------------------------------------------------------------------- */ /*=RUTAS ---------------------------------------------------------------------------------------------------- */ /*=bases Esteticas ---------------------------------------------------------------------------------------------------- */ /* =MIXINS ---------------------------------------------------------------------------------------------------- */ /* Mixin */ /*------------------------- REGLAS DE MEDIO-----------------------------*/ /* =BASE STYLES ---------------------------------------------------------------------------------------------------- */ .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1em; line-height: 1.5; border-radius: 0rem!important; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } /*INICIO COLOR BOTON*/ .btn-secondary { color: #000!important; background-color: #dedede!important; border-color: #ccc!important; text-transform: uppercase!important; font-weight: 400!important; font-family: 'Open Sans', sans-serif !important; } .btn-secondary:hover { color: #fff!important; background-color: #07559d!important; border-color: #07559d!important; font-weight: 400!important; font-family: 'Open Sans', sans-serif !important; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.01rem rgba(137, 190, 244, 0.57); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #07559d; border-color: #07559d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #07559d; border-color: #07559d; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.01rem rgba(137, 190, 244, 0.57); } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.9em; color: #ffffff; text-align: left; list-style: none; background-color: #07559d; background-clip: padding-box; border: none; border-radius: 0px 0px 0.25rem 0.25rem; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem!important; clear: both; font-weight: 300; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; transition: all 0.3s ease-in-out; } .dropdown-item:hover { display: block; width: 100%; padding: 0.25rem 1.5rem!important; clear: both; font-weight: 300; color: #212529; text-align: inherit; white-space: nowrap; background-color: #ccddea; border: 0; } /*INICIO COLOR BOTON*/ /*BACKGROUND TOOLTIPS*/ .tooltip-inner { max-width: none; white-space: nowrap; background: #000000; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); color: #ffffff; margin: 0; padding: 10px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #82d5f5; border-width: 0 5px 5px; } /*BACKGROUND TOOLTIPS*/ /*LOADER*/ .page-loader { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 40, 89, 0.72); z-index: 100000; } .loader { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 10px; text-indent: -12345px; border-top: 3px solid #65b8ea; border-right: 3px solid #65b8ea; border-bottom: 3px solid #65b8ea; border-left: 3px solid rgba(0, 0, 0, 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: spinner 700ms infinite linear; -moz-animation: spinner 700ms infinite linear; -ms-animation: spinner 700ms infinite linear; -o-animation: spinner 700ms infinite linear; animation: spinner 700ms infinite linear; z-index: 100001; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*LOADER*/ /* =1. HEADER 1.1 nav ---------------------------------------------------------------------------------------------------- */ .navarFixed { margin-bottom: 0!important; height: 92px!important; width: 100%!important; position: fixed!important; left: 0!important; top: 0!important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); z-index: 3000; } @media only screen and (min-width: 0px) and (max-width: 529px) { .navarFixed { height: 65px!important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { .navarFixed { height: 82px!important; } } /*Inicio del header*/ header { /*fade() en less indica transparencia*/ background: #07559d; /* color: fade(@base-general-text, 50%);*/ display: block; margin: 0px; padding: 0px; height: 92px; width: 100%!important; position: fixed!important; left: 0!important; top: 0!important; z-index: 3000; } @media only screen and (min-width: 0px) and (max-width: 529px) { header { height: 65px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { header { height: 82px!important; } } header .redes_sociales { background: #e7e8ea; width: 100%; margin: 0px; padding: 0px; height: 45px; opacity: 1; } @media only screen and (min-width: 0px) and (max-width: 529px) { header .redes_sociales { height: 35px; } } header .redes_sociales .container .ingresar { width: auto; height: auto; overflow: hidden; float: right; padding: 5px 25px; margin: 5px; border: 2px solid #07559d; background: #e7e8ea; border-radius: 0px; transition: all 0.3s ease-in-out; } header .redes_sociales .container .ingresar a:link, header .redes_sociales .container .ingresar a:visited { color: #07559d; font-size: 1.2em; padding: 0px; text-transform: none; font-weight: 600; } header .redes_sociales .container .ingresar a:hover, header .redes_sociales .container .ingresar a:focus, header .redes_sociales .container .ingresar a:active { color: #07559d; font-size: 1.2em; padding: 0px; text-transform: none; text-decoration: none; font-weight: 600; } header .redes_sociales .container .ingresar i { color: #FFC107; font-size: 1.5em; } header .redes_sociales .container .ingresar:hover { background: #e0e0e0; cursor: pointer; } header .redes_sociales .container .registrarse { width: auto; height: auto; overflow: hidden; float: right; padding: 5px 25px; margin: 5px; border: 2px solid #07559d; background: #07559d; border-radius: 0px; transition: all 0.3s ease-in-out; } header .redes_sociales .container .registrarse a:link, header .redes_sociales .container .registrarse a:visited { color: #ffffff; font-size: 1.2em; padding: 0px; text-transform: none; font-weight: 600; } header .redes_sociales .container .registrarse a:hover, header .redes_sociales .container .registrarse a:focus, header .redes_sociales .container .registrarse a:active { color: #ffffff; font-size: 1.2em; padding: 0px; text-transform: none; text-decoration: none; font-weight: 600; } header .redes_sociales .container .registrarse i { color: #82d5f5; font-size: 1.5em; } header .redes_sociales .container .registrarse:hover { width: auto; height: auto; overflow: hidden; float: right; padding: 5px 25px; margin: 5px; border: 2px solid #07559d; background: #173b5d; border-radius: 0px; cursor: pointer; } header .redes_sociales .loginWraper { width: 300px; height: auto; float: right; position: fixed; right: 6%; top: -239px; margin: 0px; padding: 0px; transition: all 0.3s ease-in-out; z-index: 3000; } @media only screen and (min-width: 0px) and (max-width: 320px) { header .redes_sociales .loginWraper { width: 184px; height: auto; float: right; position: fixed; right: 6%; top: -138px; margin: 0px; padding: 0px; opacity: 1; } } @media only screen and (min-width: 0px) and (max-width: 529px) { header .redes_sociales .loginWraper { width: 184px; height: auto; float: right; position: fixed; right: 6%; top: -138px; margin: 0px; padding: 0px; opacity: 1; } } header .redes_sociales .loginWraper .loginWraperInterno { position: relative; width: 262px; height: 236px; padding: 20px; margin: 0px; background: #ffffff; opacity: 0; top: 0px; left: 0px; transition: all 0.3s ease-in-out; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); z-index: 1; } @media only screen and (min-width: 0px) and (max-width: 320px) { header .redes_sociales .loginWraper .loginWraperInterno { position: relative; width: 184px; height: 135px; padding: 5px 10px; margin: 0px; background: #ffffff; opacity: 1; top: 0px; left: 0px; transition: all 0.3s ease-in-out; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); z-index: 1; } } @media only screen and (min-width: 0px) and (max-width: 529px) { header .redes_sociales .loginWraper .loginWraperInterno { position: relative; width: 184px; height: 135px; padding: 5px 10px; margin: 0px; background: #ffffff; opacity: 1; top: 0px; left: 0px; transition: all 0.3s ease-in-out; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); z-index: 1; } } header .redes_sociales .loginWraper .loginWraperInternoMov { position: relative; width: 262px; height: 165px; padding: 20px; margin: 0px; background: #ffffff; opacity: 1; top: 0px; left: 0px; transition: all 0.3s ease-in-out; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); z-index: 1; } @media only screen and (min-width: 0px) and (max-width: 320px) { header .redes_sociales .loginWraper .loginWraperInternoMov { position: relative; width: 184px; height: 135px; padding: 5px 10px; margin: 0px; background: #ffffff; opacity: 1; top: 0px; left: 0px; transition: all 0.3s ease-in-out; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); z-index: 1; } } @media only screen and (min-width: 0px) and (max-width: 529px) { header .redes_sociales .loginWraper .loginWraperInternoMov { position: relative; width: 184px; height: 135px; padding: 5px 10px; margin: 0px; background: #ffffff; opacity: 1; top: 0px; left: 0px; transition: all 0.3s ease-in-out; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); z-index: 1; } } header .redes_sociales .loginWraper .loginForm { margin: 0px; padding: 0px; } header .redes_sociales .loginWraper .loginForm .icon { width: 40px; height: 40px; border: 3px solid #fdc169fa; border-radius: 100%; background: #ffffff; margin: 2px auto; cursor: pointer; display: block; text-align: center; background: #f8cb8c; } header .redes_sociales .loginWraper .loginForm .icon i { display: inline-block; color: #fff; margin: 8px auto; padding: 0px; font-size: 16px; } header .redes_sociales .loginWraper .loginForm p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; text-align: center; margin: 10px 0px; } header .redes_sociales .loginWraper .loginForm form .form-group { margin-bottom: 15px; } header .redes_sociales .loginWraper .loginForm form .form-group .input-group { margin: 0px 0px 10px 0px; padding: 0px; display: flex; box-sizing: border-box; } header .redes_sociales .loginWraper .loginForm form .form-group .input-group .input-group-addon { width: 10%; margin: 0px; padding: 0px; background-color: #3977b2; text-align: center; border-radius: 5px 0px 0px 5px; border-top: 1px solid #07559d; border-right: none; border-bottom: 1px solid #07559d; border-left: 1px solid #07559d; } header .redes_sociales .loginWraper .loginForm form .form-group .input-group .input-group-addon i { color: #ffffff; margin: 10px auto; padding: 0px; font-size: 1em; } header .redes_sociales .loginWraper .loginForm form .form-group .input-group .form-control { width: 90%; margin: 0px; padding: 5px 0px 5px 10px; border-radius: 0px 5px 5px 0px; border: 1px solid rgba(7, 85, 157, 0.4); } header .redes_sociales .loginWraper .loginForm form input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } header .redes_sociales .loginWraper .loginForm form .form-control { border-radius: 2px; margin-bottom: 0; background: #efebeb; box-shadow: none; border: 1px solid #ccc; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } header .redes_sociales .loginWraper .loginForm form .btn { background: #729ec7; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; margin: 0px auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display: block; } header .redes_sociales .loginWraper .loginForm form .btn i { margin: 0px 5px 0px 0px; padding: 0px; } header .redes_sociales .loginWraper .loginForm form .btn:hover { background: #07559d; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; margin: 0px auto; display: block; } header .redes_sociales .loginWraper .loginForm form .btn:hover i { margin: 0px 5px 0px 0px; padding: 0px; } header .redes_sociales .loginWraper .loginForm form input[type="text"]::-webkit-input-placeholder, header .redes_sociales .loginWraper .loginForm form input[type="password"]::-webkit-input-placeholder { color: #9f9f9f; font-size: 14px; } header .redes_sociales .loginWraper .toggleButton { font-size: 18px; color: #fff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; /*background:#3977b2;*/ background: #f19313; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 24%; bottom: -16%; cursor: pointer; margin: 0px; padding: 10px 25px 5px 25px; width: 62%; } @media only screen and (min-width: 0px) and (max-width: 320px) { header .redes_sociales .loginWraper .toggleButton { font-size: 15px; color: #fff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; /* background: #3977b2; */ background: #f19313; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 0%; bottom: -20%; cursor: pointer; margin: 0px; padding: 3px 5px 3px 5px; width: 136px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { header .redes_sociales .loginWraper .toggleButton { font-size: 15px; color: #fff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; /* background: #3977b2; */ background: #f19313; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 0%; bottom: -20%; cursor: pointer; margin: 0px; padding: 3px 5px 3px 5px; width: 136px; } } header .redes_sociales .loginWraper .toggleButton i { color: #fff; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.3s ease-in-out; } header .redes_sociales .loginWraper .toogleButtonMov { font-size: 18px; color: #fff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; background: #f19313; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 24%; bottom: -20%; cursor: pointer; margin: 0px; padding: 10px 25px 5px 25px; width: 62%; } @media only screen and (min-width: 0px) and (max-width: 320px) { header .redes_sociales .loginWraper .toogleButtonMov { font-size: 15px; color: #fff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; /* background: #3977b2; */ background: #f19313; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 0%; bottom: -20%; cursor: pointer; margin: 0px; padding: 3px 5px 3px 5px; width: 136px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { header .redes_sociales .loginWraper .toogleButtonMov { font-size: 15px; color: #fff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; /* background: #3977b2; */ background: #f19313; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 0%; bottom: -20%; cursor: pointer; margin: 0px; padding: 3px 5px 3px 5px; width: 136px; } } header .redes_sociales .loginWraper .toogleButtonMov i { color: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } header .redes_sociales .loginWraperMov { width: 300px; height: auto; float: right; position: fixed; right: 6%; top: 0px; margin: 0px; padding: 0px; opacity: 1; } @media only screen and (min-width: 0px) and (max-width: 320px) { header .redes_sociales .loginWraperMov { width: 184px; height: auto; float: right; position: fixed; right: 6%; top: 0px; margin: 0px; padding: 0px; opacity: 1; } } @media only screen and (min-width: 0px) and (max-width: 529px) { header .redes_sociales .loginWraperMov { width: 184px; height: auto; float: right; position: fixed; right: 6%; top: 0px; margin: 0px; padding: 0px; opacity: 1; } } header .redes_sociales .container .iconos_redes_sociales { height: 30px; width: 130px; float: left; margin: 6px 40px 0px 140px; } @media only screen and (min-width: 0px) and (max-width: 529px) { header .redes_sociales .container .iconos_redes_sociales { margin: 6px 40px 0px 100px; display: none; } } @media only screen and (min-width: 530px) and (max-width: 949px) { header .redes_sociales .container .iconos_redes_sociales { margin: 6px 40px 0px 100px; } } header .redes_sociales .container .iconos_redes_sociales a span.redes { width: 33px; height: 33px; margin: 0px 10px 0px 0px; border-radius: 100%; display: inline-block; background: #2a357b; float: left; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 529px) { header .redes_sociales .container .iconos_redes_sociales a span.redes { width: 23px; height: 23px; margin: 0px 10px 0px 0px; border-radius: 100%; display: inline-block; background: #2a357b; float: left; text-align: center; } } header .redes_sociales .container .iconos_redes_sociales a i { color: #ffffff; font-size: 1.5em; margin: 8px 0px 0px 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { header .redes_sociales .container .iconos_redes_sociales a i { color: #ffffff; font-size: 1em; margin: 6px 0px 0px 0px; } } header .redes_sociales .container .iconos_redes_sociales a img { max-width: 100%; height: auto; } header .redes_sociales .container { position: relative; } header .redes_sociales .container .loginUser { width: 36px; height: 36px; position: absolute; top: 49px; right: 0px; z-index: 3500; } header .redes_sociales .container .loginUser .iconUser { width: 35px; height: 35px; border: 2px solid rgba(253, 193, 105, 0.9); border-radius: 100%; text-align: center; background: #ffffff; margin: 2px; cursor: pointer; } header .redes_sociales .container .loginUser .iconUser i { color: #3977b2; margin: 8px auto; padding: 0px; font-size: 16px; } header .redes_sociales .container .loginUserWrap { margin: 0px; padding: 0px; position: absolute; height: auto; width: 320px; overflow: hidden; top: 92px; right: 0px; background: #fff; box-shadow: 0 4px 16px rgba(20, 23, 28, 0.25); border-radius: 0px 0px 5px 5px; } header .redes_sociales .container .loginUserWrap .dataLoginUser { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; background: #fff; right: 0px; transition: all 0.3s ease-in-out; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; list-style: none; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li.perfil { display: flex; border-bottom: 1px solid #dedede; padding: 10px 0px 5px 10px; background: #fff; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li.perfil .icon { width: 30px; height: 30px; border: 1px solid grey; border-radius: 100%; margin: 0px 10px 0px 0px; text-align: center; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li.perfil .icon i { color: #3977b2; margin: 6px auto; padding: 0px; font-size: 14px; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li.perfil span { width: 85%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li.perfil span h1 { color: #000; margin: 0px; padding: 0px; text-transform: uppercase; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li.perfil span .correo { color: #767676; font-size: 13px; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li { color: #fff; margin: 0px; padding: 5px 0px 5px 15px; font-size: 14px; transition: all 0.3s ease-in-out; background: #fff; cursor: pointer; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li i { font-size: 14px; color: #3977b2; margin: 0px 10px 0px 0px; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li a:link, header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li a:visited { color: #4e4e4e; font-size: 1em; padding: 0px; text-transform: none; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li a:hover, header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li a:focus, header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li a:active { color: #4e4e4e; font-size: 1em; padding: 0px; text-transform: none; text-decoration: none; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li:hover { cursor: pointer; background: #e8e8e8; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li:hover a:link, header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li:hover a:visited { color: #4e4e4e; font-size: 1em; padding: 0px; text-transform: none; } header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li:hover a:hover, header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li:hover a:focus, header .redes_sociales .container .loginUserWrap .dataLoginUser ul.menuDataUser li:hover a:active { color: #4e4e4e; font-size: 1em; padding: 0px; text-transform: none; text-decoration: none; } header .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.8rem 1rem; } @media only screen and (min-width: 0px) and (max-width: 529px) { header .navbar { padding: 0rem 0rem; } } @media only screen and (min-width: 530px) and (max-width: 949px) { header .navbar { padding: 0.1rem 1rem; width: 100%; position: absolute; left: 0px; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { header .navbar { padding: 0.1rem 1rem 0.7rem 1rem; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { header .navbar { padding: 0.7rem 1rem 0.7rem 1rem; } } header .navbar-toggler { border-color: rgba(255, 255, 255, 0); margin: 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { header .navbar-toggler { font-size: 1rem; } } header .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important; background-size: 70% 70%; } header .navbar-collapse { margin: 0px 0px 0px 93px!important; background: none!important; position: absolute; left: 31px!important; top: 13px!important; width: 100%; } @media only screen and (min-width: 0px) and (max-width: 529px) { header .navbar-collapse { background: #043f77 !important; position: absolute; left: -15px !important; top: 29px!important; width: 108%; margin: 0px 0px 0px 0px!important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { header .navbar-collapse { background: #043f77 !important; position: absolute; left: 0px!important; top: 37px!important; width: 100%; margin: 0px 0px 0px 0px!important; } } header ul.dropdown-menu.show { position: absolute!important; top: 100%; left: 0; z-index: 1000; display: block!important; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.9em; color: #ffffff; text-align: left; list-style: none; background-color: #07559d; background-clip: padding-box; border: none; border-radius: 0px 0px 0.25rem 0.25rem; } @media only screen and (min-width: 0px) and (max-width: 320px) { header ul.dropdown-menu.show { position: static!important; width: 100%; top: 100%; left: 0; z-index: 1000; display: block!important; float: left; min-width: 10rem; padding: 0px; margin: 0px; font-size: 0.9em; color: #ffffff; text-align: left; list-style: none; background-color: #486d8e; background-clip: padding-box; border: none; border-radius: 0px 0px 0.25rem 0.25rem; } header ul.dropdown-menu.show li a:link, header ul.dropdown-menu.show li a:visited { color: #ffffff; font-size: 1em; padding: 0px 20px 0px 20px; border-right: none; text-transform: none; padding: 5px 20px; text-indent: 37px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } header ul.dropdown-menu.show li a:hover, header ul.dropdown-menu.show li a:focus, header ul.dropdown-menu.show li a:active { color: #ffffff; font-size: 1em; padding: 0px 20px 0px 20px; border-right: none; text-transform: none; padding: 5px 20px; text-indent: 37px; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { header ul.dropdown-menu.show { position: static!important; width: 100%; top: 100%; left: 0; z-index: 1000; display: block!important; float: left; min-width: 10rem; padding: 0px; margin: 0px; font-size: 0.9em; color: #ffffff; text-align: left; list-style: none; background-color: #486d8e; background-clip: padding-box; border: none; border-radius: 0px 0px 0.25rem 0.25rem; } header ul.dropdown-menu.show li a:link, header ul.dropdown-menu.show li a:visited { color: #ffffff; font-size: 1em; padding: 0px 20px 0px 20px; border-right: none; text-transform: none; padding: 5px 20px; text-indent: 37px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } header ul.dropdown-menu.show li a:hover, header ul.dropdown-menu.show li a:focus, header ul.dropdown-menu.show li a:active { color: #ffffff; font-size: 1em; padding: 0px 20px 0px 20px; border-right: none; text-transform: none; padding: 5px 20px; text-indent: 37px; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { header ul.dropdown-menu.show { position: static!important; width: 100%; top: 100%; left: 0; z-index: 1000; display: block!important; float: left; min-width: 10rem; padding: 0px; margin: 0px; font-size: 0.9em; color: #ffffff; text-align: left; list-style: none; background-color: #486d8e; background-clip: padding-box; border: none; border-radius: 0px 0px 0.25rem 0.25rem; } header ul.dropdown-menu.show li a:link, header ul.dropdown-menu.show li a:visited { color: #ffffff; font-size: 1em; padding: 0px 20px 0px 20px; border-right: none; text-transform: none; padding: 5px 20px; text-indent: 37px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } header ul.dropdown-menu.show li a:hover, header ul.dropdown-menu.show li a:focus, header ul.dropdown-menu.show li a:active { color: #ffffff; font-size: 1em; padding: 0px 20px 0px 20px; border-right: none; text-transform: none; padding: 5px 20px; text-indent: 37px; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; } } /*Cierre del header*/ @media only screen and (min-width: 0px) and (max-width: 529px) { ul.navbar-nav > li.menu-item > a { font-size: 1.2em!important; text-align: center; text-indent: 0 !important; display: block; border-right: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; text-transform: uppercase !important; } } ul.navbar-nav > li.menu-item > a:link, ul.navbar-nav > li.menu-item > a:visited { color: #ffffff; font-size: 1.2em!important; padding: 0px 20px 0px 20px; border-right: 1px solid #ffffff; text-transform: uppercase !important; padding: 5px 20px; } @media only screen and (min-width: 530px) and (max-width: 949px) { ul.navbar-nav > li.menu-item > a:link, ul.navbar-nav > li.menu-item > a:visited { font-size: 1.2em!important; text-transform: uppercase !important; border-right: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; } } ul.navbar-nav > li.menu-item > a:hover, ul.navbar-nav > li.menu-item > a:focus, ul.navbar-nav > li.menu-item > a:active { color: #ffffff; font-size: 1.2em!important; border-right: 1px solid #ffffff; text-transform: uppercase; text-decoration: none; } @media only screen and (min-width: 530px) and (max-width: 949px) { ul.navbar-nav > li.menu-item > a:hover, ul.navbar-nav > li.menu-item > a:focus, ul.navbar-nav > li.menu-item > a:active { font-size: 1.2em!important; text-transform: uppercase !important; border-right: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; } } ul.navbar-nav > li.menu-item:nth-child(2) > a:link, ul.navbar-nav > li.menu-item:nth-child(2) > a:visited { color: #ffffff; font-size: 1.2em!important; padding: 0px 20px 0px 20px; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; text-transform: uppercase; padding: 5px 20px; text-transform: uppercase !important; } @media only screen and (min-width: 0px) and (max-width: 529px) { ul.navbar-nav > li.menu-item:nth-child(2) > a:link, ul.navbar-nav > li.menu-item:nth-child(2) > a:visited { font-size: 1.2em!important; text-transform: none!important; border-right: none!important; border-left: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; text-transform: uppercase !important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { ul.navbar-nav > li.menu-item:nth-child(2) > a:link, ul.navbar-nav > li.menu-item:nth-child(2) > a:visited { font-size: 1.2em!important; text-transform: none!important; border-right: none!important; border-left: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; text-transform: uppercase !important; } } ul.navbar-nav > li.menu-item:nth-child(2) > a:hover, ul.navbar-nav > li.menu-item:nth-child(2) > a:focus, ul.navbar-nav > li.menu-item:nth-child(2) > a:active { color: #ffffff; font-size: 1.2em!important; border-right: 1px solid #ffffff; text-transform: uppercase; text-decoration: none; } @media only screen and (min-width: 0px) and (max-width: 529px) { ul.navbar-nav > li.menu-item:nth-child(2) > a:hover, ul.navbar-nav > li.menu-item:nth-child(2) > a:focus, ul.navbar-nav > li.menu-item:nth-child(2) > a:active { font-size: 1.2em!important; text-transform: none!important; border-right: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { ul.navbar-nav > li.menu-item:nth-child(2) > a:hover, ul.navbar-nav > li.menu-item:nth-child(2) > a:focus, ul.navbar-nav > li.menu-item:nth-child(2) > a:active { font-size: 1.2em!important; text-transform: none!important; border-right: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; } } ul.navbar-nav > li.menu-item:last-child > a:link, ul.navbar-nav > li.menu-item:last-child > a:visited { color: #ffffff; font-size: 1.2em!important; padding: 0px 20px 0px 20px; border-right: none!important; border-left: none!important; text-transform: uppercase; padding: 5px 20px; } @media only screen and (min-width: 0px) and (max-width: 529px) { ul.navbar-nav > li.menu-item:last-child > a:link, ul.navbar-nav > li.menu-item:last-child > a:visited { font-size: 1.2em!important; text-transform: none!important; border-right: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; text-transform: uppercase !important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { ul.navbar-nav > li.menu-item:last-child > a:link, ul.navbar-nav > li.menu-item:last-child > a:visited { font-size: 1.2em!important; text-transform: none!important; border-right: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; text-transform: uppercase !important; } } ul.navbar-nav > li.menu-item:last-child > a:hover, ul.navbar-nav > li.menu-item:last-child > a:focus, ul.navbar-nav > li.menu-item:last-child > a:active { color: #ffffff; font-size: 1.2em!important; border-right: 1px solid #ffffff; text-transform: uppercase; text-decoration: none; } @media only screen and (min-width: 530px) and (max-width: 949px) { ul.navbar-nav > li.menu-item:last-child > a:hover, ul.navbar-nav > li.menu-item:last-child > a:focus, ul.navbar-nav > li.menu-item:last-child > a:active { font-size: 1.2em!important; text-transform: none!important; border-right: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; } } ul.navbar-nav > li.menu-item > a.dropdown-toggle:link, ul.navbar-nav > li.menu-item > a.dropdown-toggle:visited { color: #ffffff; font-size: 1.2em!important; padding: 0px 20px 0px 20px; border-right: 1px solid #ffffff; text-transform: uppercase; padding: 5px 20px; } @media only screen and (min-width: 0px) and (max-width: 529px) { ul.navbar-nav > li.menu-item > a.dropdown-toggle:link, ul.navbar-nav > li.menu-item > a.dropdown-toggle:visited { font-size: 1.2em!important; text-transform: none!important; border-right: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; text-transform: uppercase !important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { ul.navbar-nav > li.menu-item > a.dropdown-toggle:link, ul.navbar-nav > li.menu-item > a.dropdown-toggle:visited { font-size: 1.2em!important; text-transform: none!important; border-right: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; text-transform: uppercase !important; } } ul.navbar-nav > li.menu-item > a.dropdown-toggle:hover, ul.navbar-nav > li.menu-item > a.dropdown-toggle:focus, ul.navbar-nav > li.menu-item > a.dropdown-toggle:active { color: #ffffff; font-size: 1.2em!important; border-right: 1px solid #ffffff; text-transform: uppercase; text-decoration: none; } @media only screen and (min-width: 0px) and (max-width: 529px) { ul.navbar-nav > li.menu-item > a.dropdown-toggle:hover, ul.navbar-nav > li.menu-item > a.dropdown-toggle:focus, ul.navbar-nav > li.menu-item > a.dropdown-toggle:active { font-size: 1.2em!important; text-transform: none!important; border-right: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; text-transform: uppercase !important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { ul.navbar-nav > li.menu-item > a.dropdown-toggle:hover, ul.navbar-nav > li.menu-item > a.dropdown-toggle:focus, ul.navbar-nav > li.menu-item > a.dropdown-toggle:active { font-size: 1.2em!important; text-transform: none!important; border-right: none!important; display: block!important; width: 100%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 5px 5px!important; text-indent: 37px; text-transform: uppercase !important; } } .logo { width: 120px; height: 120px; border-top: none; border-right: 1px solid rgba(7, 85, 157, 0.2); border-left: 1px solid rgba(7, 85, 157, 0.2); border-bottom: 1px solid rgba(7, 85, 157, 0.2); background: #ffffff; margin: 0px 20px 0px 0px; position: absolute; top: -45px; left: 0px; z-index: 1; } @media only screen and (min-width: 0px) and (max-width: 529px) { .logo { width: 70px; height: 70px; left: 0px; top: -35px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { .logo { width: 82px; height: 82px; left: 40px; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { .logo { width: 100px; height: 100px; } } .logo img { max-width: 100%; height: auto; margin: 0px; padding: 0px; } a:link, a:visited { color: #fff; font-weight: 300; } a:hover, a:focus, a:active { color: rgba(0, 85, 153, 0.9); } .dropdown-menu a:link, .dropdown-menu a:visited { color: #fff; font-size: 1.3em; font-weight: 300; padding: 0.25rem 1.5rem; } .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active { color: rgba(0, 85, 153, 0.9); font-size: 1.3em; padding: 0.25rem 1.5rem; } .dropdown-menu.show a:link, .dropdown-menu.show a:visited { color: #fff; font-size: 1.3em; font-weight: 300; padding: 0.25rem 1.5rem; } @media only screen and (min-width: 0px) and (max-width: 529px) { .dropdown-menu.show a:link, .dropdown-menu.show a:visited { text-align: center !important; text-indent: 0 !important; } } .dropdown-menu.show a:hover, .dropdown-menu.show a:focus, .dropdown-menu.show a:active { color: rgba(0, 85, 153, 0.9); font-size: 1.3em; padding: 0.25rem 1.5rem; } .dropdown-menu.show li.menu-item a:link, .dropdown-menu.show li.menu-item a:visited { display: block; width: 100%; padding: 0.25rem 1.5rem!important; clear: both; font-weight: 300; color: #ffffff; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; transition: all 0.3s ease-in-out; text-transform: uppercase !important; } .dropdown-menu.show li.menu-item a:hover, .dropdown-menu.show li.menu-item a:focus, .dropdown-menu.show li.menu-item a:active { display: block; width: 100%; padding: 0.25rem 1.5rem!important; clear: both; font-weight: 300; color: #212529; text-align: inherit; white-space: nowrap; background-color: #ccddea; border: 0; text-decoration: none; } /* =1. CIERRE DEL NAV ---------------------------------------------------------------------------------------------------- */ /* =2. BANNER ---------------------------------------------------------------------------------------------------- */ /*INICIO MODALES*/ /*=IMPORTACION FAMILIA TIPOGRAFICA Titulos y textos ---------------------------------------------------------------------------------------------------- */ /*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,700i'); //font-family: 'Open Sans Condensed', sans-serif;*/ /*=VARIABLESSS ---------------------------------------------------------------------------------------------------- */ /*FAMILIAS TIPOGRAFICAS*/ /*=PALETA COLOR TIPOGRAFIAS ---------------------------------------------------------------------------------------------------- */ /*Gris oscuro*/ /*=PALETA COLOR BOTONES ---------------------------------------------------------------------------------------------------- */ /*=PADDING ---------------------------------------------------------------------------------------------------- */ /*=MARGIN ---------------------------------------------------------------------------------------------------- */ /*=RUTAS ---------------------------------------------------------------------------------------------------- */ /*=bases Esteticas ---------------------------------------------------------------------------------------------------- */ /* =MIXINS ---------------------------------------------------------------------------------------------------- */ /* Mixin */ /*------------------------- REGLAS DE MEDIO-----------------------------*/ /* =BASE STYLES ---------------------------------------------------------------------------------------------------- */ /*Inicio Modal Login*/ .login .modal.fade.show { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000!important; display: none; overflow: hidden; outline: 0; background: rgba(0, 40, 89, 0.85); } .login .modal.fade.show .modal-dialog { cursor: default; margin: 10vh auto; transform: translate(0) !important; min-width: 300px; } .login .modal.fade.show .modal-content { border-radius: 6px; box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1); border: none; } .login .modal.fade.show .modal-content .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 10px; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; border-bottom: 1px solid #dddddd; } .login .modal.fade.show .modal-content .modal-header h4.modal-title { font-size: 1em; margin: 0px; padding: 0px; line-height: 25px; color: #29303b; font-weight: 600; font-size: 15px; } .login .modal.fade.show .modal-content .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0.5rem 1em; } .login .modal.fade.show .modal-content .modal-body .loginWraper { width: 100%; height: auto; overflow: hidden; float: none; margin: 0px auto; padding: 0px; } .login .modal.fade.show .modal-content .modal-body .loginWraper .loginWraperInterno { width: 100%; height: auto; padding: 0px; margin: 0px; background: #ffffff; opacity: 1; } .login .modal.fade.show .modal-content .modal-body .loginWraper .loginWraperInternoMov { width: 100%; height: auto; padding: 20px; margin: 0px; background: #ffffff; opacity: 1; transition: all 0.3s ease-in-out; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); } .login .modal.fade.show .modal-content .modal-body .loginWraper .loginForm { margin: 0px; padding: 0px; } .login .modal.fade.show .modal-content .modal-body .loginWraper .loginForm .icon { width: 40px; height: 40px; border-radius: 100%; background: #ffc107; margin: 0px 10px 0px 0px; padding: 0px; float: left; text-align: center; border: 2px solid rgba(255, 152, 0, 0.78); } .login .modal.fade.show .modal-content .modal-body .loginWraper .loginForm .icon i { color: #fff; margin: 7px 0px 0px 0px; padding: 0px; font-size: 1.7em; } .login .modal.fade.show .modal-content .modal-body .loginWraper p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; -ms-text-align-last: auto; text-align: left; } .login .modal.fade.show .modal-content .modal-body .loginWraper form .form-group { margin-bottom: 15px; } .login .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group { margin: 0px 0px 10px 0px; padding: 0px; display: flex; box-sizing: border-box; } .login .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group .input-group-addon { width: 10%; margin: 0px; padding: 0px; background-color: #3977b2; text-align: center; border-radius: 5px 0px 0px 5px; border-top: 1px solid #07559d; border-right: none; border-bottom: 1px solid #07559d; border-left: 1px solid #07559d; } .login .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group .input-group-addon i { color: #ffffff; margin: 10px auto; padding: 0px; font-size: 1em; } .login .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group .form-control { width: 90%; margin: 0px; padding: 5px 0px 5px 10px; border-radius: 0px 5px 5px 0px; border: 1px solid rgba(7, 85, 157, 0.4); } .login .modal.fade.show .modal-content .modal-body .loginWraper form input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .login .modal.fade.show .modal-content .modal-body .loginWraper form .form-control { border-radius: 2px; margin-bottom: 0; background: #efebeb; box-shadow: none; border: 1px solid #ccc; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .login .modal.fade.show .modal-content .modal-body .loginWraper form .btn { background: #FFC107; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .login .modal.fade.show .modal-content .modal-body .loginWraper form input[type="text"]::-webkit-input-placeholder, .login .modal.fade.show .modal-content .modal-body .loginWraper form input[type="password"]::-webkit-input-placeholder { color: #9f9f9f; font-size: 14px; } .login .modal.fade.show .modal-content .modal-body .loginWraper form span { margin: 10px 0px 0px 0px; padding: 0px; display: block; text-align: center; } .login .modal.fade.show .modal-content .modal-body .loginWraper form span a:link, .login .modal.fade.show .modal-content .modal-body .loginWraper form span a:visited { font-size: 1.2em; color: #07559d; } .login .modal.fade.show .modal-content .modal-body .loginWraper form span a:hover, .login .modal.fade.show .modal-content .modal-body .loginWraper form span a:focus, .login .modal.fade.show .modal-content .modal-body .loginWraper form span a:active { color: rgba(0, 85, 153, 0.9); } .login .modal.fade.show .modal-content .modal-body .toggleButton { font-size: 18px; color: #ffffff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; background: #3977b2; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 0%; bottom: -16%; cursor: pointer; margin: 0px; padding: 10px 25px 5px 25px; width: 100%; } .login .modal.fade.show .modal-content .modal-body .toggleButton i { color: #fff; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.3s ease-in-out; } .login .modal.fade.show .modal-content .modal-body .toogleButtonMov { font-size: 18px; color: #ffffff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; background: #3977b2; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 0%; bottom: -16%; cursor: pointer; margin: 0px; padding: 10px 25px 5px 25px; width: 100%; } .login .modal.fade.show .modal-content .modal-body .toogleButtonMov i { color: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .login .modal.fade.show .modal-footer { display: block!important; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .login .modal.fade.show .modal-footer p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; -ms-text-align-last: auto; text-align: left; } .login .modal.fade.show .modal-footer span { margin: 0px; padding: 0px; display: block; text-align: center; } .login .modal.fade.show .modal-footer span a:link, .login .modal.fade.show .modal-footer span a:visited { font-size: 1.2em; color: #07559d; } .login .modal.fade.show .modal-footer span a:hover, .login .modal.fade.show .modal-footer span a:focus, .login .modal.fade.show .modal-footer span a:active { color: rgba(0, 85, 153, 0.9); } /*Cierre Modal Login*/ /*Inicio Modal Registrarse*/ .registrarse .modal.fade.show { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000!important; display: none; overflow: hidden; outline: 0; background: rgba(0, 40, 89, 0.85); } .registrarse .modal.fade.show .modal-dialog { cursor: default; margin: 10vh auto; transform: translate(0) !important; min-width: 300px; } .registrarse .modal.fade.show .modal-content { border-radius: 6px; box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1); border: none; } .registrarse .modal.fade.show .modal-content .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 10px; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; border-bottom: 1px solid #dddddd; } .registrarse .modal.fade.show .modal-content .modal-header h4.modal-title { font-size: 1em; margin: 0px; padding: 0px; line-height: 25px; color: #29303b; font-weight: 600; font-size: 15px; } .registrarse .modal.fade.show .modal-content .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0.5rem 1em; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper { width: 100%; height: auto; overflow: hidden; float: none; margin: 0px auto; padding: 0px; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper .loginWraperInterno { width: 100%; height: auto; padding: 0px; margin: 0px; background: #ffffff; opacity: 1; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper .loginWraperInternoMov { width: 100%; height: auto; padding: 20px; margin: 0px; background: #ffffff; opacity: 1; transition: all 0.3s ease-in-out; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper .loginForm { margin: 0px; padding: 0px; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper .loginForm .icon { width: 40px; height: 40px; border-radius: 100%; background: #ffc107; margin: 5px 10px 0px 0px; padding: 0px; float: left; text-align: center; border: 2px solid rgba(255, 152, 0, 0.78); } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper .loginForm .icon i { color: #fff; margin: 7px 0px 0px 0px; padding: 0px; font-size: 1.7em; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper .loginForm iframe { width: 100%; max-width: 100%; height: auto; margin: 0px; padding: 0px; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper .loginForm .accederPowerBi { width: 222px; height: 29px; margin: 0px; padding: 0px; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper .loginForm img { width: 100%; max-width: 100%; height: auto; margin: 0px; padding: 0px; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 15px 0px 5px 0px; -ms-text-align-last: auto; text-align: left; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form .form-group { margin-bottom: 15px; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group { margin: 0px 0px 10px 0px; padding: 0px; display: flex; box-sizing: border-box; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group .input-group-addon { width: 10%; margin: 0px; padding: 0px; background-color: #3977b2; text-align: center; border-radius: 5px 0px 0px 5px; border-top: 1px solid #07559d; border-right: none; border-bottom: 1px solid #07559d; border-left: 1px solid #07559d; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group .input-group-addon i { color: #ffffff; margin: 10px auto; padding: 0px; font-size: 1em; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group .form-control { width: 90%; margin: 0px; padding: 5px 0px 5px 10px; border-radius: 0px 5px 5px 0px; border: 1px solid rgba(7, 85, 157, 0.4); } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form .form-control { border-radius: 2px; margin-bottom: 0; background: #efebeb; box-shadow: none; border: 1px solid #ccc; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form .btn { background: #FFC107; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form input[type="text"]::-webkit-input-placeholder, .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form input[type="password"]::-webkit-input-placeholder, .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form input[type="email"]::-webkit-input-placeholder { color: #9f9f9f; font-size: 14px; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form span { margin: 10px 0px 0px 0px; padding: 0px; display: block; text-align: center; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form span a:link, .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form span a:visited { font-size: 1.2em; color: #07559d; } .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form span a:hover, .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form span a:focus, .registrarse .modal.fade.show .modal-content .modal-body .loginWraper form span a:active { color: rgba(0, 85, 153, 0.9); } .registrarse .modal.fade.show .modal-content .modal-body .toggleButton { font-size: 18px; color: #ffffff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; background: #3977b2; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 0%; bottom: -16%; cursor: pointer; margin: 0px; padding: 10px 25px 5px 25px; width: 50%; } .registrarse .modal.fade.show .modal-content .modal-body .toggleButton i { color: #fff; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.3s ease-in-out; } .registrarse .modal.fade.show .modal-content .modal-body .toogleButtonMov { font-size: 18px; color: #ffffff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; background: #3977b2; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 0%; bottom: -16%; cursor: pointer; margin: 0px; padding: 10px 25px 5px 25px; width: 50%; } .registrarse .modal.fade.show .modal-content .modal-body .toogleButtonMov i { color: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .registrarse .modal.fade.show .modal-footer { display: block!important; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .registrarse .modal.fade.show .modal-footer p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; -ms-text-align-last: auto; text-align: left; } .registrarse .modal.fade.show .modal-footer span { margin: 0px; padding: 0px; display: block; text-align: center; } .registrarse .modal.fade.show .modal-footer span a:link, .registrarse .modal.fade.show .modal-footer span a:visited { font-size: 1.2em; color: #07559d; } .registrarse .modal.fade.show .modal-footer span a:hover, .registrarse .modal.fade.show .modal-footer span a:focus, .registrarse .modal.fade.show .modal-footer span a:active { color: rgba(0, 85, 153, 0.9); } /*Cierre Modal Registrarse*/ /*Inicio Modal Video*/ .video .modal.fade.show { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000!important; display: none; overflow: hidden; outline: 0; background: rgba(0, 40, 89, 0.85); } .video .modal.fade.show .modal-dialog { cursor: default; margin: 10vh auto; transform: translate(0) !important; min-width: 300px; } .video .modal.fade.show .modal-content { border-radius: 6px; box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1); border: none; } .video .modal.fade.show .modal-content .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 10px; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; border-bottom: 1px solid #dddddd; } .video .modal.fade.show .modal-content .modal-header h4.modal-title { font-size: 1em; margin: 0px; padding: 0px; line-height: 25px; color: #29303b; font-weight: 600; font-size: 15px; } .video .modal.fade.show .modal-content .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0.5rem 1em; } .video .modal.fade.show .modal-content .modal-body .loginWraper { width: 100%; height: auto; overflow: hidden; float: none; margin: 0px auto; padding: 0px; } .video .modal.fade.show .modal-content .modal-body .loginWraper .loginWraperInterno { width: 100%; height: auto; padding: 0px; margin: 0px; background: #ffffff; opacity: 1; } .video .modal.fade.show .modal-content .modal-body .loginWraper .loginWraperInternoMov { width: 100%; height: auto; padding: 20px; margin: 0px; background: #ffffff; opacity: 1; transition: all 0.3s ease-in-out; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); } .video .modal.fade.show .modal-content .modal-body .loginWraper .loginForm { margin: 0px; padding: 0px; } .video .modal.fade.show .modal-content .modal-body .loginWraper .loginForm .icon { width: 40px; height: 40px; border-radius: 100%; background: #ffc107; margin: 5px 10px 0px 0px; padding: 0px; float: left; text-align: center; border: 2px solid rgba(255, 152, 0, 0.78); } .video .modal.fade.show .modal-content .modal-body .loginWraper .loginForm .icon i { color: #fff; margin: 7px 0px 0px 0px; padding: 0px; font-size: 1.7em; } .video .modal.fade.show .modal-content .modal-body .loginWraper .loginForm iframe { width: 100%; max-width: 100%; height: 315px; margin: 0px; padding: 0px; overflow: hidden; } .video .modal.fade.show .modal-content .modal-body .loginWraper p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 15px 0px 5px 0px; -ms-text-align-last: auto; text-align: left; } .video .modal.fade.show .modal-content .modal-body .loginWraper form .form-group { margin-bottom: 15px; } .video .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group { margin: 0px 0px 10px 0px; padding: 0px; display: flex; box-sizing: border-box; } .video .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group .input-group-addon { width: 10%; margin: 0px; padding: 0px; background-color: #3977b2; text-align: center; border-radius: 5px 0px 0px 5px; border-top: 1px solid #07559d; border-right: none; border-bottom: 1px solid #07559d; border-left: 1px solid #07559d; } .video .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group .input-group-addon i { color: #ffffff; margin: 10px auto; padding: 0px; font-size: 1em; } .video .modal.fade.show .modal-content .modal-body .loginWraper form .form-group .input-group .form-control { width: 90%; margin: 0px; padding: 5px 0px 5px 10px; border-radius: 0px 5px 5px 0px; border: 1px solid rgba(7, 85, 157, 0.4); } .video .modal.fade.show .modal-content .modal-body .loginWraper form input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .video .modal.fade.show .modal-content .modal-body .loginWraper form .form-control { border-radius: 2px; margin-bottom: 0; background: #efebeb; box-shadow: none; border: 1px solid #ccc; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .video .modal.fade.show .modal-content .modal-body .loginWraper form .btn { background: #FFC107; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .video .modal.fade.show .modal-content .modal-body .loginWraper form input[type="text"]::-webkit-input-placeholder, .video .modal.fade.show .modal-content .modal-body .loginWraper form input[type="password"]::-webkit-input-placeholder, .video .modal.fade.show .modal-content .modal-body .loginWraper form input[type="email"]::-webkit-input-placeholder { color: #9f9f9f; font-size: 14px; } .video .modal.fade.show .modal-content .modal-body .loginWraper form span { margin: 10px 0px 0px 0px; padding: 0px; display: block; text-align: center; } .video .modal.fade.show .modal-content .modal-body .loginWraper form span a:link, .video .modal.fade.show .modal-content .modal-body .loginWraper form span a:visited { font-size: 1.2em; color: #07559d; } .video .modal.fade.show .modal-content .modal-body .loginWraper form span a:hover, .video .modal.fade.show .modal-content .modal-body .loginWraper form span a:focus, .video .modal.fade.show .modal-content .modal-body .loginWraper form span a:active { color: rgba(0, 85, 153, 0.9); } .video .modal.fade.show .modal-content .modal-body .toggleButton { font-size: 18px; color: #ffffff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; background: #3977b2; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 0%; bottom: -16%; cursor: pointer; margin: 0px; padding: 10px 25px 5px 25px; width: 50%; } .video .modal.fade.show .modal-content .modal-body .toggleButton i { color: #fff; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.3s ease-in-out; } .video .modal.fade.show .modal-content .modal-body .toogleButtonMov { font-size: 18px; color: #ffffff; font-family: 'Open Sans', sans-serif; width: 200px; opacity: 1; text-transform: none; background: #3977b2; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 0px 0px 10px 10px; position: absolute; right: 0%; bottom: -16%; cursor: pointer; margin: 0px; padding: 10px 25px 5px 25px; width: 50%; } .video .modal.fade.show .modal-content .modal-body .toogleButtonMov i { color: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .video .modal.fade.show .modal-footer { display: block!important; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .video .modal.fade.show .modal-footer p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; -ms-text-align-last: auto; text-align: left; } .video .modal.fade.show .modal-footer span { margin: 0px; padding: 0px; display: block; text-align: center; } .video .modal.fade.show .modal-footer span a:link, .video .modal.fade.show .modal-footer span a:visited { font-size: 1.2em; color: #07559d; } .video .modal.fade.show .modal-footer span a:hover, .video .modal.fade.show .modal-footer span a:focus, .video .modal.fade.show .modal-footer span a:active { color: rgba(0, 85, 153, 0.9); } /*Cierre Modal Video*/ /*Inicio Modal Video*/ .conTmodal .modal.fade.show { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000!important; display: none; overflow: hidden; outline: 0; background: rgba(0, 40, 89, 0.4); } .conTmodal .modal.fade.show .modal-dialog { cursor: default; margin: 10vh auto; transform: translate(0) !important; min-width: 300px; } .conTmodal .modal.fade.show .modal-content { border-radius: 6px; box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1); border: none; } .conTmodal .modal.fade.show .modal-content .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 10px; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; border-bottom: 1px solid #dddddd; } .conTmodal .modal.fade.show .modal-content .modal-header h4.modal-title { font-size: 1em; margin: 0px; padding: 0px; line-height: 25px; color: #29303b; font-weight: 600; font-size: 15px; } .conTmodal .modal.fade.show .modal-content .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0.5rem 0em; } .conTmodal .modal.fade.show .modal-content .modal-body .titulo { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 15px 20px; padding: 0px; clear: both; display: flex; } .conTmodal .modal.fade.show .modal-content .modal-body .titulo span.icono { width: 35px; height: 35px; background: #f19313; margin: 0px 10px 0px 0px; text-align: center; border-radius: 100%; } .conTmodal .modal.fade.show .modal-content .modal-body .titulo span.icono i { color: #fff; margin: 8px auto; font-size: 1.6em; } .conTmodal .modal.fade.show .modal-content .modal-body .titulo h1 { color: grey; margin: 8px 0px 0px 0px; padding: 0px; line-height: 143%; font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 1.3em; max-width: 80%; text-align: left; } .conTmodal .modal.fade.show .modal-content .modal-body .datos { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 10px 20px; } .conTmodal .modal.fade.show .modal-content .modal-body .datos ul { width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; } .conTmodal .modal.fade.show .modal-content .modal-body .datos ul li { display: inline-block; padding: 0px 10px 0px 0px; color: #4a4a4a; } .conTmodal .modal.fade.show .modal-content .modal-body .datos ul li i { color: #f19313; margin-right: 5px; } .conTmodal .modal.fade.show .modal-content .modal-body .contenido { width: 100%; height: auto; margin: 0px; padding: 0px 20px 5px 20px; overflow-x: hidden; overflow-y: hidden; } .conTmodal .modal.fade.show .modal-content .modal-body .contenido p { color: #313131; line-height: 160%; font-weight: 400; font-family: 'Open Sans', sans-serif; font-size: 1.1em; margin-bottom: 10px; } .conTmodal .modal.fade.show .modal-content .modal-body .contenido::-webkit-scrollbar { width: 12px; } .conTmodal .modal.fade.show .modal-content .modal-body .contenido::-webkit-scrollbar-track { background-color: #e3ebf2; padding: 10px 5px 0px 0px; } .conTmodal .modal.fade.show .modal-content .modal-body .contenido::-webkit-scrollbar-thumb { background: rgba(72, 121, 167, 0.36862745); } .conTmodal .modal.fade.show .modal-content .modal-body .descargar { width: 100%; height: auto; margin: 15px auto 0px auto; display: block; border-top: 1px solid rgba(128, 128, 128, 0.27); padding: 0px; } .conTmodal .modal.fade.show .modal-content .modal-body .descargar i { color: #ffffff; margin-right: 5px; } .conTmodal .modal.fade.show .modal-content .modal-body .descargar a.download { color: #fff; background: #f19313; border: none; padding: 5px 15px; display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 0.9em; margin: 5px 0px 0px 0px; } .conTmodal .modal.fade.show .modal-footer { display: block!important; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 0.5rem 1rem 0rem 1rem; border-top: 1px solid #e9ecef; text-align: center; } .conTmodal .modal.fade.show .modal-footer p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; -ms-text-align-last: auto; text-align: left; } .conTmodal .modal.fade.show .modal-footer a.download { color: #fff; background: #f19313; border: none; padding: 5px 15px; display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 0.9em; margin: 0px auto 0px auto; transition: all 0.3s ease-in-out; } .conTmodal .modal.fade.show .modal-footer a.download i { margin-right: 5px; } .conTmodal .modal.fade.show .modal-footer a.download:hover { color: #fff; background: #07559d; text-decoration: none; } .conTmodal .modal.fade.show .modal-footer a.download:hover i { margin-right: 5px; } .conTmodal .modal.fade.show .modal-footer span { margin: 0px; padding: 0px; display: block; text-align: center; } .conTmodal .modal.fade.show .modal-footer span a:link, .conTmodal .modal.fade.show .modal-footer span a:visited { font-size: 1.2em; color: #07559d; } .conTmodal .modal.fade.show .modal-footer span a:hover, .conTmodal .modal.fade.show .modal-footer span a:focus, .conTmodal .modal.fade.show .modal-footer span a:active { color: rgba(0, 85, 153, 0.9); } /*Cierre Modal Video*/ /*CUIERRE MODALES*/ .containerBreadcrumbs { width: 100%; height: auto; margin: 0px; padding: 0px; } .containerBreadcrumbs .container ul.breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 0rem; list-style: none; background-color: #fff; border-radius: 0rem; border-bottom: 1px solid #eeeeee; } .containerBreadcrumbs .container ul.breadcrumb li a:link, .containerBreadcrumbs .container ul.breadcrumb li a:visited { color: #005599; font-size: 1.2em; text-transform: none; transition: all 0.3s ease-in-out; font-family: 'Open Sans', sans-serif; font-weight: 400; } @media only screen and (min-width: 0px) and (max-width: 320px) { .containerBreadcrumbs .container ul.breadcrumb li a:link, .containerBreadcrumbs .container ul.breadcrumb li a:visited { font-size: 0.9em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { .containerBreadcrumbs .container ul.breadcrumb li a:link, .containerBreadcrumbs .container ul.breadcrumb li a:visited { ffont-size: 0.9em; } } .containerBreadcrumbs .container ul.breadcrumb li a:hover, .containerBreadcrumbs .container ul.breadcrumb li a:focus, .containerBreadcrumbs .container ul.breadcrumb li a:active { color: #bebebe!important; font-size: 1.2em; text-decoration: none; text-transform: none; font-family: 'Open Sans', sans-serif; font-weight: 400; } @media only screen and (min-width: 0px) and (max-width: 320px) { .containerBreadcrumbs .container ul.breadcrumb li a:hover, .containerBreadcrumbs .container ul.breadcrumb li a:focus, .containerBreadcrumbs .container ul.breadcrumb li a:active { font-size: 0.9em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { .containerBreadcrumbs .container ul.breadcrumb li a:hover, .containerBreadcrumbs .container ul.breadcrumb li a:focus, .containerBreadcrumbs .container ul.breadcrumb li a:active { ffont-size: 0.9em; } } .containerBreadcrumbs .container ul.breadcrumb li .divider { padding: 0 5px; color: #ccc; } .containerBreadcrumbs .container ul.breadcrumb li.active { color: #999999; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1.2em; padding: 0 5px; } @media only screen and (min-width: 0px) and (max-width: 320px) { .containerBreadcrumbs .container ul.breadcrumb li.active { font-size: 0.9em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { .containerBreadcrumbs .container ul.breadcrumb li.active { font-size: 0.9em; } } section.banner { margin: 90px 0px 0px 0px; padding: 0px; /* height: 250px;*/ } @media only screen and (min-width: 0px) and (max-width: 529px) { section.banner { margin: 65px 0px 0px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.banner { margin: 82px 0px 0px 0px; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { section.banner { margin: 89px 0px 0px 0px; } } section.banner h5 { color: #fcbc12; font-size: 3em; font-weight: 600; } section.banner p { color: #000000; font-size: 2em; } section.banner .carousel-control-prev-icon { display: inline-block; width: 45px; height: 45px; padding: 5px; background: #07559d no-repeat center center; border-radius: 100%; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.banner .carousel-control-prev-icon { width: 25px; height: 25px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.banner .carousel-control-prev-icon { width: 30px; height: 30px; } } section.banner .carousel-control-next-icon { display: inline-block; width: 45px; height: 45px; padding: 5px; background: #07559d no-repeat center center; border-radius: 100%; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.banner .carousel-control-next-icon { width: 25px; height: 25px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.banner .carousel-control-next-icon { width: 30px; height: 30px; } } section.banner .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); background-size: 50%; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.banner .carousel-control-prev-icon { background-size: 40%; } } section.banner .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); background-size: 50%; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.banner .carousel-control-next-icon { background-size: 40%; } } section.banner .carousel-indicators { cursor: pointer; bottom: -5px; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.banner .carousel-indicators { display: none; } } section.banner .slide .carousel-inner .carousel-item img { width: 100%!important; height: auto!important; max-width: 100%!important; vertical-align: middle!important; } section.nuestros_asociados { margin: 0px; padding: 0px; /*Inicio del titular Nuestros asociados*/ } section.nuestros_asociados .carousel-inner { width: 100%; max-width: 90%; height: auto; margin: 0px auto; } section.nuestros_asociados .carousel-inner a.thumbnail img { max-width: 100%; height: auto; } section.nuestros_asociados .carousel-control-prev-icon { position: absolute; width: 45px; height: 45px; padding: 5px; background: #5687c9 no-repeat center center; border-radius: 100%; left: -60px; } @media only screen and (min-width: 530px) and (max-width: 949px) { section.nuestros_asociados .carousel-control-prev-icon { width: 20px; height: 20px; left: 0px; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { section.nuestros_asociados .carousel-control-prev-icon { width: 20px; height: 20px; left: 0px; } } section.nuestros_asociados .carousel-control-next-icon { position: absolute; width: 45px; height: 45px; padding: 5px; background: #5687c9 no-repeat center center; border-radius: 100%; right: -60px; } @media only screen and (min-width: 530px) and (max-width: 949px) { section.nuestros_asociados .carousel-control-next-icon { width: 20px; height: 20px; left: 84px; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { section.nuestros_asociados .carousel-control-next-icon { width: 20px; height: 20px; right: 0px; } } section.nuestros_asociados .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); background-size: 50%; } section.nuestros_asociados .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); background-size: 50%; } section.nuestros_asociados .carousel-indicators { display: none; bottom: -5px; } section.nuestros_asociados .titulo_nustros_asociados { width: 260px; height: 39px; overflow: hidden; text-align: center; margin: 0px auto 20px auto; padding: 8px 0px 10px 0px; background: url("../img/fondo_nuestros_asociados_02.svg"); background-repeat: no-repeat; background-size: 100%; /* background:@color-fonfo-titulo-blanco; border-radius:0px 0px 15px 15px;*/ } @media only screen and (min-width: 0px) and (max-width: 529px) { section.nuestros_asociados .titulo_nustros_asociados { width: 208px; } } section.nuestros_asociados .titulo_nustros_asociados h2 { color: #ffffff; display: inline-block; font-size: 1.5em; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 400; /* letter-spacing:0.05em;*/ } @media only screen and (min-width: 0px) and (max-width: 529px) { section.nuestros_asociados .titulo_nustros_asociados h2 { font-size: 1.2em; } } main { /*Inicio de Consultas*/ } main section.consultas { width: 100%; height: auto; /*background: red;*/ margin: 20px 0px 20px 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { main section.consultas { margin: 0px 0px 20px 0px; } } main section.consultas h1 { border-bottom: 1px solid #313485; font-size: 2.2em; margin: 0px 0px 15px 0px; font-weight: 600; } main section.consultas .article_consultas { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; border-top: 1px solid rgba(7, 85, 157, 0.2); border-right: none; border-left: 1px solid rgba(7, 85, 157, 0.2); border-bottom: none; } main section.consultas .article_consultas article.article_line_bootom { border-bottom: 1px solid rgba(7, 85, 157, 0.2); height: auto; overflow: hidden; display: block; } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas { border-right: 1px solid rgba(7, 85, 157, 0.2); border-bottom: 1px solid rgba(7, 85, 157, 0.2); background: #ffffff; margin: 0px; padding: 10px 10px 0px 10px; float: left; transition: all 0.3s ease-out; cursor: pointer; } @media only screen and (min-width: 0px) and (max-width: 529px) { main section.consultas .article_consultas article.article_line_bootom .post_article_consultas { padding: 10px; } } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-4 { width: 25%; height: 60px; overflow: visible; float: left; margin: 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-4 { width: auto; height: auto; } } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-4 span.thumbnails { width: 50px; height: 50px; float: left; border: 3px solid rgba(255, 255, 255, 0.2); border-radius: 100%; /* background: @color-bordes-cajas;*/ /*background:#FFC107;*/ background: #f19313; margin: 0px; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 529px) { main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-4 span.thumbnails { width: 35px; height: 35px; } } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-4 span.thumbnails i { color: #fff; margin: 9px 0px; font-size: 2em; } @media only screen and (min-width: 0px) and (max-width: 529px) { main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-4 span.thumbnails i { color: #fff; margin: 5px 0px; font-size: 1.5em; } } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-4 span.thumbnails h3 { text-align: center; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 600; margin: 15px 0px; } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-8 { width: 70%; height: auto; overflow: hidden; float: left; margin: 0px; padding: 7px 0px 10px 10px; } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-8 h1 { color: #4168ab; text-transform: uppercase; font-size: 1.3em; margin: 0px 0px 5px 0px; padding: 0px; border-bottom: none; font-weight: 600; } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-8 p { text-align: left; color: #000000; font-size: 1.2em; line-height: 135%; font-family: 'Open Sans', sans-serif; margin: 0px; } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-8:nth-child(2) { width: 70%; height: auto; overflow: hidden; float: left; margin: 0px; padding: 7px 0px 10px 10px; } @media only screen and (min-width: 0px) and (max-width: 529px) { main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-8:nth-child(2) { padding: 8px 0px 0px 10px; width: auto; } } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-8:nth-child(2) h1 { color: #4168ab; text-transform: uppercase; font-size: 1.3em; margin: 0px 0px 5px 0px; padding: 0px; border-bottom: none; font-weight: 600; max-width: 95%; } @media only screen and (min-width: 0px) and (max-width: 529px) { main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-8:nth-child(2) h1 { font-size: 1.2em; white-space: nowrap; } } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas .consultas-col-8:nth-child(2) p { text-align: left; color: #000000; font-size: 1.2em; line-height: 135%; font-family: 'Open Sans', sans-serif; margin: 0px; } main section.consultas .article_consultas article.article_line_bootom .post_article_consultas:hover { background: rgba(7, 85, 157, 0.2); } main section.consultas .article_consultas .post_article_consultas:nth-child(3) { border-right: 1px solid rgba(7, 85, 157, 0.2); } main section.consultas .article_consultas .post_article_consultas:last-child { border-right: 1px solid rgba(7, 85, 157, 0.2); } main section.consultas .article_consultas .article_line_bootom:last-child { border-bottom: none!important; } /*Cierre de Consultas*/ /*Inicio de estudios*/ section.estudios { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 20px 0px; } section.estudios h1 { border-bottom: 1px solid #313485; font-size: 2.2em; margin: 0px 0px 15px 0px; font-weight: 600; } section.estudios .article_estudios { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; border: 1px solid rgba(7, 85, 157, 0.2); } section.estudios .article_estudios h2 { font-size: 1.3em; color: #4168ab; text-transform: uppercase; text-align: center; font-weight: 600; } section.estudios .article_estudios .post_article_estudios { border-right: 1px solid rgba(7, 85, 157, 0.2); background: #ffffff; margin: 0px; padding: 20px; float: left; transition: all 0.3s ease-out; } section.estudios .article_estudios .post_article_estudios .grafico { width: 100%; height: 170px; margin: 0px; padding: 0px; background: rgba(199, 199, 199, 0.2); border: 1px solid rgba(49, 52, 133, 0.1); } section.estudios .article_estudios .post_article_estudios .bajada_grafico { width: 100%; height: auto; overflow: hidden; margin: 10px 0px 10px 0px; padding: 0px; } section.estudios .article_estudios .post_article_estudios .bajada_grafico .estudios-col-1 { width: 10%; height: auto; overflow: visible; float: left; margin: 0px; padding: 0px; } section.estudios .article_estudios .post_article_estudios .bajada_grafico .estudios-col-1 i { font-size: 1.4em; color: #96d9f6; margin: 10px auto 10px auto; } section.estudios .article_estudios .post_article_estudios .bajada_grafico .estudios-col-9 { width: 90%; height: auto; overflow: visible; float: left; margin: 0px; padding: 0px; } section.estudios .article_estudios .post_article_estudios .bajada_grafico .estudios-col-9 h3 { color: #352c6d; text-transform: uppercase; font-size: 1.4em; margin: 0px; padding: 0px; border-bottom: none; font-family: 'Open Sans', sans-serif; font-weight: 600; } section.estudios .article_estudios .post_article_estudios .bajada_grafico .estudios-col-9 p { text-align: left; color: #000000; font-size: 1.2em; line-height: 135%; font-family: 'Open Sans', sans-serif; margin: 0px; } section.estudios .article_estudios .post_article_estudios:last-child { border-right: none; } /*Cierre de estudios*/ /*Inicio de noticias*/ section.noticias { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 40px 0px; /*Cierre noticias col-10*/ } @media only screen and (min-width: 0px) and (max-width: 529px) { section.noticias { margin: 0px 0px 20px 0px; } } section.noticias h1 { border-bottom: 1px solid #313485; font-size: 2.2em; margin: 0px 0px 15px 0px; font-weight: 600; } section.noticias .article_noticias { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 20px 0px; padding: 0px; border: 1px solid rgba(7, 85, 157, 0.2); } section.noticias .article_noticias article.article_post_img { width: 50%; height: auto; float: left; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.noticias .article_noticias article.article_post_img { width: 100%; } } section.noticias .article_noticias article.article_post_img img { max-width: 100%; width: 100%; height: 252px; margin: 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.noticias .article_noticias article.article_post_img img { height: 210px; } } section.noticias .article_noticias article.article_post_img_detail { width: 50%; height: auto; overflow: hidden; float: left; padding: 15px 20px; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.noticias .article_noticias article.article_post_img_detail { width: 100%; } } section.noticias .article_noticias article.article_post_img_detail h1 { font-size: 1.3em; margin: 0px 0px 15px 0px; text-transform: none; border-bottom: none; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 20px; } section.noticias .article_noticias article.article_post_img_detail time { display: block; float: left; margin: 0px; padding: 0px; width: 100%; } section.noticias .article_noticias article.article_post_img_detail time i { font-size: 1.2em; color: #6f6f71; margin: 0px 5px 0px 0px; } section.noticias .article_noticias article.article_post_img_detail time p { color: #6f6f71; font-size: 1.2em; font-family: 'Open Sans', sans-serif; margin: 0px 0px 10px 0px; padding: 0px; } section.noticias .article_noticias article.article_post_img_detail p { text-align: left; color: #000000; font-size: 1.2em; line-height: 135%; font-family: 'Open Sans', sans-serif; margin: 0px; margin: 0px 0px 10px 0px; } section.noticias .article_noticias article.article_post_img_detail a.float-right { margin: 25px 0px 0px 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.noticias .article_noticias article.article_post_img_detail a.float-right { margin: 15px 0px 0px 0px; } } section.noticias .article_noticias article.post_left { width: 50%; height: 120px; background: purple; float: left; } section.noticias .article_noticias article.post_right { width: 50%; height: 120px; background: pink; float: left; } section.noticias .article_noticias_inferior { border: 1px solid rgba(7, 85, 157, 0.2); padding: 0px; height: auto; overflow: hidden; /*Inicio noticias col-10*/ } @media only screen and (min-width: 0px) and (max-width: 529px) { section.noticias .article_noticias_inferior { margin-bottom: 15px; } } section.noticias .article_noticias_inferior .noticias-col-2 { width: 25%; height: auto; overflow: visible; float: left; margin: 0px; padding: 0px; } section.noticias .article_noticias_inferior .noticias-col-2 img { max-width: 100%; width: 100%; height: auto; margin: 0px; padding: 0px; } section.noticias .article_noticias_inferior .noticias-col-10 { width: 75%; height: auto; overflow: visible; float: left; margin: 0px; padding: 8px 12px; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.noticias .article_noticias_inferior .noticias-col-10 { padding: 5px 12px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.noticias .article_noticias_inferior .noticias-col-10 { padding: 5px 12px; } } section.noticias .article_noticias_inferior .noticias-col-10 h3 { color: #000000; text-transform: none; font-size: 1.2em; margin: 0px 0px 5px 0px; padding: 0px; border-bottom: none; font-family: 'Open Sans', sans-serif; font-weight: 600; text-decoration: none; transition: all 0.3s ease-in-out; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.noticias .article_noticias_inferior .noticias-col-10 h3 { font-size: 0.9em; } } section.noticias .article_noticias_inferior .noticias-col-10 h3 a { color: #000000; text-transform: none; font-size: 1.2em; margin: 0px 0px 5px 0px; padding: 0px; border-bottom: none; font-family: 'Open Sans', sans-serif; font-weight: 600; text-decoration: none; transition: all 0.3s ease-in-out; } section.noticias .article_noticias_inferior .noticias-col-10 h3 a:hover { color: rgba(0, 0, 0, 0.5); } section.noticias .article_noticias_inferior .noticias-col-10 time { display: block; float: left; margin: 5px 0px 0px 0px; padding: 0px; width: 100%; } section.noticias .article_noticias_inferior .noticias-col-10 time i { font-size: 1em; color: #6f6f71; margin: 0px 5px 0px 0px; } section.noticias .article_noticias_inferior .noticias-col-10 time p { color: #6f6f71; font-size: 1.2em; font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px; } /*Cierre de Consultas*/ /*Inicio de Multimedia*/ section.multimedia { width: 100%; height: auto; /*background: red;*/ margin: 10px 0px 10px 0px; } section.multimedia h1 { border-bottom: 1px solid #313485; font-size: 2.2em; margin: 0px 0px 15px 0px; font-weight: 600; } section.multimedia .article_multimedia { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 20px 0px; padding: 0px; border: none; } section.multimedia .article_multimedia article.article_post_video { width: 100%; height: auto; } section.multimedia .article_multimedia article.article_post_video iframe { max-width: 100%; width: 100%; height: 200px; margin: 0px; padding: 0px; } /*Inicio de Multimedia*/ /*Inicio de Publicaciones*/ section.publicaciones { width: 100%; height: auto; /*background: red;*/ margin: 10px 0px 10px 0px; } section.publicaciones h1 { border-bottom: 1px solid #313485; font-size: 2.2em; margin: 0px 0px 15px 0px; font-weight: 600; } section.publicaciones .article_publicaciones { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 20px 0px; padding: 0px; border: none; } section.publicaciones .article_publicaciones article.article_post_publicaciones { width: 100%; height: auto; } section.publicaciones .article_publicaciones article.article_post_publicaciones ul { list-style-type: none; margin: 0px; padding: 0px; } section.publicaciones .article_publicaciones article.article_post_publicaciones ul li { padding: 5px 0px 5px 10px; border-bottom: 5px solid rgba(190, 200, 209, 0.5); transition: all 0.3s ease-out; background: #fff; cursor: pointer; } section.publicaciones .article_publicaciones article.article_post_publicaciones ul li i { color: rgba(7, 85, 157, 0.8); font-size: 0.9em; margin: 0px 10px 0px 0px; } section.publicaciones .article_publicaciones article.article_post_publicaciones ul li a:link, section.publicaciones .article_publicaciones article.article_post_publicaciones ul li a:visited { color: #005599; font-size: 1.1em; text-transform: uppercase; font-weight: 400; } section.publicaciones .article_publicaciones article.article_post_publicaciones ul li a:hover, section.publicaciones .article_publicaciones article.article_post_publicaciones ul li a:focus, section.publicaciones .article_publicaciones article.article_post_publicaciones ul li a:active { color: #fff!important; font-size: 1.1em; text-decoration: none; text-transform: uppercase; font-weight: 400; } section.publicaciones .article_publicaciones article.article_post_publicaciones ul li:hover { background: rgba(7, 85, 157, 0.9); } section.publicaciones .article_publicaciones article.article_post_publicaciones ul li:hover i { color: rgba(255, 255, 255, 0.8); font-size: 1em; margin: 0px 10px 0px 0px; } section.publicaciones .article_publicaciones article.article_post_publicaciones ul li:hover a:link, section.publicaciones .article_publicaciones article.article_post_publicaciones ul li:hover a:visited { color: #fff; font-size: 1.1em; } section.publicaciones .article_publicaciones article.article_post_publicaciones ul li:hover a:hover, section.publicaciones .article_publicaciones article.article_post_publicaciones ul li:hover a:focus, section.publicaciones .article_publicaciones article.article_post_publicaciones ul li:hover a:active { color: #005599; font-size: 1.1em; text-decoration: none; } /*Inicio de Publicaciones*/ /*Inicio de Educación financiera*/ section.educacion_financiera { width: 100%; height: auto; /*background: red;*/ margin: 0px; } section.educacion_financiera h1 { border-bottom: 1px solid #313485; font-size: 2em; margin: 0px 0px 15px 0px; font-weight: 600; } section.educacion_financiera .article_educacion_financiera { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 20px 0px; padding: 0px; border: none; } section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera { width: 100%; height: auto; } section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul { list-style-type: none; margin: 0px; padding: 0px; } section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li { padding: 5px 0px 5px 10px; border-bottom: 5px solid rgba(190, 200, 209, 0.5); transition: all 0.3s ease-out; background: #fff; cursor: pointer; overflow: hidden; } section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li i { color: rgba(7, 85, 157, 0.8); font-size: 0.9em; margin: 0px 10px 0px 0px; } section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li a:link, section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li a:visited { color: #005599; font-size: 1.1em; text-transform: uppercase; white-space: nowrap; font-weight: 400; } section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li a:hover, section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li a:focus, section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li a:active { color: #fff!important; font-size: 1.1em; text-decoration: none; font-weight: 400; } section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li:hover { background: rgba(7, 85, 157, 0.9); } section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li:hover i { color: #ffffff; font-size: 1em; margin: 0px 10px 0px 0px; } section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li:hover a:link, section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li:hover a:visited { color: #fff; font-size: 1.1em; font-weight: 400; } section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li:hover a:hover, section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li:hover a:focus, section.educacion_financiera .article_educacion_financiera article.article_post_educacion_financiera ul li:hover a:active { color: #005599; font-size: 1.1em; text-decoration: none; font-weight: 400; } /*Inicio de Publicaciones*/ /*=====================================Inicio del aside*==============================*/ aside.aside { width: 100%; height: auto; overflow: hidden; background: #fff; margin: 25px 0px 0px 0px; box-sizing: border-box; } aside.aside span { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; position: relative; } aside.aside span form { position: relative; width: 100%; height: 45px; overflow: hidden; margin: 0px; padding: 0px; } aside.aside span form .screen-reader-text { display: none; } aside.aside span form input[type=search].search-field { position: absolute; top: 0px; border: 1px solid #bfbfbf; background: rgba(255, 255, 255, 0); border-radius: 20px; width: 100%; padding: 10px 33px 10px 20px; } aside.aside span form button[type=submit].search-submit { position: absolute; top: 9px; right: 2px; border: none; background: #c6c6c6; width: 30px; height: 30px; padding: 0px; margin: 0px; background: url(../img/search.svg); background-repeat: no-repeat; background-size: 19px; } aside.aside span input[type=search] { border: 1px solid #bfbfbf; background: #fff; border-radius: 20px; width: 100%; padding: 10px 33px 10px 20px; } aside.aside span i { position: absolute; top: 1px; right: 15px; font-size: 1.3em; color: #bfbfbf; } aside.aside .tituloAccesos { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 0px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } aside.aside .tituloAccesos h1 { color: #000; font-size: 1.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: uppercase; } aside.aside .accesos { width: 100%; height: auto; } aside.aside .accesos ul { list-style-type: none; margin: 15px 0px 36px 0px; padding: 0px; } aside.aside .accesos ul a:link, aside.aside .accesos ul a:visited { color: #fff; font-size: 1.2em; text-transform: uppercase; float: right; font-weight: 300; letter-spacing: 1px; width: 100%; display: block; } @media only screen and (min-width: 950px) and (max-width: 1366px) { aside.aside .accesos ul a:link, aside.aside .accesos ul a:visited { font-size: 1em; } } aside.aside .accesos ul a:hover, aside.aside .accesos ul a:focus, aside.aside .accesos ul a:active { color: #fff!important; font-size: 1.2em; text-decoration: none; font-weight: 300; letter-spacing: 1px; width: 100%; display: block; } @media only screen and (min-width: 950px) and (max-width: 1366px) { aside.aside .accesos ul a:hover, aside.aside .accesos ul a:focus, aside.aside .accesos ul a:active { font-size: 1em; } } aside.aside .accesos ul a li { padding: 10px 10px 10px 10px; border-bottom: 5px solid #0f5ca0; transition: all 0.3s ease-out; background: #3977b2; cursor: pointer; margin-bottom: 5px; height: auto; overflow: hidden; text-align: right; } aside.aside .accesos ul a li i { color: #fff; font-size: 1.5em; margin: 0px 10px 0px 0px; float: left; } @media only screen and (min-width: 950px) and (max-width: 1366px) { aside.aside .accesos ul a li i { font-size: 1.3em; } } aside.aside .accesos ul li:hover { background: rgba(7, 85, 157, 0.4); padding: 10px 10px 10px 10px; } aside.aside .accesos ul li:hover i { color: #fff; font-size: 1.5em; margin: 0px 10px 0px 0px; } aside.aside .accesos ul li:hover a:link, aside.aside .accesos ul li:hover a:visited { color: #fff; font-size: 1.2em; font-weight: 300; letter-spacing: 1px; } aside.aside .accesos ul li:hover a:hover, aside.aside .accesos ul li:hover a:focus, aside.aside .accesos ul li:hover a:active { color: #005599; font-size: 1.2em; text-decoration: none; font-weight: 300; letter-spacing: 1px; } aside.aside .asidePublicidad { width: 100%; height: auto; overflow: hidden; margin: 0px auto 20px auto; padding: 0px; border-top: 1px solid rgba(7, 85, 157, 0.2); border-bottom: 1px solid rgba(7, 85, 157, 0.2); text-align: center; } aside.aside .asidePublicidad img { width: 100%; height: auto; max-width: 70%; padding: 0px; margin: 0px 10%; } /*====================================Cierre del aside*===============================*/ aside.biblioAside { width: 330px; height: 307px; box-sizing: border-box; position: fixed; top: 43%; right: -335px; padding: 0px; margin: 0px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.16); border-radius: 0px; z-index: 1000; transition: all 0.3s ease-in-out; /* background: red;*/ } @media only screen and (min-width: 0px) and (max-width: 529px) { aside.biblioAside { display: block; } } @media only screen and (min-width: 530px) and (max-width: 949px) { aside.biblioAside { display: block; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { aside.biblioAside { display: none; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { aside.biblioAside { display: none; } } @media only screen and (min-width: 1367px) and (max-width: 2560px) { aside.biblioAside { display: none; } } aside.biblioAside .wrap { width: 100%; height: auto; margin: 0px; padding: 0px; position: absolute; background: #e7e8ea; border-radius: 0px; box-shadow: -1px 1px 10px 2px rgba(0, 0, 0, 0.22); transition: all 0.3s ease-in-out; opacity: 0; right: 0px; z-index: 2; } @media only screen and (min-width: 0px) and (max-width: 320px) { aside.biblioAside .wrap { width: 85%; } } aside.biblioAside .wrap span { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; position: relative; } aside.biblioAside .wrap span input[type=search] { border: 1px solid #bfbfbf; background: #fff; border-radius: 20px; width: 100%; padding: 10px 33px 10px 20px; } aside.biblioAside .wrap span i { position: absolute; top: 1px; right: 15px; font-size: 1.3em; color: #bfbfbf; } aside.biblioAside .wrap .tituloAccesos { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 0px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } aside.biblioAside .wrap .tituloAccesos h1 { color: #000; font-size: 1.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: uppercase; } aside.biblioAside .wrap .accesos { width: 100%; height: auto; } @media only screen and (min-width: 0px) and (max-width: 320px) { aside.biblioAside .wrap .accesos { width: 97%; } } aside.biblioAside .wrap .accesos ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } aside.biblioAside .wrap .accesos ul li { padding: 10px 10px 10px 10px; border-bottom: 5px solid #0f5ca0; transition: all 0.3s ease-out; background: #3977b2; cursor: pointer; /* margin-bottom: 5px; */ height: auto; overflow: hidden; } aside.biblioAside .wrap .accesos ul li i { color: #fff; font-size: 1.5em; margin: 0px 10px 0px 0px; float: left; } @media only screen and (min-width: 0px) and (max-width: 320px) { aside.biblioAside .wrap .accesos ul li i { font-size: 1em; } } aside.biblioAside .wrap .accesos ul li a:link, aside.biblioAside .wrap .accesos ul li a:visited { color: #fff; font-size: 1.1em; text-transform: uppercase; float: right; font-weight: 300; letter-spacing: 1px; margin-right: 15px; } @media only screen and (min-width: 0px) and (max-width: 320px) { aside.biblioAside .wrap .accesos ul li a:link, aside.biblioAside .wrap .accesos ul li a:visited { font-size: 0.9em; margin-right: 0px; } } aside.biblioAside .wrap .accesos ul li a:hover, aside.biblioAside .wrap .accesos ul li a:focus, aside.biblioAside .wrap .accesos ul li a:active { color: #fff!important; font-size: 1.1em; text-decoration: none; font-weight: 300; letter-spacing: 1px; } @media only screen and (min-width: 0px) and (max-width: 320px) { aside.biblioAside .wrap .accesos ul li a:hover, aside.biblioAside .wrap .accesos ul li a:focus, aside.biblioAside .wrap .accesos ul li a:active { font-size: 0.9em; margin-right: 0px; } } aside.biblioAside .wrap .accesos ul li:hover { background: rgba(7, 85, 157, 0.4); padding: 10px 10px 10px 10px; } aside.biblioAside .wrap .accesos ul li:hover i { color: #fff; font-size: 1.5em; margin: 0px 10px 0px 0px; } aside.biblioAside .wrap .accesos ul li:hover a:link, aside.biblioAside .wrap .accesos ul li:hover a:visited { color: #fff; font-size: 1.1em; font-weight: 300; letter-spacing: 1px; } aside.biblioAside .wrap .accesos ul li:hover a:hover, aside.biblioAside .wrap .accesos ul li:hover a:focus, aside.biblioAside .wrap .accesos ul li:hover a:active { color: #005599; font-size: 1.1em; text-decoration: none; font-weight: 300; letter-spacing: 1px; } aside.biblioAside .wrapMov { opacity: 1; } aside.biblioAside p.toogle { font-size: 18px; color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: 600; width: 150px; opacity: 1; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); padding: 5px 10px 20px 10px; text-transform: uppercase; background: #3977b2; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 10px 10px 0px 0px; position: absolute; left: -95px; top: 29%; cursor: pointer; -webkit-transition: all ease .35s; -o-transition: all ease .35s; transition: all ease .35s; z-index: 1; } @media only screen and (min-width: 0px) and (max-width: 320px) { aside.biblioAside p.toogle { font-size: 13px; color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: 600; width: 120px; opacity: 1; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); padding: 6px 0px 5px 0px; text-transform: uppercase; background: #3977b2; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 10px 10px 0px 0px; position: absolute; left: -80px; top: 29%; cursor: pointer; -webkit-transition: all ease .35s; -o-transition: all ease .35s; transition: all ease .35s; z-index: 1; } } @media only screen and (min-width: 0px) and (max-width: 529px) { aside.biblioAside p.toogle { font-size: 13px; color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: 600; width: 120px; opacity: 1; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); padding: 6px 0px 5px 0px; text-transform: uppercase; background: #3977b2; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 10px 10px 0px 0px; position: absolute; left: -80px; top: 29%; cursor: pointer; -webkit-transition: all ease .35s; -o-transition: all ease .35s; transition: all ease .35s; z-index: 1; } } @media only screen and (min-width: 530px) and (max-width: 949px) { aside.biblioAside p.toogle { font-size: 13px; color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: 600; width: 120px; opacity: 1; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); padding: 6px 0px 5px 0px; text-transform: uppercase; background: #3977b2; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 10px 10px 0px 0px; position: absolute; left: -80px; top: 29%; cursor: pointer; -webkit-transition: all ease .35s; -o-transition: all ease .35s; transition: all ease .35s; z-index: 1; } } aside.biblioAside p.toogle i { color: #fff; -ms-transform: rotate(-270deg); -webkit-transform: rotate(-270deg); transform: rotate(-270deg); transition: all 0.3s ease-in-out; } aside.biblioAside p.toogleMov { font-size: 18px; color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: 600; width: 150px; opacity: 1; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); padding: 5px 10px 20px 10px; text-transform: uppercase; background: #3977b2; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 10px 10px 0px 0px; position: absolute; left: -95px; top: 29%; cursor: pointer; -webkit-transition: all ease .35s; -o-transition: all ease .35s; transition: all ease .35s; z-index: 1; } @media only screen and (min-width: 0px) and (max-width: 320px) { aside.biblioAside p.toogleMov { font-size: 13px; color: #f80000; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: 600; width: 120px; opacity: 1; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); padding: 6px 0px 5px 0px; text-transform: uppercase; background: #b23968; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 10px 10px 0px 0px; position: absolute; left: -23px !important; top: 29%; cursor: pointer; -webkit-transition: all ease .35s; -o-transition: all ease .35s; transition: all ease .35s; z-index: 1; } } @media only screen and (min-width: 0px) and (max-width: 529px) { aside.biblioAside p.toogleMov { font-size: 13px; color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: 600; width: 120px; opacity: 1; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); padding: 6px 0px 5px 0px; text-transform: uppercase; background: #3977b2; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 10px 10px 0px 0px; position: absolute; left: -75px; top: 29%; cursor: pointer; -webkit-transition: all ease .35s; -o-transition: all ease .35s; transition: all ease .35s; z-index: 1; } } @media only screen and (min-width: 530px) and (max-width: 949px) { aside.biblioAside p.toogleMov { font-size: 13px; color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: 600; width: 120px; opacity: 1; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); padding: 6px 0px 5px 0px; text-transform: uppercase; background: #3977b2; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3); text-align: center; border-radius: 10px 10px 0px 0px; position: absolute; left: -75px; top: 29%; cursor: pointer; -webkit-transition: all ease .35s; -o-transition: all ease .35s; transition: all ease .35s; z-index: 1; } } aside.biblioAside p.toogleMov i { color: #fff; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); transition: all 0.3s ease-in-out; } aside.biblioAsideMov { right: 0px; } @media only screen and (min-width: 0px) and (max-width: 320px) { aside.biblioAsideMov { right: -17px; } } /*====================================Inicio de footer================================*/ footer.footer { width: 100%; height: auto; padding: 30px 0px 30px 0px; background: #454545; /*==================inicio Logo dirección===========*/ /*==================Cierre Logo dirección===========*/ /*=================Inicio Link de interes===========*/ /*=================Cierre Link de interes===========*/ /*=================Inicio Redes sociales===========*/ /*=================Cierre Redes sociales===========*/ } footer.footer .logoDireccion { width: 100%; height: auto; display: block; /* .tituloContactenos { width: 100%; height: auto; overflow: hidden; margin: @margin-0; padding: @padding-0; border-bottom: 1px solid fade(@color-border-title-footer, 100%); display: block; h1 { color: #fff; font-size: 1.5em; border-bottom: 5px solid fade(@color-border-title-footer, 100%); margin: @margin-0; padding: @padding-0; display: inline-block; position: relative; } }*/ } footer.footer .logoDireccion .logoFooter { width: 130px; height: 130px; margin: 0px 10px 0px 0px; padding: 0px; display: inline-block; } footer.footer .logoDireccion .logoFooter img { width: 100%; max-width: 100%; height: auto; margin: 0px; padding: 0px; } footer.footer .logoDireccion .direcciones { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 5px 0px; padding: 0px; } footer.footer .logoDireccion .direcciones .tituloContactenos { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 15px 0px; padding: 0px; border-bottom: 1px solid #82d5f5; display: block; position: relative; } footer.footer .logoDireccion .direcciones .tituloContactenos h1 { color: #fff; font-size: 1.5em; border-bottom: 5px solid #82d5f5; margin: 0px; padding: 0px; display: inline-block; } footer.footer .logoDireccion .direcciones .tituloContactenos i { position: absolute; right: 0px; color: rgba(255, 255, 255, 0.5); } footer.footer .logoDireccion .direcciones .tituloRedessociales { width: 100%; height: auto; overflow: hidden; margin: 20px 0px 0px 0px; padding: 0px; border-bottom: 1px solid #82d5f5; display: block; position: relative; } footer.footer .logoDireccion .direcciones .tituloRedessociales h1 { color: #fff; font-size: 1.5em; border-bottom: 5px solid #82d5f5; margin: 0px; padding: 0px; display: inline-block; } footer.footer .logoDireccion .direcciones .tituloRedessociales i { position: absolute; right: 0px; color: rgba(255, 255, 255, 0.5); } footer.footer .logoDireccion .direcciones ul { width: 100%; margin: 0px; padding: 0px; list-style-type: none; } footer.footer .logoDireccion .direcciones ul li { color: #ffffff; line-height: 170%; margin: 0px 0px 10px 0px; font-size: 1em; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 5px 0px 10px 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { footer.footer .logoDireccion .direcciones ul li { margin: 0px 0px 15px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.23); padding-bottom: 15px; } } footer.footer .logoDireccion .direcciones ul li span { width: 25px; height: auto; overflow: hidden; float: left; margin: 0px; padding: 0px; } footer.footer .logoDireccion .direcciones ul li span i { color: #82d5f5; font-size: 1.3em; margin: 0px 10px 0px 0px; } footer.footer .logoDireccion .direcciones ul li span:first-child { width: 25px; height: 30px; float: left; margin: 0px; padding: 0px 0px 0px 3px; overflow: hidden; } footer.footer .logoDireccion .direcciones ul li span:first-child i { color: #82d5f5; font-size: 1.3em; margin: 0px 10px 0px 0px; } footer.footer .logoDireccion .direcciones ul li a:link, footer.footer .logoDireccion .direcciones ul li a:visited { color: #fff; line-height: 170%; margin: 0px 0px 10px 0px; font-size: 1em; text-decoration: none; transition: all 0.3s ease-in-out; } footer.footer .logoDireccion .direcciones ul li a:hover, footer.footer .logoDireccion .direcciones ul li a:focus, footer.footer .logoDireccion .direcciones ul li a:active { color: #82d5f5; line-height: 170%; margin: 0px 0px 10px 0px; font-size: 1em; text-decoration: none; } footer.footer .logoDireccion .iconosRedessociales { width: 100%; margin: 15px 0px 0px 0px; padding: 0px; height: auto; overflow: hidden; float: left; } @media only screen and (min-width: 0px) and (max-width: 529px) { footer.footer .logoDireccion .iconosRedessociales { width: 100%; } } @media only screen and (min-width: 530px) and (max-width: 949px) { footer.footer .logoDireccion .iconosRedessociales { width: 100%; } } footer.footer .logoDireccion .iconosRedessociales a span.redes { width: 40px; height: 40px; border-radius: 100%; background: rgba(255, 255, 255, 0.5); display: inline-block; margin: 0px 15px 0px 0px; text-align: center; padding: 5px 0px 0px 0px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } @media only screen and (min-width: 0px) and (max-width: 529px) { footer.footer .logoDireccion .iconosRedessociales a span.redes { display: inline-block; margin: 0px 10px 10px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { footer.footer .logoDireccion .iconosRedessociales a span.redes { display: inline-block; margin: 0px 10px 10px 0px; } } footer.footer .logoDireccion .iconosRedessociales a span.redes i { color: #454545; font-size: 1.5em; margin: 5px 0px 0px 0px; } footer.footer .logoDireccion .iconosRedessociales a span.redes:hover { background: #fff; } footer.footer .logoDireccion .recibeNovedades { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } footer.footer .logoDireccion .recibeNovedades .tituloNovedades { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 15px 0px; padding: 0px; border-bottom: 1px solid #82d5f5; display: block; } footer.footer .logoDireccion .recibeNovedades .tituloNovedades h1 { color: #fff; font-size: 1.5em; border-bottom: 5px solid #82d5f5; margin: 0px; padding: 0px; display: inline-block; position: relative; } footer.footer .logoDireccion .recibeNovedades form .input-group { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; border-bottom: 1px solid #82d5f5; margin-top: 10px; position: relative; } footer.footer .logoDireccion .recibeNovedades form .input-group input[type="email"] { width: 100%; height: 30px; padding: 10px; color: #fff; background: rgba(255, 255, 255, 0.1); border-radius: 0px; border: none; font-size: 12px; } footer.footer .logoDireccion .recibeNovedades form .input-group input[type="email"]:focus { width: 100%; height: 30px; padding: 10px; color: #fff; background: rgba(255, 255, 255, 0.1); border-radius: 0px; border: none; font-size: 12px; } footer.footer .logoDireccion .recibeNovedades form .input-group input[type="email"]:-webkit-autofill { width: 100%; height: 30px; padding: 10px; color: #fff; background: rgba(255, 255, 255, 0.1) !important; border-radius: 0px; border: none; font-size: 12px; } footer.footer .logoDireccion .recibeNovedades form .input-group input[type="email"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.59); padding: 10px; font-size: 12px; } footer.footer .logoDireccion .recibeNovedades form .input-group span.input-group-btn { position: absolute; font-size: 0; width: 35px; height: 60px; white-space: nowrap; top: 0px; right: 0px; background: rgba(255, 255, 255, 0); } footer.footer .logoDireccion .recibeNovedades form .input-group span.input-group-btn button[type="submit"] { width: 35px; height: 60px; border: none; background: rgba(255, 255, 255, 0); text-align: center; background-image: url(../img/email.svg); background-repeat: no-repeat; background-position: 0px 3px; background-size: 23px; font-family: 'Open Sans', sans-serif; font-size: 10px; color: grey; text-transform: uppercase; padding: 7px 0; } footer.footer .linkdeInteres { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 5px 0px; padding: 0px; } footer.footer .linkdeInteres .tituloLinkdeinteres { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; border-bottom: 1px solid #82d5f5; display: block; position: relative; } footer.footer .linkdeInteres .tituloLinkdeinteres h1 { color: #fff; font-size: 1.5em; border-bottom: 5px solid #82d5f5; margin: 0px; padding: 0px; display: inline-block; } footer.footer .linkdeInteres .tituloLinkdeinteres i { position: absolute; right: 0px; color: rgba(255, 255, 255, 0.5); } footer.footer .linkdeInteres ul { width: 100%; height: auto; overflow: hidden; margin: 12px 0px 0px 0px; padding: 0px; list-style-type: none; -moz-column-count: 2; -moz-column-gap: 0px; -webkit-column-count: 2; -webkit-column-gap: 0px; column-count: 2; column-gap: 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { footer.footer .linkdeInteres ul { column-count: 1; column-gap: 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { footer.footer .linkdeInteres ul { -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 2; column-gap: 0px; } } footer.footer .linkdeInteres ul li { /*margin: @margin-bottom-5;*/ border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 10px 0px 10px 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { footer.footer .linkdeInteres ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.23); padding-bottom: 3px; } } footer.footer .linkdeInteres ul li span { width: 7px; height: auto; overflow: hidden; float: left; margin: 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { footer.footer .linkdeInteres ul li span { width: 10px; } } footer.footer .linkdeInteres ul li span i { color: #c1d9f1; font-size: 1em; margin: 0px 10px 0px 0px; } footer.footer .linkdeInteres ul li a:link, footer.footer .linkdeInteres ul li a:visited { color: #fff; font-size: 1em; transition: all 0.3s ease-in-out; } footer.footer .linkdeInteres ul li a:hover, footer.footer .linkdeInteres ul li a:focus, footer.footer .linkdeInteres ul li a:active { color: #82d5f5; font-size: 1em; text-decoration: none; } footer.footer .redesSociales { width: 100%; margin: 0px; padding: 0px; height: auto; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 529px) { footer.footer .redesSociales { margin: 10px 0px 0px 0px; } } footer.footer .redesSociales .tituloRedessociales { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; border-bottom: 1px solid #82d5f5; display: block; position: relative; } footer.footer .redesSociales .tituloRedessociales h1 { color: #fff; font-size: 1.5em; border-bottom: 5px solid #82d5f5; margin: 0px; padding: 0px; display: inline-block; } footer.footer .redesSociales .tituloRedessociales i { position: absolute; right: 0px; color: rgba(255, 255, 255, 0.5); } footer.footer .redesSociales .iconosRedessociales { width: 14%; margin: 20px 0px 0px 0px; padding: 0px; height: auto; overflow: hidden; float: left; } @media only screen and (min-width: 0px) and (max-width: 529px) { footer.footer .redesSociales .iconosRedessociales { width: 100%; } } @media only screen and (min-width: 530px) and (max-width: 949px) { footer.footer .redesSociales .iconosRedessociales { width: 100%; } } footer.footer .redesSociales .iconosRedessociales a span.redes { width: 30px; height: 30px; border-radius: 100%; background: #c1daf0; display: block; margin: 0px 0px 10px 0px; text-align: center; padding: 5px 0px 0px 0px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } @media only screen and (min-width: 0px) and (max-width: 529px) { footer.footer .redesSociales .iconosRedessociales a span.redes { display: inline-block; margin: 0px 10px 10px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { footer.footer .redesSociales .iconosRedessociales a span.redes { display: inline-block; margin: 0px 10px 10px 0px; } } footer.footer .redesSociales .iconosRedessociales a span.redes i { color: #07559d; font-size: 1.5em; } footer.footer .redesSociales .iconosRedessociales a span.redes:hover { background: #fff; } footer.footer .redesSociales .timeLineTweeter { width: 80%; height: 121px; margin: 15px 13px 0px 0px; float: left; padding: 0px 10px; background: #fff; overflow-x: hidden; overflow-y: scroll; border-top: 2px solid #82d5f5; border-bottom: 2px solid #82d5f5; } @media only screen and (min-width: 0px) and (max-width: 529px) { footer.footer .redesSociales .timeLineTweeter { display: none; } } @media only screen and (min-width: 530px) and (max-width: 949px) { footer.footer .redesSociales .timeLineTweeter { display: none; } } footer.footer .redesSociales .timeLineTweeter::-webkit-scrollbar { width: 12px; } footer.footer .redesSociales .timeLineTweeter::-webkit-scrollbar-track { background-color: #c1d9f1; padding: 10px 5px 0px 0px; } footer.footer .redesSociales .timeLineTweeter::-webkit-scrollbar-thumb { background: #82d5f5; box-shadow: inset 0.05em 0.05em 0 #82d5f5, inset 0 -0.05em 0 #82d5f5; } footer.footer .redesSociales *, footer.footer .redesSociales :after, footer.footer .redesSociales :before { -moz-box-sizing: border-box; box-sizing: border-box; } footer.footer .redesSociales img { width: 100%; height: auto; overflow: hidden; max-width: 100%; margin: 10px 0px 0px 0px; } footer.footer #toTop { position: fixed; bottom: 20px; right: 20px; z-index: 999; width: 50px; height: 50px; font-size: 36px; text-align: center; line-height: 46px; color: #FFF; background-color: #82d5f5; border: 3px solid rgba(57, 119, 178, 0.1); border-radius: 25px; opacity: 0; -webkit-transition: opacity .25s ease; transition: opacity .25s ease; } @media only screen and (min-width: 0px) and (max-width: 320px) { footer.footer #toTop { bottom: 45px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { footer.footer #toTop { width: 40px; height: 40px; font-size: 26px; line-height: 34px; bottom: 30px; } } footer.footer #toTop.visible { opacity: 1; } /*====================================Cierre de footer================================*/ /*=IMPORTACION FAMILIA TIPOGRAFICA Titulos y textos ---------------------------------------------------------------------------------------------------- */ /*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,700i'); //font-family: 'Open Sans Condensed', sans-serif;*/ /*=VARIABLESSS ---------------------------------------------------------------------------------------------------- */ /*FAMILIAS TIPOGRAFICAS*/ /*=PALETA COLOR TIPOGRAFIAS ---------------------------------------------------------------------------------------------------- */ /*Gris oscuro*/ /*=PALETA COLOR BOTONES ---------------------------------------------------------------------------------------------------- */ /*=PADDING ---------------------------------------------------------------------------------------------------- */ /*=MARGIN ---------------------------------------------------------------------------------------------------- */ /*=RUTAS ---------------------------------------------------------------------------------------------------- */ /*=bases Esteticas ---------------------------------------------------------------------------------------------------- */ /* =MIXINS ---------------------------------------------------------------------------------------------------- */ /* Mixin */ /*------------------------- REGLAS DE MEDIO-----------------------------*/ /*====================================Inicio Derechos reservados======================*/ .derechosReservados { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; background: #e5e5e5; text-align: center; } .derechosReservados p { color: #000; margin: 10px auto 10px auto; } /*====================================Inicio Derechos reservados======================*/ /*====================================Inicio de asociados============================*/ section.asociados { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; /*Cierre del UL*/ } section.asociados * { box-sizing: border-box; } section.asociados .tituloAsociados { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 15px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.asociados .tituloAsociados h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } section.asociados .subtituloAsociados { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 15px 0px; padding: 0px; border-bottom: 1px solid rgba(49, 51, 134, 0.2); display: block; } section.asociados .subtituloAsociados h2 { color: #000; font-size: 1.5em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } section.asociados ul.list { width: 100%; float: left; margin: 0px; padding: 0px; list-style-type: none; /*Inicio del elemento de la lista*/ /*Cierre del elemento de la lista*/ } section.asociados ul.list li { width: 50%; float: left; padding-left: 0px; padding-right: 10px; margin-bottom: 20px; display: none; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.asociados ul.list li { width: 100%; padding: 0px 0px 15px 0px; margin: 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.asociados ul.list li { width: 100%; padding: 0px 0px 15px 0px; margin: 0px; } } section.asociados ul.list li article.asociadoSingle { border: 1px solid rgba(7, 85, 157, 0.2); padding: 0px; margin: 0px 0px 15px 0px; width: 100%; height: 195px; overflow: hidden; background: #ffffff; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0); position: relative; } section.asociados ul.list li article.asociadoSingle .asociadoLogotipo { width: 100%; height: auto; margin: 0px; padding: 0px; border-bottom: 1px solid rgba(7, 85, 157, 0.2); } section.asociados ul.list li article.asociadoSingle .asociadoLogotipo img { width: 100%; height: auto; margin: 0px; padding: 0px; } section.asociados ul.list li article.asociadoSingle .asocidoData { width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; position: absolute; bottom: -200px; left: 0px; transition: all 0.3s ease-in-out; background: #fff; cursor: pointer; opacity: 0; /*Inicio Nombre de Empresa*/ /*/Cierre Nombre de Empresa*/ } section.asociados ul.list li article.asociadoSingle .asocidoData .nombreEmpresa { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: hidden; } section.asociados ul.list li article.asociadoSingle .asocidoData .nombreEmpresa .tituloEmpresa { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; border-bottom: 1px solid #31338691; display: block; background: #3977b2; } section.asociados ul.list li article.asociadoSingle .asocidoData .nombreEmpresa .tituloEmpresa h1 { color: #ffffff; font-size: 1.2em; margin: 0px; padding: 10px 0px 8px 10px; position: relative; text-transform: uppercase; display: inline-block; float: left; } section.asociados ul.list li article.asociadoSingle .asocidoData .nombreEmpresa .tituloEmpresa span.buttonVermapa { float: right; display: inline-block; padding: 0px 10px; border: 1px solid rgba(255, 255, 255, 0.54); background: rgba(255, 255, 255, 0.1); border-radius: 5px; margin: 8px 10px 0px 0px; color: #fff; } section.asociados ul.list li article.asociadoSingle .asocidoData .nombreEmpresa .tituloEmpresa span.buttonVermapa i { color: #ffffff; font-size: 1.1em; margin: 0px 5px 0px 0px; } section.asociados ul.list li article.asociadoSingle .asocidoData .nombreEmpresa ul { margin: 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; list-style-type: none; } section.asociados ul.list li article.asociadoSingle .asocidoData .nombreEmpresa ul li { font-size: 1.1em!important; color: #000000!important; padding: 6px 0px 6px 15px!important; margin: 0px!important; border-bottom: 1px solid rgba(7, 85, 157, 0.2) !important; display: block!important; width: 100%!important; float: none!important; } section.asociados ul.list li article.asociadoSingle .asocidoData .nombreEmpresa ul li i { color: #3977b2; font-size: 1.1em; margin: 0px 5px 0px 0px; } section.asociados ul.list li article.asociadoSingle .asocidoData .nombreEmpresa ul li:last-child { font-size: 1.1em!important; color: #000000!important; padding: 5px 0px 5px 15px!important; border-bottom: none!important; } section.asociados ul.list li article.asociadoSingle .asocidoDatamov { width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; position: absolute; bottom: 0px; left: 0px; opacity: 1; } section.asociados ul.list li article.asociadoSingle .verMapa { position: absolute; left: -364px; top: 36px; width: 100%; height: 177px; margin: 0px; padding: 0px; background: purple; transition: all 0.3s ease-in-out; } section.asociados ul.list li article.asociadoSingle .verMapa iframe { width: 100%; height: 158px; max-width: 100%; margin: 0px; padding: 0px; background: #fff; border: none; } section.asociados ul.list li article.asociadoSingle .verMapaMov { position: absolute; left: 0px; top: 36px; width: 100%; height: 177px; margin: 0px; padding: 0px; background: purple; } section.asociados ul.list li article.asociadoSingle .enlaceAsociado { width: 100%; height: 195px; margin: 0px; padding: 0px; background: rgba(154, 188, 221, 0.4); text-align: center; position: absolute; top: 0px; left: 0px; opacity: 1; transition: all 0.3s ease-in-out; } section.asociados ul.list li article.asociadoSingle .enlaceAsociado span.icono { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 65px auto; vertical-align: middle; padding: 5px 0px; text-align: center; background: #6494c1; border: 2px solid #bfd3e6; } section.asociados ul.list li article.asociadoSingle .enlaceAsociado span.icono i { color: #bfd3e6; font-size: 2em; margin: 10px 0px 10px 0px; padding: 0px; } section.asociados ul.list li article.asociadoSingle .enlaceAsociadoMov { width: 100%; height: 177px; margin: 0px; padding: 0px; background: rgba(154, 188, 221, 0); text-align: center; position: absolute; top: 400px; left: 0px; opacity: 0!important; } section.asociados ul.list li:nth-child(2n) { padding: 0px 0px 0px 10px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.asociados ul.list li:nth-child(2n) { width: 100%; padding: 0px 0px 10px 0px; margin: 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.asociados ul.list li:nth-child(2n) { width: 100%; padding: 0px 0px 10px 0px; margin: 0px; } } section.asociados article.asociadoSingle:last-child { margin: 0px 0px 0px 0px!important; } section.asociados .box-shadow { box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.24) !important; } section.asociados .centerButton { width: 100%; height: auto; clear: both; text-align: center; overflow: hidden; margin: 0px 0px 15px 0px; padding: 0px; } section.asociados .centerButton button.btn.btn-secondary { margin: 0px; } section.asociados .centerButton button.btn.btn-secondary i { color: #8b8b8b; font-size: 1.5em; margin: 0px 5px 0px 0px; } section.asociados .centerButton button.btn.btn-secondary:hover i { color: #ffffff; font-size: 1.5em; margin: 0px 5px 0px 0px; } /*====================================Cierre de asociados==========================*/ article.asociados { width: 355px; height: 222px; margin: 0px; padding: 0px; border: 1px solid rgba(86, 129, 168, 0.2); transition: all 0.3s ease-in-out; position: relative; z-index: 0; overflow: hidden; float: left; } @media only screen and (min-width: 0px) and (max-width: 320px) { article.asociados { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { article.asociados { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 320px) { article.asociados img { max-width: 100%; width: 100%; height: auto; margin: 30px 0px 0px 0px; padding: 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { article.asociados img { max-width: 100%; width: 100%; height: auto; margin: 30px 0px 0px 0px; padding: 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { article.asociados img { max-width: 100%; width: 100%; height: auto; margin: 30px 0px 0px 0px; padding: 0px; } } article.asociados .mascara { width: 100%; height: 300px; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.4); z-index: 1000; transition: all 0.3s ease-in-out; } article.asociados .mascara:hover { background: rgba(255, 255, 255, 0); } article.asociados .headerIconos { background: #3a76b2; margin: 0px; padding: 5px 0px 0px 0px; height: 40px; overflow: hidden; border-bottom: 1px solid rgba(86, 129, 168, 0.2); } article.asociados .headerIconos .iconos_row { width: 63px; height: auto; padding: 0px; margin: 0px 10px 0px 0px; text-align: center; display: block; max-width: 19%; overflow: hidden; float: right; } @media only screen and (min-width: 0px) and (max-width: 320px) { article.asociados .headerIconos .iconos_row { max-width: 25%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { article.asociados .headerIconos .iconos_row { max-width: 25%; } } article.asociados .headerIconos .iconos_row span.iconos_left { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 0px; vertical-align: middle; padding: 5px 0px; text-align: center; background: rgba(100, 148, 193, 0.4); border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 0.7; cursor: pointer; } article.asociados .headerIconos .iconos_row span.iconos_left i { color: #bfd3e6; font-size: 1.2em; margin: 2px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } article.asociados .headerIconos .iconos_row span.iconos_left:hover { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 0px; vertical-align: middle; padding: 5px 0px; text-align: center; background: rgba(100, 148, 193, 0.4); border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; cursor: pointer; } article.asociados .headerIconos .iconos_row span.iconos_left:hover i { color: #ffffff; font-size: 1.2em; margin: 2px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } article.asociados .headerIconos .iconos_row span.iconos_right { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 0px; vertical-align: middle; padding: 5px 0px; text-align: center; background: #6494c1; border: 2px solid #bfd3e6; float: right; transition: all 0.3s ease-in-out; opacity: 0.7; cursor: pointer; } article.asociados .headerIconos .iconos_row span.iconos_right i { color: #bfd3e6; font-size: 1.2em; margin: 2px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } article.asociados .headerIconos .iconos_row span.iconos_right:hover { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 0px; vertical-align: middle; padding: 5px 0px; text-align: center; background: #6494c1; border: 2px solid #bfd3e6; float: right; transition: all 0.3s ease-in-out; opacity: 1; cursor: pointer; } article.asociados .headerIconos .iconos_row span.iconos_right:hover i { color: #ffffff; font-size: 1.2em; margin: 2px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } article.asociados .informacionAsociados { width: 100%; height: 300px; margin: 0px; padding: 0px; background: #fff; position: absolute; top: 310px; left: 0px; z-index: 1; transition: all 0.3s ease-in-out; } article.asociados .informacionAsociados .headerInformacionAsociados { width: 100%; height: 40px; display: block; margin: 0px; padding: 0px; background: #3a76b2; } article.asociados .informacionAsociados .headerInformacionAsociados h3 { color: #ffffff; font-size: 1.2em; margin: 0px; padding: 10px 0px 8px 10px; text-transform: uppercase; display: inline-block; float: left; } article.asociados .informacionAsociados .headerInformacionAsociados span.volverInformacion { float: right; display: inline-block; padding: 3px 10px; border: 1px solid rgba(255, 255, 255, 0.54); background: rgba(255, 255, 255, 0.1); border-radius: 5px; margin: 6px 10px 0px 0px; color: #fff; transition: all 0.3s ease-out; opacity: 1; cursor: pointer; } article.asociados .informacionAsociados .headerInformacionAsociados span.volverInformacion i { color: #ffffff; font-size: 1.1em; margin: 0px 5px 0px 0px; } article.asociados .informacionAsociados .headerInformacionAsociados span.volverInformacion:hover { float: right; display: inline-block; padding: 3px 10px; border: 1px solid rgba(255, 255, 255, 0.54); background: rgba(255, 255, 255, 0.1); border-radius: 5px; margin: 6px 10px 0px 0px; color: #fff; opacity: 0.7; cursor: pointer; } article.asociados .informacionAsociados .headerInformacionAsociados span.volverInformacion:hover i { color: #ffffff; font-size: 1.1em; margin: 0px 5px 0px 0px; } article.asociados .informacionAsociados .cuerpoInformacionAsociados { width: 100%; height: 260px; margin: 0px; padding: 0px; display: block; } article.asociados .informacionAsociados .cuerpoInformacionAsociados ul { margin: 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; list-style-type: none; } article.asociados .informacionAsociados .cuerpoInformacionAsociados ul li { font-size: 1.1em!important; color: #000000!important; padding: 6px 0px 6px 15px!important; margin: 0px!important; border-bottom: 1px solid rgba(7, 85, 157, 0.2) !important; display: flex!important; width: 100%!important; float: none!important; } article.asociados .informacionAsociados .cuerpoInformacionAsociados ul li i { color: #3977b2; font-size: 1.1em; margin: 5px 5px 0px 0px; } article.asociados .informacionAsociados .cuerpoInformacionAsociados ul li a { font-size: 1em!important; color: #4d7bb3; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 400; } article.asociados .informacionAsociados .cuerpoInformacionAsociados ul li a:hover { font-size: 1em!important; color: #555; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 400; } article.asociados .informacionAsociados .cuerpoInformacionAsociados ul li:last-child { font-size: 1.1em!important; color: #000000!important; padding: 5px 0px 5px 15px!important; border-bottom: none!important; } article.asociados .informacionAsociadosMov { width: 100%; height: 300px; margin: 0px; padding: 0px; background: #fff; position: absolute; top: 0px; left: 0px; z-index: 1; } article.asociados .infoGeolocation { width: 100%; height: 300px; margin: 0px; padding: 0px; background: #ffffff; position: absolute; top: 310px; left: 0px; z-index: 2; transition: all 0.3s ease-in-out; } article.asociados .infoGeolocation .headerInformacionGeolocation { width: 100%; height: 40px; display: block; margin: 0px; padding: 0px; background: #3a76b2; } article.asociados .infoGeolocation .headerInformacionGeolocation h3 { color: #ffffff; font-size: 1.2em; margin: 0px; padding: 10px 0px 8px 10px; text-transform: uppercase; display: inline-block; float: left; } article.asociados .infoGeolocation .headerInformacionGeolocation span.volverGeolocation { float: right; display: inline-block; padding: 3px 10px; border: 1px solid rgba(255, 255, 255, 0.54); background: rgba(255, 255, 255, 0.1); border-radius: 5px; margin: 6px 10px 0px 0px; color: #fff; transition: all 0.3s ease-out; opacity: 1; cursor: pointer; } article.asociados .infoGeolocation .headerInformacionGeolocation span.volverGeolocation i { color: #ffffff; font-size: 1.1em; margin: 0px 5px 0px 0px; } article.asociados .infoGeolocation .cuerpoMapaAsociados { width: 100%; height: 165px; margin: 0px; padding: 0px; display: block; } article.asociados .infoGeolocation .cuerpoMapaAsociados iframe { width: 100%!important; height: 180px; max-width: 100%; margin: 0px; padding: 0px; background: #fff; border: none; } article.asociados .infoGeolocationMov { width: 100%; height: 300px; margin: 0px; padding: 0px; background: #82d5f5; position: absolute; top: 0px; left: 0px; z-index: 2; } article.asociados:hover { box-shadow: 2px 8px 30px rgba(0, 0, 0, 0.2); } section.quienesSomos { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; } section.quienesSomos .tituloquienesSomos { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.quienesSomos .tituloquienesSomos h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.quienesSomos .tituloquienesSomos h1 { font-size: 2em; } } section.quienesSomos .subtituloquienesSomos { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.quienesSomos .subtituloquienesSomos { margin: 25px 0px 43px 0px; position: relative; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.quienesSomos .subtituloquienesSomos { margin: 25px 0px 43px 0px; position: relative; overflow: inherit; } } section.quienesSomos .subtituloquienesSomos h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.quienesSomos .subtituloquienesSomos h2 { line-height: 33px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.quienesSomos .subtituloquienesSomos h2 { line-height: 33px; } } section.quienesSomos .subtituloquienesSomos span.iconosMobile { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 13px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; display: none; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.quienesSomos .subtituloquienesSomos span.iconosMobile { position: absolute; bottom: -73px; left: 41%; margin: 0px; background: #cbdded; display: block; z-index: 1; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.quienesSomos .subtituloquienesSomos span.iconosMobile { position: absolute; bottom: -73px; left: 41%; margin: 0px; background: #cbdded; display: block; z-index: 1; } } section.quienesSomos .subtituloquienesSomos span.iconosMobile i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.quienesSomos p { text-align: left; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.quienesSomos p i { color: #4678a5; font-weight: 600; } section.quienesSomos article.importante { background: #e5eef5; margin: 20px 0px; height: auto; overflow: hidden; padding: 20px; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.quienesSomos article.importante { border-top: 1px solid #bfd3e6; border-bottom: 2px solid #bfd3e6; position: relative; overflow: inherit; padding: 29px 20px 13px 20px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.quienesSomos article.importante { border-top: 1px solid #bfd3e6; border-bottom: 2px solid #bfd3e6; position: relative; overflow: inherit; padding: 29px 20px 13px 20px; } } section.quienesSomos article.importante span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.quienesSomos article.importante span.iconos { position: absolute; top: -30px; left: 41%; margin: 0px; background: #cbdded; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.quienesSomos article.importante span.iconos { position: absolute; top: -30px; left: 41%; margin: 0px; background: #cbdded; } } section.quienesSomos article.importante span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.quienesSomos article.importante p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.quienesSomos article.importante p { margin: 0px; text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.quienesSomos article.importante p { margin: 0px; text-align: center; } } section.quienesSomos article.importante p span { color: #4678a5; font-weight: 600; } section.quienesSomos article.bajarEstatutos { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 20px 0px; padding: 0px; background: #fff; border-left: none; } section.quienesSomos article.bajarEstatutos ul { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; list-style-type: none; } section.quienesSomos article.bajarEstatutos ul li { float: left; width: 50%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dfdfdf; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.quienesSomos article.bajarEstatutos ul li { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.quienesSomos article.bajarEstatutos ul li { width: 100%; } } section.quienesSomos article.bajarEstatutos ul li div.col_row { width: 100%; margin: 0px; padding: 0px; height: auto; clear: both; display: flex; } section.quienesSomos article.bajarEstatutos ul li div.col_row .col_uno { width: 5%; margin: 0px; padding: 0px; } section.quienesSomos article.bajarEstatutos ul li div.col_row .col_uno i { color: #07559d; margin: 5px 0px 0px 0px; } section.quienesSomos article.bajarEstatutos ul li div.col_row .col_dos { width: 95%; margin: 0px; padding: 0px; } section.quienesSomos article.bajarEstatutos ul li div.col_row .col_dos h3 { color: #3977b2; font-size: 1.5em; margin: 0px; padding: 0px; display: block; font-weight: 600; } section.quienesSomos article.bajarEstatutos ul li div.col_row .col_dos span { display: block; margin: 0px; padding: 0px; color: grey; font-size: 1.2em; transition: all 0.3s ease-in-out; } section.quienesSomos article.bajarEstatutos ul li div.col_row .col_dos span a { color: #7b7b7b; font-weight: 400; } section.quienesSomos article.bajarEstatutos ul li div.col_row .col_dos span a:hover { color: #07559d; text-decoration: none; font-weight: 400; } section.quienesSomos article.bajarEstatutos ul li div.col_row .col_dos span:hover { display: block; margin: 0px; padding: 0px 0px 0px 10px; color: grey; font-size: 1.2em; } section.quienesSomos article.bajarEstatutos ul li div.col_row .col_dos span:hover a { color: #7b7b7b; font-weight: 400; } section.quienesSomos article.bajarEstatutos ul li div.col_row .col_dos span:hover a:hover { color: #07559d; text-decoration: none; font-weight: 400; } section.quienesSomos article.bajarEstatutos .centerButton { width: 100%; margin: 0px; padding: 0px; text-align: center; } section.quienesSomos article.bajarEstatutos .centerButton a { color: #000; font-weight: 400; } section.quienesSomos article.bajarEstatutos .centerButton a:hover { color: #fff; font-weight: 400; } section.quienesSomos article.desarrolloMercado { background: #e5eef5; margin: 20px 0px; height: auto; overflow: hidden; padding: 20px; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.quienesSomos article.desarrolloMercado { border-top: 1px solid #bfd3e6; border-bottom: 2px solid #bfd3e6; position: relative; overflow: inherit; padding: 35px 20px 0px 20px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.quienesSomos article.desarrolloMercado { border-top: 1px solid #bfd3e6; border-bottom: 2px solid #bfd3e6; position: relative; overflow: inherit; padding: 35px 20px 0px 20px; } } section.quienesSomos article.desarrolloMercado span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 13px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.quienesSomos article.desarrolloMercado span.iconos { /* position: absolute; top: -30px; left: 41%; margin: 0px; background: #cbdded;*/ display: none; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.quienesSomos article.desarrolloMercado span.iconos { /* position: absolute; top: -30px; left: 41%; margin: 0px; background: #cbdded;*/ display: none; } } section.quienesSomos article.desarrolloMercado span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.quienesSomos article.desarrolloMercado p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 0px 10px 25px 10px; font-family: 'Open Sans', sans-serif; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.quienesSomos article.desarrolloMercado p { margin: 0px; text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.quienesSomos article.desarrolloMercado p { margin: 0px; text-align: center; } } section.quienesSomos article.desarrolloMercado p span { color: #4678a5; font-weight: 600; } section.quienesSomos article.desarrolloMercado .centerButton { width: 100%; margin: 0px; padding: 0px 0px 0px 80px; text-align: left; } section.quienesSomos article.desarrolloMercado .centerButton .seguirLeyendo { display: block!important; } section.quienesSomos .leerMas { width: 100%; height: auto; overflow: hidden; display: none; } section.sliderMiniaturas { width: 100%; margin: 0px 0px 80px 0px; padding: 0px; } section.sliderMiniaturas .carousel-indicators { position: absolute; right: 0; bottom: -80px; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 0px!important; margin-left: 0px!important; list-style: none; } section.sliderMiniaturas .carousel-indicators li { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100px; height: 50px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); padding: 3px; border: 1px solid rgba(7, 85, 157, 0.3); } section.sliderMiniaturas .carousel-indicators li img { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; } section.sliderMiniaturas .carousel-indicators li.active { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100px; height: 50px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); padding: 3px; border: 1px solid rgba(7, 85, 157, 0.85); } section.sliderMiniaturas .carousel-indicators li.active img { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; } section.sliderMiniaturas .carousel-control-prev-icon { display: inline-block; width: 45px; height: 45px; padding: 5px; border-radius: 100%; } section.sliderMiniaturas .carousel-control-next-icon { display: inline-block; width: 45px; height: 45px; padding: 5px; border-radius: 100%; } section.sliderMiniaturas .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); background-size: 50%; } section.sliderMiniaturas .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); background-size: 50%; } section.sliderMiniaturas .carousel-indicators { cursor: pointer; } section.equipoPresidente { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } section.equipoPresidente .tituloequipoPresidente { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.equipoPresidente .tituloequipoPresidente h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } section.equipoPresidente figure.fotoPresidente { width: 215px; height: 241px; margin: 0px 15px 0px 0px; padding: 0px; position: relative; float: left; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.equipoPresidente figure.fotoPresidente { width: 110px; height: 122px; margin: 0px 15px 10px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.equipoPresidente figure.fotoPresidente { width: 110px; height: 122px; margin: 0px 15px 10px 0px; } } section.equipoPresidente figure.fotoPresidente img { width: 100%; max-width: 100%; height: auto; margin: 0px; padding: 0px; } section.equipoPresidente figure.fotoPresidente figcaption { width: 100%; height: 55px; margin: 0px; padding: 0px 8px; background: rgba(58, 118, 178, 0.74); height: auto; position: absolute; bottom: 0px; z-index: 2; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.equipoPresidente figure.fotoPresidente figcaption { height: 35px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.equipoPresidente figure.fotoPresidente figcaption { height: 35px; } } section.equipoPresidente figure.fotoPresidente figcaption h3 { color: #fff; margin: 10px 0px 5px 0px; padding: 0px; font-size: 0.9em; text-transform: uppercase; display: block; clear: both; font-weight: 300; letter-spacing: 1px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.equipoPresidente figure.fotoPresidente figcaption h3 { font-size: 0.7em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.equipoPresidente figure.fotoPresidente figcaption h3 { font-size: 0.7em; } } section.equipoPresidente figure.fotoPresidente figcaption span { padding: 0px; color: #fff; margin: 0px; font-size: 1.1em; font-weight: 600; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.equipoPresidente figure.fotoPresidente figcaption span { display: none; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.equipoPresidente figure.fotoPresidente figcaption span { display: none; } } section.equipoPresidente p { text-align: left; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 25px 0px; } section.equipoPresidente p i { color: #4678a5; font-weight: 600; } article.importante { background: #e5eef5; margin: 20px 0px; height: auto; overflow: hidden; padding: 20px; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { article.importante { border-top: 1px solid #bfd3e6; border-bottom: 2px solid #bfd3e6; background: #e5eef5; margin: 20px 0px; height: auto; overflow: initial; padding: 30px 20px 20px 20px; display: block; position: relative; } } @media only screen and (min-width: 0px) and (max-width: 529px) { article.importante { border-top: 1px solid #bfd3e6; border-bottom: 2px solid #bfd3e6; background: #e5eef5; margin: 20px 0px; height: auto; overflow: initial; padding: 30px 20px 20px 20px; display: block; position: relative; } } article.importante span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } @media only screen and (min-width: 0px) and (max-width: 320px) { article.importante span.iconos { position: absolute; top: -30px; left: 41%; margin: 0px; background: #cbdded; } } @media only screen and (min-width: 0px) and (max-width: 529px) { article.importante span.iconos { position: absolute; top: -30px; left: 41%; margin: 0px; background: #cbdded; } } article.importante span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } article.importante p { text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } @media only screen and (min-width: 0px) and (max-width: 320px) { article.importante p { margin: 0px 0px 0px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { article.importante p { margin: 0px 0px 0px 0px; } } article.importante p span { color: #4678a5; font-weight: 600; } section.directorio { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: url('../img/fondo_directorio_cuatro.jpg'); } section.directorio .container .subtituloDirectorio { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.directorio .container .subtituloDirectorio h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } section.directorio .container .directorioRow { width: 100%; height: auto; margin: 0px 0px 50px 0px; padding: 0px; display: flex; box-sizing: border-box; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.directorio .container .directorioRow { display: block; max-width: 90%; margin: 0px auto; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.directorio .container .directorioRow { display: block; max-width: 90%; margin: 0px auto; } } section.directorio .container .directorioRow .col_uno { width: 50%; height: 164px; overflow: hidden; margin: 0px 10px 0px 0px; padding: 30px 0px 50px 0px; background: rgba(253, 251, 246, 0.44); text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.directorio .container .directorioRow .col_uno { width: 100%; margin: 0px auto 15px auto; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.directorio .container .directorioRow .col_uno { width: 100%; margin: 0px auto 15px auto; } } section.directorio .container .directorioRow .col_uno .iconos { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 20px 0px; transition: all 0.3s ease-in-out; } section.directorio .container .directorioRow .col_uno .iconos span.tiposSeguros { width: 80px; height: 80px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; background: rgba(100, 148, 193, 0.28); border: 2px solid #bfd3e6; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorio .container .directorioRow .col_uno .iconos span.tiposSeguros i.fa-heart { color: #ffffff; font-size: 3.5em; margin: 10px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0); } section.directorio .container .directorioRow .col_uno .iconos span.tiposSegurosMov { width: 75px; height: 75px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; background: #6494c1; border: 2px solid #fff; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; } section.directorio .container .directorioRow .col_uno .iconos span.tiposSegurosMov i.fa-heart { color: #ffffff; font-size: 3em!important; margin: 10px 0px 0px 0px; padding: 0px; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0.3); } section.directorio .container .directorioRow .col_uno .iconosMov { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 10px 0px!important; } section.directorio .container .directorioRow .col_uno .tituloDirectorio { width: 100%; height: 35px!important; margin: 0px; padding: 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorio .container .directorioRow .col_uno .tituloDirectorio h3 { color: #fff; margin: 10px 0px 15px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; } section.directorio .container .directorioRow .col_uno .tituloDirectorio .boton { margin: 0px 0px 0px 0px; padding: 3px 15px; border: 1px solid #fff; color: #fff; margin: 0px; font-size: 1em; transition: all 0.3s ease-in-out; } section.directorio .container .directorioRow .col_uno .tituloDirectorio .boton:hover { margin: 0px 0px 0px 5px; padding: 3px 15px; border: 1px solid #fff; color: #fff; margin: 0px; font-size: 1em; text-decoration: none; } section.directorio .container .directorioRow .col_uno .tituloDirectorioMov { width: 100%; height: 65px!important; margin: 0px; padding: 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; } section.directorio .container .directorioRow .col_uno .tituloDirectorioMov h3 { color: #fff; margin: 10px 0px 10px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; } section.directorio .container .directorioRow .col_uno .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorio .container .directorioRow .col_uno .mascaraMov { width: 100%; height: 164px; margin: 0px; padding: 0px; position: absolute; bottom: 0px; z-index: 0; background: rgba(130, 213, 245, 0.35); } section.directorio .container .directorioRow .col_dos { width: 50%; height: 164px; overflow: hidden; margin: 0px 0px 0px 0px; padding: 30px 0px 50px 0px; background: rgba(253, 251, 246, 0.44); text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.directorio .container .directorioRow .col_dos { width: 100%; margin: 0px auto 15px auto; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.directorio .container .directorioRow .col_dos { width: 100%; margin: 0px auto 15px auto; } } section.directorio .container .directorioRow .col_dos .iconos { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 20px 0px; transition: all 0.3s ease-in-out; } section.directorio .container .directorioRow .col_dos .iconos span.tiposSeguros { width: 80px; height: 80px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; background: rgba(100, 148, 193, 0.28); border: 2px solid #bfd3e6; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorio .container .directorioRow .col_dos .iconos span.tiposSeguros i.fa-street-view { color: #ffffff; font-size: 3.5em; margin: 10px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0); } section.directorio .container .directorioRow .col_dos .iconos span.tiposSegurosMov { width: 75px; height: 75px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; background: #6494c1; border: 2px solid #fff; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; } section.directorio .container .directorioRow .col_dos .iconos span.tiposSegurosMov i.fa-street-view { color: #ffffff; font-size: 3em!important; margin: 12px 0px 0px 0px; padding: 0px; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0.3); } section.directorio .container .directorioRow .col_dos .iconosMov { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 10px 0px!important; } section.directorio .container .directorioRow .col_dos .tituloDirectorio { width: 100%; height: 35px!important; margin: 0px; padding: 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorio .container .directorioRow .col_dos .tituloDirectorio h3 { color: #fff; margin: 10px 0px 15px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; } section.directorio .container .directorioRow .col_dos .tituloDirectorio .boton { margin: 0px 0px 0px 0px; padding: 3px 15px; border: 1px solid #fff; color: #fff; margin: 0px; font-size: 1em; transition: all 0.3s ease-in-out; } section.directorio .container .directorioRow .col_dos .tituloDirectorio .boton:hover { margin: 0px 0px 0px 5px; padding: 3px 15px; border: 1px solid #fff; color: #fff; margin: 0px; font-size: 1em; text-decoration: none; } section.directorio .container .directorioRow .col_dos .tituloDirectorioMov { width: 100%; height: 65px!important; margin: 0px; padding: 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; } section.directorio .container .directorioRow .col_dos .tituloDirectorioMov h3 { color: #fff; margin: 10px 0px 10px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; } section.directorio .container .directorioRow .col_dos .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorio .container .directorioRow .col_dos .mascaraMov { width: 100%; height: 164px; margin: 0px; padding: 0px; position: absolute; bottom: 0px; z-index: 0; background: rgba(130, 213, 245, 0.35); } section.directorio .container .directorioRow .col_tres { width: 33%; height: 164px; overflow: hidden; margin: 0px; padding: 30px 0px 50px 0px; background: rgba(253, 251, 246, 0.44); text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } section.directorio .container .directorioRow .col_tres .iconos { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 20px 0px; transition: all 0.3s ease-in-out; } section.directorio .container .directorioRow .col_tres .iconos a span.tiposSeguros { width: 80px; height: 80px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; background: rgba(100, 148, 193, 0.28); border: 2px solid #bfd3e6; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorio .container .directorioRow .col_tres .iconos a span.tiposSeguros i.fa-hand-holding-usd { color: #ffffff; font-size: 3.5em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0); } section.directorio .container .directorioRow .col_tres .iconos a span.tiposSegurosMov { width: 75px; height: 75px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; background: #6494c1; border: 2px solid #fff; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; } section.directorio .container .directorioRow .col_tres .iconos a span.tiposSegurosMov i.fa-hand-holding-usd { color: #ffffff; font-size: 3em!important; margin: 5px 0px 0px 0px; padding: 0px; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0.3); } section.directorio .container .directorioRow .col_tres .iconosMov { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 10px 0px!important; } section.directorio .container .directorioRow .col_tres .tituloDirectorio { width: 100%; height: 35px!important; margin: 0px; padding: 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorio .container .directorioRow .col_tres .tituloDirectorio h3 { color: #fff; margin: 10px 0px 15px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; } section.directorio .container .directorioRow .col_tres .tituloDirectorio .boton { margin: 0px 0px 0px 0px; padding: 3px 15px; border: 1px solid #fff; color: #fff; margin: 0px; font-size: 1em; transition: all 0.3s ease-in-out; } section.directorio .container .directorioRow .col_tres .tituloDirectorio .boton:hover { margin: 0px 0px 0px 5px; padding: 3px 15px; border: 1px solid #fff; color: #fff; margin: 0px; font-size: 1em; text-decoration: none; } section.directorio .container .directorioRow .col_tres .tituloDirectorioMov { width: 100%; height: 65px!important; margin: 0px; padding: 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; } section.directorio .container .directorioRow .col_tres .tituloDirectorioMov h3 { color: #fff; margin: 10px 0px 10px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; } section.directorio .container .directorioRow .col_tres .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorio .container .directorioRow .col_tres .mascaraMov { width: 100%; height: 164px; margin: 0px; padding: 0px; position: absolute; bottom: 0px; z-index: 0; background: rgba(130, 213, 245, 0.35); } section.directorio .container .directorioRow .col_uno:hover, section.directorio .container .directorioRow .col_dos:hover, section.directorio .container .directorioRow .col_tres:hover { box-shadow: 2px 8px 30px rgba(0, 0, 0, 0.2); border: 1px solid rgba(7, 85, 157, 0.2); } section.comiteEjecutivo { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 25px 0px; background: #e7e8ea; } section.comiteEjecutivo .container { /*Inicio de acordeon Comité ejecutivo*/ /*Cierre de acordeon Comité ejecutivo*/ } section.comiteEjecutivo .container .subtituloDirectorio { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.comiteEjecutivo .container .subtituloDirectorio h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } section.comiteEjecutivo .container .accordion { width: 100%; margin: 0px; } section.comiteEjecutivo .container .accordion h4 { font-size: 1.5em; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; color: #b4b4b4; } section.comiteEjecutivo .container .accordion .accordion-toggle { border-bottom: 1px solid #cccbcb; cursor: pointer; margin: 0; padding: 10px 0; position: relative; transition: all 0.3s ease-in-out; color: #07559d; font-weight: 600; } section.comiteEjecutivo .container .accordion .accordion-toggle:hover { border-bottom: 1px solid #cccccc; cursor: pointer; margin: 0; padding: 10px 0 10px 10px; position: relative; color: #07559d; } section.comiteEjecutivo .container .accordion .accordion-toggle.active:after { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-bottom: 10px solid #3ea9d2; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); } section.comiteEjecutivo .container .accordion .accordion-toggle:before { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-top: 10px solid #3ea9d2; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); } section.comiteEjecutivo .container .accordion .accordion-toggle.active:before { display: none; } section.comiteEjecutivo .container .accordion .accordion-content { display: none; padding: 20px 0px 20px 0px; border-bottom: 1px solid #cccccc; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow { width: 100%; max-width: 60%; height: auto; margin: 0px auto 10px auto!important; padding: 0px; display: flex; box-sizing: border-box; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivo .container .accordion .accordion-content .comiteRow { display: block; max-width: 80%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivo .container .accordion .accordion-content .comiteRow { display: block; max-width: 80%; } } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno { width: 33%; height: 300px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 30px 0px 50px 0px; background: #fdfbf6; text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno { width: 100%; margin: 0px 0px 15px 0px; } } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno .foto { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 0px 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno .foto span.imgComite { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno .foto span.imgComite img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno .foto span.imgComiteMov { width: 212px; height: 250px; margin: 0px; padding: 0px; display: block; top: 0px; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno .foto span.imgComiteMov img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno .tituloCargoejecutivo { width: 100%; height: 60px!important; margin: 0px; padding: 0px; background: rgba(58, 118, 178, 0.74); height: auto; position: absolute; bottom: 0px; z-index: 2; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno .tituloCargoejecutivo h3 { color: #fff; margin: 10px 0px 5px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno .tituloCargoejecutivo span { padding: 3px 15px; color: #fff; margin: 0px; font-size: 1.1em; font-weight: 600; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivo .container .accordion .accordion-content .comiteRow .col_uno:last-child { margin: 0px 0px 0px 0px; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes { width: 100%; max-width: 77%; height: auto; margin: 0px auto 10px auto!important; padding: 0px; display: flex; box-sizing: border-box; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes { display: block; max-width: 80%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes { display: block; max-width: 80%; } } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno { width: 25%; height: 300px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 30px 0px 50px 0px; background: #fdfbf6; text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno { width: 100%; margin: 0px 0px 15px 0px; } } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 0px 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComite { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComite img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComiteMov { width: 212px; height: 250px; margin: 0px; padding: 0px; display: block; top: 0px; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComiteMov img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo { width: 100%; height: 40px!important; margin: 0px; padding: 0px; background: rgba(58, 118, 178, 0.74); height: auto; position: absolute; bottom: 0px; z-index: 2; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo h3 { color: #fff; margin: 12px 0px 5px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo span { padding: 3px 15px; color: #fff; margin: 0px; font-size: 1.1em; font-weight: 600; } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivo .container .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno:last-child { margin: 0px 0px 0px 0px; } section.comiteEjecutivo .container .accordion .accordion-toggle.active { color: #07559d; } section.administracion { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; background: #e7e8ea; } section.administracion .container .subtituloAdminsitrativo { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.administracion .container .subtituloAdminsitrativo h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } section.administracion .container article.nombreAdministrativos { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 20px 0px; padding: 0px; background: #e7e8ea; border-left: none; } section.administracion .container article.nombreAdministrativos ul { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; list-style-type: none; } section.administracion .container article.nombreAdministrativos ul li { float: left; width: 33.333%; margin-bottom: 0px; padding: 30px 15px 30px 15px; border-bottom: 1px solid #cccbcb; position: relative; overflow: hidden; cursor: pointer; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.administracion .container article.nombreAdministrativos ul li { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.administracion .container article.nombreAdministrativos ul li { width: 100%; } } section.administracion .container article.nombreAdministrativos ul li div.col_row { width: 100%; margin: 0px; padding: 0px; height: auto; clear: both; display: flex; } section.administracion .container article.nombreAdministrativos ul li div.col_row .col_uno { width: 5%; margin: 0px; padding: 0px; } section.administracion .container article.nombreAdministrativos ul li div.col_row .col_uno i { color: #07559d; margin: 5px 0px 0px 0px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.administracion .container article.nombreAdministrativos ul li div.col_row .col_uno { margin: 0px 5px 0px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.administracion .container article.nombreAdministrativos ul li div.col_row .col_uno { margin: 0px 5px 0px 0px; } } section.administracion .container article.nombreAdministrativos ul li div.col_row .col_dos { width: 95%; margin: 0px; padding: 0px; } section.administracion .container article.nombreAdministrativos ul li div.col_row .col_dos h3 { color: #3977b2; font-size: 1.5em; margin: 0px; padding: 0px; display: block; font-weight: 600; } section.administracion .container article.nombreAdministrativos ul li div.col_row .col_dos span { display: block; margin: 0px; padding: 0px; color: grey; font-size: 1.2em; transition: all 0.3s ease-in-out; } section.administracion .container article.nombreAdministrativos ul li div.col_row .col_dos span:hover { display: block; margin: 0px; padding: 0px 0px 0px 10px; color: grey; font-size: 1.2em; } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson { position: absolute; bottom: -73px; left: 0px; width: 100%; height: 102px; background: rgba(7, 85, 157, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson .rowInfo { width: 100%; margin: 0px; padding: 30px 0px 0px 0px; text-align: center; float: right; height: auto; overflow: hidden; } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson .rowInfo a .icono { width: 38px; height: 38px; vertical-align: middle; padding: 8px 0px; background: rgba(100, 148, 193, 0.28); border: 2px solid #bfd3e6; text-align: center; display: inline-block; border-radius: 100%; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson .rowInfo a .icono i { color: #ffffff; font-size: 1.5em; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0); } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson .rowInfo a .icono:last-child { margin: 0px 5px 10px 0px!important; } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson div.col_row { width: 100%; margin: 0px; padding: 0px; height: auto; clear: both; display: flex; } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson div.col_row .col_uno { width: 5%; margin: 0px; padding: 0px; } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson div.col_row .col_uno i { color: #07559d; margin: 5px 0px 0px 0px; } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson div.col_row .col_dos { width: 95%; margin: 0px; padding: 0px; } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson div.col_row .col_dos h3 { color: #3977b2; font-size: 1.5em; margin: 0px; padding: 0px; display: block; font-weight: 600; } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson div.col_row .col_dos span { display: block; margin: 0px; padding: 0px; color: grey; font-size: 1.2em; transition: all 0.3s ease-in-out; } section.administracion .container article.nombreAdministrativos ul li .detailsInfoperson div.col_row .col_dos span:hover { display: block; margin: 0px; padding: 0px 0px 0px 10px; color: grey; font-size: 1.2em; } section.administracion .container article.nombreAdministrativos ul li .detailsInfopersonMov { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 102px; background: #07559d; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 25px 0px; padding: 0px; background: #fff; /*Inicio de acordeon Comité ejecutivo*/ /*Cierre de acordeon Comité ejecutivo*/ /*Inicio de acordeon Comité ejecutivo*/ /*Cierre de acordeon Comité ejecutivo*/ /*Inicio de acordeon Comité ejecutivo*/ /*Cierre de acordeon Comité ejecutivo*/ } section.directorioDetalle .titulodirectorioDetalle { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.directorioDetalle .titulodirectorioDetalle h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } section.directorioDetalle .accordion { width: 100%; margin: 0px; } section.directorioDetalle .accordion h4 { font-size: 1.5em; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; color: #b4b4b4; } section.directorioDetalle .accordion .accordion-toggle { border-bottom: 1px solid #e0e0e0; cursor: pointer; margin: 0; padding: 10px 0; position: relative; transition: all 0.3s ease-in-out; color: #07559d; } section.directorioDetalle .accordion .accordion-toggle:hover { border-bottom: 1px solid #cccccc; cursor: pointer; margin: 0; padding: 10px 0 10px 10px; position: relative; color: #07559d; } section.directorioDetalle .accordion .accordion-toggle.active:after { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-bottom: 5px solid #82d5f5; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); } section.directorioDetalle .accordion .accordion-toggle:before { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-top: 5px solid #82d5f5; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); } section.directorioDetalle .accordion .accordion-toggle.active:before { display: none; } section.directorioDetalle .accordion .accordion-content { display: none; padding: 20px 0px 20px 0px; border-bottom: 1px solid #cccccc; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left { width: 100%; height: 130px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 30px 0px 50px 0px; background: #eaeaea; text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; position: relative; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left .foto { width: 30%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 0px 0px; transition: all 0.3s ease-in-out; border-right: 1px solid #fff; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left .foto span.imgComite { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left .foto span.imgComite img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left .foto span.imgComiteMov { width: 212px; height: 250px; margin: 0px; padding: 0px; display: block; top: 0px; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left .foto span.imgComiteMov img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left .tituloCargoejecutivo { width: 100%; /* height: 160px!important;*/ height: 130px!important; margin: 0px; padding: 0px; height: auto; position: absolute; bottom: 0px; z-index: 0; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left .tituloCargoejecutivo .infoDirectivos { float: right; text-align: left; /*margin:60px 10px 0px 0px;*/ margin: 52px 10px 0px 0px; width: 63%; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left .tituloCargoejecutivo .infoDirectivos h3 { color: #4168ab; margin: 0px; padding: 0px; font-size: 1.08em; text-transform: uppercase; display: block; clear: both; letter-spacing: 1px; font-weight: 600; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left .tituloCargoejecutivo .infoDirectivos p { color: #4168ab; margin: 5px 0px 0px 0px; padding: 0px; font-size: 1.1em; text-transform: none; display: block; clear: both; text-align: left; letter-spacing: 0px; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left .tituloCargoejecutivo .infoDirectivos span { padding: 0px; color: #4168ab; margin: 0px; font-size: 0.9em; letter-spacing: 1px; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left figcaption { width: 100%; height: 130px; overflow: hidden; margin: 0px; padding: 15px; display: table; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left figcaption ul.svidas { width: 100%; height: auto; overflow: hidden; display: table-cell; padding: 0px; margin: 0px auto; list-style-type: none; text-align: center; max-width: 80%; vertical-align: middle; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left figcaption ul.svidas span { width: 30px; height: 30px; vertical-align: middle; padding: 5px 0px; margin: 0px 0px 10px 0px; background: rgba(100, 148, 193, 0); border: 2px solid #fff; text-align: center; display: inline-block; border-radius: 100%; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left figcaption ul.svidas span i { color: #fff; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left figcaption ul.svidas li { width: 100%; height: auto; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; display: block; text-align: center; } section.directorioDetalle .accordion .accordion-content .row .col_uno.imghvr-slide-left figcaption ul.svidas li h3 { color: #fff; margin: 0px 0px 0px 0px; padding: 0px; font-size: 1em; text-transform: none; display: block; clear: both; letter-spacing: 0px; line-height: 140%; } section.directorioDetalle .accordion .accordion-content .row .col_uno:last-child { margin: 0px 0px 20px 0px; } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes { width: 100%; max-width: 100%; height: auto; margin: 0px auto 10px auto!important; padding: 0px; display: flex; box-sizing: border-box; } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno { width: 20%; height: 200px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 30px 0px 50px 0px; background: #fdfbf6; text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 0px 0px; transition: all 0.3s ease-in-out; } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComite { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComite img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComiteMov { width: 212px; height: 250px; margin: 0px; padding: 0px; display: block; top: 0px; } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComiteMov img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo { width: 100%; height: 40px!important; margin: 0px; padding: 0px; background: rgba(58, 118, 178, 0.74); height: auto; position: absolute; bottom: 0px; z-index: 2; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo h3 { color: #fff; margin: 12px 0px 5px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo span { padding: 3px 15px; color: #fff; margin: 0px; font-size: 1.1em; font-weight: 600; } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-content .comiteRowEjecutivosrepresentantes .col_uno:last-child { margin: 0px 0px 0px 0px; } section.directorioDetalle .accordion .accordion-toggle.active { color: #07559d; } section.directorioDetalle .accordion { width: 100%; margin: 0px; } section.directorioDetalle .accordion h4 { font-size: 1.5em; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; color: #b4b4b4; } section.directorioDetalle .accordion .accordion-togglee { border-bottom: 1px solid #e0e0e0; cursor: pointer; margin: 0; padding: 10px 0; position: relative; transition: all 0.3s ease-in-out; color: #07559d; } section.directorioDetalle .accordion .accordion-togglee:hover { border-bottom: 1px solid #cccccc; cursor: pointer; margin: 0; padding: 10px 0 10px 10px; position: relative; color: #07559d; } section.directorioDetalle .accordion .accordion-togglee.active:after { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-bottom: 5px solid #82d5f5; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); } section.directorioDetalle .accordion .accordion-togglee:before { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-top: 5px solid #82d5f5; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); } section.directorioDetalle .accordion .accordion-togglee.active:before { display: none; } section.directorioDetalle .accordion .accordion-contentt { display: none; padding: 20px 0px 20px 0px; border-bottom: 1px solid #cccccc; } section.directorioDetalle .accordion .accordion-contentt .row .col_uno { width: 100%; height: 130px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 30px 0px 50px 0px; background: #eaeaea; text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; position: relative; } section.directorioDetalle .accordion .accordion-contentt .row .col_uno .foto { width: 30%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 0px 0px; transition: all 0.3s ease-in-out; border-right: 1px solid #fff; } section.directorioDetalle .accordion .accordion-contentt .row .col_uno .foto span.imgComite { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-contentt .row .col_uno .foto span.imgComite img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.directorioDetalle .accordion .accordion-contentt .row .col_uno .foto span.imgComiteMov { width: 212px; height: 250px; margin: 0px; padding: 0px; display: block; top: 0px; } section.directorioDetalle .accordion .accordion-contentt .row .col_uno .foto span.imgComiteMov img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.directorioDetalle .accordion .accordion-contentt .row .col_uno .tituloCargoejecutivo { width: 100%; height: 130px!important; margin: 0px; padding: 0px; height: auto; position: absolute; bottom: 0px; z-index: 0; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-contentt .row .col_uno .tituloCargoejecutivo .infoDirectivos { float: right; text-align: left; margin: 52px 10px 0px 0px; width: 63%; } section.directorioDetalle .accordion .accordion-contentt .row .col_uno .tituloCargoejecutivo .infoDirectivos h3 { color: #4168ab; margin: 0px; padding: 0px; font-size: 1.08em; text-transform: uppercase; display: block; clear: both; letter-spacing: 1px; font-weight: 600; } section.directorioDetalle .accordion .accordion-contentt .row .col_uno .tituloCargoejecutivo .infoDirectivos p { color: #4168ab; margin: 5px 0px 0px 0px; padding: 0px; font-size: 1.1em; text-transform: none; display: block; clear: both; text-align: left; letter-spacing: 1px; } section.directorioDetalle .accordion .accordion-contentt .row .col_uno .tituloCargoejecutivo .infoDirectivos span { padding: 0px; color: #4168ab; margin: 0px; font-size: 0.9em; letter-spacing: 1px; } section.directorioDetalle .accordion .accordion-contentt .row .col_uno .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-contentt .row .col_uno:last-child { margin: 0px 0px 20px 0px; } section.directorioDetalle .accordion .accordion-contentt .row figcaption { width: 100%; height: 130px; overflow: hidden; margin: 0px; padding: 15px; display: table; } section.directorioDetalle .accordion .accordion-contentt .row figcaption ul.svidas { width: 100%; height: auto; overflow: hidden; display: table-cell; padding: 0px; margin: 0px auto; list-style-type: none; text-align: center; max-width: 80%; vertical-align: middle; } section.directorioDetalle .accordion .accordion-contentt .row figcaption ul.svidas span { width: 30px; height: 30px; vertical-align: middle; padding: 5px 0px; margin: 0px 0px 10px 0px; background: rgba(100, 148, 193, 0); border: 2px solid #fff; text-align: center; display: inline-block; border-radius: 100%; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-contentt .row figcaption ul.svidas span i { color: #fff; } section.directorioDetalle .accordion .accordion-contentt .row figcaption ul.svidas li { width: 100%; height: auto; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; display: block; text-align: center; } section.directorioDetalle .accordion .accordion-contentt .row figcaption ul.svidas li h3 { color: #fff; margin: 0px 0px 0px 0px; padding: 0px; font-size: 1em; text-transform: none; display: block; clear: both; letter-spacing: 0px; line-height: 140%; } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes { width: 100%; max-width: 100%; height: auto; margin: 0px auto 10px auto!important; padding: 0px; display: flex; box-sizing: border-box; } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno { width: 20%; height: 200px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 30px 0px 50px 0px; background: #fdfbf6; text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .foto { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 0px 0px; transition: all 0.3s ease-in-out; } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComite { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComite img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComiteMov { width: 212px; height: 250px; margin: 0px; padding: 0px; display: block; top: 0px; } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComiteMov img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo { width: 100%; height: 40px!important; margin: 0px; padding: 0px; background: rgba(58, 118, 178, 0.74); height: auto; position: absolute; bottom: 0px; z-index: 2; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo h3 { color: #fff; margin: 12px 0px 5px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo span { padding: 3px 15px; color: #fff; margin: 0px; font-size: 1.1em; font-weight: 600; } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.directorioDetalle .accordion .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno:last-child { margin: 0px 0px 0px 0px; } section.directorioDetalle .accordion .accordion-togglee.active { color: #07559d; } section.directorioDetalle .accordion_comite { width: 100%; margin: 0px; } section.directorioDetalle .accordion_comite h4 { font-size: 1.5em; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; color: #b4b4b4; } section.directorioDetalle .accordion_comite .accordion-togglee { border-bottom: 1px solid #e0e0e0; cursor: pointer; margin: 0; padding: 10px 0; position: relative; transition: all 0.3s ease-in-out; color: #07559d; } section.directorioDetalle .accordion_comite .accordion-togglee:hover { border-bottom: 1px solid #cccccc; cursor: pointer; margin: 0; padding: 10px 0 10px 10px; position: relative; color: #07559d; } section.directorioDetalle .accordion_comite .accordion-togglee.active:after { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-bottom: 5px solid #82d5f5; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); } section.directorioDetalle .accordion_comite .accordion-togglee:before { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-top: 5px solid #82d5f5; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); } section.directorioDetalle .accordion_comite .accordion-togglee.active:before { display: none; } section.directorioDetalle .accordion_comite .accordion-togglee.active { color: #07559d; } section.comiteEjecutivoDetalle { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 25px 0px; padding: 0px; background: #fff; /*Inicio de acordeon Comité ejecutivo*/ /*Cierre de acordeon Comité ejecutivo*/ } section.comiteEjecutivoDetalle .tituloEjecutivo { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.comiteEjecutivoDetalle .tituloEjecutivo h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } section.comiteEjecutivoDetalle .accordion_comite { width: 100%; margin: 0px; /*toggle dos*/ } section.comiteEjecutivoDetalle .accordion_comite h4 { font-size: 1.5em; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; color: #b4b4b4; } section.comiteEjecutivoDetalle .accordion_comite .accordion-toggle { border-bottom: 1px solid #e0e0e0; cursor: pointer; margin: 0; padding: 10px 0; position: relative; transition: all 0.3s ease-in-out; color: #2f2f2f; } section.comiteEjecutivoDetalle .accordion_comite .accordion-toggle:hover { border-bottom: 1px solid #cccccc; cursor: pointer; margin: 0; padding: 10px 0 10px 10px; position: relative; color: #07559d; } section.comiteEjecutivoDetalle .accordion_comite .accordion-toggle.active:after { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-bottom: 5px solid #82d5f5; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); } section.comiteEjecutivoDetalle .accordion_comite .accordion-toggle:before { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-top: 5px solid #82d5f5; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); } section.comiteEjecutivoDetalle .accordion_comite .accordion-toggle.active:before { display: none; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content { display: none; padding: 20px 0px 20px 0px; border-bottom: 1px solid #cccccc; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow { width: 100%; max-width: 100%; height: auto; margin: 0px auto 10px auto!important; padding: 0px; display: flex; box-sizing: border-box; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow { display: block; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow { display: block; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno { width: 33%; height: 300px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 30px 0px 50px 0px; background: #fdfbf6; text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno .foto { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 0px 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno .foto span.imgComite { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno .foto span.imgComite img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno .foto span.imgComiteMov { width: 212px; height: 250px; margin: 0px; padding: 0px; display: block; top: 0px; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno .foto span.imgComiteMov img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno .tituloCargoejecutivo { width: 100%; height: 60px!important; margin: 0px; padding: 0px; background: rgba(58, 118, 178, 0.74); height: auto; position: absolute; bottom: 0px; z-index: 2; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno .tituloCargoejecutivo h3 { color: #fff; margin: 10px 0px 5px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno .tituloCargoejecutivo span { padding: 3px 15px; color: #fff; margin: 0px; font-size: 1.1em; font-weight: 600; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno:last-child { margin: 0px 0px 0px 0px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno:last-child { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRow .col_uno:last-child { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes { width: 100%; max-width: 100%; height: auto; margin: 0px auto 10px auto!important; padding: 0px; display: flex; box-sizing: border-box; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes { display: block; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes { display: block; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno { width: 25%; height: 254px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 30px 0px 50px 0px; background: #fdfbf6; text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 0px 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComite { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComite img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComiteMov { width: 212px; height: 250px; margin: 0px; padding: 0px; display: block; top: 0px; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComiteMov img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo { width: 100%; height: 40px!important; margin: 0px; padding: 0px; background: rgba(58, 118, 178, 0.74); height: auto; position: absolute; bottom: 0px; z-index: 2; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo h3 { color: #fff; margin: 12px 0px 5px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo span { padding: 3px 15px; color: #fff; margin: 0px; font-size: 1.1em; font-weight: 600; } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno:last-child { margin: 0px 0px 0px 0px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno:last-child { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-content .comiteRowEjecutivosrepresentantes .col_uno:last-child { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-toggle.active { color: #07559d; } section.comiteEjecutivoDetalle .accordion_comite .accordion-togglee { border-bottom: 1px solid #e0e0e0; cursor: pointer; margin: 0; padding: 10px 0; position: relative; transition: all 0.3s ease-in-out; color: #2f2f2f; } section.comiteEjecutivoDetalle .accordion_comite .accordion-togglee:hover { border-bottom: 1px solid #cccccc; cursor: pointer; margin: 0; padding: 10px 0 10px 10px; position: relative; color: #07559d; } section.comiteEjecutivoDetalle .accordion_comite .accordion-togglee.active:after { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-bottom: 5px solid #82d5f5; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); } section.comiteEjecutivoDetalle .accordion_comite .accordion-togglee:before { content: ""; position: absolute; right: 0; top: 17px; width: 0; height: 0; border-top: 5px solid #82d5f5; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); } section.comiteEjecutivoDetalle .accordion_comite .accordion-togglee.active:before { display: none; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt { display: none; padding: 20px 0px 20px 0px; border-bottom: 1px solid #cccccc; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow { width: 100%; max-width: 100%; height: auto; margin: 0px auto 10px auto!important; padding: 0px; display: flex; box-sizing: border-box; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow { display: block; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow { display: block; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno { width: 33%; height: 300px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 30px 0px 50px 0px; background: #fdfbf6; text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno .foto { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 0px 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno .foto span.imgComite { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno .foto span.imgComite img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno .foto span.imgComiteMov { width: 212px; height: 250px; margin: 0px; padding: 0px; display: block; top: 0px; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno .foto span.imgComiteMov img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno .tituloCargoejecutivo { width: 100%; height: 60px!important; margin: 0px; padding: 0px; background: rgba(58, 118, 178, 0.74); height: auto; position: absolute; bottom: 0px; z-index: 2; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno .tituloCargoejecutivo h3 { color: #fff; margin: 10px 0px 5px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno .tituloCargoejecutivo span { padding: 3px 15px; color: #fff; margin: 0px; font-size: 1.1em; font-weight: 600; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno:last-child { margin: 0px 0px 0px 0px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno:last-child { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRow .col_uno:last-child { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes { width: 100%; max-width: 100%; height: auto; margin: 0px auto 10px auto!important; padding: 0px; display: flex; box-sizing: border-box; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes { display: block; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes { display: block; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno { width: 25%; height: 254px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 30px 0px 50px 0px; background: #fdfbf6; text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .foto { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 0px 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComite { width: 100%; height: auto; margin: 0px; padding: 0px; display: block; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComite img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComiteMov { width: 212px; height: 250px; margin: 0px; padding: 0px; display: block; top: 0px; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .foto span.imgComiteMov img { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo { width: 100%; height: 40px!important; margin: 0px; padding: 0px; background: rgba(58, 118, 178, 0.74); height: auto; position: absolute; bottom: 0px; z-index: 2; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo h3 { color: #fff; margin: 12px 0px 5px 0px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .tituloCargoejecutivo span { padding: 3px 15px; color: #fff; margin: 0px; font-size: 1.1em; font-weight: 600; } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno .mascara { width: 100%; height: 160px; margin: 0px; padding: 0px; position: absolute; bottom: -160px; z-index: 0; background: rgba(130, 213, 245, 0); -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno:last-child { margin: 0px 0px 0px 0px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno:last-child { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comiteEjecutivoDetalle .accordion_comite .accordion-contentt .comiteRowEjecutivosrepresentantes .col_uno:last-child { width: 100%; margin: 0px auto 15px auto; max-width: 90%; } } section.comiteEjecutivoDetalle .accordion_comite .accordion-togglee.active { color: #07559d; } .tituloRecursos { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { .tituloRecursos { overflow: initial; margin: 10px 0px 15px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { .tituloRecursos { overflow: initial; margin: 10px 0px 15px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { .tituloRecursos { overflow: initial; margin: 10px 0px 15px 0px; } } .tituloRecursos h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 160%; } @media only screen and (min-width: 0px) and (max-width: 320px) { .tituloRecursos h1 { font-size: 2em; text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { .tituloRecursos h1 { font-size: 2em; text-align: center; } } @media only screen and (min-width: 530px) and (max-width: 949px) { .tituloRecursos h1 { font-size: 2em; text-align: center; } } section.buscadorUserRegistrado { width: 100%; height: auto; overflow: hidden; margin: 15px 0px 15px 0px; padding: 0px; border: 1px solid #dddddd; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } section.buscadorUserRegistrado form { margin: 0px; padding: 0px; display: block; width: 100%; height: auto; } section.buscadorUserRegistrado form .form-control:disabled, section.buscadorUserRegistrado form .form-control[readonly] { background-color: #e9ecef !important; opacity: .6; } section.buscadorUserRegistrado form .buscadorSuperior { width: 100%; height: 40px; margin: 0px; padding: 0px 15px 0px 0px; border-bottom: 1px solid #dadada; background: #e7e8ea; display: flex; position: relative; } section.buscadorUserRegistrado form .buscadorSuperior h1 { color: black; font-size: 1.3em; margin: 0px; padding: 11px 15px 0px 15px; font-weight: 400; display: inline-block; } section.buscadorUserRegistrado form .buscadorSuperior .loading { animation: rotation 1s infinite linear; border: 2px solid #07559d91; border-radius: 50%; border-top-color: #ffffffb0; height: 2em; width: 2em; right: 10px; top: 5px; position: absolute; } @keyframes rotation { to { transform: rotate(360deg); } } section.buscadorUserRegistrado form .buscadorSuperior .col_2 { width: 50%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } section.buscadorUserRegistrado form .buscadorSuperior .col_2 span { width: 100%; height: 50px; overflow: hidden; margin: 0px; padding: 0px; position: relative; background: red; } section.buscadorUserRegistrado form .buscadorSuperior .col_2 span input[type=search] { background: #ffffff; border-radius: 5px; width: 100%; height: 32px; margin: 3px 0px 0px 0px; padding: 10px 33px 10px 20px; border: 1px solid #c6c6c6; } section.buscadorUserRegistrado form .buscadorSuperior .col_2 span input[type=search]::-webkit-input-placeholder { color: red; font-size: 14px; color: #495057; } section.buscadorUserRegistrado form .buscadorSuperior .col_2 span input[type=search]:focus { background-color: #bfd3e6; padding: 10px 33px 10px 20px; } section.buscadorUserRegistrado form .buscadorSuperior .col_2 span i { position: absolute; top: 0px; right: 12px; font-size: 1.5em; color: #a2a2a2; padding: 0px; } section.buscadorUserRegistrado form .form-group { width: 100%; margin: 0px; padding: 10px 15px 15px 15px; display: flex; box-sizing: border-box; border-bottom: 1px solid rgba(204, 204, 204, 0.42); } @media only screen and (min-width: 0px) and (max-width: 529px) { section.buscadorUserRegistrado form .form-group { display: block; } } section.buscadorUserRegistrado form .form-group label { display: block; width: 100%; margin-bottom: 5px; font-weight: 600; font-size: 14px; } section.buscadorUserRegistrado form .form-group .radioInline { width: auto; height: auto; margin: 0px 0px 0px 0px; display: flex; box-sizing: border-box; } section.buscadorUserRegistrado form .form-group .radioInline .col_uno { width: auto; height: auto; overflow: hidden; margin: 4px 20px 0px 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.buscadorUserRegistrado form .form-group .radioInline .col_uno { width: 100% !important; margin-bottom: 10px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.buscadorUserRegistrado form .form-group .radioInline .col_uno { width: 100% !important; margin-bottom: 10px; } } section.buscadorUserRegistrado form .form-group .radioInline .col_uno input[type="radio"] { width: 17px; height: 17px; margin: 0px 3px 0px 0px; border-color: aqua; position: absolute; } section.buscadorUserRegistrado form .form-group .radioInline .col_uno input[type="radio"]:checked::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 20px; margin-left: -20px; border: 1px solid #07559d; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } section.buscadorUserRegistrado form .form-group .radioInline .col_uno input[type="radio"]:before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 20px; margin-left: -20px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } section.buscadorUserRegistrado form .form-group .radioInline .col_uno input[type="radio"]:checked::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: 0px; border-radius: 50%; background-color: #3977b2; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } section.buscadorUserRegistrado form .form-group .radioInline .col_dos { width: auto; height: auto; overflow: hidden; margin: 5px 0px; padding: 0px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.buscadorUserRegistrado form .form-group .radioInline .col_dos { width: 100% !important; margin-bottom: 10px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.buscadorUserRegistrado form .form-group .radioInline .col_dos { width: 100% !important; margin-bottom: 10px; } } section.buscadorUserRegistrado form .form-group .radioInline .col_dos label { display: inline-block; width: auto; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 5px; font-weight: 600; color: #777676; line-height: 0px; } section.buscadorUserRegistrado form .form-group .radioInline:last-child { width: 24%; margin: 0px 0px 0px 10px; } section.buscadorUserRegistrado form .form-group .radioInline:last-child button[type="button"] { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 5px 10px; border-radius: 0px; border: none; background: #3977b2; color: #fff; transition: all 0.3s ease-in-out; } section.buscadorUserRegistrado form .form-group .radioInline:last-child button[type="button"] i { color: #ffff; font-size: 12px; margin: 0px 5px 0px 0px; } section.buscadorUserRegistrado form .form-group .radioInline:last-child button[type="button"]:hover { background: #4386c6; cursor: pointer; } section.buscadorUserRegistrado form .form-group .col_uno { width: 15%; height: auto; overflow: hidden; margin-top: 0px; margin-right: 0px; display: flex; box-sizing: border-box; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.buscadorUserRegistrado form .form-group .col_uno { width: 100% !important; margin-bottom: 10px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.buscadorUserRegistrado form .form-group .col_uno { width: 100% !important; margin-bottom: 10px; } } section.buscadorUserRegistrado form .form-group .col_uno .col_fecha { width: 100%; margin: 0px 15px 0px 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.buscadorUserRegistrado form .form-group .col_uno .col_fecha { width: 100%!important; margin-bottom: 10px!important; margin-right: 0px!important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.buscadorUserRegistrado form .form-group .col_uno .col_fecha { width: 100%!important; margin-bottom: 10px!important; margin-right: 15px!important; } } section.buscadorUserRegistrado form .form-group .col_uno .col_fecha .form-control { display: block; width: 100%; padding: 6px; font-size: 14px; color: #495057; font-family: 'Open Sans', sans-serif; background-color: #fff; background-clip: padding-box; border: 1px solid #c6c6c6; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 35px; } section.buscadorUserRegistrado form .form-group .col_uno .col_fecha label { display: block; width: 100%; margin-bottom: 5px; font-weight: 600; font-size: 14px; } section.buscadorUserRegistrado form .form-group .col_dos { width: 28.33333333%; height: auto; overflow: hidden; margin-top: 0px; margin-right: 0px; display: flex; box-sizing: border-box; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.buscadorUserRegistrado form .form-group .col_dos { width: 100% !important; margin-bottom: 10px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.buscadorUserRegistrado form .form-group .col_dos { width: 100% !important; margin-bottom: 10px; } } section.buscadorUserRegistrado form .form-group .col_dos .col_fecha { width: 100%; margin: 0px 15px 0px 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.buscadorUserRegistrado form .form-group .col_dos .col_fecha { width: 100%!important; margin-bottom: 10px!important; margin-right: 0px!important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.buscadorUserRegistrado form .form-group .col_dos .col_fecha { width: 100%!important; margin-bottom: 10px!important; margin-right: 15px!important; } } section.buscadorUserRegistrado form .form-group .col_dos .col_fecha .form-control { display: block; width: 100%; padding: 6px; font-size: 14px; color: #495057; font-family: 'Open Sans', sans-serif; background-color: #fff; background-clip: padding-box; border: 1px solid #c6c6c6; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 35px; } section.buscadorUserRegistrado form .form-group .col_dos .col_fecha label { display: block; width: 100%; margin-bottom: 5px; font-weight: 600; font-size: 14px; } section.buscadorUserRegistrado form .form-group .col_tres { margin-top: 0px; margin-right: 15px; width: 28.33333333%; height: auto; overflow: hidden; box-sizing: border-box; display: block; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.buscadorUserRegistrado form .form-group .col_tres { width: 100% !important; margin-bottom: 10px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.buscadorUserRegistrado form .form-group .col_tres { width: 100% !important; margin-bottom: 10px; } } section.buscadorUserRegistrado form .form-group .col_tres label { display: block; width: 100%; margin-bottom: 5px; font-weight: 600; font-size: 14px; } section.buscadorUserRegistrado form .form-group .col_tres .form-control { display: block; width: 100%; padding: 6px; font-size: 14px; color: #495057; font-family: 'Open Sans', sans-serif; background-color: #fff; background-clip: padding-box; border: 1px solid #c6c6c6; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 35px; } section.buscadorUserRegistrado form .form-group .col_tres button[type="button"] { width: 100%; height: auto; overflow: hidden; margin: 30px 0px 0px 0px; padding: 5px 10px; border-radius: 0px; border: none; background: #3977b2; color: #fff; transition: all 0.3s ease-in-out; } section.buscadorUserRegistrado form .form-group .col_tres button[type="button"] i { color: #ffff; font-size: 12px; margin: 0px 5px 0px 0px; } section.buscadorUserRegistrado form .form-group .col_tres button[type="button"]:hover { background: #a2a2a2; cursor: pointer; } section.buscadorUserRegistrado form .form-group .col_cuatro { margin-top: 0px; margin-right: 15px; width: 28.33333333%; height: auto; overflow: hidden; box-sizing: border-box; display: block; transition: all 0.3s ease-in-out; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.buscadorUserRegistrado form .form-group .col_cuatro { width: 100% !important; margin-bottom: 10px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.buscadorUserRegistrado form .form-group .col_cuatro { width: 100% !important; margin-bottom: 10px; } } section.buscadorUserRegistrado form .form-group .col_cuatro .col_fecha .form-control { display: block; width: 100%; padding: 6px; font-size: 14px; color: #495057; font-family: 'Open Sans', sans-serif; background-color: #ffffff; background-clip: padding-box; border: 1px solid #c6c6c6; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 35px; } section.buscadorUserRegistrado form .form-group .col_cuatroMov { margin-top: 0px; margin-right: 0px; width: 57.333333%; height: auto; overflow: hidden; box-sizing: border-box; display: block; } section.buscadorUserRegistrado form .form-group .col_cuatroMov .col_fecha span { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; position: relative; } section.buscadorUserRegistrado form .form-group .col_cuatroMov .col_fecha span input[type=search] { background: #ffffff; border-radius: 5px; width: 100%; height: 35px; padding: 10px 33px 10px 20px; border: 1px solid #c6c6c6; } section.buscadorUserRegistrado form .form-group .col_cuatroMov .col_fecha span input[type=search]::-webkit-input-placeholder { color: red; font-size: 14px; color: #495057; } section.buscadorUserRegistrado form .form-group .col_cuatroMov .col_fecha span input[type=search]:focus { background-color: #bfd3e6; padding: 10px 33px 10px 20px; } section.buscadorUserRegistrado form .form-group .col_cuatroMov .col_fecha span i { position: absolute; top: 0px; right: 12px; font-size: 1.5em; color: #a2a2a2; padding: 0px; } section.buscadorUserRegistrado form .form-group .col_cinco { margin-top: 0px; margin-right: 0px; width: 28.33333333%; height: auto; overflow: hidden; box-sizing: border-box; display: block; transition: all 0.3s ease-in-out; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.buscadorUserRegistrado form .form-group .col_cinco { width: 100% !important; margin-bottom: 10px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.buscadorUserRegistrado form .form-group .col_cinco { width: 100% !important; margin-bottom: 10px; } } section.buscadorUserRegistrado form .form-group .col_cinco .col_fecha span { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; position: relative; } section.buscadorUserRegistrado form .form-group .col_cinco .col_fecha span input[type=search] { background: #ffffff; border-radius: 5px; width: 100%; height: 35px; padding: 10px 33px 10px 20px; border: 1px solid #c6c6c6; } section.buscadorUserRegistrado form .form-group .col_cinco .col_fecha span input[type=search]::-webkit-input-placeholder { color: red; font-size: 14px; color: #495057; } section.buscadorUserRegistrado form .form-group .col_cinco .col_fecha span input[type=search]:focus { background-color: #bfd3e6; padding: 10px 33px 10px 20px; } section.buscadorUserRegistrado form .form-group .col_cinco .col_fecha span i { position: absolute; top: 0px; right: 12px; font-size: 1.5em; color: #a2a2a2; padding: 0px; } section.buscadorUserRegistrado form .form-group .col_cuatroMov { margin-top: 0px; margin-right: 0px; width: 57.333333%; height: auto; overflow: hidden; box-sizing: border-box; display: block; } section.buscadorUserRegistrado form .form-group .col_cuatroMov .col_fecha span { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; position: relative; } section.buscadorUserRegistrado form .form-group .col_cuatroMov .col_fecha span input[type=search] { background: #ffffff; border-radius: 5px; width: 100%; height: 35px; padding: 10px 33px 10px 20px; border: 1px solid #c6c6c6; } section.buscadorUserRegistrado form .form-group .col_cuatroMov .col_fecha span input[type=search]::-webkit-input-placeholder { color: red; font-size: 14px; color: #495057; } section.buscadorUserRegistrado form .form-group .col_cuatroMov .col_fecha span input[type=search]:focus { background-color: #bfd3e6; padding: 10px 33px 10px 20px; } section.buscadorUserRegistrado form .form-group .col_cuatroMov .col_fecha span i { position: absolute; top: 0px; right: 12px; font-size: 1.5em; color: #a2a2a2; padding: 0px; } section.buscadorUserRegistrado form .form-group .col_cincoMov { margin-top: 0px; margin-right: 0px; width: 57.333333%; height: auto; overflow: hidden; box-sizing: border-box; display: block; } section.buscadorUserRegistrado form .form-group .col_cincoMov .col_fecha span { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; position: relative; } section.buscadorUserRegistrado form .form-group .col_cincoMov .col_fecha span input[type=search] { background: #ffffff; border-radius: 5px; width: 100%; height: 35px; padding: 10px 33px 10px 20px; border: 1px solid #c6c6c6; } section.buscadorUserRegistrado form .form-group .col_cincoMov .col_fecha span input[type=search]::-webkit-input-placeholder { color: red; font-size: 14px; color: #495057; } section.buscadorUserRegistrado form .form-group .col_cincoMov .col_fecha span input[type=search]:focus { background-color: #bfd3e6; padding: 10px 33px 10px 20px; } section.buscadorUserRegistrado form .form-group .col_cincoMov .col_fecha span i { position: absolute; top: 0px; right: 12px; font-size: 1.5em; color: #a2a2a2; padding: 0px; } section.buscadorUserRegistrado form .rowButton { overflow: hidden; max-width: 40%; margin: 15px auto 15px auto; text-align: center; width: 100%; height: auto; display: block; } section.buscadorUserRegistrado form .rowButton button[type="button"] { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 5px 10px; border-radius: 0px; border: none; background: #d3d3d3; color: #fff; transition: all 0.3s ease-in-out; } section.buscadorUserRegistrado form .rowButton button[type="button"] i { color: #ffff; font-size: 12px; margin: 0px 5px 0px 0px; } section.buscadorUserRegistrado form .rowButton button[type="button"]:hover { background: #a2a2a2; cursor: pointer; } section.buscadorUserRegistrado form .form-group-subcategory { width: 100%; margin: 0px; padding: 10px 0px 10px 15px; display: block; box-sizing: border-box; border-bottom: 1px solid #e0e0e0; } section.buscadorUserRegistrado form .form-group-subcategory label { display: inline-block; width: 20%; margin-bottom: 5px; font-weight: 600; font-size: 12px; } section.buscadorUserRegistrado form .form-group-subcategory .indent { margin: 0px; padding: 0px 0px 0px 15px; } section.buscadorUserRegistrado form .form-group-subcategory .radioInline { width: 100%; height: auto; margin: 0px 0px 0px 10px; display: flex; box-sizing: border-box; } section.buscadorUserRegistrado form .form-group-subcategory .radioInline .col_uno { width: 24px; height: auto; overflow: hidden; margin: 4px 0px 0px 0px; padding: 0px; } section.buscadorUserRegistrado form .form-group-subcategory .radioInline .col_uno input[type="radio"] { width: 17px; height: 17px; margin: 0px 3px 0px 0px; border-color: aqua; position: absolute; } section.buscadorUserRegistrado form .form-group-subcategory .radioInline .col_uno input[type="radio"]:checked::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 20px; margin-left: -20px; border: 1px solid #07559d; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } section.buscadorUserRegistrado form .form-group-subcategory .radioInline .col_uno input[type="radio"]:before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 20px; margin-left: -20px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } section.buscadorUserRegistrado form .form-group-subcategory .radioInline .col_uno input[type="radio"]:checked::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: 0px; border-radius: 50%; background-color: #3977b2; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } section.buscadorUserRegistrado form .form-group-subcategory .radioInline .col_dos { width: 80%; height: auto; overflow: hidden; margin: 5px 0px; padding: 0px; position: relative; } section.buscadorUserRegistrado form .form-group-subcategory .radioInline .col_dos label { display: inline-block; width: auto; margin: 0px 0px 0px 0px; padding: 0px; font-weight: 600; color: #777676; line-height: 0px; } section.buscadorUserRegistrado form .form-group-subcategory .radioInline:last-child { margin: 0px 0px 0px 10px; } section.buscadorUserRegistrado form .form-group-subcategory .col_uno { width: 41%; height: auto; overflow: hidden; margin-top: 0px; margin-right: 0px; display: flex; box-sizing: border-box; } section.buscadorUserRegistrado form .form-group-subcategory .col_uno .col_fecha { width: 50%; margin: 0px 15px 0px 0px; padding: 0px; } section.buscadorUserRegistrado form .form-group-subcategory .col_uno .col_fecha .form-control { display: block; width: 100%; padding: 6px; font-size: 1em; color: #495057; font-family: 'Open Sans', sans-serif; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(57, 119, 178, 0.53); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 35px; } section.buscadorUserRegistrado form .form-group-subcategory .col_uno .col_fecha label { display: block; width: 100%; margin-bottom: 5px; font-weight: 600; font-size: 14px; } section.buscadorUserRegistrado form .form-group-subcategory .col_uno:last-child { margin-top: 0px; margin-right: 0px; width: 59%; height: auto; overflow: hidden; box-sizing: border-box; display: block; } section.buscadorUserRegistrado form .form-group-subcategory .col_uno:last-child label { display: block; width: 100%; margin-bottom: 5px; font-weight: 600; font-size: 14px; } section.buscadorUserRegistrado form .form-group-subcategory .col_uno:last-child .form-control { display: block; width: 100%; padding: 6px; font-size: 1em; color: #495057; font-family: 'Open Sans', sans-serif; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(57, 119, 178, 0.53); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 35px; } section.buscadorUserRegistrado form .form-group-subcategory .col_uno:last-child button[type="button"] { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 5px 10px; border-radius: 0px; border: none; background: #3977b2; color: #fff; transition: all 0.3s ease-in-out; } section.buscadorUserRegistrado form .form-group-subcategory .col_uno:last-child button[type="button"] i { color: #ffff; font-size: 12px; margin: 0px 5px 0px 0px; } section.buscadorUserRegistrado form .form-group-subcategory .col_uno:last-child button[type="button"]:hover { background: #a2a2a2; cursor: pointer; } /*Inicio categoriasBuscador*/ section.categoriasBuscador { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.categoriasBuscador { overflow: initial; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.categoriasBuscador { overflow: initial; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.categoriasBuscador { overflow: initial; } } section.categoriasBuscador .rowcategoriasBuscador { width: 100%; height: auto; overflow: hidden; padding: 0px; margin: 0px 0px 15px 0px; box-sizing: border-box; /*Cierre categoriasHeader*/ } @media only screen and (min-width: 0px) and (max-width: 320px) { section.categoriasBuscador .rowcategoriasBuscador { display: block; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.categoriasBuscador .rowcategoriasBuscador { display: block; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.categoriasBuscador .rowcategoriasBuscador { display: block; } } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias { width: 100%; height: 204px; overflow: inherit; background: #ffffff; margin: 0px 0px 30px 0px; padding: 0px 15px; position: relative; z-index: 0; box-sizing: border-box; /*Inicio categoriasHeader*/ /* @media @tresVeinte{ width:100%; margin:0px 0px 15px 0px; } @media @mobile{ width:100%; margin:0px 0px 15px 0px; } @media @tablet{ width: 48%; margin: 0px 0px 15px 0px; display: inline-block; float: left; }*/ } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure { width: 100%; height: 204px; margin: 0px; padding: 0px; border: 1px solid #becad5; overflow: inherit; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption .headerShared { width: 35px; height: 35px; margin: 0px; padding: 0px; position: absolute; top: 10px; right: 10px; /*background:red;*/ } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption .headerShared span { border-radius: 100%; width: 30px; height: 30px; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: rgba(255, 255, 255, 0); border: 2px solid #ffffff; opacity: 1; /* position: relative;*/ } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption .headerShared span a.tipo { border: none; padding: 0px; margin: 0px; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption .headerShared span a.tipo i { color: #fff; font-size: 0.8em; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption h1 { color: #fff; line-height: 140%; text-align: left; font-size: 1.2em; margin: 0px 0px 10px 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption .mensaje { width: 100%; height: auto; overflow: inherit; margin: 0px 0px 15px 0px; padding: 0px; white-space: normal; cursor: pointer; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul { width: 100%!important; height: auto; overflow: hidden; margin: 0px !important; padding: 0px !important; list-style-type: none!important; background: none!important; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul li { border-radius: 100%; width: 30px; height: 30px; margin: 0px 5px 0px 0px!important; padding: 2px 0px; text-align: center; background: rgba(255, 255, 255, 0); border: 2px solid #ffffff; opacity: 1; display: inline-block; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul li a.tipo { border: none; padding: 0px; margin: 0px; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul li a.tipo i { color: #fff; font-size: 1.1em; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul li.ocultarRedes { width: 33px; height: 33px; display: inline-block !important; padding: 0px 10px 0px 0px!important; margin: 0px 0px 0px 0px!important; border: none!important; opacity: 0; display: none; transition: all 0.3s ease-in-out; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul li.ocultarRedes span.sociales { border-radius: 100%; width: 30px; height: 30px; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: rgba(255, 255, 255, 0); border: 2px solid #fff; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul li.ocultarRedes span.sociales a.tipo { border: none; padding: 0px; margin: 0px; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul li.ocultarRedes span.sociales a.tipo i { color: #fff; font-size: 1.1em; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul li.ocultarRedesMov { opacity: 1; display: block; width: 33px; height: 33px; display: inline-block !important; padding: 0px 10px 0px 0px!important; margin: 0px 0px 0px 0px!important; border: none!important; transition: all 0.3s ease-in-out; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul li.ocultarRedesMov span.sociales { border-radius: 100%; width: 30px; height: 30px; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: rgba(255, 255, 255, 0); border: 2px solid #fff; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul li.ocultarRedesMov span.sociales a.tipo { border: none; padding: 0px; margin: 0px; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure figcaption ul li.ocultarRedesMov span.sociales a.tipo i { color: #fff; font-size: 1.1em; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure .categoriasDetelle { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure span { width: 100%; height: 140px!important; margin: 0px; padding: 0px 20px!important; background: rgba(7, 85, 157, 0.5); display: table; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure span h1 { margin: 0px auto 0px auto; padding: 0px; color: #fff; font-size: 1.1em; line-height: 159%; width: 80%!important; max-width: 76%; font-weight: 600; vertical-align: middle; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.59); font-family: 'Open Sans', sans-serif; display: table-cell; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure ul { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; list-style-type: none; background: #fff; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure ul li { font-size: 1.1em; color: #000000; padding: 6px 0px 6px 15px; margin: 0px!important; border-bottom: 1px solid rgba(7, 85, 157, 0.1); display: block; width: 100%; float: none; } section.categoriasBuscador .rowcategoriasBuscador article.col_categorias figure ul li i { color: #3977b2; font-size: 1.1em; margin: 0px 5px 0px 0px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader { display: block; width: 100%; height: 91px; background: #ffffff; margin: 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .infoCategoria { position: absolute; top: -100px; left: 0px; width: 100%; height: 91px; margin: 0px; padding: 5px 0px 0px 0px; background: rgba(58, 118, 178, 0.89); z-index: 11; opacity: 0; transition: all 0.3s ease-in-out; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .infoCategoria span.download { position: absolute; border-radius: 100%; width: 25px; height: 25px; margin: 0px 0px 0px 10px; padding: 2px 0px; text-align: center; background: #6494c1; border: 2px solid #fff; opacity: 1; right: 10px; top: 10px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .infoCategoria span.download a i { color: #fff; font-size: 1.1em; margin: 0px 0px 0px 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .infoCategoria span.compartir { position: absolute; border-radius: 100%; width: 25px; height: 25px; margin: 0px 0px 0px 10px; padding: 2px 0px; text-align: center; background: #6494c1; border: 2px solid #fff; transition: all 0.3s ease-in-out; opacity: 1; right: 10px; top: 44px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .infoCategoria span.compartir a i { color: #fff; font-size: 1.1em; margin: 0px 0px 0px 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .infoCategoriaMov { top: 0px; opacity: 1; z-index: 1000; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader img { max-width: 100%; height: auto; margin: 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .mascara { position: absolute; top: 0px; width: 100%; height: 91px; margin: 0px; padding: 10px; background: rgba(58, 118, 178, 0.5); z-index: 11; opacity: 1; text-align: center; cursor: pointer; transition: all 0.3s ease-in-out; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .mascara span.ver { width: 30px; height: 30px; border-radius: 100%; margin: 15px auto 0px auto; padding: 0px 0px; text-align: center; background: rgba(100, 148, 193, 0.4); border: 2px solid #fff; transition: all 0.3s ease-in-out; opacity: 1; display: block; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .mascara span.ver i { color: #fff; font-size: 1.1em; margin: 7px 0px 0px 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .mascaraMov { position: absolute; top: 0px; width: 100%; height: 80px; margin: 0px; padding: 10px; background: rgba(58, 118, 178, 0.5); z-index: 5; opacity: 0; text-align: center; cursor: pointer; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .mascaraMov span.ver { width: 30px; height: 30px; border-radius: 100%; margin: 15px auto 0px auto; padding: 0px 0px; text-align: center; background: rgba(100, 148, 193, 0.4); border: 2px solid #fff; transition: all 0.3s ease-in-out; opacity: 1; display: block; } section.categoriasBuscador .rowcategoriasBuscador .categoriasHeader .mascaraMov span.ver i { color: #fff; font-size: 1.1em; margin: 7px 0px 0px 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelle { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelle span { width: 100%; height: auto; margin: 0px; padding: 5px 10px; background: #07559d; display: block; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelle span h1 { margin: 0px; padding: 0px; color: #fff; font-size: 1em; line-height: 160%; width: 100%; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelle ul { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; list-style-type: none; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelle ul li { font-size: 1.1em; color: #000000; padding: 6px 0px 6px 15px; margin: 0px!important; border-bottom: 1px solid rgba(7, 85, 157, 0.1); display: block; width: 100%; float: none; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelle ul li i { color: #3977b2; font-size: 1.1em; margin: 0px 5px 0px 0px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelleDos { width: 100%; height: 204px; overflow: hidden; margin: 0px; padding: 0px; position: absolute; bottom: 0px; left: 0px; opacity: 1; transition: all 0.3s ease-in-out; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelleDos span { width: 100%; height: 50px!important; margin: 0px; padding: 15px 10px 0px 10px!important; background: #07559d; display: block; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelleDos span h1 { margin: 0px; padding: 0px; color: #fff; font-size: 1em; line-height: 160%; width: 100%; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelleDos ul { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; list-style-type: none; background: #fff; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelleDos ul li { font-size: 1.1em; color: #000000; padding: 6px 0px 6px 15px; margin: 0px!important; border-bottom: 1px solid rgba(7, 85, 157, 0.1); display: block; width: 100%; float: none; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelleDos ul li i { color: #3977b2; font-size: 1.1em; margin: 0px 5px 0px 0px; } section.categoriasBuscador .rowcategoriasBuscador .categoriasDetelleDosMov { width: 100%; height: 204px; overflow: hidden; margin: 0px; padding: 0px; position: absolute; bottom: 150px; left: 0px; opacity: 0; } section.categoriasBuscador .lider_pagination { display: block; float: left; width: 100%; text-align: center; } section.categoriasBuscador .lider_pagination ul.pagination { display: inline-block; width: initial; } section.categoriasBuscador .lider_pagination ul.pagination li { display: block; float: left; margin: 0; border: none; background: #d3d3d3; color: rgba(0, 0, 0, 0.54); margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } section.categoriasBuscador .lider_pagination ul.pagination li:hover { display: block; float: left; margin: 0; border: none; background: #82d5f5; color: #fff; margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; } section.categoriasBuscador .lider_pagination ul.pagination li.active { display: block; background: #82d5f5; color: #fff; } section.categoriasBuscador article.desarrolloMercado { background: #e5eef5; margin: 20px 0px; height: auto; overflow: hidden; padding: 20px; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.categoriasBuscador article.desarrolloMercado { position: relative; overflow: initial; padding: 40px 20px 20px 20px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.categoriasBuscador article.desarrolloMercado { position: relative; overflow: initial; padding: 40px 20px 20px 20px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.categoriasBuscador article.desarrolloMercado { position: relative; overflow: initial; padding: 40px 20px 20px 20px; } } section.categoriasBuscador article.desarrolloMercado span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; /*Inicio categoriasHeader*/ } section.categoriasBuscador article.desarrolloMercado span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.categoriasBuscador article.desarrolloMercado span.iconos { position: absolute; top: -28px; left: 41%; margin: 0px; background: #cbdded; display: block; z-index: 1; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.categoriasBuscador article.desarrolloMercado span.iconos { position: absolute; top: -28px; left: 45%; margin: 0px; background: #cbdded; display: block; z-index: 1; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.categoriasBuscador article.desarrolloMercado span.iconos { position: absolute; top: -28px; left: 47%; margin: 0px; background: #cbdded; display: block; z-index: 1; } } section.categoriasBuscador article.desarrolloMercado p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.categoriasBuscador article.desarrolloMercado p { margin: 0px 0px 0px 0px; text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.categoriasBuscador article.desarrolloMercado p { margin: 0px 0px 0px 0px; text-align: center; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.categoriasBuscador article.desarrolloMercado p { margin: 0px 0px 0px 0px; text-align: center; } } section.categoriasBuscador article.desarrolloMercado p span { color: #4678a5; font-weight: 600; } section.categoriasBuscador article.desarrolloMercado .centerButton { width: 100%; margin: 0px; padding: 0px 0px 0px 80px; text-align: left; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.categoriasBuscador article.desarrolloMercado .centerButton { margin: 0px auto; padding: 0px; text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.categoriasBuscador article.desarrolloMercado .centerButton { margin: 0px auto; padding: 0px; text-align: center; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.categoriasBuscador article.desarrolloMercado .centerButton { margin: 0px auto; padding: 0px; text-align: center; } } section.categoriasBuscador article.desarrolloMercado .centerButton .seguirLeyendo { display: block!important; } /*Cierre categoriasBuscador*/ /*Inicio categoriasBuscador*/ section.categoriasPublicacion { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion { width: 100%; height: auto; overflow: hidden; padding: 0px; margin: 0px 0px 15px 0px; display: flex; box-sizing: border-box; /*Cierre categoriasHeader*/ } @media only screen and (min-width: 0px) and (max-width: 529px) { section.categoriasPublicacion .rowcategoriasPublicacion { display: block; } } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias { width: 33.33333333%; height: 218px; overflow: hidden; background: #ffffff; margin: 0px 15px 0px 0px; padding: 0px; border: 1px solid rgba(153, 186, 216, 0.66); position: relative; z-index: 0; cursor: pointer; /*Inicio categoriasHeader*/ } @media only screen and (min-width: 0px) and (max-width: 529px) { section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias { width: 100%; margin: 0px 15px 15px 0px; } } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure { width: 100%; height: 256px; margin: 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure img { width: 100%; height: 102px; margin: 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption .headerShared { width: 35px; height: 35px; margin: 0px; padding: 0px; position: absolute; top: 10px; right: 10px; /*background:red;*/ } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption .headerShared span { border-radius: 100%; width: 30px; height: 30px; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: rgba(255, 255, 255, 0); border: 2px solid #ffffff; opacity: 1; /* position: relative;*/ } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption .headerShared span a.tipo { border: none; padding: 0px; margin: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption .headerShared span a.tipo i { color: #fff; font-size: 0.8em; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption h1 { color: #fff; line-height: 140%; text-align: left; font-size: 1.2em; margin: 0px 0px 10px 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; border: none; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul { width: 100%!important; height: auto; overflow: hidden; margin: 0px !important; padding: 0px !important; list-style-type: none!important; background: none!important; position: absolute; bottom: 60px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li { width: 28px; height: 28px; display: inline-block !important; padding: 0px 10px 0px 0px!important; margin: 0px!important; border: none!important; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li span { border-radius: 100%; width: 28px; height: 28px; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: rgba(255, 255, 255, 0); border: 2px solid #ffffff; opacity: 1; position: relative; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li span a.tipo { border: none; padding: 0px; margin: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li span a.tipo i { color: #fff; font-size: 0.8em; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li span.shared { border-radius: 100%; width: 28px; height: 28px; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: rgba(255, 255, 255, 0); border: 2px solid #ffffff; opacity: 1; position: relative; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li span.shared a.tipo { border: none; padding: 0px; margin: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li span.shared a.tipo i { color: #fff; font-size: 0.8em; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li.ocultarRedes { width: 28px; height: 28px; display: inline-block !important; padding: 0px 10px 0px 0px!important; margin: 0px 0px 0px 0px!important; border: none!important; opacity: 0; display: none; transition: all 0.3s ease-in-out; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li.ocultarRedes span.sociales { border-radius: 100%; width: 30px; height: 30px; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: rgba(255, 255, 255, 0); border: 2px solid #fff; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li.ocultarRedes span.sociales a.tipo { border: none; padding: 0px; margin: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li.ocultarRedes span.sociales a.tipo i { color: #fff; font-size: 0.8em; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li.ocultarRedesMov { opacity: 1; display: block; width: 28px; height: 28px; display: inline-block !important; padding: 0px 10px 0px 0px!important; margin: 0px 0px 0px 0px!important; border: none!important; transition: all 0.3s ease-in-out; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li.ocultarRedesMov span.sociales { border-radius: 100%; width: 28px; height: 28px; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: rgba(255, 255, 255, 0); border: 2px solid #fff; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li.ocultarRedesMov span.sociales a.tipo { border: none; padding: 0px; margin: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure figcaption ul li.ocultarRedesMov span.sociales a.tipo i { color: #fff; font-size: 0.8em; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure .categoriasDetelle { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure span { width: 100%; height: auto; margin: 0px; padding: 5px 10px; background: #07559d; display: block; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure span h1 { margin: 0px; padding: 0px; color: #fff; font-size: 1em; line-height: 160%; width: 100%; border: none; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure ul { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; list-style-type: none; background: #fff; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure ul li { font-size: 1.1em; color: #000000; padding: 6px 0px 6px 15px; margin: 0px!important; border-bottom: 1px solid rgba(7, 85, 157, 0.1); display: block; width: 100%; float: none; } section.categoriasPublicacion .rowcategoriasPublicacion article.col_categorias figure ul li i { color: #3977b2; font-size: 0.8em; margin: 0px 5px 0px 0px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader { display: block; width: 100%; height: 91px; background: #ffffff; margin: 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .infoCategoria { position: absolute; top: -100px; left: 0px; width: 100%; height: 91px; margin: 0px; padding: 5px 0px 0px 0px; background: rgba(58, 118, 178, 0.89); z-index: 11; opacity: 0; transition: all 0.3s ease-in-out; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .infoCategoria span.download { position: absolute; border-radius: 100%; width: 25px; height: 25px; margin: 0px 0px 0px 10px; padding: 2px 0px; text-align: center; background: #6494c1; border: 2px solid #fff; opacity: 1; right: 10px; top: 10px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .infoCategoria span.download a i { color: #fff; font-size: 1.1em; margin: 0px 0px 0px 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .infoCategoria span.compartir { position: absolute; border-radius: 100%; width: 25px; height: 25px; margin: 0px 0px 0px 10px; padding: 2px 0px; text-align: center; background: #6494c1; border: 2px solid #fff; transition: all 0.3s ease-in-out; opacity: 1; right: 10px; top: 44px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .infoCategoria span.compartir a i { color: #fff; font-size: 1.1em; margin: 0px 0px 0px 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .infoCategoriaMov { top: 0px; opacity: 1; z-index: 1000; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader img { max-width: 100%; height: auto; margin: 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .mascara { position: absolute; top: 0px; width: 100%; height: 91px; margin: 0px; padding: 10px; background: rgba(58, 118, 178, 0.5); z-index: 11; opacity: 1; text-align: center; cursor: pointer; transition: all 0.3s ease-in-out; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .mascara span.ver { width: 30px; height: 30px; border-radius: 100%; margin: 15px auto 0px auto; padding: 0px 0px; text-align: center; background: rgba(100, 148, 193, 0.4); border: 2px solid #fff; transition: all 0.3s ease-in-out; opacity: 1; display: block; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .mascara span.ver i { color: #fff; font-size: 1.1em; margin: 7px 0px 0px 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .mascaraMov { position: absolute; top: 0px; width: 100%; height: 80px; margin: 0px; padding: 10px; background: rgba(58, 118, 178, 0.5); z-index: 5; opacity: 0; text-align: center; cursor: pointer; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .mascaraMov span.ver { width: 30px; height: 30px; border-radius: 100%; margin: 15px auto 0px auto; padding: 0px 0px; text-align: center; background: rgba(100, 148, 193, 0.4); border: 2px solid #fff; transition: all 0.3s ease-in-out; opacity: 1; display: block; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasHeader .mascaraMov span.ver i { color: #fff; font-size: 1.1em; margin: 7px 0px 0px 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelle { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelle span { width: 100%; height: auto; margin: 0px; padding: 5px 10px; background: #07559d; display: block; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelle span h1 { margin: 0px; padding: 0px; color: #fff; font-size: 1em; line-height: 160%; width: 100%; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelle ul { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; list-style-type: none; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelle ul li { font-size: 1.1em; color: #000000; padding: 6px 0px 6px 15px; margin: 0px!important; border-bottom: 1px solid rgba(7, 85, 157, 0.1); display: block; width: 100%; float: none; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelle ul li i { color: #3977b2; font-size: 1.1em; margin: 0px 5px 0px 0px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelleDos { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; position: absolute; bottom: 40px; left: 0px; opacity: 1; transition: all 0.3s ease-in-out; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelleDos span { width: 100%; height: 50px!important; margin: 0px; padding: 15px 10px 0px 10px!important; background: #07559d; display: block; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelleDos span h1 { margin: 0px; padding: 0px; color: #fff; font-size: 1em; line-height: 160%; width: 100%; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelleDos ul { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; list-style-type: none; background: #fff; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelleDos ul li { font-size: 1.1em; color: #000000; padding: 6px 0px 6px 15px; margin: 0px!important; border-bottom: 1px solid rgba(7, 85, 157, 0.1); display: block; width: 100%; float: none; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelleDos ul li i { color: #3977b2; font-size: 1.1em; margin: 0px 5px 0px 0px; } section.categoriasPublicacion .rowcategoriasPublicacion .categoriasDetelleDosMov { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; position: absolute; bottom: 150px; left: 0px; opacity: 0; } section.categoriasPublicacion article.col_categorias:last-child { width: 33.33333333%; height: 218px; overflow: hidden; background: #ffffff; margin: 0px 0px 0px 0px!important; padding: 0px; border: 1px solid rgba(153, 186, 216, 0.66); position: relative; z-index: 0; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.categoriasPublicacion article.col_categorias:last-child { width: 100%; } } section.categoriasPublicacion .lider_pagination { display: block; float: left; width: 100%; text-align: center; } section.categoriasPublicacion .lider_pagination ul.pagination { display: inline-block; width: initial; } section.categoriasPublicacion .lider_pagination ul.pagination li { display: block; float: left; margin: 0; border: none; background: #d3d3d3; color: rgba(0, 0, 0, 0.54); margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } section.categoriasPublicacion .lider_pagination ul.pagination li:hover { display: block; float: left; margin: 0; border: none; background: #82d5f5; color: #fff; margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; } section.categoriasPublicacion .lider_pagination ul.pagination li.active { display: block; background: #82d5f5; color: #fff; } /*Cierre categoriasBuscador*/ /*Inicio prensa*/ section.prensa { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; box-sizing: border-box; } section.prensa .filter-button { font-size: 14px; border-radius: 5px!important; text-align: center; color: #fff; margin-bottom: 30px; background: #6097cc; padding: 3px 15px; font-family: 'Open Sans', sans-serif !important; transition: all 0.3s ease-in-out; } section.prensa .filter-button i { color: #fff; margin: 0px 5px 0px 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.prensa .filter-button { margin-bottom: 5px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.prensa .filter-button { margin-bottom: 5px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.prensa .filter-button { margin-bottom: 5px; } } section.prensa .filter-button:hover { font-size: 14px; border-radius: 5px; text-align: center; color: #000000; background: #d4d4d4; padding: 3px 15px; font-family: 'Open Sans', sans-serif !important; transition: all 0.3s ease-in-out; } section.prensa .filter-button:hover i { color: #797979; margin: 0px 5px 0px 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.prensa .filter-button:hover { margin-bottom: 5px !important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.prensa .filter-button:hover { margin-bottom: 5px !important; } } section.prensa .filter-button.active { font-size: 14px!important; border: 1px solid #ffad3e!important; border-radius: 5px!important; text-align: center!important; color: #fff!important; margin-bottom: 30px!important; background: #ffb148!important; padding: 3px 15px!important; font-family: 'Open Sans', sans-serif !important; transition: all 0.3s ease-in-out !important; } section.prensa .filter-button.active i { color: #ffffff; margin: 0px 5px 0px 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.prensa .filter-button.active { margin-bottom: 5px !important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.prensa .filter-button.active { margin-bottom: 5px !important; } } section.prensa .btn-default:active .filter-button:active { background-color: #42B32F; color: white; } section.prensa ul.list { width: 100%; float: left; margin: 0px; padding: 0px; list-style-type: none; } @media only screen and (min-width: 530px) and (max-width: 949px) { section.prensa ul.list { margin: 15px 0px 0px 0px; } } section.prensa ul.list li { width: 33.33333333%; float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 0px; display: none; box-sizing: border-box; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.prensa ul.list li { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.prensa ul.list li { width: 100%; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.prensa ul.list li { width: 50%; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { section.prensa ul.list li { width: 33.33333333%; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { section.prensa ul.list li { width: 50%; } } section.prensa ul.list li .gallery_product { width: 100%; height: 220px; margin: 0px 0px 20px 0px; padding: 0px; box-sizing: content-box; background: #fff; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.prensa ul.list li .gallery_product { height: 170px!important; } } section.prensa ul.list li .gallery_product .contenedorPrensa { width: 100%; height: 220px; margin: 0px 15px 0px 0px; padding: 0px; background: #fff; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.prensa ul.list li .gallery_product .contenedorPrensa { height: 170px!important; } } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno { width: 100%; height: 220px; overflow: hidden; margin: 0px; padding: 0px; border: 1px solid rgba(86, 129, 168, 0.4); cursor: pointer; position: relative; background: #ccc; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno { height: 170px!important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno { height: 205px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno { height: 205px; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno { height: 205px; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno { height: 205px; } } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul { list-style-type: none; margin: 0px; padding: 15px; position: absolute; top: 150px; /*background: rgba(57, 119, 178, 0.71);*/ background: rgba(215, 129, 3, 0.8); width: 100%; opacity: 1; border-top: 1px solid rgba(255, 255, 255, 0.48); border-bottom: 1px solid rgba(255, 255, 255, 0.48); transition: all 1s ease-in-out; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul { padding: 5px!important; top: 120px!important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul { padding: 5px; top: 120px!important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul { padding: 5px; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul { padding: 5px; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul { padding: 5px; } } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul li { display: inline-block !important; padding: 0px 20px; margin: 0px 25px 0px 0px; color: #fff!important; font-family: 'Open Sans', sans-serif !important; font-size: 1.1em!important; white-space: nowrap!important; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul li { width: auto!important; padding: 0px 5px!important; margin: 0px 10px!important; font-size: 0.8em!important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul li { width: auto!important; padding: 0px 5px!important; margin: 0px 10px!important; font-size: 0.9em!important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul li { width: auto!important; padding: 0px 5px!important; margin: 0px 10px!important; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul li { width: auto!important; padding: 0px 5px!important; margin: 0px 10px!important; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul li { width: auto!important; padding: 0px 5px!important; margin: 0px 10px!important; } } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul li i { color: #fff; font-size: 1.5em; margin: 0px 5px 0px 0px; padding: 0px; } @media only screen and (min-width: 950px) and (max-width: 1366px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul li i { font-size: 1em; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure ul li i { font-size: 1em; } } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure .moverLista { opacity: 0; top: 300px; } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure figcaption h3 { color: #fff; line-height: 140%; text-align: left; font-size: 1.2em; margin: 0px 0px 10px 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure figcaption p { text-align: left; color: #fff; font-size: 1.1em; line-height: 135%; font-family: 'Open Sans', sans-serif; margin: 0px; margin: 0px 0px 15px 0px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure figcaption p { margin: 0px 0px 5px 0px!important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure figcaption p { margin: 0px 0px 5px 0px!important; } } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure figcaption span.seguirLeyendo { width: 120px; height: auto; overflow: hidden; display: block; background: red; margin: 0px; padding: 5px 15px; } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure figcaption span.seguirLeyendo [class^='imghvr-'] a, section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure figcaption span.seguirLeyendo [class*=' imghvr-'] a { color: #fff; } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno figure figcaption span.seguirLeyendo i { color: #ffffff; font-size: 1.5em; margin: 0px 5px; } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno .headerCategoria { background: #3a76b2; margin: 0px; padding: 5px 0px 0px 0px; width: 100%; height: 40px; overflow: hidden; border-bottom: 1px solid rgba(86, 129, 168, 0.2); position: absolute; top: 0px; left: 0px; z-index: 3; transition: all 0.3s ease-in-out; } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno .headerCategoria span.icono { border-radius: 100%; width: 30px; height: 30px; display: block; margin-left: 10px; vertical-align: middle; padding: 5px 0px; text-align: center; background: rgba(100, 148, 193, 0.4); border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno .headerCategoria span.icono i { color: #bfd3e6; font-size: 1.2em; margin: 2px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.prensa ul.list li .gallery_product .contenedorPrensa .contenidoInterno img { width: 100%; height: auto; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; } section.prensa ul.list li .gallery_product .contenedorPrensa:nth-child(2n + 1) { width: 100%; height: 220px; margin: 0px; padding: 0px; } section.prensa .lider_pagination { display: block; float: left; width: 100%; text-align: center; } section.prensa .lider_pagination ul.page-numbers { display: inline-block; width: initial; margin: 0px auto 15px 0px; padding: 0px; } section.prensa .lider_pagination ul.page-numbers li { display: block; float: left; margin: 0px; border: none; background: #d0d0d0; color: #fff; margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; position: relative; transition: all 0.3s ease-in-out; } section.prensa .lider_pagination ul.page-numbers li span.current { display: block; float: left; border: none; background: #82d5f5; color: #fff; margin: 0px; padding: 2px 0px 0px 0px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; position: absolute; top: 0px; left: 0px; text-transform: none; } section.prensa .lider_pagination ul.page-numbers li a.page-numbers { border: none; color: #a0a0a0; margin: 0px; padding: 2px 0px 0px 0px; font-weight: 600; font-size: 1.2em; cursor: pointer; text-transform: none!important; } section.prensa .lider_pagination ul.page-numbers li a.page-numbers:hover { border: none; color: #fff; margin: 0px; padding: 2px 0px 0px 0px; font-weight: 600; font-size: 1.2em; cursor: pointer; text-transform: none!important; } section.prensa .lider_pagination ul.page-numbers li:hover { display: block; float: left; margin: 0px; border: none; background: #82d5f5; color: #fff; margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; text-transform: none; } section.prensa .centerButton { text-align: center; margin-bottom: 20px; } /*Cierre prensa*/ /*Inicio Contacto*/ section.contacto { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; } section.contacto .tituloContacto { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.contacto .tituloContacto h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } section.contacto form { background: #e5eef5; margin: 40px 0px; height: auto; padding: 20px; display: block; text-align: center; position: relative; border-bottom: 1px solid rgba(7, 85, 157, 0.25); } section.contacto form .row span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 0px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } section.contacto form .row span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.contacto form .row input[type="text"] { width: 100%; height: 40px; background: rgba(255, 255, 255, 0.45); border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-bottom: 1px solid rgba(7, 85, 157, 0.25); margin-bottom: 15px; margin-right: 0px; padding: 0px 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; color: #495057; font-size: 14px; font-weight: 400; } section.contacto form .row input[type="email"] { width: 100%; height: 40px; background: rgba(255, 255, 255, 0.45); border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-bottom: 1px solid rgba(7, 85, 157, 0.25); margin-bottom: 15px; padding: 0px 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; color: #495057; font-size: 14px; font-weight: 400; } section.contacto form .row input[type="text"]::-webkit-input-placeholder, section.contacto form .row input[type="email"]::-webkit-input-placeholder { font-size: 14px; color: #495057; } section.contacto form .row input[type="text"]:hover, section.contacto form .row input[type="email"]:hover { border-bottom: 1px solid rgba(7, 85, 157, 0.7); } section.contacto form .row textarea { width: 100%; height: 98px; background: rgba(255, 255, 255, 0.45); border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-bottom: 1px solid rgba(7, 85, 157, 0.25); margin-top: 0px; margin-bottom: 5px; margin-right: 0px; padding: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; color: #495057; font-size: 14px; font-weight: 400; } section.contacto form .row textarea::-webkit-input-placeholder { font-size: 14px; color: #495057; } section.contacto form .row textarea::-moz-placeholder { /* Firefox 18- */ font-size: 14px; color: #495057; } section.contacto form .row textarea::-moz-placeholder { /* Firefox 19+ */ font-size: 14px; color: #495057; } section.contacto form .row textarea::-ms-input-placeholder { font-size: 14px; color: #495057; } section.contacto form .row .wpcf7-select { width: 100%; height: auto; background: rgba(255, 255, 255, 0.45); border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-bottom: 1px solid rgba(7, 85, 157, 0.25); margin-top: 0px; margin-bottom: 15px; margin-right: 0px; padding: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; color: #495057; font-size: 14px; font-weight: 400; float: right; } section.contacto form .colRow_tres { width: 100%; height: auto; overflow: hidden; display: block; margin: 0px; padding: 0px; } section.contacto form .colRow_tres input[type="text"] { width: 93%; height: 40px; background: rgba(255, 255, 255, 0.45); border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-bottom: 1px solid rgba(7, 85, 157, 0.25); margin-bottom: 5px; margin-right: 0px; padding: 0px 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; color: #495057; font-size: 14px; font-weight: 400; float: right; } section.contacto form .colRow_tres input[type="text"]::-webkit-input-placeholder, section.contacto form .colRow_tres input[type="email"]::-webkit-input-placeholder { font-size: 14px; color: #495057; } section.contacto form .colRow_tres input[type="text"]:hover, section.contacto form .colRow_tres input[type="email"]:hover { border-bottom: 1px solid rgba(7, 85, 157, 0.7); } section.contacto form .colRow_tres .colRowIntTres { display: flex; margin: 0px; padding: 0px; width: 100%; height: auto; box-sizing: border-box; } section.contacto form .colRow_tres .colRowIntTres .colRowTres_uno { width: 50%; margin: 0px 15px 0px 0px; } section.contacto form .colRow_tres .colRowIntTres .colRowTres_uno input[type="text"] { width: 93%; height: 40px; background: rgba(255, 255, 255, 0.45); border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-bottom: 1px solid rgba(7, 85, 157, 0.25); margin-bottom: 5px; margin-right: 0px; padding: 0px 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; color: #495057; font-size: 14px; font-weight: 400; float: right; } section.contacto form .colRow_tres .colRowIntTres .colRowTres_uno input[type="text"]::-webkit-input-placeholder, section.contacto form .colRow_tres .colRowIntTres .colRowTres_uno input[type="email"]::-webkit-input-placeholder { font-size: 14px; color: #495057; } section.contacto form .colRow_tres .colRowIntTres .colRowTres_uno input[type="text"]:hover, section.contacto form .colRow_tres .colRowIntTres .colRowTres_uno input[type="email"]:hover { border-bottom: 1px solid rgba(7, 85, 157, 0.7); } section.contacto form .colRow_tres .colRowIntTres .colRowTres_dos { width: 50%; margin: 0px 0px 0px 0px; } section.contacto form .colRow_tres .colRowIntTres .colRowTres_dos input[type="text"] { width: 93%; height: 40px; background: rgba(255, 255, 255, 0.45); border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-bottom: 1px solid rgba(7, 85, 157, 0.25); margin-bottom: 5px; margin-right: 0px; padding: 0px 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; color: #495057; font-size: 14px; font-weight: 400; float: right; } section.contacto form .colRow_tres .colRowIntTres .colRowTres_dos input[type="text"]::-webkit-input-placeholder, section.contacto form .colRow_tres .colRowIntTres .colRowTres_dos input[type="email"]::-webkit-input-placeholder { font-size: 14px; color: #495057; } section.contacto form .colRow_tres .colRowIntTres .colRowTres_dos input[type="text"]:hover, section.contacto form .colRow_tres .colRowIntTres .colRowTres_dos input[type="email"]:hover { border-bottom: 1px solid rgba(7, 85, 157, 0.7); } section.contacto form p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } section.contacto form p span { color: #4678a5; font-weight: 600; } section.contacto form p { margin: 0px auto!important; padding: 0px!important; /* .ajax-loader{ display: none; } .wpcf7-not-valid-tip{ display: none; }*/ } section.contacto form p input[type="submit"] { width: 100%; background: rgba(7, 85, 157, 0.52); font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #fff; text-transform: uppercase; border: none; padding: 5px 30px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; margin: 0px auto 0px auto; cursor: pointer; } section.contacto form p input[type="submit"] i { color: #fff; margin: 0px 5px 0px 0px; padding: 0px; font-size: 1em; } section.contacto form p input[type="submit"]:hover { width: 100%; background: #07559d; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 400; text-transform: uppercase; border: none; padding: 5px 30px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; margin: 0px auto 0px auto; cursor: pointer; } section.contacto form .yourasunto label.error { position: absolute; top: -6px; right: 0px; padding: 5px 25px; background: #f6c261; border-radius: 0px 8px 8px 0px; color: #fff; z-index: 0; white-space: nowrap; margin: 0px 5px; } section.contacto form .yourasunto label.error:after { content: ''; position: absolute; left: -6px; top: 8px; width: 0; height: 0; border: 0 solid transparent; border-top-width: 6px; border-bottom-width: 6px; border-right: 6px solid #f6c261; z-index: 1; white-space: nowrap; } section.contacto form .yourname label.error { position: absolute; top: -6px; right: 0px; padding: 5px 25px; background: #f6c261; border-radius: 0px 8px 8px 0px; color: #fff; z-index: 0; white-space: nowrap; margin: 0px 5px; } section.contacto form .yourname label.error:after { content: ''; position: absolute; left: -6px; top: 8px; width: 0; height: 0; border: 0 solid transparent; border-top-width: 6px; border-bottom-width: 6px; border-right: 6px solid #f6c261; z-index: 1; white-space: nowrap; } section.contacto form .yourmessage label.error { position: absolute; top: inherit; right: 0px; padding: 5px 25px; background: #f6c261; border-radius: 0px 8px 8px 0px; color: #fff; z-index: 0; white-space: nowrap; margin: 5px 5px; } section.contacto form .yourmessage label.error:after { content: ''; position: absolute; left: -6px; top: 8px; width: 0; height: 0; border: 0 solid transparent; border-top-width: 6px; border-bottom-width: 6px; border-right: 6px solid #f6c261; z-index: 1; white-space: nowrap; } section.contacto form .youremail label.error { position: absolute; top: -6px; right: 5px; padding: 5px 25px; background: #f6c261; border-radius: 0px 8px 8px 0px; color: #fff; z-index: 0; max-width: 160px; } section.contacto form .youremail label.error:after { content: ''; position: absolute; left: -6px; top: 8px; width: 0; height: 0; border: 0 solid transparent; border-top-width: 6px; border-bottom-width: 6px; border-right: 6px solid #f6c261; z-index: 1; } section.contacto form.wpcf7-form.invalid .yourasunto label.error { position: absolute; top: -6px; right: 0px; padding: 5px 25px; background: #f6c261; border-radius: 0px 8px 8px 0px; color: #fff; z-index: 0; white-space: nowrap; margin: 0px 5px; } section.contacto form.wpcf7-form.invalid .yourasunto label.error:after { content: ''; position: absolute; left: -6px; top: 8px; width: 0; height: 0; border: 0 solid transparent; border-top-width: 6px; border-bottom-width: 6px; border-right: 6px solid #f6c261; z-index: 1; white-space: nowrap; } section.contacto form.wpcf7-form.invalid .yourname label.error { position: absolute; top: -6px; right: 0px; padding: 5px 25px; background: #f6c261; border-radius: 0px 8px 8px 0px; color: #fff; z-index: 0; white-space: nowrap; margin: 0px 5px; } section.contacto form.wpcf7-form.invalid .yourname label.error:after { content: ''; position: absolute; left: -6px; top: 8px; width: 0; height: 0; border: 0 solid transparent; border-top-width: 6px; border-bottom-width: 6px; border-right: 6px solid #f6c261; z-index: 1; white-space: nowrap; } section.contacto form.wpcf7-form.invalid .yourmessage label.error { position: absolute; top: inherit; right: 0px; padding: 5px 25px; background: #f6c261; border-radius: 0px 8px 8px 0px; color: #fff; z-index: 0; white-space: nowrap; margin: 5px 5px; } section.contacto form.wpcf7-form.invalid .yourmessage label.error:after { content: ''; position: absolute; left: -6px; top: 8px; width: 0; height: 0; border: 0 solid transparent; border-top-width: 6px; border-bottom-width: 6px; border-right: 6px solid #f6c261; z-index: 1; white-space: nowrap; } section.contacto form.wpcf7-form.invalid .youremail label.error { position: absolute; top: -6px; right: 5px; padding: 5px 25px; background: #f6c261; border-radius: 0px 8px 8px 0px; color: #fff; z-index: 0; max-width: 160px; } section.contacto form.wpcf7-form.invalid .youremail label.error:after { content: ''; position: absolute; left: -6px; top: 8px; width: 0; height: 0; border: 0 solid transparent; border-top-width: 6px; border-bottom-width: 6px; border-right: 6px solid #f6c261; z-index: 1; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; font-weight: normal; display: none; } section.comitesTecnicos { width: 100%; height: 650px; overflow: hidden; margin: 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos { height: auto!important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos { height: auto!important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.comitesTecnicos { height: auto!important; } } section.comitesTecnicos .tituloComitesTecnicos { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.comitesTecnicos .tituloComitesTecnicos h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } section.comitesTecnicos p { text-align: left; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 25px 0px; } section.comitesTecnicos .comitesRow { width: 100%; height: auto; margin: 0px 0px 50px 0px; padding: 0px; display: flex; box-sizing: border-box; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow { display: block; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow { display: block; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.comitesTecnicos .comitesRow { display: block; } } section.comitesTecnicos .comitesRow .col_uno { width: 33.33333333%; height: 164px; overflow: hidden; margin: 0px 10px 0px 0px; padding: 30px 0px 50px 0px; background: rgba(253, 251, 246, 0.44); text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow .col_uno { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow .col_uno { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.comitesTecnicos .comitesRow .col_uno { width: 100%; margin: 0px 0px 15px 0px; } } section.comitesTecnicos .comitesRow .col_uno .iconos { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: -10px; z-index: 2; padding: 20px 0px; transition: all 0.3s ease-in-out; } section.comitesTecnicos .comitesRow .col_uno .iconos a { cursor: auto; } section.comitesTecnicos .comitesRow .col_uno .iconos a span.tiposSeguros { width: 80px; height: 80px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; background: rgba(100, 148, 193, 0.28); border: 2px solid #bfd3e6; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comitesTecnicos .comitesRow .col_uno .iconos a span.tiposSeguros i { color: #ffffff; font-size: 3.5em; margin: 10px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0); } section.comitesTecnicos .comitesRow .col_uno .iconos a span.tiposSegurosMov { width: 50px; height: 50px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 5px 0px; background: #6494c1; border: 2px solid #fff; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; } section.comitesTecnicos .comitesRow .col_uno .iconos a span.tiposSegurosMov i.fa-heart { color: #ffffff; font-size: 1.8em!important; margin: 10px 0px 0px 0px; padding: 0px; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0.3); } section.comitesTecnicos .comitesRow .col_uno .iconosMov { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 10px 0px!important; } section.comitesTecnicos .comitesRow .col_uno .tituloComite { width: 100%; height: 60px!important; padding: 0px 0px 0px 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } section.comitesTecnicos .comitesRow .col_uno .tituloComite h3 { color: #fff; margin: 10px auto 15px auto; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; max-width: 50%; line-height: 160%; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow .col_uno .tituloComite h3 { font-size: 0.9em; max-width: 50%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow .col_uno .tituloComite h3 { font-size: 0.9em; max-width: 50%; } } section.comitesTecnicos .comitesRow .col_uno .tituloComite i { position: absolute; color: #fff; font-size: 1.3em; top: 15px; right: 15px; } section.comitesTecnicos .comitesRow .col_uno .tituloComiteMov { width: 100%; height: 60px!important; margin: 0px; padding: 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; } section.comitesTecnicos .comitesRow .col_uno .tituloComiteMov h3 { color: #fff; margin: 10px auto 15px auto; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; max-width: 50%; line-height: 160%; } section.comitesTecnicos .comitesRow .col_uno .mascaraHeader { width: 100%; height: 70px; top: -70px; left: 0px; position: absolute; transition: all 0.3s ease-in-out; /* transition-delay: 2s;*/ z-index: 1; opacity: 0; background: rgba(58, 118, 178, 0); border-bottom: 1px solid #ffffff; } section.comitesTecnicos .comitesRow .col_uno .mascaraHeaderMov { width: 100%; height: 70px; top: 0px; left: 0px; position: absolute; z-index: 1; opacity: 1; background: #3a76b2; border-bottom: 1px solid #ffffff; } section.comitesTecnicos .comitesRow .col_uno .mascara { width: 100%; height: 360px; background: rgba(7, 85, 157, 0); bottom: -360px; left: 0px; position: absolute; transition: all 0.3s ease-in-out; z-index: 0; opacity: 0; } section.comitesTecnicos .comitesRow .col_uno .mascara h3 { color: #fff; margin: 10px auto 15px auto; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; max-width: 50%; line-height: 160%; } section.comitesTecnicos .comitesRow .col_uno .mascara ul { margin: 0px 0px 0px 0px; padding: 0px; text-align: left; width: 100%; list-style: none; position: absolute; bottom: 62px; border-top: 1px solid #fff; } section.comitesTecnicos .comitesRow .col_uno .mascara ul li { color: #fff; margin: 0px; padding: 3px 0px; font-size: 1.1em; border-bottom: 1px solid rgba(255, 255, 255, 0.3); background: url(../img/angle-right-solid.svg) no-repeat; text-indent: 30px; background-position: 15px 3px; background-size: 8px; } section.comitesTecnicos .comitesRow .col_uno .mascara ul li:last-child { border-bottom: none; } section.comitesTecnicos .comitesRow .col_uno .mascaraMov { width: 100%; height: 400px; bottom: 0px; left: 0px; position: absolute; transition: all 0.3s ease-in-out; z-index: 0; opacity: 1; background: #3f80bc; } section.comitesTecnicos .comitesRow .col_uno .mascaraMov h3 { color: #fff; margin: 10px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; width: 100% !important; max-width: 50%; line-height: 160%; position: absolute; top: 72px; left: 0px; text-align: left; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow .col_uno .mascaraMov h3 { max-width: 86%!important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow .col_uno .mascaraMov h3 { max-width: 86%!important; } } section.comitesTecnicos .comitesRow .col_unoMov { width: 33.33333333%; height: 400px; overflow: hidden; margin: 0px 10px 0px 0px; padding: 30px 0px 50px 0px; background: rgba(253, 251, 246, 0.44); text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow .col_unoMov { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow .col_unoMov { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.comitesTecnicos .comitesRow .col_unoMov { width: 100%; margin: 0px 0px 15px 0px; } } section.comitesTecnicos .comitesRow .col_dos { width: 33.33333333%; height: 164px; overflow: hidden; margin: 0px 10px 0px 0px; padding: 30px 0px 50px 0px; background: rgba(253, 251, 246, 0.44); text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow .col_dos { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow .col_dos { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.comitesTecnicos .comitesRow .col_dos { width: 100%; margin: 0px 0px 15px 0px; } } section.comitesTecnicos .comitesRow .col_dos .iconos { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: -10px; z-index: 2; padding: 20px 0px; transition: all 0.3s ease-in-out; } section.comitesTecnicos .comitesRow .col_dos .iconos a { cursor: auto; } section.comitesTecnicos .comitesRow .col_dos .iconos a span.tiposSeguros { width: 80px; height: 80px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; background: rgba(100, 148, 193, 0.28); border: 2px solid #bfd3e6; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comitesTecnicos .comitesRow .col_dos .iconos a span.tiposSeguros i { color: #ffffff; font-size: 3.5em; margin: 10px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0); } section.comitesTecnicos .comitesRow .col_dos .iconos a span.tiposSegurosMov { width: 50px; height: 50px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 5px 0px; background: #6494c1; border: 2px solid #fff; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; } section.comitesTecnicos .comitesRow .col_dos .iconos a span.tiposSegurosMov i { color: #ffffff; font-size: 1.8em!important; margin: 10px 0px 0px 0px; padding: 0px; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0.3); } section.comitesTecnicos .comitesRow .col_dos .iconosMov { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 10px 0px!important; } section.comitesTecnicos .comitesRow .col_dos .tituloComite { width: 100%; height: 60px!important; padding: 0px 0px 0px 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } section.comitesTecnicos .comitesRow .col_dos .tituloComite h3 { color: #fff; margin: 10px auto 15px auto; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; max-width: 56%; line-height: 160%; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow .col_dos .tituloComite h3 { font-size: 0.9em; max-width: 83%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow .col_dos .tituloComite h3 { font-size: 0.9em; max-width: 83%; } } section.comitesTecnicos .comitesRow .col_dos .tituloComite i { position: absolute; color: #fff; font-size: 1.3em; top: 15px; right: 15px; } section.comitesTecnicos .comitesRow .col_dos .tituloComiteMov { width: 100%; height: 60px!important; margin: 0px; padding: 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; } section.comitesTecnicos .comitesRow .col_dos .tituloComiteMov h3 { color: #fff; margin: 10px auto 15px auto; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; max-width: 50%; line-height: 160%; } section.comitesTecnicos .comitesRow .col_dos .mascaraHeader { width: 100%; height: 70px; top: -70px; left: 0px; position: absolute; transition: all 0.3s ease-in-out; /* transition-delay: 2s;*/ z-index: 1; opacity: 0; background: rgba(58, 118, 178, 0); border-bottom: 1px solid #ffffff; } section.comitesTecnicos .comitesRow .col_dos .mascaraHeaderMov { width: 100%; height: 70px; top: 0px; left: 0px; position: absolute; z-index: 1; opacity: 1; background: #3a76b2; border-bottom: 1px solid #ffffff; } section.comitesTecnicos .comitesRow .col_dos .mascara { width: 100%; height: 360px; background: rgba(7, 85, 157, 0); bottom: -360px; left: 0px; position: absolute; transition: all 0.3s ease-in-out; z-index: 0; opacity: 0; } section.comitesTecnicos .comitesRow .col_dos .mascara h3 { color: #fff; margin: 10px auto 15px auto; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; max-width: 50%; line-height: 160%; } section.comitesTecnicos .comitesRow .col_dos .mascara ul { margin: 0px 0px 0px 0px; padding: 0px; text-align: left; width: 100%; list-style: none; position: absolute; bottom: 60px; border-top: 1px solid #fff; } section.comitesTecnicos .comitesRow .col_dos .mascara ul li { color: #fff; margin: 0px; padding: 3px 0px; font-size: 1.1em; border-bottom: 1px solid rgba(255, 255, 255, 0.3); background: url(../img/angle-right-solid.svg) no-repeat; text-indent: 30px; background-position: 15px 3px; background-size: 8px; } section.comitesTecnicos .comitesRow .col_dos .mascara ul li:last-child { border-bottom: none; } section.comitesTecnicos .comitesRow .col_dos .mascaraMov { width: 100%; height: 400px; bottom: 0px; left: 0px; position: absolute; transition: all 0.3s ease-in-out; z-index: 0; opacity: 1; background: #3f80bc; } section.comitesTecnicos .comitesRow .col_dos .mascaraMov h3 { color: #fff; margin: 10px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; width: 100%!important; max-width: 50%!important; line-height: 160%; position: absolute; top: 0px; left: 0px; text-align: left; } section.comitesTecnicos .comitesRow .col_dosMov { width: 33.33333333%; height: 472px; overflow: hidden; margin: 0px 10px 0px 0px; padding: 30px 0px 50px 0px; background: rgba(253, 251, 246, 0.44); text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow .col_dosMov { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow .col_dosMov { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.comitesTecnicos .comitesRow .col_dosMov { width: 100%; margin: 0px 0px 15px 0px; } } section.comitesTecnicos .comitesRow .col_tres { width: 33.33333333%; height: 164px; overflow: hidden; margin: 0px 10px 0px 0px; padding: 30px 0px 50px 0px; background: rgba(253, 251, 246, 0.44); text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow .col_tres { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow .col_tres { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.comitesTecnicos .comitesRow .col_tres { width: 100%; margin: 0px 0px 15px 0px; } } section.comitesTecnicos .comitesRow .col_tres .iconos { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: -10px; z-index: 2; padding: 20px 0px; transition: all 0.3s ease-in-out; } section.comitesTecnicos .comitesRow .col_tres .iconos a { cursor: auto; } section.comitesTecnicos .comitesRow .col_tres .iconos a span.tiposSeguros { width: 80px; height: 80px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; background: rgba(100, 148, 193, 0.28); border: 2px solid #bfd3e6; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } section.comitesTecnicos .comitesRow .col_tres .iconos a span.tiposSeguros i { color: #ffffff; font-size: 3.5em; margin: 10px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0); } section.comitesTecnicos .comitesRow .col_tres .iconos a span.tiposSegurosMov { width: 50px; height: 50px; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 5px 0px; background: #6494c1; border: 2px solid #fff; text-align: center; display: block; margin: 0px auto; border-radius: 100%; top: 0px; } section.comitesTecnicos .comitesRow .col_tres .iconos a span.tiposSegurosMov i { color: #ffffff; font-size: 1.8em!important; margin: 10px 0px 0px 0px; padding: 0px; text-shadow: 1px 1px 20px rgba(11, 51, 88, 0.3); } section.comitesTecnicos .comitesRow .col_tres .iconosMov { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; position: absolute; top: 0px; z-index: 2; padding: 10px 0px!important; } section.comitesTecnicos .comitesRow .col_tres .tituloComite { width: 100%; height: 60px!important; padding: 0px 0px 0px 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } section.comitesTecnicos .comitesRow .col_tres .tituloComite h3 { color: #fff; margin: 10px auto 15px auto; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; max-width: 56%; line-height: 160%; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow .col_tres .tituloComite h3 { font-size: 0.9em; max-width: 50%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow .col_tres .tituloComite h3 { font-size: 0.9em; max-width: 50%; } } section.comitesTecnicos .comitesRow .col_tres .tituloComite i { position: absolute; color: #fff; font-size: 1.3em; top: 15px; right: 15px; } section.comitesTecnicos .comitesRow .col_tres .tituloComiteMov { width: 100%; height: 60px!important; margin: 0px; padding: 0px; background: #3a76b2; height: auto; position: absolute; bottom: 0px; z-index: 1; } section.comitesTecnicos .comitesRow .col_tres .tituloComiteMov h3 { color: #fff; margin: 10px auto 15px auto; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; clear: both; max-width: 56%; line-height: 160%; } section.comitesTecnicos .comitesRow .col_tres .mascaraHeader { width: 100%; height: 70px; top: -70px; left: 0px; position: absolute; transition: all 0.3s ease-in-out; /* transition-delay: 2s;*/ z-index: 1; opacity: 0; background: rgba(58, 118, 178, 0); border-bottom: 1px solid #ffffff; } section.comitesTecnicos .comitesRow .col_tres .mascaraHeaderMov { width: 100%; height: 70px; top: 0px; left: 0px; position: absolute; z-index: 1; opacity: 1; background: #3a76b2; border-bottom: 1px solid #ffffff; } section.comitesTecnicos .comitesRow .col_tres .mascara { width: 100%; height: 360px; background: rgba(7, 85, 157, 0); bottom: -360px; left: 0px; position: absolute; transition: all 0.3s ease-in-out; z-index: 0; opacity: 0; } section.comitesTecnicos .comitesRow .col_tres .mascara ul { margin: 0px 0px 0px 0px; padding: 0px; text-align: left; width: 100%; list-style: none; position: absolute; bottom: 60px; border-top: 1px solid #fff; } section.comitesTecnicos .comitesRow .col_tres .mascara ul li { color: #fff; margin: 0px; padding: 3px 0px; font-size: 1.1em; border-bottom: 1px solid rgba(255, 255, 255, 0.3); background: url(../img/angle-right-solid.svg) no-repeat; text-indent: 30px; background-position: 15px 3px; background-size: 8px; } section.comitesTecnicos .comitesRow .col_tres .mascara ul li:last-child { border-bottom: none; } section.comitesTecnicos .comitesRow .col_tres .mascara h3 { color: #fff; margin: 10px auto 15px auto; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; max-width: 50%; line-height: 160%; } section.comitesTecnicos .comitesRow .col_tres .mascaraMov { width: 100%; height: 400px; bottom: 0px; left: 0px; position: absolute; transition: all 0.3s ease-in-out; z-index: 0; opacity: 1; background: #3f80bc; } section.comitesTecnicos .comitesRow .col_tres .mascaraMov h3 { color: #fff; margin: 10px; padding: 0px; font-size: 1em; text-transform: uppercase; display: block; width: 100% !important; max-width: 70%; line-height: 160%; position: absolute; top: 74px; left: 0px; text-align: left; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow .col_tres .mascaraMov h3 { max-width: 83%!important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow .col_tres .mascaraMov h3 { max-width: 83%!important; } } section.comitesTecnicos .comitesRow .col_tresMov { width: 33.33333333%; height: 400px; overflow: hidden; margin: 0px 10px 0px 0px; padding: 30px 0px 50px 0px; background: rgba(253, 251, 246, 0.44); text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; border: 1px solid rgba(7, 85, 157, 0.16); position: relative; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.comitesTecnicos .comitesRow .col_tresMov { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.comitesTecnicos .comitesRow .col_tresMov { width: 100%; margin: 0px 0px 15px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.comitesTecnicos .comitesRow .col_tresMov { width: 100%; margin: 0px 0px 15px 0px; } } section.comitesTecnicos .comitesRow .ocultar { display: none!important; } section.comitesTecnicos .comitesRow .col_uno:hover, section.comitesTecnicos .comitesRow .col_dos:hover, section.comitesTecnicos .comitesRow .col_tres:hover { box-shadow: 2px 8px 30px rgba(0, 0, 0, 0.2); border: 1px solid rgba(7, 85, 157, 0.2); } article.cajaImportante { background: #e5eef5; margin: 20px 0px; height: auto; overflow: hidden; padding: 20px; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { article.cajaImportante { border-top: 1px solid #bfd3e6; border-bottom: 2px solid #bfd3e6; position: relative; overflow: inherit; padding: 35px 20px 0px 20px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { article.cajaImportante { border-top: 1px solid #bfd3e6; border-bottom: 2px solid #bfd3e6; position: relative; overflow: inherit; padding: 35px 20px 0px 20px; } } article.cajaImportante span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 13px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } @media only screen and (min-width: 0px) and (max-width: 320px) { article.cajaImportante span.iconos { display: none; } } @media only screen and (min-width: 0px) and (max-width: 529px) { article.cajaImportante span.iconos { display: none; } } article.cajaImportante span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } article.cajaImportante p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 0px 10px 25px 10px; font-family: 'Open Sans', sans-serif; } @media only screen and (min-width: 0px) and (max-width: 320px) { article.cajaImportante p { margin: 0px; text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { article.cajaImportante p { margin: 0px; text-align: center; } } article.cajaImportante p span { color: #4678a5; font-weight: 600; } article.cajaImportante .centerButton { width: 100%; margin: 0px; padding: 0px 0px 0px 80px; text-align: left; } article.cajaImportante .centerButton .seguirLeyendo { display: block!important; } /*Inicio categoriasBuscador*/ .alert-info { color: #5b5b5b; background-color: #c5e2ed; border-color: #bee5eb; width: 100%; max-width: 50%; box-sizing: border-box; margin: 0px auto; font-size: 1.2em; font-weight: 400; text-align: center; font-family: 'Open Sans', sans-serif; } /*Inicio categoriasBoletinesEstadisticos*/ section.categoriasBoletinEstadisticos { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; /*Pagina Interior*/ /*Pagina Interior*/ /*Pagina Interior*/ } section.categoriasBoletinEstadisticos .subtitulocategoriasBoletinEstadisticos { width: 100%; height: auto; overflow: hidden; margin: 10px 0px 10px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.categoriasBoletinEstadisticos .subtitulocategoriasBoletinEstadisticos h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador { width: 100%; height: auto; padding: 0px; margin: 15px 0px 20px 0px; display: flex; box-sizing: border-box; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias { width: 33.33333333%; height: 210px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 0px; border: 1px solid rgba(153, 186, 216, 0.66); /*position: relative; z-index:300;*/ /*cursor: pointer;*/ box-sizing: border-box; border: 1px solid #ddd; background-color: #f6f6f6; /*box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.15);*/ /*Inicio categoriasHeader*/ } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .headerInfo { background: rgba(7, 85, 157, 0.92); width: 100%; height: auto; margin: 0px; padding: 15px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .headerInfo h1 { font-size: 1.1em; font-weight: bold; color: #ffffff; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .headerInfo i { font-size: 0.9em; color: #82d5f5; font-style: italic; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera { width: 100%; height: 150px; display: inline-flex; margin-top: 10px; padding: 0px 15px 0px 15px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera .dvBoxBotoneraAnteriores { width: 100%; float: left; font-size: .8em; text-align: left; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera .dvBoxBotoneraAnteriores > div { text-align: center; display: inline-table; vertical-align: top; width: 40px; margin: 0px 7px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul { width: 40px; height: auto; margin: 0px 15px 0px 0px; padding: 0px; list-style: none; text-align: center; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul .date { font-size: 1.2em; color: #000; text-align: center; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li { margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: 40px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li span { border-radius: 100%; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: #ffc720; display: block; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li span img { max-width: 22px; margin-top: 5px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li .bi { background: #ffc720; background: #ffc720!important; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); background-image: url(../img/bi.svg) !important; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li .bi i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li a { margin: 0px; padding: 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li a .pdf { background: #FF5722; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li a .pdf i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li .pdf { background: #FF5722; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li .pdf i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li .xls { background: #00b151; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li .xls i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li .xlsx { background: #00b151; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li .xlsx img { width: 100%; max-width: 60%; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li .rar { background: #d26fa5; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias .dvBoxBotonera ul li .rar i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child { width: 33.33333333%; height: 210px; overflow: hidden; background: #ffffff; margin: 0px 0px 0px 0px !important; padding: 0px; border: 1px solid rgba(153, 186, 216, 0.66); position: relative; z-index: 0; /*cursor: pointer;*/ box-sizing: border-box; border: 1px solid #ddd; background-color: #f6f6f6; /*Inicio categoriasHeader*/ } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .headerInfo { background: rgba(7, 85, 157, 0.92); width: 100%; height: auto; margin: 0px; padding: 15px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .headerInfo h1 { font-size: 1.1em; font-weight: bold; color: #ffffff; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .headerInfo i { font-size: 0.9em; color: #82d5f5; font-style: italic; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera { width: 100%; height: 150px; display: inline-flex; margin-top: 10px; padding: 0px 15px 0px 15px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera .dvBoxBotoneraAnteriores { width: 100%; float: left; font-size: .8em; text-align: left; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera .dvBoxBotoneraAnteriores > div { text-align: center; display: inline-table; vertical-align: top; width: 40px; margin: 0px 7px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul { width: 40px; height: auto; margin: 0px 15px 0px 0px; padding: 0px; list-style: none; text-align: center; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul .date { font-size: 1.2em; color: #000; text-align: center; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li { margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: 40px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li span { border-radius: 100%; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: #ffc720; display: block; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li span img { max-width: 22px; margin-top: 5px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li .bi { background: #ffc720; background: #ffc720!important; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); background-image: url(../img/bi.svg) !important; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li .bi i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li a { margin: 0px; padding: 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li a .pdf { background: #FF5722; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li a .pdf i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li .pdf { background: #FF5722; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li .pdf i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li .xls { background: #00b151; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li .xls i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li .xlsx { background: #00b151; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li .xlsx img { width: 100%; max-width: 60%; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li .rar { background: #d26fa5; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categorias:last-child .dvBoxBotonera ul li .rar i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.col_categoriasVacio { width: 33.33333333%; height: 210px; overflow: hidden; background: #ffffff; margin: 0px 0px 0px 0px!important; padding: 0px; border: none; position: relative; z-index: 0; cursor: pointer; box-sizing: border-box; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador .lider_pagination { display: block; float: left; width: 100%; text-align: center; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador .lider_pagination ul.pagination { display: inline-block; width: initial; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador .lider_pagination ul.pagination li { display: block; float: left; margin: 0; border: none; background: #d3d3d3; color: rgba(0, 0, 0, 0.54); margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador .lider_pagination ul.pagination li:hover { display: block; float: left; margin: 0; border: none; background: #82d5f5; color: #fff; margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador .lider_pagination ul.pagination li.active { display: block; background: #82d5f5; color: #fff; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.desarrolloMercado { background: #e5eef5; margin: 20px 0px; height: auto; overflow: hidden; padding: 20px; display: block; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.desarrolloMercado span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.desarrolloMercado span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.desarrolloMercado p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.desarrolloMercado p span { color: #4678a5; font-weight: 600; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.desarrolloMercado .centerButton { width: 100%; margin: 0px; padding: 0px 0px 0px 80px; text-align: left; } section.categoriasBoletinEstadisticos .rowcategoriasBuscador article.desarrolloMercado .centerButton .seguirLeyendo { display: block!important; } section.categoriasBoletinEstadisticos .row { width: 100%; height: auto; padding: 0px; margin: 15px 0px 20px 0px; display: flex; box-sizing: border-box; } section.categoriasBoletinEstadisticos .row article.col_categorias { width: 100%; height: 210px; overflow: hidden; margin: 0px 0px 25px 0px; padding: 0px; border: 1px solid rgba(153, 186, 216, 0.66); /*position: relative; z-index:300;*/ /*cursor: pointer;*/ box-sizing: border-box; border: 1px solid #ddd; background-color: #f6f6f6; /*box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.15);*/ /*Inicio categoriasHeader*/ } section.categoriasBoletinEstadisticos .row article.col_categorias .headerInfo { background: rgba(7, 85, 157, 0.92); width: 100%; height: auto; margin: 0px; padding: 15px; } section.categoriasBoletinEstadisticos .row article.col_categorias .headerInfo h1 { font-size: 1.1em; font-weight: bold; color: #ffffff; } section.categoriasBoletinEstadisticos .row article.col_categorias .headerInfo i { font-size: 0.9em; color: #82d5f5; font-style: italic; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera { width: 100%; height: 150px; display: inline-flex; margin-top: 10px; padding: 0px 15px 0px 15px; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera .dvBoxBotoneraAnteriores { width: 100%; float: left; font-size: .8em; text-align: left; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera .dvBoxBotoneraAnteriores > div { text-align: center; display: inline-table; vertical-align: top; width: 40px; margin: 0px 7px; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul { width: 40px; height: auto; margin: 0px 15px 0px 0px; padding: 0px; list-style: none; text-align: center; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul .date { font-size: 1.2em; color: #000; text-align: center; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li { margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: 40px; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li span { border-radius: 100%; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: #ffc720; display: block; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li span img { max-width: 22px; margin-top: 5px; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li .bi { background: #ffc720; background: #ffc720!important; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); background-image: url(../img/bi.svg) !important; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li .bi i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li a { margin: 0px; padding: 0px; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li a .pdf { background: #FF5722; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li a .pdf i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li .pdf { background: #FF5722; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li .pdf i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li .xls { background: #00b151; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li .xls i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li .xlsx { background: #00b151; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li .xlsx img { width: 100%; max-width: 60%; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li .rar { background: #d26fa5; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .row article.col_categorias .dvBoxBotonera ul li .rar i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .row article.col_categoriasVacio { width: 33.33333333%; height: 210px; overflow: hidden; background: #ffffff; margin: 0px 0px 0px 0px!important; padding: 0px; border: none; position: relative; z-index: 0; cursor: pointer; box-sizing: border-box; } section.categoriasBoletinEstadisticos .row .lider_pagination { display: block; float: left; width: 100%; text-align: center; } section.categoriasBoletinEstadisticos .row .lider_pagination ul.pagination { display: inline-block; width: initial; } section.categoriasBoletinEstadisticos .row .lider_pagination ul.pagination li { display: block; float: left; margin: 0; border: none; background: #d3d3d3; color: rgba(0, 0, 0, 0.54); margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } section.categoriasBoletinEstadisticos .row .lider_pagination ul.pagination li:hover { display: block; float: left; margin: 0; border: none; background: #82d5f5; color: #fff; margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; } section.categoriasBoletinEstadisticos .row .lider_pagination ul.pagination li.active { display: block; background: #82d5f5; color: #fff; } section.categoriasBoletinEstadisticos .row article.desarrolloMercado { background: #e5eef5; margin: 20px 0px; height: auto; overflow: hidden; padding: 20px; display: block; } section.categoriasBoletinEstadisticos .row article.desarrolloMercado span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } section.categoriasBoletinEstadisticos .row article.desarrolloMercado span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.categoriasBoletinEstadisticos .row article.desarrolloMercado p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } section.categoriasBoletinEstadisticos .row article.desarrolloMercado p span { color: #4678a5; font-weight: 600; } section.categoriasBoletinEstadisticos .row article.desarrolloMercado .centerButton { width: 100%; margin: 0px; padding: 0px 0px 0px 80px; text-align: left; } section.categoriasBoletinEstadisticos .row article.desarrolloMercado .centerButton .seguirLeyendo { display: block!important; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior { width: 100%; height: auto; padding: 0px; margin: 15px 0px 20px 0px; display: flex; box-sizing: border-box; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias { width: 100%; height: 210px; overflow: hidden; margin: 0px 15px 0px 0px; padding: 0px; border: 1px solid rgba(153, 186, 216, 0.66); /*position: relative; z-index:300;*/ /*cursor: pointer;*/ box-sizing: border-box; border: 1px solid #ddd; background-color: #f6f6f6; /*box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.15);*/ /*Inicio categoriasHeader*/ } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .headerInfo { background: rgba(7, 85, 157, 0.92); width: 100%; height: auto; margin: 0px; padding: 15px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .headerInfo h1 { font-size: 1.1em; font-weight: bold; color: #ffffff; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .headerInfo i { font-size: 0.9em; color: #82d5f5; font-style: italic; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera { width: 100%; height: 150px; display: inline-flex; margin-top: 10px; padding: 0px 15px 0px 15px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera .dvBoxBotoneraAnteriores { width: 100%; float: left; font-size: .8em; text-align: left; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera .dvBoxBotoneraAnteriores > div { text-align: center; display: inline-table; vertical-align: top; width: 40px; margin: 0px 7px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul { width: 40px; height: auto; margin: 0px 15px 0px 0px; padding: 0px; list-style: none; text-align: center; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul .date { font-size: 1.2em; color: #000; text-align: center; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li { margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: 40px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li span { border-radius: 100%; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 2px 0px; text-align: center; background: #ffc720; display: block; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li span img { max-width: 22px; margin-top: 5px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li .bi { background: #ffc720; background: #ffc720!important; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); background-image: url(../img/bi.svg) !important; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li .bi i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li a { margin: 0px; padding: 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li a .pdf { background: #FF5722; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li a .pdf i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li .pdf { background: #FF5722; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li .pdf i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li .xls { background: #00b151; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li .xls i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li .xlsx { background: #00b151; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li .xlsx img { width: 100%; max-width: 60%; margin: 5px 0px 0px 0px; padding: 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li .rar { background: #d26fa5; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2); } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias .dvBoxBotonera ul li .rar i { color: #fff; font-size: 1.6em; font-weight: bold; font-style: normal; margin: 10px 0px 0px 0px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias:last-child { width: 100%; height: 210px; overflow: hidden; background: #ffffff; margin: 0px 0px 0px 0px!important; padding: 0px; border: 1px solid rgba(153, 186, 216, 0.66); position: relative; z-index: 0; /*cursor: pointer;*/ box-sizing: border-box; border: 1px solid #ddd; background-color: #f6f6f6; /*Inicio categoriasHeader*/ } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias:last-child .headerInfo { background: rgba(7, 85, 157, 0.92); width: 100%; height: auto; margin: 0px; padding: 15px; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias:last-child .headerInfo h1 { font-size: 1.1em; font-weight: bold; color: #ffffff; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categorias:last-child .headerInfo i { font-size: 0.9em; color: #82d5f5; font-style: italic; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.col_categoriasVacio { width: 33.33333333%; height: 210px; overflow: hidden; background: #ffffff; margin: 0px 0px 0px 0px!important; padding: 0px; border: none; position: relative; z-index: 0; cursor: pointer; box-sizing: border-box; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior .lider_pagination { display: block; float: left; width: 100%; text-align: center; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior .lider_pagination ul.pagination { display: inline-block; width: initial; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior .lider_pagination ul.pagination li { display: block; float: left; margin: 0; border: none; background: #d3d3d3; color: rgba(0, 0, 0, 0.54); margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior .lider_pagination ul.pagination li:hover { display: block; float: left; margin: 0; border: none; background: #82d5f5; color: #fff; margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior .lider_pagination ul.pagination li.active { display: block; background: #82d5f5; color: #fff; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.desarrolloMercado { background: #e5eef5; margin: 20px 0px; height: auto; overflow: hidden; padding: 20px; display: block; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.desarrolloMercado span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 30px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.desarrolloMercado span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.desarrolloMercado p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.desarrolloMercado p span { color: #4678a5; font-weight: 600; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.desarrolloMercado .centerButton { width: 100%; margin: 0px; padding: 0px 0px 0px 80px; text-align: left; } section.categoriasBoletinEstadisticos .rowcategoriasBuscadorInterior article.desarrolloMercado .centerButton .seguirLeyendo { display: block!important; } section.categoriasBoletinEstadisticos .lider_pagination { display: block; float: left; width: 100%; text-align: center; } section.categoriasBoletinEstadisticos .lider_pagination ul.pagination { display: inline-block; width: initial; } section.categoriasBoletinEstadisticos .lider_pagination ul.pagination li { display: block; float: left; margin: 0; border: none; background: #d3d3d3; color: rgba(0, 0, 0, 0.54); margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } section.categoriasBoletinEstadisticos .lider_pagination ul.pagination li:hover { display: block; float: left; margin: 0; border: none; background: #82d5f5; color: #fff; margin: 0px 3px; padding: 3px 5px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; } section.categoriasBoletinEstadisticos .lider_pagination ul.pagination li.active { display: block; background: #82d5f5; color: #fff; } /*Cierre categoriasBoletinesEstadisticos*/ /*FAMILIAS TIPOGRAFICAS*/ /*=PALETA COLOR TIPOGRAFIAS ---------------------------------------------------------------------------------------------------- */ /*Gris oscuro*/ /*=PALETA COLOR BOTONES ---------------------------------------------------------------------------------------------------- */ /*=PADDING ---------------------------------------------------------------------------------------------------- */ /*=MARGIN ---------------------------------------------------------------------------------------------------- */ section.paginaInterior { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; } section.paginaInterior .titulopaginaInterior { width: 100%; height: auto; overflow: hidden; margin: 10px 0px 0px 0px; padding: 0px; display: block; position: relative; } section.paginaInterior .titulopaginaInterior h1 { color: #000; font-size: 1.7em; /* border-bottom: 5px solid #313386; */ margin: 0px; padding: 0px; display: inline-block; text-transform: none; line-height: 140%; } section.paginaInterior h3 { color: #000; font-size: 1.7em; margin: 0px 0px 10px 0px; padding: 0px; display: block; text-transform: none; line-height: 160%; border-bottom: 1px solid rgba(128, 128, 128, 0.4); } section.paginaInterior h4 { color: #000; font-size: 1.5em; margin: 0px 0px 10px 0px; padding: 0px; display: block; text-transform: none; line-height: 160%; border-bottom: 1px solid rgba(128, 128, 128, 0.4); } section.paginaInterior p { text-align: justify; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.paginaInterior p em { color: #4678a5; font-weight: 600; } section.paginaInterior p strong { color: #4678a5; font-weight: 600; font-style: oblique; } section.paginaInterior ul.lista { background: #e5eef5; margin: 15px 0px; padding: 15px 20px; list-style-type: none; border: none; width: 100%; } section.paginaInterior ul.lista li { line-height: 168%; background-image: url("../img/check-solid.svg"); display: block; background-repeat: no-repeat; background-size: 12px; background-position-y: 5px; background-position-x: 3px; padding-left: 25px; font-size: 1.2em; } section.paginaInterior ul.lista li a { color: #07559d; font-size: 1em; transition: all 0.3s ease-in-out; font-weight: 400; } section.paginaInterior ul.lista li a:hover { color: #000000; font-size: 1em; font-weight: 400; text-decoration: none; } section.paginaInterior .leer_mas_interior { width: 100%; height: auto; overflow: hidden; margin: 10px 0px 0px 0px; padding: 0px; display: block; position: relative; } section.paginaInterior .leer_mas_interior section.quienesSomos .subtituloquienesSomos { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.paginaInterior .leer_mas_interior section.quienesSomos .subtituloquienesSomos h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } section.paginaInterior .leer_mas_interior p { text-align: justify; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.paginaInterior .leer_mas_interior p em { color: #4678a5; font-weight: 600; } section.paginaInterior .leer_mas_interior ul.lista { background: #e5eef5; margin: 0px; padding: 15px 20px; list-style-type: none; border: none; width: 100%; } section.paginaInterior .leer_mas_interior ul.lista li { line-height: 168%; text-indent: 14px; background-image: url("../img/check-solid.svg"); display: block; background-repeat: no-repeat; background-size: 12px; background-position-y: 5px; font-size: 1.2em; } section.paginaInterior .leer_mas_interior ul.lista li a { color: #07559d; font-size: 1em; transition: all 0.3s ease-in-out; font-weight: 400; } section.paginaInterior .leer_mas_interior ul.lista li a:hover { color: #000000; font-size: 1em; font-weight: 400; text-decoration: none; } section.paginaInterior .subtitulopaginaInterior { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.paginaInterior .subtitulopaginaInterior h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } section.paginaInterior p { text-align: justify; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.paginaInterior p i { color: #4678a5; font-weight: 600; } section.paginaInterior figure.infoImagenpageInterior { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; border: 1px solid rgba(86, 129, 168, 0.4); position: relative; } section.paginaInterior figure.infoImagenpageInterior img { width: 100%; height: auto; overflow: hidden; } section.paginaInterior ul { width: 100%; margin: 5px 0px; padding: 5px 10px; list-style-type: none; background: rgba(253, 253, 253, 0.59); border-top: 1px solid rgba(128, 128, 128, 0.4); border-bottom: 1px solid rgba(128, 128, 128, 0.4); transition: all 1s ease-in-out; } section.paginaInterior ul li { display: inline; padding: 0px 10px; margin: 0px; color: #797979; font-family: 'Open Sans', sans-serif !important; font-size: 1.1em; } section.paginaInterior ul li i { color: #818181; font-size: 1.1em; margin: 0px 5px 0px 0px; padding: 0px; } section.paginaInterior article.importante { background: #e5eef5; margin: 20px 0px; height: auto; overflow: hidden; padding: 20px; display: block; } section.paginaInterior article.importante span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 10px 0px; vertical-align: -webkit-baseline-middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.paginaInterior article.importante span.iconos { display: none; } } section.paginaInterior article.importante span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.paginaInterior article.importante p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.paginaInterior article.importante p { margin: 0; } } section.paginaInterior article.importante p span { color: #4678a5; font-weight: 600; } section.paginaInterior article.importante em { color: #4678a5; font-weight: 600; } section.paginaInterior article.importante ul.lista { background: #e5eef5; margin: 15px 0px; padding: 15px 20px; list-style-type: none; border: none; width: 100%; } section.paginaInterior article.importante ul.lista li { line-height: 168%; background-image: url("../img/check-solid.svg"); display: block; background-repeat: no-repeat; background-size: 12px; background-position-y: 5px; background-position-x: 3px; font-size: 1.2em; padding-left: 25px; } section.paginaInterior article.importante ul.lista li a { color: #07559d; font-size: 1em; transition: all 0.3s ease-in-out; font-weight: 400; } section.paginaInterior article.importante ul.lista li a:hover { color: #000000; font-size: 1em; font-weight: 400; text-decoration: none; } section.paginaInterior article.importanteVehiculos { background: #e5eef5; margin: 20px 0px 0px 0px; height: auto; overflow: hidden; padding: 20px 20px 0px 20px; display: block; } section.paginaInterior article.importanteVehiculos span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 10px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } section.paginaInterior article.importanteVehiculos span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.paginaInterior article.importanteVehiculos p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } section.paginaInterior article.importanteVehiculos p span { color: #4678a5; font-weight: 600; } section.paginaInterior .listaVeiculos { width: 100%; height: auto; overflow: hidden; } section.paginaInterior .listaVeiculos .rowCol { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; display: block; box-sizing: border-box; } section.paginaInterior .listaVeiculos .rowCol .bloque { width: 100%; margin: 0px 0px 0px 0px; background: #e5eef5; padding: 0px 0px 15px 0px; display: flex; } section.paginaInterior .listaVeiculos .rowCol .bloque .headerCol { width: 14%; height: auto; margin: 0px; padding: 0px; text-align: center; } section.paginaInterior .listaVeiculos .rowCol .bloque .headerCol span.uno { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 22px auto; padding: 0px; background: #6494c147; border: 2px solid #bfd3e6; transition: all 0.3s ease-in-out; opacity: 1; } section.paginaInterior .listaVeiculos .rowCol .bloque .headerCol span.uno h3 { color: #fff!important; margin: 3px 0px!important; padding: 0px!important; font-size: 1.2em!important; font-weight: 600!important; } section.paginaInterior .listaVeiculos .rowCol .bloque .headerCol span.dos { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 16px auto; padding: 0px; background: #6494c147; border: 2px solid #bfd3e6; transition: all 0.3s ease-in-out; opacity: 1; } section.paginaInterior .listaVeiculos .rowCol .bloque .headerCol span.dos h3 { color: #fff!important; margin: 3px 0px!important; padding: 0px!important; font-size: 1.2em!important; font-weight: 600!important; } section.paginaInterior .listaVeiculos .rowCol .bloque .textoCol { width: 84%; height: auto; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; } section.paginaInterior .listaVeiculos .rowCol .bloque .textoCol p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; } section.paginaInterior .listaVeiculos .rowCol .bloqueContacto { width: 100%; margin: 15px 0px 15px 0px; background: #e5eef5; padding: 0px 0px 15px 0px; display: flex; } section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .headerCol { width: 14%; height: auto; margin: 0px; padding: 0px; text-align: center; } section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .headerCol span { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 35px auto; padding: 0px; background: #FFC107; border: 2px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease-in-out; opacity: 0; } section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .headerCol span i { color: #fff!important; margin: 6px 0px!important; padding: 0px!important; font-size: 1.2em!important; } section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .textoCol { width: 84%; height: auto; margin: 0px; padding: 15px 0px 15px 0px; text-align: left; } section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .textoCol h1 { font-size: 1.2em!important; text-align: left; color: #07559d; font-size: 1.2em; line-height: 150%; margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; /* border-bottom:1px solid #07559d;*/ } section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .textoCol ul { width: 100%; height: 0px; padding: 0px; margin: 0px; list-style-type: none; border-top: none!important; border-bottom: none!important; } section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .textoCol ul li { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 5px 0px; padding: 0px; font-family: 'Open Sans', sans-serif; display: block; } section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:link, section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:visited { color: #07559d; font-size: 1em; padding: 0px; text-transform: none; } section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:hover, section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:focus, section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:active { color: #07559d; font-size: 1em; padding: 0px; text-transform: none; text-decoration: none; } section.paginaInterior .listaVeiculos .rowCol .bloqueContacto .textoCol ul li i { color: #3977b2; margin: 0px 5px 0px 0px; } section.paginaInterior .leerMas { width: 100%; height: auto; overflow: hidden; display: none; } section.paginaInterior .leerMas h3 { color: #000; font-size: 1.7em; margin: 0px 0px 10px 0px; padding: 0px; display: block; text-transform: none; line-height: 160%; border-bottom: 1px solid rgba(128, 128, 128, 0.4); } section.paginaInterior .leerMas strong { color: #4678a5; font-weight: 600; font-style: oblique; } section.paginaInterior .ocultarMenosButton { display: none; } section.paginaInterior .centerButton { width: 100%; margin: 15px 0px; padding: 0px; text-align: center; } section.paginaInteriorGalerias { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; } section.paginaInteriorGalerias .titulopaginaInterior { width: 100%; height: auto; overflow: hidden; margin: 10px 0px 0px 0px; padding: 0px; display: block; position: relative; } section.paginaInteriorGalerias .titulopaginaInterior h1 { color: #000; font-size: 1.7em; /* border-bottom: 5px solid #313386; */ margin: 0px; padding: 0px; display: inline-block; text-transform: none; line-height: 140%; } section.paginaInteriorGalerias h3 { color: #000; font-size: 1.7em; margin: 0px 0px 10px 0px; padding: 0px; display: block; text-transform: none; line-height: 160%; border-bottom: 1px solid rgba(128, 128, 128, 0.4); } section.paginaInteriorGalerias h4 { color: #000; font-size: 1.5em; margin: 0px 0px 10px 0px; padding: 0px; display: block; text-transform: none; line-height: 160%; border-bottom: 1px solid rgba(128, 128, 128, 0.4); } section.paginaInteriorGalerias p { text-align: justify; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.paginaInteriorGalerias p em { color: #4678a5; font-weight: 600; } section.paginaInteriorGalerias p strong { color: #4678a5; font-weight: 600; font-style: oblique; } section.paginaInteriorGalerias p a { color: #4678a5; font-weight: 600; text-decoration: none; font-style: italic; transition: all 0.3s ease-in-out; } section.paginaInteriorGalerias p a:hover { color: #80a5c7; font-weight: 600; text-decoration: none; font-style: italic; transition: all 0.3s ease-in-out; } section.paginaInteriorGalerias ul.lista { background: #e5eef5; margin: 15px 0px; padding: 15px 20px; list-style-type: none; border: none; width: 100%; } section.paginaInteriorGalerias ul.lista li { line-height: 168%; background-image: url("../img/check-solid.svg"); display: block; background-repeat: no-repeat; background-size: 12px; background-position-y: 5px; background-position-x: 3px; padding-left: 25px; font-size: 1.2em; } section.paginaInteriorGalerias ul.lista li a { color: #07559d; font-size: 1em; transition: all 0.3s ease-in-out; font-weight: 400; } section.paginaInteriorGalerias ul.lista li a:hover { color: #000000; font-size: 1em; font-weight: 400; text-decoration: none; } section.paginaInteriorGalerias .leer_mas_interior { width: 100%; height: auto; overflow: hidden; margin: 10px 0px 0px 0px; padding: 0px; display: block; position: relative; } section.paginaInteriorGalerias .leer_mas_interior section.quienesSomos .subtituloquienesSomos { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.paginaInteriorGalerias .leer_mas_interior section.quienesSomos .subtituloquienesSomos h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } section.paginaInteriorGalerias .leer_mas_interior p { text-align: justify; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.paginaInteriorGalerias .leer_mas_interior p em { color: #4678a5; font-weight: 600; } section.paginaInteriorGalerias .leer_mas_interior ul.lista { background: #e5eef5; margin: 0px; padding: 15px 20px; list-style-type: none; border: none; width: 100%; } section.paginaInteriorGalerias .leer_mas_interior ul.lista li { line-height: 168%; text-indent: 14px; background-image: url("../img/check-solid.svg"); display: block; background-repeat: no-repeat; background-size: 12px; background-position-y: 5px; font-size: 1.2em; } section.paginaInteriorGalerias .leer_mas_interior ul.lista li a { color: #07559d; font-size: 1em; transition: all 0.3s ease-in-out; font-weight: 400; } section.paginaInteriorGalerias .leer_mas_interior ul.lista li a:hover { color: #000000; font-size: 1em; font-weight: 400; text-decoration: none; } section.paginaInteriorGalerias .subtitulopaginaInterior { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.paginaInteriorGalerias .subtitulopaginaInterior h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } section.paginaInteriorGalerias p { text-align: justify; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.paginaInteriorGalerias p i { color: #4678a5; font-weight: 600; } section.paginaInteriorGalerias figure.infoImagenpageInterior { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; border: none; position: relative; } section.paginaInteriorGalerias figure.infoImagenpageInterior img { width: 100%; height: auto; overflow: hidden; } section.paginaInteriorGalerias figure.infoImagenpageInterior .carousel-wrap { position: relative; padding: 0px; z-index: 0; } section.paginaInteriorGalerias figure.infoImagenpageInterior .owl-prev { position: absolute; left: -19px; top: 65px; z-index: 3000; } section.paginaInteriorGalerias figure.infoImagenpageInterior .owl-prev i { font-size: 3em; color: #ccc; } section.paginaInteriorGalerias figure.infoImagenpageInterior .owl-next { position: absolute; right: -19px; top: 65px; z-index: 3000; } section.paginaInteriorGalerias figure.infoImagenpageInterior .owl-next i { font-size: 3em; color: #ccc; } section.paginaInteriorGalerias .centerButtonGaleria { margin: 0px 0px 20px 0px; padding: 0px; text-align: center; } section.paginaInteriorGalerias .centerButtonGaleria a i { font-size: 15px; margin-right: 5px; } section.paginaInteriorGalerias .recursoPdfvideo { margin: 0px 0px 0px 0px; padding: 0px; text-align: left; border-top: 1px solid rgba(128, 128, 128, 0.4); border-bottom: 1px solid rgba(128, 128, 128, 0.4); } section.paginaInteriorGalerias .recursoPdfvideo a.btn-secondary { padding: 5px 10px; margin: 0px; color: #797979!important; font-family: 'Open Sans', sans-serif !important; font-size: 1.1em; background: none!important; border: none; transition: all 0.3s ease-in-out; } section.paginaInteriorGalerias .recursoPdfvideo a.btn-secondary i { color: #818181; font-size: 1.1em; margin: 0px 5px 0px 0px; padding: 0px; } section.paginaInteriorGalerias .recursoPdfvideo a.btn-secondary:hover { padding: 5px 10px; margin: 0px; color: #07559d!important; font-family: 'Open Sans', sans-serif !important; font-size: 1.1em; background: none!important; border: none; } section.paginaInteriorGalerias .recursoPdfvideo a.btn-secondary:hover i { color: #07559d; font-size: 1.1em; margin: 0px 5px 0px 0px; padding: 0px; } section.paginaInteriorGalerias ul { width: 100%; margin: 5px 0px 20px 0px; padding: 5px 10px; list-style-type: none; background: rgba(253, 253, 253, 0.59); border-top: 1px solid rgba(128, 128, 128, 0.4); border-bottom: 1px solid rgba(128, 128, 128, 0.4); transition: all 1s ease-in-out; } section.paginaInteriorGalerias ul li { display: inline; padding: 0px 10px; margin: 0px; color: #797979; font-family: 'Open Sans', sans-serif !important; font-size: 1.1em; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.paginaInteriorGalerias ul li { display: block; } } section.paginaInteriorGalerias ul li i { color: #818181; font-size: 1.1em; margin: 0px 5px 0px 0px; padding: 0px; } section.paginaInteriorGalerias article.importante { background: #e5eef5; margin: 20px 0px; height: auto; overflow: hidden; padding: 20px; display: block; } section.paginaInteriorGalerias article.importante span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 10px 0px; vertical-align: -webkit-baseline-middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } section.paginaInteriorGalerias article.importante span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.paginaInteriorGalerias article.importante p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } section.paginaInteriorGalerias article.importante p span { color: #4678a5; font-weight: 600; } section.paginaInteriorGalerias article.importante em { color: #4678a5; font-weight: 600; } section.paginaInteriorGalerias article.importante ul.lista { background: #e5eef5; margin: 15px 0px; padding: 15px 20px; list-style-type: none; border: none; width: 100%; } section.paginaInteriorGalerias article.importante ul.lista li { line-height: 168%; background-image: url("../img/check-solid.svg"); display: block; background-repeat: no-repeat; background-size: 12px; background-position-y: 5px; background-position-x: 3px; font-size: 1.2em; padding-left: 25px; } section.paginaInteriorGalerias article.importante ul.lista li a { color: #07559d; font-size: 1em; transition: all 0.3s ease-in-out; font-weight: 400; } section.paginaInteriorGalerias article.importante ul.lista li a:hover { color: #000000; font-size: 1em; font-weight: 400; text-decoration: none; } section.paginaInteriorGalerias article.importanteVehiculos { background: #e5eef5; margin: 20px 0px 0px 0px; height: auto; overflow: hidden; padding: 20px 20px 0px 20px; display: block; } section.paginaInteriorGalerias article.importanteVehiculos span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 10px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } section.paginaInteriorGalerias article.importanteVehiculos span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.paginaInteriorGalerias article.importanteVehiculos p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } section.paginaInteriorGalerias article.importanteVehiculos p span { color: #4678a5; font-weight: 600; } section.paginaInteriorGalerias .listaVeiculos { width: 100%; height: auto; overflow: hidden; } section.paginaInteriorGalerias .listaVeiculos .rowCol { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; display: block; box-sizing: border-box; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloque { width: 100%; margin: 0px 0px 0px 0px; background: #e5eef5; padding: 0px 0px 15px 0px; display: flex; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloque .headerCol { width: 14%; height: auto; margin: 0px; padding: 0px; text-align: center; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloque .headerCol span.uno { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 22px auto; padding: 0px; background: #6494c147; border: 2px solid #bfd3e6; transition: all 0.3s ease-in-out; opacity: 1; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloque .headerCol span.uno h3 { color: #fff!important; margin: 3px 0px!important; padding: 0px!important; font-size: 1.2em!important; font-weight: 600!important; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloque .headerCol span.dos { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 16px auto; padding: 0px; background: #6494c147; border: 2px solid #bfd3e6; transition: all 0.3s ease-in-out; opacity: 1; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloque .headerCol span.dos h3 { color: #fff!important; margin: 3px 0px!important; padding: 0px!important; font-size: 1.2em!important; font-weight: 600!important; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloque .textoCol { width: 84%; height: auto; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloque .textoCol p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto { width: 100%; margin: 15px 0px 15px 0px; background: #e5eef5; padding: 0px 0px 15px 0px; display: flex; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .headerCol { width: 14%; height: auto; margin: 0px; padding: 0px; text-align: center; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .headerCol span { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 35px auto; padding: 0px; background: #FFC107; border: 2px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease-in-out; opacity: 0; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .headerCol span i { color: #fff!important; margin: 6px 0px!important; padding: 0px!important; font-size: 1.2em!important; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .textoCol { width: 84%; height: auto; margin: 0px; padding: 15px 0px 15px 0px; text-align: left; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .textoCol h1 { font-size: 1.2em!important; text-align: left; color: #07559d; font-size: 1.2em; line-height: 150%; margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; /* border-bottom:1px solid #07559d;*/ } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .textoCol ul { width: 100%; height: 0px; padding: 0px; margin: 0px; list-style-type: none; border-top: none!important; border-bottom: none!important; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .textoCol ul li { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 5px 0px; padding: 0px; font-family: 'Open Sans', sans-serif; display: block; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:link, section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:visited { color: #07559d; font-size: 1em; padding: 0px; text-transform: none; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:hover, section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:focus, section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:active { color: #07559d; font-size: 1em; padding: 0px; text-transform: none; text-decoration: none; } section.paginaInteriorGalerias .listaVeiculos .rowCol .bloqueContacto .textoCol ul li i { color: #3977b2; margin: 0px 5px 0px 0px; } section.paginaInteriorGalerias .leerMas { width: 100%; height: auto; overflow: hidden; display: none; } section.paginaInteriorGalerias .leerMas h3 { color: #000; font-size: 1.7em; margin: 0px 0px 10px 0px; padding: 0px; display: block; text-transform: none; line-height: 160%; border-bottom: 1px solid rgba(128, 128, 128, 0.4); } section.paginaInteriorGalerias .leerMas strong { color: #4678a5; font-weight: 600; font-style: oblique; } section.paginaInteriorGalerias .ocultarMenosButton { display: none; } section.paginaInteriorGalerias .centerButton { width: 100%; margin: 15px 0px; padding: 0px; text-align: center; } .b-description_readmore_button { display: block; width: 150px; border: 1px solid #cbcbcb; padding: 5px 5px; cursor: pointer; text-align: center; transition: all 0.3s ease-in-out; margin: 10px auto 15px auto; color: #010002; background: #dedfda; text-transform: uppercase; } .b-description_readmore_button:hover { color: white; background: #07559d; text-transform: uppercase; border: 1px solid #07559d; } @media only screen and (min-width: 0px) and (max-width: 320px) { .vista_escritorio { display: none!important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { .vista_escritorio { display: none!important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { .vista_escritorio { display: none!important; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { .vista_escritorio { display: block!important; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { .vista_escritorio { display: block!important; } } @media only screen and (min-width: 1367px) and (max-width: 2560px) { .vista_escritorio { display: block!important; } } @media only screen and (min-width: 0px) and (max-width: 320px) { .vista_mobile { display: block!important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { .vista_mobile { display: block!important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { .vista_mobile { display: block!important; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { .vista_mobile { display: none!important; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { .vista_mobile { display: none!important; } } @media only screen and (min-width: 1367px) and (max-width: 2560px) { .vista_mobile { display: none!important; } } @media only screen and (min-width: 0px) and (max-width: 320px) { .vista_escritorio_mdd { display: none!important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { .vista_escritorio_mdd { display: none!important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { .vista_escritorio_mdd { display: none!important; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { .vista_escritorio_mdd { display: block!important; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { .vista_escritorio_mdd { display: block!important; } } @media only screen and (min-width: 1367px) and (max-width: 2560px) { .vista_escritorio_mdd { display: block!important; } } @media only screen and (min-width: 0px) and (max-width: 320px) { .vista_mobile_mdd { display: block!important; } } @media only screen and (min-width: 0px) and (max-width: 529px) { .vista_mobile_mdd { display: block!important; } } @media only screen and (min-width: 530px) and (max-width: 949px) { .vista_mobile_mdd { display: block!important; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { .vista_mobile_mdd { display: none!important; } } @media only screen and (min-width: 950px) and (max-width: 1366px) { .vista_mobile_mdd { display: none!important; } } @media only screen and (min-width: 1367px) and (max-width: 2560px) { .vista_mobile_mdd { display: none!important; } } section.galerias article { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.galerias article { margin-bottom: 15px; } } section.galerias article img { float: left; margin: 0px 15px 0px 0px; padding: 0px; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.galerias article img { float: none; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.galerias article img { float: none; } } section.galerias article h1 { color: #3977b2; font-size: 1.2em; margin: 5px 0px 10px 0px; padding: 0px; display: block; font-weight: 600; } section.galerias article p { text-align: left; color: #000000; font-size: 1em; line-height: 135%; font-family: 'Open Sans', sans-serif; margin: 0px; margin: 0px 0px 10px 0px; } @media only screen and (min-width: 1200px) and (max-width: 2560px) { section.galerias article a { position: absolute; bottom: 0; } } section.buscadorHome { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; } section.buscadorHome .titulopaginaInterior { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.buscadorHome .titulopaginaInterior h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } section.buscadorHome h3 { color: #000; font-size: 1.7em; margin: 0px 0px 10px 0px; padding: 0px; display: block; text-transform: none; line-height: 160%; border-bottom: 1px solid rgba(128, 128, 128, 0.4); } section.buscadorHome h4 { color: #000; font-size: 1.5em; margin: 0px 0px 10px 0px; padding: 0px; display: block; text-transform: none; line-height: 160%; border-bottom: 1px solid rgba(128, 128, 128, 0.4); } section.buscadorHome p { text-align: justify; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.buscadorHome p em { color: #4678a5; font-weight: 600; } section.buscadorHome p strong { color: #4678a5; font-weight: 600; font-style: oblique; } section.buscadorHome ul.lista { background: #e5eef5; margin: 15px 0px; padding: 15px 20px; list-style-type: none; border: none; width: 100%; } section.buscadorHome ul.lista li { line-height: 168%; background-image: url("../img/check-solid.svg"); display: block; background-repeat: no-repeat; background-size: 12px; background-position-y: 5px; background-position-x: 3px; padding-left: 25px; font-size: 1.2em; } section.buscadorHome ul.lista li a { color: #07559d; font-size: 1.2em; transition: all 0.3s ease-in-out; font-weight: 400; display: block; } section.buscadorHome ul.lista li a:hover { color: #000000; font-size: 1.2em; font-weight: 400; text-decoration: none; display: block; } section.buscadorHome ul.lista li span { color: #8f8f8f; font-style: italic; font-size: 1em; font-weight: 400; display: inline-block; margin-right: 10px; } section.buscadorHome ul.lista li span i { color: #8f8f8f; margin: 0px 5px 0px 0px; font-size: 1em; } section.buscadorHome ul.lista li p { color: #686868; line-height: 160%; font-size: 1em; margin: 10px 0px 0px 0px; } section.buscadorHome .leer_mas_interior { width: 100%; height: auto; overflow: hidden; margin: 10px 0px 0px 0px; padding: 0px; display: block; position: relative; } section.buscadorHome .leer_mas_interior section.quienesSomos .subtituloquienesSomos { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.buscadorHome .leer_mas_interior section.quienesSomos .subtituloquienesSomos h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } section.buscadorHome .leer_mas_interior p { text-align: justify; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.buscadorHome .leer_mas_interior p em { color: #4678a5; font-weight: 600; } section.buscadorHome .leer_mas_interior ul.lista { background: #e5eef5; margin: 0px; padding: 15px 20px; list-style-type: none; border: none; width: 100%; } section.buscadorHome .leer_mas_interior ul.lista li { line-height: 168%; text-indent: 14px; background-image: url("../img/check-solid.svg"); display: block; background-repeat: no-repeat; background-size: 12px; background-position-y: 5px; font-size: 1.2em; } section.buscadorHome .leer_mas_interior ul.lista li a { color: #07559d; font-size: 1em; transition: all 0.3s ease-in-out; font-weight: 400; } section.buscadorHome .leer_mas_interior ul.lista li a:hover { color: #000000; font-size: 1em; font-weight: 400; text-decoration: none; } section.buscadorHome .subtitulopaginaInterior { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.buscadorHome .subtitulopaginaInterior h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } section.buscadorHome p { text-align: justify; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.buscadorHome p i { color: #4678a5; font-weight: 600; } section.buscadorHome figure.infoImagenpageInterior { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; border: 1px solid rgba(86, 129, 168, 0.4); position: relative; } section.buscadorHome figure.infoImagenpageInterior img { width: 100%; height: auto; overflow: hidden; } section.buscadorHome ul { width: 100%; margin: 5px 0px; padding: 5px 10px; list-style-type: none; background: rgba(253, 253, 253, 0.59); border-top: 1px solid rgba(128, 128, 128, 0.4); border-bottom: 1px solid rgba(128, 128, 128, 0.4); transition: all 1s ease-in-out; } section.buscadorHome ul li { display: inline; padding: 0px 10px; margin: 0px; color: #797979; font-family: 'Open Sans', sans-serif !important; font-size: 1.1em; } section.buscadorHome ul li i { color: #818181; font-size: 1.1em; margin: 0px 5px 0px 0px; padding: 0px; } section.buscadorHome article.importante { background: #e5eef5; margin: 20px 0px; height: auto; overflow: hidden; padding: 20px; display: block; } section.buscadorHome article.importante span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 10px 0px; vertical-align: -webkit-baseline-middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } section.buscadorHome article.importante span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.buscadorHome article.importante p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } section.buscadorHome article.importante p span { color: #4678a5; font-weight: 600; } section.buscadorHome article.importante em { color: #4678a5; font-weight: 600; } section.buscadorHome article.importante ul.lista { background: #e5eef5; margin: 15px 0px; padding: 15px 20px; list-style-type: none; border: none; width: 100%; } section.buscadorHome article.importante ul.lista li { line-height: 168%; background-image: url("../img/check-solid.svg"); display: block; background-repeat: no-repeat; background-size: 12px; background-position-y: 5px; background-position-x: 3px; font-size: 1.2em; padding-left: 25px; } section.buscadorHome article.importante ul.lista li a { color: #07559d; font-size: 1em; transition: all 0.3s ease-in-out; font-weight: 400; } section.buscadorHome article.importante ul.lista li a:hover { color: #000000; font-size: 1em; font-weight: 400; text-decoration: none; } section.buscadorHome article.importanteVehiculos { background: #e5eef5; margin: 20px 0px 0px 0px; height: auto; overflow: hidden; padding: 20px 20px 0px 20px; display: block; } section.buscadorHome article.importanteVehiculos span.iconos { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 10px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; } section.buscadorHome article.importanteVehiculos span.iconos i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.buscadorHome article.importanteVehiculos p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 0px 70px; padding: 10px; font-family: 'Open Sans', sans-serif; } section.buscadorHome article.importanteVehiculos p span { color: #4678a5; font-weight: 600; } section.buscadorHome .listaVeiculos { width: 100%; height: auto; overflow: hidden; } section.buscadorHome .listaVeiculos .rowCol { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; display: block; box-sizing: border-box; } section.buscadorHome .listaVeiculos .rowCol .bloque { width: 100%; margin: 0px 0px 0px 0px; background: #e5eef5; padding: 0px 0px 15px 0px; display: flex; } section.buscadorHome .listaVeiculos .rowCol .bloque .headerCol { width: 14%; height: auto; margin: 0px; padding: 0px; text-align: center; } section.buscadorHome .listaVeiculos .rowCol .bloque .headerCol span.uno { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 22px auto; padding: 0px; background: #6494c147; border: 2px solid #bfd3e6; transition: all 0.3s ease-in-out; opacity: 1; } section.buscadorHome .listaVeiculos .rowCol .bloque .headerCol span.uno h3 { color: #fff!important; margin: 3px 0px!important; padding: 0px!important; font-size: 1.2em!important; font-weight: 600!important; } section.buscadorHome .listaVeiculos .rowCol .bloque .headerCol span.dos { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 16px auto; padding: 0px; background: #6494c147; border: 2px solid #bfd3e6; transition: all 0.3s ease-in-out; opacity: 1; } section.buscadorHome .listaVeiculos .rowCol .bloque .headerCol span.dos h3 { color: #fff!important; margin: 3px 0px!important; padding: 0px!important; font-size: 1.2em!important; font-weight: 600!important; } section.buscadorHome .listaVeiculos .rowCol .bloque .textoCol { width: 84%; height: auto; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; } section.buscadorHome .listaVeiculos .rowCol .bloque .textoCol p { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; } section.buscadorHome .listaVeiculos .rowCol .bloqueContacto { width: 100%; margin: 15px 0px 15px 0px; background: #e5eef5; padding: 0px 0px 15px 0px; display: flex; } section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .headerCol { width: 14%; height: auto; margin: 0px; padding: 0px; text-align: center; } section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .headerCol span { border-radius: 100%; width: 30px; height: 30px; display: block; margin: 35px auto; padding: 0px; background: #FFC107; border: 2px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease-in-out; opacity: 0; } section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .headerCol span i { color: #fff!important; margin: 6px 0px!important; padding: 0px!important; font-size: 1.2em!important; } section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .textoCol { width: 84%; height: auto; margin: 0px; padding: 15px 0px 15px 0px; text-align: left; } section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .textoCol h1 { font-size: 1.2em!important; text-align: left; color: #07559d; font-size: 1.2em; line-height: 150%; margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; /* border-bottom:1px solid #07559d;*/ } section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .textoCol ul { width: 100%; height: 0px; padding: 0px; margin: 0px; list-style-type: none; border-top: none!important; border-bottom: none!important; } section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .textoCol ul li { font-size: 1.2em!important; text-align: left; color: #000000; font-size: 1.2em; line-height: 150%; margin: 0px 0px 5px 0px; padding: 0px; font-family: 'Open Sans', sans-serif; display: block; } section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:link, section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:visited { color: #07559d; font-size: 1em; padding: 0px; text-transform: none; } section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:hover, section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:focus, section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .textoCol ul li a:active { color: #07559d; font-size: 1em; padding: 0px; text-transform: none; text-decoration: none; } section.buscadorHome .listaVeiculos .rowCol .bloqueContacto .textoCol ul li i { color: #3977b2; margin: 0px 5px 0px 0px; } section.buscadorHome .leerMas { width: 100%; height: auto; overflow: hidden; display: none; } section.buscadorHome .leerMas h3 { color: #000; font-size: 1.7em; margin: 0px 0px 10px 0px; padding: 0px; display: block; text-transform: none; line-height: 160%; border-bottom: 1px solid rgba(128, 128, 128, 0.4); } section.buscadorHome .leerMas strong { color: #4678a5; font-weight: 600; font-style: oblique; } section.buscadorHome .ocultarMenosButton { display: none; } section.buscadorHome .centerButton { width: 100%; margin: 15px 0px; padding: 0px; text-align: center; } section.buscadorHome form.search { width: 100%; height: auto; padding: 20px; background: #ededed; float: none; margin: 10px auto; border-radius: 10px; position: relative; } section.buscadorHome form.search input[type="search"] { width: 100%; height: 40px; border-radius: 20px; padding: 5px 15px; margin: 0px; border: none; border: 2px solid rgba(178, 177, 177, 0.3); } section.buscadorHome form.search button[type="submit"] { position: absolute; top: 22px; right: 22px; background: rgba(255, 255, 255, 0); border-radius: 5px 0px 0px 5px; width: 40px; height: 36px; } section.buscadorHome form.search button[type="submit"] i { color: #c3c3c3; font-size: 1.5em; margin: 0px; padding: 0px; } section.consultasVehiculos { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; } section.consultasVehiculos .tituloconsultaVehiculos { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.consultasVehiculos .tituloconsultaVehiculos h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.consultasVehiculos .tituloconsultaVehiculos h1 { font-size: 2em; } } section.consultasVehiculos .subtituloConsultaVehiculos { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.consultasVehiculos .subtituloConsultaVehiculos { margin: 25px 0px 43px 0px; position: relative; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.consultasVehiculos .subtituloConsultaVehiculos { margin: 25px 0px 43px 0px; position: relative; overflow: inherit; } } section.consultasVehiculos .subtituloConsultaVehiculos h2 { color: #000; font-size: 2em; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 40px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.consultasVehiculos .subtituloConsultaVehiculos h2 { line-height: 33px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.consultasVehiculos .subtituloConsultaVehiculos h2 { line-height: 33px; } } section.consultasVehiculos .subtituloConsultaVehiculos span.iconosMobile { border-radius: 100%; width: 60px; height: 60px; display: block; margin: 13px 0px 0px 0px; vertical-align: middle; padding: 10px 0px; text-align: center; background: #6494c147; border: 2px solid #bfd3e6; float: left; transition: all 0.3s ease-in-out; opacity: 1; display: none; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.consultasVehiculos .subtituloConsultaVehiculos span.iconosMobile { position: absolute; bottom: -73px; left: 41%; margin: 0px; background: #cbdded; display: block; z-index: 1; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.consultasVehiculos .subtituloConsultaVehiculos span.iconosMobile { position: absolute; bottom: -73px; left: 41%; margin: 0px; background: #cbdded; display: block; z-index: 1; } } section.consultasVehiculos .subtituloConsultaVehiculos span.iconosMobile i { color: #ffffff; font-size: 2em; margin: 5px 0px 0px 0px; padding: 0px; transition: all 0.3s ease-in-out; } section.consultasVehiculos p { text-align: left; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.consultasVehiculos p i { color: #4678a5; font-weight: 600; } section.consultasVehiculos ul { width: 100%; height: auto; margin: 0px 0px 15px 0px; padding: 0px; list-style-type: none; background: rgba(7, 85, 157, 0.07); padding: 15px; border-radius: 10px; transition: all 0.3s ease-in-out; /* border-top: 1px solid rgba(7, 85, 157, 0.3); border-bottom: 1px solid rgba(7, 85, 157, 0.3);*/ } section.consultasVehiculos ul a { text-decoration: none; } section.consultasVehiculos ul a li { margin: 0px; padding: 0px; display: flex; } section.consultasVehiculos ul a li span.thumbnails { width: 50px; height: 50px; float: left; border: 3px solid rgba(255, 255, 255, 0.2); border-radius: 100%; /* background: @color-bordes-cajas;*/ /*background:#FFC107;*/ background: #f19313; margin: 0px 10px 0px 0px; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.consultasVehiculos ul a li span.thumbnails { width: 35px; height: 35px; } } section.consultasVehiculos ul a li span.thumbnails i { color: #fff; margin: 9px 0px; font-size: 2em; } section.consultasVehiculos ul a li span.thumbnails h3 { text-align: center; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 600; margin: 15px 0px; } section.consultasVehiculos ul a li p { color: #4168ab; text-transform: uppercase; font-size: 1.3em; margin: 15px 0px 0px 0px; padding: 0px; border-bottom: none; font-weight: 600; } section.consultasVehiculos ul:hover { background: rgba(7, 85, 157, 0.11); border-radius: 10px; margin: 0px 0px 15px 0px; /* border-top: 1px solid rgba(7, 85, 157, 0.5); border-bottom:1px solid rgba(7, 85, 157, 0.5);*/ } section.validacionSoap { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; } section.validacionSoap .titulovalidacionSoap { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.validacionSoap .titulovalidacionSoap h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.validacionSoap .titulovalidacionSoap h1 { font-size: 2em; } } section.validacionSoap .row .col-md-12 .template_faq { background: #edf3fe none repeat scroll 0 0; } section.validacionSoap .row .col-md-12 .panel-group { background: #fff none repeat scroll 0 0; border-radius: 3px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04); margin-bottom: 0; padding: 30px; } section.validacionSoap .row .col-md-12 #accordion .panel { border: medium none; border-radius: 0; box-shadow: none; margin: 0 0 15px 10px; } section.validacionSoap .row .col-md-12 #accordion .panel-heading { border-radius: 30px; padding: 0; } section.validacionSoap .row .col-md-12 #accordion .panel-title a { background: #ffb900 none repeat scroll 0 0; border: 1px solid transparent; border-radius: 30px; color: #fff; display: block; font-size: 18px; font-weight: 600; padding: 12px 20px 12px 50px; position: relative; transition: all 0.3s ease 0s; } section.validacionSoap .row .col-md-12 #accordion .panel-title a.collapsed { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; color: #333; } section.validacionSoap .row .col-md-12 #accordion .panel-title a::after, section.validacionSoap .row .col-md-12 #accordion .panel-title a.collapsed::after { background: #ffb900 none repeat scroll 0 0; border: 1px solid transparent; border-radius: 50%; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58); color: #fff; content: ""; font-family: fontawesome; font-size: 25px; height: 55px; left: -20px; line-height: 55px; position: absolute; text-align: center; top: -5px; transition: all 0.3s ease 0s; width: 55px; } section.validacionSoap .row .col-md-12 #accordion .panel-title a.collapsed::after { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; box-shadow: none; color: #333; content: ""; } section.validacionSoap .row .col-md-12 #accordion .panel-body { background: transparent none repeat scroll 0 0; border-top: medium none; padding: 20px 25px 10px 9px; position: relative; } section.validacionSoap .row .col-md-12 #accordion .panel-body p { border-left: 1px dashed #8c8c8c; padding-left: 25px; } section.validacionSoap .card { border: none!important; margin-bottom: 15px!important; } section.validacionSoap .card .card-header.active { background: rgba(7, 85, 157, 0.07) none repeat scroll 0 0; border: 1px solid transparent; border-radius: 10px; color: #fff; display: block; padding: 0px; margin: 0px; position: relative; transition: all 0.3s ease 0s; height: 80px; cursor: pointer; } section.validacionSoap .card .card-header.active a .flechaActiva { background: #f19313 none repeat scroll 0 0; border: 3px solid rgba(255, 255, 255, 0.2); border-radius: 50%; /* box-shadow: 0 3px 8px rgba(0, 0, 0, 0.28); */ height: 50px; width: 50px; left: 15px; position: absolute; text-align: center; top: 13px; transition: all 0.3s ease 0s; } section.validacionSoap .card .card-header.active a .flechaActiva i { color: #fff; font-size: 25px; line-height: 46px; } section.validacionSoap .card .card-header.active h5 { color: #4168ab; text-transform: uppercase; font-size: 1.3em; margin: 30px 0px 0px 75px; padding: 0px; font-weight: 600; position: relative; } section.validacionSoap .card .card-header.active h5:after { content: ''; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 8px; border-top-width: 8px; border-left: 8px solid #a8a8a8; right: 25px; top: 2px; position: absolute; transform: rotate(90deg); } section.validacionSoap .card .card-header.activeOut { background: #fff none repeat scroll 0 0; border: 1px solid #cecece; border-radius: 10px!important; color: #fff; display: block; padding: 0px; margin: 0px; position: relative; transition: all 0.3s ease 0s; height: 45px; cursor: pointer; } section.validacionSoap .card .card-header.activeOut .flechaNormal { background: #fff none repeat scroll 0 0; border: 1px solid #cecece; border-radius: 50%; box-shadow: 0 0px 0px rgba(0, 0, 0, 0); height: 55px; width: 55px; left: -20px; position: absolute; text-align: center; top: -5px; transition: all 0.3s ease 0s; margin-bottom: 15px; } section.validacionSoap .card .card-header.activeOut .flechaNormal i { color: #333; font-size: 25px; line-height: 55px; } section.validacionSoap .card .card-header.activeOut h5 { color: #767676; text-transform: uppercase; font-size: 1.3em; margin: 13px 0px 0px 50px; padding: 0px; font-weight: 600; } section.validacionSoap .card .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; border-left: 1px dashed #cecece; margin: 15px 0px 0px 37px; padding: 5px 20px; /* .aseguradora:after{ content: ''; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 8px; border-top-width: 8px; border-left: 8px solid #f19313; left: -9px; top: 25px; position: absolute; transform: rotate(180deg); }*/ } section.validacionSoap .card .card-body .aseguradora { width: 100%; height: auto; margin: 0px; padding: 10px 0px; border: 1px solid #e7e7e7; position: relative; display: block; margin-bottom: 20px; background: #ffffff; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.04); text-align: center; } section.validacionSoap .card .card-body .aseguradora a:link span.vinculo, section.validacionSoap .card .card-body .aseguradora a:hover span.vinculo, section.validacionSoap .card .card-body .aseguradora a:active span.vinculo, section.validacionSoap .card .card-body .aseguradora a:visited span.vinculo { background: #dedede none repeat scroll 0 0; border: none; border-radius: 50%; height: 30px; width: 30px; right: 0px; position: absolute; text-align: center; top: 24px; right: 15px; transition: all 0.3s ease 0s; } section.validacionSoap .card .card-body .aseguradora a:link span.vinculo i, section.validacionSoap .card .card-body .aseguradora a:hover span.vinculo i, section.validacionSoap .card .card-body .aseguradora a:active span.vinculo i, section.validacionSoap .card .card-body .aseguradora a:visited span.vinculo i { color: #fff; font-size: 13px; line-height: 30px; } section.validacionSoap .card .card-body .aseguradora a:link span.vinculo:hover, section.validacionSoap .card .card-body .aseguradora a:hover span.vinculo:hover, section.validacionSoap .card .card-body .aseguradora a:active span.vinculo:hover, section.validacionSoap .card .card-body .aseguradora a:visited span.vinculo:hover { background: #cecece none repeat scroll 0 0; } section.validacionSoap .card .card-body .aseguradora img { width: 100%; max-width: 70%; } section.validacionSoap .card.activeOut:first-of-type { background: #fff none repeat scroll 0 0; border: 1px solid #cecece; border-radius: 10px!important; color: #fff; display: block; padding: 0px; margin: 0px; position: relative; transition: all 0.3s ease 0s; height: 45px; cursor: pointer; } section.validacionSoap .card.activeOut:first-of-type .flechaNormal { background: #fff none repeat scroll 0 0; border: 1px solid #cecece; border-radius: 50%; box-shadow: 0 0px 0px rgba(0, 0, 0, 0); height: 55px; width: 55px; left: -20px; position: absolute; text-align: center; top: -5px; transition: all 0.3s ease 0s; margin-bottom: 15px; } section.validacionSoap .card.activeOut:first-of-type .flechaNormal i { color: #333; font-size: 25px; line-height: 55px; } section.validacionSoap .card.activeOut:first-of-type h5 { color: #767676; text-transform: uppercase; font-size: 1.3em; margin: 13px 0px 0px 50px; padding: 0px; font-weight: 600; } section.ingresoSistemas { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; } section.ingresoSistemas .tituloIngresosSistemas { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } section.ingresoSistemas .tituloIngresosSistemas h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.ingresoSistemas .tituloIngresosSistemas h1 { font-size: 2em; } } section.ingresoSistemas p { text-align: left; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.ingresoSistemas p u, section.ingresoSistemas p b, section.ingresoSistemas p a { color: #4678a5; font-weight: 600; font-style: italic; } section.ingresoSistemas .loginWraper { width: 100%; height: auto; overflow: hidden; float: none; margin: 0px; padding: 15px; background: #fff; display: block; } section.ingresoSistemas .loginWraper .loginWraperInterno { width: 100%; height: auto; padding: 20px 20px 10px 20px; margin: 0px auto; background: #ffffff; transition: all 0.3s ease-in-out; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.04); border-radius: 10px; border: 1px solid #e7e7e7; } section.ingresoSistemas .loginWraper .loginWraperInterno:hover { background: #edf3f8; border: 1px solid rgba(231, 231, 231, 0); } section.ingresoSistemas .loginWraper .loginForm { margin: 0px; padding: 0px; } section.ingresoSistemas .loginWraper .loginForm .icon { width: 60px; height: 60px; border: 3px solid #fdc169fa; border-radius: 100%; background: #ffffff; margin: 2px auto; cursor: pointer; display: block; text-align: center; background: #f8cb8c; } section.ingresoSistemas .loginWraper .loginForm .icon i { display: inline-block; color: #fff; margin: 13px auto; padding: 0px; font-size: 24px; } section.ingresoSistemas .loginWraper .loginForm p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; text-align: center; margin: 10px 0px; } section.ingresoSistemas .loginWraper .loginForm form .form-group { margin-bottom: 15px; } section.ingresoSistemas .loginWraper .loginForm form .form-group .input-group { margin: 0px 0px 10px 0px; padding: 0px; display: flex; box-sizing: border-box; } section.ingresoSistemas .loginWraper .loginForm form .form-group .input-group .input-group-addon { width: 10%; margin: 0px; padding: 0px; background-color: #3977b2; text-align: center; border-radius: 5px 0px 0px 5px; border-top: 1px solid #07559d; border-right: none; border-bottom: 1px solid #07559d; border-left: 1px solid #07559d; } section.ingresoSistemas .loginWraper .loginForm form .form-group .input-group .input-group-addon i { color: #ffffff; margin: 10px auto; padding: 0px; font-size: 1em; } section.ingresoSistemas .loginWraper .loginForm form .form-group .input-group .form-control { width: 90%; margin: 0px; padding: 5px 0px 5px 10px; border-radius: 0px 5px 5px 0px; border: 1px solid rgba(7, 85, 157, 0.4); } section.ingresoSistemas .loginWraper .loginForm form input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } section.ingresoSistemas .loginWraper .loginForm form .form-control { border-radius: 2px; margin-bottom: 0; background: #efebeb; box-shadow: none; border: 1px solid #ccc; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } section.ingresoSistemas .loginWraper .loginForm form .btn { background: #729ec7; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; margin: 0px auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display: block; max-width: 50%; } section.ingresoSistemas .loginWraper .loginForm form .btn i { margin: 0px 5px 0px 0px; padding: 0px; } section.ingresoSistemas .loginWraper .loginForm form .btn:hover { background: #07559d; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; margin: 0px auto; display: block; } section.ingresoSistemas .loginWraper .loginForm form .btn:hover i { margin: 0px 5px 0px 0px; padding: 0px; } section.ingresoSistemas .loginWraper .loginForm form input[type="text"]::-webkit-input-placeholder, section.ingresoSistemas .loginWraper .loginForm form input[type="password"]::-webkit-input-placeholder { color: #9f9f9f; font-size: 14px; } section.ingresoSistemas .loginWraper .loginForm form p { font-size: 13px; color: #07559d; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 15px 0px 0px 0px; border-top: 1px dashed #d9d9d9; padding-top: 10px; } section.ingresoSistemas .loginWraper .loginForm form p i { font-size: 14px; font-style: normal; color: #07559d; } section.Login { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; } section.Login .tituloIngresoLogin { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Login .tituloIngresoLogin { margin: 25px 0px 5px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Login .tituloIngresoLogin { margin: 25px 0px 5px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Login .tituloIngresoLogin { margin: 25px 0px 5px 0px; } } section.Login .tituloIngresoLogin h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Login .tituloIngresoLogin h1 { font-size: 2em; } } section.Login p { text-align: left; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 20px 0px; } section.Login p u, section.Login p b, section.Login p a { color: #4678a5; font-weight: 600; font-style: italic; } section.Login .loginWraper { width: 100%; height: auto; overflow: hidden; float: none; margin: 0px; padding: 15px; background: #fff; display: block; } section.Login .loginWraper .loginWraperInterno { width: 100%; height: auto; padding: 20px 20px 20px 20px; margin: 0px auto 15px auto; background: #ffffff; transition: all 0.3s ease-in-out; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.04); border-radius: 10px; border: 1px solid #e7e7e7; } section.Login .loginWraper .loginWraperInterno:hover { background: #edf3f8; border: 1px solid rgba(231, 231, 231, 0); padding: 20px 20px 20px 20px; margin: 0px auto 15px auto; } section.Login .loginWraper .loginForm { margin: 0px auto; padding: 0px; max-width: 40%; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Login .loginWraper .loginForm { max-width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Login .loginWraper .loginForm { max-width: 100%; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Login .loginWraper .loginForm { max-width: 100%; } } section.Login .loginWraper .loginForm .icon { width: 60px; height: 60px; border: 3px solid #fdc169fa; border-radius: 100%; background: #ffffff; margin: 2px auto; cursor: pointer; display: block; text-align: center; background: #f8cb8c; } section.Login .loginWraper .loginForm .icon i { display: inline-block; color: #fff; margin: 13px auto; padding: 0px; font-size: 24px; } section.Login .loginWraper .loginForm h2 { font-size: 17px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; text-align: left; margin: 10px 0px; font-style: normal; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Login .loginWraper .loginForm h2 { text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Login .loginWraper .loginForm h2 { text-align: center; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Login .loginWraper .loginForm h2 { text-align: center; } } section.Login .loginWraper .loginForm h3 { font-size: 15px; color: #6b6c6c; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 10px 0px; border-bottom: 1px dashed #d9d9d9; line-height: 191%; padding-bottom: 5px; } section.Login .loginWraper .loginForm h3 i { margin-right: 5px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Login .loginWraper .loginForm h3 { text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Login .loginWraper .loginForm h3 { text-align: center; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Login .loginWraper .loginForm h3 { text-align: center; } } section.Login .loginWraper .loginForm p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; text-align: left; margin: 10px 0px; } section.Login .loginWraper .loginForm form .form-group { margin-bottom: 15px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Login .loginWraper .loginForm form .form-group { margin-bottom: 5px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Login .loginWraper .loginForm form .form-group { margin-bottom: 5px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Login .loginWraper .loginForm form .form-group { margin-bottom: 5px; } } section.Login .loginWraper .loginForm form .form-group .input-group { margin: 0px 0px 10px 0px; padding: 0px; display: flex; box-sizing: border-box; } section.Login .loginWraper .loginForm form .form-group .input-group .input-group-addon { width: 10%; margin: 0px; padding: 0px; background-color: #3977b2; text-align: center; border-radius: 5px 0px 0px 5px; border-top: 1px solid #07559d; border-right: none; border-bottom: 1px solid #07559d; border-left: 1px solid #07559d; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Login .loginWraper .loginForm form .form-group .input-group .input-group-addon { width: 15%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Login .loginWraper .loginForm form .form-group .input-group .input-group-addon { width: 15%; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Login .loginWraper .loginForm form .form-group .input-group .input-group-addon { width: 15%; } } section.Login .loginWraper .loginForm form .form-group .input-group .input-group-addon i { color: #ffffff; margin: 10px auto; padding: 0px; font-size: 1em; } section.Login .loginWraper .loginForm form .form-group .input-group .form-control { width: 75%; margin: 0px 5px 0px 0px; padding: 5px 0px 5px 10px; border-radius: 0px 5px 5px 0px; border: 1px solid rgba(7, 85, 157, 0.4); } section.Login .loginWraper .loginForm form .form-group .input-group .digito { width: 10%; border-radius: 5px; } section.Login .loginWraper .loginForm form .form-group .input-group iframe { margin: 0px auto!important; } section.Login .loginWraper .loginForm form .form-group .centrarIframe { width: 100%; height: auto; overflow: hidden; max-width: 90%; margin: 0px auto; text-align: center; } section.Login .loginWraper .loginForm form .form-group .centrarIframe iframe { margin: 0px auto!important; } section.Login .loginWraper .loginForm form input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } section.Login .loginWraper .loginForm form .form-control { border-radius: 5px; margin-bottom: 0; background: #efebeb; box-shadow: none; border: 1px solid rgba(7, 85, 157, 0.4); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } section.Login .loginWraper .loginForm form .btn { background: #729ec7; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; margin: 0px auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display: block; max-width: 80%; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Login .loginWraper .loginForm form .btn { max-width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Login .loginWraper .loginForm form .btn { max-width: 100%; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Login .loginWraper .loginForm form .btn { max-width: 100%; } } section.Login .loginWraper .loginForm form .btn i { margin: 0px 5px 0px 0px; padding: 0px; } section.Login .loginWraper .loginForm form .btn:hover { background: #07559d; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; margin: 0px auto; display: block; } section.Login .loginWraper .loginForm form .btn:hover i { margin: 0px 5px 0px 0px; padding: 0px; } section.Login .loginWraper .loginForm form input[type="text"]::-webkit-input-placeholder, section.Login .loginWraper .loginForm form input[type="password"]::-webkit-input-placeholder { color: #9f9f9f; font-size: 14px; } section.Login .loginWraper .loginForm form p { font-size: 13px; color: #07559d; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 15px 0px 0px 0px; border-top: 1px dashed #d9d9d9; padding-top: 10px; } section.Login .loginWraper .loginForm form p i { font-size: 14px; font-style: normal; color: #07559d; } section.Login .loginWraper .loginForm form p.recordar { font-size: 13px; color: #07559d; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 15px 0px 0px 0px; border-top: 1px dashed #d9d9d9; padding-top: 10px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Login .loginWraper .loginForm form p.recordar { font-size: 12px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Login .loginWraper .loginForm form p.recordar { font-size: 12px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Login .loginWraper .loginForm form p.recordar { font-size: 12px; } } section.Login .loginWraper .loginForm form p.recordar a { color: #4678a5; font-weight: 600; font-style: italic; } section.Login .loginWraper .loginForm form p.recordar i { font-size: 14px; font-style: normal; color: #07559d; margin-right: 5px; } section.ValidacionSeguro { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; text-align: left; } section.ValidacionSeguro .tituloValidacionSeguro { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.ValidacionSeguro .tituloValidacionSeguro { margin: 25px 0px 0px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.ValidacionSeguro .tituloValidacionSeguro { margin: 25px 0px 0px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.ValidacionSeguro .tituloValidacionSeguro { margin: 25px 0px 0px 0px; } } section.ValidacionSeguro .tituloValidacionSeguro h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 150%; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.ValidacionSeguro .tituloValidacionSeguro h1 { font-size: 1.7em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.ValidacionSeguro .tituloValidacionSeguro h1 { font-size: 1.7em; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.ValidacionSeguro .tituloValidacionSeguro h1 { font-size: 1.7em; } } section.ValidacionSeguro h2 { font-size: 17px; color: #07559d; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 10px 0px; font-style: italic; } section.ValidacionSeguro p { text-align: left; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 10px 0px; } section.ValidacionSeguro p u, section.ValidacionSeguro p b, section.ValidacionSeguro p a { color: #4678a5; font-weight: 600; font-style: italic; } section.ValidacionSeguro .loginWraper { width: 100%; height: auto; overflow: hidden; float: none; margin: 0px; padding: 15px; background: #fff; display: block; } section.ValidacionSeguro .loginWraper .loginWraperInterno { width: 100%; height: auto; padding: 20px 20px 20px 20px; margin: 0px auto 15px auto; background: #ffffff; transition: all 0.3s ease-in-out; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.04); border-radius: 10px; border: 1px solid #e7e7e7; } section.ValidacionSeguro .loginWraper .loginWraperInterno:hover { background: #edf3f8; border: 1px solid rgba(231, 231, 231, 0); padding: 20px 20px 20px 20px; margin: 0px auto 15px auto; } section.ValidacionSeguro .loginWraper .loginForm { margin: 0px auto; padding: 0px; max-width: 50%; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.ValidacionSeguro .loginWraper .loginForm { max-width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.ValidacionSeguro .loginWraper .loginForm { max-width: 100%; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.ValidacionSeguro .loginWraper .loginForm { max-width: 100%; } } section.ValidacionSeguro .loginWraper .loginForm .icon { width: 60px; height: 60px; border: 3px solid #fdc169fa; border-radius: 100%; background: #ffffff; margin: 2px auto; cursor: pointer; display: block; text-align: center; background: #f8cb8c; } section.ValidacionSeguro .loginWraper .loginForm .icon i { display: inline-block; color: #fff; margin: 13px auto; padding: 0px; font-size: 24px; } section.ValidacionSeguro .loginWraper .loginForm h2 { font-size: 17px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; text-align: left; margin: 10px 0px; font-style: normal; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.ValidacionSeguro .loginWraper .loginForm h2 { text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.ValidacionSeguro .loginWraper .loginForm h2 { text-align: center; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.ValidacionSeguro .loginWraper .loginForm h2 { text-align: center; } } section.ValidacionSeguro .loginWraper .loginForm h3 { font-size: 15px; color: #6b6c6c; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 10px 0px; border-bottom: 1px dashed #d9d9d9; line-height: 191%; padding-bottom: 5px; } section.ValidacionSeguro .loginWraper .loginForm h3 i { margin-right: 5px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.ValidacionSeguro .loginWraper .loginForm h3 { text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.ValidacionSeguro .loginWraper .loginForm h3 { text-align: center; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.ValidacionSeguro .loginWraper .loginForm h3 { text-align: center; } } section.ValidacionSeguro .loginWraper .loginForm p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; text-align: center; margin: 10px 0px; } section.ValidacionSeguro .loginWraper .loginForm form { /*Desde aqui se estila*/ } section.ValidacionSeguro .loginWraper .loginForm form .form-group { margin-bottom: 15px; } section.ValidacionSeguro .loginWraper .loginForm form .form-group .input-group { margin: 0px 0px 10px 0px; padding: 0px; display: flex; box-sizing: border-box; } section.ValidacionSeguro .loginWraper .loginForm form .form-group .input-group .input-group-addon { width: 10%; margin: 0px; padding: 0px; background-color: #3977b2; text-align: center; border-radius: 5px 0px 0px 5px; border-top: 1px solid #07559d; border-right: none; border-bottom: 1px solid #07559d; border-left: 1px solid #07559d; } section.ValidacionSeguro .loginWraper .loginForm form .form-group .input-group .input-group-addon i { color: #ffffff; margin: 10px auto; padding: 0px; font-size: 1em; } section.ValidacionSeguro .loginWraper .loginForm form .form-group .input-group .form-control { width: 75%; margin: 0px 5px 0px 0px; padding: 5px 0px 5px 10px; border-radius: 0px 5px 5px 0px; border: 1px solid rgba(7, 85, 157, 0.4); } section.ValidacionSeguro .loginWraper .loginForm form .form-group .input-group .digito { width: 10%; border-radius: 5px; } section.ValidacionSeguro .loginWraper .loginForm form .form-group .input-group iframe { margin: 0px auto!important; } section.ValidacionSeguro .loginWraper .loginForm form .form-group .form-check-label { color: #4678a5; font-weight: 600; font-style: italic; } section.ValidacionSeguro .loginWraper .loginForm form .form-group .centrarIframe { width: 100%; height: auto; overflow: hidden; max-width: 90%; margin: 0px auto; text-align: center; } section.ValidacionSeguro .loginWraper .loginForm form .form-group .centrarIframe iframe { width: 0px auto!important; } section.ValidacionSeguro .loginWraper .loginForm form label { color: #000; font-size: 14px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.ValidacionSeguro .loginWraper .loginForm form label { font-size: 13px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.ValidacionSeguro .loginWraper .loginForm form label { font-size: 13px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.ValidacionSeguro .loginWraper .loginForm form label { font-size: 13px; } } section.ValidacionSeguro .loginWraper .loginForm form input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } section.ValidacionSeguro .loginWraper .loginForm form .form-control { border-radius: 5px; margin-bottom: 0; background: #efebeb; box-shadow: none; border: 1px solid rgba(7, 85, 157, 0.4); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #a8a8a8; font-size: 0.8em; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control::-webkit-input-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control::-webkit-input-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control::-webkit-input-placeholder { font-size: 0.7em; } } section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control::-moz-placeholder { /* Firefox 19+ */ color: #a8a8a8; font-size: 0.8em; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control::-moz-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control::-moz-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control::-moz-placeholder { font-size: 0.7em; } } section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control:-ms-input-placeholder { /* IE 10+ */ color: #a8a8a8; font-size: 0.8em; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control:-ms-input-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control:-ms-input-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control:-ms-input-placeholder { font-size: 0.7em; } } section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control:-moz-placeholder { /* Firefox 18- */ color: #a8a8a8; font-size: 0.8em; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control:-moz-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control:-moz-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.ValidacionSeguro .loginWraper .loginForm form input[type="text"].form-control:-moz-placeholder { font-size: 0.7em; } } section.ValidacionSeguro .loginWraper .loginForm form .btn { background: #729ec7; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; margin: 0px auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display: inline-block; } section.ValidacionSeguro .loginWraper .loginForm form .btn i { margin: 0px 5px 0px 0px; padding: 0px; } section.ValidacionSeguro .loginWraper .loginForm form .btn:hover { background: #07559d; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; margin: 0px auto; display: block; } section.ValidacionSeguro .loginWraper .loginForm form .btn:hover i { margin: 0px 5px 0px 0px; padding: 0px; } section.ValidacionSeguro .loginWraper .loginForm form input[type="text"]::-webkit-input-placeholder, section.ValidacionSeguro .loginWraper .loginForm form input[type="password"]::-webkit-input-placeholder { color: #9f9f9f; font-size: 14px; } section.ValidacionSeguro .loginWraper .loginForm form p { font-size: 13px; color: #07559d; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 15px 0px 0px 0px; border-top: 1px dashed #d9d9d9; padding-top: 10px; } section.ValidacionSeguro .loginWraper .loginForm form p i { font-size: 14px; font-style: normal; color: #07559d; } section.ValidacionSeguro .loginWraper .loginForm form p.recordar { font-size: 13px; color: #07559d; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 15px 0px 0px 0px; border-top: 1px dashed #d9d9d9; padding-top: 10px; } section.ValidacionSeguro .loginWraper .loginForm form p.recordar a { color: #4678a5; font-weight: 600; font-style: italic; } section.ValidacionSeguro .loginWraper .loginForm form p.recordar i { font-size: 14px; font-style: normal; color: #07559d; margin-right: 5px; } section.Acreencias { width: 100%; height: auto; margin: 25px 0px 0px 0px !important; padding: 0; margin: 0; text-align: left; } section.Acreencias .tituloAcreencias { width: 100%; height: auto; overflow: hidden; margin: 25px 0px 25px 0px; padding: 0px; border-bottom: 1px solid #313386; display: block; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Acreencias .tituloAcreencias { margin: 25px 0px 0px 0px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Acreencias .tituloAcreencias { margin: 25px 0px 0px 0px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Acreencias .tituloAcreencias { margin: 25px 0px 0px 0px; } } section.Acreencias .tituloAcreencias h1 { color: #000; font-size: 2.5em; border-bottom: 5px solid #313386; margin: 0px; padding: 0px; display: inline-block; position: relative; text-transform: none; line-height: 150%; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Acreencias .tituloAcreencias h1 { font-size: 1.7em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Acreencias .tituloAcreencias h1 { font-size: 1.7em; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Acreencias .tituloAcreencias h1 { font-size: 1.7em; } } section.Acreencias h2 { font-size: 17px; color: #07559d; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 10px 0px; font-style: italic; } section.Acreencias p { text-align: left; color: #2f2f2f; font-size: 1.2em; line-height: 150%; font-family: 'Open Sans', sans-serif; margin: 0px 0px 10px 0px; } section.Acreencias p u, section.Acreencias p b, section.Acreencias p a { color: #4678a5; font-weight: 600; font-style: italic; } section.Acreencias .loginWraper { width: 100%; height: auto; overflow: hidden; float: none; margin: 0px; padding: 15px; background: #fff; display: block; } section.Acreencias .loginWraper .loginWraperInterno { width: 100%; height: auto; padding: 20px 20px 20px 20px; margin: 0px auto 15px auto; background: #ffffff; transition: all 0.3s ease-in-out; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.04); border-radius: 10px; border: 1px solid #e7e7e7; } section.Acreencias .loginWraper .loginWraperInterno:hover { background: #edf3f8; border: 1px solid rgba(231, 231, 231, 0); padding: 20px 20px 20px 20px; margin: 0px auto 15px auto; } section.Acreencias .loginWraper .loginForm { margin: 0px auto; padding: 0px; max-width: 50%; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Acreencias .loginWraper .loginForm { max-width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Acreencias .loginWraper .loginForm { max-width: 100%; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Acreencias .loginWraper .loginForm { max-width: 100%; } } section.Acreencias .loginWraper .loginForm .icon { width: 60px; height: 60px; border: 3px solid #fdc169fa; border-radius: 100%; background: #ffffff; margin: 2px auto; cursor: pointer; display: block; text-align: center; background: #f8cb8c; } section.Acreencias .loginWraper .loginForm .icon i { display: inline-block; color: #fff; margin: 13px auto; padding: 0px; font-size: 24px; } section.Acreencias .loginWraper .loginForm h2 { font-size: 17px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; text-align: left; margin: 10px 0px; font-style: normal; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Acreencias .loginWraper .loginForm h2 { text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Acreencias .loginWraper .loginForm h2 { text-align: center; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Acreencias .loginWraper .loginForm h2 { text-align: center; } } section.Acreencias .loginWraper .loginForm h3 { font-size: 15px; color: #6b6c6c; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 10px 0px; border-bottom: 1px dashed #d9d9d9; line-height: 191%; padding-bottom: 5px; } section.Acreencias .loginWraper .loginForm h3 i { margin-right: 5px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Acreencias .loginWraper .loginForm h3 { text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Acreencias .loginWraper .loginForm h3 { text-align: center; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Acreencias .loginWraper .loginForm h3 { text-align: center; } } section.Acreencias .loginWraper .loginForm p { font-size: 14px; color: #07559d; text-transform: uppercase; font-weight: 600; padding: 0px; text-align: center; margin: 10px 0px; } section.Acreencias .loginWraper .loginForm form { /*Desde aqui se estila*/ } section.Acreencias .loginWraper .loginForm form .form-group { margin-bottom: 15px; } section.Acreencias .loginWraper .loginForm form .form-group .input-group { margin: 0px 0px 10px 0px; padding: 0px; display: flex; box-sizing: border-box; } section.Acreencias .loginWraper .loginForm form .form-group .input-group .input-group-addon { width: 10%; margin: 0px; padding: 0px; background-color: #3977b2; text-align: center; border-radius: 5px 0px 0px 5px; border-top: 1px solid #07559d; border-right: none; border-bottom: 1px solid #07559d; border-left: 1px solid #07559d; } section.Acreencias .loginWraper .loginForm form .form-group .input-group .input-group-addon i { color: #ffffff; margin: 10px auto; padding: 0px; font-size: 1em; } section.Acreencias .loginWraper .loginForm form .form-group .input-group .form-control { width: 75%; margin: 0px 5px 0px 0px; padding: 5px 0px 5px 10px; border-radius: 0px 5px 5px 0px; border: 1px solid rgba(7, 85, 157, 0.4); } section.Acreencias .loginWraper .loginForm form .form-group .input-group .digito { width: 10%; border-radius: 5px; } section.Acreencias .loginWraper .loginForm form .form-group .input-group iframe { margin: 0px auto!important; } section.Acreencias .loginWraper .loginForm form .form-group .form-check-label { color: #4678a5; font-weight: 600; font-style: italic; } section.Acreencias .loginWraper .loginForm form .form-group iframe { width: 0px auto!important; } section.Acreencias .loginWraper .loginForm form .form-group .centrarIframe { width: 100%; height: auto; overflow: hidden; max-width: 90%; margin: 0px auto; text-align: center; } section.Acreencias .loginWraper .loginForm form .form-group .centrarIframe iframe { width: 0px auto!important; } section.Acreencias .loginWraper .loginForm form label { color: #000; font-size: 14px; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Acreencias .loginWraper .loginForm form label { font-size: 13px; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Acreencias .loginWraper .loginForm form label { font-size: 13px; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Acreencias .loginWraper .loginForm form label { font-size: 13px; } } section.Acreencias .loginWraper .loginForm form input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } section.Acreencias .loginWraper .loginForm form .form-control { border-radius: 5px; margin-bottom: 0; background: #efebeb; box-shadow: none; border: 1px solid rgba(7, 85, 157, 0.4); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } section.Acreencias .loginWraper .loginForm form input[type="text"].form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #a8a8a8; font-size: 0.8em; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control::-webkit-input-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control::-webkit-input-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control::-webkit-input-placeholder { font-size: 0.7em; } } section.Acreencias .loginWraper .loginForm form input[type="text"].form-control::-moz-placeholder { /* Firefox 19+ */ color: #a8a8a8; font-size: 0.8em; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control::-moz-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control::-moz-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control::-moz-placeholder { font-size: 0.7em; } } section.Acreencias .loginWraper .loginForm form input[type="text"].form-control:-ms-input-placeholder { /* IE 10+ */ color: #a8a8a8; font-size: 0.8em; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control:-ms-input-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control:-ms-input-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control:-ms-input-placeholder { font-size: 0.7em; } } section.Acreencias .loginWraper .loginForm form input[type="text"].form-control:-moz-placeholder { /* Firefox 18- */ color: #a8a8a8; font-size: 0.8em; } @media only screen and (min-width: 0px) and (max-width: 320px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control:-moz-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 0px) and (max-width: 529px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control:-moz-placeholder { font-size: 0.7em; } } @media only screen and (min-width: 530px) and (max-width: 949px) { section.Acreencias .loginWraper .loginForm form input[type="text"].form-control:-moz-placeholder { font-size: 0.7em; } } section.Acreencias .loginWraper .loginForm form .btn { background: #729ec7; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; margin: 0px auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display: inline-block; } section.Acreencias .loginWraper .loginForm form .btn i { margin: 0px 5px 0px 0px; padding: 0px; } section.Acreencias .loginWraper .loginForm form .btn:hover { background: #07559d; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; padding: 7px 0; width: 100%; margin: 0px auto; display: block; } section.Acreencias .loginWraper .loginForm form .btn:hover i { margin: 0px 5px 0px 0px; padding: 0px; } section.Acreencias .loginWraper .loginForm form input[type="text"]::-webkit-input-placeholder, section.Acreencias .loginWraper .loginForm form input[type="password"]::-webkit-input-placeholder { color: #9f9f9f; font-size: 14px; } section.Acreencias .loginWraper .loginForm form p { font-size: 13px; color: #07559d; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 15px 0px 0px 0px; border-top: 1px dashed #d9d9d9; padding-top: 10px; } section.Acreencias .loginWraper .loginForm form p i { font-size: 14px; font-style: normal; color: #07559d; } section.Acreencias .loginWraper .loginForm form p.recordar { font-size: 13px; color: #07559d; text-transform: none; font-weight: 600; padding: 0px; text-align: left; margin: 15px 0px 0px 0px; border-top: 1px dashed #d9d9d9; padding-top: 10px; } section.Acreencias .loginWraper .loginForm form p.recordar a { color: #4678a5; font-weight: 600; font-style: italic; } section.Acreencias .loginWraper .loginForm form p.recordar i { font-size: 14px; font-style: normal; color: #07559d; margin-right: 5px; } section.Acreencias .card { border: none!important; margin-bottom: 15px!important; } section.Acreencias .card .card-header.active { background: rgba(7, 85, 157, 0.07) none repeat scroll 0 0; border: 1px solid transparent; border-radius: 10px; color: #fff; display: block; padding: 0px; margin: 0px; position: relative; transition: all 0.3s ease 0s; height: 80px; cursor: pointer; } section.Acreencias .card .card-header.active .flechaActiva { background: #f19313 none repeat scroll 0 0; border: 3px solid rgba(255, 255, 255, 0.2); border-radius: 50%; /* box-shadow: 0 3px 8px rgba(0, 0, 0, 0.28); */ height: 50px; width: 50px; left: 15px; position: absolute; text-align: center; top: 13px; transition: all 0.3s ease 0s; } section.Acreencias .card .card-header.active .flechaActiva i { color: #fff; font-size: 25px; line-height: 46px; } section.Acreencias .card .card-header.active h5 { color: #4168ab; text-transform: uppercase; font-size: 1.3em; margin: 30px 0px 0px 75px; padding: 0px; font-weight: 600; position: relative; } section.Acreencias .card .card-header.active h5:after { content: ''; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 8px; border-top-width: 8px; border-left: 8px solid #a8a8a8; right: 25px; top: 2px; position: absolute; transform: rotate(90deg); } section.Acreencias .card .card-header.activeOut { background: #fff none repeat scroll 0 0; border: 1px solid #cecece; border-radius: 10px!important; color: #fff; display: block; padding: 0px; margin: 0px; position: relative; transition: all 0.3s ease 0s; height: 45px; cursor: pointer; } section.Acreencias .card .card-header.activeOut .flechaNormal { background: #fff none repeat scroll 0 0; border: 1px solid #cecece; border-radius: 50%; box-shadow: 0 0px 0px rgba(0, 0, 0, 0); height: 55px; width: 55px; left: -20px; position: absolute; text-align: center; top: -5px; transition: all 0.3s ease 0s; margin-bottom: 15px; } section.Acreencias .card .card-header.activeOut .flechaNormal i { color: #333; font-size: 25px; line-height: 55px; } section.Acreencias .card .card-header.activeOut h5 { color: #767676; text-transform: uppercase; font-size: 1.3em; margin: 13px 0px 0px 50px; padding: 0px; font-weight: 600; } section.Acreencias .card .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; border-left: none; margin: 15px 0px; padding: 0px; /* .aseguradora:after{ content: ''; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 8px; border-top-width: 8px; border-left: 8px solid #f19313; left: -9px; top: 25px; position: absolute; transform: rotate(180deg); }*/ } section.Acreencias .card .card-body .aseguradora { width: 100%; height: auto; margin: 0px; padding: 10px 0px; border: 1px solid #e7e7e7; position: relative; display: block; margin-bottom: 20px; background: #ffffff; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.04); text-align: center; } section.Acreencias .card .card-body .aseguradora a:link span.vinculo, section.Acreencias .card .card-body .aseguradora a:hover span.vinculo, section.Acreencias .card .card-body .aseguradora a:active span.vinculo, section.Acreencias .card .card-body .aseguradora a:visited span.vinculo { background: #dedede none repeat scroll 0 0; border: none; border-radius: 50%; height: 30px; width: 30px; right: 0px; position: absolute; text-align: center; top: 24px; right: 15px; transition: all 0.3s ease 0s; } section.Acreencias .card .card-body .aseguradora a:link span.vinculo i, section.Acreencias .card .card-body .aseguradora a:hover span.vinculo i, section.Acreencias .card .card-body .aseguradora a:active span.vinculo i, section.Acreencias .card .card-body .aseguradora a:visited span.vinculo i { color: #fff; font-size: 13px; line-height: 30px; } section.Acreencias .card .card-body .aseguradora a:link span.vinculo:hover, section.Acreencias .card .card-body .aseguradora a:hover span.vinculo:hover, section.Acreencias .card .card-body .aseguradora a:active span.vinculo:hover, section.Acreencias .card .card-body .aseguradora a:visited span.vinculo:hover { background: #cecece none repeat scroll 0 0; } section.Acreencias .card .card-body .aseguradora img { width: 100%; max-width: 70%; } section.Acreencias .card .card-body .table-striped tbody tr:nth-of-type(odd) { background-color: #edf3f8; } section.Acreencias .card .card-body .table th, section.Acreencias .card .card-body .table td { padding: 0.5rem 1rem; vertical-align: top; border-top: 1px solid #dee2e6; } section.Acreencias .card.activeOut:first-of-type { background: #fff none repeat scroll 0 0; border: 1px solid #cecece; border-radius: 10px!important; color: #fff; display: block; padding: 0px; margin: 0px; position: relative; transition: all 0.3s ease 0s; height: 45px; cursor: pointer; } section.Acreencias .card.activeOut:first-of-type .flechaNormal { background: #fff none repeat scroll 0 0; border: 1px solid #cecece; border-radius: 50%; box-shadow: 0 0px 0px rgba(0, 0, 0, 0); height: 55px; width: 55px; left: -20px; position: absolute; text-align: center; top: -5px; transition: all 0.3s ease 0s; margin-bottom: 15px; } section.Acreencias .card.activeOut:first-of-type .flechaNormal i { color: #333; font-size: 25px; line-height: 55px; } section.Acreencias .card.activeOut:first-of-type h5 { color: #767676; text-transform: uppercase; font-size: 1.3em; margin: 13px 0px 0px 50px; padding: 0px; font-weight: 600; } /*=IMPORTACION FAMILIA TIPOGRAFICA Titulos y textos ---------------------------------------------------------------------------------------------------- */ /*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,700i'); //font-family: 'Open Sans Condensed', sans-serif;*/ /*=VARIABLESSS ---------------------------------------------------------------------------------------------------- */ /*FAMILIAS TIPOGRAFICAS*/ /*=PALETA COLOR TIPOGRAFIAS ---------------------------------------------------------------------------------------------------- */ /*Gris oscuro*/ /*=PALETA COLOR BOTONES ---------------------------------------------------------------------------------------------------- */ /*=PADDING ---------------------------------------------------------------------------------------------------- */ /*=MARGIN ---------------------------------------------------------------------------------------------------- */ /*=RUTAS ---------------------------------------------------------------------------------------------------- */ /*=bases Esteticas ---------------------------------------------------------------------------------------------------- */ /* =MIXINS ---------------------------------------------------------------------------------------------------- */ /* Mixin */ /*------------------------- REGLAS DE MEDIO-----------------------------*/ /* =BASE STYLES ---------------------------------------------------------------------------------------------------- */ html * { box-sizing: border-box; } body { background: #ffffff; color: #000000; font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px; font-size: 12px; } h1 { color: #000000; font-family: 'Open Sans', sans-serif; font-size: 1em; margin: 0px; } h2 { color: #000000; font-family: 'Open Sans', sans-serif; font-size: 1em; } h3, h4, h5 { color: #000000; } section.proyectosDeLey { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } section.proyectosDeLey .wraperHead { width: 100%; height: 40px; margin: 0px; padding: 10px 0px 0px 10px; background: #07559d; } section.proyectosDeLey .wraperHead h2 { color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 1.5em; margin: 0px 0px 0px 0px; padding: 0px; display: block; } section.proyectosDeLey .wraperTable { width: 100%; height: auto; margin: 0px; padding: 10px; background: #f7f7f7; border: 1px solid rgba(188, 210, 229, 0.69); border-radius: 0px; margin-bottom: 10px; } section.proyectosDeLey .wraperTable table thead tr { /* th:nth-child(1){ white-space: nowrap; background: red; } th:nth-child(4){ white-space: nowrap; }*/ } section.proyectosDeLey .wraperTable table thead tr th:nth-child(4) { white-space: nowrap; } section.proyectosDeLey .wraperTable table thead tr th { width: auto; } section.proyectosDeLey .wraperTable table tbody td { width: auto; white-space: normal; } section.proyectosDeLey .wraperTable table tbody td a { text-decoration: none; } section.proyectosDeLey .wraperTable table tbody td a span { background: #f19313; padding: 3px 5px 3px 8px; display: block; white-space: nowrap; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; } section.proyectosDeLey .wraperTable table tbody td a span i { color: #fff; padding: 0px 5px 0px 0px; } section.proyectosDeLey .wraperTable table tbody td a span:hover { background: #07559d; color: #ffffff; } section.proyectosDeLey .wraperTable table tbody td a span:hover i { color: #ffffff; padding: 0px 5px 0px 0px; } section.proyectosDeLey .wraperTable table tbody td a:hover { text-decoration: none; } section.proyectosDeLey .wraperTable table tbody td:first-child { width: auto; white-space: nowrap!important; } section.proyectosDeLey .wraperTable table tbody td.child { width: auto; white-space: normal!important; /* .nav-tabs .nav-link.active, .nav-tabs .nav-item .nav-link { color:red; background-color: rgba(255, 255, 255, 0); border-color: #dee2e6 #dee2e6 rgba(255, 255, 255, 0); font-weight: bold; font-size: 1em; text-transform: uppercase; }*/ } section.proyectosDeLey .wraperTable table tbody td.child a { text-decoration: none; } section.proyectosDeLey .wraperTable table tbody td.child a span { background: #f19313; padding: 3px 5px 3px 8px; display: block; white-space: nowrap; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; } section.proyectosDeLey .wraperTable table tbody td.child a span i { color: #fff; padding: 0px 5px 0px 0px; } section.proyectosDeLey .wraperTable table tbody td.child a span:hover { background: #07559d; color: #ffffff; } section.proyectosDeLey .wraperTable table tbody td.child a span:hover i { color: #ffffff; padding: 0px 5px 0px 0px; } section.proyectosDeLey .wraperTable table tbody td.child a:hover { text-decoration: none; } section.proyectosDeLey .wraperTable table tbody td.child .nav-tabs .nav-link.active, section.proyectosDeLey .wraperTable table tbody td.child .nav-tabs .nav-item.show .nav-link { color: #ffffff; background-color: #93c6da; border-color: #dee2e6 #dee2e6 rgba(255, 255, 255, 0); font-weight: bold; font-size: 1em; text-transform: uppercase; } section.proyectosDeLey .wraperTable table tbody td.child a.open-tab { color: #7e7e7e; font-size: 1em; text-transform: uppercase; font-weight: bold; } section.proyectosDeLey .wraperTable table tbody td.child .wraperInterno { width: 100%; height: auto; margin: 0px; padding: 5px; background: #f2f2f2; border: 1px solid #d7dbde; border-radius: 0px; } section.proyectosDeLey .wraperTable table tbody td.child .wraperInterno table thead tr th { width: auto; } section.proyectosDeLey .wraperTable table tbody td.child .wraperInterno table tbody td { width: auto; white-space: normal!important; } section.proyectosDeLey .wraperTable table tbody td.child .wraperInterno table tbody td a { text-decoration: none; } section.proyectosDeLey .wraperTable table tbody td.child .wraperInterno table tbody td a span { background: #f19313; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px auto; text-align: center; } section.proyectosDeLey .wraperTable table tbody td.child .wraperInterno table tbody td a span i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.proyectosDeLey .wraperTable table tbody td.child .wraperInterno table tbody td a span:hover { background: #07559d; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px auto; text-align: center; color: #ffffff; } section.proyectosDeLey .wraperTable table tbody td.child .wraperInterno table tbody td a span:hover i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.proyectosDeLey .wraperTable table tbody td.child .wraperInterno table tbody td span.ticket { background: #9bd151; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px auto; text-align: center; display: block; } section.proyectosDeLey .wraperTable table tbody td.child .wraperInterno table tbody td span.ticket i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.proyectosDeLey .wraperTable table tbody td.child .wraperInterno table tbody td a:hover { text-decoration: none; } section.proyectosDeLey .paging_full_numbers { display: block; margin: 0px auto 10px auto!important; float: none!important; max-width: 50%; text-align: center; } section.proyectosDeLey .paging_full_numbers a.first { color: grey; text-decoration: none; padding: 10px; } section.proyectosDeLey .paging_full_numbers a.previous { color: grey; text-decoration: none; padding: 10px; } section.proyectosDeLey .paging_full_numbers a.next { color: grey; text-decoration: none; padding: 10px; } section.proyectosDeLey .paging_full_numbers a.last { color: grey; text-decoration: none; padding: 10px; } section.proyectosDeLey .paging_full_numbers span a { color: #000; text-decoration: none; } section.proyectosDeLey .paging_full_numbers span a.current { margin: 0; border: none; background: #82d5f5; color: #fff; margin: 0px 3px; padding: 5px 10px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } section.proyectosDeLey .paging_full_numbers span .paginate_button { margin: 0; border: none; background: #d3d3d3; color: #8c8c8c; margin: 0px 3px; padding: 5px 10px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } section.proyectosBorradoresDenorma { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } section.proyectosBorradoresDenorma .wraperHead { width: 100%; height: 40px; margin: 0px; padding: 10px 0px 0px 10px; background: #07559d; } section.proyectosBorradoresDenorma .wraperHead h2 { color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 1.5em; margin: 0px 0px 0px 0px; padding: 0px; display: block; } section.proyectosBorradoresDenorma .wraperTable { width: 100%; height: auto; margin: 0px; padding: 10px; background: #f7f7f7; border: 1px solid rgba(188, 210, 229, 0.69); border-radius: 0px; margin-bottom: 10px; } section.proyectosBorradoresDenorma .wraperTable table thead tr th:nth-child(4) { white-space: nowrap; } section.proyectosBorradoresDenorma .wraperTable table thead tr th { width: auto; } section.proyectosBorradoresDenorma .wraperTable table tbody td { width: auto; white-space: normal; } section.proyectosBorradoresDenorma .wraperTable table tbody td a { text-decoration: none; } section.proyectosBorradoresDenorma .wraperTable table tbody td a span { background: #f19313; padding: 3px 5px 3px 8px; display: block; white-space: nowrap; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; } section.proyectosBorradoresDenorma .wraperTable table tbody td a span i { color: #fff; padding: 0px 5px 0px 0px; } section.proyectosBorradoresDenorma .wraperTable table tbody td a span:hover { background: #07559d; color: #ffffff; } section.proyectosBorradoresDenorma .wraperTable table tbody td a span:hover i { color: #ffffff; padding: 0px 5px 0px 0px; } section.proyectosBorradoresDenorma .wraperTable table tbody td a:hover { text-decoration: none; } section.proyectosBorradoresDenorma .wraperTable table tbody td:first-child { width: auto; white-space: nowrap!important; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child { width: auto; white-space: normal!important; /* .nav-tabs .nav-link.active, .nav-tabs .nav-item .nav-link { color:red; background-color: rgba(255, 255, 255, 0); border-color: #dee2e6 #dee2e6 rgba(255, 255, 255, 0); font-weight: bold; font-size: 1em; text-transform: uppercase; }*/ } section.proyectosBorradoresDenorma .wraperTable table tbody td.child a { text-decoration: none; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child a span { background: #f19313; padding: 3px 5px 3px 8px; display: block; white-space: nowrap; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child a span i { color: #fff; padding: 0px 5px 0px 0px; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child a span:hover { background: #07559d; color: #ffffff; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child a span:hover i { color: #ffffff; padding: 0px 5px 0px 0px; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child a:hover { text-decoration: none; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .nav-tabs .nav-link.active, section.proyectosBorradoresDenorma .wraperTable table tbody td.child .nav-tabs .nav-item.show .nav-link { color: #ffffff; background-color: #93c6da; border-color: #dee2e6 #dee2e6 rgba(255, 255, 255, 0); font-weight: bold; font-size: 1em; text-transform: uppercase; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child a.open-tab { color: #7e7e7e; font-size: 1em; text-transform: uppercase; font-weight: bold; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .wraperInterno { width: 100%; height: auto; margin: 0px; padding: 5px; background: #f2f2f2; border: 1px solid #d7dbde; border-radius: 0px; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .wraperInterno table thead tr th { width: auto; white-space: nowrap; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .wraperInterno table tbody td { width: auto; white-space: normal!important; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .wraperInterno table tbody td a { text-decoration: none; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .wraperInterno table tbody td a span { background: #f19313; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px auto; text-align: center; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .wraperInterno table tbody td a span i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .wraperInterno table tbody td a span:hover { background: #07559d; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px auto; text-align: center; color: #ffffff; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .wraperInterno table tbody td a span:hover i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .wraperInterno table tbody td span.ticket { background: #9bd151; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px auto; text-align: center; display: block; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .wraperInterno table tbody td span.ticket i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.proyectosBorradoresDenorma .wraperTable table tbody td.child .wraperInterno table tbody td a:hover { text-decoration: none; } section.coyonturaInternacional { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } section.coyonturaInternacional .wraperHead { width: 100%; height: 40px; margin: 0px; padding: 10px 0px 0px 10px; background: #07559d; } section.coyonturaInternacional .wraperHead h2 { color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 1.5em; margin: 0px 0px 0px 0px; padding: 0px; display: block; } section.coyonturaInternacional .wraperTable { width: 100%; height: auto; margin: 0px; padding: 10px; background: #f7f7f7; border: 1px solid rgba(188, 210, 229, 0.69); border-radius: 0px; margin-bottom: 10px; } section.coyonturaInternacional .wraperTable table thead tr th:nth-child(4) { white-space: nowrap; } section.coyonturaInternacional .wraperTable table thead tr th { width: auto; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.odd td { width: auto; white-space: normal; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.odd td a { text-decoration: none; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.odd td a span { background: #f19313; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px 5px 0px 0px; text-align: center; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.odd td a span i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.odd td a span:hover { background: #07559d; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px 5px 0px 0px; text-align: center; color: #ffffff; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.odd td a span:hover i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.odd td a:hover { text-decoration: none; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.even td { width: auto; white-space: normal; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.even td a { text-decoration: none; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.even td a span { background: #f19313; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px 5px 0px 0px; text-align: center; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.even td a span i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.even td a span:hover { background: #07559d; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px 5px 0px 0px; text-align: center; color: #ffffff; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.even td a span:hover i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.coyonturaInternacional .wraperTable table tbody tr.quitar.even td a:hover { text-decoration: none; } section.coyonturaInternacional .wraperTable table tbody td { width: auto; white-space: normal; } section.coyonturaInternacional .wraperTable table tbody td a { text-decoration: none; } section.coyonturaInternacional .wraperTable table tbody td a span { background: #f19313; padding: 3px 5px 3px 8px; display: block; white-space: nowrap; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; } section.coyonturaInternacional .wraperTable table tbody td a span i { color: #fff; padding: 0px 5px 0px 0px; } section.coyonturaInternacional .wraperTable table tbody td a span:hover { background: #07559d; color: #ffffff; } section.coyonturaInternacional .wraperTable table tbody td a span:hover i { color: #ffffff; padding: 0px 5px 0px 0px; } section.coyonturaInternacional .wraperTable table tbody td a:hover { text-decoration: none; } section.coyonturaInternacional .wraperTable table tbody td:first-child { width: auto; white-space: nowrap!important; } section.coyonturaInternacional .wraperTable table tbody td.child { width: auto; white-space: normal!important; /* .nav-tabs .nav-link.active, .nav-tabs .nav-item .nav-link { color:red; background-color: rgba(255, 255, 255, 0); border-color: #dee2e6 #dee2e6 rgba(255, 255, 255, 0); font-weight: bold; font-size: 1em; text-transform: uppercase; }*/ } section.coyonturaInternacional .wraperTable table tbody td.child a { text-decoration: none; } section.coyonturaInternacional .wraperTable table tbody td.child a span { background: #f19313; padding: 3px 5px 3px 8px; display: block; white-space: nowrap; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; } section.coyonturaInternacional .wraperTable table tbody td.child a span i { color: #fff; padding: 0px 5px 0px 0px; } section.coyonturaInternacional .wraperTable table tbody td.child a span:hover { background: #07559d; color: #ffffff; } section.coyonturaInternacional .wraperTable table tbody td.child a span:hover i { color: #ffffff; padding: 0px 5px 0px 0px; } section.coyonturaInternacional .wraperTable table tbody td.child a:hover { text-decoration: none; } section.coyonturaInternacional .wraperTable table tbody td.child .nav-tabs .nav-link.active, section.coyonturaInternacional .wraperTable table tbody td.child .nav-tabs .nav-item.show .nav-link { color: #ffffff; background-color: #93c6da; border-color: #dee2e6 #dee2e6 rgba(255, 255, 255, 0); font-weight: bold; font-size: 1em; text-transform: uppercase; } section.coyonturaInternacional .wraperTable table tbody td.child a.open-tab { color: #7e7e7e; font-size: 1em; text-transform: uppercase; font-weight: bold; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno { width: 100%; height: auto; margin: 0px; padding: 5px; background: #f2f2f2; border: 1px solid #d7dbde; border-radius: 0px; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table thead tr th { width: auto; white-space: nowrap; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:first-child { width: auto; white-space: nowrap!important; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(3) { width: auto; display: flex; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(3) a { text-decoration: none; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(3) a span { background: #f19313; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px 5px 0px 0px; text-align: center; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(3) a span i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(3) a span:hover { background: #07559d; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px 5px 0px 0px; text-align: center; color: #ffffff; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(3) a span:hover i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(3) span.ticket { background: #9bd151; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px auto; text-align: center; display: block; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(3) span.ticket i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(3) a:hover { text-decoration: none; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(3) p { color: #000; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) { width: auto; position: relative!important; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .tooltiptext { visibility: hidden; width: auto!important; height: auto!important; overflow: visible!important; background-color: #f19313!important; color: #fff!important; text-align: center!important; border-radius: 6px!important; padding: 6px 10px!important; position: absolute!important; z-index: 999!important; transition: all 0.3s ease-out !important; -webkit-transition: all 0.3s ease-out !important; -moz-transition: all 0.3s ease-out !important; -ms-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; opacity: 0!important; right: 60px; top: 3px; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .tooltiptext p { color: #fff; text-align: center; line-height: 140%; font-size: 0.9em; white-space: nowrap; margin: 0px; padding: 0px; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .tooltiptext:after { content: ''; position: absolute; top: 9px; right: -5px; z-index: 1000; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 6px; border-top-width: 6px; border-left: 7px solid #f19313; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .esp { width: 16px; height: 16px; border-radius: 100%; background: url(../img/flag_esp.png); background-repeat: no-repeat; background-size: contain; background-position: center; display: block; margin: 0px auto; cursor: pointer; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .uk { width: 16px; height: 16px; border-radius: 100%; background: url(../img/flag_uk.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: relative!important; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .usa { width: 16px; height: 16px; border-radius: 100%; background: url(../img/flag_uk.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: relative!important; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .esp:hover .tooltiptext, section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .uk:hover .tooltiptext, section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .usa:hover .tooltiptext { opacity: 1!important; visibility: visible!important; z-index: 999!important; right: 60px; top: 3px; padding: 6px 10px!important; width: auto!important; height: auto!important; overflow: visible!important; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .esp:hover .tooltiptext p, section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .uk:hover .tooltiptext p, section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) .usa:hover .tooltiptext p { color: #fff; text-align: center; line-height: 140%; font-size: 0.9em; white-space: nowrap; margin: 0px; padding: 0px; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td { width: auto; white-space: normal!important; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td a { text-decoration: none; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td a span { background: #f19313; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px auto; text-align: center; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td a span i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td a span:hover { background: #07559d; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px auto; text-align: center; color: #ffffff; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td a span:hover i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td span.ticket { background: #9bd151; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px auto; text-align: center; display: block; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td span.ticket i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section.coyonturaInternacional .wraperTable table tbody td.child .wraperInterno table tbody td a:hover { text-decoration: none; } section#estudiosCbrFinal { width: 100%; height: auto; overflow: hidden; margin: 0px; padding: 0px; } section#estudiosCbrFinal .wraperHead { width: 100%; height: 40px; margin: 0px; padding: 10px 0px 0px 10px; background: #07559d; } section#estudiosCbrFinal .wraperHead h2 { color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 1.5em; margin: 0px 0px 0px 0px; padding: 0px; display: block; } section#estudiosCbrFinal .wraperTable { width: 100%; height: auto; margin: 0px; padding: 10px; background: #f7f7f7; border: 1px solid rgba(188, 210, 229, 0.69); border-radius: 0px; margin-bottom: 10px; } section#estudiosCbrFinal .wraperTable table thead tr th:nth-child(4) { white-space: nowrap; } section#estudiosCbrFinal .wraperTable table thead tr th { width: auto; } section#estudiosCbrFinal .wraperTable table tbody td { width: auto; white-space: normal; } section#estudiosCbrFinal .wraperTable table tbody td a { text-decoration: none; } section#estudiosCbrFinal .wraperTable table tbody td a span { background: #f19313; padding: 3px 5px 3px 8px; display: block; white-space: nowrap; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; } section#estudiosCbrFinal .wraperTable table tbody td a span i { color: #fff; padding: 0px 5px 0px 0px; } section#estudiosCbrFinal .wraperTable table tbody td a span:hover { background: #07559d; color: #ffffff; } section#estudiosCbrFinal .wraperTable table tbody td a span:hover i { color: #ffffff; padding: 0px 5px 0px 0px; } section#estudiosCbrFinal .wraperTable table tbody td a:hover { text-decoration: none; } section#estudiosCbrFinal .wraperTable table tbody td:first-child { width: auto; white-space: nowrap!important; } section#estudiosCbrFinal .wraperTable table tbody td.child { width: auto; white-space: normal!important; /* .nav-tabs .nav-link.active, .nav-tabs .nav-item .nav-link { color:red; background-color: rgba(255, 255, 255, 0); border-color: #dee2e6 #dee2e6 rgba(255, 255, 255, 0); font-weight: bold; font-size: 1em; text-transform: uppercase; }*/ } section#estudiosCbrFinal .wraperTable table tbody td.child a { text-decoration: none; } section#estudiosCbrFinal .wraperTable table tbody td.child a span { background: #f19313; padding: 3px 5px 3px 8px; display: block; white-space: nowrap; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; } section#estudiosCbrFinal .wraperTable table tbody td.child a span i { color: #fff; padding: 0px 5px 0px 0px; } section#estudiosCbrFinal .wraperTable table tbody td.child a span:hover { background: #07559d; color: #ffffff; } section#estudiosCbrFinal .wraperTable table tbody td.child a span:hover i { color: #ffffff; padding: 0px 5px 0px 0px; } section#estudiosCbrFinal .wraperTable table tbody td.child a:hover { text-decoration: none; } section#estudiosCbrFinal .wraperTable table tbody td.child .nav-tabs .nav-link.active, section#estudiosCbrFinal .wraperTable table tbody td.child .nav-tabs .nav-item.show .nav-link { color: #ffffff; background-color: #93c6da; border-color: #dee2e6 #dee2e6 rgba(255, 255, 255, 0); font-weight: bold; font-size: 1em; text-transform: uppercase; } section#estudiosCbrFinal .wraperTable table tbody td.child a.open-tab { color: #7e7e7e; font-size: 1em; text-transform: uppercase; font-weight: bold; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno { width: 100%; height: auto; margin: 0px; padding: 5px; background: #f2f2f2; border: 1px solid #d7dbde; border-radius: 0px; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table thead tr th { width: auto; white-space: nowrap; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table tbody td:first-child { width: auto; white-space: nowrap!important; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table tbody td:nth-child(4) { width: auto; white-space: nowrap!important; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table tbody td { width: auto; white-space: normal!important; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table tbody td a { text-decoration: none; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table tbody td a span { background: #f19313; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: auto; height: auto; border-radius: 0%; margin: 0px auto; text-align: center; padding: 3px 15px; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table tbody td a span i { color: #fff; padding: 0px; margin: 4px 5px 0px 0px; font-size: 0.8em; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table tbody td a span:hover { background: #07559d; padding: 0px; color: #fff; font-size: 0.9em; width: auto; height: auto; border-radius: 0%; margin: 0px auto; text-align: center; padding: 3px 15px; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table tbody td a span:hover i { color: #fff; padding: 0px; margin: 4px 5px 0px 0px; font-size: 0.8em; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table tbody td span.ticket { background: #9bd151; padding: 0px; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.9em; width: 16px; height: 16px; border-radius: 100%; margin: 0px auto; text-align: center; display: block; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table tbody td span.ticket i { color: #fff; padding: 0px; margin: 4px 0px; font-size: 0.8em; } section#estudiosCbrFinal .wraperTable table tbody td.child .wraperInterno table tbody td a:hover { text-decoration: none; } .paging_full_numbers { display: block; margin: 0px auto 10px auto!important; float: none!important; max-width: 50%; text-align: center; } .paging_full_numbers a.first { color: grey; text-decoration: none; padding: 10px; } .paging_full_numbers a.previous { color: grey; text-decoration: none; padding: 10px; } .paging_full_numbers a.next { color: grey; text-decoration: none; padding: 10px; } .paging_full_numbers a.last { color: grey; text-decoration: none; padding: 10px; } .paging_full_numbers span a { color: #000; text-decoration: none; } .paging_full_numbers span a.current { margin: 0; border: none; background: #82d5f5; color: #fff; margin: 0px 3px; padding: 5px 10px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } .paging_full_numbers span .paginate_button { margin: 0; border: none; background: #d3d3d3; color: #8c8c8c; margin: 0px 3px; padding: 5px 10px; width: 30px; height: 30px; font-weight: 600; font-size: 1.2em; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } div.borderBottom { border-bottom: 1px solid #313485; margin-bottom: 15px; } div.borderBottom h1 { font-size: 2.2em !important; font-weight: 600 !important; border-bottom: 5px solid #313386 !important; margin: 0px !important; padding: 0px !important; display: inline-block !important; position: relative !important; } td.sinHijo { position: relative!important; padding-left: 30px!important; cursor: default!important; } td.sinHijo:before { top: 9px!important; left: 4px!important; height: 14px!important; width: 14px!important; display: block!important; position: absolute!important; color: white!important; border: 2px solid white!important; border-radius: 14px!important; box-shadow: 0 0 3px #444!important; box-sizing: content-box !important; text-align: center!important; text-indent: 0 !important; font-family: 'Courier New', Courier, monospace !important; line-height: 14px!important; content: '' !important; background-color: #f19313!important; } .buscadorHome #___gcse_0 form.gsc-search-box { width: 100%!important; height: auto!important; padding: 20px!important; background: #ededed!important; float: none!important; margin: 10px auto!important; border-radius: 10px!important; position: relative!important; } .buscadorHome #___gcse_0 .gsc-input-box { width: 100% !important; height: 40px !important; border-radius: 20px !important; padding: 0px !important; margin: 0px !important; border: none !important; border: 1px solid #bfbfbf !important; } .buscadorHome #___gcse_0 input.gsc-input { font-size: 12px; height: 30px!important; padding: 0px 0px 0px 15px!important; background: url(../img/search.svg); background-repeat: no-repeat; background-position: 100% 5px; background-size: 20px 20px; } .buscadorHome #___gcse_0 input.gsc-input:focus { border: none; } .buscadorHome #___gcse_0 .gsst_a { cursor: pointer; padding: 0px; margin: 10px 15px 0px 0px; } .buscadorHome #___gcse_0 .gsc-search-button-v2, .buscadorHome #___gcse_0 .gsc-search-button-v2:hover, .buscadorHome #___gcse_0 .gsc-search-button-v2:focus { border-color: #666666; background-color: #CECECE; background-image: none; filter: none; position: absolute; opacity: 0; right: 80px; top: 25px; width: 20px; width: 30px; height: 30px; } .buscadorHome #___gcse_0 .gsc-search-button-v2 svg, .buscadorHome #___gcse_0 .gsc-search-button-v2:hover svg, .buscadorHome #___gcse_0 .gsc-search-button-v2:focus svg { display: none; } .buscadorHome .gsc-table-result, .buscadorHome .gsc-thumbnail-inside, .buscadorHome .gsc-url-top { padding-left: 0px!important; padding-right: 0px!important; } .buscadorHome .gsc-webResult.gsc-result, .buscadorHome .gsc-results .gsc-imageResult { border: none; background: #e5eef5; padding: 15px; margin-top: 15px; margin-bottom: 15px; border-radius: 10px; transition: all 0.3s ease-in-out; } .buscadorHome .gsc-webResult.gsc-result:hover, .buscadorHome .gsc-results:hover .gsc-imageResult:hover { border: none; background: #f3f6f8; padding: 15px; margin-top: 15px; margin-bottom: 15px; border-radius: 10px; } .buscadorHome .gs-webResult.gs-result a.gs-title:visited, .buscadorHome .gs-webResult.gs-result a.gs-title:visited b, .buscadorHome .gs-imageResult a.gs-title:visited, .buscadorHome .gs-imageResult a.gs-title:visited b { color: #07559d; } .buscadorHome .gsc-results .gsc-cursor-box { margin: 10px; text-align: left; } .buscadorHome .gsc-results .gsc-cursor-box .gsc-cursor-page { border: none; background: #d3d3d3; color: rgba(0, 0, 0, 0.54); margin: 0px 3px; padding: 5px 10px; width: 30px; height: 30px; font-weight: 400; font-size: 1.2em; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } .buscadorHome .gsc-results .gsc-cursor-box .gsc-cursor-current-page { background: #82d5f5; color: #fff; margin: 0px 3px; padding: 5px 10px; width: 30px; height: 30px; font-weight: 400; font-size: 1.2em; border-radius: 3px; cursor: pointer; } .aside #___gcse_0 .gsc-input-box { width: 100%!important; height: 40px!important; border-radius: 20px!important; padding: 0px!important; margin: 0px!important; border: none!important; border: 1px solid #bfbfbf!important; } .aside #___gcse_0 input.gsc-input { font-size: 12px; height: 30px!important; padding: 0px 0px 0px 15px!important; background: url(../img/search.svg); background-repeat: no-repeat; background-position: 280px 5px; background-size: 20px 20px; } .aside #___gcse_0 input.gsc-input::-webkit-input-placeholder { font-size: 12px; color: #9a9a9a; } .aside #___gcse_0 input.gsc-input:focus { border: none; } .aside #___gcse_0 .gsc-search-button-v2, .aside #___gcse_0 .gsc-search-button-v2:hover, .aside #___gcse_0 .gsc-search-button-v2:focus { border-color: #0f5ca0; background-color: #3977b2; background-image: none; filter: none; height: 33px; width: 37px; position: absolute; top: 27px; right: 47px; opacity: 0; cursor: pointer; } .aside #___gcse_0 .gsc-search-box-tools .gsc-search-box .gsc-input { padding: 0px; } /*.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus { border:none!important; background-color: #CECECE!important; background-image: none!important; filter: none!important; height: 38px; } .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0px!important; } table.gsc-search-box td { vertical-align: top; } .gsc-search-button { margin-left:0px!important; }*/ .gsc-webResult gsc-result { border-color: #FFFFFF!important; background-color: #FFFFFF!important; background: #e5eef5!important; margin: 15px 0px!important; padding: 15px!important; transition: all 0.3s ease-in-out !important; } .gsc-webResult gsc-result:hover { border-color: #FFFFFF!important; background-color: #FFFFFF!important; background: #ecf3f8!important; margin: 15px 0px!important; padding: 15px!important; } .gsc-url-top { padding-left: 8px!important; padding-right: 8px!important; } .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0px; }