body, html { height: 100%; } h1, h2, a { color: #0063AA !important; } h1 { font-size: 2em; } h2 { font-size: 1.6em; } hr { margin-left: 0; text-align: left; border-top: 1px solid #000; } li { padding-top: 5px; } fieldset input[type=text], input[type=email], textarea { border: solid 1px #2e6b9f !important; color: #002E5D !important; } .hr-title { width: 50px; } .hr-bottom { width: 90%; margin-left: 5%; position: absolute; bottom: 0; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; /*max-width: 100%;*/ height: auto; } .page-title { padding: 20px 0; margin-left: 5%; } .body-section { margin-bottom: 10px; width: 90%; margin-left: 5%; min-height: 48vh; color: #003255 !important; } .col-section { background-color: #f9f9f9; border: solid #e6e6e6 1px; margin-bottom: 10px; padding: 2%; } .box-title { width: 90%; margin-left: 5%; color: #003255 !important; } .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited { background-color: #2e6b9f !important; border-color: #002E5D !important; } .box-p { padding: 2%; width: 90%; } .box-banner { height: 400px; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; clip: rect(0px, 1350px, 420px, 0px); } .box-banner img { max-width: 100%; } .box-banner1 { height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; clip: rect(0px, 1350px, 420px, 0px); background-image: url('../banners/banner-quienes-somos_1.png'); } .box-banner2 { height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; clip: rect(0px, 1350px, 420px, 0px); background-image: url('../banners/banner-que-empresas-buscamos_1.png'); } .box-banner3 { height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; clip: rect(0px, 1350px, 420px, 0px); background-image: url('../banners/banner-oferta-de-valor.png'); } .bxslider-box { max-height: 970px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: visible; } .bxslider img { width: 100%; } .bx_opacity_text { background: #471d0bd9; position: absolute; top: 65%; left: 5%; width: 50%; color: #fff; padding: 0.5em 1em; text-align: justify; font-size: 1.7em; font-weight: 500; font-family: sans-serif; } #navbarNavDropdown { z-index: 4; background: #2B6CA3; border-radius: 5px; width: 100%; } @media screen and (max-width: 767px) { .bx_opacity_text { font-size: 1.2em; top: 35%; } .bxslider-box { max-height: 400px; } } @media screen and (max-width: 575px) { .hr-bottom { display: none; } .box-banner { height: 200px; } .bx_opacity_text { font-size: 0.8em; top: 22%; } .bxslider-box { max-height: 300px; } } /*Header*/ header { display: block; height: 180px; margin: 0; top: 0; width: 100%; z-index: 1029; background-color: #2B6CA3; border-bottom: 12px solid #002E5D; color: #fff; } #logo-gestora { padding-top: 1%; margin: 0; } #logo-gestora img { width: 340px; } nav a { color: #fff !important; font-weight: bold; } nav a:hover { color: #deb100 !important; } .navbar-nav { width: 100%; text-align: center; } .navbar-nav > li { float: none; display: inline-block; padding: 0 20px; } @media screen and (max-width: 767px) { .container { margin-left: unset !important; } header { height: 150px; font-size: 12px !important; } #logo-gestora img { width: 130px; } .navbar-nav > li { padding: 0 10px; } } @media screen and (max-width: 575px) { header { height: 100px !important; } #logo-gestora img { width: 120px; } .navbar { padding: 0.5rem 12rem; } .justify-content-end { -webkit-box-pack: unset!important; -ms-flex-pack: unset !important; justify-content: unset!important; } } @media screen and (max-width: 991px) { header { height: 140px; } #logo-gestora img { width: 130px !important; } } /*Footer*/ footer { width: auto; height: 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #2e6b9f; border-top: 2px solid #002E5D; } footer p { color: #ffffff; font-style: normal; text-align: right; font-size: 0.8em; margin: 2px; line-height: normal; letter-spacing: normal; } footer a, footer a:hover { color: #fff; } .fondo-correo { color: #fff !important; } /* Página - Qué empresa buscamos */ .divppalrow { position: relative; display: inline-block; } .divitemrow1 { position: absolute; top: 70px; left: 60px; } .divitemrow2 { position: absolute; top: 105px; left: 70px } .divitemrow3 { position: absolute; top: 140px; left: 80px } .divitemrow4 { position: absolute; top: 70px; left: 290px } .divitemrow5 { position: absolute; top: 100px; left: 300px } .divitemrow6 { position: absolute; top: 120px; left: 270px } .divitemrow7 { position: absolute; top: 140px; left: 270px } .divitemrow8 { position: absolute; top: 70px; left: 500px } .divitemrow9 { position: absolute; top: 90px; left: 500px } .divitemrow10 { position: absolute; top: 120px; left: 480px } .divitemrow11 { position: absolute; top: 140px; left: 520px } .divitemrow12 { position: absolute; top: 60px; left: 700px } .divitemrow13 { position: absolute; top: 80px; left: 725px } .divitemrow14 { position: absolute; top: 120px; left: 720px } .divitemrow15 { position: absolute; top: 140px; left: 700px } .divitemrow16 { position: absolute; top: 160px; left: 730px } .box-p-center { padding: 2%; width: 90%; text-align: center } #customcontainer { display: flex; } .etiqueta { color: #0063aa !important; font-weight: bold; } .mail-centrado { text-align: center !important; } .bx-wrapper { margin-bottom: 0px !important; }