@charset "utf-8";

/* bootstrap reset */


/* common */
body {font-family: 'Lato', sans-serif;padding: 0px;font-size: 16px;line-height: 22px;text-align:center}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.fullWidth {width:100%!important}
.center {text-align:center!important}
h1 {font-size:40px;font-weight:300;margin-bottom:60px}
h2 {font-size:32px;font-weight:300;margin-bottom:30px}
h3 {font-size:28px;font-weight:300;margin-top:20px}
h4 {font-size:21px;font-weight:400;margin-top:20px}
.blue {color:#000068}
h1.blue {margin:60px 0}
.blueBg {background:#e4f3f5;padding:40px 0}
.grayBg {background:#ccc}
.softGrayBg {background:#f4f4f4}
.cyanBg, .cyanBg:hover {background:#00a1b5;color:#fff}
.magBg, .magBg:hover {background:#a30075;color:#fff}
form input, form textarea {font-family: 'Lato', sans-serif;border:1px solid #ccc;color:#1f6ead;margin-bottom:15px;padding:10px;width:100%}
form textarea {height:160px}
form input.error, form textarea.error {border:1px solid #DC0000}
form label.error {color:#DC0000;font-size:16px;margin-top:-10px;display:inherit;text-align:left}
.blueBtn, .blueBtn:hover {padding:10px 20px;padding: 12px 20px;font-weight: 700;font-size: 24px;margin: 40px 5px 0 5px;border:none;background:#1f6ead;color:#fff}

/* header */
.navbar-sm {position:absolute;top:10px;right:60px}
.navbar-default {position: fixed;right: 0;left: 0}
#div_main_menu .navbar-default {z-index:3}
.navbar-header {padding:0 15px}
.navbar-brand {height:auto;padding:5px 15px}
.navbar-nav > li > a {padding:10px 6px;font-size:12px;border-top:4px solid #fff;margin-top:-4px;color:#000068}
.navbar-nav a:hover, .navbar-nav .open > a, .navbar-nav .open > a:hover, .navbar-nav .open > a:focus {background-color:#000068!important;border-top:4px solid #000068;color:#fff!important}
.bottom-menu .dropdown-menu.dark {background-color:rgba(0, 0, 104, .90) !important}
.bottom-menu .dropdown-menu.dark a:hover {border:none!important;color:#fff!important}
.navbar-sm {font-size:11px}
.navbar-sm .account {background:#fce126;color:#333;display:inline-block;min-width:128px}
.navbar-sm .login {color:#333}
.navbar-sm a i {margin-right:4px}
.navbar-sm a {padding:6px 10px}
.bottom-menu .dropdown-menu.dark a, .bottom-menu .dropdown-menu.dark a:hover {border: none!important;color: #fff!important}
.navbar .dropdown-toggle .caret {display: none !important;}
.navbar-default .navbar-brand .hidden-sm {width:48px}

/* content */
.top {background:url(../images/top.jpg) top center no-repeat;background-size:cover;font-size:18px;font-weight:700;padding:200px 0 150px;color:#333;margin-top:-47px}
.top .box {background:rgba(255, 255, 255, 0.85);padding-bottom:20px}
.top h4 {font-size:24px;padding:15px;background:rgba(0, 161, 181, 0.85);color:#fff}
.top h1 {color:#010066;font-weight:normal;font-size:48px}
.top h1 span {font-weight:bold;font-size:72px;line-height:72px}
.top h4 i {margin-right:6px}
.top p {font-weight:400;padding:15px;color:#010066}
.btn {padding:12px 20px;font-weight:700;font-size:24px;margin:40px 5px 0 5px}
.btn i {margin-left:10px}
.whiteBtn, .whiteBtn:hover {background:#fff;color:#1f6ead}
.borderBtn, .borderBtn:hover {border:1px solid #fff;color:#fff}
section {padding:120px 0}
form input, form textarea {font-size:24px}
.accordionPanel {float:left;width:100%}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {border:none;padding-right:57px;padding-top:0;border-right:42px solid #000068}
.panel-group .panel+.panel {margin-top:10px}
.accordionPanel .panel {border-radius:0;text-align:left}
.accordionPanel .panel-default>.panel-heading {padding:0;position:relative;border-radius:0;background:#fff;height:42px}
.panel-body h4 {margin:20px 0 6px;font-size:16px}
.accordionPanel .panel-default>.panel-heading span {position:absolute;top:0;right:0;background:#000068;width:42px;height:42px}
.accordionPanel .panel-default>.panel-heading i {color:#fff;position:absolute;top:4px;right:10px;font-size:30px}
.accordionPanel .panel-default>.panel-heading a {display:block;padding:10px 50px 6px 15px;text-decoration:none;color:#002e5f;font-size:16px;position:relative;z-index:2}
.panel-body hr {margin:0 0 10px;padding:0}

/* beneficios */

.beneficios {background:url(../images/beneficios.jpg) top center no-repeat;background-size:cover;}
.contact {background:url(../images/contact.jpg) top center no-repeat;background-size:cover;}
.benefitItem span.icon {background: rgba(0, 161, 181, 0.7);color:#333;font-size:48px;float:left;padding:16px 24px;margin-right:16px}
.benefitItem p {background: rgba(0, 0, 0, 0.7);color:#fff;font-size:21px;float:left;width:100%}
.benefitItem.small p {font-size:15px}
.benefitItem p span.text {padding:14px;display:block;text-align:left}

@media only screen and (min-width : 480px) {
.benefitItem p {font-size:21px}
.benefitItem.small p {font-size:18px}	
}

@media only screen and (min-width : 768px) {
	.benefitItem p {font-size:18px}
	.benefitItem.small p {font-size:14px}	
}

@media only screen and (min-width : 992px) {
	.benefitItem p {font-size:21px}
	.benefitItem.small p {font-size:16px}		
}

@media only screen and (min-width : 1200px) {
	.benefitItem p {font-size:24px}
	.benefitItem.small p {font-size:18px}		
}

/* end beneficios */

/* cross sites */
.recItem, .recItem:hover {color:#0a78be;text-decoration:none}
.recItem:hover span {background-color:#f8f8f8}
.recItem span {display:table-cell;width:128px;height:128px;border-radius:50%;border:3px solid #0a78be;vertical-align:middle}
.recItem span img {width:64px}
.recItem p {margin:30px auto;max-width:80%}
.recItem h4 {font-size:30px;margin-bottom:30px}


/* footer */
footer {font-size:11px;padding:30px 0;background:#f6f6f6;margin-top:40px;line-height:18px;text-align:left}
footer, footer h3 {color:#4d4d4d}
footer h3 {margin:0;padding:0 0 6px;font-size:21px}
.footerSocial {padding-right:0;line-height:22px}
.footerSocial a {color:#fff;background:#4d4d4d;text-align:center;width:18%;margin-right:2px;padding:4px;font-size:20px;float:left}
footer .brands {padding: 30px 0 10px}
footer hr {border:0;border-bottom:1px solid #ccc}
#jssor_1 {position: relative; margin: 0 auto; top: 0px; left: 0px; height: 52px; overflow: hidden; visibility: hidden;}
.footLogos {cursor: default; position: relative; top: 0px; left: 0px; height: 52px; overflow: hidden;}
.footLogos img {width:90%}

@media (max-width: 767px) {
	.btn {font-size:18px;margin:20px 0 0}
	.top h1 span {font-size:52px}
	.top h1 {font-size:36px}
	.navbar-nav {margin:0;text-align:left}
    .navbar-nav .open .dropdown-menu > li > a {color: #fff !important;}
    .navbar-nav > li {border-bottom:1px solid #eee}
    .navbar-nav > li > a {border:none!important;padding:10px 15px}
    .footerSocial {padding-bottom:20px}
	.navbar-toggle {position: relative;float: right;padding: 11px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid #ddd;border-radius:0;color:#333;font-size:13px}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #ddd}
	.navbar-default .navbar-toggle {border-color: #ddd;}	
	.benefitItem span.icon {font-size:18px}	
	.benefitItem p span.text {padding:4px 14px}
	.row {margin:0}
	h2.main-title {font-size:48px}
	section .container {padding:0 15px}
	section {overflow:hidden}
}

@media (max-width: 480px) {
	.accordionPanel .panel-default>.panel-heading a {line-height:0.75em}
}

@media (min-width: 768px) {
	body {padding-top:125px}
	footer h3 {font-size:18px;margin:0 0 4px}
	.footerSocial a {font-size:14px}
	footer .bmb {border-left: solid 1px #848484}
    .div-media-logo {margin-top: -45px}
    .hidden-sm {display:none!important}
    .navbar-default {background:#fff;border:none;border-bottom:1px solid #ddd}
    .navbar-sm {position:relative;background:#fff;top:0;right:0;padding:5px 0}
	.footerSocial a {font-size:12px}
	.navbar-sm .account {display:inline-block}	
    .navbar-header {position:relative}
    .navbar-brand {left:15px;padding:0}
    .navbar-brand img {width:100px;margin-bottom:10px}
    .navbar-nav > li > a {padding: 10px 4px;font-size: 10px}
    .dropdown-menu > li > a {padding:4px 20px}
    .navbar-sm .phone:hover, .navbar-sm .login:hover {text-decoration:none;background:#f6f6f6}
    .navbar-sm .phone {color:#333;display:inline-block}
    footer .brands img {max-width:94px;margin:0 2px}
    h1 {font-size:40px;}
    h2 {font-size:36px;}		
	.top h4 {font-size:24px}
	.recItem p {max-width:none}
}
@media (min-width: 960px) {
	body {padding-top:136px}
	footer h3 {font-size:21px}
	.footerSocial a {font-size:19px}
    .navbar-nav > li > a {padding:10px;font-size:11px}
    .navbar-sm {font-size:12px;padding:10px 0}
    .main-select-stock-account {width: 240px}
    footer .brands img {max-width:115px;margin:0 5px}	
	h1 {font-size:50px}
	.top h4 {font-size:20px}
	.top .box {height:300px;padding-bottom:0}
	.accordionPanel .panel-default>.panel-heading a {font-size:20px}
	.recItem span {width:164px;height:164px}
	.recItem span img {width:80px}	
	.recItem p {max-width:80%;margin:30px auto}
}
@media (min-width: 1200px) {
	footer h3 {font-size:24px}
	.footerSocial a {font-size:20px}
    .navbar-nav > li > a {padding:10px 14px;font-size:13px}
    .navbar-sm {font-size:13px}
    footer .brands img {max-width:none;margin:0 4px} 
	h1 {font-size:60px}	
	.top h4 {font-size:24px}
	.recItem span {width:200px;height:200px}
	.recItem span img {width:auto}		
	.recItem p {max-width:70%}
}


/* nuevos estilos para alinearse con bmb */





.container {
    width: auto!important;
    padding-left: 1%;
    padding-right: 1%;
}

@media (min-width: 768px) {
.container {
    padding-left: 5%;
    padding-right: 5%;
}
	body.home {padding-top:0!important}
    .home .navbar-default.top-nav-expanded {background:transparent;border:none}
    .home .navbar-default.top-nav-expanded .navbar-sm {background:transparent}
    .home .navbar-default.top-nav-expanded .navbar-sm a.account, .home .navbar-default.top-nav-expanded .navbar-sm a.phone {color:#fff!important;background:transparent!important}
    .home .navbar-default.top-nav-expanded .navbar-sm .account {border-right:1px solid #fff}
    .home .navbar-default.top-nav-expanded .navbar-nav > li > a {color:#fff;border-top:0;margin-top:0}
    .home .navbar-default.top-nav-expanded .navbar-nav > li > a:hover {background:transparent!important}
	.navbar-sm .phone {padding-right:0}
}

@media (min-width: 1366px) {
.container {
    padding-left: 10%;
    padding-right: 10%;
}
}

@media (min-width: 1601px) {
.container {
    padding-left: 15%;
    padding-right: 15%;
}
}

.bg-animate {
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}