@charset "utf-8";
/* CSS Document */
/*INICIALIZAR - RESET*/


@import url ('https://fonts.googleapis.com/css2? family=Marcellus&display=swap');

body {
    font-family:'Marcellus', sans-serif;
    overflow-x: hidden;
    letter-spacing: 0.5px;
}

.lead{
  color: rgba(32, 70, 115) !important;
  font-size: 0.9em !important;
  font-weight: lighter !important;
  }

/*============Menu===============*/

.navbar{
	background-color: rgba(32, 70, 115, 0.9) !important;
	top: 0px !important;
	text-align: left !important;
  z-index: 1 !important;
  padding-left:0px;
  padding-right:30px;
  width: 100%;
	}


  .navbar .nav-link{
  	color: #FFFFFF !important;
  	font-weight: bold !important;
  	font-size: 1em !important;


  }

  .navbar .navbar-dark{
  	background-color: rgba(32, 70, 115, 0.9) !important;
  }



  .navbar-nav .nav-item .nav-link{
    padding-right:8px;
    color: #F3F1F8 !important;
    font-weight: normal !important;
    font-size: 0.8em !important;
    }

    .nav-link{
      padding-left:5px;
      padding-right:5px;
      color: #F3F1F8 !important;
      font-weight: normal !important;
      font-size: 0.8em !important;
      padding-left:0px;
      padding-right:30px;
      }

    .nav-item:hover {
      background-color: rgba(32, 85, 115, 0.9) !important;
      }

      .nav-item a:visited {
        color: Light Grey !important;
        }

    .btn{
      font-weight: normal !important;
      font-size: 0.8em !important;
      /* border: 1px solid blue; */
      margin:3px;
      margin-top:3px;
      margin-bottom:3px;
      background-color: rgba(32, 70, 115, 0.9) !important;
      }

      .btn a{
        padding-left:3px;
        padding-right:3px;
        font-weight: normal !important;
        font-size: 0.8em !important;
        text-decoration: none;
        color:white;
        }

        .btn:hover {
          background-color: #04AA6D !important;
          }


  .nav .nav-item .nav-link{
  		color: #F3F1F8 !important;
  		font-weight: normal !important;
  		font-size: 1em !important;

  		}

  .nav .nav-item .nav-link:hover{
  	color: #F3F1F8 !important;
  	font-weight: normal !important;
  	font-size: 1em !important;
    background-color: rgba(32, 70, 115, 0.9) !important;
  	}

#formulario {
  border-radius: 10px;
  max-width: 30em;
  margin: auto;
  background-color: #eeeeee;
  padding: 1.3em;
}

#formulario2 {
  max-width: 992px;
  margin: auto;
  font-size: 0.8em;
  color: rgba(32, 70, 115, 0.9);
  text-align: center;
}

#subastas2 {
  max-width: 992px;
  margin-left: 24px;
  margin-right: 24px;
  font-size: 0.8em;
  color: rgba(32, 70, 115, 0.9);
  text-align: justify;
}

#tablas {
  max-width: 576px;
  margin: auto;
  font-size: 0.9em;
}

#subastas {
  max-width: 576px;
  margin: auto;
  font-size: 0.8em;
  text-align: justify;
}

#subastas-front {
  max-width: 992px;
  text-align: center;
}

.alert {
  font-size: 0.8em !important;
}


.carousel-inner {
  max-height: 60rem;
}

.Marcellus-regular {
  font-family: "Marcellus", cursive;
  font-weight: 400;
  font-style: normal;
}

.Marcellus-bold {
  font-family: "Marcellus", cursive;
  font-weight: 700;
  font-style: normal;
}


.foot {
text-align: center;
}

.titulos {
    margin-top: 56px;
    margin-bottom: 24px;
    text-align: center;
    background-color: #eeeeee;
    font-size: 24px;

}



.marqueeFondo {
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 12px;
  border: 2px solid #CCC;
  border-radius: 15px;
  background: #eee;
}


.imgMarqee {
  border-style: solid;
  border-width: 1px;
  color: #1D52A4;
  margin-left: 12px;
  margin-right: 12px;
  padding-left:6px;
  padding-right:6px;
  padding-bottom:6px;
  padding-top:6px;
  border-radius: 5px;
  text-align:justify;
  font-size:0.8em;
  color:grey;
  }

  .titulo {
      margin-top: 2em;
      text-align: center;
      font-size: 1.4em;
      COLOR: #1278BF;
      text-shadow: 0px 0px 9px #508AD3;

    }

    .subtitulo {
        margin-top: 2em;
        text-align: center;
        font-size: 1em;
        COLOR: #1278BF;
        text-shadow: 0px 0px 9px #508AD3;

      }


    .card {
            margin-left: 5px;
            margin-right: 5px;
            margin-top: 5px;
            margin-bottom: 5px;
            border: 1px solid #CCC;
            padding-top: 10 px;
            padding-left: 20 px;
            padding-right: 20 px;
            padding-bottom: 0 px;
            box-shadow: 2px 2px 8px 4px #d3d3d3d1;
            border-radius: 0 0 15px 15px;
    }

    .card-img-top {
      border: 1px solid #CCC;
      border-radius: 1px;
      }


      .tarjeta {
        width:248px;
        border: 1px solid lightgray;
        box-shadow: 2px 2px 8px 4px #d3d3d3d1;
        border-radius:7px;
      }

      .tit {
        font-size: 1.5rem;
        padding: 10px 10px 0 10px;
        text-align:left;
      }
      .cuerpo{
        padding: 5px;
        text-align:center;
      }
      .pie{
        background: #6699ff;
        border-radius:0 0 15px 15px;
        padding: 10px;
        text-align:center;
        font-size: 0.8rem;
      }
      .pie a {
        text-decoration: none;
        color: white;
        font-size: 0.8rem;
      }
      .pie a:after {

        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        font-size: 0.8rem;
      }

      .card-footer {
        background: #1278BF;
        border-radius:0 0 15px 15px;
        padding: 10px;
        text-align:center;
        font-size: 0.8rem;
        border-radius:0 0 15px 15px;
      }

      .card-footer a {
        text-decoration: none;
        color: white;
        font-size: 0.8rem;
      }

      .card-title {
        font-size: 1.2 rem;
      }