/*=========================================
								VARIABLES
  =========================================*/
/*=========================================
									FONTS
  =========================================*/
@font-face {
  font-family: 'RalewayL';
  src: url("../fonts/Raleway-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'RalewayR';
  src: url("../fonts/Raleway-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'RalewayB';
  src: url("../fonts/Raleway-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
/*=========================================
				ESTILOS GENERALES
  =========================================*/
body {
  max-width: 1200px;
  margin: auto;
  font-family: sans-serif; }

.paginas {
  margin: 20px; }
  .paginas .pagina {
    margin-top: 20px; }
    .paginas .pagina__title {
      font-family: 'RalewayB';
      text-align: center;
      color: #384759; }
    .paginas .pagina__text {
      font-family: 'RalewayR'; }

.footer {
  background-color: #384759;
  padding: 10px;
  color: #fff;
  margin-top: 10px; }

/*=========================================
				PRODUCTS STYLES
  =========================================*/
.products {
  background-color: rgba(0, 0, 0, 0.2);
  padding: .5rem; }
  .product {
    background-color: #fff;
    text-align: center;
    box-shadow: 0.01rem 0.01rem 0.5rem rgba(56, 71, 89, 0.5);
    padding: 1rem;
    position: relative;
    transition: all .2s;
    margin: 2px 0; }
    .product:hover {
      transform: scale(1.08, 1.08);
      z-index: 1; }
    .product__fig {
      margin: auto; }
    .product__title {
      color: #384759;
      font-family: 'RalewayB', sans-serif; }
    .product__text {
      padding: 25px 0; }
    .product__link {
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 100%; }
    .product__link a {
      border-radius: .2rem;
      padding: .4rem;
      background-color: #384759;
      color: white;
      transition: all .5s;
      text-decoration: none; }
    .product__link a:hover {
      padding: .5rem 1rem; }

/*=========================================
				BRANDS STYLES
  =========================================*/
.brands {
  background-color: rgba(0, 0, 0, 0.2);
  padding: .5rem; }
  .brand {
    background-color: white;
    text-align: center;
    box-shadow: 0.01rem 0.01rem 0.5rem rgba(56, 71, 89, 0.5);
    padding: 1rem;
    margin: 1px;
    position: relative;
    transition: all .2s; }
    .brand:hover {
      transform: scale(1.1, 1.1);
      z-index: 1; }
    .brand__title {
      color: #384759;
      font-family: 'RalewayB', sans-serif; }
    .brand__text {
      padding: 25px 0; }
    .brand__link {
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 100%; }
    .brand__link a {
      border-radius: .2rem;
      padding: .4rem;
      background-color: #384759;
      color: white;
      transition: all .5s;
      text-decoration: none; }
    .brand__link a:hover {
      padding: .5rem 1rem; }

/*=========================================
				WINDOWS STYLES
  =========================================*/
.windows {
  padding: .5rem;
  margin-top: 20px; }
  .windows--bg {
    background-color: #2062ad; }
  .windows__title {
    text-align: center; }
  .window {
    text-align: center;
    padding: 1rem;
    position: relative;
    transition: all .2s;
    margin: 10px 2px; }
    .window--bg {
      background-color: #f5f5f5; }
    .window--img {
      background: url(./../img/windows/en-INTL-PDP0-Windows-10-Home-KW9-00265-Fullbleed-P3-desktop.jpg);
      background-repeat: no-repeat;
      background-size: cover; }
    .window--img2 {
      background: url(./../img/windows/en-INTL-PDP0-Windows-10-Home-KW9-00265-Fullbleed-P5-desktop.jpg);
      background-repeat: no-repeat;
      background-size: cover; }
    .window--c {
      color: #fff; }
    .window__text {
      font-family: 'RalewayR';
      text-align: left;
      font-size: 1.1rem;
      margin: 10px; }
      .window__text--c {
        color: #fff; }
    .window .order {
      order: -1; }
    .window__bolder {
      color: #384759;
      font-size: 1.6rem; }
      .window__bolder--c {
        color: #fff; }
    .window__fig {
      padding: 1px; }

/*=========================================
				WINDOWS STYLES
  =========================================*/
.infos {
  padding: .5rem;
  min-height: 25vh;
  background-color: #384759;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin: 30px 0; }
  .infos .B {
    background-color: #fff; }
  .info {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: center;
    padding: 1rem;
    position: relative;
    transition: all .2s;
    margin: 2px 0; }
    .info__title {
      padding: 10px;
      margin-bottom: 10px; }
    .info__text {
      font-family: 'RalewayR';
      font-size: 1.1rem; }

/*=========================================
				WINDOWS STYLES
  =========================================*/
.winIcons {
  padding: .5rem; }
  .winIcon {
    color: rgba(56, 71, 89, 0.794);
    background-color: #fff;
    text-align: center;
    box-shadow: 0.01rem 0.01rem 0.5rem rgba(56, 71, 89, 0.5);
    padding: 1rem;
    position: relative;
    transition: all .2s;
    margin: 10px 2px; }
    .winIcon:hover {
      color: #384759; }
    .winIcon__font {
      font-size: 5rem; }
    .winIcon__title {
      margin: 5px 0; }
    .winIcon__text {
      color: #384759;
      font-family: 'RalewayR';
      text-align: left;
      font-size: 1.1rem;
      margin: 10px; }

/*========================================
						   			FORMULARIO
		==========================================*/
.formulario {
  background-color: rgba(0, 0, 0, 0.3);
  padding: .5rem;
  margin-top: 5px; }

fieldset {
  border: none;
  border-radius: .5em;
  padding: 20px; }

legend {
  color: #384759;
  font-size: 1rem;
  font-weight: bold; }

input[type="email"], input[type="text"], textarea {
  background: rgba(0, 0, 0, 0.1);
  border-radius: .25em;
  border: thin solid #fbf26f;
  color: #fbf26f;
  font-size: 1em;
  padding: .25em;
  width: 100%;
  transition: all .5s; }

input[type="email"]:focus, input[type="text"]:focus, textarea:focus {
  background: black;
  color: #fbf26f; }

input[type="submit"] {
  background: none;
  border: none;
  text-shadow: .1px .1px .1em black;
  border-radius: .25em;
  color: white;
  font-family: "GTboldR";
  font-size: 1em;
  padding: .25rem .5rem; }

input[type="submit"]:hover {
  /*background: #fbf26f;*/
  color: black;
  cursor: pointer; }

.btnEnvio {
  padding: 10px 0;
  display: flex;
  justify-content: flex-end; }
  .btnEnvio input {
    background-color: #384759; }

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