/* BOOTSTRAP STARTER THEME CSS
------------------------------------------------------------ */
/* Author:  */
/* Fonts
------------------------------------------------------------ */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,300italic);
@import url(font-awesome.css);
@import url(custom-icons.css);
/* Preloader
------------------------------------------------------------ */
#loading {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fffdf5;
  text-align: center; }

#loading-center {
  width: 100%;
  height: 100%;
  position: relative; }

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 150px;
  margin-top: -75px;
  margin-left: -75px; }

.object {
  width: 20px;
  height: 20px;
  background-color: #004A00;
  float: left;
  margin-right: 20px;
  margin-top: 65px;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%; }

#object_one {
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite; }

#object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s; }

#object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

@-webkit-keyframes object_one {
  75% {
    -webkit-transform: scale(0); } }
@keyframes object_one {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0); } }
@-webkit-keyframes object_two {
  75% {
    -webkit-transform: scale(0); } }
@keyframes object_two {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0); } }
@-webkit-keyframes object_three {
  75% {
    -webkit-transform: scale(0); } }
@keyframes object_three {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0); } }
/* Helpers
------------------------------------------------------------ */
/*MARGIN / PADDING 0*/
.m0 {
  margin: 0; }

.p0 {
  padding: 0; }

/*TAMANOS*/
.s20 {
  width: 20px; }

.s40 {
  width: 40px; }

.s60 {
  width: 60px; }

.s80 {
  width: 80px; }

.s100 {
  width: 100px; }

.s120 {
  width: 120px; }

.s140 {
  width: 140px; }

.s160 {
  width: 160px; }

.s180 {
  width: 180px; }

.s200 {
  width: 200px; }

.s220 {
  width: 220px; }

.s240 {
  width: 240px; }

.s260 {
  width: 260px; }

.s280 {
  width: 280px; }

.s300 {
  width: 300px; }

.s320 {
  width: 320px; }

.s340 {
  width: 340px; }

.s360 {
  width: 360px; }

.s380 {
  width: 380px; }

.s400 {
  width: 400px; }

.s420 {
  width: 420px; }

.s440 {
  width: 440px; }

.s460 {
  width: 460px; }

.s480 {
  width: 480px; }

.s500 {
  width: 500px; }

.s520 {
  width: 520px; }

.s540 {
  width: 540px; }

.s560 {
  width: 560px; }

.s580 {
  width: 580px; }

.s600 {
  width: 600px; }

.s620 {
  width: 620px; }

.s640 {
  width: 640px; }

.s660 {
  width: 660px; }

.s680 {
  width: 680px; }

.s700 {
  width: 700px; }

.s720 {
  width: 720px; }

.s740 {
  width: 740px; }

.s760 {
  width: 760px; }

.s780 {
  width: 780px; }

.s800 {
  width: 800px; }

.s820 {
  width: 820px; }

.s840 {
  width: 840px; }

.s860 {
  width: 860px; }

.s880 {
  width: 880px; }

.s900 {
  width: 900px; }

.s920 {
  width: 920px; }

.s940 {
  width: 940px; }

.s960 {
  width: 960px; }

/*MARGIN*/
.m5 {
  margin: 5px; }

.m10 {
  margin: 10px; }

.m15 {
  margin: 15px; }

.m20 {
  margin: 20px; }

.m25 {
  margin: 25px; }

.m30 {
  margin: 30px; }

.m35 {
  margin: 35px; }

.m40 {
  margin: 40px; }

.m45 {
  margin: 45px; }

.m50 {
  margin: 50px; }

/*MARGIN LEFT*/
.ml10 {
  margin-left: 10px; }

.ml20 {
  margin-left: 20px; }

.ml30 {
  margin-left: 30px; }

.ml40 {
  margin-left: 40px; }

.ml50 {
  margin-left: 50px; }

.ml60 {
  margin-left: 60px; }

.ml70 {
  margin-left: 70px; }

.ml80 {
  margin-left: 80px; }

.ml90 {
  margin-left: 90px; }

.ml100 {
  margin-left: 100px; }

.ml110 {
  margin-left: 110px; }

.ml120 {
  margin-left: 120px; }

.ml130 {
  margin-left: 130px; }

.ml140 {
  margin-left: 140px; }

.ml150 {
  margin-left: 150px; }

.ml160 {
  margin-left: 160px; }

.ml170 {
  margin-left: 170px; }

.ml180 {
  margin-left: 180px; }

.ml190 {
  margin-left: 190px; }

.ml200 {
  margin-left: 200px; }

/*MARGIN RIGHT*/
.mr10 {
  margin-right: 10px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.mr40 {
  margin-right: 40px; }

.mr50 {
  margin-right: 50px; }

.mr60 {
  margin-right: 60px; }

.mr70 {
  margin-right: 70px; }

.mr80 {
  margin-right: 80px; }

.mr90 {
  margin-right: 90px; }

.mr100 {
  margin-right: 100px; }

.mr110 {
  margin-right: 110px; }

.mr120 {
  margin-right: 120px; }

.mr130 {
  margin-right: 130px; }

.mr140 {
  margin-right: 140px; }

.mr150 {
  margin-right: 150px; }

.mr160 {
  margin-right: 160px; }

.mr170 {
  margin-right: 170px; }

.mr180 {
  margin-right: 180px; }

.mr190 {
  margin-right: 190px; }

.mr200 {
  margin-right: 200px; }

/*MARGIN TOP */
.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mt60 {
  margin-top: 60px; }

.mt70 {
  margin-top: 70px; }

.mt80 {
  margin-top: 80px; }

.mt90 {
  margin-top: 90px; }

.mt100 {
  margin-top: 100px; }

.mt110 {
  margin-top: 110px; }

.mt120 {
  margin-top: 120px; }

.mt130 {
  margin-top: 130px; }

.mt140 {
  margin-top: 140px; }

.mt150 {
  margin-top: 150px; }

.mt160 {
  margin-top: 160px; }

.mt170 {
  margin-top: 170px; }

.mt180 {
  margin-top: 180px; }

.mt190 {
  margin-top: 190px; }

.mt200 {
  margin-top: 200px; }

/*MARGIN BOTTOM */
.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb60 {
  margin-bottom: 60px; }

.mb70 {
  margin-bottom: 70px; }

.mb80 {
  margin-bottom: 80px; }

.mb90 {
  margin-bottom: 90px; }

.mb100 {
  margin-bottom: 100px; }

.mb110 {
  margin-bottom: 110px; }

.mb120 {
  margin-bottom: 120px; }

.mb130 {
  margin-bottom: 130px; }

.mb140 {
  margin-bottom: 140px; }

.mb150 {
  margin-bottom: 150px; }

.mb160 {
  margin-bottom: 160px; }

.mb170 {
  margin-bottom: 170px; }

.mb180 {
  margin-bottom: 180px; }

.mb190 {
  margin-bottom: 190px; }

.mb200 {
  margin-bottom: 200px; }

/*PADDING*/
.p5 {
  padding: 5px; }

.p10 {
  padding: 10px; }

.p15 {
  padding: 15px; }

.p20 {
  padding: 20px; }

.p25 {
  padding: 25px; }

.p30 {
  padding: 30px; }

.p35 {
  padding: 35px; }

.p40 {
  padding: 40px; }

.p45 {
  padding: 45px; }

.p50 {
  padding: 50px; }

.p100 {
  padding: 100px; }

.pl5 {
  padding-left: 5px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pl30 {
  padding-left: 30px; }

.pl40 {
  padding-left: 40px; }

.pl50 {
  padding-left: 50px; }

.pr5 {
  padding-right: 5px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pr30 {
  padding-right: 30px; }

.pr40 {
  padding-right: 40px; }

.pr50 {
  padding-right: 50px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }

.pt40 {
  padding-top: 40px; }

.pt50 {
  padding-top: 50px; }

.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.pb30 {
  padding-bottom: 30px; }

.pb40 {
  padding-bottom: 40px; }

.pb50 {
  padding-bottom: 50px; }

/* responsive
------------------------------------------------------------ */
@media (min-width: 768px) {
  .navbar ul.nav li.dropdown > ul.dropdown-menu {
    visibility: hidden;
    display: block;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }

  .navbar ul.nav li.dropdown:hover > ul.dropdown-menu {
    visibility: visible;
    display: block;
    filter: none;
    opacity: 1; }

  .fill {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

  .carousel-inner {
    height: 520px; }
    .carousel-inner .item:before {
      height: 520px; } }
@media (max-width: 768px) {
  .navbar-toggle {
    float: left;
    margin: 0;
    border: 0;
    padding: 41px 20px;
    border-right: 1px solid #CCC;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }

  .navbar-nav {
    padding-top: 0 !important; }

  .navbar-brand {
    float: right;
    width: 80%; }

  .accesos {
    text-align: center !important; }

  .carousel-inner {
    height: 420px; }
    .carousel-inner .item:before {
      height: 420px; }

  .carousel-caption {
    left: 0;
    right: 0 !important;
    top: 0  !important;
    bottom: 0 !important;
    width: 100% !important;
    padding-left: 0 !important;
    text-align: center !important; }

  .carousel-indicators {
    display: none; }

  .block-flotante {
    display: block;
    position: static;
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important; }

  .fill {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    background-size: 100%; }

  .btn-light {
    margin: 10px 0; } }
@media (max-width: 480px) {
  .carousel-inner {
    height: 300px; }
    .carousel-inner .item:before {
      height: 300px; }

  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    top: 25% !important; } }
/* 5 columnas
------------------------------------------------------------ */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-15 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }
/* General
------------------------------------------------------------ */
html,
body {
  height: 100%; }

body {
  color: #444;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.6; }

a {
  transition-duration: 0.3s;
  transition-timing-function: linear; }
  a:link, a:visited {
    color: #004A00; }
  a:hover, a:focus, a:active {
    color: #B72422;
    outline: none; }

.color1 {
  color: #004A00; }

.color2 {
  color: #B72422; }

.clearfix2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

/* Navbar
------------------------------------------------------------ */
.navbar {
  margin: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  .navbar .navbar-brand {
    font-weight: 600;
    font-size: 20px;
    color: #B72422;
    height: auto;
    padding: 0; }
    .navbar .navbar-brand img {
      width: 100%;
      max-width: 365px; }
  .navbar .navbar-nav {
    padding-top: 25px; }
  .navbar .navbar-nav > li > a {
    color: #999;
    font-weight: 500;
    padding: 15px 10px; }
    .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:active {
      color: #004A00; }
  .navbar .dropdown-menu {
    font-size: 16px; }
    .navbar .dropdown-menu li a {
      padding: 10px 20px; }

.btn-primary {
  background-color: rgba(3, 72, 0, 0.7);
  border: 0;
  color: #FFF !important;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .btn-primary:focus, .btn-primary:active, .btn-primary:hover {
    background-color: rgba(3, 72, 0, 0.9) !important; }

/* Slider
------------------------------------------------------------ */
.item,
.active {
  height: 100%; }

.carousel-inner .item:before {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5; }
.carousel-inner .item .carousel-caption {
  padding-bottom: 50px; }

.carousel-indicators {
  z-index: 10;
  bottom: 20px; }
  .carousel-indicators li, .carousel-indicators .active {
    margin: 0 5px;
    width: 12px;
    height: 12px; }
  .carousel-indicators li {
    background-color: #fff;
    border-color: #fff;
    opacity: 0.4;
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
    filter: alpha(opacity=40); }
  .carousel-indicators .active {
    background-color: #fff;
    border-color: #fff;
    opacity: 0.9;
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90); }

.carousel-control {
  width: 10%; }
  .carousel-control.left, .carousel-control.right {
    background: transparent; }
  .carousel-control .icon-prev {
    top: 48%; }
    .carousel-control .icon-prev:before {
      font-family: 'FontAwesome';
      content: "\f104";
      font-size: 50px;
      margin-top: -10px;
      color: #fff; }
  .carousel-control .icon-next {
    top: 48%; }
    .carousel-control .icon-next:before {
      font-family: 'FontAwesome';
      content: "\f105";
      font-size: 50px;
      margin-top: -10px;
      color: #fff; }

.fill {
  background-position: center top;
  background-repeat: no-repeat; }

.carousel-caption {
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  bottom: 0;
  width: 40%;
  padding-left: 10%;
  padding-right: 1%;
  text-align: left; }
  .carousel-caption p {
    color: #999; }

/* Efecto fade */
.carousel-fade {
  background: #111; }
  .carousel-fade .carousel-inner .item {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity ease-out 0.9s;
    -moz-transition: opacity ease-out 0.9s;
    -o-transition: opacity ease-out 0.9s;
    transition: opacity ease-out 0.9s; }
  .carousel-fade .carousel-inner .active {
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100); }
  .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1; }
  .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100); }

.block-flotante {
  background: rgba(2, 73, 0, 0.7);
  left: 0;
  bottom: 0;
  width: 40%;
  padding: 10px 1% 10px 10%;
  text-align: left;
  position: absolute;
  z-index: 9998;
  color: #FFF; }
  .block-flotante .ver_online {
    background-color: #B72422;
    text-decoration: none;
    color: #FFF;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
    .block-flotante .ver_online:hover {
      background-color: #d93533; }

.auspiciantes {
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  clear: both; }
  .auspiciantes .owl-item {
    text-align: center; }
    .auspiciantes .owl-item img {
      width: 100%;
      max-width: 150px; }

.navy {
  background-color: #EEE; }
  .navy .btn {
    font-size: 20px !important;
    color: #666; }

.dl-horizontal dt, .dl-horizontal dd {
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px; }

.datos_primarios {
  background-color: #4C7D47;
  color: #FFF;
  min-height: 605px; }
  .datos_primarios .very {
    background-color: #004A00; }
    .datos_primarios .very strong {
      display: block;
      font-size: 24px; }
  .datos_primarios img {
    width: 100%;
    max-width: 320px; }

.media li {
  width: 50%; }
  .media li a {
    display: block;
    text-align: center !important;
    margin: auto; }
  .media li.active a {
    background-color: #DDD; }

/* Estilo web
------------------------------------------------------------ */
.menu-user {
  background-color: #004A00;
  color: #80A47E;
  font-weight: 300; }
  .menu-user .dia {
    font-style: italic;
    padding: 8px 0; }
  .menu-user .cotizaciones {
    border-left: 1px solid #80A47E;
    border-right: 1px solid #80A47E;
    padding: 0 5px; }
    .menu-user .cotizaciones .item .pais,
    .menu-user .cotizaciones .item .precio,
    .menu-user .cotizaciones .item .precio span {
      width: 50%;
      display: block;
      float: left; }
    .menu-user .cotizaciones .item .pais {
      font-size: 20px;
      padding: 5px 4% 0 0;
      font-weight: 700;
      text-align: center; }
    .menu-user .cotizaciones .item .precio {
      padding-top: 2px; }
      .menu-user .cotizaciones .item .precio span {
        font-size: 10px;
        line-height: 15px; }
        .menu-user .cotizaciones .item .precio span b {
          font-size: 14px; }
  .menu-user .accesos {
    padding: 5px 0;
    text-align: right; }
    .menu-user .accesos .btn_user {
      text-decoration: none;
      padding: 4px 10px; }
      .menu-user .accesos .btn_user:link, .menu-user .accesos .btn_user:visited {
        color: #FFD714; }
      .menu-user .accesos .btn_user:hover, .menu-user .accesos .btn_user:active {
        color: #FFD714;
        background-color: darkgreen; }
    .menu-user .accesos .navbar-nav {
      padding-top: 0 !important; }

#newsletter {
  padding: 15px; }

.table th {
  background-color: #EEE; }

.btn-light,
.btn-fb {
  font-size: 20px;
  text-align: left; }

.btn-light {
  border: 1px solid #EEE; }
  .btn-light:link, .btn-light:visited {
    color: #666; }
  .btn-light:hover, .btn-light:active {
    color: #666;
    background-color: #EEE; }

.btn-fb {
  border: 1px solid #36599A; }
  .btn-fb:link, .btn-fb:visited {
    color: #FFF;
    background-color: #36599A; }
  .btn-fb:hover, .btn-fb:active {
    background-color: #3d64ad; }

.thumbs {
  background-color: #EEE; }

.datos {
  margin-bottom: 50px; }
  .datos strong {
    display: block; }

#map2 {
  width: 100%;
  height: 200px;
  margin: 10px 0; }

#map {
  width: 100%;
  height: 200px;
  margin: 10px 0; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 300px;
  margin: 20px auto; }

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto; }
  .form-signin .form-signin-heading,
  .form-signin .checkbox {
    margin-bottom: 10px; }
  .form-signin .checkbox {
    font-weight: normal; }
  .form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px; }
    .form-signin .form-control:focus {
      z-index: 2; }
  .form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.gal {
  min-height: 300px; }

.loteInicio {
  padding-bottom: 18px;
  margin-bottom: 30px; }

.puja2 .form-control-static, .puja2 h4, .puja .form-control-static, .puja h4 {
  margin: 0; }

.puja {
  background-color: #D4E4C3; }

.tiempo .countdown_section {
  float: left;
  width: 33.33%;
  text-align: center;
  line-height: 12px; }
  .tiempo .countdown_section .countdown_amount {
    display: block;
    font-size: 24px; }

/* Back to top
------------------------------------------------------------ */
.scrollToTop {
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  text-align: center;
  font-weight: bold;
  color: #fff !important;
  font-size: 20px;
  text-decoration: none;
  position: fixed;
  bottom: 35px;
  right: 20px;
  z-index: 999999;
  display: none;
  background: #B72422;
  opacity: 0.8;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.scrollToTop:hover {
  text-decoration: none;
  opacity: 1;
  color: #fff; }

/* Footer
------------------------------------------------------------ */
footer {
  background-color: #004A00;
  color: #FFF; }
  footer a {
    color: #FFF !important; }
  footer strong {
    font-size: 16px; }