/***********************

 Formattazione generica

************************/



p {
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 150%;

/*
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
*/
	hyphens: auto;		
}

img{
	border: none;
	margin: 0;
	padding: 0;
}


.justify {
	text-align: justify;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

html,body{
	hyphens: auto;		
	margin: 0;
	padding:0;
	}

	
/*#########################################################################
 * ATTENZIONE: come al solito IE non funziona come il resto dei browser,
 * infatti bisogna usare font in formato EOT, il TTF che funziona conten
 * gli altri browser con IE non va. Per convertire i font da TTF a EOT
 * utilissimo il sito:
 * 	http://www.fontsquirrel.com/tools/webfont-generator
 *#########################################################################
*/
	
@font-face {
font-family: 'corpo';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
font-family: 'minuscolo_carolingio';
font-style: normal;
font-weight: normal;
src: local('Pfeffer Mediaeval'), url('pfeffermediaeval.woff') format('woff');
}

@font-face {
font-family: 'unispace_bold';
font-style: normal;
font-weight: normal;
src: local('Unispace Bold'), url('unispace_bd.woff') format('woff');
}

h1 {color: #ffffff; font-family: 'minuscolo_carolingio', sans-serif, monospace, serif; font-size: 180%; margin: 10px 0 5px 0; line-height: 100%;}
/*
h2 {color: #000000; font-family: 'corpo', sans-serif, monospace, serif; font-size: 110%; margin: 10px 0 5px 0;}
h3 {color: #000000; font-family: 'corpo', sans-serif, monospace, serif; font-size: 105%; margin: 10px 0 5px 0;}
*/

body{
	font-weight: normal;
	font-family: 'corpo', sans-serif, monospace, serif;
	font-size: 120%;
	color: #000000;
	background-color: #ffffff;
}


hr{display: none;}

a {
	color: #00b300;
	text-decoration: none;
	}

a:hover {
	color: #f7db05;
	text-decoration: none;
	}

a:active {
	color: #f3330d;
	text-decoration: none;
	}


/***********************

 Formattazione singole DIV

************************/


#wrapper {
	
	margin: 0 auto;
	padding: 0;

}

#container{
/*
	min-height: 1024px; 
*/

	background-color: #990000ff;

	color: #ffffff;

	margin: 0;

/*
	border: 1px solid #ffffff;
	border-radius: 15px;
*/
}


#sub_h1{
	text-align: center;
	margin-top: 1em;
	font-size: 90%;
	padding: 0 10% 0 10%
}

#white_paper_quote{

	text-align: justify;
	font-size: 125%; 
	line-height: 125%; 
	padding: 0 20% 0 20%
}

#my_text{
	text-align: justify;
	line-height: 150%;
	padding: 0 10% 0 10%

}

#header{
	margin: 0px;
	padding: 0px;
}

#content{
	position: relative;

 	top: 10px; 
	padding-top: 0px;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
}


#footer{
	clear:both;
	text-align:center;
 	padding-bottom: 0px;
	font-size: 85%;
}




.marquee {
  width: 70%;
  margin: 0px auto;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  will-change: transform;
  /* show the marquee just outside the paragraph */
  animation: marquee 30s linear infinite;
}

.marquee span:hover {
  animation-play-state: paused
}


/* Make it move */

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

/*************************************/
/*
Per smartphone in verticale
*/
@media only screen and (orientation:portrait) {
   html {

      font-size: 200%;

   }
   
	#sub_h1{
		font-size: 125%;
		padding: 0 3% 0 3%
	}

	#white_paper_quote{
		font-size: 125%; 
		padding: 0 5% 0 5%
	}

	#my_text{
		font-size: 125%; 
		padding: 0 3% 0 3%
	}   

	.marquee {
		font-size: 125%; 
		width: 90%;
	 }
	
	img {
	  
	  height: 64px;
	}	
	

   
}