/* File:        main.css */
/* Descrizione: stili per elementi corpo */
/* Versione:    00 draft */
/* Data:        2017-10-20 */
/* Proprietà:   Q-Ation S.R.L. */


@charset "utf-8";


/* CLASSE PER CORPO PRINCIPALE PAGINA */
.mainBody	
	{
		margin-left:auto; /* per centrare la pagina nella viewport */
		margin-right:auto; /* per centrare la pagina nella viewport */

        background-image:url(../Images/BkGnd_Main.jpg);
		background-repeat:repeat;
				
		font-size:0px; /* per evitare spaziature tra le immagini */		
	}


/* CLASSE PER AREA TESTO PRINCIPALE */
.mainText
	{
		/* Quanto segue previene la selezionabilità del testo per ostacolarne la copia */
		-webkit-touch-callout: none; ;
		-webkit-user-select: none;
		-khtml-user-select: none; 
		-moz-user-select: none;
		-ms-user-select: none; 
		user-select: none;
		
		
		position:fixed; /* posizionamento fisso rispetto alla viewport */
		z-index:40;				
			
		margin-left:0px;
				
		height:auto; /* altezza automatica, calcolata rispetto a top e bottom */
		min-height:200px; /* altezza minima riservata allo spazio dell'area testo; inutile se non si prevede l'utilizzo di scrollbar */

		top:207px; /* 167 + 40px distanza -> SIZING */
		bottom:105px; /* 65 px + 40px distanza -> SIZING */				
				
		overflow:hidden; /* disattiva la barra di scorrimento se la viewport non è sufficientemente ampia: il problema è che in pagine troppo corte il testo viene troncato senza indicazioni... */

		border-radius:5px;
		border:1px solid rgba(255,255,255,0.2);
	
		/*box-shadow: 0px 4px 12px 8px rgba(255,255,255,0.9);*/
		
		background:rgba(230,230,230,0.45); /*background:rgba(210,210,210,0.55);*/
		
		padding-right:14px;
		padding-left:14px;

		color:rgba(75,75,75,1.00); /* per il colore di default del testo */
		text-align:justify;
		font-family:"Raleway";
		font-weight:500;
		text-shadow: 0px 1px 2px rgba(255,255,255,0.4); /*0.3*/
	}

.mainText::after /* TEST SFUMATURA */
	{
    content:"";
left:-4px;
		top:0px; /* 167 + 40px distanza -> SIZING */
		bottom:0px; /* 65 px + 40px distanza -> SIZING */	
		width:1160px;
    position:absolute;
    z-index:-1;
		/*display:block;*/
    -webkit-filter:blur(16px);  
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.9)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%);*/
    /*background: -moz-gradient(linear, top, rgba(0,0,255,1) 0%, rgba(255,0,0,1) 100%);*/
	background:linear-gradient(to top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.0) 100%);
	}


h1
{
	display:block;
	color:rgba(25,151,240,0.9); 
	margin-top:20px;
	/*line-height:30px;*/
	text-align:left;
	font-family:"Raleway";
	font-weight:600;
	font-style:normal;
	text-shadow:1px 1px rgba(255,255,255,0.6);
}

h2
{
  	display:block;
	color:rgba(25,151,240,0.9); 
	margin-top:0px;
	margin-bottom:0px;
	line-height:10px;
	text-align:justify;
	font-family:"Raleway";
	font-weight:600;
	font-style:normal;
	text-shadow:1px 1px rgba(255,255,255,0.6);
}

h3
{
	display:block;
	margin-top:0px;
	margin-bottom:3px;
	margin-left:10px;
	color:rgba(75,75,75,1.00); /* per il colore di default del testo */
	line-height:23px; 
	text-align:justify;
	font-family:"Raleway";
	font-weight:500;
	font-style:normal;
	text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
}

.ulImage
{
	z-index:30;
	position:fixed;
	/*top:167px;*/
	left:0px;
	opacity:0.55;
	transition:750ms;
}

.lrImage
{
	z-index:30;
	position:fixed;
	bottom:65px; /*VERIFICARE*/
	right:0px;
	opacity:0.55;
	transition:750ms;
}

.ulImage:hover, .lrImage:hover
{
	opacity:0.95;
}

.ulConcealment
{
	z-index:40;
	position:fixed;
	/*top:167px;*/
	left:0px;
	transform-origin:left top;
	transform:rotate(29deg);
}

.lrConcealment
{
	z-index:40;
	position:fixed;
	bottom:67px; /*VERIFICARE*/
	right:0px;
	transform-origin:right bottom;
	transform:rotate(-29deg);
}