@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

0.0 - Variables
1.0 - Reset
2.0 - General
3.0 - Responsive Grid
4.0 - Typography
5.0 - Elements
6.0 - Header
7.0 - Footer
8.0 - Main

----------------------------------------------------------------*/
/*--------------------------------------------------------------
0.0 - Variables
----------------------------------------------------------------
	
0.1 - Colores
		Rojo: #9bb70d;
		Verde: #4bae32;
		
		Oscuro: #23262b;
		Oscuro 2: #393e44;
		Gris:#f2f2f2;		
		
		Títulos: #231F20;
		Títulos: #3f3f3f;

		Textos: #787878;
		Texto claro: #a7a7a7;

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box; }

body {
  background: #fff; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote::before, blockquote::after,
q::efore, q::fter {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: none !important; }

a:hover,
a:active {
  outline: none !important; }

a img {
  outline: none !important; }

/*--------------------------------------------------------------
2.0 - General
--------------------------------------------------------------*/
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400; }

.color {
  color: #9bb70d; }

.background {
  background-color: #9bb70d;
  color: #fff; }

.claro {
  background-color: #f2f2f2; }

.oscuro {
  background-color: #393e44;
  color: #fff; }

.oscuro *, .rojo * {
  color: #fff; }

.rojo {
  background-color: #9bb70d; }

.verde {
  background-color: #9bb70d; }

.cover {
  background-size: cover;
  background-position: center; }

.destacado.cover {
  background-size: cover;
  background-position: center; }

/*--------------------------------------------------------------
3.0 - Grid
--------------------------------------------------------------*/
.row-full, .row, [class^='box'], [class^='column'] {
  min-height: 1px; }

.row-full {
  width: 100%; }

.row {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  padding-right: 20px;
  padding-left: 20px; }

[class^='box'] {
  float: left; }

.box {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.box12 {
  width: 50%;
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%; }

.box13 {
  width: 33.333%;
  max-width: 33.333%;
  -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
  -webkit-flex-basis: 33.333%;
  -moz-flex-basis: 33.333%;
  -ms-flex-basis: 33.333%; }

.box23 {
  width: 66.666%;
  max-width: 66.666%;
  -ms-flex-preferred-size: 66.666%;
      flex-basis: 66.666%;
  -webkit-flex-basis: 66.666%;
  -moz-flex-basis: 66.666%;
  -ms-flex-basis: 66.666%; }

.box14 {
  width: 25%;
  max-width: 25%;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-basis: 25%; }

.box34 {
  width: 75%;
  max-width: 75%;
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-basis: 75%; }

.box15 {
  width: 20%;
  max-width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-basis: 20%; }

.box25 {
  width: 40%;
  max-width: 40%;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  -webkit-flex-basis: 40%;
  -moz-flex-basis: 40%;
  -ms-flex-basis: 40%; }

.box35 {
  width: 60%;
  max-width: 60%;
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  -webkit-flex-basis: 60%;
  -moz-flex-basis: 60%;
  -ms-flex-basis: 60%; }

.box45 {
  width: 80%;
  max-width: 80%;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
  -webkit-flex-basis: 80%;
  -moz-flex-basis: 80%;
  -ms-flex-basis: 80%; }

.box16 {
  width: 16.666%;
  max-width: 16.666%;
  -ms-flex-preferred-size: 16.666%;
      flex-basis: 16.666%;
  -webkit-flex-basis: 16.666%;
  -moz-flex-basis: 16.666%;
  -ms-flex-basis: 16.666%; }

.box56 {
  width: 83.333%;
  max-width: 83.333%;
  -ms-flex-preferred-size: 83.333%;
      flex-basis: 83.333%;
  -webkit-flex-basis: 83.333%;
  -moz-flex-basis: 83.333%;
  -ms-flex-basis: 83.333%; }

.box311 {
  width: calc(calc(100% / 11) * 3); }

[class^='column'] {
  float: left;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 15px;
  margin-left: 15px; }

.column {
  /*max-width: 1140px;*/
  width: calc(100% - 30px);
  width: -ms-calc(100% - 30px);
  width: -o-calc(100% - 30px); }

.column12 {
  width: calc(50% - 30px);
  width: -ms-calc(50% - 30px);
  width: -o-calc(50% - 30px); }

.column13 {
  width: calc(33.333% - 30px);
  width: -ms-calc(33.333% - 30px);
  width: -o-calc(33.333% - 30px); }

.column23 {
  width: calc(66.666% - 30px);
  width: -ms-calc(66.666% - 30px);
  width: -o-calc(66.666% - 30px); }

.column14 {
  width: calc(25% - 30px);
  width: -ms-calc(25% - 30px);
  width: -o-calc(25% - 30px); }

.column34 {
  width: calc(75% - 30px);
  width: -ms-calc(75% - 30px);
  width: -o-calc(75% - 30px); }

.column15 {
  width: calc(20% - 30px);
  width: -ms-calc(20% - 30px);
  width: -o-calc(20% - 30px); }

.column25 {
  width: calc(40% - 30px);
  width: -ms-calc(40% - 30px);
  width: -o-calc(40% - 30px); }

.column35 {
  width: calc(60% - 30px);
  width: -ms-calc(60% - 30px);
  width: -o-calc(60% - 30px); }

.column45 {
  width: calc(80% - 30px);
  width: -ms-calc(80% - 30px);
  width: -o-calc(80% - 30px); }

.column16 {
  width: calc(16.666% - 30px);
  width: -ms-calc(16.666% - 30px);
  width: -o-calc(16.666% - 30px); }

.column56 {
  width: calc(83.333% - 30px);
  width: -ms-calc(83.333% - 30px);
  width: -o-calc(83.333% - 30px); }

.padding {
  padding-right: 20px;
  padding-left: 20px; }

.row::before, .row::after,
.row-full::before, .row-full::after,
.clear::before, .clear::after,
header, main, footer {
  clear: both;
  content: "";
  display: block; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -moz-flex;
  display: -ms-flex; }

.left {
  float: left; }

.right {
  float: right; }

.gris {
  background-color: #F1F2F2; }

.blanco {
  background-color: #fff; }

img {
  width: 100%;
  height: auto; }

/*--------------------------------------------------------------
4.0 - Typography
--------------------------------------------------------------*/
/*--------------------------- Fontface -------------------*/
/*--------------------------- Textos ---------------------*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body,
button,
input,
select,
textarea,
li,
a,
p {
  word-wrap: break-word;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
      hyphens: manual;
  font-size: 13px;
  line-height: 1.5;
  color: #6D6F71; }

p {
  /*
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
		    -ms-hyphens: auto;
				hyphens: auto;
		*/ }

h1, h2, h3, h4, h5, h6 {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
      hyphens: manual;
  color: #3c3c3c;
  font-weight: 600;
  letter-spacing: -1px; }

h2, h3, h4 {
  text-transform: uppercase; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 30px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px; }

h6 {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px; }

b, strong, .strong {
  font-weight: bold; }

em {
  font-style: italic; }

a, span {
  text-decoration: none;
  color: inherit; }

a:hover {
  opacity: .7; }

::-moz-selection {
  background: #ccc;
  /* WebKit/Blink Browsers */
  color: #fff; }

::selection {
  background: #ccc;
  /* WebKit/Blink Browsers */
  color: #fff; }

::-moz-selection {
  background: #ccc;
  /* Gecko Browsers */
  color: #fff; }

/*----------- Font icons - Google Material Icons --------------*/
/*
		.material-icons {
		  font-family: 'Material Icons';
		  font-weight: normal;
		  font-style: normal;
		  font-size: 24px;
		  display: inline-block;
		  line-height: 1;
		  text-transform: none;
		  letter-spacing: normal;
		  word-wrap: normal;
		  white-space: nowrap;
		  direction: ltr;

		  -webkit-font-smoothing: antialiased;
		  text-rendering: optimizeLegibility;
		  -moz-osx-font-smoothing: grayscale;
		  font-feature-settings: 'liga';
		}

		.material-icons.md-16 { font-size: 16px; }
		.material-icons.md-18 { font-size: 18px; }
		.material-icons.md-24 { font-size: 24px; }
		.material-icons.md-36 { font-size: 36px; }
		.material-icons.md-48 { font-size: 48px; }
*/
/*--------------------- Social icons ------------------*/
/*
		@font-face {
		  font-family: 'social';
		  src:  url('fonts/social.eot?1xb6lm');
		  src:  url('fonts/social.eot?1xb6lm#iefix') format('embedded-opentype'),
		    url('fonts/social.ttf?1xb6lm') format('truetype'),
		    url('fonts/social.woff?1xb6lm') format('woff'),
		    url('fonts/social.svg?1xb6lm#social') format('svg');
		  font-weight: normal;
		  font-style: normal;
		}

		[class^="social-"], [class*=" social-"] {
		  font-family: 'social' !important;
		  speak: none;
		  font-style: normal;
		  font-weight: normal;
		  font-variant: normal;
		  text-transform: none;
		  line-height: 1;
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		}

		.social-email:before{content: "\f003";}
		.social-twitter:before{content: "\f099";}
		.social-facebook:before{content: "\f09a";}
		.social-rss:before{content: "\f09e";}
		.social-pinterest:before{content: "\f0d2";}
		.social-google-plus:before{content: "\f0d5";}
		.social-linkedin:before{content: "\f0e1";}
		.social-youtube:before{content: "\f167";}
		.social-instagram:before{content: "\f16d";}
		.social-tumblr:before{content: "\f173";}
		.social-whatsapp:before{content: "\f232";}

		.compartir .social-email{background-color: #f1f2f3}
		.compartir .social-twitter{background-color: #4298ec}
		.compartir .social-facebook{background-color: #2c408c}
		.compartir .social-rss{background-color: #f16f1b}
		.compartir .social-pinterest{background-color: #f1f2f3}
		.compartir .social-google-plus{background-color: #d1352c}
		.compartir .social-linkedin{background-color: #0e70a0}
		.compartir .social-youtube{background-color: #f1f2f3}
		.compartir .social-instagram{background-color: #f1f2f3}
		.compartir .social-tumblr{background-color: #f1f2f3}
		.compartir .social-whatsapp{background-color: #24d332}
*/
/*--------------------------------------------------------------
5.0 - Elements
--------------------------------------------------------------*/
.movil {
  display: none !important; }

.escritorio {
  display: block; }

.escondido {
  text-indent: -99999px;
  position: absolute; }

.oculto {
  display: none; }

.derecha {
  text-align: right; }

.izquierda {
  text-align: left; }

.centro {
  text-align: center; }

/*---------------------------------------------------------
	5.1 - Formularios
	----------------------------------------------------------*/
form {
  float: left; }

input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
  border: 1px solid #aaa;
  font-family: 'PT Sans', sans-serif;
  background-color: #fff;
  padding: 5px 10px; }

input[type="text"],
input[type="email"],
input[type="password"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border-radius: 2px !important;
  box-shadow: none !important; }

select {
  -moz-appearance: menuitem; }

[type="checkbox"] {
  float: left;
  margin-right: 5px;
  /*-webkit-appearance: checkbox!important;*/
  -moz-appearance: checkbox !important;
  box-shadow: none !important;
  border-width: 1px !important;
  border-radius: 1px !important;
  border-color: #ddd;
  border-style: solid !important;
  width: 16px !important;
  height: 16px !important;
  display: block;
  position: relative;
  padding: 0;
  cursor: pointer; }

[type="checkbox"]:checked::after {
  content: "\f00c";
  font-family: "FontAwesome";
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center; }

form input, textarea {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 10px;
  max-width: 100%; }

label {
  display: none; }

label.aceptar {
  display: inline-block;
  float: left;
  font-style: italic;
  font-size: 12px; }

form input.box12 {
  width: calc(50% - 5px);
  -webkit-width: calc(50% - 5px);
  moz-width: calc(50% - 5px);
  -ms-width: calc(50% - 5px); }

textarea {
  height: 150px;
  overflow-y: scroll;
  resize: none; }

form input.button {
  margin-top: 10px; }

#contacto textarea {
  height: 250px; }

/*--------------------------- Login Form -----------------*/
#login-form {
  border-left: 1px solid #aaa;
  padding-left: 15px;
  position: relative;
  float: right; }

#login-form input, #login-form input:not([type="submit"]), #login-form legend {
  width: 100%; }

#login-form input {
  line-height: 1;
  padding: 2px 5px; }

#login-form legend {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: -.5px; }

#login-form input[type="text"] {
  margin-bottom: 5px; }

#login-form input[type="password"] {
  position: relative; }

#login-form input[type="submit"] {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: transparent;
  width: 10px; }

/*--------------------------- Search Form ----------------*/
#search-form {
  position: relative;
  border: 1px solid #aaa;
  height: auto;
  padding: 5px;
  margin-right: 15px;
  margin-left: 15px; }

#search-form input[type="search-form"] {
  padding: 0;
  border: none;
  margin: 0;
  border-right: 1px solid #aaa;
  width: calc(100% - 25px);
  width: -ms-calc(100% - 25px); }

#search-form input[type="submit"] {
  font-family: "FontAwesome";
  background-color: transparent;
  padding: 0;
  margin: 0;
  min-height: 0px;
  font-weight: bold;
  width: 20px; }

nav form input {
  margin: 0px; }

/*----------------------------------------------------------
	5.2 - Buttons
	-----------------------------------------------------------*/
button, .button, input[type="submit"], input[type="button"], .btn {
  -webkit-appearance: none !important;
  -webkit-border-radius: 2px 2px 2px 2px !important;
  border-width: 0px;
  border-style: solid;
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0px;
  text-align: center; }

.button {
  font-size: 12px;
  line-height: 1;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #9bb70d;
  color: #fff;
  padding: 10px 20px;
  border-radius: 2px; }


.button.grande {
  padding: 20px 40px; }

.button.largo {
  width: 100%;
  text-align: center; }

.button:hover {
  opacity: .6; }

/*----------------------------------------------------------
	5.3 - Tablas
	-----------------------------------------------------------*/
/*----------------------------------------------------------
	5.4 - Sliders
	-----------------------------------------------------------*/
.fotorama__nav--dots .fotorama__nav__frame {
  height: 30px;
  width: 25px; }

.fotorama__dot {
  display: block;
  left: 0;
  position: relative;
  top: 7.5px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  border-collapse: #CC0000 !important;
  background-color: #CC0000 !important;
  border-width: 0px; }

.fotorama__dot, .fotorama__nav__frame.fotorama__active .fotorama__dot {
  border-radius: 50%;
  border-width: 0px !important;
  height: 10px;
  width: 10px; }

.fotorama__nav__frame.fotorama__active .fotorama__dot {
  background-color: #9bb70d !important; }

.fotorama__nav.fotorama__nav--dots {
  position: absolute;
  bottom: 15px; }

.youtube-slider .fotorama__nav-wrap {
  margin-top: 40px; }

.fotorama__html {
  height: 100%; }

/*----------------------------------------------------------
	5.5 - Others
	-----------------------------------------------------------*/
/*--------------------------- Cookie Law ------------------*/
/*--------------------------- Share buttons ---------------*/
/*--------------------------------------------------------------
6.0 - Header
---------------------------------------------------------------*/
header {
  position: relative;
  min-height: 100px;
  z-index: 100; }

#little-header {
  background-color: #23262b;
  padding-top: 5px;
  padding-bottom: 5px; }

#little-header .logos {
  float: left; }

.logo {
  float: left;
  /*border-right: 1px solid #b4b4b4;*/
  margin-right: 15px;
  padding-right: 15px; }

.logo img {
  display: inline-block;
  float: left;
  height: 75px;
  width: auto; }

.site-title h1 {
  display: block;
  height: 75px;
  line-height: 0;
  margin: 0 auto;
  text-indent: -99999px;
  float: left; }

/*---------------------------------------------------------
	6.1 - Nav
	----------------------------------------------------------*/
.boton_menu {
  display: none; }

nav {
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  flex-flow: nowrap;
  -ms-flex-flow: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  border-bottom: 1px solid #ddd; }

.menu-item {
  float: left;
  padding-top: 20px;
  padding-bottom: 20px; }

.menu-item > a {
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #aaa;
  text-transform: uppercase;
  color: #3c3c3c;
  line-height: 1;
  display: block; }

.menu-item > a {
  position: relative; }

.submenu {
  position: absolute;
  background-color: #fff;
  padding: 50px 15px 30px 15px;
  border-bottom: 4px solid #9bb70d;
  border-right: 1px solid #b4b4b4;
  border-left: 1px solid #b4b4b4;
  z-index: 100;
  text-align: left;
  margin-left: -1px;
}

.submenu p {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 12px; }

.submenu a {
  padding: 0px;
  line-height: 1.1;
  width: 100%;
  padding: 3px 0px;
  display: block;
  text-transform: uppercase;
  font-size: 12px; }

.submenu ul {
  border-right: none; }

.submenu {
  display: none; }

.menu-item:hover .submenu {
  display: block; }

/*---------------------------------------------------------
	6.2 - Top info bar
	----------------------------------------------------------*/
#bar-info {
  float: right;
  width: auto;
  line-height: 70px; }

#bar-info .tel {
  font-weight: 900;
  color: #fff;
  border-right: 1px solid #aaa;
  padding-right: 10px;
  margin-right: 10px; }

#bar-info .tel i {
  margin-right: 10px; }

#bar-info #idiomas {
  position: relative;
  float: right; }

#idiomas select {
  position: relative;
  padding-right: 20px; }

#bar-info #idiomas::after {
  content: "\f0dd";
  display: block;
  line-height: 24px;
  color: #fff;
  font-family: FontAwesome;
  position: absolute;
  right: 5px; }

/*-------------------------------------------------------------
7.0 - Footer
-------------------------------------------------------------*/
footer * {
  color: #b4b4b4; }

footer h5 {
  color: #ffffff; }

footer [class^='column'] {
  margin-bottom: 35px; }

#big-footer {
  background-color: #393e44;
  border-top: 20px solid #fff;
  padding-top: 70px;
  padding-bottom: 35px; }

.info-contacto .tel, .info-contacto .mail {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%; }

.info-contacto .mail {
  color: #9bb70d;
  text-decoration: underline;
  font-style: italic;
  font-weight: bold;
  font-size: 14px; }

.info-contacto .tel {
  color: #fff;
  font-size: 22px;
  font-weight: bold; }

.info-contacto .rrss {
  margin-top: 15px; }

.rrss li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 15px; }

.rrss i {
  font-size: 14px; }

.rrss a:hover {
  color: #9bb70d; }

#nuestras-marcas {
  width: 100%;
  text-align: center;
  position: relative;
  overflow: hidden; }

#nuestras-marcas h5 {
  font-size: 12px;
  color: #b4b4b4;
  line-height: 20px;
  font-weight: normal;
  position: relative;
  background-color: #393e44;
  padding-right: 15px;
  padding-left: 15px;
  display: inline-block;
  width: auto; }

#nuestras-marcas h5::before, #nuestras-marcas h5::after {
  display: block;
  width: 600px;
  height: 1px;
  background-color: #b4b4b4;
  content: "";
  bottom: 10px;
  position: absolute; }

#nuestras-marcas h5::before {
  right: 100%; }

#nuestras-marcas h5::after {
  left: 100%; }

#nuestras-marcas img {
  margin-right: 35px;
  margin-left: 35px;
  height: 70px;
  width: auto; }

#small-footer, #small-footer * {
  color: #b4b4b4; }

#small-footer {
  background-color: #23262b;
  padding-top: 15px;
  padding-bottom: 15px; }

#small-footer > .row > p {
  float: left; }

#small-footer > .row > a {
  float: right; }

/*--------------------------------------------------------------
9.0 - Main
--------------------------------------------------------------*/
/*--------------------------------------------------------------
	8.1 - Home
	--------------------------------------------------------------*/
#home h2, #home h3, #home h4 {
  line-height: 1; }

#home-slider {
  position: relative;
  height: 100%;
  background-color: #f2f2f2; }

.fondo-slide {
  background-size: cover;
  height: 100%; }

.contenido-slide {
  position: relative;
  height: 100%;
  padding: 60px 40px; }

.texto-slide {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 20px;
  margin: 60px 40px;
  bottom: auto;
  top: auto;
  left: auto;
  right: auto;
  width: calc(50% - 60px);
  width: -ms-calc(50% - 60px); }

.texto-slide * {
  color: #fff; }

.contenido-slide h2, .contenido-slide p {
  font-size: 48px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px; }

/* -------------------------------- */
#categorias-home,
#destacados-home,
#listado-categorias-home {
  padding-top: 75px;
  padding-bottom: 35px; }

#listado-categorias-home {
  padding-top: 0px; }

#categorias-home ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: wrap row;
  -ms-flex-flow: wrap row;
  padding-left: 32px;
  padding-right: 32px; }

#categorias-home li {
  width: 25%;
  padding: 0 8px;
  height: 340px;
  position: relative;
  margin-bottom: 40px; }

#categorias-home a {
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 4px solid #9bb70d; }

.foto {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

#categorias-home .foto {
  height: 240px; }

#categorias-home .datos {
  padding: 40px 20px 40px 40px;
  position: relative;
  width: 100%;
  display: block;
  background-color: #fff;
  height: calc(100% - 240px);
  height: -moz-calc(100% - 240px); }

#categorias-home h3 {
  text-transform: uppercase;
  float: left;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px; }

#categorias-home .items {
  float: right;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: -1px; }

#categorias-home .datos::before {
  position: absolute;
  top: -5px;
  left: 40px;
  background-color: #fff;
  height: 10px;
  width: 10px;
  display: block;
  content: "";
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg); }

/* -------------------------------- */
.destacado, .novedad {
  display: block;
  position: relative;
  margin-bottom: 30px;
  border-radius: 5px;
  padding: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center; }

.destacado {
  height: 285px;
  width: 100%; }

.destacado.largo {
  height: 600px;
  overflow: hidden; }

.destacado.corto, .novedad {
  height: 170px; }

.destacado .button {
  position: absolute;
  bottom: 40px;
  left: 40px; }

.novedad .button {
  position: absolute;
  bottom: 40px;
  left: 30px; }

.destacado.largo img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto; }

.destacado h3, .novedad h3, .destacado h4 {
  margin-bottom: 5px; }

.destacado h3 {
  font-size: 30px; }

.destacado h4 {
  font-size: 18px;
  font-weight: normal; }

.destacado p {
  font-size: 12px;
  line-height: 1; }

.destacado b {
  font-weight: bold;
  color: #9bb70d; }

.novedad h3 {
  font-size: 24px; }

.destacado p {
  letter-spacing: -1px; }

/* -------------------------------- */
.titulo-categoria {
  background-color: #393e44;
  padding: 40px 0;
  display: block;
  margin-bottom: 30px; }

.titulo-categoria h3 {
  padding: 0 40px;
  font-size: 30px;
  color: #fff;
  border-right: 1px solid #666;
  line-height: 25px; }

#listado-categorias-home {
  position: relative;
  margin-bottom: 60px;
  /*padding-bottom: 50px;*/
  padding-bottom: 0px; }

#listado-categorias-home li:first-child .titulo-categoria {
  border-radius: 5px 0 0 5px; }

#listado-categorias-home li:last-child .titulo-categoria {
  border-radius: 0 5px 5px 0; }

#listado-categorias-home li:last-child .titulo-categoria h3,
#listado-categorias-home li:last-child .listado,
#listado-categorias-home li:last-child > div {
  border-right: none; }

#listado-categorias-home .listado,
#listado-categorias-home .categoria-principal > div {
  border-right: 1px solid #ddd; }

#listado-categorias-home .listado {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-gap: 20px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  padding: 0 40px;
  min-height: 200px; }

#listado-categorias-home .listado li {
  display: block;
  line-height: 2; }

.listado li::before {
  content: "\f0da";
  font-family: "FontAwesome";
  display: inline-block;
  color: #9bb70d;
  margin-right: 5px; }

#listado-categorias-home .button {
  margin-top: 20px;
  margin-left: 40px;
  /*position: absolute;
			bottom: 0*/ }

/* -------------------------------- */
#seccion-packs {
  padding-top: 85px;
  padding-bottom: 85px; }

#seccion-packs .titulo, #seccion-packs .pack {
  min-height: 290px;
  height: 100%;
  position: relative;
  display: block; }

#seccion-packs .titulo {
  padding: 35px 40px;
  border-radius: 5px 0 0 5px; }

#seccion-packs .titulo::after {
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background-color: #393e44;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  right: -5px;
  top: 50%;
  position: absolute;
  z-index: 100; }

#seccion-packs .button {
  position: absolute;
  bottom: 40px;
  background-color: #fff;
  color: #393e44; }

#seccion-packs ul {
  height: 100%;
  border-radius: 0 5px 5px 0;
  overflow: hidden; }

#seccion-packs .pack {
  background-color: #fff;
  float: left;
  border-right: 1px solid #ddd; }

#seccion-packs .pack:last-child {
  border-right: none; }

#seccion-packs .pack a {
  width: 100%;
  height: 100%;
  display: block; }

#seccion-packs .datos {
  padding: 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -moz-flex;
  display: -ms-flex; }

#seccion-packs .pack h3 {
  font-size: 15px;
  width: 40%;
  float: left;
  text-align: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center; }

.pack .foto {
  height: 280px;
  background-position: center top;
  background-size: cover; }

.pack .precio, .pack .precio * {
  font-size: 18px;
  font-weight: bolder; }

.pack del {
  color: #bbb;
  margin-left: 10px;
  line-height: 30px; }

ins {
  text-decoration: none; }

.pack ins {
  color: #9bb70d;
  margin-left: 10px;
  line-height: 30px; }

.pack .precio {
  width: 60%;
  float: left; }

/*-------------------------------------------------------------
	8.2 - Pages
	--------------------------------------------------------------*/
.page {
  padding-top: 20px;
  padding-bottom: 60px; }

#contacto {
  padding-top: 0px;
  margin-bottom: 120px; }

/*--------------------------------------------------------------
		8.2.1 - Base
		--------------------------------------------------------------*/
.page h2, .page h3 {
  font-weight: normal;
  display: inline-block; }

.page h2 {
  margin-right: 20px;
  font-size: 48px; }

.page h3 {
  font-size: 24px;
  color: #969696; }

.page .content {
  margin-top: 20px;
  margin-bottom: 20px; }

.page img {
  margin-bottom: 20px;
  margin-top: 20px; }

.page .content p {
  margin-bottom: 5px; }

/*--------------------------------------------------------------
		8.2.3 - Contacto
		--------------------------------------------------------------*/
#elmapa {
  height: 400px;
  margin-bottom: 80px; }

#contacto h3, #contacto h4 {
  color: #3c3c3c;
  font-weight: bold; }

#contacto h3 {
  font-size: 21px;
  margin-bottom: 30px; }

#contacto h4 {
  font-style: 18px;
  margin-top: 30px; }

#contacto .tel {
  color: #3c3c3c; }

#contacto .button {
  margin-left: 15px; }

#contacto input, #contacto textarea {
  padding: 10px;
  border-color: #ddd;
  border-radius: 3px; }

#contacto input:focus, #contacto textarea:focus {
  box-shadow: 0px 0px 3px 1px #9bb70d; }

/*--------------------------------------------------------------
		8.2.5 - Error 404
		--------------------------------------------------------------*/
/*--------------------------------------------------------------
		8.2.5 - Tienda
		--------------------------------------------------------------*/
.sidebar, .catalogo {
  margin-top: 20px;
  margin-bottom: 120px; }

/*----------------------------------------------------------
			8.2.5 - Sidebars
			----------------------------------------------------------*/
.nav-bar {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  min-height: 50px; }

#breadcrumbs {
  height: auto;
  min-height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  width: auto;
  float: left; }

#breadcrumbs > * {
  display: inline-block;
  font-size: 14px;
  line-height: 50px; }

#breadcrumbs > :not(:last-child)::after {
  content: "/";
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px; }

.paginado {
  float: right;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px; }

.paginado * {
  display: inline-block;
  font-size: 14px; }

.paginado ul {
  margin-left: 5px;
  margin-right: 5px; }

.paginado li {
  color: #3c3c3c; }

.paginado .current {
  color: #9bb70d; }

.paginado ul :not(:last-child)::after {
  display: inline-block;
  content: "-";
  margin-left: 2px;
  color: #3c3c3c; }

.paginado .button {
  background-color: #9bb70d;
  font-weight: bold; }

#volver, .anterior-siguiente {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 20px;
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
  float: left; }

.anterior-siguiente {
  text-align: right; }

#volver {
  text-transform: uppercase; }

#volver:hover, .anterior-siguiente a:hover {
  color: #9bb70d; }

.nav-bar .fa-caret-left {
  margin-right: 5px; }

.nav-bar .fa-caret-right {
  margin-left: 5px; }

/*----------------------------------------------------------- */
#sidebar {
  padding-right: 30px; }

#filtros {
  border-bottom: 1px solid #ddd;
  padding-bottom: 40px; }

.filtro {
  margin-bottom: 0px; }

.filtro .titulo {
  line-height: 40px;
  display: block;
  width: 95%;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid #393e44;
  color: #393e44;
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 14px !important;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  margin-bottom: 0px; }

.filtro .titulo::after {
  content: "-";
  float: right;
  display: inline-block; }

.filtro.cerrado .titulo::after {
  content: "+"; }

.filtro.abierto .titulo::after {
  content: "-"; }

.filtro ul {
  height: auto;
  overflow: hidden;
  -webkit-transition: max-height .2s ease-in-out;
  transition: max-height .2s ease-in-out;
  margin-top: 10px;
  margin-bottom: 0;
  min-height: 0px; }

.filtro.abierto ul {
  max-height: 1000px; }

.filtro.cerrado ul {
  max-height: 0px; }

.filtro li {
  display: block;
  height: auto;
  margin-bottom: 10px;
  margin-top: 0px; }

.filtro li:last-child {
  margin-bottom: 20px; }

.filtro label {
  display: inline;
  margin-left: 5px;
  font-size: 14px;
  font-weight:400;
  line-height: 1.2;
  text-transform: uppercase; }

/*--------------------------------------------------------------
			8.2.5 - Catálogo
			--------------------------------------------------------------*/
#productos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: distribute;
  border-bottom: 1px solid #ddd; }

.producto {
  margin-bottom: 60px;
  padding-right: 10px;
  padding-left: 10px;
  width: calc(100% / 3);
  width: -ms-calc(100% / 3); }

.producto .datos * {
  font-size: 15px;
  line-height: 1.5;
  text-transform: none;
  text-align: center; }

.producto .colores {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ddd;
  font-style: italic; }

.producto .titulo {
  margin-top: 10px; 
    text-transform: uppercase;
}

.ref {
  font-weight: bold;
  font-size:21px !important;
  font-style: italic;
   }
.refpeque {
  font-weight:normal !important;
  font-style: italic;
}

.nuevo .refpeque::after {
  content: "N";
  display: inline-block;
  color: #fff;
  background-color: #9bb70d;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  padding: 1px;
  text-align: center;
  margin-left: 10px;
  font-weight: bolder;
  font-style: normal; }

/*--------------------------------------------------------------
			8.2.5 - Producto single page
			--------------------------------------------------------------*/
#caja-fotos-producto {
  position: relative; }

#caja-fotos-producto .datos {
  position: absolute;
  bottom: 74px;
  width: 100%; }

#caja-fotos-producto .datos * {
  line-height: 25px; }

#caja-fotos-producto .datos {
  padding-right: 15px; }

#caja-fotos-producto .datos > :first-child {
  float: left;
  text-transform: uppercase;
  font-size: 15px;
  color: #3c3c3c; }

#caja-fotos-producto .datos > :last-child {
  text-transform: uppercase;
  float: right; }

#caja-fotos-producto .datos i {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #9bb70d;
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  border-radius: 50%;
  margin-right: 5px; }

#caja-fotos-producto .datos .descargar {
  background-color: #fff;
  padding: 0px 10px;
  border-radius: 2px; }

#caja-fotos-producto .datos .descargar a {
  font-size: 12px; }

#fotos-producto .fotorama__nav-wrap {
  margin-top: 6px !important; }

#fotos-producto .fotorama__thumb-border {
  border-width: 1px !important;
  border-radius: 5px !important;
  border-color: transparent !important;
  width: 62px !important;
  height: 62px !important; }

#fotos-producto .fotorama__nav--thumbs .fotorama__nav__frame,
#fotos-producto .fotorama__thumb.fotorama__loaded.fotorama__loaded--img {
  border-radius: 5px !important;
  overflow: hidden; }

#fotos-producto .fotorama__stage {
  border-radius: 5px !important;
  border-color: #ddd !important;
  border-style: solid !important;
  border-width: 1px !important;
  overflow: hidden !important; }

#fotos-producto .fotorama__thumb.fotorama__loaded.fotorama__loaded--img {
  border: 1px solid #ddd !important; }

#producto h2 {
  font-size: 21px;
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  line-height: 1; }

#drescripcion-producto .ref {
  font-size: 18px;
  text-transform: none;
  line-height: 21px; }

#producto h2,
#producto h3,
#drescripcion-producto h4,
#drescripcion-producto p,
#drescripcion-producto ul,
#drescripcion-producto li {
  display: inline;
  margin-right: 5px; }

#drescripcion-producto > div:first-child {
  margin-top: 10px; }

#drescripcion-producto > div {
  border-bottom: 1px solid #ddd; }

#drescripcion-producto > div:last-child,
#drescripcion-producto > div:first-child {
  border-bottom: none; }

#drescripcion-producto > *:not(:first-child) {
  padding-top: 11px;
  padding-bottom: 9px; }

#drescripcion-producto > .descripcion {
  padding-top: 10px;
  padding-bottom: 15px; }

#drescripcion-producto > .descripcion h4, #drescripcion-producto > .nota h4 {
  color: #3c3c3c;
  font-weight: normal; }

#drescripcion-producto > .descripcion p {
  display: block;
  margin-top: 5px; }

#drescripcion-producto > .nota {
  padding-top: 10px;
  padding-bottom: 10px; }

#drescripcion-producto > .nota p {
  float: left; }

#drescripcion-producto .caracteristica h4 {
  color: #b4b4b4;
  font-weight: bolder; }

#drescripcion-producto .caracteristica * {
  font-size: 12px; }

#drescripcion-producto .caracteristica.compartir h4 {
  color: #6D6F71; }

#drescripcion-producto .tallas li:not(:last-child)::after {
  content: "-";
  display: inline-block;
  margin-right: 1px;
  margin-left: 3px; }

#drescripcion-producto .precio * {
  font-size: 18px;
  font-weight: bold; }

#drescripcion-producto .precio h4 + p {
  color: #9bb70d; }

#drescripcion-producto .precio p * {
  margin-right: 5px; }

#drescripcion-producto .precio del {
  font-size: .7em; }

#drescripcion-producto .precio ins {
  text-decoration: none; }

.single-producto section {
  margin-bottom: 60px; }

.single-producto section > h4 {
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  font-size: 30px; }

#combina .producto {
  width: calc(100% / 4);
  -webkit-width: calc(100% / 4);
  -moz-width: calc(100% / 4);
  -ms-width: calc(100% / 4); }

#combina .producto .titulo {
  margin-bottom: 0px; }

/* ---- Tabla pedidos ----- */
#form-pedido .encabezado {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  margin-top: 60px;
  float: left; }

#form-pedido .encabezado .fa {
  color: #3c3c3c;
  font-size: 22px;
  margin-right: 5px; }

#form-pedido h3 {
  font-size: 21px; }

#form-pedido input[type="submit"] {
  margin-top: 0px;
  text-transform: none;
  font-size: 15px;
  font-weight: lighter;
  padding: 7px 15px; }

.fecha-entrada img {
  width: auto;
  height: auto;
  max-height: 40px;
  float: left;
  margin-right: 10px; }

.fecha-entrada p {
  line-height: 40px;
  color: #9bb70d;
  display: inline;
  font-size: 16px; }

#stock-previsiones h4 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block; }

#tabla-pedido * {
  text-align: center;
  color: #3c3c3c; }

#tabla-pedido thead * {
  font-weight: 600; }

#tabla-pedido thead th[scope="colgroup"] {
  text-transform: uppercase;
  border: 1px solid #3c3c3c; }

#tabla-pedido .color {
  color: #3c3c3c;
  font-weight: 600; }

#tabla-pedido th, #tabla-pedido td {
  border: 1px solid #3c3c3c;
  font-size: 12px;
  vertical-align: middle;
  height: 24px;
  min-width: 8%;
  color: #3c3c3c; }

#tabla-pedido .previsiones td, #tabla-pedido .previsiones th {
  border-top-width: 0;
  height: 36px;
  font-size: 10px;
  color: #6d6f71; }

#tabla-pedido .previsiones .fa {
  margin-right: 5px; }

#tabla-pedido .previsiones td:empty, #tabla-pedido .previsiones th:empty {
  border-width: 0 0 0 1px; }

tr.tallas th:not(.color) {
  background-color: #ccc; }

#tabla-pedido input {
  width: 100%;
  height: 100%;
  border-radius: 0px;
  border-width: 0px;
  min-height: 100%;
  margin: 0px;
  font-size: 12px; }