@charset utf-8;

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);


html {
width:100%;
height:100%;
}

body {
width:100%;
height:100%;
color: #333;
font-family: 'Open Sans', Helvetica, Arial, "Lucida Grande", sans-serif; 
font-size: 0.93rem;
font-weight: 400;
line-height: 160%;
-webkit-font-smoothing:antialiased;
/* Fix for webkit rendering */
-webkit-text-size-adjust:100%;
}


/* #Typography
================================================== */
h1,h2,h3,h4,h5,h6 {
font-family: 'Open Sans', Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:400;
}

h1 {
font-size:2rem;
line-height:120%;
margin-bottom:1.5rem;
color: #a80244;

}

h2 {
font-size:1.5rem;
line-height:120%;
margin-bottom:1.2rem;
color: #204181; 
}

h3 {
font-size:1.2rem;
line-height:120%;
margin-bottom:1rem;
color: #204181;
}

h4 {
font-size:1rem;
line-height:120%;
margin-bottom:0.8rem;
color: #204181;
}

h5 {
font-size:0.9rem;
line-height:120%;
margin-bottom:0.8rem;
color: #204181;
}

h6 {
font-size:0.8rem;
line-height:120%;
margin-bottom:0.8rem;
color: #204181;
}

p {
margin:0 0 1.5rem;
padding:0;
}

a {
text-decoration:none;
color: #a80244;
   -webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear; 

}
a:hover { color: #204181; }
	




#wrapper { min-height:100%; position:relative; background: #f4f4f4 url(../img/bg.png) repeat-x 0 0; padding: 0 1rem; }

#center {max-width: 1220px;margin: 0 auto;overflow: hidden; }

#header { width: 100%; max-width: 1220px; margin: 0 auto 27px auto; overflow: hidden;  }

#topmenu { width: 66%; }

.menu li.lingua { float: left; border: none !important; padding: 0 !important; margin-left: 8px !important; }

#textsearch { float: right; width: 29%;  }
#textsearch form { float: right; background: #17457e; padding: 0.6rem 1rem 1rem 1rem; margin: 0; }
#textsearch form label { float: left; width: 100%; color: #fff; font-size: 0.8rem; margin-bottom: 4px; }

#textsearch form input { float: left; width: 74%; height: 33px; font-size: 0.9rem; font-weight: 400 !important; border: none; padding-left: 0.8rem; }
#textsearch form button { float: right; width: 26%; background: #a80244; color: #fff; font-weight: 600 !important;font-size: 0.9rem;  height: 33px; text-transform: uppercase; padding: 0.3rem 0 !important; margin: 0 !important;  }
#textsearch form button:hover { background-color: #830235; }

.row { width: 100%; float: left; }


#logo {  float:left; height: 62px; }
#logo img { float: left; margin-top: 15px; }
	#logo a { float:left; display: block; }
	#logo a span {display: none}


#mainmenu { float: left; width: 94%; margin-top: 2rem; }

.ad_message { background: #7e0133; color: #fff; text-align: center; font-weight: 900; padding: 10px 0; margin-bottom: 10px; }
.ad_message p { padding: 0; margin: 0; }


#aside { float: right; width:24%; overflow: hidden; }

#aside h2 { margin:0; color: #fff; text-transform: uppercase; font-size: 2rem; font-weight: 300 !important; padding: 0 0 0 2rem; }


#aside .login { float: left; width: 100%;  background: #a80244; color: #fff;  margin-bottom: 1rem; position: relative; padding: 1rem 0; }
#aside .login h2 { margin-left: 2rem; background: url(../img/lock.png) no-repeat 0% 50%; padding-left: 2.8rem; height: 44px; line-height: 190%; }
#aside .login form { float: left; margin: 0; width: 79%; padding: 1.6rem 0 0.2rem 2rem; background: transparent;  }
#aside .login form input { float: left;  border: none; width: 100%; height: 34px; margin: 0 0 1rem 0; font-size: 0.9rem; color: #444; background: #fff; padding-left: 0.5rem; }
#aside .login form label { color: #fff; padding: 0; margin: 0; float: left; width: 100%; display: none; }
#aside .login form button { float: left;  width: 100%; padding: 0.7rem 0; margin: 0 0 1rem 0; background: #830235 ; font-size: 1.1rem; text-align: center; text-transform: uppercase; line-height: 100%; height: auto; font-weight: 600; }
#aside .login form button:hover { background: #6a022b; }
#aside .login a { color: #fff; }
#aside .login .help { float: left; width: 100%; font-weight: 400; }
#aside .login .help a.registrati { float: left;  color: #fff; font-size: 0.7rem; }
#aside .login .help a.recupera { float: right;  color: #fff; font-size: 0.7rem; }
#aside .login .help a:hover { color: #fff; text-decoration: underline; }

#aside .login ul { float: left; margin: 0; width: 79%; padding: 1.2rem 0 0.2rem 2rem; background: transparent;  }
#aside .login ul li { list-style-type: none; }


#aside .carrello { float: left; width: 100%; background: #17457e; margin-bottom: 1rem; position: relative; color: #fff;  padding: 1rem 0 1.2rem 0; }
#aside .carrello h2 { margin-left: 1.4rem; background: url(../img/cart.png) no-repeat 0% 50%; padding-left: 3.2rem; height: 44px; line-height: 190%; }
#aside .carrello ul { float: left; margin: 0; width: 79%; padding: 1.5rem 0 .2rem 1.8rem; }
#aside .carrello ul li { display: block; margin: 0 0 .3rem 0; width: 100%; overflow: hidden; padding: 0.2rem 0 .3rem 0; background: transparent; border-bottom:1px solid #335c8e;   }
#aside .carrello ul li img { float: right; border: 4px solid #c32226; }
#aside .carrello ul li  span { color: #fff; float: left; text-align: left; font-weight: bold;  width: 100%; }
#aside .carrello ul li  span.item { font-size: .8rem; font-weight: 400; line-height: 120%; }
#aside .carrello .totale { color: #fff; float: left; text-align: left; font-weight: bold;  width: 79%; padding: 0rem 0 1rem 1.8rem; }
#aside .carrello .totale span { float: right;font-size: 17px;  }
#aside .carrello form { float: left; margin: 0; width: 79%; padding: 0rem 0 0 1.8rem; }
#aside .carrello form button { float: left;  width: 100%; padding: 0.7rem 0; margin: 0; background: #2a6dc0; font-size: 1.1rem; text-align: center; text-transform: uppercase; line-height: 100%; height: auto; font-weight: 600;  }
#aside .carrello form button:hover { background: #0f325e; }
#aside .carrello .vuoto { display: block; text-align: center; margin: 3rem auto 2rem auto; font-size: 1rem; text-transform: uppercase; }
		
#aside .carrello form button#emptyCartButton { 
			font-size: 0.8rem;
				line-height: 30%;
	margin-top:10px;

	 }

		#aside .banner { float: left; width: 100%; margin-bottom: 1rem; position: relative; }
			#aside .banner img { float: left; width: 100%; max-width: 100%; }
			#aside .banner .text { display: none !important; }


#aside .tracking { float: left; width: 100%; margin-bottom: 1rem; position: relative; background: #fff; padding: 1rem 0; }
#aside .tracking h2 { color: #5d5d4e; font-size: 20px;  margin: 0; padding: 0 0 0 1rem; }
#aside .tracking h2 span { font-weight: 800; }
#aside .tracking ul { float: left; width: 100%; padding: 15px 0 5px 0; margin: 0;  }
#aside .tracking ul li { float: left; width: 50%; padding: 0; margin: 0; list-style-type: none; text-align: center;  }
#aside .tracking ul li.brt { width: 40%; text-align: right; }
#aside .tracking ul li.sda { width: 60%; }

#container { float: left; width: 74.8% !important; overflow: hidden; }

#container ul { margin: 0 0 20px 10px; padding: 0; }
	#container ul li { list-style-type: none;  padding: 0 0 0 25px; margin: 0 0 6px 6px; background: transparent url(../img/li.png) no-repeat 0 6px; }
	
#container ol { margin: 0 0 20px 10px; padding: 0; }
	#container ol li { list-style-type: upper-roman;  padding: 0 0 0 10px; margin: 0 0 6px 22px; }
	




#container .prodotti ul { float: left; width: 101%; margin: 0 0 20px -1%; padding: 0; }
	#container .prodotti ul li { float: left; width: 24%; /* height: 268px; */ overflow: hidden; text-align: center; margin: 0 0 1% 1%; padding: 0.6rem 0; border:0 solid #dbdbd9; background: #fff; }
		#container .prodotti ul li a { color: #222;  }		
		
		
		#container .prodotti ul li a.fancylink { float: none; display: block; margin: 0 auto; width: 80%; height: 130px; }
		
			#container .prodotti ul li a.fancylink img { float: none; max-width: 100%; display: block; margin:0 auto; /*  height: 100px;  */}	
			#container .prodotti ul li  span { display: block; margin: 10px auto; line-height: 14px; padding: 0 1.5rem; }		
				#container .prodotti ul li a .modello  {  color: #222; font-size: 14px; font-weight: bold; padding-bottom: 5px; }
				#container .prodotti ul li .descr  {  color: #777; font-size: 0.8rem; font-weight: 600; line-height: 110%; height: 52px; overflow: hidden; }
				#container .prodotti ul li .prezzo  {  color: #a80244; font-size: 1.4rem; font-weight: 600; padding: 5px 0 15px 0; }
		#container .prodotti ul li  button { float: none; display: block; width: 80%;  padding: 0; margin:0 auto 0.3rem auto; background: #ecede8 ; font-size: 0.8rem; font-weight: 600; color: #7b7b78; text-transform: uppercase; }
		#container .prodotti ul li  button:hover { background: #a80244; color: #fff;  }
		#container .prodotti ul li form { padding: 0; margin: 0; }
#container .prodotti #imgModello { width: 100%; text-align: center; background: #fff; border:none; margin-bottom: 12px; padding: 10px 0; display: none; }
	#container .prodotti #imgModello img { max-width: 550px; display: block; margin: 0 auto; }



#toolbar { clear: both; width: 100%; margin: 0 auto 1rem auto; background: #dcddd6; overflow: hidden; padding: 1rem 1rem 1.5rem 1rem;  color: #444435; }
	#toolbar div.one_third { float: left; width: 28%; margin-left: 1%;  margin-right: 3.5%;  }
		#toolbar h3 {  float: left; margin:0 0 1rem .9rem; text-transform: uppercase; font-size: 2rem; font-weight: 300 !important; padding: 0 0 0 2rem; color: #444435; width: 100%; background: url(../img/lente.png) no-repeat 0% 50%; padding-left: 3.2rem; height: 44px; line-height: 140%;  }
	#toolbar form label { text-transform: uppercase; font-size: 1rem !important; color: #444435; font-weight: 400 !important; }
#toolbar form select { cursor: pointer; }
 
 #toolbar form  ,
 #toolbar form fieldset { margin: 0 !important; padding: 0 !important; float: left; min-width: 100%  !important;  width: 100%  !important;  max-width: 100%  !important; }
 			#container  #toolbar form div.selector {  border: none; }



/*
		
		#toolbar div.seleziona form { float: left; margin-left: 10px; margin-top: -2px;  }
			
			#toolbar form select { background: #fff; border: 1px solid #ddd; color: #646567; font-family: 'Open Sans', Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; min-width: 180px; 	padding:3px 5px;   height: 30px; }	 
				#toolbar form select:hover { border:1px solid #32559d; }		



#toolbar div.modello { float: right; padding: 9px 0px 0 0; width: 488px; }
		#toolbar div.modello form { float: left; margin-left: 12px; margin-top: -3px; }
			#toolbar div.modello form input { width: 128px; height: 28px; border: none; background: #fff; font-size: 15px; color: #32559d; padding-left: 6px; float: left; margin-right: 7px; }
			#toolbar div.modello form button { float: right; width: 56px; height: 29px; padding: 3px 0 0 0; margin:0; background: transparent url(../img/butt-small.png) no-repeat 0 0; font-size: 20px; }
				#toolbar div.modello form button:hover { background-position: 0 -29px; }

#toolbar div.modello fieldset { float: left !important; }
	#toolbar div.modello select { margin-right: 20px !important; }
*/



/* pagine */
#container h1 { text-transform: uppercase; font-weight: 300; }












#footer {  max-width: 1220px; margin: 15px auto 0 auto;  border-top: 4px solid #dcddd6; margin: 15px auto 0 auto; background: transparent; padding: 20px 0 10px 0; overflow: hidden; }
	#footer h3 { font-size: 1.2rem; color: #17457e; text-transform: uppercase;  }
	#footer div { float: left; padding: 0 ; width: 23%; margin-right: 2%; min-height: 140px; color: #6e6d68;  line-height: 17px; font-weight: 400; font-size: .8rem; }
		#footer  div.first { background: none}
	#footer div ul { float: left; }
		#footer div ul li { float: left; width: 100%; margin-bottom: 4px; padding-left: 15px; line-height: 13px; background: url(../img/li.png) no-repeat 0 3px; }
			#footer div ul li a { color: #6e6d68; }
	#footer  a { color: #fff; text-decoration: none; }
		#footer a:hover { color: #a80244 }
	



/* #Misc
================================================== */
.hr {
height:1px;
width:100%;
display:block;
float:left;
}

img.left {
margin-right:15px;
}

img.right {
margin-left:15px;
}




input, 
select, 
textarea { box-sizing: border-box; /* css3 rec */-moz-box-sizing: border-box; /* ff2 */ -ms-box-sizing: border-box; /* ie8 */ -webkit-box-sizing: border-box; /* safari3 */ -khtml-box-sizing: border-box; /* konqueror */ }



/* FORM GENERICO COLONNA CENTRALE */
#container form { float: left; width: 102%; padding: 0; margin: 0 0 1rem 0; }

	#container form fieldset { float: left; width: 100%; padding: 0; margin: 0 0 2.5rem 0;  border: none; }

	#container form ul, 
		#container form li, 
		#container .divForm ul, 
		#container .divForm li   { list-style: none; margin: 0; padding: 0; float: left; width: 100%; }
		
		#container form li, 
		#container .divForm li { float: left; width: 100%; margin: 3px 0 8px 0; display: block; background: transparent; list-style: none; float: left; max-width: 48%; margin-right: 2% !important; padding: 0 !important; }
		
		#container form legend { font-size: 1.2rem; padding:0 0 1.2rem 0; color: #204181; font-weight: 400; }


/*
		#container form ul li.text, #container .divForm li.text  { padding-top: 25px; }
		#container form ul li.half, #container .divForm li.half { width: 47% !important; margin-right: 30px; }
		#container form ul li.third, #container .divForm li.third { width: 30% !important; margin-right: 26px; }
		#container form ul li.half.right, #container .divForm li.half.right ,
		#container form ul li.third.right, , #container .divForm li.third.right { margin-right: 0; float: right; }
*/

		#container form input, 
		#container form select ,
		#container form textarea , 
		#container .divForm input, 
		#container .divForm select, 
		#container .divForm textarea { color: #444;  border: 1px solid #c1c3b7; background: #fff; font: 12pt/14pt  UbuntuMedium,"Lucida Grande","Lucida Sans Unicode", Helvetica, "Helvetica Neue", sans-serif; display:block; padding:9px 5px; width:100%;  }
			#container form textarea { height: 120px; padding:5px 5px; overflow: auto; resize: vertical; }
			#container form textarea.short { height: 60px; }
  
  			#container form input.required, 
			#container form textarea.required { border: 1px solid #204181; }

			#container form input:hover,
			#container form input:focus,
			#container form select:hover,
			#container form select:focus,
			#container form textarea:hover,
			#container form textarea:focus { /* color: #a80244;  */}

			#container form input:hover,
			#container form select:hover,
			#container form textarea:hover { /* border:1px solid #a80244;  */}

			#container form ul li.checkbox input ,
			#container form ul li.privacy input ,
			#container form ul li input[type="checkbox"] ,
			#container form ul li input[type="radio"] { width: 13px; height: 13px; float: left; vertical-align: bottom; left: 0; border: none; padding: 0; margin: 4px 8px 0 0;  background:none !important }
			#container form ul li input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
			#container form ul li input[type="radio"] { vertical-align: text-bottom; }
			
			#container form ul li.buttonhold { clear: both; width: 97% !important; max-width: 97% !important; margin-top: 1rem !important; }
			
			button, 
			a.button, 
			input[type="button"] , 
			input[type="submit"] { font-family: 'Open Sans' ; color: #fff; cursor: pointer; white-space: nowrap;   
 -webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear; -webkit-appearance: none; border-radius: 0;  float: left;  padding: 0.6rem 1.5rem; margin:0 1rem 0 0; background: #830235; font-size: 0.9rem; font-weight: 300; text-transform: uppercase; }
 
 			button, 
			a.button, 
			input[type="button"] { font-weight: 600; }
			
			#container form ul li button.annulla ,
			#container form ul li.buttonhold [type="button"] { background: #4e4d49 }
			#container form ul li button.annulla:hover ,
			#container form ul li.buttonhold [type="button"]:hover { background: #71706d }
			
			#container form ul li button:hover { background: #17457e;  }
			
/* 			#container form ul li button.big { float: left; width: 153px; height: 34px; padding: 3px 0 0 0; margin:0; background: transparent url(../img/butt-big.png) no-repeat 0 0; font-size: 20px; margin-right: 20px; } */
			
			

			#container form  #firstname { visibility: hidden; display: none; height: 0; }

			#container form ul li.privacy { border-top: 1px dotted #ddd !important; margin-top: 10px; padding-top: 8px; }

			#container form input::-webkit-input-placeholder { color: #999; }
			#container form input:-moz-placeholder { color:  #999; }

			#container form ul li input[disabled="disabled"],
			#container form ul li input[readonly="readonly"] { background: none !important;  color: #000 !important;  cursor: default !important; }
			#container form ul li button[disabled="disabled"] { cursor: default !important; }

			#container form label, 
			#container .divForm label  { float: left; width: 100%; white-space: nowrap !important; font-size: 14px; font-weight: 600; margin-bottom: 3px; }
			#container form ul li.checkbox ul li label ,
			#container form ul li ul.orizzontali li label {  font-weight: normal; }

			#container div.selector { min-width: 97.5% !important;width: 97.5% !important;max-width: 97.5% !important; border: 1px solid #c1c3b7; }


#container form.generic-form { width: 96%; }
#container form.generic-form textarea { max-width: 99%; float: left; }

p#checkEmail label { float: left; width: auto !important;  }
p#checkEmail input[type=checkbox] { float: left; width: auto !important; margin-right: 8px; margin-top: 5px; }


input[type="file"] { background: transparent !important; border: none !important; display: inline-block !important; }


/* error message baloon */
.error p {
	margin:0;		
}
.error {	
	height:15px;
	background-color:#333;
	font-size:11px;
	border:1px solid #333;
	color:#fff;
	display:none;	
	margin:0;
	padding:3px 6px 6px 6px;	
	border-radius:4px;
	box-shadow:0 0 0 #555;		
	zoom: 1;
    filter: alpha(opacity=90);
    opacity: 0.9;
    z-index: 9999 !important;
}
.error em {
	/*
border:10px solid;
	border-color:#333 transparent transparent;	
	height:0;	
	width:0;	
*/			
	position:absolute;
	left:20px;
	bottom:-12px;
	display:block;	
	width: 23px;
	height: 12px;
	overflow: hidden;
	background: transparent url(../images/errorarrow.png) no-repeat 100% 100%;
}



table { width: 100%; border-collapse: collapse; margin-bottom: 2rem; }
	table th { background: #204181; color: #fff; padding: 0.6rem 1rem; white-space: nowrap; font-size: 1rem;  }
	table td { padding: 0.6rem 1rem; border-bottom: 1px solid #ccc; font-size: 0.9rem; line-height: 100%; background: #fff; }
		table th.alright ,
		table td.alright { text-align: right; }
		table td.center { text-align: center; }
		table td.totale { font-size: 16px; font-weight: 600; border: none; padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #ccc; }

		table tr:nth-child(even) td { background: #f1f1f1; }

#ad3marche, #ad3modelli {
	width:245px;
	}
	
	
#adpara_precodici {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #646567;
    font-family: 'Open Sans',Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 16px;
    height: 30px;
    padding: 3px 5px;
    width: 100%;
}

table th.azioni ,
table td.azioni { text-align: right; }
table td.azioni img { margin-left: 3px;  opacity: 0.6;   -webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear; }
table td.azioni img:hover { opacity: 1; }

table th.azioni a { background: #2a6dc0; color: #fff; padding: 0.1rem 0.4rem; font-size: 0.8rem; text-transform: uppercase; }
table th.azioni a:hover { background: #fff; color: #2a6dc0; text-decoration: none; }





td.labeltipe { width: 25%; }
td.prezzo { text-align: right; }
td.quantita { text-align: center; }
td.azioni { text-align: right; }



/* checkout */
.checkout #container .divForm ul li ,
.checkout #container form li ,
.checkout #container form ul li.buttonhold { max-width: 86% !important; }
.checkout #container .divForm label ,
.checkout #container form ul li.half label ,
.checkout #container form ul li.text label { font-weight: 900;  font-size: 15px; }
.checkout #container .divForm div.selector ,
.checkout #container form ul li.half div.selector { margin-left: 10px; font-weight: 400; font-size: 14px;  min-width: 27.5% !important;width: 37.5% !important;max-width: 37.5% !important; }



/* login */
form#frmLogin li.half { max-width: 50% !important; }




/* titan-lightbox */
.lightbox-skin { padding: 25px !important; }
h3 { color: #830235; }
.foto-holder { float: left; width: 100%; text-align: center; margin: 20px auto; min-height: 180px; }
.foto-holder img { max-width: 500px; height: auto; margin: 0 auto; }
.lightbox-inner .foto-holder img { max-width: 400px;  }

table.dettagli { margin-bottom: 3rem; }
.lightbox-inner table.dettagli { margin-bottom: 1.5rem; }
table.dettagli td { padding-top: 1rem; }
.lightbox-inner table.dettagli td { padding-left: 0; }
table.dettagli td.prezzo { color: #17457e; font-weight: 700; font-size: 18px; line-height: 80%; }
.lightbox-inner table.dettagli td.formcontainer { padding-right: 0; }
table.dettagli td.formcontainer form { float: right !important; margin-bottom: 0.2rem !important; }
.lightbox-inner button.addCartRow { margin-top: -11px; }
button.addCartRow { float: right; margin-right: 0; }
button.addCartRow:hover { background: #17457e; }
#lightbox-buttons { display: none; }
td.adminCell {	color:#830235; }

form#frmAggiornaArtdes li { width: 71%; max-width: 71%; float: left; }
form#frmAggiornaArtdes li.half { width: 34%; margin-right: 23px !important; }
form#frmAggiornaArtdes li label { float: left; width: 100%; }
form#frmAggiornaArtdes li input ,
form#frmAggiornaArtdes li textarea { color: #444; border: 1px solid #c1c3b7; background: #fff; font: 12pt/14pt  UbuntuMedium,"Lucida Grande","Lucida Sans Unicode", Helvetica, "Helvetica Neue", sans-serif; display:block; padding:3px 4px;  float: left; width: 99%; }
form#frmAggiornaArtdes li textarea { height: 70px; resize: vertical; }
form#frmAggiornaArtdes li.buttonhold.prodotto { width: 24% !important; clear: none; max-width: 24% !important; }
form#frmAggiornaArtdes li.buttonhold.prodotto button { margin-left: 20px; background: #17457e; padding: 0.3rem 1.2rem; }





/* roba solo per  Chrome  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    
    .lightbox-skin { max-width: 900px; }
	.lightbox-outer { width: 100%; }
	.lightbox-inner { width: 100%; max-width: 100%; }
    
}




/* roba solo per Firefox */		
@-moz-document url-prefix() { 

	#toolbar div.one_third form div.selector { min-width: 90% !important; width: 90% !important; max-width: 90% !important; }
	

}






@media only screen and (max-width: 1150px) { 

	#aside .login h2 ,
	#aside .carrello h2 ,
	#toolbar h3 { font-size: 1.7rem;  }
	#aside .login ul ,
	#aside .carrello ul ,
	#aside .carrello .totale ,
	#aside .carrello form { padding-left: 1.6rem; }

}





@media only screen and (max-width: 960px) { 

	#aside .login h2 { font-size: 1.5rem; margin-left: 1.3rem; background-size: 28px 38px; height: 38px; }
	#aside .carrello h2 { font-size: 1.5rem; margin-left: 1.3rem; background-size: 38px 38px; height: 38px; }
	#toolbar h3 { font-size: 1.5rem; background-size: 38px 38px; height: 38px; }
	#aside .login ul ,
	#aside .carrello ul ,
	#aside .carrello .totale ,
	#aside .carrello form { padding-left: 1.3rem; }
	
	#aside .tracking ul li { width: 100% !important; text-align: center !important;  }


}



@media only screen and (max-width: 860px) { 

	#aside .login h2 { font-size: 1.3rem; background-size: 23px 31px; height: 31px; padding-left: 2.1rem; }
	#aside .carrello h2 { font-size: 1.3rem; background-size: 30px 31px; height: 31px; padding-left: 2.4rem; }
	#toolbar h3 { font-size: 1.3rem; background-size: 30px 31px; height: 31px; padding-left: 2.4rem; }
	div.selector { font-size: 0.9rem !important; height: 32px !important; }
	div.selector span { height: 32px !important; line-height: 32px !important; }
	div.selector.hover ,
	div.selector.focus { background-position: 100% 90% !important; }
}



@media only screen and (max-width: 800px) { 

	#container .prodotti ul li { width: 32%; }
	#textsearch form { padding: 0 0.6rem 0.6rem 0.6rem ; }
	#textsearch form input { font-size: 0.8rem; padding-left: 6px; }
	#textsearch form button { font-size: 0.7rem; }
	div.selector { font-size: 0.8rem !important; }

}




@media only screen and (max-width: 480px) { 

	#topmenu { width: 60%; }
	#textsearch { width: 39%; }
	#textsearch label { display: none; }
	#textsearch form input ,
	#textsearch form button { height: 27px; }
	#textsearch form { padding: 0.6rem 0 0 0; }
	#textsearch form input { font-size: 0.8rem; padding-left: 6px; }
	#textsearch form button { font-size: 0.7rem; }
	div.selector { font-size: 0.8rem !important; }
	#mainmenu ,
	.banner { display: none; }
	#aside ,
	#container { width: 100% !important; }
	#aside .carrello ul ,
	#aside .carrello .totale ,
	#aside .carrello form { width: 90%; }
	#footer div { width: 48%; }
	.flex-direction-nav { display: none; }


}




@media only screen and (max-width: 320px) { 

	#topmenu { width: 50%; }
	#topmenu a { font-size: 0.6rem; }
	.menu li { padding: 0 0.5rem !important; }
	#textsearch { width: 50%; }
	#textsearch form input {font-size: 0.7rem;}
	#textsearch form button {font-size: 0.6rem;}
	#logo { max-width: 100%; }
	#logo img { max-width: 100%; }
	#aside .carrello ul ,
	#aside .carrello .totale ,
	#aside .carrello form { width: 85%; }
	#container .prodotti ul li { width: 48.6%; }
	#toolbar div.one_third { width: 85%; }

}


p.chromeframe {
    position: fixed; right: 0; left: 0; z-index: 1030;
    width: 100%;
    margin: 0;
    background: #fcce15;
    color: #141414;
    padding: 3em 0;
    text-align: center; 
    font-weight: 600; 
    z-index: 99999; 
    font-size: 22px !important; 
}
p.chromeframe a { text-decoration: underline; }
