body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #352c22;
  background: #352c22;
  background: -moz-linear-gradient(-45deg, #352c22 0%, #211c15 100%);
  background: -webkit-linear-gradient(-45deg, #352c22 0%,#211c15 100%);
  background: linear-gradient(135deg, #352c22 0%,#211c15 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#352c22', endColorstr='#211c15',GradientType=1 );
}

* {
  box-sizing: border-box;
}

ul {
  list-style-type: disc;
  list-style-position: inside;
  margin: 0.5em 0;
}

ul > li {
  margin-bottom: 0.5em;
}

h1,
h2,
h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  margin-bottom: .5em;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 1.75rem;
}

h3, .h3 {
  font-size: 1.25rem;
}

h2.big {
  font-size: 45px;
}

p {
  margin-bottom: 1em;
  line-height: 1.3;
}

p.big {
  font-size: 18px
}

a {
  color: #ffaa46;
  text-decoration: none;
  cursor: pointer
}

a:hover {
  text-decoration: underline
}

a.dark {
  color: #352c22;
  text-decoration: underline;
}

.small-text {
  font-size: .75rem;
}

.large-text {
  font-size: 1.5rem;
}

/* [[[ UTILS ]]] */
.text-right {
  text-align: right;
}

.no-list-style {
  list-style: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.no-margin {
  margin: 0;
}

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

.font-alternative {
  font-family: Arial, Helvetica, sans-serif;
}

.show-for-mobile-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .show-for-mobile-only {
    display: block;
  }
}

/* [[[ LAYOUT ]]] */

/* GRID */
.grid {
  display: flex;
  flex-wrap: wrap;
}

.grid-cancel-padding {
  margin-left: -1rem;
  margin-right: -1rem;
}

@media screen and (max-width: 768px) {
  .grid-cancel-padding-mobile {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

.grid-col {
  margin: 0 1% 1rem;
}

.grid-small-bottom-margin .grid-col {
  margin-bottom: .5rem;
}

.grid-2 .grid-col {
  flex: 0 0 49%;
}

.grid-2 .grid-col:nth-child(2n) {
  margin-right: 0;
}

.grid-2 .grid-col:nth-child(2n-1) {
  margin-left: 0;
}

.grid-3 .grid-col {
  flex: 0 0 32%;
}

.grid-3 .grid-col:nth-child(3n) {
  margin-right: 0;
}

.grid-3 .grid-col:nth-child(3n-2) {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .grid.grid-colapse-mobile .grid-col {
    margin: 0 0 2rem;
    flex-basis: 100%;
  }

  .grid.grid-colapse-mobile .grid-col:last-child {
    margin: 0;
  }
}

.page-wrapper {
  margin: 0 auto;
  width: 100%;
}

.footer {
  height: auto;
  color: #dcc5aa;
  overflow: hidden;
  padding-top: 12px;
  padding: 1rem;
}

.footer > ul {
  display: flex;
  margin: 0;
}

.footer > ul > li:not(:last-child) {
  padding-right: 2rem;
  flex-basis: 40%;
}

.footer > ul > li:last-child {
  flex-basis: 20%;
}

@media screen and (max-width: 768px) {
  .footer > ul {
    flex-direction: column;
  }
  .footer > ul > li:not(:last-child) {
    margin-bottom: 1rem;
    padding: 0;
  }
}

/* SITEMAP */
.sitemap ul {
  list-style: decimal inside;
}

.sitemap ul li ul {
  list-style-type: lower-alpha;
  margin-left: 18px
}

.sitemap li {
  display: list-item;
  float: none
}

#left-column {
  width: 350px
}

#right-column {
  width: 305px;
  position: relative;
}

/* HEADER */

.main-header {
  padding: 1.5rem;
}

.main-header .main-header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .main-header .main-header-top {
    flex-direction: column;
    align-items: flex-end;
  }

  .main-header .logo {
    margin-bottom: 1rem;
    align-self: flex-start;
  }
}

.top-icons {
  margin-top: 1rem;
}

.top-icons .facebook-logo {
  width: 3rem;
  height: 3rem;
}

.logo img {
  width: 100%;
  max-width: 400px;
}

/* CREDITS */

.credits {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
  color: #dcc5aa;
}

.credits .enlaces {
  display: flex;
  align-items: center;
}

.credits .enlaces span {
  margin-right: .5rem;
}

.credits .enlaces img {
  width: 3rem;
}

@media screen and (max-width: 768px) {
  .credits {
    flex-direction: column;
  }
}

/* [[[ MENU ]]] */

.menu {
  margin: 0 0 0 1rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.menu a {
  margin: 0 1rem 1rem 0;
  display: block;
  background: #ffaa46;
  color: #352c22;
  padding: 0.5em 1rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .menu {
    flex-direction: column;
  }

  .menu a:last-child {
  }
}

.bordigoni-info {
  color: #dcc5aa;
}

.bordigoni-info p {
  margin-bottom: .25rem;
}

#p1,
#p2,
#p3 {
  position: absolute;
  top: 0;
  left: 0
}


/* [[[ HOME ]]] */

.main-content,
.home-intro {
  background: #f5e3d0;
}

.main-content {
  padding: 1rem;
}

.home-intro {
  height: 37vw;
  min-height: 412px;
  display: flex;
}

.home-intro article {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: 50%;
  display: flex;
  align-content: space-between;
  justify-content: flex-end;
  flex-direction: column;
}

@media screen and (max-width: 500px) {
  .home-intro {
    flex-direction: column;
    height: 38rem;
  }
}

.home-intro article p {
  background: rgba(53, 44, 34, 0.8);
  color: #e4dbd1;
  display: inline-block;
  font-size: 1.5vw;
  max-width: 31vw;
  padding: 1vw;
  margin-bottom: 2vw;
}

@media screen and (max-width: 768px) {
  .home-intro article p {
    font-size: .75rem;
    max-width: none;
    padding: 1rem;
    margin-bottom: 0;
  }
}

.home-intro > div:nth-child(1) {
  flex-basis: 60%;
}

@media screen and (max-width: 500px) {
  .home-intro > div:nth-child(1) {
    flex-basis: 33.33333333333%;
  }
}

.home-intro > div:nth-child(2) {
  flex-basis: 40%;
  display: flex;
  flex-direction: column;
}

.home-intro > div:nth-child(2) article {
  background-position-y: bottom;
}

@media screen and (max-width: 500px) {
  .home-intro > div:nth-child(2) {
    flex-basis: 66.6666666666%;
  }
}

.home-intro > div:nth-child(1) article {
  background-image: url('../images/landing/intro_1.jpg');
}

.home-intro > div:nth-child(2) article:first-child {
  background-image: url('../images/landing/intro_2.jpg');
}

.home-intro > div:nth-child(2) article:last-child {
  background-image: url('../images/landing/intro_3.jpg');
}

#rotating-txt {
  width: 380px;
  height: 60px;
  position: absolute;
  bottom: 18px;
  left: 10px;
  margin-left: 21px;
  vertical-align: bottom
}

#rotating-txt p {
  font: normal 20px Arial, Helvetica, sans-serif;
  color: #f3ebe2;
  text-shadow: 1px 1px 1px #2a231c;
  line-height: 20px
}


/* [[[ EMPRESA ]]] */
ul.emp-container p {
  text-align: justify
}

ul.emp-container ul {
  list-style-position: inside;
  list-style: disc;
  margin-left: 15px
}

#emp-fotos {
  list-style: none;
  overflow: hidden;
  padding: 10px;
  margin-bottom: 10px
}

#emp-fotos img {
  display: inline;
  float: left;
  margin: 2px 3px 3px 2px;
  border: solid 6px #28211a
}

#valores {
  background: #14100B;
  padding: 10px;
  color: #ffaa46;
  border: 8px solid #28211A
}

#valores ul {
  list-style-type: decimal;
}


/* [[[ NOVEDADES ]]] */
.nov-container {
  overflow: hidden;
  margin-bottom: 40px;
  list-style: none;
}

/* [[[ PRODUCTOS ]]] */
.productos-columns {
  display: flex
}

.productos-column-terminaciones {
  flex-basis: 20vw;
  margin-right: 1.25rem;
  overflow: hidden;
}

.productos-column {
  flex: 1;
}

@media screen and (max-width: 768px) {
  .productos-columns {
    flex-direction: column-reverse;
  }

  .productos-column-terminaciones {
    flex-basis: auto;
    margin: 0;
  }
}

.product-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0 1.25rem;
}

.product-type-selector {
  background: transparent;
}

.product-type-selector h2 {
  text-align: center;
}

.product-type-selector a {
  display: block;
}

.product-type-selector a img {
  width: 100%;
}

/* Horizontal */
.product-panel {
  background: #FFF;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .product-panel {
    flex-direction: column;
  }
}

.product-panel > a {
  display: block;
}

.product-panel > a > img {
  width: 100%;
}

.product-panel .product-info {
  background: #352c22;
  color: #dcc5aa;
  padding: 10px;
  flex-basis: 25%;
  min-width: 140px;
}

.product-panel .product-info p {
  color: #DCC5AA;
}

.product-panel .product-info a {
  text-decoration: underline;
}

.product-panel .product-info h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFAA46;
}

.product-panel .product-info h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.product-panel .product-img {
  padding: 0;
  flex-basis: 75%;
}

.product-panel .product-img a {
  display: block;
  text-align: center;
}

.product-panel .product-img img {
  height: 24vw;
}

/* Product Panel for table */
@media screen and (max-width: 1024px) {
  .product-panel .product-info {
    min-width: 110px;
    font-size: .75rem;
  }
  .product-panel .product-info h3 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .product-panel .product-img img {
    height: 60vw;
  }
}


.product-panel-horizontal {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.product-panel-horizontal > * {
  width: 100%;
}

.product-panel-horizontal .product-img a {
  width: 100%;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .product-panel-horizontal .product-img a {
    flex-direction: row;
  }
}

.product-panel-horizontal .product-img img {
  max-width: 100%;
  width: auto;
}

img#quality {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 999
}

.terminaciones {
  padding: 1rem;
  background: #352c22;
  overflow: hidden;
  cursor: pointer;
  height: calc(100% - 24px);
}

.terminaciones section {
  margin-bottom: 1.5rem;
}

.terminaciones h1,
.terminaciones h2 {
  color: #ffaa46;
}

.terminaciones p {
  color: #DCC5AA;
}

.terminaciones img {
  width: 100%;
  height: 100%;
}

.terminaciones a {
  position: relative;
}

.terminaciones a::after {
  content: attr(title);
  display: block;
  position: absolute;
  bottom: 8%;
  font-size: .75rem;
  padding: 0.5rem;
  background: rgba(53, 44, 34, 0.85);
}

/* ------------ Formulario Contacto -------------- */

.form-element {
  width: 100%;
  font-size: 1rem;
  padding: 0.5rem;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input,
textarea {
  margin: 0 0 1rem;
  border: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

textarea {
  height: 5rem;
}

.button {
  background: #352c22;
  color: #ffaa46;
  font-size: 1rem;
  border: 0;
  padding: .5rem 1rem;
}

label {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 1.25rem;
  margin-bottom: .25rem;
  display: inline-block;
}

.obligatorio {
  color: #D90005
}

#avisoblig {
  padding-left: 15px
}

.mensaje-form {
  margin-bottom: 10px
}

#request-panel {
  width: 100%;
  height: 100%;
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7
}

#request-panel p {
  position: relative;
  top: 50%;
  font-size: 25px
}

/**
 * Landing promo
 */

.landing-promo {
  position: fixed;
  background: url(../images/bg-trans-1x1.pngg') repeat;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 9990;
}

.landing-promo .landing-promo-inner {
  width: 700px;
  margin: 0 auto;
  display: table;
  height: 100%;
}

.landing-promo .landing-promo-inner .landing-promo-inner-v-center {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.landing-promo .landing-promo-inner .landing-promo-inner-v-center img {
  width: 100%;
  border: solid 10px white;
}

.landing-promo .landing-promo-inner .landing-promo-inner-v-center .close {
  font-size: 22px;
  margin: 0.3em;
  display: block;
  text-align: center;
}