body{
  font-family: 'Roboto', 'sans-serif';
}

/* BTN */
.btn {
  border: 0 none;
  border-radius: 0;
  text-transform: uppercase;
  box-shadow: 0 1px 0 0 rgba(0,0,0,0.25);
}
.btn.lower {
  text-transform: lowercase;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: 0 none;
}
.btn-primary {
  background: #001f3f;
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background: #007299;
}
.btn-primary:active, .btn-primary.active {
  background: #007299;
  box-shadow: none;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.btn i{
  margin-right: 10px;
}

label.fileName{
  padding: 1em;
  font-weight: normal;
}

/* MARGENES */
.m-t{margin-top: 2em;}
.m-b{margin-bottom: 2em;}
.m-l{margin-left: 2em;}
.m-r{margin-right: 2em;}

.no-margin{margin: 0;}
.no-padding{padding: 0;}

/* LINEA */
hr.custom{
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
}

/* ESPACIOS */
.no-gutter.row {
  margin-right: 0;
  margin-left: 0;
}
.no-gutter > [class^="col-"], .no-gutter > [class^=" col-"]{
  padding-right: 0;
  padding-left: 0;
}

/* CABECERA */
header{
  background: url(/img/bg-top2020.jpg) center center no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  /*background-color: #001f3f;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 600px;
  position: relative;
}

.sticky-wrapper {
  /*background-color: #001f3f;*/
}

.logo{
  padding: 5px 0;
  display: block;
}

/* MENU */
#menu .current a {
  border:0;
  color:#cd2226;
}
#menu li{
  border-right:1px solid rgba(255,255,255,0.25);
  padding: 0 1em;
  display: inline-block;
  font-size:14px;
  color:#fff;
  list-style:none;
  text-transform:uppercase;
  font-weight:700;
}
#menu li:last-child{
  border-right:0;
  padding-right:0;
}
#menu li a{
  color:#fff;
  line-height: 3em;
  text-decoration:none;
}
#menu li a:hover{
  border:none;
  outline:none;
  color:#cd2226;
}
#menu li a:visited{
  border:none;
  outline:none;
}

/* LOADER */
#fullLoader{
  background-color: rgba(0,23,61,0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
#fullLoader i{
  color: #ffffff;
  font-size: 50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 50%;
  margin-left: -25px;
}

/* STICKY */
.nav-container{
  padding-top: 1em;
}
.stuckant{
  z-index: 999;
  position: fixed;
  top: 0;
  width: 100%;
}

.stuck{
  z-index: 999;
  width: 100%;
}

.nav-container.stuck{background-color: rgba(0,23,61,0.9);}

/* MOBILE MENU */
.slicknav_menu {
  display:none;
}



@media screen and (max-width: 60em) {
  /* #menu is the original menu */
  .js #menu {
    display:none;
  }

  .js .slicknav_menu {
    display:block;
  }
  .nav-container.stuck{background: none;}

  .logo{display: none;}

}

/* SLIDER DE TEXTO */
.textSlider{
  /*padding: 10em 0 15em 0;*/
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  transform: translateX(-50%);
  width: 100%;
}
.textSlider h1{
  color: #ffffff;
  /*border-bottom:2px solid #cd2226;
  line-height: 1.5em;*/
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-shadow: 2px 2px 8px #000000;
}
.textSlider .quotes{
  display: none;
}

/* secciones */
section{padding: 3em 0;}
section#home{padding-top: 0;}
section.separador{padding: 2em 0;}
section.separador h3{
  font-size: 3em;
  text-transform: uppercase;
  text-align:center;
}

/* NOSOTROS */
#nosotros h3{
  margin-bottom: 1em;
  border-bottom:1px solid #cd2226;
  line-height: 3em;
}

/* SERVICIOS */
.servicio{
  text-align: center;
  margin-top: 46px;
}
.servicio h4{
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1.5em;
  color:#2f2f2f;
}

/* LISTADO */
.pagination{}

  .pagination ul {
    border-radius: 0;
  }
  .pagination li {}
    .pagination li:first-child a {
      border-radius: 0;
    }
    .pagination li:last-child a {
      border-radius: 0;
    }
    .pagination a {}

      /* CONTACTOS */
      .form-control{
        border: none;
        border-radius: 0;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
        background-color: #F0F0F0;
      }
      .form-control:focus {
        border: none;
        box-shadow: none;
      }
      .contact-data{color:#666666; font-size: 0.85em;}
      .contact-data ul{}
        .contact-data li{line-height: 2em;}
        .contact-data .fa{color:#2f2f2f; padding-right:1em;}
        .contact-data a{text-decoration:none; color: #1219d1;}
        .contact-data a:hover{color:#666666;}

        /* FOOTER */
        footer{
          padding: 2em 0;
          background-color:#101010;
        }
        footer p{
          color: #CCCCCC;
        }
        footer ul.bMenu li{
          list-style: none;
          display: inline-block;
          border-right: 1px solid #343434;
        }
        footer ul.bMenu li:last-child{
          border-right: none;
        }
        footer ul.bMenu li a{
          padding: 15px;
          text-decoration: none;
          font-size: 13px;
          color: #fff;
          margin-top: 10px;
          margin-bottom: 10px;
        }
        footer ul.bMenu li:last-child a{
          padding-right:0;
        }
        footer ul.bMenu li a:hover{
          color:#e7d500;
        }

        /****** LOGIN MODAL ******/
        .modal-dialog {
          /*width: 350px;*/
        }
        .modal-content {
          background-color: #ffffff;
          border: none;
          border-radius: 0px;
          outline: none;
        }

        /* RESPONSIVIDAD */
        @media screen and (max-width: 1200px){
        }
        @media screen and (max-width: 992px) {
          header {
            height: 300px;
          }
        }
        @media screen and (max-width: 768px) {
          .separador .alert {
            margin-top: 2rem;
            text-align: center;
          }
        }
        @media screen and (max-width: 480px) {
          .textSlider h1{
            font-size: 2rem;
          }
          section{padding:1em 0;}
          section.separador{padding:0;}
          section.separador h3{
            font-size: 2.5em;
            padding: 0 0.5em;
          }
          .contact-data{margin-top: 2em;}
          footer ul.bMenu li{border-right: 0; text-align: right;}
          footer ul.bMenu li a{padding: 0;}
          header {
            height: 180px;
          }


        }
        @media screen and (max-width: 320px){

        }

#Eti{padding-left: 30px;}
#Etiq1{width: 50px; text-align: center;  font: bold;}
#Etiq2{width: 100px; text-align: center;  font: bold; display: inline;}

.letragrande {
    padding-top: 20px;
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    padding-left: 20px;
}

.stuck .letragrande  {
    display:none;
}

.banner {
    width: 700px;
}

.modal-dialog {
    width: 800px;
}

.centrado {
    text-align: center;
}