@import 'https://fonts.googleapis.com/css?family=Asap:400,400i,700,700i';

html, body{ margin:0; padding:0; font-family: 'Asap', sans-serif; color:#666666; line-height:1.4 }
p { margin:0; padding:0;}
img{ border:0}
a{ text-decoration:none; color:#666666; cursor:pointer}
a:hover{ color:#999999;}
.element a img:hover{ opacity:0.8}
.block_element a img:hover{ opacity:0.8} 

.table{
		width: 100%;
	}
	
.table  td{ padding: 5px 3rem;}
	
.table  tr:nth-child(odd) {background: #e0e0e0}
.table  tr:nth-child(even) {background: #ffffff}
	
.right{text-align: right;}


.loghi tr {
    display: block;
    margin: 80px;
}

.loghi td {
vertical-align: top;
}


#footer a{ text-decoration:none; color:#ffffff;}
#header{ width:100%;  margin:100px auto; text-align:center;}
#menu{margin:30px 0; width:100%; background-color:#f1f1f1; padding:0; text-align:center;}
#menu a{ text-decoration:none; color:#666666; display:inline-block; padding:10px 20px; font-size:14px; width:80px;  line-height:30px; text-transform:uppercase; margin:0}
#content{width:98%; max-width:1200px; margin:50px auto 100px auto; font-size:18px; text-align: center;}
#content2{background-color:#f1f1f1; width:100%; padding:30px 0 0 0;  font-size:18px; margin:100px auto 30px auto;}
#content2_in{max-width:1200px; margin:0 auto; text-align:center;}
#footer{width:100%;  margin:120px auto 0 auto; background-color:#63686c; font-size:14px; }
#footer_in{ max-width:1200px; margin:0 auto; text-align:center; padding:30px 10px; color:#FFFFFF; }
.txt_center{ text-align:center;}
#menu a:hover{ background-color: #E3E3E3;}
.current{ background-color: #B2B2B2;}
.category{ width: 100%; max-width: 300px;}
.title{ font-size:30px; margin:60px 0 50px 0;}
.block{ width:100%;   margin:30px auto; padding:10px 0; text-align:center;}
.block_element{ width:26%;  margin:20px auto; padding:10px 0; display: inline-block; max-width:260px; }
.block_element2{ width:40%;  margin:20px auto; padding:10px 0; float:left;  }

.loghi td{padding: 0 20px;}

.border{ border-left: 1px solid #d8d8d8; padding: 0 20px;}

.margin{ margin:20px 10.3%}

.margin2{ margin:20px 5%}
.new{ color: #ff0000; }

.block_image{ width:100%;  }

.block_image img {
	width: 95%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2.5%;
	border: solid 1px #C3C3C3;
}


.block_text{ width:100%; }
.clear{ clear:both;}

.title2{ font-size:18px; font-weight:bold; margin-bottom:10px;  vertical-align:bottom; padding:10px 0}
.title3{ font-size:18px; font-weight:bold; margin-bottom:10px; height:auto; padding:10px 0}
.title4{font-size:18px; font-weight:bold; margin-bottom:10px;   vertical-align:bottom; padding: 10px 0; }

.block_video{width:100%;  margin:20px auto; padding:10px 0;  max-width:900px;}

#cookieChoiceInfo  { font-size:13px; color: #ffffff; text-align:center; background-color:#87888a; font-family: Arial, Helvetica, sans-serif; padding:10px 5%;}
#cookieChoiceDismiss{ font-weight:bold; text-decoration:none; color:#ffffff;}
#cookieChoiceInfo a{ color:#ffffff !important; font-size:12px !important;}

.novita{ margin-left: 195px;
z-index: 99999999; position:absolute; margin-top:100px;}
.novita img{ width:100%;}

.nav_m{ display:none; position:absolute; right:20px; top:5px;}

.container_login{ width:100%; max-width:1800px; margin:100px auto; text-align:center}
.container_login p{ margin:20px 0;}
.form_login{ margin-top:100px;}
.form_login input{ display:block;  padding:8px 0; margin:10px auto; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; border:solid 1px #666666; width:80%; text-align:center; font-size:16px; color:#63686b;  max-width: 500px; }
.logo{width: 100%; max-width: 1800px;}

.send{ padding:10px; background-color:#e2001a; margin:30px 0 50px 0; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; border: none; color:#FFFFFF;  font-size:16px; width:180px; text-align:center; cursor:pointer;}
.account{  position:absolute; right:10px; top:25px;  margin:0 auto; font-size:13px;}
.account img{ width:15px; vertical-align:-1px; }

.action a:hover{ background-color:#63686c;  color:#FFFFFF; }

.action a {
	background-color: #f4f4f4;
	text-align: center;
	color: #63686c;
	width: 95%;
	margin: 5px auto;
	display: block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 10px 2.5%;
	border: solid 1px #63686c;
}

.action2:hover{ opacity:0.7;}
.action2 a{ background-color:#63686c; text-align:center; color:#FFFFFF; width:120px; margin:0 auto; display:block; -webkit-border-radius: 50px; 
-moz-border-radius: 50px;
border-radius: 50px; padding:5px;}

.scarica{background-color:#63686c; text-align:center; color:#FFFFFF !important; width:auto; margin:0 auto;  -webkit-border-radius: 50px; 
-moz-border-radius: 50px;
border-radius: 50px; padding:5px 20px; font-size:14px;}

.scarica:hover{ opacity:0.7}

.action3:hover, .action4:hover{ opacity:0.7}
.action3 a{ background-color:#f1f1f1; text-align:center; color:#63686b; width:auto; margin:0 auto; display:block; -webkit-border-radius: 50px; 
-moz-border-radius: 50px;
border-radius: 50px; padding:3px; margin-top:20px; font-size:16px; }

.action4 a{ background-color:#e2001a; text-align:center; color:#FFFFFF; width:100%;  margin:0 auto; display:block; -webkit-border-radius: 50px; 
-moz-border-radius: 50px;
border-radius: 50px; padding:3px; margin-top:5px; font-size:16px; font-weight:bold;}


.subnav{ position:absolute; top:208px; padding:10px 0; width:366px; left:50%; right:50%; margin-left:-183px; background-color:#E3E3E3; z-index:9999; display:none;}
.subnav a{ display:block; width:100% !important; padding:0 !important;}
.logo_m{display: none; width: 100%; max-width: 800px; margin: 0 auto;}

@media screen and (min-width: 651px) and (max-width: 1200px) {

.loghi td {
	width: 43%;
	padding: 0 2.5%;
	display: inline-block;
	margin: 30px auto;
}
.border{ border-left:none; padding: 0; }		
.logo_m{display: block;}	
.logo{display: none;}		
	
}


@media screen and (max-width: 650px) {
.loghi td {
	width: 90%;
	padding: 0 2.5%;
	display: block;
	margin: 30px auto 80px auto;
}
.border{ border-left:none; padding: 0; }	
	
.logo_m{display: block;}	
.logo{display: none;}	
	
#menu{ display:none; opacity:0.98; position:absolute; left:0; z-index:999; top:30px; }
.nav_m{ display:block;}	
	
.account{  position:absolute; left:20px; top:10px;  margin:0 auto; font-size:13px;}
.sfogliabile{ height:auto;  height:550px; }

.subnav{ position:relative; top:0; padding:10px 0; width:100%; left:auto; right: auto; margin-left:auto; background-color:#E3E3E3; z-index:9999; display:none;}
.subnav a{ display:block; width:100% !important; padding:0 !important}
	
.account{  position:absolute; left:20px; top:10px;  margin:0 auto; font-size:13px;}	

.action a{font-size: 16px;}
	
.block_element {
	width: 90%;
	margin: 20px auto;
	padding: 10px 0;
	display: block;
	max-width: 300px;
}	
	
.category {
	max-width: 200px;
}	
	
}