@charset "UTF-8";
html {
  font-size: 15px;
  margin: 0;
  padding: 0; }

/**

pale gold:      c0b283;
silk:           dcd0c0;
paper:          f4f4f4;
charcoal:       373737;


**/
/*Estilos bloques bienvenidos*/
body {
  margin-right: 0;
  padding-right: 0; }

.logotipo a {
  display: block;
  width: 100%;
  height: 100%; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: white; }

#barraaceptacion {
  float: left;
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
  min-height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  z-index: 99999;
  height: 20vh; }

.h2 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 3rem; }

.inner {
  width: 100%;
  position: absolute;
  padding-left: 5px;
  font-family: verdana;
  font-size: 12px;
  top: 30%; }

.inner a.ok {
  padding: 4px;
  color: #00ff2e;
  text-decoration: none; }

.inner a.info {
  padding-left: 5px;
  text-decoration: none;
  color: #faff00; }

.bienvenidos {
  background: url("../images/fondo-bienvenido-grande.jpeg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 70vh;
  overflow: hidden; }

.bienvenidos .h1 {
  text-transform: uppercase; }

.encabezado, .fixed-top {
  background: rgba(55, 55, 55, 0.58); }

.navbar-light .navbar-brand, .navbar-light .navbar-toggler {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.4rem;
  text-transform: uppercase; }

.navbar-light .navbar-nav .nav-link {
  color: white;
  margin: 0.2rem;
  text-align: center; }

.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.active {
  color: white;
  background-color: #c0b283; }

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {
  color: white; }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: white;
  background-color: #c0b283; }

#menuprincipal {
  clear: both; }

/**/
.texto-bienvenidos {
  color: #FFF;
  margin-top: 9rem; }

.texto-bienvenidos .h1 {
  text-transform: uppercase;
  font-size: 3.5rem;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: justify;
  -webkit-transition: all .5s ease;
          transition: all .5s ease; }

.btn-primary {
  color: #000;
  background-color: #FFFFCC;
  border-color: #2d3944;
  -webkit-transition: all .5s ease;
          transition: all .5s ease; }

.btn-primary:hover {
  color: #fff;
  background-color: #F48269;
  border-color: #2d3944; }

.btn-lg, .btn-group-lg > .btn {
  font-size: 1rem; }

/*Estilos Bloque Quienes Somos*/
.quienes-somos {
  background-color: #dcd0c0;
  color: #373737; }

.terminos {
  background-color: #dcd0c0;
  color: #373737; }

.quienes-somos .texto-lateral {
  height: 100%;
  width: 40%;
  font-size: 1.7rem;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: right; }

.quienes-somos .texto-quienessomos {
  height: 100%;
  width: 60%; }

img.mx-auto {
  display: block; }

/*Estilos Bloque Servicios*/
.caracteristicas .fa {
  color: #373737;
  font-size: 5rem;
  -webkit-transition: all .5s ease;
          transition: all .5s ease; }

.caracteristicas .fa:hover {
  color: #dcd0c0; }

.caracteristicas h3 {
  font-weight: bold; }

/**ESTILOS BLOQUE DISEÑO WEB**/
.diseno {
  background-color: #373737;
  color: #f4f4f4;
  text-align: center; }

.diseno .fa {
  color: #dcd0c0;
  font-size: 5rem;
  -webkit-transition: all .5s ease;
          transition: all .5s ease; }

.diseno .fa:hover {
  color: #FFFFCC; }

.diseno h3 {
  font-weight: bold; }

/**ESTILOS BLOQUE Empresas**/
.empresas {
  background-color: #f4f4f4;
  color: #373737; }

.empresas .texto-lateral {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 3rem; }

.texto-lateral-oculto, .texto-oculto, .fabricantes, .logosModal, .fabricantes {
  display: none; }

/**Estilos Bloque Mapas*/
.i4ewOd-pzNkMb-haAclf, .invisible {
  visibility: hidden; }

/*Estilos Bloque equipo*/
.equipo {
  background-color: #373737;
  color: #FFF; }

.fabricantes:hover {
  opacity: 1; }

.equipo .foto-personal {
  width: 100px;
  height: 100px;
  background: url("../images/foto.jpg");
  background-size: cover;
  margin-left: 30%;
  border-radius: 50%;
  margin-left: 34%; }

.equipo .foto-personal.alberto {
  background: url("../images/alberto.jpg");
  background-size: cover;
  background-position: -25px; }

.equipo .foto-personal.miguel {
  background: url("../images/miguel.jpg");
  background-size: cover; }

.equipo .foto-personal.luis {
  background: url("../images/luis.jpg");
  background-size: cover;
  background-position: -106px 0px; }

.equipo .foto-personal.luisja {
  background: url("../images/luisja.jpg");
  background-position: -21px 0px;
  background-size: 192%; }

.contacto {
  background: url("../images/bg.jpg"); }

.enLinea {
  display: inline; }

.contacto p {
  color: #fff;
  font-size: 2.8rem;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: left; }

.formOk {
  font-size: 1em;
  font-weight: bold;
  color: #FFF; }

.oculto {
  visibility: hidden; }

.noEsta {
  display: none !important; }

h6 {
  font-style: italic;
  color: #FFF; }

.error {
  color: red;
  font-weight: bold;
  padding-left: 1em; }

/**/
.footer {
  color: #FFF;
  background-color: #222; }

.footer .rrss {
  list-style: none;
  padding-left: 25%;
  padding-top: 15px; }

.footer .rrss li {
  display: block;
  width: 30px;
  float: left;
  margin-left: 10px; }

.footer .rrss a {
  color: #fff;
  -webkit-transition: all .5s ease;
          transition: all .5s ease; }

.footer .rrss a:hover {
  color: #c0b283; }

.footer .rrss a .fa {
  font-size: 30px; }

#name {
  width: 75.5%; }

#message {
  width: 93%; }

.footer a {
  color: white; }

/*Modales*/
.modal-body {
  color: #676767; }

.modalTarifas ul {
  padding-left: inherit;
  list-style: none; }

.modalTarifas ul li {
  padding-bottom: 7px;
  padding-left: 5px; }

.porque {
  width: 100%; }

/*media queries*/
@media (min-width: 768px) {
  html {
    font-size: 16px; }

  .logotipo h1 {
    visibility: hidden;
    width: 100%;
    height: 100%; }

  .fabricantes {
    display: block;
    height: 50px;
    opacity: .3;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all .5s ease;
            transition: all .5s ease; }

  .asus {
    background-image: url("../images/fabricantes/asus.png"); }

  .msi {
    background-image: url("../images/fabricantes/msi.png"); }

  .apple {
    background-image: url("../images/fabricantes/apple.png");
    background-position: 28px 0px; }

  .acer {
    background-image: url("../images/fabricantes/acer.png");
    background-position: 0px 15px; }

  .lenovo {
    background-image: url("../images/fabricantes/lenovo.png");
    background-position: 13px 0px; }

  .hp {
    background-image: url("../images/fabricantes/hp.png");
    background-position: 13px 0px; }

  .toshiba {
    background-image: url("../images/fabricantes/toshiba.png");
    background-position: 10px 22px;
    background-size: 80%; }

  .gigabyte {
    background-image: url("../images/fabricantes/gigabyte.png");
    background-position: 13px 22px;
    background-size: 80%; }

  .kingston {
    background-image: url("../images/fabricantes/kingston.png");
    background-position: 13px 22px;
    background-size: 80%; }

  .logotipo {
    background-image: url("../images/logo.png");
    background-size: cover;
    background-size: contain;
    width: 20rem;
    background-repeat: no-repeat; }

  .modalNosotros {
    min-width: 650px; }

  .modalTarifas {
    min-width: 850px;
    font-size: .9rem; }

  .logosModal {
    display: block;
    padding-top: 25%; }

  .logosModal img {
    width: 50px;
    height: 50px;
    margin-bottom: 18px; }

  .logosModal .lacaixa {
    margin-left: 16px; }

  .logosModal .bbva {
    width: 83px;
    height: 42px; }

  .logosModal .uva {
    width: 149px;
    height: 90px;
    margin-left: -30px; }

  #menuprincipal {
    clear: inherit; }

  .bienvenidos {
    background: url("../images/fondo-bienvenido-grande.jpeg");
    background-size: 100% 100%;
    height: 75vh;
    background-repeat: no-repeat; }

  .quienes-somos .texto-lateral {
    font-size: 3.3rem; }

  .texto-bienvenidos .h1 {
    font-size: 4rem;
    text-align: right; }

  .quienes-somos .texto-lateral {
    font-size: 3.3rem; }

  .sobremesa:hover .texto-oculo {
    display: block; }

  .contacto p {
    font-size: 3.5rem; }

  .texto-lateral-oculto {
    display: block; }

  #barraaceptacion {
    width: 100%;
    height: 30px; }

  .footer .rrss {
    padding-left: 0px; }

  .modalTarifas ul {
    list-style: circle; } }
@media (min-width: 990px) {
  .quienes-somos .texto-lateral {
    font-size: 3.3rem; }

  .contacto p {
    font-size: 3.5rem; } }
@media (min-width: 1200px) {
  .quienes-somos .texto-lateral {
    font-size: 4.7rem; }

  .texto-bienvenidos .h1 {
    font-size: 6rem;
    text-align: left; }

  .menuDos {
    margin-left: 33%; }

  .contacto p {
    font-size: 5rem; }

  .contacto p.masPequeno {
    font-size: 3.5rem; } }

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