/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
body {
  min-height: 65rem;
}

.show{
  display:none !important;
}

.menu{
  color: #BF272D !important;
  font-weight: bold;
}

.hd p{
  font-size: 0.9em;
  margin-bottom: 0;
}

.banner{
  width:100px;
  height:100px;
}

.foot{
  background-color:#999;
  margin-top:4em;
}

.container-fluid{
  width: 100%;
}

.banner1{
  height: 300px;
  width: 100%;
  background-size: cover;
}

.banner1 p{
  padding: 0.9em;
  width: 75%;
  background-color: rgba(255,255,255,0.7);
  font-size:1.3em;
}

.banner2{
  height: 300px;
  width: auto;
  background-size: cover;
}

.caja2{
  margin-bottom:1em;
  height: 6em;
  width:95%;
  background-color: rgba(255,255,255,0.7);
}

.caja2 p{
  margin-top: 0.8em;
  padding: 0 0.5em;
  font-size: 1.3em;
}

.section,.sectione,h4{
  text-transform:uppercase;
  font-weight: bold;
}

.logos-footer{
  height:5em;
  max-width:100%;
}

.navbar-nav{
  list-style: none;
  color:white;
}

.nav-item2{
  text-transform:capitalize;
}

.nav-item{
  font-size:1.2em!important;
  padding: 0.5em 0;
  text-transform:capitalize;
}

.nav{
  text-transform:uppercase;
}

.titulo{
  font-weight: bold;
}

section{
  padding-top: 3em;
}

.lista{
  font-size:1.3em;
  list-style: square;
  padding:0;
}

.none{
  list-style:none;
}

select{
  padding: 0.5em;
  margin: 0.5em;
  font-size: 1.1em;
  width: 100%;
  border-radius:0;
  border:1px solid #ddd;
  height: 2.83em;
}

input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="file"],select{
  padding: 0.5em;
  margin: 0.5em;
  font-size: 1.1em;
  width: 100%;
}

textarea[name="mensaje"]{
  padding: 0.5em;
  margin: 0.5em;
  font-size: 1.1em;
  width: 100%;
}

input[type="submit"]{
  padding: 0.5em;
  margin: 0.5em;
  font-size: 1.1em;
  width: 50%;
  background-color:#2f368f;
  color:white;
  border: none;
}

#spam{
  display: none;
}

.boton{
  padding: 0.5em 2em;
  margin-right: 1em;
  border: none;
  font-weight: bold;
  color: white;
  position: absolute;
  right:1.8em;
  bottom:1.3em;
}

.boton2{
  padding: 0.3em;
  border: none;
  color: white;
}
/* para grandinetti */

.logog{
  width: 100%;
  padding-top: 90px;
}

.b1g{
  background-image: url(../images/etitak.jpg);
  background-position: center left;
  background-size: cover;
}

.b2g{
  background-image: url(../images/ljgrandinetti-banner2e.jpg);
  background-position: center left;
  background-size: cover;
}

.section:before { 
  content:url('../images/titulobeforered.svg');
  position:relative;
  z-index:100000;
  left:-5px;
  top:-4px;
}

.fg{
  color: #2f368f;
}

.bg{
  background-color: #2f368f;
}

.btg{
  border-top:1em solid #2f368f;
}

.bbg{
  border-bottom:0.4em solid #2f368f;
}

/* para etitak */

.logo{
  width: 100%;
  max-width: 120px;
  padding-top: 20px;
}

.logo2{
  width: 90%;
  max-width: 90px;
}

.b1e{
  background-image: url(../images/grandinetti.jpg);
  background-position: bottom;
  background-size: 110%;
}

.b2e{
  background-image: url(../images/ljgrandinetti-banner2.jpg);
  background-position: left;
  background-size: cover;
}

.sectione:before { 
  content:url('../images/titulobeforegray.svg');
  position:relative;
  z-index:100000;
  left:-5px;
  top:-4px;
}

.fe{
  color: #BF272D;
}

.feb{
  color: #999;
}

.be{
  background-color: #BF272D;
}

.bte{
  border-top:1em solid #BF272D;
}

.bbe{
  border-bottom:0.4em solid #BF272D;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
  
  .banner1 p{
    width: 85%;
  }

  /* para etitak */

  .logoe{
    width: 80%;
    padding-top: 1.5em;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {}