@charset "utf-8";

/* bootstrap reset */


/* common */
body {font-family: 'Raleway', sans-serif;color:#4f524e;font-size:18px}
.clear {clear:both}
.fullWidth {width:100%!important}
h1 {font-size:40px;font-weight:700;margin-bottom:15px;color:#1ab2d9;margin-top:0}
form input, form textarea {font-family: 'Raleway', sans-serif;border:none;color:#333;margin-bottom:15px;padding:10px;width:100%;background:rgba(255,255,255,.7)}
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}
form input, form textarea {font-size:24px}



/*header*/
#div_main_menu {position: fixed;top: 0;left: 0;width: 100%;z-index: 4}
.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.newClass, .navbar-nav a:hover, .navbar-nav .open > a, .navbar-nav .open > a:hover, .navbar-nav .open > a:focus {background-color:#1ab2d9!important;border-top:4px solid #795877;color:#fff!important}
.navbar-sm {font-size:11px}
.navbar-sm .account {background:#fce126;color:#333;margin-top:-10px}
.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}


/* content */
.scrollTop {display:none;position:fixed;bottom:40px;right:40px}
.scrollTop i {font-size:40px;color:#5e5e5d;text-shadow:0 0 1px #fff}
.top h1 {color:#fff;font-size:14px;font-weight:300;margin:-150px 0 150px}
.top {background:url(../images/top.jpg) top center no-repeat;background-size:cover;font-size:18px;font-weight:700;padding:150px 0;color:#fff;text-align:center}
.top h2 {font-weight:700;font-size:36px;text-transform:uppercase}
.top p {font-size:24px;text-transform:uppercase;font-weight:300;margin:15px 0 30px}
.top .btn-primary,
.blueBtn, .blueBtn:hover, .btn {border-radius:0;background:#1ab2d9;padding:20px 60px;color:#fff!important;border:none;text-transform:uppercase;font-size:18px}
section {padding:70px 0}
#modulos img {max-width:100%}
#acceso {background:url(../images/acceso.jpg) top center no-repeat;background-size:cover;padding:70px 0 500px}
#plataforma {background:url(../images/plataforma.jpg) top center no-repeat;background-size:cover;padding:70px 0;color:#fff}
#plataforma h1 {color:#fff}
#contacto {background:url(../images/contact.jpg) top center no-repeat;background-size:cover;padding:70px 0}
h4 {font-size:24px;color:#1ab2d9;margin-top:30px}
#faqs a {text-decoration:underline;color:#333}

/* footer */
footer {font-size:11px;padding:70px 0 40px;background:#f6f6f6;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%}
footer {margin-top:0!important}


@media (max-width: 767px) {
	.logo-white {display:none!important}
	.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}
    .main-select-stock-account {width: 120px}
    .footerSocial {padding-bottom:20px}
	.navbar-toggle {position: relative;float: right;padding: 11px 10px;margin: 0 15px 0 0;background-color: transparent;background-image: none;border: none;border-radius:0;color:#666;font-size:13px}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #ddd}
	.navbar-default .navbar-toggle {border-color: #ddd;}	
	#modulos {text-align:center}
	#modulos img {margin-top:50px}
}

@media (min-width: 768px) {
	.top-expanded .logo-normal, .top-collapsed .logo-white{display:none}
	.top-expanded.navbar-default .navbar-nav>li>a {color:#fff}
	.internal .navbar-nav>li>a {color:#333!important}
	.internal .top-expanded .logo-normal {display:inline-block}
	.internal .logo-white{display:none!important}
	.top-collapsed .logo-normal{display:inline-block}
	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.top-collapsed {background:#fff;border-bottom:1px solid #ddd}
	.navbar-default.top-expanded {background:transparent;border:none}
	.internal .navbar-default.top-expanded {border-bottom:1px solid #ddd!important;background:#fff}
	.footerSocial a {font-size:12px}
    .navbar-header {position:relative}
	.navbar {min-height:auto}
    footer .brands img {max-width:94px;margin:0 2px}
}
@media (min-width: 960px) {
	footer h3 {font-size:21px}
	.footerSocial a {font-size:19px}
    .navbar-nav > li > a {padding:10px;font-size:11px}
    .main-select-stock-account {width: 240px}
    footer .brands img {max-width:115px;margin:0 5px}	
	.top {padding:240px 0}
}
@media (min-width: 1200px) {
	h1 {font-size:48px}
	footer h3 {font-size:24px}
	.footerSocial a {font-size:20px}
    .navbar-nav > li > a {padding:10px 14px;font-size:13px}
    footer .brands img {max-width:none;margin:0 4px} 	
}