/* ------- */
/* General */
/* ------- */

body {
	font-size: 16px;
}

a {
	color: #456614;
}

a:hover {
	color: #456614;
}

p {
	font-size: 16px;
	line-height: 18px;
}

h2 {
	color: #456614;
	font-size: 24px;
	font-weight: bold;
}

img.proximamente {
	padding-top: 40px;
}

.boton {
	padding-top: 20px;
	padding-bottom: 20px;
}

.boton a {
	display: inline-block;
	font-size: 20px;
	color: #456614;
	border: 1px solid #456614;
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 54px;
}

.boton a:hover {
	text-decoration: underline;
}

.go-top {
	margin-top: 100px;
	display: inline-block;
}

/* ---------- */
/* Paginación */
/* ---------- */

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	background-color: #666666;
	border-color: #666666;
}

.pagination>li>a,
.pagination>li>span {
	color: #666666;
}


/* ---- */
/* Menú */
/* ---- */

/* barra menú */

nav.navbar {
	margin-bottom: 0;
	background-color: #FFFFFF;
	border: 0;
}

@media (min-width: 996px) {
	nav.navbar {
		min-height: 106px;
	}
}

nav .navbar-nav {
	background-color: #cdcdcd;
	border-radius: 4px;
}

@media (min-width: 996px) {
	nav .navbar-nav {
		background-color: #FFFFFF;
	}
}

@media (max-width: 996px) {
	.navbar-collapse {
		border: 0 !important;
		margin-bottom: 10px;
	}
}

/* logo */

@media (min-width: 996px) {
	nav.navbar .main-logo {
		padding-right: 20px;
	}
}

nav.navbar .main-logo img {
	display: block;
	margin: 20px auto;
}

@media (min-width: 996px) {
	nav.navbar .main-logo img {
		margin: 0;
		display: inherit;
	}
}

/* item */

@media (min-width: 996px) {
	nav.navbar ul.nav > li {
		height: 106px;
	}
}

nav.navbar img.menu-icon {
	margin: 0 auto;
	display: none;
	width: 32px;
}

@media (min-width: 996px) {
	nav.navbar ul.nav > li:hover img.menu-icon {
		display: block;
	}
}

nav.navbar ul.nav > li > a {
	text-transform: uppercase;
	padding: 28px 12px 16px 12px;
}

nav.navbar li a {
	background-color: inherit !important;
	text-decoration: none;
	font-size: 14px;
	color: #000000 !important;
}

nav.navbar li:hover {
	background-color: #cdcdcd;
}

nav.navbar li:hover a {
	/* color: #FFFFFF !important; */
}

nav.navbar .rrss {
	display: none;
}

nav.navbar .rrss img {
	margin-left: 10px;
}

@media (min-width: 996px) {
	nav.navbar .rrss {
		display: initial;
		padding-top: 24px;
	}
}

/* item activo */

nav.navbar li.active {
	background-color: #cdcdcd;
}

nav.navbar li.active a {
	/* color: #FFFFFF !important; */
}

nav.navbar li.active img.menu-icon {
	display: none;
}

/* subitem */

nav.navbar .dropdown-menu {
	background-color: #cdcdcd;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

nav.navbar .dropdown-menu a {
	/* color: #FFFFFF !important; */
	padding: 10px 20px;
}

nav.navbar .dropdown-menu li:hover {
	background-color: #999999;
}

/* item abierto */

nav.navbar .dropdown.open {
	background-color: #cdcdcd;
}

nav.navbar .dropdown.open a {
	/* color: #FFFFFF !important; */
}

@media (min-width: 996px) {
	nav.navbar li.active img.menu-icon {
		display: block !important;
	}
}

nav.navbar .dropdown.open img.menu-icon {
	display: none;
}

@media (min-width: 996px) {
	nav.navbar .dropdown.open img.menu-icon {
		display: block;
	}
}

#logo-airesano {
	padding-top: 12px;
}

/* ------- */
/* Cookies */
/* ------- */

#cookieBanner {
    display: none;
    font-size: 14px;
    padding: 12px;
    background-color: #ddd;
    border-top: solid 1px #ccc;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    width: 100%;
}

#cookieBannerClose {
    float: right;
    font-weight: bold;
    padding: 4px;
}

#cookieBannerActions {
    text-align: center;
    padding-top: 4px;
}

/* ------ */
/* Footer */
/* ------ */

footer {
	background-color: #cdcdcd;
	padding: 40px 10px;
	margin-top: 60px;
}

footer p {
	margin-bottom: 24px;
}

footer .rrss img {
	margin-right: 10px;
}

footer a.legal,
footer a.politica,
footer a:link.legal,
footer a:link.politica,
footer a:visited.legal,
footer a:visited.politica,
footer a:hover.legal,
footer a:hover.politica,
footer a:active.legal,
footer a:active.politica {
	color: #000000;
	font-size: 14px;
}

/* ---------------- */
/* Carousel banners */
/* ---------------- */

.left.carousel-control,
.right.carousel-control {
	background-image: none !important;
}

/* ------------- */
/* Página "Home" */
/* ------------- */

body.home .nuestras_marcas {
	display: none;
}

@media (min-width: 768px) {
	body.home .nuestras_marcas {
		display: initial;
	}
}

body.home .nuestras_marcas h2 {
	border-bottom: 1px solid #456614;
	padding-bottom: 20px;
}

body.home hr.separador {
	display: none;
}

@media (min-width: 768px) {
	body.home hr.separador {
		display: block;
		border-color: #a5c400;
	}
}

@media (min-width: 768px) {
	body.home .content {
		padding-top: 75px;
	}
}

body.home .content h2 {
	margin-top: 0;
}

body.home .content .boton a {
	padding: 8px;
	display: block;
	text-align: center;
}

body.home .content p {
	text-align: justify;
}

body.home .content img {
	padding-bottom: 20px;
}

@media (min-width: 768px) {
	body.home .content img {
		padding-bottom: 0;
	}
}

body.home .content .clearfix {
	margin-bottom: 40px;
}

body.home .videos {
	margin-top: 40px;
}

body.home .videos h2 {
	font-weight: normal;
}

body.home .videos img {
	padding-top: 10px;
}

body.home .blog {
	margin-top: 56px;
	margin-bottom: 66px;
}

@media (min-width: 996px) {
	body.home .blog h2.header {
		border-bottom: 1px solid #456614;
		padding-bottom: 16px;
	}
}

body.home .blog img {
	padding-top: 20px;
}

body.home .blog a.ver_mas {
	font-weight: bold;
	text-decoration: underline;
}

#disqus_thread {
	background-color: #f7f8ea;
	padding: 1em;
	border-radius: 6px;
}

body.home .amazon {
	display: block;
	margin-top: 50px;
	margin-bottom: 25px;
}

@media (min-width: 1200px) {
	body.home .amazon {
		height: 600px;
		background: #000 url('/img/home-amazon-lg.jpg') no-repeat center center;
		background-size: cover;
	}
}

/* slider marcas */

.bx-wrapper {
	max-width: none !important;
	box-shadow: none !important;
	margin-top: 30px;
	margin-bottom: 10px !important;
}

.bx-wrapper .bx-controls-direction a {
	text-indent: 0 !important;
}

.bx-wrapper .bx-prev {
    background: url('/img/arrow_l.png') no-repeat 0 !important;
    margin-left: -20px;
}

.bx-wrapper .bx-next {
    background: url('/img/arrow_r.png') no-repeat 0 !important;
    margin-right: -20px;
}

.bxslider li {
	margin-left: 22px;
}

/* ---------------------- */
/* Página "Quiénes somos" */
/* ---------------------- */

body.quienes-somos .content {
	margin-top: 20px;
	margin-bottom: 100px;
}

/* ---------------------- */
/* Página "Dónde estamos" */
/* ---------------------- */

body.donde-estamos .direccion > div {
	border: 2px solid #a5c400;
	padding: 18px 28px;
	margin: 0 20px 20px 20px;
}

@media (min-width: 996px) {
	body.donde-estamos .direccion > div {
		margin: initial;
	}
}

body.donde-estamos .direccion p {
	margin-bottom: 20px;
	line-height: 22px;
}

body.donde-estamos .texto {
	padding-left: 20px;
	text-align: justify;
	margin: 20px 0;
}

@media (min-width: 1200px) {
	body.donde-estamos .texto {
		margin: initial;
	}
}

body.donde-estamos .col-xs-12 {
	padding-left: 0;
	padding-right: 0;
}

body.donde-estamos #slider img {
	margin: 0 auto;
}

@media (min-width: 996px) {
	body.donde-estamos #slider img {
		margin: initial;
	}
}

/* ------------------------- */
/* Página "Área profesional" */
/* ------------------------- */

body.area-profesional h2 {
	border-bottom: 1px solid #456614;
	padding-bottom: 16px;
	margin-top: 0;
	margin-bottom: 30px;
}

body.area-profesional .frmConsulta input {
	outline: none;
}

body.area-profesional .frmConsulta input[type=text] {
	width: 100%;
	border: 1px solid #a5c400;
	height: 40px;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 8px;
}

body.area-profesional .frmConsulta input[type=submit] {
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #acc22f;
	padding: 8px 74px;
	border: 0;
}

body.area-profesional .frmConsulta input[type=submit]:hover {
	text-decoration: underline;
}

body.area-profesional .frmConsulta textarea {
	border: 1px solid #a5c400;
	width: 100%;
	height: 204px;
	padding: 8px;
	font-size: 14px;
	margin-bottom: 10px;
}

body.area-profesional .frmConsulta label {
	font-weight: normal;
	font-size: 14px;
}

body.area-profesional .frmConsulta .flash {
	margin-top: 10px;
	padding: 6px;
	background-color: #EFEFEF;
	border: 1px dotted #333333;
	font-weight: bold;
	text-align: center;
}

/* -------------- */
/* Página "I+D+I" */
/* -------------- */

body.pla .seccion {
	padding-top: 0;
}

@media (min-width: 768px) {
	body.pla .seccion {
		padding-top: 50px;
	}
}

body.pla .seccion h2 {
	color: #456614;
	border-top: 1px solid #a5c400;
	margin-top: 0;
	padding-top: 10px;
	font-size: 23px;
	font-weight: 700;
}

body.pla .seccion img {
	margin: 30px auto;
}

@media (min-width: 768px) {
	body.pla .seccion img {
		margin: 0 auto;
	}
}

body.pla h2.claim {
	font-weight: 300;
	font-size: 22px;
	margin: 60px 10px;
	color: #536a1d;
}

@media (min-width: 768px) {
	body.pla h2.claim {
		font-size: 48px;
	}
}

/* -------------------- */
/* Página "Promociones" */
/* -------------------- */

body.promociones .ganadores h2,
body.promociones .ganadores h3 {
	font-weight: normal;
}

body.promociones {
	text-align: center;
}

body.promociones .content {
	padding-top: 40px;
}

body.promociones .separador {
	border-bottom: 1px solid #a5c400;
	height: 1px;
	margin-top: 52px;
	margin-bottom: 52px;
}

body.promociones .boton {
	font-size: 15px;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #acc22f;
	padding: 10px 16px;
	border: 0;
	text-decoration: none;
}

body.promociones p.texto {
	padding-bottom: 34px;
}

body.promociones .boton:hover {
	text-decoration: underline;
}

body.promociones .pagination {
	padding-top: 50px;
}

body.promociones img {
	margin-bottom: 20px;
}

@media (min-width: 996px) {
	body.promociones img {
		margin-bottom: 0;
	}
}

/* ------------- */
/* Página "Blog" */
/* ------------- */

body.blog h1 {
	text-align: center;
	padding-bottom: .8em;
	margin-bottom: .8em;
	border-bottom: 1px solid #EFEFEF;
}

body.blog a {
	text-decoration: none;
}

body.blog a:hover {
	text-decoration: underline;
}

body.blog .img-mini {
	text-align: right;
}

body.blog .extracto {
	margin-bottom: 30px;
}

body.blog .img-destacada {
	padding-top: 20px;
	padding-bottom: 30px;
}

body.blog .boton {
	padding-top: 60px;
	text-align: center;
}

/* --------- */
/* Productos */
/* --------- */

/* zona filtros */

.filtros {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 80px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

.filtros-titulo {
	text-transform: capitalize;
	color: #000000;
	margin-top: 50px;
	margin-bottom: 40px;
	font-family: 'Philosopher', sans-serif;
	font-size: 2em;
}

@media (min-width: 992px) {
	.filtros-titulo {
		font-size: 3em;
	}
}

.filtros-header {
	color: #000000;
	text-align: right;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: .25em;
}

.filtros p {
	font-weight: bold;
}

#formFiltros {
	font-size: 1.1em;
	font-weight: 300;
}

#formFiltros select {
	width: 100%;
	border: 0;
}

#formFiltros select.active {
	color: #ffffff;
	background-color: #000000;
}

/* zona productos */

.productos {
	background-color: #f4eee3;
	padding-bottom: 90px;
}

.productos .imagen {
	padding-top: 40px;
	padding-bottom: 40px;
}

.productos .info {
	padding: 20px;
}

.productos .info p {
	font-size: 15px;
}

.productos .info p.nombre {
	color: #000000;
	text-decoration: none !important;
	min-height: 2em;
	font-family: 'Philosopher', sans-serif;
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 1em;
}

.productos .info p.referencias {
	color: #000000;
}

.productos .ficha-producto {
	display: block;
	text-decoration: none;
	height: 100%;
	background-color: #ffffff;
	margin-bottom: 34px;
	position: relative;
	overflow: hidden;
}

.productos .ficha-producto .imagen {
	min-height: 300px; /* para que antes de cargarse la imagen la ficha ya tenga una altura */
}

.productos .ficha-producto img {
	display: block;

	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.productos .ficha-producto:hover {
	text-decoration: none;
}

/* decoración hover ficha producto */

.productos .ficha-producto::before,
.productos .ficha-producto::after {
	position: absolute;
	top: 12px;
	right: 12px;
	bottom: 12px;
	left: 12px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.productos .ficha-producto::before {
	border-top: 1px solid #cbbd9a;
	border-bottom: 1px solid #cbbd9a;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.productos .ficha-producto::after {
	border-right: 1px solid #cbbd9a;
	border-left: 1px solid #cbbd9a;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.productos .ficha-producto:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.productos .ficha-producto:hover::before,
.productos .ficha-producto:hover::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* --------------- */
/* Página "Marcas" */
/* --------------- */

/* Cabecera */

body.marcas .header-marca {
	width: 100%;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	margin-bottom: 20px;
}

@media (min-width: 992px) {
	body.marcas .header-marca {
		height: 550px;
		margin-bottom: 60px;
	}
}

body.marcas .header-marca-inner {
	background: rgba(0,0,0,0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: background 2s ease;
}

body.marcas .header-marca-inner.visible {
	background: rgba(0,0,0,0.5);
}

body.marcas .header-marca-inner img {
	position: absolute;
	opacity: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
	width: auto;
	max-width: 90%;
	height: 400px;
	transition: transform 2s ease, opacity 2s ease;
}

body.marcas .header-marca-inner.visible img {
	transform: translate(-50%, -50%);
	opacity: 1;
}

body.marcas .info-marca {
	margin-bottom: 75px;
}

body.marcas .titulo-marca {
	position: relative;
}

body.marcas .titulo-marca::before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #e38381;
	position: absolute;
	top: 50%;
	left: -50%;
	transform: translateY(-50%);
	z-index: -1;
}

body.marcas .titulo-marca .container {
	background-color: #ffffff;
}

@media (min-width: 992px) {
	body.marcas .titulo-marca .container,
	body.marcas .info-marca {
		padding: 1em;
	}
}

body.marcas h1 {
	color: #000000;
	font-family: 'Philosopher', sans-serif;
	font-weight: 700;
}

body.marcas .descripcion-marca p {
	font-weight: 300;
	font-size: 1.2em;
	line-height: 1.3em;
}

body.marcas .claim-marca,
body.marcas .claim-marca p {
	text-align: center;
	font-family: 'Philosopher', sans-serif;
	color: #a38a4c;
	margin-bottom: 30px;
	line-height: 1.3em;
	font-size: 26px;
}

@media (min-width: 992px) {
	body.marcas .claim-marca {
		margin-top: 0;
	}
}

body.marcas .marca-dop {
	width: 149px;
}

body.marcas .botones-marca {
	margin-top: 50px;
	margin-bottom: 50px;
}

.descarga-catalogo,
.compra,
.compra-amazon {
	display: block;
	max-width: 280px;
	background-color: #ff9900;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 60px 15px 20px;
	margin-top: 1em;
	position: relative;
}

.descarga-catalogo {
	font-size: 1.2em;
}

.descarga-catalogo:link,
.descarga-catalogo:hover,
.descarga-catalogo:active,
.descarga-catalogo:visited,
.compra-amazon:link,
.compra-amazon:hover,
.compra-amazon:active,
.compra-amazon:visited,
.compra:link,
.compra:hover,
.compra:active,
.compra:visited {
	color: #000000;
	text-decoration: none;
}

.compra {
	text-align: center;
}

.descarga-catalogo:hover,
.compra-amazon:hover,
.compra:hover {
	background-color: #ffa927;
}

.descarga-catalogo::after, 
.compra-amazon::after,
.compra::after {
	content: "";
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 20px;
}

.descarga-catalogo::after {
	background: transparent url('/img/pdf_icon.svg') no-repeat center center;
}

.compra-amazon::after {
	background: transparent url('/img/icono_amazon.svg') no-repeat center center;
	width: 100px;
}

.compra::after {
	background: transparent url('/img/logo_amazon_header.png') no-repeat center center;
	width: 24px;
	height: 22px;
}


/* ------------------ */
/* Página "Productos" */
/* ------------------ */

body.categorias .header {
	background-color: #000000;
	color: #ffffff;
	position: relative;
	font-family: 'Philosopher', sans-serif;
}

body.categorias .header::before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #a0a0a0;
	position: absolute;
	top: 50%;
	left: -50%;
	transform: translateY(-50%);
}

body.categorias .header .container {
	background-color: #000000;
	position: relative;
}

@media (min-width: 992px) {
	body.categorias .header .container {
		padding: 1em;
	}
}

/* ------------------------- */
/* Página "Producto" (ficha) */
/* ------------------------- */

/* header */

body.producto .header h2 {
	color: #ffffff;
	font-size: 36px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
    line-height: 1.1;
	font-family: 'Philosopher', sans-serif;
}

body.producto .header {
	background-color: #000000;
	color: #ffffff;
	position: relative;
	margin-bottom: 25px;
}

body.producto .header::before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #a0a0a0;
	position: absolute;
	top: 50%;
	left: -50%;
	transform: translateY(-50%);
}

body.producto .header .container {
	background-color: #000000;
	position: relative;
}

@media (min-width: 992px) {
	body.producto .header .container {
		padding: 1em;
	}
}

/* breadcrumbs */

.breadcrumbs {
	margin-bottom: 60px;
}

/* carousel */

#carousel-producto {
	padding-left: 50px;
	padding-right: 50px;
}

.carousel-inner {
	margin-bottom: 30px;
	position: relative;
}

/* carousel (wrapper carousel + thumbnails) */

.producto .galeria {
	padding: 0;
	margin-bottom: 30px;
}

@media (min-width: 992px) {
	.producto .galeria {
		padding: 0;
		margin-bottom: 120px;
	}
}

/* carousel - icono zoom */

@media (min-width: 992px) {
	.carousel-inner a::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.25) url('/img/ico-zoom.png') no-repeat center center;
		opacity: 0;
	}
	
	.carousel-inner a:hover::after {
		opacity: 1;
		transition: opacity .5s ease;
	}
}

/* carousel - thumbnails */

.carousel-thumbs {
	display: none;
}

@media (min-width: 992px) {
	.carousel-thumbs {
		display: block;
	}
}

.carousel-thumb {
	display: block;
	width: 100%;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
}

.carousel-thumb::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
}

.carousel-thumb:hover::after {
	background-color: #ccc;
}

.carousel-thumb.active::after {
	background-color: #000;
}

/* carousel - flechas */

.producto .carousel .glyphicon {
	width: 100%;
	height: 50px;
	background-color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0;
	margin-left: 0;
}

.producto .carousel .glyphicon::before {
	content: "";
}

.producto .carousel .glyphicon-chevron-left {
	left: 0;
	background-image: url('/img/carousel-arrow-l.svg');
	background-position: left center;
}

.producto .carousel .glyphicon-chevron-right {
	right: 0;
	background-image: url('/img/carousel-arrow-r.svg');
	background-position: right center;
}

.producto .carousel .left:hover .glyphicon-chevron-left {
	background-image: url('/img/carousel-arrow-l-hover.svg');
}

.producto .carousel .right:hover .glyphicon-chevron-right {
	background-image: url('/img/carousel-arrow-r-hover.svg');
}

/* botón Amazon */

.producto .btn-amazon {
	background-color: #a38a4c;
	padding: 15px 15px 15px 60px;
	color: #fff;
	font-weight: bold;
	position: relative;
	display: inline-block;
	margin-bottom: 50px;
}

.producto .btn-amazon::after {
	content: "";
	background: transparent url('/img/btn-amazon.svg') no-repeat center left;
	background-size: contain;
	position: absolute;
	width: 30px;
	height: 30px;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.3em;
}

.producto .btn-amazon:link,
.producto .btn-amazon:hover,
.producto .btn-amazon:active,
.producto .btn-amazon:visited {
	text-decoration: none;
}

.producto .btn-amazon:hover {
	background-color: #7c652a;
}

/* datos producto */

.producto h1 {
	font-family: 'Philosopher', sans-serif;
	font-size: 34px;
	margin-top: 0;
	margin-bottom: 50px;
}

.producto .datos-principales {
	padding: 20px;
	font-weight: 300;
}

@media (min-width: 992px) {
	.producto .datos-principales {
		margin-bottom: 100px;
	}
}

/* iconos características */

.producto .caracs {
	margin-bottom: 30px;
}

.caracs-carac {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.producto .caracs p {
	font-size: 15px;
	text-transform: uppercase;
}

.producto .caracs img {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 15px;
}

/* iconos datos */

.producto .datos {
	margin-bottom: 30px;
}

.producto .datos-dato {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.producto .datos p {
	font-size: 15px;
	padding-left: .5em;
}

.producto .datos p strong {
	text-transform: none;
}

.producto .datos img {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 15px;	
}

/* lista de datos */

.producto .lista {
	list-style: none;
	padding-left: 0;
	margin-bottom: 50px;
}

.producto .lista li {
	border-bottom: 1px solid #6f6f6f;
	padding-top: .5em;
	padding-bottom: .5em;
}

@media (min-width: 992px) {
	.producto .datos-principales {
		padding-top: 0;
		padding-left: 60px;
	}
}

/* referencias */

.producto .tabla-referencias {
	border-collapse: collapse;
	width: 100%;
}

.producto .tabla-referencias th,
.producto .tabla-referencias td {
	border: 1px solid lightgray;
	padding: 4px 15px;
}

.producto .tabla-referencias td {
	border-left: 0;
}

.producto .tabla-referencias th {
	background-color: #f4eee3;
	border-right: 0;
}

.producto .tabla-referencias .nombre {
	font-size: 14px;
}

/* --------------------------------------- */
/* Hack para igualar la altura de columnas */
/* --------------------------------------- */

.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.row.is-flex:after, .row.is-flex:before{
  display: none;
}

/* --------------- */
/* Página "Método" */
/* --------------- */

body.metodo .tab-pane > .row:nth-of-type(even) > div {
	background-color: #f0f3d9;
}

body.metodo .tab-pane .row > div {
	padding-top: 30px;
	padding-bottom: 30px;
}

body.metodo .etapa {
	display: none;
}

body.metodo #etapas-header .etapa {
	height: 64px;
	background: transparent url('../img/metodo-etapas-header.png') no-repeat 50% 0;
}

body.metodo #procesos2 .etapa {
	background: transparent url('../img/metodo-etapas-footer.png') no-repeat 50% 0;
}

body.metodo .titulo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}

body.metodo .titulo p {
	font-weight: normal;
}

body.metodo .titulo img {
	display: block;
	margin: 0 auto;
	padding-top: 12px;
}

/* ------------------------- */
/* Newsletter                */
/* ------------------------- */

#newsletter {
	margin-bottom: 20px;
	border-bottom: 1px dotted #000;
}

#newsletter h4 {
	font-weight: bold;
}

#newsletter input {
	outline: none;
}

#newsletter input[type=text] {
	width: 100%;
	border: 1px solid #a5c400;
	height: 40px;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 8px;
}

#newsletter input[type=submit] {
	margin-bottom: 25px;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #acc22f;
	padding: 8px 60px;
	border: 0;
}

#newsletter input[type=submit]:hover {
	text-decoration: underline;
}

#newsletter textarea {
	border: 1px solid #a5c400;
	width: 100%;
	height: 204px;
	padding: 8px;
	font-size: 14px;
	margin-bottom: 10px;
}

#newsletter label {
	font-weight: normal;
	font-size: 14px;
}

#newsletter .flash {
	padding: 6px;
	background-color: #EFEFEF;
	border: 1px dotted #333333;
	font-weight: bold;
	text-align: center;
}

@media (min-width: 992px) {
	body.metodo .tab-pane {
		padding-top: 30px;
	}

	body.metodo .row > div {
		height: 100%;
	}

	body.metodo .etapa {
		display: block;
		background: transparent url('../img/metodo-bg.png') repeat-y 50% 50%;
		text-align: center;
		padding-top: 13px;
	}

	/* Porcino */

	body.metodo #porcino #alimentacion {
		height: 137px;
	}

	body.metodo #porcino #ganaderia {
		height: 200px;
	}

	body.metodo #porcino #procesos {
		height: 209px;
	}

	body.metodo #porcino #procesos2 {
		height: 209px;
	}

	/* Vacuno */

	body.metodo #vacuno #alimentacion {
		height: 137px;
	}

	body.metodo #vacuno #ganaderia {
		height: 140px;
	}

	body.metodo #vacuno #procesos {
		height: 169px;
	}

	body.metodo #vacuno #procesos2 {
		height: 209px;
	}	
}

/* ------------------------------------ */
/* Cambiar breakpoint del collapse menu */
/* ------------------------------------ */

@media (max-width: 996px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
	}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}