/* CSS Document */
@media only screen and (min-width:480px) and (max-width:767px) {
.testo-barra-1, .testo-barra-2, .testo-barra-3 {
text-align:center!important;
font-size:12px;
display:none;
}

.testo-barra2-2 {
padding-left:0!important;
padding-right:0!important;
}
.div-form {
width:100%;
padding:10px 20px;
}
#accesso, #carrello, #preferiti {
display:none;
}
#logo {
max-height:70px;
width:auto;
}
.testo-barra2-3 img {
margin-top:4px;
margin-right:15%;
}
#idcarrello {
display:none;
}

#carrellobarra, #telefonobarra {
display:block;
}

#rigaleft, #rigaright {
display:none;
}
#rigacentrale {
width:90%;
}

/* riga prodotti */
.altezzatitolo {
font-size:0.8em;
}
.titologriglia {
font-size:1em;
}
.bggriglia {
overflow:hidden;
margin-top: -2px;
}
.bggrigliahome {
max-width:100%;
}

/* colonna prodotti */
.contenitoreprodotti {
width:100%;	
margin-top:20px;
margin-bottom:20px;
}
.colonna-prodotti {
width:48%;
margin-left:1%;
margin-right:1%;
margin-bottom:3%;
height:310px;
}
.titoloprodotti {
font-size:14px;
font-weight:bold;
height:40px;	
}
.fotoprodotti11 {
width:auto;
max-width:100%;
height:210px;	
}
.testobarrato {
text-decoration:line-through;	
}
.testorosso {
color:red;	
}
.coloreprodotto {
font-size:13px;
height:auto;	
}
.prezzoprodotto {
font-size:14px;
height:auto;	
}
/* fine colonna prodotti */

/* dettaglio */
.colonna-dettaglio-1 {
	width:95%;
	margin-right:2%;
	margin-left:3%;
	margin-top:10px;
	
}
.colonna-dettaglio-2 {
	width:100%;
	position:relative;
	margin-bottom:30px;
}
.preferiti {
	position:absolute;
	top:0;
	right:0;
}
.colonna-dettaglio-2 h1 {
color:black;
margin:0px;
padding:0;
margin-top:10px;
margin-bottom:5px;	
}
.prodottifoto-det {
width:98%;
height:auto;
position:relative;
text-align:center;
min-height:450px;	
}
.prodottifoto-det img {
max-width:98%;
height:auto;
border:8px solid white;
max-height:450px;
}
.breadprodotti {
width:100%;	
font-size:14px;
height:35px;
line-height:35px;
max-width:1280px;
margin:0 auto;
margin-top:40px;
}
.breadprodotti a:link, .breadprodotti a:visited {
color:#777777;
font-weight:bold;	
}
.breadprodotti a:hover, .breadprodotti a:active {
	color: #96a94f;
}
.breadprodotti1 {
width:75%;
float:left;	
}
.breadprodotti2 {
width:23%;
float:right;	
text-align:right;
}
.messaggio1 {
width:49%;
float:left;
text-align:left;
padding-left:3px;
font-size:12px;	
}
.messaggio2 {
width:49%;
float:left;
text-align:right;
padding-right:3px;
font-size:12px;		
}
.fotoprodotti {
float:left;
width:100%;
margin-bottom:10px;
}
.fotoprodotti img {
height:85px;
width:auto;
margin-top:2%;
margin-right:1%;
float:left;
border:4px solid white;
}
 #fotoprodotti img{
	 border:4px solid white;
	 }
.active img{
	 border:4px solid #96a94f !important;
	 }
.logomedio {
width:100%;	
}
.divprezzo {
width:100%;
font-size:24px;
color:#96a94f;
font-weight:bold;
}
.divprezzo1 {
	width:100%;
	color:#bbbbbb;
	font-size:15px;
	font-weight:bold;
}
#prezzomaggiorato {
width:100%;
font-size:24px;
color:#96a94f;
font-weight:bold;
display:none;
}
.divfotocolori {
width:100%;	
margin-top:10px;
}
.divfotocolori1 {
width:23%;
margin-left:1%;
margin-right:1%;
float:left;
font-size:11px;
text-align:center;
height:100px;
}
.divfotocolori1 img {
width:auto;
max-width:100%;
height:60px;
border:4px solid white;	
}
.divfotocolori1 a:link, .divfotocolori1 a:visited {
color:#777777;	
}
.divfotocolori1 a:hover, .divfotocolori1 a:active {
color:#444444;	
}

/* menu laterale */
.menulaterale {
position:absolute;
left:15px;
top:0px;
display:block;	
    padding: 0px;
	margin-top:10px;
    color: black;
	width:70px;
	height:40px;
	background-image:url(/images/menuicon.png);
	background-position:top left;
	background-repeat:no-repeat;
	font-weight:bold;
}
.menulaterale span {
padding: 0px 0px 0px 30px;	
}
#Accordion1 {
display:none;
}
.menusidr {
position:relative;
height:60px;
}

/* filtri */
.contenitorefiltri {
width:100%;
height:auto;
background-color:#f8f8f8;
font-size:12px;	
}
.filtri {
color:black;
padding:5px;
float:left;	
width:100%;
height:auto;
text-align:left;
margin-top:10px;
	margin-bottom:10px;
}
.selectfiltri {
   border: 0;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
        appearance:none;
		border:1px solid #96a94f;
		width: auto; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: black;
		border-radius: 5px;
		padding: 5px;
		box-shadow: inset 0 0 1px rgba(000,000,000, 1);
   font-family: 'Open Sans', sans-serif;
   background-color:#f0f0f0;
   font-size:12px;
   width:100%;
   display:block;
}
.selectfiltri option:checked, .selectfiltri option:hover {
  box-shadow: inset 40px 40px black;
background: black;
color:#96a94f; 
}
.pulsantefiltro {
	border:0;
	background-color:#96a94f;
	color:white;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	padding:5px;
	font-weight:bold;
}
.contenitorefiltra {
width:100%;
background-color:#f1f1f1;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
height:70px;
}
.colonna-filtra-1 {
width:40%;
float:left;
text-align:left;
font-size:16px;
font-weight:bold;
padding-top:15px;
padding-bottom:15px;
}
.colonna-filtra-1 p {
padding-left:10px;
padding-top:0;
padding-bottom:0;
margin:0;	
}
.colonna-filtra-2 {
width:25%;
float:left;
text-align:center;
padding-top:15px;
padding-bottom:15px;
}
.colonna-filtra-3 {
width:35%;
float:left;
text-align:center;
padding-top:15px;
padding-bottom:15px;

}
.menufiltraggi {
top:220px;
}
/* fine filtri */


/* menu */
.divmenu {
width:100%;	
height:28px;
margin:0 auto;
position:relative;
text-align:left;
}
.toggleMenu {
	position:absolute;
    display:  none;
    padding: 0px 0px 0px 30px;
	margin-top:0px;
    color: black;
	width:90px;
	height:40px;
	background-image:url(/images/menuicon1.png);
	background-position:top left;
	background-repeat:no-repeat;
	left:5px;
	z-index:9999;
	top:4px;
}
nav {
text-align: left;
list-style: none;
padding: 0;
line-height: 25px;
height: 25px;
font-size:13px;
float:left;
}
	.nav2 {
	width:300px;
	background-color: white;	
	overflow:hidden;
	
	}
	.nav2 a {
	background: #000000;
	border-right:none;
	font-size:18px;
	padding: 0px 0px 0px 0px;

}
.nav2 a:link, .nav2 a:visited {
border-right:none;	
display:block;
color:white;
}
.nav2 a:hover, .nav2 a:active {
color:#96a94f;
}
.nav2 li {
background-color:#000;
}
	.nav2 {
	background:#000000;
	padding-top:0px;
	margin-top:25px;
	margin-left:0px;
	}
    .nav2 > li {
        float: none;
		line-height:30px;
		border-right:none;
		text-align:left;
		background-color:#000;
    }
	.nav2 li a {
	z-index: 9999999;
	padding-left:10px;
	border-right:none;
	}

    .nav2 > li > .parent {
        background-position: 100% 0%;
    }
    .nav2 li li .parent {

		background-color:#000000;
    }
    .nav2 ul {
        display: block;
        width: 100%;
    }
   .nav2 > li.hover > ul , .nav2 li li.hover ul {
        position:static;
		background-color:#000;
    }
	
.nav2 li a:link, .nav2 li a:visited {
	background-color:#000;
	color:white;
}
.nav2 li a:hover, .nav2 li a:active {
	color:#96a94f;
}
	
.nav2 li li a:link, .nav2 li li a:visited {
	line-height:30px;
	padding:0px;
	margin:0;
	font-size:16px;
	color:#96a94f!important;
	text-align:left;
	width:94%;
	padding-left:20px;
	background-image:none;
	background-color:black;
}
.nav2 li li a:hover, .nav2 li li a:active {
	line-height:30px;
	padding:0px;
	margin:0;
	font-size:16px;
	color:#fff!important;
	background-color:#000;
	border-right:none;
	text-align:left;
	width:94%;
	padding-left:20px;
	background-color:black;
}

.nav2 li li li a:link, .nav2 li li li a:visited {
	line-height:30px;
	padding:0px;
	margin:0;
	font-size:16px;
	color:#96a94f!important;
	text-align:left;
	background-color:#000;
	width:94%;
	padding-left:10px;
	background-image:none;
}
.nav2 li li li a:hover, .nav2 li li li a:active {
	line-height:30px;
	padding:0px;
	margin:0;
	font-size:16px;
	color:#96a94f;
	background-color:#000000;
	border-right:none;
	text-align:left;
	width:94%;
	padding-left:20px;
}

.nav2 li ul li ul li {
margin:0;
padding:0;
}
.nav2 ul {
    list-style: none;
    max-width: 298px;
}
.nav2 ul ul {
    list-style: none;
    max-width: 298px;
	background-color:black;
	
}
.nav2 li li:hover ul, .nav2 li ul li ul li {
background-color:black;
border:none;
}
/* fine menu */

.divsocieta1 {
float:left;
width:99%;	
}
.divsocieta2 {
float:left;
width:99%;	
}
#primacolonna1 {
		display:none;
	}
.menufiltraggi {
top:320px;
	display:block;
}
#barratesto {
		display:none;
	}
.pulsantecarrello, .pulsantecarrello1 {
max-width:290px;
margin:0 auto;	
padding:0;
	margin-bottom:100px;
}
}