h1 {

  color: #36A9E0 !important;

  font-size: 60px; }



h2 {

  color: #FFFFFF !important;

  font-family: "Abel", sans-serif !important; }



h3 {

  margin-top: 0px !important;

  color: #36A9E0 !important;

  font-family: "Abel", sans-serif !important;

  font-size: 30px !important;

  margin-top: 25px !important; }



h5 {

  font-size: 100px !important;

  color: #FFFFFF !important;

  font-family: "Abel", sans-serif !important; }



.navbar {

  background: #36A9E0;

  margin: 0px !important;

  border-bottom: 5px solid #30A4AA !important;

  border-radius: 0px !important; }

  .navbar a {

    color: #FFF; }

    .navbar a:hover {

      color: #FFFFFF !important;

      background: #09698E !important; }

  .navbar li {

    background: #36A9E0; }

    .navbar li:hover {

      background: #09698E !important;

      transition: all 200ms ease-in-out; }

	  

	  

.abajo{ margin-bottom:25px !important}

.ordenar{ position:relative; top:25px}

.bckpima{ background-image:url(../img/desarrollo.jpg); background-repeat:no-repeat; height:223px; width:100%}

.margen{ margin:0 auto}

.pl{ padding-left:0 !important}

.pr{ padding-right:0 !important}

.net{ position:relative; left:60%}

footer {

  background: #000;

  color: #FFF;

  margin-top: 30px;

  padding: 20px 0px; }

  footer p {

    font-family: "Abel", sans-serif !important;

    color: #FFF;

    font-size: 14px; }

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

    footer {

      text-align: center; }

	  .net{ position:relative; left:auto !important} }

  footer.logos {

    text-align: center;

    display: flex;

    align-items: center; }

    footer.logos a {

      display: inline;

      text-align: center;}

	   }

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

    footer {

      text-align: center; }

	  .net{ position:relative; left:auto !important} }

  footer .logos {

    text-align: center; }

    footer .logos a {

      display: inline;

      text-align: center; }

.ul-footer {

  list-style: none;

  text-decoration: none;

  padding: 10px 0px;

  border-bottom: solid 1px #151515; }

  .ul-footer li {

    display: inline; }

    .ul-footer li a {

      text-decoration: none;

      color: #BDBDBD;

      margin-right: 5px;

      transition: all 300ms ease-in-out;

      font-family: "Abel", sans-serif !important;

      font-size: 14px; }

      .ul-footer li a:hover {

        color: #FFF; }

		

	

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

		.net{ position:relative; left:auto !important}

	

	}

	

		

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

		.net{ position:relative; left:auto !important}

	

	}

		

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

		.net{ position:relative; left:auto !important}

	

	}

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

		.net{ position:relative; left:auto !important}

	

	}

	



.derechos {

  padding: 15px; }



.contacto {

  padding: 20px 0px; }



.derechos {

  text-align: center;

  font-size: 12px;

  color: #848484; }



.descripcion {

  margin-top: 30px; }



.campo {

  border: 0px !important;

  border-bottom: 2px solid #36A9E0 !important;

  border-radius: 0px !important;

  -webkit-box-shadow: 0px !important;

  width: 100%; }



.error {

  border: 0px !important;

  border-bottom: 2px solid #DF0101 !important;

  border-radius: 0px !important;

  -webkit-box-shadow: 0px !important;

  width: 100%; }



.btn {

  background: #36A9E0;

  color: #FFF;

  border-radius: 0px !important;

  transition: all 200ms ease-in-out; }

  .btn:hover {

    background: #09698E;

    color: #FFF !important; }



.inicio {

  background: url(../img/home.jpg) no-repeat fixed !important;

  min-height: 300px; }

  .inicio .logo {

    margin-top: 100px; }



.justificado{ text-align:justify !important}

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

	  .net{ position:relative; left:auto !important}

    .inicio {

      min-height: 250px;

      background: url(../img/home.jpg); }

      .inicio .logo {

        margin-top: 80px;

        text-align: center; }

      .inicio h2 {

        color: #FFF;

        font-size: 24px;

        text-align: center; } }



.navbar-brand {

  padding: 0px !important; }



.fa-caret-down {

  color: #FFF;

  font-size: 40px; }



.secciones {

  text-align: center;

  min-height: 250px !important;

  padding: 30px 10px;

  margin-top: 20px;

  color: #FFFFFF; }

  .secciones i {

    font-size: 80px; }



.consultoria {

  background: #0baeda; }



.arquitectura {

  background: #0b9ac2; }



.implementacion {

  background: #0a84a6; }



.exito {

  padding: 10px; }



.ofrecemos {

  background: #F6F6F6;

  padding: 20px 10px; }

  .ofrecemos a {

    margin-top: 5px;

    width: 100px; }



.quienes {

  padding: 40px 10px; }



.img-responsive {

  min-height: 50%; }



.bg-primary {

  padding: 10px; }



.destacado {

  background: #F6F6F6;

  padding: 10px;

  margin-bottom: 20px; }

  .destacado img {

    /*margin-bottom: 20px; */}



.destacado2 {

  background: #09698E;

  text-align: center;

  padding: 20px 10px;

  margin-top: 15px; }



.clientes {

  background: #F6F6F6;

  text-align: center;

  padding: 20px 10px; }



/* GALERIA */

#contenido_galeria {

  height: 140px;

  padding: 30px 15px;

  text-align: center;

  max-width: 1200px;

  overflow: hidden; }



.imagenes {

  position: absolute;

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 0 auto;

  padding: 0px 40px; }



#contenido_galeria img {

  float: left;

  margin-right: 15px;

  margin-bottom: 30px; }



.botones {

  text-align: center;

  display: flex;

  justify-content: center; }



.sig {

  cursor: pointer;

  font-size: 30px;

  color: #D8D8D8;

  padding: 20px 10px;

  position: absolute; }

  .sig:hover {

    color: #f2f2f2;

    transition: all 300ms ease-in-out; }



.prev {

  cursor: pointer;

  position: absolute;

  font-size: 30px;

  color: #D8D8D8;

  padding: 20px 10px; }

  .prev:hover {

    color: #f2f2f2;

    transition: all 300ms ease-in-out; }



.respuesta {

  color: #01DF74;

  font-size: 14px;

  padding-left: 15px;

  display: none; }

  

.top{ margin-top:20px}

.mb{ margin-bottom:6px !important}

/*# sourceMappingURL=style.css.map */