#facebook{width: 25px;height: auto;display: block; margin-left: 5px;} #simplic{width: auto;height: 50px;z-index: 1;margin-top: 17px;} #by_create a{color: white;text-decoration: none; opacity: 0.3;font-family: sans-serif;font-weight: bold;font-size: 1em;} #by_create{display: flex;padding-top: 20px;} #btnSend{text-align: center;display: flex;width: 250px; height: 40px; font-size:16px ; color: black;background-color: #FC8D0B;font-family: sans-serif; border: none;font-weight: bolder;justify-content: center;align-items: center;} #mensaje{width: 200px; height: auto;} #logo{margin-right: 8%;} #tex_uno{margin-left: 42%; margin-top: 230px;font-size: 2.2rem; font-family: Georia;color: white;text-shadow: 1px 2px 3px black;font-weight: lighter;} #pagomensual {color: #F6C20E;font-size: 25px;font-weight: bold;margin-left: 120px;} #total {color: #F6C20E;font-size: 25px;font-weight: bold;margin-left: 120px;} #temporalidadTotal {color: #F6C20E;font-size: 25px;font-weight: bold;margin-left: 120px;} #pgmensual{display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center; width: 100%;margin-left: 14%;} #label_{width: 500px;} #interesmensual{display: none;} #letra_grande_2{font-size: 3rem;margin-bottom: 5px;font-weight: lighter;} #texto_rojo_fondo{margin-top: 15px; color: #AF1717;display: flex;width: 100%;justify-content: center;font-family: Georia;font-weight: bolder;font-size: 1.6rem;} #texto_rojo_f{margin-top: 15px; color: #AF1717;display: flex;width: 100%;justify-content: center;font-family: Georia;font-weight:bold;font-size: 1.3rem;} #texto_gris_fondo{margin-top: 20px; color: #959595;display: flex;width: 100%;justify-content: center;font-family: Georia;font-weight: lighter;font-size: 1.2rem;text-align: center;} #contenedor_textos{width: 100%; border-bottom: solid 10px;border-color: #FBCA05;} #tex_dos{margin-left: 32%; margin-top: 20px;font-size: 1.3rem;letter-spacing: 2px; font-family: Georia;font-weight: lighter; color: white;text-shadow: 1px 2px 3px black;} #tex_tres{text-align: right;margin-left: 27%;letter-spacing: 3px; margin-top: 40px;font-size: 1.8rem; font-family: Georia;font-weight: lighter; color: white;text-shadow: 1px 2px 3px black;} #texto_blanco_fondo{ height: 150px; display: flex;flex-flow: column;width: 100%;justify-content: center;text-align: center;color: #828181;background-color: white;border-bottom: solid 10px;border-color: #F10B0B;} #texto_uno {font-family: sans-serif;font-weight: bolder;font-size: 3em; display: block;margin-top: 70px;} #texto_uno_dos {font-family: sans-serif;font-weight: bolder;font-size: 3em; display: block;margin-top: 70px;} #texto_dos_dos {font-family: sans-serif;font-weight: bolder;font-size: 3em; display: block;margin-top: 70px;} #texto_d {font-family: sans-serif;font-weight: lighter;font-size: 1.2em; display: block; margin-top: 15px;} #texto_dos {font-family: sans-serif;font-weight: lighter;font-size: 1.2em; display: block; margin-top: 30px;} #img_fnc{width: 100%;} /*-------------------------------Mensaje de correo----------------------------- */ .body_mensaje {background-image: url(../img/html/fondo.png);} .titulomensaje {width: 100%;margin-top: 10%;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;} .titulomensaje div{border-radius: 5px; background-color:#E38602;width: auto;height: 50%; display: flex;flex-flow: column; justify-content: center;align-items: center; font-family: sans-serif;font-weight: bolder;font-size: 1.5em;text-align: center;color:#FCFCFC;} .titulomensaje div p {margin: 10px;} .titulomensaje div a{width: 110px;display: block;text-decoration: none;color: #C6C6C6;font-size: 0.8em;background-color: #D30A0A;margin: 15px;padding: 5px; border-radius: 5px;} /*------------------------------- inicio de slider ----------------------------- */ /*------------------------------- fin de slider ----------------------------- */ #tetxto_video{color: yellow;font-family: sans-serif;font-weight: bold; font-size: 14px;width: 450px;text-align: center;margin-right: 5%;} #a {display:flex;justify-content: center;align-items: center; text-decoration: none; font-size: 15px;color: #48190D; margin: 15px;border-radius: 3px;font-family: sans-serif;font-weight: bold; text-align: center;} #a_w {display:flex;justify-content: center;align-items: center; text-decoration: none; font-size: 15px;color: red; margin:20px;font-family: sans-serif;font-weight: bolder; text-align: center;} #a_w:hover {transition: 0.4s;color:green;} #a:hover {transition: 0.4s;color:#F38B04; } #h{} #nota{font-size: 18px;color: black;margin: 0px;} #nombreVideo{display: flex;justify-content: center;width: 100%;margin: 0px;color: white;background-color: black;font-family: sans-serif;border-radius: 5px;} #b_uno{font-size: 1.6em;} #b_es{ position: -20px} #b_p{font-size: 1.6em;} #b_dos{color: white;font-size: 0.9em;} #text_uno{display: flex;height: 500px; background-repeat: no-repeat;background-size: cover; background-image: url(../img/html/nacional_crediticia.png);background-position: right;color:#ED1616;width: 100%;text-align: left;font-size: 1.7em;font-weight: lighter;text-shadow: 1px 2px 3px black;font-family: Goeria;align-items: center;} #text_tres{display: flex;flex-flow: column; background-repeat: no-repeat;background-size: cover;background-position: right; background-image: url(../img/html/nacional_crediticia6767_04.png); color: white;width: 100%;text-align: left;font-size:34px;font-family: Georia;text-shadow: 1px 2px 3px black;padding-top: 5%;font-weight: lighter;} #text_tres_dos{text-align: left; display: flex; color: white;width: 90%;text-align: left;font-size:18px;font-family: Georia;text-shadow: 1px 2px 3px black;padding-top: 5%;font-weight: lighter;margin-right: 15%;} #texto_uno_sec_cinco{margin-top: 15%;color: #780606; width: 80%;text-align: center;font-family: sans-serif;font-weight: bold;font-size: 2.3em;height: 400px;} #texto_dos_sec_cinco{font-family: sans-serif;font-weight: bolder;font-size: 1.8em;width: 70%;text-align: right;color: #6E2B03;} .body{display: flex;flex-flow:column;animation: aparecer 1.7s;margin: 0px;padding: 0px;width: 100%;height: 100%; } .contenedor_index{display: flex;flex-flow:column;margin: 0px;padding: 0px;width: 100%;align-items: center;} .barra_negra{display: flex; width: 100%; height: 15px; background-color: #F38B05;} .menu{display: flex;flex-flow: row; justify-content: left; width: 100%;height:auto;background-color: white;} .menu:hover{ } .menu .logo{display: block;margin-top: 5px;} .menu .enlaces {width: 100%; display: flex;flex-flow: row wrap; text-align: center;justify-content: ;align-items: center;} .menu .enlaces div{width: 22%; } .head {display: flex;width: 100%;background-image: url(../img/galeria/img-galeria-5.png);background-repeat: no-repeat;background-position: center;background-size: cover; height:250px;justify-content: center;align-items: center;padding-top:80px; } .head div{border-radius: 9px; display: flex;flex-flow: column; padding: 1rem;margin:1rem;width: 40%;height: auto;color: white; justify-content: center;align-items: center;background-color: black;opacity: 70%;} .footer{width: 100%; height: auto; background-color: black;display: flex;flex-flow: column;justify-content: center;align-items: center;} .contenedor_cotizador {display: flex;flex-flow: column nowrap; justify-content: center;align-items: center;width: 100%;height: 750px;background-image: url(../img/html/fondocotizador.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .contenedor_cotizador .cotizador{font-family: Arial, sans-serif;font-weight:normal;font-size: 1em; display: flex; justify-content: center;background-color: rgba(0, 0, 0, 0.7);border: solid 5px;border-color: #FB8903;margin-right: 0%;width:70%;height: 395px;} #texto_formulario{width: 100%;display: flex;justify-content: center;align-items: center;font-family:Georia;font-size: 1.5rem;font-weight: bold; color: red;} #letra_grande{font-size: 2.2rem;margin-bottom: 5px;} #texto_fondo_cotizador{width: 70%;display: flex;font-size: 15px;} #letras_rojas{color: #C50606;} .contenedor_cotizador .cotizador div {display: flex;flex-flow: column;padding: 5px;text-align:left ;align-items:center ;justify-content: space-between;color: #CBCACA;width: 80%;} .contenedor_cotizador .cotizador div button{margin-left: 440px; background-color: #F79906;color: #720505;width: 300px;height: 30px;border-color:#720505 ;font-family: sans-serif;font-weight: bolder;font-size: 14px;border-radius:5px ;} .contenedor_cotizador .cotizador div div{display: flex;flex-flow: row wrap;width: 84%;} .contenedor_cotizador .cotizador div label{font-size: 17px;} .contenedor_cotizador .cotizador div input {margin: 2px;border-radius: 3px;width: 40%;height: 25px;background-color: rgba(0, 0, 0, 0.4);color: white;border: none;border-bottom: solid 2px;border-color: #D3D3D3;} .contenedor_formulario {display: flex; width: 100%;background-color: #FC8F02; justify-content:center;} .contenedor_formulario .contenido {display: flex; width: 100%;justify-content: center;} .contenedor_formulario .contenido .contenido_sucursales{display: flex;flex-flow: column; justify-content: center;align-items: center;width: 100%;height:500px;} .contenedor_formulario .contenido .contenido_sucursales a {display: flex;flex-flow: column; align-items: center; justify-content: center;text-decoration: none;font-family: sans-serif;font-weight: bolder;width: 200px;height: 50px;background-color: #F94D0A;color: white;margin: 3px;padding: 3px;border-radius: 4px;} .contenedor_formulario .contenido .contenido_sucursales h2 {font-family: sans-serif;font-weight: bolder;color: #ECECEC;} .contenedor_formulario .contenido .contenido_contacto {display: flex;flex-flow: column;width:75%;background-color: white;border-radius: 2px;margin-top: 3%;margin-bottom: 3%;justify-content: center;align-items: center;} .contenedor_formulario .contenido .contenido_contacto .titulo_formulario{padding-left: 0px; padding: 15px;color: #FF1301;font-family: sans-serif;font-weight: bold;font-size: 13px;text-align: center;width: 100%;} .contenedor_formulario .contenido .contenido_contacto div{display: flex;justify-content: center;align-items: center; flex-flow: row wrap; wrap;width: 100%;align-content: center;align-items: center;} .contenedor_formulario .contenido .contenido_contacto .from_contacto .user_info input {display: flex;flex-flow: column; margin: 5px;text-align: center; width: 260px;height:20px; border-radius: 4px;font-size: 13px;font-family: sans-serif;border: solid;border-color: #E2DDDD;padding: 2px;} .contenedor_formulario .contenido .contenido_contacto .from_contacto .textarea {display: none; } .contenedor_formulario .contenido .cont_posible {display: flex;padding-top: 6%;padding-left: 10%;justify-content: center;} .contenedor_formulario .contenido .contenido_contacto .from_contacto .user_info label{ font-size: 10px; font-family: sans-serif;} .contenedor_movil {display: none;} .contenedor {display: flex; width: 100%;height: 550px; background-image: url(../img/html/nacional_crediticia_04.png);background-repeat: no-repeat;background-size: cover;justify-content:center;} .contenedor .contenido {display: flex; width: 100%;} .contenedor .contenido .contenido_contacto {display: flex;flex-flow: column;height: 400px;width:260px;background-color: white;border-radius: 2px;margin-left: 70%;margin-top: 7%;} .contenedor .contenido .contenido_contacto .titulo_formulario{padding-left: 0px; padding: 15px;color: #FF1301;font-family: sans-serif;font-weight: bold;font-size: 13px;text-align: center;width: 100%;} .contenedor .contenido .contenido_contacto div{display: flex;flex-flow: column nowrap;width: 100%;align-content: center;align-items: center;} .contenedor .contenido .contenido_contacto .from_contacto .user_info input {display: flex;flex-flow: column; margin: 5px; width: 220px;height:20px; border-radius: 4px;font-size: 13px;font-family: sans-serif;border: solid;border-color: #E2DDDD;padding: 2px;} .contenedor .contenido .contenido_contacto .from_contacto .textarea {display: none; } .contenedor .contenido .cont_posible {display: flex;padding-top: 6%;padding-left: 10%;justify-content: center;} .contenedor .contenido .contenido_contacto .from_contacto .user_info label{ font-size: 10px; font-family: sans-serif;} .contenedor_seccion_dos{display: flex;justify-content: center;align-items: center;width: 100%;} .contenedor_seccion_dos img{width: 100%;} .contenedor_seccion_dos .iconos_uno {display: flex;flex-flow: row nowrap; justify-content: center;align-items: center;width: 100%;text-align: center;padding: 5px;border-bottom: solid 10px;border-color: #DF0B0B;} .contenedor_seccion_dos .iconos_uno .item{width: 33.33%; font-family: sans-serif;font-weight: bolder;justify-content: center;align-items: center;display: flex;flex-flow: column;} .contenedor_seccion_dos .iconos_uno .item div{font-size: 14px;} .contenedor_seccion_dos .iconos_uno .item img {margin: 0px;width: 100px;} .contenedor_seccion_tres { background-repeat: no-repeat;background-size: cover;background-position: right;background-image: url(../img/html/nacional_crediticia_2098_04.png); display: flex;flex-flow: column;justify-content: center;align-items: center;text-align: center;width: 100%;height: 500px;} .contenedor_seccion_tres div{} .contenedor_seccion_cuatro {display: flex;flex-flow: row wrap;justify-content: center;align-items: center;text-align: center;width: 100%;background-position: right;} .contenedor_seccion_cuatro div{height: 600px; font-family: sans-serif;font-weight: bolder;padding-left: 10%;} .contenedor_seccion_cinco {display: flex;flex-flow: column;justify-content: center;align-items: center;} .contenedor_seccion_cinco .texto_sec_cinco {background-image: url(../img/html/fondo_sec_cinco.jpg);background-repeat: repeat;display: flex;flex-flow: column;justify-content: center;align-items: center;height: auto;} .contenedor_seccion_cinco .tex_tres_sec_quita { display: flex;justify-content: center;align-items: center; font-family: sans-serif;font-weight: bolder;font-size: 1.8em;width:100%;height: 500px; color: #FDED3D;background-image: url(../img/html/nacional_crediticia6327_04.png);background-repeat: no-repeat;background-size: cover;} .contenedor_seccion_cinco .tex_tres_sec_quita p{width: 80%;} .iconos_amarillos{border-bottom: solid 10px;border-color: red; display: flex;flex-flow: row nowrap;width: 100%;justify-content: center;align-items: center;text-align: center;height: auto;} .iconos_amarillos div{width: 33%; display: flex;flex-flow: column; justify-content: center;align-items: center;text-align: center;font-family: sans-serif;font-weight: bold;font-size: 14px;} .iconos_amarillos div div img {width: 100px;align-items: center;text-align: center;margin: 3px;padding: 3px;} .iconos_amarillos div .tex_iconosamarillos{width: 33.33%;align-items: center;text-align: center;margin: 3px;padding: } @media only screen and (max-width: 1112px){ #text_tres{display: flex;flex-flow: column; background-repeat: no-repeat;background-size: cover;background-position: right; background-image: url(../img/html/nacional_crediticia6767_04.png); color: white;width: 100%;text-align: left;font-size:27px;font-family: Georia;text-shadow: 1px 2px 3px black;padding: 4%;font-weight: lighter;} #text_tres_dos{text-align: left; display: flex; color: white;width: 95%;text-align: left;font-size:22px;font-family: Georia;text-shadow: 1px 2px 3px black;padding-top: 5%;font-weight: lighter;margin-right: 13%;} #pgmensual{display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center; width: 100%;margin-left: 0%;} #label_{display: flex;flex-flow: row nowrap;} .menu{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;} .contenedor { display:none; } .contenedor_movil{display: flex;flex-flow: column;} .contenedor_movil .contenido{display: flex;flex-flow: column ;justify-content: center;align-items: center;width: 100%;background-color:#E27103;} .contenedor_movil img{width: 100%;} .contenedor_movil .contenido .contenido_contacto {display: flex;flex-flow: column;margin: 5%; height: 400px;width:260px;background-color: white;border-radius: 2px;} .contenedor_movil .contenido .contenido_contacto .titulo_formulario{padding-left: 0px; padding: 15px;color: #FF1301;font-family: sans-serif;font-weight: bold;font-size: 13px;text-align: center;width: 100%;} .contenedor_movil .contenido .contenido_contacto div{display: flex;flex-flow: column nowrap;width: 100%;align-content: center;align-items: center;} .contenedor_movil .contenido .contenido_contacto .from_contacto .user_info input {display: flex;flex-flow: column; margin: 5px; width: 220px;height:20px; border-radius: 4px;font-size: 13px;font-family: sans-serif;border: solid;border-color: #E2DDDD;padding: 2px;} .contenedor_movil .contenido .contenido_contacto .from_contacto .textarea {display: none; } .contenedor_movil .contenido .cont_posible {display: flex;padding-top: 6%;padding-left: 10%;justify-content: center;} .contenedor_movil .contenido .contenido_contacto .from_contacto .user_info label{ font-size: 10px; font-family: sans-serif;} .contenedor_cotizador {display: flex;flex-flow: column nowrap; justify-content: center;align-items: center;width: 100%;height: auto;padding-top: 10%;padding-bottom: 10%; background-image: url(../img/html/fondocotizador.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .contenedor_cotizador .cotizador{font-family: Arial, sans-serif;font-weight:normal;font-size: 1em; display: flex; justify-content: center;background-color: rgba(0, 0, 0, 0.7);border: solid 5px;border-color: #FB8903;margin-right: 0%;width:70%;height: 450px;} .contenedor_cotizador .cotizador div {display: flex;flex-flow: column;padding: 2px;text-align:left ;align-items:center ;justify-content: space-between;color: #CBCACA;width: 80%;} .contenedor_cotizador .cotizador div button{margin-left: 370px; background-color: #F79906;color: #720505;width: 300px;height: 30px;border-color:#720505 ;font-family: sans-serif;font-weight: bolder;font-size: 14px;border-radius:5px ;} .contenedor_cotizador .cotizador div div{display: flex;flex-flow: row wrap;width: 100%;} .contenedor_cotizador .cotizador div label{font-size: 15px;} .contenedor_cotizador .cotizador div input {margin: 2px;border-radius: 3px;width: 40%;height: 25px;background-color: rgba(0, 0, 0, 0.4);color: white;border: none;border-bottom: solid 2px;border-color: #D3D3D3;} .contenedor_seccion_tres { background-repeat: no-repeat;background-size: cover;background-position: right;background-image: url(../img/html/nacional_crediticia_2098_04.png); display: flex;flex-flow: column;justify-content: center;align-items: center;text-align: center;width: 100%;height: 600px;} } @media only screen and (max-width: 941px){ .contenedor_cotizador {display: flex;flex-flow: column nowrap; justify-content: center;align-items: center;width: 100%;height: auto;padding-top: 10%;padding-bottom: 10%; background-image: url(../img/html/fondocotizador.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .contenedor_cotizador .cotizador{font-family: Arial, sans-serif;font-weight:normal;font-size: 1em; display: flex; justify-content: center;background-color: rgba(0, 0, 0, 0.7);border: solid 5px;border-color: #FB8903;margin-right: 0%;width:70%;height: 450px;} .contenedor_cotizador .cotizador div {display: flex;flex-flow: column;padding: 3px;text-align:center ;align-items:center ;justify-content: center;color: #CBCACA;width:80%;} .contenedor_cotizador .cotizador div div{display: flex;flex-flow: column;width: 100%;justify-content: center;align-items: center;} .contenedor_cotizador .cotizador div button{margin-left: 10px; background-color: #F79906;color: #720505;width: 300px;height: 30px;border-color:#720505 ;font-family: sans-serif;font-weight: bolder;font-size: 14px;border-radius:5px ;} .contenedor_cotizador .cotizador div label{font-size: 17px;} .contenedor_cotizador .cotizador div input {margin: 2px;border-radius: 3px;width: 80%;height: 25px;background-color: rgba(0, 0, 0, 0.4);color: white;border: none;border-bottom: solid 2px;border-color: #D3D3D3;} .contenedor_cotizador .cotizador div input::placeholder{text-align: center;} #pgmensual{display: flex;flex-flow: column;justify-content: center;align-items: center; width: 100%;margin-left: 0%;} #label_{display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;width: 100%;} #pagomensual {color: #F6C20E;font-size: 19px;font-weight: bold;margin: 3px;} #total {color: #F6C20E;font-size: 19px;font-weight: bold;margin: 3px;} #temporalidadTotal {color: #F6C20E;font-size: 19px;font-weight: bold;margin: 3px;} } @media only screen and (max-width: 750px){ #btnCotizar{width: 200px;} .contenedor_seccion_dos .iconos_uno {display: flex;flex-flow: column; justify-content: center;align-items: center;width: 100%;text-align: center;padding: 5px;border-bottom: solid 10px;border-color: #DF0B0B;} .iconos_amarillos{border-bottom: solid 10px;border-color: red; display: flex;flex-flow: column;width: 100%;justify-content: center;align-items: center;text-align: center;height: auto;} #text_tres{height: auto; display: flex;flex-flow: column; background-repeat: no-repeat;background-size: cover;background-position: right; background-image: url(../img/html/nacional_crediticia6767_04.png); color: white;width: 100%;text-align: left;font-size:34px;font-family: Georia;text-shadow: 1px 2px 3px black;padding-top: 5%;font-weight: lighter;} } @media only screen and (max-width: 533px){ .contenedor_seccion_tres { background-repeat: no-repeat;background-size: 290%;background-position: 97%;bac background-image: url(../img/html/nacional_crediticia_2098_04.png); display: flex;flex-flow: column;justify-content: start;align-items: center;text-align: center;width: 100%;height: 700px;} .menu{display: flex; flex-flow: row wrap;} #tex_tres{text-align: right;margin-right: 10px; letter-spacing: 3px; margin-top: 0px;font-size: 1.2rem; font-family: Georia;font-weight: lighter; color: white;text-shadow: 1px 2px 3px black;} #logo img{width: 300px;} } .contenedor_caja { border: 2px solid #ccc; padding: 20px; border-radius: 10px; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); max-width: 600px; margin: 20px auto; } .tabla_cotizador { width: 100%; border-collapse: collapse; text-align: left; } .tabla_cotizador td { padding: 10px; border: 1px solid #ddd; vertical-align: top; } .tabla_cotizador td[colspan="2"] { text-align: center; } .info-interes h5 { margin: 0; }