@charset "UTF-8";
/* CSS Document */

/*
DEMO 4
*/

.a_demo_four {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.a_demo_four:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.a_demo_four::before {
	background-color:#2591b4;
	background-image:url(../images/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.a_demo_four:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}

/* CSS Document */

/*
DEMO 4 - wizard
*/

.a_demo_four_wizard {
	margin: 10px;
	/* background-color: #ED1B2E; */
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(237, 163, 27) 0%, rgb(248, 151, 29) 100%);
	background-image: -o-linear-gradient(bottom, rgb(237, 163, 27) 0%, rgb(248, 151, 29) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(237, 163, 27) 0%, rgb(248, 151, 29) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(237, 163, 27) 0%, rgb(248, 151, 29) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(237, 163, 27) 0%, rgb(248, 151, 29) 100%);
	background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0, rgb(237, 163, 27)),  color-stop(1, rgb(248, 151, 29))  );
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
/*	-webkit-box-shadow: inset 0px 1px 0px #EC742A, 0px 5px 0px 0px #ED631B, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #EC742A, 0px 5px 0px 0px #ED631B, 0px 10px 5px #999; */
	-o-box-shadow: inset 0px 1px 0px #EC742A, 0px 5px 0px 0px #ED631B, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #EC742A, 0px 5px 0px 0px #ED631B, 0px 10px 5px #999;
}


.a_demo_four_wizard:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(237, 163, 27) 0%, rgb(248, 151, 29) 100%);
	background-image: -o-linear-gradient(bottom, rgb(237, 163, 27) 0%, rgb(248, 151, 29) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(237, 163, 27) 0%, rgb(248, 151, 29) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(237, 163, 27) 0%, rgb(248, 151, 29) 100%);
	-moz-box-shadow: inset 0px 1px 0px #A64B1B, 0px 2px 0px 0px #ED631B, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #A64B1B, 0px 2px 0px 0px #ED631B, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #A64B1B, 0px 2px 0px 0px #ED631B, 0px 5px 3px #999;
}

.a_demo_four_wizard::before {
	background-color:#ED631B;
	background-image:url(../images/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #595959, 0px 1px 0px #543300;
	-moz-box-shadow: inset 0px 1px 0px #595959, 0px 1px 0px #543300;
	-o-box-shadow: inset 0px 1px 0px #595959, 0px 1px 0px #543300;
	box-shadow: inset 0px 1px 0px #595959, 0px 1px 0px #543300;
}

.a_demo_four_wizard:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #D58054, 0px 3px 0px #474747, 0px 6px 3px #985837;
	-moz-box-shadow: inset 0px 1px 0px #D58054, 0px 3px 0px #474747, 0px 6px 3px #985837;
	-o-box-shadow: inset 0px 1px 0px #D58054, 0px 3px 0px #474747, 0px 6px 3px #985837;
	box-shadow: inset 0px 1px 0px #D58054, 0px 3px 0px #474747, 0px 6px 3px #985837;
}

@media all and (min-width:30em){.div-centrato{position:fixed; width:70%; z-index:10000;background: rgba(62, 184, 229, 1);}}
	@media all and (min-width:45em){.div-centrato{position:fixed; width:70%; z-index:10000;background:rgba(62, 184, 229, 1);}}
	@media all and (min-width:75em){.div-centrato{position:fixed; width:60%; z-index:10000;background: rgba(62, 184, 229, 1);}}
	@media all and (max-width:45em){.div-centrato{position:fixed; width:95%; z-index:10000;background: rgba(62, 184, 229, 1);}}
	@media all and (max-width:65em){.div-centrato{position:fixed; width:85%; z-index:10000;background: rgba(62, 184, 229, 1);}}
	
	@media all and (min-width:30em){.div-messaggi{position:fixed; width:50%; z-index:10000;background: rgba(62, 184, 229, 1);}}
	@media all and (min-width:45em){.div-messaggi{position:fixed; width:50%; z-index:10000;background:rgba(62, 184, 229, 1);}}
	@media all and (min-width:75em){.div-messaggi{position:fixed; width:40%; z-index:10000;background: rgba(62, 184, 229, 1);}}
	@media all and (max-width:45em){.div-messaggi{position:fixed; width:95%; z-index:10000;background: rgba(62, 184, 229, 1);}}
	@media all and (max-width:65em){.div-messaggi{position:fixed; width:75%; z-index:10000;background: rgba(62, 184, 229, 1);}}
	.div-messaggi{
		border:2px solid rgba(62, 184, 229, 1);
		background:#FFF;
		border-radius:8px;
		-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	}
	
	.div-messaggi-header{
		float:left;
		width:100%;
		text-align:center;
		background:rgba(62, 184, 229, 1);
	}
	
	.div-messaggi-header-text{
		color:#FFF;
		margin:0;
		padding:7px;
		font-weight:bold;
	}
	.div-messaggi-text{
		float:left;
		width:100%;
		padding:10px;
	}
	
	.div-messaggi-footer{
		float:left;
		width:100%;
		text-align:center;
	}
	
	.div-messaggi-button{
		text-decoration:none;
		margin-top:10px;
		margin-bottom:10px;
		max-width:150px;
	}
	
	.bgCover {
	position: fixed;
	/*display:none;*/
	background: none repeat scroll 0 0 #000000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity:0.4;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;		
	z-index: 1000;
}