html, body
{
	padding: 0;
	margin: 0;
}
html
{
	height: 100%;
}

body {
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	min-height: 100%;
	position: relative;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	font-weight:normal;
	margin:0 0 1.5em 0;
}
h2
{
	font-size:2em;
}


h3
{
	font-size:1.1em;
	margin-bottom:0em;
	font-weight:bold;
	color:#A90132;
}


h4
{
	font-size:1.0em;
	margin-bottom:0em;
	color:#888;
	font-weight:bold;
}

p
{
	margin: 0 0 10px 0;
	float:left;
	width:100%;
}
a, a:link, a:active, a:visited, a:hover
{
	color: #A90132;
	text-decoration: underline;
}
a.button,
span.button,
select,
input[type="text"], input[type="password"]
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	border-radius: 5px;
	text-transform: none;
	text-indent: 0;
	font-weight: bold;
	vertical-align: middle;
	line-height: 20px;
	display: block;
	height: 40px;
	width: 100%;
	padding: 10px;
	text-transform:uppercase;
}

textarea{
width:97%;
height:200px;
margin:0 0 20px 0;
border:1px solid #ccc;
padding:5px;
font-size:1.0em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
overflow : auto; 
vertical-align : top;
text-transform: none;
text-indent: 0;
font-weight: bold;
line-height: 20px;
display: block;
font-family: Arial, Helvetica, Verdana;
text-transform:uppercase;
}


input.radio{
display:inline;
width:auto;
margin:0;
border:none;
font-size:1em;
padding:0;
background:none;
height:auto;
vertical-align:middle;
}

input.check{
display:inline;
width:auto;
margin:0;
border:none;
font-size:1em;
padding:0;
background:none;
height:auto;
vertical-align:middle;
}

input.qta{
display:inline;
width:auto;
margin:0;
border:none;
font-size:1em;
padding:5px;
background:none;
height:auto;
vertical-align:middle;
}


a.button,
span.button
{
	background: #4BD963;
	color: #fff !important;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}
select,
input[type="text"], 
input[type="password"]
{
	background: #fff;
	border: 1px solid #ccc;
	margin:0 0 1em 0;
}
select:disabled,
input[type="text"]:disabled, input[type="text"]:read-only,
input[type="password"]:disabled, input[type="password"]:read-only
{
	background-color: #cccccc;
	color: #888888;
}
.mm-label.button
{
	text-indent: 0 !important;
	padding: 20px 20px 40px 20px !important;
}

pre
{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
nav:not(.mm-menu)
{
	display: none;
}

.header,
.content,
.footer
{
	text-align: left;
}
.header, .content,
.footer
{
	background: #fff;
	font-size: 16px;
	color: #fff;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	width: 100%;
	float:left;
}
.header a
{
	background: center center no-repeat #A90132;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
	cursor:pointer;
}
.header a.contacts
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
.header a.right
{
	left: auto;
	right: 10px;
}

.header.mm-fixed-top + .content
{
	background-position: 25px 55px;
}


html.mm-opened.mm-zoom-menu body
{
	 background: #333;
}
html.mm-opened.mm-zoom-menu .mm-page
{
	background-color: #fff;
}

#my-button {
	position:relative;
	z-index:900;
}



/*  MAIN LAYOUT	============================================================================= */


#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
	float:left;
	
}



		header {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 92.3em; /* 1200px / 13 */
			margin: -40px auto 0;
			padding:0 0 0 0;
			position: relative;
			color: #000;
			text-align: center;
		}
		
		
		h1 {
			width: 106.7px;
			height: 80px;
			margin: 20px 0;
			background: url(../images/global/qcertificazioni.2024.png?nocache=3) no-repeat center center;
			background-size: contain;
		}
		
		h1.test:after {
			content: "TEST";
			color: red;
			font-size: 32px;
			position: absolute;
			right: 0;
			top: calc((100% - 32px) / 2);
		}
		
		
		h1 span {
			display:none;
		}
		
		
		.maincontent{
				clear: both;
				width: 80%; /* 1000px / 1250px */
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 92.3em; /* 1200px / 13 */
				margin: 0 auto;
				padding: 2em 0px 1.5em;
				color: #333;
				line-height: 1.5em;
				position: relative;
				border-top:1px solid #EEE;
				border-bottom:1px solid #EEE;
			}
			
			.mobile-show {
				display:none;
			}
			
			@media only screen and (max-width: 700px) { 
				.mobile-show {
					display:inline-block;
				}
				.buttons {
					width:100% !important;
					margin:10px 0 0 0;
				}
				}
				
				
				@media only screen and (max-width: 700px) { 
.no-mobile-display {display:none;}

.section.w-border-top {
	margin-top:10px;
}
}
				

		footer {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto 2em;
			padding: 20px 0px 10px 0px;
			color: #999;
			text-align:center;
			font-size:0.75em;
		}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
	padding: 0.5em 1em;
	margin: 1.1em 0 0 0;
	cursor : pointer; 
	border:0;
}

button:disabled, button:disabled:hover,
input[type="button"]:disabled, input[type="button"]:disabled:hover,
input[type="reset"]:disabled, input[type="reset"]:disabled:hover,
input[type="submit"]:disabled,input[type="submit"]:disabled:hover {
	background-color: #cccccc;
}
 
input{
display:block;
width:97%;
margin:0 0 20px 0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
background:#fff;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	background: #A90132;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: Arial, Helvetica, Verdana;
	font-size : 1.3em;
				
}
.button:hover {
	background: #820034;
	color: #fff;
	text-decoration: none;
}
.button:active {
	background:#820034;
	color: #fff;
	position: relative;
	top: 1px;
}
.button:visited { 
	color : #fff;
}

img.stato {
	float:right;
	margin:0 0 0 10px;
}

.clear {
	float:left;
	width:100%;
	height:20px;
}

a.new-link {
	font-weight:bold;
	font-size:14px;
	line-height:40px;
}

a.new-link:hover {
	text-decoration:none;
}

input.loading-auto {
		background:url('/images/gestione/loader.gif') no-repeat right center;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 900; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal p {
	float: unset;
	margin-bottom: 12pt;
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 40%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0} 
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

/* The Close Button */
.close {
	color: #a90132;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	padding: 16px;
	color: #a90132;
	border-bottom: 2px solid #a90132;
}

.modal-header h2 {
	margin: 0;
}

.modal-body {
	padding: 16px;
	max-height: 50vh;
	overflow-y: auto;
}

.modal-footer {
	padding: 16px;
	color: #a90132;
	overflow: hidden;
	text-align: right;
}

/* Loader */
.loader {
  border: 12px solid #f3f3f3; /* Light grey */
  border-top: 12px solid #a90132; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
	margin: auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

small.error {
	font-size: smaller;
	color: red;
}

input.error, select.error, textarea.error {
	border: solid 1px red;
	margin-bottom: 0;
}

.righe_alternate > div:hover {
	background-color: lightgray;
}

.righe_alternate > div:nth-child(even) {
	background-color: lightgray;
}