@import url(magic-lib.css);
@import url(../fonts/stylesheet.css);
@import url(font-awesome.min.css);
 
/************************************************************************************
Aspetto di base
*************************************************************************************/

body {
	color:#111;
	font-size:17px;
	font-family: 'font1', arial; margin:0; padding:0; background-color: #333339 
	    
}
a, a:hover, a:link, a:visited, a:active {
}
a img {
	border:0px;
	padding:0px;
	margin:0px; vertical-align:top; 
}
a.language  {
	border:2px solid #fff;margin: 0px 22px 0px 0px;
	padding:0px; display: inline-block;
	 
}
a.language:hover {
	border:2px solid #960;
	padding:0px;
	 
}

p {
	margin-top:20px;
	margin-bottom:20px;
}
h1, h2, h3, h4 {
	font-weight:100;
	margin:0px; 
	 
}
h1 {
	font-size:1.6em;color:#144490;
}
h2 {
	font-size:1.4em;color:#144490;
}
h3 {
	font-size:1.2em;color:#144490;
}
h4 {
	font-size:1.1em;
}
#logo {
	padding:10px 0 0
}
#logo img {
	padding: 0;
	vertical-align:top
}
img {
	-ms-interpolation-mode:bicubic;
	margin:0%
}
/************************************************************************************
Struttura
*************************************************************************************/
 

#page_cont{   display:block;width:100%; max-width:1070px; box-shadow:1px 1px 250px #ddd;   margin:0 auto 0px;   background-color:#FFF  ; box-sizing: border-box;   
	 
}
#page_cont:after {
	clear:both;content:"";display:table;
}
#header {
	display:block;
	padding:4px 0px 0px 0%;
	 
	width:100%;max-width:1070px;
	float:left;
	 
	margin:0 auto 0; display:block; float:left;
 
	 
}
#header:after {
	clear:both;content:"";display:table;
}
#footer {
	clear: both; background-color:#334;
	font-size:0.9em; border-top:7px solid #666;border-bottom:13px solid #666;
	display:block; color:#fff;
	text-align:center;
	padding:0%;
}
#footer h3 {
	 
	color:#fff
}

#footer a {
	 
	color:#fff
}
#footer a:hover {
	 
	color:#fff
}
 
 


 #avviso-box {
	position: fixed;
	z-index:320; 
	 	left:0px;box-sizing: border-box;
	top:0px;
	 
	width:100%; text-align:right; 
	 
	text-align:center;   top:20px; 
}
#avviso-box img {
	max-width:100%;
	max-height:100%;
}
#avviso-box .links {
	color:#444
}
#avviso-box .links:hover {
	color:#888
}
 #avviso-content {margin:auto ;box-sizing: border-box;  display:block;   border:1px solid #144490; background-color:#FFF; color: #000; box-shadow:1px 1px 20px #ccc;width:100%; padding: 2% 4% 4% ; font-size: 1.2em}

#avviso-chiudi {
	z-index:350; display:block; float:right;
 
	 
	 
	height:30px;
	width:30px; padding:3px;background-image:url(../img/icon_menu_close2.png); background-position:0 100%; 
	cursor:pointer;
}  




/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 960px) {
 #page {
 width: 100%;
padding:0;
}
body {
 font-size:16px;
}
}

/* for 700px or less */
@media screen and (max-width: 700px) {
 #header {
display:block;
 height:auto;
color:#ccc;
background-color:#ccc
}
}
 @media screen and (max-width: 940px) {
 #header {
display:block;
padding:0px 0%;
 color:#ccc;
width:100%;
margin:auto;
background-color:#FFF
}
}
@media screen and (max-width: 480px) {
}
/* classe link */
a.link, a.link:hover, a.link:link, a.link:visited, a.link:active {
	color:#000;
	text-decoration:underline
}
a.link:hover {
	color:#666
}
 
/* Cookies */
.informativa {
	max-width:800px;
	margin:auto;
}
.informativa a, .informativa a:hover, .informativa a:link, .informativa a:visited, .informativa a:active {
	font-size:18px;
	color:#efefef
}
.informativa a:hover {
	font-size:18px;
	color:#000
}
/************************************************************************************
finestre modulari
*************************************************************************************/
#modal {
	position: fixed;
	z-index:300;
	left:0px;
	top:0px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	height:100%;
	width:100%;
	background-color:#666;
	display:none; 
	 
}
 
#modal_bianco {
	position: fixed;
	z-index:300;
	left:0px;
	top:0px;
	 background-color: rgba(255, 255, 255, 0.9);
	height:100%;
	width:100%;
 
	display:none; 
	 
}
#modal-box {
	position: fixed;
	z-index:320; 
	 	left:0px;box-sizing: border-box;
	top:0px;
	 
	width:100%; text-align:right; 
	display:none;
	text-align:center;   top:20px; 
}
#modal-box img {
	max-width:100%;
	max-height:100%;
}
#modal-box .links {
	color:#CCC
}
#modal-box .links:hover {
	color:#999
}
#modal-chiudi {
	z-index:350; display:block; float:right;
 
	 
	 
	height:30px;
	width:30px; padding:3px;background-image:url(../img/icon_menu_close2.png); background-position:0 100%; 
	cursor:pointer;
}
#modal-chiudi:hover {background-image:url(../img/icon_menu_close2.png); background-position:0 0; 
	 
} #modal-content {margin:auto ;box-sizing: border-box; max-width:500px; display:block;   border:2px solid #144490; background-color:#FFF; box-shadow:1px 1px 40px #ccc;width:100%; padding:15px}
 @media screen and (max-width: 480px) {
 #modal-box img {
 max-width:130%;
max-height:110%;
margin-left:-10%;
width:auto;
}
#modal-box {
 max-width:100%;
 
 
width:100%;
}#modal-box {
	position: fixed;
	z-index:320;
	 	  text-align:right;  
	display:none;
	text-align:center;  
}
}
.sfoca {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}
 


 


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

}
.sfoca {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}
 


 @media screen and (max-width: 850px) {
 
}


 @media screen and (max-width: 600px) {
 
}

 

 @media screen and (max-width: 700px) {
  
}

#pop-cookie-law a{   text-decoration:none; padding:1px;  color: #CCC;}
#pop-cookie-law a#close{   text-decoration:none; padding:1px;  color: #CCC; font-size:16px;}
#pop-cookie-law a:hover{   text-decoration:none; padding:1px;   color:#FFF}
#pop-cookie-law-sf{ font-size:1.1em; text-align:center;  width:100%; position:fixed;left:0px; bottom:0px; padding:0%; background-color:#000; color:#fff; z-index:5000000;}#pop-cookie-law-sf{ font-size:1.1em; text-align:center;  width:100%; position:fixed;left:0px; bottom:0px; padding:0%; background-color:#000; color:#fff; z-index:5000000;}
#pop-cookie-law-sf div{  max-width:900px;   margin:auto; padding:10px; z-index:5000002;}






/************************************************************************************
pagina prodotti
*************************************************************************************/




 .box_prod {
	display: block;
	float:left; text-align:center;
	box-sizing: border-box;
	padding:3px 0;
	margin: 0%; width:20%;
	 
}

 .box_prod a{
	display: block; color:#000;
	float:left; text-align:center;
	box-sizing: border-box; text-decoration:none;
	 -webkit-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;  
  
	 
}
  .box_prod a:hover{
	  color:#666;
	 
	 
  
	 
}
 .box_prod img{ max-width:80%; margin-top:10px;
	 
	-webkit-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;  
}
.box_prod a:hover img{ max-width:80%; margin-top:0px; margin-bottom:10px
	 
	 
}
 .box_prod .prodotto{ font-size:0.8em; 
	 
	 
}
 .box_prod .produttore{ color:#144490;
	 
	 
} .prodottotesti{   min-height:80px;  
	 
	 
}

 .box_prod img{ max-width:80%
	 
	 
}

 @media screen and (max-width: 900px) {
  .box_prod {
	display: block;
	float:left; text-align:center;
	box-sizing: border-box;
	padding:10px 0;
	margin: 0%; width:25%;
	 
}

}
 @media screen and (max-width: 700px) {
  .box_prod {
	display: block;
	float:left; text-align:center;
	box-sizing: border-box;
	padding:10px 0;
	margin: 0%; width:33%;
	 
}

}
 @media screen and (max-width: 600px) {
  .box_prod {
	display: block;
	float:left; text-align:center;
	box-sizing: border-box;
	padding:10px 0;
	margin: 0%; width:50%;
	 
}

}

.voci, .voci2   {  display:block; padding:6px 0px;  
	 
}

.voci a, .voci2  a { background-color:#ddd; padding:3px 5px; display:inline-block; margin:2px 2px; color:#000; text-decoration:none; text-transform:capitalize
	 
}
.voci a, .voci2  a:hover { background-color: #069; color:#FFF
	 
}
.voci a.sel, .voci2 a.sel{ background-color: #069; color:#FFF
	 
}
#load {
	text-align:left;
	display:block;
	min-height:600px;
	 
	background-image: url(../img/loading2.gif);
	background-position:48% 90px;
	background-repeat:no-repeat
}
ul.a {
    list-style-type: circle; list-style-position: outside; margin-left:20px
}
ul.a li{
      list-style-position: outside; 
}


/************************************************************************************
pagina prodotto singolo
*************************************************************************************/

 .prodotto_int {
	display: block;
	float:left; text-align:center;
	box-sizing: border-box; width:60%;
	 float:left; padding:15% 0; line-height: 1.8em;
	margin: 0%; text-align:left 
	 
}

 .immagineprodotto {
	display: block; width:40%;
	float:left; text-align:center;
	box-sizing: border-box;
	padding:10px 0;
	margin: 0%;  
	 
}
 .prodotto_int .titolo{ font-size:1.3em; padding:8px 0; border-bottom:1px solid #ddd 
	 
	 
}
 .prodotto_int .testo{ font-size:1.2em; padding:8px 0; border-bottom:1px solid #ddd 
	 
	 
}

 .prodotto_int .testopic{ font-size:1.0em; padding:8px 0; border-bottom:1px solid #ddd 
	 
	 
}
 .prodotto_int .testodescr{ font-size:1.2em; padding:8px 0; border-bottom:1px solid #ddd 
	 
	 
}
 .prodotto_int .produttore{ font-size:1.3em;padding:8px 0;border-bottom:1px solid #ddd ;color:#144490;
	 
	 
}
.prodotto_int .testo strong {
	 color:#144490;
}
 .immagineprodotto img{ max-width:70%
	 
	 
}

 @media screen and (max-width: 900px) {
 .prodotto_int {
	display: block;
	float:left; text-align:center;
	box-sizing: border-box; width:60%;
	padding:10px 0;float:left; padding:15% 0;
	margin: 0%; text-align:left 
	 
}

 .immagineprodotto {
	display: block; width:40%;
	float:left; text-align:center;
	box-sizing: border-box;
	padding:10px 0;
	margin: 0%;  
	 
}

}
 @media screen and (max-width: 700px) {
   

}
 @media screen and (max-width: 600px) {
 
 .prodotto_int {
	display: block;
	float:left; text-align:center;
	box-sizing: border-box; width:100%;
	padding:10px 0;float:left; padding:15% 0;
	margin: 0%; 
	 
}

 .immagineprodotto {
	display: block; width:100%;
	float:left; text-align:center;
	box-sizing: border-box;
	padding:10px 0;
	margin: 0%;  
	 
} .immagineprodotto img{ max-width:70%
	 
	 
}
}

.voci, .voci2   {  display:block; padding:6px 0px;  
	 
}

.voci a, .voci2  a { background-color:#CCC; padding:3px 5px; display:inline-block; margin:0 2px; color:#000; text-decoration:none; text-transform:capitalize
	 
}
.voci a, .voci2  a:hover { background-color: #069; color:#FFF
	 
}
.voci a.sel, .voci2 a.sel{ background-color: #069; color:#FFF
	 
}
#load {
	text-align:left;
	display:block;
	min-height:600px;
	 
	background-image: url(img/loader.gif);
	background-position:48% 40px;
	background-repeat:no-repeat
}
.footbl1{text-align:left;}
.footbl2{text-align:center;}
.footbl3{text-align:right;}

 @media screen and (max-width: 600px) {  .footbl1,.footbl2,.footbl3{text-align:center;} }
 
 .scrolltotop{ width:50px; height:38px; position:fixed;background-color:#888; bottom:1%; right:1%;padding:5px; display:none;  opacity:0.7; }.text_ris{padding:20px  }.scrolltotop:hover{ background-color:#144490;  opacity:1; }
 
 .scrollmenu .logo-div{ height:29px;margin:5px 0px; } .scrollmenu .nav{list-style:none; *zoom:1;padding-top:7px;color:#333;width:100%;} .scrollmenu .container2{display:none }.scrollmenu .toggleMenu{display:none; margin:2px 0px 0;padding:7px;color:#fff;}#footer{clear:both;font-size:1em;}} 
 
 @media screen and (max-width:940px){.scrollmenu .nav{list-style:none; *zoom:1;padding-top:0px;color:#333; background-color:#ddd}}  
 
 a.classPDF{
	text-align:left;
	display:block;   color: #000;
	 
	 
	background-image: url(../img/pdf.gif); text-decoration: none;
	background-position: 3px 48%; padding: 5px 0 5px 50px;   background-size: contain; cursor: pointer;
 	background-repeat:no-repeat; margin-top: 15px
}

 a.classPDF:hover {
  color: #777;
}