/*Font Embedding*/
@font-face {
    font-family: 'vegurbold';
    src: url('../font/frutiger-bold-webfont.eot');
    src: url('../font/frutiger-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/frutiger-bold-webfont.woff') format('woff'),
         url('../font/frutiger-bold-webfont.ttf') format('truetype'),
         url('../font/frutiger-bold-webfont.svg#vegurbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vegur_lightregular';
    src: url('../font/frutiger-light-webfont.eot');
    src: url('../font/frutiger-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/frutiger-light-webfont.woff') format('woff'),
         url('../font/frutiger-light-webfont.ttf') format('truetype'),
         url('../font/frutiger-light-webfont.svg#vegur_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vegurregular';
    src: url('../font/frutiger-roman-webfont.eot');
    src: url('../font/frutiger-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/frutiger-roman-webfont.woff') format('woff'),
         url('../font/frutiger-roman-webfont.ttf') format('truetype'),
         url('../font/frutiger-roman-webfont.svg#vegurregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*Font Embedding*/
body{font-family: vegurregular, helvetica, arial, sans-serif; color: #444; background: url(/resources/img/bg-main.jpg) repeat;}
.container {background: #fff; border-left: 10px solid #fff; border-right: 10px solid #fff;}
.navbar {margin: 0 -10px;}
.navbar .container {background: none; border: none;}
.navbar-inverse .navbar-inner {border-radius: 0;}
#main-top {padding: 10px 0 0 0;}
#main-top #logoContainer{position: relative; z-index: 1000; height: 126px;}
#main-top #logo {margin-left: 10px; position:absolute; top: 0; text-align: center;}
#main-nav {margin-top: 40px; font-size: 16px;}
#main-top #tools {margin-right: 10px; margin-top: 10px;}
#main-top #tools li {font-size: 13px; padding: 0 8px; text-transform: uppercase;}
#main-top #tools li:last-child {padding-right: 0;}
#main-top #tools li+li {border-left: 1px solid #999;}
#main-top #tools li a{color: #555; padding: 0; margin: 0;}
#main-top #tools li a:hover {background: none; color: #333;}
#main-top #login {padding: 0 10px; margin-bottom: 10px;}
#main-top #contrasena {line-height: 28px;}
#main-top h2 {font: 32px/35px vegurregular, helvetica, arial, sans-serif; color: #3174cf; text-align: right;}
#main-top h2 b {display: block; font-size: 22px; font-family: vegurregular, helvetica, arial, sans-serif; color: #313577;}

.footer {background: #272b71;}
.footer .container {background: #313577; color: #fff; padding: 30px 0 20px 0; border-left: 10px solid #313577; border-right: 10px solid #313577;}
.footer .container li {margin-left: 12px; font-size: 14px; line-height: 24px;}
.footer .container li a {color: #fff;}
.footer .container li.title, .footer h4{font-family: vegurbold, helvetica, arial, sans-serif; font-size: 16px; margin-left: 0; margin-bottom:10px; line-height: 18px; letter-spacing: 0.2px;}
.footer h4 {margin-top: 0; color: #fff;}
.footer img {margin-bottom: 3px}
.copy {background: #232765;}
.copy .container {background: #2c306b; color: #fff; font-size: 12px; text-align:center; line-height: 30px; border-left: 10px solid #2c306b; border-right: 10px solid #2c306b;}

.purple.btn {color: #fff; background: #313577; border: none; box-shadow: none; text-shadow:none;}
.space20 {margin-top: 19px; height: 1px; display:block;}
.space14 {margin-top: 13px; height: 1px; display:block;}
.space50 {margin-top: 49px; height: 1px; display:block;}
.top20 {margin-top: 20px;}
.top34 {margin-top: 34px;}
.top54 {margin-top: 54px;}
.bottom34 {margin-bottom: 34px;}
.pad10 {padding-left: 10px;}
.push10 {margin-left:10px;}
.pushright10 {margin-right:10px;}
.push20 {margin-left: 20px;}
.db {display: block;}
.db img {margin: 0 auto; display: block;}
.tac {text-align: center!important;}
.tar {text-align: right!important;}
.pr0 {padding-right: 0!important;}

.carousel {margin-bottom:0;}
h1,h2,h3,h4,h4,h6,b {font-family: vegurbold, helvetica, arial, sans-serif; font-weight: normal; color: #3174cf;}
h1, legend {font-size: 24px; margin: 0 0 10px 0; padding: 0; line-height: 27px; font-family: vegurregular, helvetica, arial, sans-serif; color: #3174CF; border: none;}
h1 b, legend b {font-family: vegurregular, helvetica, arial, sans-serif; color: #313577;}
h2 {font-size: 20px; margin: 0 0 10px 0; padding: 0; line-height: 24px;}
h3 {font-size: 16px; margin: 0 0 10px 0; padding: 0; line-height: 18px; color: #313577;}
p{ margin-top: 0; line-height: 20px;}
.nav-pills .dropdown-menu {border-radius: 3px; font-size: 13px; margin: 0;}
.encapsule {background: #f5f6f7; border: 1px solid #e9e9e9; border-radius: 3px; margin-top: 10px;}
.grayFrame {background: #f9f9f9; border: 1px solid #ddd; color: #525252; padding: 16px 24px; font-size: 16px; margin-right: 20px;}
.crezcaFrame {border-left: 1px solid #ddd; overflow: hidden;}
.crezcaFrame .gray{
 float: left; background: #f9f9f9; border: 1px solid #ddd; border-left: 0; height: 58px; padding-top: 30px; text-align: center; width: 83px; color: #313577;
}
.crezcaFrame .gray b {display: block; font-size: 36px;}
.crezcaFrame .gray b i{font-style: normal; font-size: 20px;}
.crezcaFrame .gray b.red {color: #e61d25;}
.crezcaFrame .gray b.blue {color: #3174cf;}
.crezcaFrame .purple {padding: 6px; margin: 29px 0 0 13px;}

.navbar-inverse .navbar-inner {background: #e61d25; border: 1px solid #a51e22;}
.navbar .nav > li {border-left: 1px solid #a51e22;}
.navbar .nav > li:hover {background: #a51e22;}
.navbar-inverse .nav > li > a {color: #fff;}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {border-bottom-color: #fff; border-top-color: #fff;}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
	background: #313577; border: 1px solid #313577; margin: -1px;
}
ul.detalles {overflow: hidden;}
ul.detalles li {float: left; margin-right: 10px; color: #313577;}
ul.detalles li + li {border-left: 1px solid #313577; padding-left: 10px;}
.clear-both {clear: both;}


.logged {background: url(/resources/img/bg-topnav.jpg) repeat-x bottom; margin: 0 -10px;}

.thumbnail {height: 400px; border-radius: 2px}
.thumbnail .paso {position: absolute; width:30px; height: 30px; line-height: 30px; background: #313577; text-align: center; margin-top: -30px; color: #fff; font-size: 18px;}
.thumbnail h3 {margin-top: 5px;}
.tracking{position: relative; height: 52px; background: url(/resources/img/tracking.jpg) no-repeat;}
h1.top34 {background: #003; margin: 24px -10px; padding: 30px 10px 20px;}
h1.top34 b{ color: #fff; }
.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse  {
	color: #fff;
}
.dropdown-menu a {
	color: #000;
}
.table th{font-family: vegurbold, helvetica, arial, sans-serif; font-weight: normal; text-align: center;}
#crezcaConNosotros .table tbody tr.warning td {background-color: #ffb00b; color: #fff;}
#crezcaConNosotros .table tbody tr.success td {background-color: #55a80b; color: #fff;}
#crezcaConNosotros .table tbody tr.info td {background-color: #1873cf; color: #fff;}
#crezcaConNosotros .table tbody tr.purple td {background-color: #3f2972; color: #fff;}
#crezcaConNosotros .table tbody tr.error td {background-color: #d11818; color: #fff;}

#resultados b {color: #444!important;}
.link-invite{float: left; margin: 25px 0 0 15px;}

.calcu{
	width: 500px;
    float: left;
    background: white;
}

#credix-div{
	border: #272b71 2px solid;
	padding: 3em;
	margin-top: 1em;
	max-width: 40em;
	border-radius: 30px;
	min-height: 200px;
}

#transferencia-div{
	border: #272b71 2px solid;
	padding: 3em;
	margin-top: 1em;
	max-width: 40em;
	border-radius: 30px;
}

#paypal-div{
	border: #272b71 2px solid;
	padding: 3em;
	margin-top: 1em;
	max-width: 40em;
	border-radius: 30px;
}

#tarjeta-div{
	border: #272b71 2px solid;
	padding: 3em;
	margin-top: 1em;
	max-width: 40em;
	border-radius: 30px;
}

.credix-boton{
	background-color: #313577;
	color: #FFFFFF;
	font-size: large;
	padding: 7px;
	border-radius: 2px;
	border: solid 1px #ccc;
	width: 12em;
	height: 3em;
}
@media (max-width: 767px){
    #main-top #logo {max-width: 200px; position: relative;margin: 0 auto;}
    body {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}