.centro {text-align:center}
.destra {text-align:right}
.grassetto {font-weight:bold}
.imgsx {float: left}
.imgdx {float: right}
.nl {clear: both}
.descrizione {font-size:0.8em;}
footer a {text-decoration: none}
.minus {font-size:1em;}


.gallery img {width: 19%; margin:2px;}
#lingue {float:right;}
.button { padding: 5px 8px; }
table {max-width: 100%; min-width:5%}
td {text-align:center}
textarea {width:100%; height: 30%}



body{
	color:#323230;
	background:#ffffff;
}
h1, h2, h3, h4, h5, h6, .newslist * {
	color:#323230; 
}
a,
a:visited,
a:active,
a:hover {color:#728727; text-decoration:none;}



footer{ 
	background:#b4b4b4;
	color:#000000;
}
footer h1, footer h2, footer h3, footer h4{ 
	color:#000000; 
}
footer a,
footer a:visited,
footer a:active,
footer a:hover {color:#0b2b00;}

.buttonlink, .buttonlink:visited{ 
	background:#9b9b9b; 
	color:#ffffff; 
}
.buttonlink:hover{
	background:#52f20d;
	color:#595957; 
}
.buttonlink:select{ 
	background:#52f20d; 
	color:#595957; 
}

#hero,
#page-header{
	background:#000000;
	border-top:1px solid #ccdc9a;
	border-bottom:1px solid #ccdc9a;
}
#hero * {color:#ffffff;}



/***     ***/

/*** MAIN MENU - ESSENTIAL STYLES ***/

.menu-toggle{
	background:#9b9b9b;
	color:#ffffff;
}
.menu-toggle.toggled-on{
	background:#52f20d;
    color:#595957;
}

.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
	-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
    box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
}

/*** DEMO1 SKIN ***/
.srt-menu li a {
	background:#9b9b9b;
}
.srt-menu a, .srt-menu a:visited  { /* IE6 applies text colour*/
	color:			#ffffff;	
}
.srt-menu li li a {
		border-top:		1px solid rgba(255, 255, 255, 1);
		background:		#9b9b9b; /*fallback for old IE*/
		background:rgba(155, 155, 155, 1);
		color:	#ffffff;
}
.srt-menu li li a:visited{color:#ffffff;}
.srt-menu li li li a,
.srt-menu li.current * li a{
	background:rgba(155, 155, 155, 1);
}

.srt-menu li:hover > a,
.srt-menu li.current a{ 
	color:#595957;
	background:#52f20d;
}
.srt-menu li li:hover > a{
	color:#595957;
	background:#52f20d;
}


#secondary-navigation ul li a{ 
	background:#[MenuBackgroundHover];
}
#secondary-navigation ul li a:hover,
#secondary-navigation ul li.current a{
	background:#[MenuBackgroundHover];
	color:#[MenuColorHover];
}

#lang {
	background:#[MenuBackgroundHover];

}

/***     ***/




/*** Scheda Catalogo /\ Articoli ***/
.bartop {width:100%; background:#9b9b9b; border:1px solid #ffffff; color:#ffffff; }
.bartop * {color:#ffffff; font-size:1em;}
.bartop a {text-decoration: underline; color:#ffffff;}

.boxarticoli {text-decoration: none;}
.boxarticoli * {margin:0; padding:0; color:#323230; font-size:1.1em;}
.boxarticoli .promo {position:absolute; top:0; left:0; padding:2px 5px; border:1px solid rgba(255,0,0,.7); background:rgba(220,220,220,.8); color: #f00; font-weight:bold; font-size:0.85em;}
.boxarticoli:hover .promo {background:rgba(255,0,0,.9); border:1px solid rgba(0,0,0,1); color: #fff;}
.boxarticoli .offerta {text-decoration: line-through; padding-right: 1em; font-size:0.8em;}

.articolo p {margin: 0; padding:0.03em 0;}
.articolo h1 {font-size: 1.8em;}
.articolo .prezzo {font-size: 1.2em;}
.articolo .offerta {font-size: 0.8em; text-decoration: line-through; padding-right: 5px; }
.articolo .promo { padding: 5px; font-size: 0.9em; background:rgba(200,0,0,.8); color:#fff;}
.articolo .testo { padding:20px 0 0;}
.gallery img {width: 31%}
.titlecorrelati {padding: 2px; margin: 20px 0 10px;}
.correlati {font-size: 0.8em;}

.cartbutton {width: 40%; padding: 0.1em; clear:both; float:right;}
.cartlink {
	background:#9b9b9b; 
	display:block; 
	float:right; 
	margin:2px 2px; 
	padding:10px 10px 10px 3em; 
	text-decoration:none; 
	color:#ffffff;
	background-image: url("../icocart-ffffff.svg");
	background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}
.cartlink:hover{ 
    background:#52f20d; 
	background-image: url("../icocart-595957.svg");
	background-size: contain;
	background-repeat: no-repeat;
    background-position: left center;
	color: #595957
}

 
#cassa { clear: both; font-size: 1.1em; border-top: 1px solid #999;}
#cassa .articolo { padding: 10px 5px 30px;}
#cassa #element { clear: right; width:99%; padding: 2px 0;}
#cassa .cassacatip { font-size:0.9em; font-style:italic;}
#cassa .numerico { width:99%; text-align: right;}
#cassa .offerta {font-size: 1em; text-decoration: line-through;}
#cassa .image { float:left; width:40%;}
#cassa label {float: right; width:20%; text-align:right;}
#cassa label input {float: none;}
#cassa input.txt {width:30%; text-align:right;}
#cassa input.image {float: right;height:25px; width:30%;}
.step {padding: 2px 2%; font-style: italic; font-size:0.9em;}
.stepattivo {background: #52f20d; color: #595957;  font-style: normal;  font-size:1.1em;}
#cassadati p {clear: both; padding: 5px 0;}
#cassadati p label {width: 20%; float: left;}
#cassadati p input, #cassadati p textarea {width: 75%; float: left; padding:6px; border:1px solid #323230; color: #323230; background:rgba(50, 50, 48, 0.05);}
#cassadati .errore { background:#900; color: #fff;}
#cassadati .sconto { width: 30%; margin: 0 0.4%;}
#cassa4 p { text-align: right; margin: 1px 0; bacdkground:#900;}
#cassa4 p label { width:80%; backgroundd:#9f0; float:left;} 

#checkout {position: fixed; width:50%; height:50%; top: 25%; left:25%; background:rgba(0, 0, 0, 0.7); color:#fff; text-align: center; padding-top: 4%; display:block;}
#checkout .button {width:80%; height:10%; background:rgba(200, 0, 0, 0.99); color:#fff; display:block; font-size:2em; padding: 5% 0; text-decoration:none; margin:0.5% auto;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {
.step {padding: 2px 1.5%; font-size:0.7em;}
.stepattivo {padding: 2px 1.5%; font-size:0.8em;}
#cassa .image { float:left; width:22%;}
#cassa input.image {float: right;height:25px; width:30%;}
#cassa #element label { width:35%; padding: 2px 0;}
#cassadati p label {float: none; width:99%;}
#cassadati p input, #cassadati p textarea {width: 90%; clear: left; padding:8px 5px;}

#checkout {position: absolute; width:98%; height:50%; top: 25%; left:1%; background:rgba(0, 0, 0, 0.7); color:#fff; text-align: center; padding-top: 4%}
#checkout .button {width:80%; height:10%; background:rgba(200, 0, 0, 0.99); color:#fff; display:block; font-size:1.5em; padding: 5% 0; text-decoration:none; margin:0.5% auto;}

} 	
.errore { background:#900; color: #fff;}	



.newslist {border-bottom: 1px solid #323230; margin-bottom: 1.2em;}
 
/*
LARGER MOBILE DEVICES
This is for mobile devices with a bit larger screens.
*/
@media only screen and (min-width: 481px) {
.newslist {border-bottom: none;}
}

#logo h1 {font-size:1.2em; margin:0;}
#logo h2 {font-size:1em; margin:0;}
#logo img {width:90%;}

#cookieChoiceInfo * { color:#eee;}
#cookieChoiceInfo a { color:#f90;}

.iconbutton img{width:32px;height:32px;}