@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body { 
	font-family: 'Inter', sans-serif;
	font-size:14px;
	line-height:16px;
	color:#000;
	background-color:#f0f0f0;
	margin:0px; }
	
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}	
.hidden { display:none !important; visibility:hidden; }
	
div { position:relative; }	

hr { border: 1px solid #0303b8; }

img.fill { width:100%;}

b, .b {font-weight:500;}

.active {color: #0303b8 !important;}
.activeList {font-weight:bold;}


.stats b {
	font-weight:bold;
	font-family:"Courier New", Courier, monospace; }
.statsTable {
	margin-top:1px;
	font-family:"Courier New", Courier, monospace;
	border:#CCC solid 1px;}
.statsTable tr th {
	padding:2px;
	border-bottom:#CCC solid 1px;;
	border-right:#CCC dotted 1px;}
.statsTable tr td {
	padding:2px;
	border-bottom:#CCC dotted 1px;
	border-right:#CCC dotted 1px;}
.statsTable tr td:last-child,
.statsTable tr th:last-child {
	border-right:none; }
.statsTable tr:last-child td {
	border-bottom:none; }
.statsTable td.selected { 
	color:#0303b8; text-decoration:underline; }
#statsPeriod {
	width:auto;
	height:26px;
	float:right;
	padding: 2px 2px; }


.videoLabel { position: relative; width:210px; height:118px; box-sizing:border-box; display:inline-block; background-image: url("../img/video-icon.png"); }
.draggableImg {display:block;}
#uploader2 { font-size:14px; line-height:16px; height:55px; box-sizing:border-box;}
#uploader2 input { position: absolute; cursor: pointer; top: 0px; width: 100%; height: 100%; left: 0px; z-index: 100; opacity:0;}
.slide video {width:100%; display:block; margin:0px; padding:0px; box-sizing:border-box;}


p { margin-top: 0px; }

.p0 {padding:0px;}
p, 
.p1	{padding-bottom:5px;}
.p2	{padding-bottom:10px;}
.p3	{padding-bottom:15px;}
.p4	{padding-bottom:20px;}
.p5	{padding-bottom:25px;}

.m1	{margin-bottom:5px;}
.m2	{margin-bottom:10px;}
.m3	{margin-bottom:15px;}
.m4	{margin-bottom:20px;}
.m5	{margin-bottom:25px;}

li { list-style: none; }

a {color:#0303b8; text-decoration:none;}
a:hover {color:#000f41; text-decoration:none;}
a.current { color: #000f41; }

.aleft		{text-align:left;}
.acenter	{text-align:center;}
.ajustify	{text-align:justify;}
.aright		{text-align:right;}
.pleft		{float:left;}
.pright		{float:right;}

h3 { font-size: 20px; color:#a0a0a0; }

/* Main */

#main { width: 1200px; margin: 0 auto; }

/* Header */

#header { 
	position:absolute;
	width:1200px;
	z-index:20;
	padding-top: 30px;
	padding-bottom:10px;
	background-color:#f0f0f0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
.headerSmall { 
	position:fixed !important; margin: 0 auto; padding-top: 10px !important; }
	
#spacer { height: 180px; }
#spacerHS { height: 0px; }

#logo { margin-bottom: 30px; }
#logo img { width:400px; }

.headerSmall #logo img { width: 180px; }
.headerSmall #logo { margin-bottom: 10px; }
.headerSmall #menu { padding: 5px 20px 5px 20px; border: 2px solid #0303b8; font-size: 20px; }

#menu { 
	padding: 20px 20px 20px 20px; border: 3px solid #0303b8; border-radius: 5px;
	font-size: 22px; line-height: 28px; font-weight: 600; }
#menu a { display: inline; text-decoration: none; }

.fLists a {
	float:right; margin-left:10px;  }

/* Content */

#content { margin-bottom: 100px; padding-top:120px; }

#menu2 { 
	position: sticky; top: 0; width: 25%; display:block; float:left; margin-bottom: 100px;
	font-size:18px; line-height:25px; font-weight:300; padding-top:120px; box-sizing:border-box; padding-left: 20px;}
#menu2 b { font-weight:700;}

#content2 { width: 75%; display: block; float:left; margin-bottom: 100px; padding-top:120px; }

.grid_products { width: 25%; display: block; float:left; box-sizing:border-box; padding: 0px 20px 50px 20px; }
.grid_productDetail { width: 50%; display: block; float:left; box-sizing:border-box; padding: 0px 20px 50px 20px; }
.grid_techDetail { width: 100%; display: block; float:left; box-sizing:border-box; padding: 0px 20px 50px 20px; }

.grid_productDetail p { font-size: 20px; line-height: 26px; font-weight: 300; }

.dataSheet img { width: 30px; padding-right: 10px; float:left; margin-top: -8px; }

.products { 
	display: block;
	box-shadow: 0 0 5px #999; }
.products:hover { box-shadow: 0 0 10px #666; }
.products a { color: #fff; }
.products img { width: 100%; }
.products p { 
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	background-color: #0303b8;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 15px 10px 15px 10px; }

.Active { font-weight: 900; }

/* Form */

form { font-size: 20px; line-height:28px; }

input, select, textarea, #bt_chiudi { 
	font-family: 'Inter', sans-serif;
	width: 100%; 
	padding: 12px 12px;
	margin: 5px 0px 20px 0px; 
	box-sizing: border-box;
	font-size: 16px; 
	border: none;
	box-shadow: 0 0 2px #666;
	color:#000;
	background-color: white;}

button[type=submit] {
	font-size: 16px;
	background-color: #0303b8;
	border: none;
	border-radius: 20px;
	color: white;
	padding: 8px 40px;
	margin-top: 30px;
	cursor: pointer; } 
button[type=submit]:hover {
	background-color: #141414; } 

#loginForm { max-width: 480px; text-align: center; margin: auto; margin-top: 100px; padding: 0px 50px 0px 50px; color:#141414;  }
#loginForm img { width: 350px; margin-bottom:50px; }

/* Back to top button */
#back-top {
	z-index:100;
	position: fixed;
	bottom: 100px;
	right: 0px;}
#back-top a {
	width: 22px;
	height: 22px;
	display: block;
	opacity:0.6;}
#back-top a:hover {
	opacity:1;}
#back-top img {
	height:20px; }

#footer { padding-bottom: 20px; padding-right: 20px; }

#footer a:not(:last-child) img { margin-right:40px; }
	

@media only screen and (max-width: 1249px) {
	#main { width: 100%; margin: 0 auto; }
	#header { width: 100%; box-sizing:border-box; padding-left: 19px; padding-right: 19px; }
}

@media only screen and (min-width: 768px) and (max-width: 1060px) {
	body { 
		font-size:14px;
		line-height:16px; }
	.grid_products { width: 33%; }
	.products p { 
		font-size: 18px;
		line-height: 25px; }
}


@media only screen and (min-width: 580px) and (max-width: 767px) {
	body { 
		font-size:12px;
		line-height:14px; }
	.grid_products { width: 50%; }
	.grid_productDetail { width: 100%; }
	.headerSmall {padding-bottom:0px;}
	.headerSmall #menu {display:none;}
	#menu2 {
		width: 40%;
		font-size:19px; line-height:32px; }
	#content2 { width: 60%; }
	.products p { 
		font-size: 16px;
		line-height: 20px; }
}

@media only screen and (max-width: 579px) {
	#logo img { width:100%; }
	.grid_products { width: 50%; }
	.grid_productDetail { width: 100%; }
	#header {position:relative;}
	.headerSmall {padding-bottom:0px;}
	.headerSmall #menu {display:none;}
	.headerSmall #logo { margin-bottom: 0px; }
	#spacer {height:0px;}
	#spacerHS.active {height:155px;}
	#menu2 {
		width: 100%;
		box-sizing:border-box;
		padding-left: 19px; padding-right: 19px;
		position:relative; 
		padding-top: 10px !important; 
		margin-bottom: 0px !important; 
		font-size:21px; line-height:35px; }
	.fLists a {
		margin-left:20px !important;  }
	#content2 { width: 100%; margin-bottom:300px;  }
	.products p { 
		font-size: 17px;
		line-height: 22px; }
	#loginForm img { width: 300px; }
}