/*

*  IMPORTS

*/

/* 

* RESET Styles for browsers

*/

/* line 4, ../sass/_reset.scss */

body {

  margin: 0;

  padding: 0;

}



/* line 8, ../sass/_reset.scss */

h1,

h3,

p,

ul,

input {

  margin: 0;

}



/* line 15, ../sass/_reset.scss */

li {

  list-style: none;

}



/* line 16, ../sass/_reset.scss */

a {

  text-decoration: none;

}



/* Import

*/

/* Variables */

/***/

/* Import Sass mixins, variables, Compass modules, etc. */

/* COMMON

*/

/* line 11, ../sass/styles.scss */

body {

  font-family: sans-serif;

  font-size: 14px;

}



/* line 15, ../sass/styles.scss */

p {

  color: #333;

  line-height: 1.4em;

  text-align: justify;

}



/* line 20, ../sass/styles.scss */

p a {

  color: #00226a;

  font-weight: 700;

}



/* line 24, ../sass/styles.scss */

p a:hover {

  text-decoration: underline;

}



/* line 25, ../sass/styles.scss */

img {

  vertical-align: bottom;

}



/* line 26, ../sass/styles.scss */

label {

  font-size: .85em;

  display: block;

  padding-bottom: .2em;

}



/* line 31, ../sass/styles.scss */

input, select, textarea {

  width: 100%;

  padding: 6px 12px;

  box-sizing: border-box;

  border-width: 1px;

  border-radius: 0px;

  border-color: rgba(0, 34, 106, 0.1);

  background-color: rgba(0, 34, 106, 0.1);

}



/* line 40, ../sass/styles.scss */

input[type="radio"] {

  width: auto;

}



/* line 41, ../sass/styles.scss */

textarea {

  min-height: 100px;

}



/* line 42, ../sass/styles.scss */

button {

  border: 1px solid rgba(0, 34, 106, 0.1);

  padding: .6em 1.6em;

  background-color: rgba(0, 34, 106, 0.1);

  cursor: pointer;

}



/* line 49, ../sass/styles.scss */

.title {

  margin: 0 0 .5em .5em;

}



/* line 50, ../sass/styles.scss */

.destacado {

  margin-right: .5em;

}



/* line 52, ../sass/styles.scss */

header,

.flex-content,

.header-background,

.navigation,

.marcas,

.galeria,

.form-block,

.form-block-left,

.iconos {

  display: flex;

}



/* line 63, ../sass/styles.scss */

.navigation,

.marcas,

.galeria {

  justify-content: space-around;

}



/* line 68, ../sass/styles.scss */

header,

.flex-content,

.header-background,

.form-block {

  justify-content: space-between;

}



/* line 74, ../sass/styles.scss */

.iconos,

.marcas {

  align-items: center;

}



/* line 79, ../sass/styles.scss */

header,

.content {

  max-width: 1140px;

}



/* line 85, ../sass/styles.scss */

.home img {

  width: 100%;


}

.galeria img {
  height: 74px;
  min-width: 100px;
}



/* line 88, ../sass/styles.scss */

h3,

label,

input,

select,

textarea,

button,

.navigation a,

.destacado,

#right-menu {

  color: #00226a;

}



/* line 99, ../sass/styles.scss */

.navigation a:hover,

.navigation a.active,

.home h1,

.copyright {

  color: #fff;

}



/* line 105, ../sass/styles.scss */

footer,

.navigation a:hover,

header .navigation a.active,

.home {

  background-color: #00226a;

}



/* line 112, ../sass/styles.scss */

.content h3 {

  font-size: 1.7em;

}



/* line 113, ../sass/styles.scss */

.navigation a,

.destacado {

  font-size: 1.2em;

}



/* line 117, ../sass/styles.scss */

label,

button,

.navigation a,

.destacado {

  font-weight: 700;

}



/* line 123, ../sass/styles.scss */

.content.quienes,

.content.reparaciones,

.content.contacto {

  margin: 3em auto 2em;

}



/* CABECERA

*/

/* line 132, ../sass/styles.scss */

header {

  margin: 0 auto .8em;

}

/* line 134, ../sass/styles.scss */

header .home-link,

header .navigation {

  margin-top: 1em;

}

/* line 138, ../sass/styles.scss */

header .navigation {

  justify-content: space-around;

  width: 100%;

}

/* line 141, ../sass/styles.scss */

header .navigation li {

  padding: 2.7em 0;

}

/* line 142, ../sass/styles.scss */

header .navigation a {

  padding: 1em 1.4em;

  background-color: rgba(255, 255, 255, 0.7);

}

/* line 147, ../sass/styles.scss */

header .header-background {

  width: 100%;

  height: 200px;

  background: url("../images/cabecera.png") no-repeat 100%;

  border-bottom: 10px solid #00226a;

}

/* line 153, ../sass/styles.scss */

header .responsive-menu {

  position: absolute;

  top: 28px;

  right: 3%;

  padding: .1em .3em .2em;

  border: 2px solid #00226a;

  background-color: #fff;

  font-size: 1.5em;

}



/* line 163, ../sass/styles.scss */

.responsive-menu {

  display: none;

}



/* INICIO

*/

/* line 168, ../sass/styles.scss */

.home h1 {

  padding-bottom: 5em;

  margin-top: .2em;

  font-family: "Arial Black", Gadget, sans-serif;

  font-size: 3em;

  text-align: center;

}



/* QUIENES

*/

/* line 180, ../sass/styles.scss */

.content.quienes p {

  margin: 0 .5em .5em;

}

/* line 181, ../sass/styles.scss */

.content.quienes .texto-quienes,

.content.quienes .image-box {

  max-width: 50%;

  margin: 0 1em;

}

/* line 186, ../sass/styles.scss */

.content.quienes .image-box img {

  width: 100%;

}

/* line 187, ../sass/styles.scss */

.content.quienes .texto-quienes {

  position: relative;

}

/* line 189, ../sass/styles.scss */

.content.quienes .texto-quienes p:nth-child(4) {

  margin-bottom: 7em;

}

/* line 191, ../sass/styles.scss */

.content.quienes .galeria {

  position: absolute;

  bottom: 10px;

  flex-wrap: wrap;

}

/* line 195, ../sass/styles.scss */

.content.quienes .galeria a {

  width: 16%;

  border: 4px solid #ccc;
  overflow: hidden;

}



/* REPARACIONES

*/

/* line 204, ../sass/styles.scss */

.form-reparacion {

  margin: 2em;

}

/* line 206, ../sass/styles.scss */

.form-reparacion .form-block {

  flex-wrap: wrap;

}

/* line 207, ../sass/styles.scss */

.form-reparacion .form-block-left {

  justify-content: flex-start;

}

/* line 209, ../sass/styles.scss */

.form-reparacion .form-block-left .form-group {

  margin-right: 3.5%;

}

/* line 211, ../sass/styles.scss */

.form-reparacion .form-group {

  margin-bottom: 1.5em;

  position: relative;

  min-height: 45px;

}

/* line 215, ../sass/styles.scss */

.form-reparacion .form-group label, .form-reparacion .form-group input, .form-reparacion .form-group select, .form-reparacion .form-group textarea {

  position: absolute;

}

/* line 216, ../sass/styles.scss */

.form-reparacion .form-group label {

  bottom: 30px;

}

/* line 217, ../sass/styles.scss */

.form-reparacion .form-group input, .form-reparacion .form-group select, .form-reparacion .form-group textarea {

  bottom: 0;

}

/* line 218, ../sass/styles.scss */

.form-reparacion .form-group.sintomas {

  min-height: 115px;

}

/* line 219, ../sass/styles.scss */

.form-reparacion .form-group.sintomas label {

  bottom: 100px;

}

/* line 220, ../sass/styles.scss */

.form-reparacion .form-group.garantia label, .form-reparacion .form-group.garantia input {

  position: static;

}

/* line 222, ../sass/styles.scss */

.form-reparacion .cp {

  width: 10%;

}

/* line 223, ../sass/styles.scss */

.form-reparacion .cif, .form-reparacion .email, .form-reparacion .tlf {

  width: 15%;

}

/* line 224, ../sass/styles.scss */

.form-reparacion .nombre, .form-reparacion .persona, .form-reparacion .localidad, .form-reparacion .provincia, .form-reparacion .garantia {

  width: 30%;

}

/* line 225, ../sass/styles.scss */

.form-reparacion .marca, .form-reparacion .modelo, .form-reparacion .prod-num, .form-reparacion .num-serie {

  width: 31%;

}

/* line 226, ../sass/styles.scss */

.form-reparacion .direccion {

  width: 85%;

}

/* line 227, ../sass/styles.scss */

.form-reparacion .sintomas {

  width: 100%;

}

/* line 228, ../sass/styles.scss */

.form-reparacion .separacion {

  border-top: 1px solid #eee;

  margin: 1em 0 2em;

}

/* line 233, ../sass/styles.scss */

.form-reparacion .garantia div {

  margin-left: 1em;

}

/* line 235, ../sass/styles.scss */

.form-reparacion .garantia div * {

  display: inline-block;

  vertical-align: text-top;

  margin-top: .6em;

}

/* line 240, ../sass/styles.scss */

.form-reparacion .garantia div label {

  margin-right: 1.2em;

  margin-left: .5em;

}



/* line 247, ../sass/styles.scss */

.iconos {

  justify-content: flex-end;

}

/* line 249, ../sass/styles.scss */

.iconos h3 {

  margin-right: 1em;

}

/* line 250, ../sass/styles.scss */

.iconos img {

  margin-right: .5em;

}



/* CONTACTO

*/

/* line 256, ../sass/styles.scss */

.content.contacto .contact-form {

  width: 65%;

  margin-right: 50px;

}

/* line 259, ../sass/styles.scss */

.content.contacto .contact-form form {

  margin-left: 1em;

}

/* line 260, ../sass/styles.scss */

.content.contacto .contact-form textarea {

  min-height: 254px;

}

/* line 261, ../sass/styles.scss */

.content.contacto .contact-form .form-group {

  margin-bottom: 1em;

}

/* line 262, ../sass/styles.scss */

.content.contacto .contact-form .flex-content .form-group {

  width: 47%;

}

/* line 264, ../sass/styles.scss */

.content.contacto .datos {

  width: 350px;

}

/* line 266, ../sass/styles.scss */

.content.contacto .datos .title {

  margin-left: 0;

}

/* line 267, ../sass/styles.scss */

.content.contacto .datos p {

  margin-bottom: 1em;

}



/* FOOTER

*/

/* line 273, ../sass/styles.scss */

.marcas {

  max-width: 900px;

  padding-top: 1em;

  margin: 0 auto;

}

/* line 277, ../sass/styles.scss */

.marcas img {

  vertical-align: middle;

}

.marcas #logo_eletrolux {width: 125px;}
.marcas #logo_zanussi {width: 100px;}
.marcas #logo_aeg {width: 80px;}
.marcas #logo_beko {width: 80px;}



/* line 279, ../sass/styles.scss */

.copyright {

  padding: 1em 2em;

  font-size: .85em;

  text-align: center;

}