@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: 20%;

  padding: 0 8px;

  height: 300px;

  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;*/
  padding-top: 20px;
  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;
  width:100%;
  text-align:center;

  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); }

.outlet {

  margin-bottom: 60px;

  padding-right: 10px;

  padding-left: 10px;

  width: calc(100% / 4);

  width: -ms-calc(100% / 4); }


.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; }