/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

html{
	float: none !important;
	margin-left: 0 !important
}

i{
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: bold !important;
}
.container-vademecum{
	padding-bottom: 40px
}
.container-vademecum p{
	font-family: 'Muli', sans-serif !important;
}
.container-vademecum h1,
.container-vademecum h2,
.container-vademecum h3,
.container-vademecum h4{
	font-family: 'Exo 2', sans-serif !important;
}
.our-container{
	max-width: 1140px;
	margin: auto
}
h2.detalle {font-size: 18px; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase;line-height: 30px}
h5 .btn-link { color: white; text-transform: uppercase;}
h5 .btn-link:hover { color: white; text-transform: uppercase; text-decoration: none;}
.accordion{
	margin: 30px 0 0
}
div.card{
	border: 1px solid rgba(0,0,0,.125)
}
.card-body {
    padding: 1.25rem;
}

div.card .card-header{ text-transform: uppercase ; }
div.card .card-header button{
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px 20px;
	font-size: 1.1em
}
div.card .card-header h5{
	margin: 0 !important
}
div.card .card-header.sin-receta{ background-color: #eda900 ; }
div.card .card-header.con-pres{ background-color: #02a9af ; }
div.card .card-header.die-nutri{ background-color: #9c81b8 ; }
div.card .card-header.orl{ background-color: #4a92dc ; }
div.card .card-header.dermo{ background-color: #ec91ba ; }
div.card .card-header.corporal{ background-color: #eda900 ; }

/* detalle de producto */
div.tabla-de-precios {
	width: 60%;
    margin: auto;
    margin-top: 20px;
}
.centrado {text-align: center;}
thead.cabecera-tabla {color: white; text-transform: uppercase; background-color: #0146ad;}

/* detalle ficha */
div.detalle-ficha {
	margin-top: 0px;
	background-color: #f1f1f1;
	padding: 40px;
	padding-bottom: 0;
	margin-bottom: 20px;
	font-size: 1.1em
}
img.img-bodegon {border: 3px solid #d4d4d4; margin-bottom: 20px;}
div.detalles-listado {border-left: 1px solid #dae0e5; padding-left: 20px;}
div.detalle-ficha h3 {font-size: 19px; text-transform: uppercase;}
ul.listado-ficha {
	list-style-type: none;
	padding-left: 0 !important;
	margin-top: 0px;
	margin-left: 0 !important
}
div.detalles-listado img{
	width: 100%
}
ul.listado-ficha li{
	list-style-type: none;
}
.derecha ul.listado-ficha li i{
	text-align: left;
	width: 20px !important
}
ul.listado-ficha li strong {padding-left: 10px;}
ul.listado-ficha li a {padding-left: 0px; color: #222222;}
div.productos-relacionados {margin-bottom: 80px;}
.control-padding{
	padding-top: 50px !important;
	padding-bottom: 50px !important
}
div.detalle-ficha .izquierda li i{
	font-size: 1.8em
}
.imagen-dimensions{
	display: block;
	height: 350px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.column-producto{
	margin-bottom: 30px
}

.detalle-center{
	text-align: center;
}
.description-product{
	font-size: 1.2em
}
.overflow-tabla{
	overflow-x: auto
}
.overflow-tabla td,
.overflow-tabla th{
	text-align: center;
}
.title-product{
	line-height: 30px
}
.imagen-detalle{
	max-width: 400px;
	margin: auto
}
.listado-ficha i{
	width: auto !important;
	height: auto !important
}
.control-padding-row{
	padding-left: 20px;
	padding-right: 20px
}

.control-margen-sup-img{
	margin-bottom: 30px
}

/* Listado productos */

.bodegones {border-bottom: 1px dashed #8EA0D2; padding-top: 15px;}
.bodegones div {display: inline-block; vertical-align: top;}
.bodegones div:first-child {width: 350px; }
.bodegones div img {width: auto; height: 200px;}
.bodegones h2 {
	font-size: 20px; 
	line-height: initial;
    margin-bottom: 8px;
    margin-top: 20px;}
.bodegones div > a {margin-left: 20px;}

/* modificaciones */

.container{
	width: 1500px !important;
	max-width: 1500px !important;
	padding-left: 90px;
	padding-right: 90px
}
.before-header {
    padding: 6px 0;
    display: block;
    font-size: 0.9em;
    font-family: 'Lato'
}
.before-header .one-half img {
    margin-bottom: 0px;
}
.before-header a:after {
    top: -5px;
}
#page-header-bg{
	height: auto !important
}
#page-header-bg .span_6{
    -webkit-transform: none !important;
    transform: none !important
}
body #page-header-bg h1{
	padding: 24px 0;
}
#header-outer .row .col.span_3{
	width: 195px !important
}
#header-outer .row .col.span_9{
	width: calc( 99% - 270px ) !important
}

.productos_nav li{
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Exo 2';
	font-size: 0.9em
}
.productos_nav li.active a{
	color: #333;
	text-decoration: none;
}
.productos_nav ul{
	margin: 0;
	padding: 0
}
#top .col{
    display: inline-block !important;
    position: relative !important;
    flex-flow: 0 !important;
    flex-basis: unset !important;
    flex-grow: 0 !important
}
img.img-bodegon{
	width: 100%
}
.title-product{
	margin-bottom: 40px
}


@media (max-width: 1500px) {
	.container{
		max-width: 1500px !important;
		width: 100% !important
	}
}

@media (max-width: 1040px) {
	#header-outer .row .col.span_9 {
	    width: calc( 99% - 207px ) !important;
	}
}

/* end modificacionesc */
@media (max-width: 1200px) {
	.imagen-dimensions{
		height: 280px
	}
}

@media (max-width: 1000px) {
	.control-padding{
		padding-top: 20px !important;
		padding-bottom: 20px !important
	}
	div.tabla-de-precios{
		width: 100%
	}
	.our-container{
		padding-left: 20px;
		padding-right: 20px
	}
}
@media (max-width: 700px) {
	div.detalle-ficha{
		padding-right: 0px;
		padding-left: 0px
	}
	.control-padding-row{
		padding-left: 0;
		padding-right: 0
	}
	.container{
		padding-left: 0px;
		padding-right: 0px
	}
}