/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {

    font-family: "Open sans",Tahoma !important;
    color: #868788;
    /*background-color: #f6f6f5;*/
    background-color: white;

}

h1 {
	font-size: 1.5rem;
	color: #000;
	margin: .67em 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

    display: block;

}
.contenedor-buscador {
	background-color: #8e837a;
	overflow: hidden;
	color:white;
	padding:10px;
	margin-bottom:20px;
	display:block;
	border-radius: 0.8rem;
	border: 1px solid #8e837a;
	margin-right: -15px;
	margin-left: -15px;
}
.contenedor-box {
	overflow: hidden;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    display:block;

}
.buscador_inicial_img_div {
	text-align:center;
	padding-bottom:10px;
	margin-top:100px
}
.row-margin div[class^="col-md"] {

    margin-bottom: 15px;

}
.dx-texteditor {

    border: solid 1px #bdccd4;

}
.dx-widget {

    font-size: 1rem;
    font-family: "Open sans",Tahoma;

}
.dx-texteditor {

    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;

}
.dx-widget {

    color: #333;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
    line-height: 1.35715;

}
.dx-show-clear-button {

    position: relative;

}
.dx-texteditor {

    display: block;

}
.dx-widget, .dx-widget::before, .dx-widget::after, .dx-widget *, .dx-widget ::before, .dx-widget ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.dx-widget {

    display: block;
    -ms-content-zooming: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    padding: 0;
    outline: 0;

}
.dx-show-clear-button .dx-texteditor-input {

    padding-right: 34px;

}
.dx-texteditor input {

    font-family: "Open sans",Tahoma;
    font-size: 1rem;
    color: #868788;

}
.dx-widget input, .dx-widget textarea {

    font-family: "Open sans",Tahoma !important;
    line-height: 1.35715;
    font-size: 1rem;

}
.dx-texteditor-input {

    margin: 0;
    padding: 7px 9px 8px;
        padding-right: 9px;
    background: #fff;
    color: #333;
    font-size: 1em;
    border-radius: 4px;
    min-height: 34px;

}
.dx-texteditor-input {

    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    outline: 0;
    border: 0;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;

}
.search-box__label {

    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 0.8em;

}
.search-box-button {
    text-align: left;
}
.search-panel>.row>.col-md-8, .search-panel>.row>.col-md-2,.search-panel>.row>.col-md-1 {
	margin-bottom: 0px !important;
}
.btn-default {

    background-color: #54266f;
    color: #fff;

}
.btn {

    border: none;
    border-radius: 5px;
    font-family: "Open Sans",tahoma;
    cursor: pointer;
    padding: 10px 20px !important;
    text-shadow: none !important;
    font-size: 13px !important;

}
input, button, select, textarea {

    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-size: 0.8em;

}
button, html input[type="button"], input[type="reset"], input[type="submit"] {

    -webkit-appearance: button;
    cursor: pointer;

}
button, select {

    text-transform: none;

}
button {

    overflow: visible;

}
button, input, optgroup, select, textarea {

    color: inherit;
    font: inherit;
        font-size: inherit;
        line-height: inherit;
        font-family: inherit;
    margin: 0;

}
.data-header {
	display: flex;
	justify-content: space-between;
	align-items: center;	
	padding-bottom: 5px;
	padding-top: 0px;
	display: inline-block;
	margin: 0;
	font-size: 1em !important;
}
.data-header h1{
	font-family: "Roboto condensed",Arial !important;
	font-weight: lighter;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 2em;
}
.data-header-txt {
	font-size: 1.2em;
}
.datos-producto h3{
	font-family: "Roboto condensed",Arial !important;
	font-weight: lighter;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1.3em;
}
.img_composicion {
    width: 20px;
    height: auto;
    vertical-align: bottom;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.img-producto{
	max-width: 100%;
	max-height: 250px;
}
/*.img-producto-efg {
	width:850px;
}
*/
.img-producto-fls, .img-producto-efg {
	max-width: 100%;
	max-height: 380px;
}

.img-producto-ns, .img-producto-otc, .img-producto-be, .img-producto-alu{
	max-width: 100%;
	max-height: 350px;
}


.contenedor-imagen{
	text-align: center;
	position:relative;
	height:370px;
	overflow:hidden;	
}
.data-menu{
/*	margin-left:auto;
	margin-right: auto;*/
	margin-top:10px;
	width:100%;
}
/*
.btn-data:hover {
	background-color: #bbbbbb !important;
	color: #ffffff !important;
}
.btn-data:active, .btn-active {
	background-color: #bbbbbb !important;
	color: #ffffff !important;
}*/
.nav-item a {
	color: #68ab26 !important;
	font-family: "Roboto condensed",Arial !important;
	font-size: 1.1em;
}
.nav-item>.active {
	
	font-weight: bold;
	background-color: white !important;
}

.tab-content {
	border-left: 2px solid #80bd00;
	border-bottom: 2px solid #80bd00;
	border-right: 2px solid #80bd00;
	border-top: 3px  solid #80bd00;
	min-height: 300px;
	border-bottom-left-radius: 0.8rem;
	border-bottom-right-radius: 0.8rem
}
.datos-producto{
	display:none;	
	padding: 30px 100px 20px 100px;
	font-size: 1rem;
}
.no_recomendado {
    border: 1px solid #cc5555;
    padding:0;
}
.no_recomendado h3 {
    background-color: #cc5555;
    color: white;
    text-align: center;
    font-size:1em;
    padding: 4px 0;
}
.recomendaciones {
    width: 30%;
    float: left;
    margin-left: 10px;
    align-items: stretch;
    flex: 1;
}
.consultar {
    border: 1px solid #eeee55;
    padding:0;
}
.consultar h3 {
    background-color: #eeee55;
    text-align: center;
    font-size:1em;
    padding: 4px 0;
}
.apto_para {
    border: 1px solid #66aa66;
    padding:0;
}
.apto_para h3 {
    background-color: #66aa66;
    color: white;
    text-align: center;
    font-size:1em;
    padding: 4px 0;
}
.semaforo {
    float: left;
    margin: 20px 10px 20px 20px;
    width: 18%;
}
.semaforo_texto {
    float: right;
    width: 68%;
    padding-top:8px;
}
.semaforo_texto ul{
	padding-left: 15px;
}
.ui-menu-item {
  border-bottom: 1px solid #b4c4d4 !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
  font-size: 0.8em;
}
.listado_opciones {
	margin-top: 10px;
			text-align: center;
			padding: 0;			
}
.listado_opciones li {
	display: inline-block;
	padding: 8px 12px 8px 12px;
	background-color: #f0f0f0;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	margin-bottom:10px;
}
.icono-verde {
	color: #97c11f;
}
.img_bio{
	max-height: 250px;
}
.div_img_bio {
	text-align:right;
	border: 1px solid #868788;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-bottom:10px;
	padding: 4px;	
}
.div_txt_bio {
	display:flex;
	align-items: center;
}
.row-bio{
	padding-top:20px;
}
.ui-menu-item-wrapper {
	padding:0 !important;
	color: black !important;
}
.ui-menu-item {
	color: #868788 !important;
}
.logo_superior{
	float:left;
	margin-left:10px;
}
.masa-gris{
	background-color: #f6f6f6;
	padding:20px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #f6f6f6;
	
}
.tab-pane ul {
}
#precios, #bioapariencia, #apto {
	padding: 30px 30px 20px 30px !important;
}
.table td{
	vertical-align: middle;
	font-size: 0.9em;
}
.table img {
	width: 110px;
}
.table th{
	border-top: 0;
	vertical-align: bottom;
}
.table td, .table th {
	padding: 0.75rem 0;
}
.td_numero {
	text-align: center;
}
.precio{
	text-align:center;
}
.subtitulo {
	margin-top: 20px !important;
	margin-bottom: 5px !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: white !important;
    background-color: #80bd00 !important;
    border-color: #80bd00 !important;
}
.nav-tabs .nav-link {
	color:white !important;
    background-color: #87329a;
    border-bottom: 1px solid #80bd00 !important;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;

}
.link_prospecto{
	color: #87329a;
}
.blister {
	width: 30px !important;
}
.blister_leyenda{
	width: 20px !important;
	margin-left:20px;
}
.blister_div {
  width:33%;
  display: inline;
  vertical-align: top;
  float: none;	
}
.codigo_articulo{
	max-width:8% !important;
	word-wrap: break-word; 
}
.div-img-producto-efg {
	position:absolute;
	top:-100px;
	left:-230px;
}
.contenedor-masa-gris{
	display: flex;
	justify-content: center;
	align-items: center;
}
.desktop{
	display:block;
}
.mobile{
	display:none;
}
@media (min-width: 320px) and (max-width: 1024px){
	body {
		color: #4d4d4d;
	}
	.desktop{
		display:none;
	}
	.mobile{
		display:block;
		width:100%;
	}
	.buscador_inicial {
    	font-size: 1em !important;
    }
    .btn {
		border: none;
		border-radius: 10px;
		font-family: "Open Sans",tahoma;
		cursor: pointer;
		padding: 0;
		text-shadow: none !important;
		font-size: 1em !important;
	}
	.dx-widget input, .dx-widget textarea {
		font-size: 1rem !important; 
	}
	.buscador_div_input_index {
		margin: 40px 0 60px 0 !important;
	}
	.buscador_inicial img {
		width:60% !important;
	}
	.buscador_inicial_img_div {
		text-align:center;
		padding-bottom:10px;
		margin-top:100px
	}
	.img-producto{
		max-width: 100%;
		border: 1px solid red;
	}
	.img-producto-efg {
		width: 100%;
	}
	.img-producto-fls {
		max-width: 100%;
	}
	.img-producto-ns, .img-producto-otc, .img-producto-be, .img-producto-alu{
		max-width: 100%;
		max-height:45vh;
	}	
	.div-img-producto-efg {
		position:relative;
		top:0;
		left:0;
	}
	.contenedor-imagen{
		text-align: center;
		position:relative;
		overflow:hidden;
		height: auto;
		max-height:45vh;
	}
	.ui-menu-item{
		font-size: 1em !important;
	}
	
	.contenedor-masa-gris{
		display: block;
		justify-content: center;
		align-items: center;
	}
	.contenedor-busqueda {
		font-size: 1em;
	}
	#accordion {
		padding-bottom: 80px;
	}
	#accordion .card {
		border-bottom: 1px solid #80bd00 !important;
		border-top-left-radius: 0.8rem;
		border-top-right-radius: 0.8rem;
		background-color:white;	
		font-size: 1em !important;
	}
	#accordion .card .btn{
		background-color: #80bd00;
		color: white !important;
		text-decoration: none;	
		font-size: 1em !important;
		text-align: left !important;
		font-weight: normal;
		padding: 10px !important;
				
	}
	#accordion .card h3{
		font-family: "Roboto condensed",Arial !important;
		font-weight: lighter;
		margin-bottom: 0px;
		margin-top:0 !important;
		font-size: 1.2em !important;
		
	}
	#accordion .card .collapsed{ 
		color: white !important;
		text-decoration: none;
		background-color: #87329a;
	}
	#accordion .card .img_collapsed{
		display:none;
	}
	#accordion .card .img_view{
		float:left;
		margin-right: 10px;
		display:block;
		font-size: 1.6em;
	}
	#accordion .card .collapsed .img_collapsed{
		float:left;
		margin-right: 10px;
		display:block;
		font-size: 1.6em;
	}
	#accordion .card .collapsed .img_view{
		display:none;
	}
	
	.card-header {
		background-color: white;
		padding: 0;
	}
	#accordion .btn {
	    border: none;
    	border-radius: 0;
    	font-family: "Open Sans",tahoma;
    	cursor: pointer;
    	padding: 10px 20px !important;
    	text-shadow: none !important;
    	width: 100%;

	}
	.recomendaciones {
	    width: 96%;
	    margin-left: auto;
	    margin-right: auto;
	    align-items: stretch;
	    margin-bottom: 20px;
	    float:none;
	    overflow:hidden;
	    
	}
	.semaforo {
		display:none;
	}
	.semaforo_texto{
		width: 100%;
		padding-left:36px;
	}
	.semaforo img {
		display:none;
	}
	.card-body {
		padding: 1.5rem
	}
	
	.row-bio {
	    padding-bottom: 20px;
	    margin-left: -1.5rem;
	    margin-right: -1.5rem;
	}
	.row-bio img {
		width: 100%;
	}
	.row-bio h3{
		padding-left: 10px;
	}
	.contenedor-box{
		padding: 0 !important;
	}
	.row {
		margin-left: 0;
		margin-right:0;
		width:100%;
	}
	.contenedor-buscador {
		width:100%;
		margin-right:0;
		margin-left:0;
		border-radius:0;
		padding: 10px 0;
	}	
	.table-formulado-mobile{
		width: 100%;
		font-size: 0.9em;
	}
	.table-formulado-mobile .cabecera{
		white-space: nowrap;
		font-weight: bold;
		vertical-align: top;
	}
	.table-formulado-mobile .table th, .table-formulado-mobile .table td {
		padding:0 !important;
	}
	
}