@charset "utf-8";

/*  da 0 a 320px*/
@media only screen and (min-width: 0px) {
	.fascia-ricerca {
		position: fixed;
		top: 45px;
		z-index: 3;
		transition:transform 0.2s ease-out;
		transform:scale(1,0);
		transform-origin:top center;
	}
	#chkricerca:checked ~ .fascia-ricerca {
		transform:scale(1,1);
	}
	.contenitorebloccoricerca {
		padding-top: 15px;
		padding-bottom: 15px;
		height: 40px;
	}
	.bloccoricerca {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.input-cercaprodottiprodotti {
		margin-top: 0px;
		margin-bottom: 0px;
		font-style: italic;
		width: 100%;
		height: 38px;
		font-size: 14px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-top-width: 1px;
		border-top-style: solid;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-left-width: 1px;
		border-left-style: solid;
	}
	.button-ricerca {
		width: 40px;
		height: 40px;
		border: none;
		cursor: pointer;
		border-radius: 0px;
		position: relative;
	}
	.icon-button-ricerca {
		font-size: 35px;
    	line-height: 40px;
		display: block;
		position: absolute;
		top: 2px;
    	left: 3px;
	}
	.risultati-ricerca {
		position: absolute;
		top: 45px;
		border-collapse: collapse;
		left: 0px;
		right: 0px;
		border-width: 1px;
		border-style: solid;
	}
	.risultati-ricerca:empty {
		border: none;
	}
	.titololegend-barra-ricerca {
		width: 100%;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.blocco-prodotto-barra-ricerca {
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		border-top-width: 1px;
		border-top-style: solid;
	}
	.immagine-prodotto-barra-ricerca {
		width: 45px;
		margin-left: 5px;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
	}
	.nome-prodotto-barra-ricerca {
		text-align: left;
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		width: 80%;
	}
	.contenitore-nome-ricerca {
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.blocco-prezzo-barra-ricerca {
		width: 100px;
		margin-right: 5px;
		margin-top: 8px;
	}
	.prezzo-applicato-barra-ricerca {
		font-size: 12px;
		font-weight: bold;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.prezzo-listino-barra-ricerca {
		font-size: 10px;
		font-weight: bold;
		text-decoration: line-through;
	}
	.promoinbarra {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 8px;
		margin-bottom: 8px;
		margin-right: 10px;
		margin-left: 0px;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 10px;
		font-weight: bold;
	}
	.contenitore-link-prodotto {
		text-decoration: none;
	}
	.nome-categoria-barra-ricerca {
		text-align: left;
		font-size: 10px;
		padding-left: 5px;
		padding-left: 54px;
		overflow: hidden;
		height: 24px;
		vertical-align: middle;
		display: table-cell;
	}
	.nome-argomento-barra-ricerca {
		text-align: left;
		font-size: 10px;
		padding-left: 5px;
		overflow: hidden;
		height: 24px;
		vertical-align: middle;
		display: table-cell;
	}
}


/* da 321 a 480*/
@media only screen and (min-width: 321px) {}


/* da 481px a 768px*/
@media only screen and (min-width: 481px) {
	.fascia-ricerca {
		display: block;
		position: relative;
		transform:scale(1,1);
		top: 0;
	}
}


/* da 769px a 849px*/
@media only screen and (min-width: 769px) {
	.nome-categoria-barra-ricerca {
		font-size: 14px;
		padding-left: 70px;
		padding-right: 10px;
		width: 65%;
	}
	.nome-prodotto-barra-ricerca {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
		width: 65%;
	}
	.nome-argomento-barra-ricerca {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
		width: 85%;
	}
	.immagine-prodotto-barra-ricerca {
		width: 50px;
		margin-left: 10px;
	}
	.promoinbarra {
		font-size: 16px;
	}
	.blocco-prezzo-barra-ricerca {
		width: 100px;
	}
	.prezzo-applicato-barra-ricerca {
		font-size: 14px;
	}
	.prezzo-listino-barra-ricerca {
		font-size: 12px;
	}
	.bloccoricerca {
		width: 70%;
	}
}


/* da 850px a 1000px*/
@media only screen and (min-width: 850px) {
	.nome-prodotto-barra-ricerca {
		width: 70%;
	}
	.nome-categoria-barra-ricerca {
		width: 70%;
	}
}


/* da 1000px a 1200px*/
@media only screen and (min-width: 1000px) {
	.nome-prodotto-barra-ricerca {
		width: 75%;
	}
	.nome-categoria-barra-ricerca {
		width: 75%;
	}
}