body {
		font: 20px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0px; top: 0px;
	}
      
	.presentation { 
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0px;
		top: 0px;
		display: block;
		overflow: hidden;
		background: #FFF; /* colore di sfondo */
		/*background-image: url(http://www.hyperlabs.net/ergonomia/presentazioni/euroia11/soldino.jpg)*/
		background-image: url(pics/soldino.jpg)

	}

	.presentation > header {
		/*width: 100%;*/
		height: 1em;
		top:0px;
		margin:8px;
		padding:8px;
		padding-left:1em;
		background-color: #fff;
		opacity: 0.6;
		vertical-align:middle;

		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px; /* includes Opera 10.5+ */
		-webkit-border-radius: 5px;
		-webkit-border-radius: 5px;

	}

	.presentation > header .author{
		float:left;
		text-align:left;
		vertical-align:middle;
		
	}

	.presentation > header .title{
		/*float:left;*/
		position: absolute;
		width:700px;
		left: 50%;
		margin-left: -350px;
		text-align:center;
		vertical-align:middle;
		font-size:1.2em;
	}


	.presentation > header #counter{
		text-align:left;
		float:right;
		vertical-align:middle;
		font-size:80%;
	}

      
	.slides {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		position: absolute;
		display: block;
		-webkit-transition: -webkit-transform 1s ease-in-out;
		-moz-transition: -moz-transform 1s ease-in-out;
		-o-transition: -o-transform 1s ease-in-out;
		transition: transform 1s ease-in-out;

		/* so it's visible in the iframe. */
		/*
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
		*/
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);

	}

	.slide {
		display: none;
		position: absolute;
		overflow: hidden;
		width: 1000px;
		height: 700px;
		left: 50%;
		top: 50%;
		margin-top: -300px;
		margin-left: -500px;
		/*background-color: #fff;rgba(255,255,0.85)
		opacity: 0.85;*/
		background-color: rgba(255,255,255,0.85);
		-moz-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px; /* includes Opera 10.5+ */
		-webkit-border-radius: 8px;

		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	
	.current {
		display:block;
	}


	.prev {
		display:block;
		margin-left: -1600px;
	}

	.next {
		display:block;
		margin-left: 600px;
	}
	
	
	.slide header {
		font-family: 'Droid Sans';
		font-weight: normal;
		letter-spacing: -.02em;
		color: black;
		text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
		left: 30px;
		top: 25px;
		margin: 0;
		margin:3px;
		padding: 8px;
		font-size: 140%;
		border-bottom: 1px solid #888;
		background-color:rgba(255,255,255,0.85);
	}



     
      

	section, footer {
		font-family: 'Droid Sans';
		//text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
		display: block;
		overflow: hidden;
	}

	section {
		margin:8px;
		margin-top:20px;
	}


	.key {
		background-color: #eee;		
	}

/*
	.slide p, .slide textarea, .slide li {
		font-size: 130%;
		padding-top:8px;
		padding-bottom:8px;
	}
*/

	.abstract {
		padding:10px;
		padding-left:3em;

	}
	cite {
		/*padding:10px;
		padding-left:30px;*/
		font-size: 100%;
		line-height: 1.2em;

	}

	cite > br {
		line-height:1.8em;

	}


	h1, h2, h3 {
		font-weight: normal;
		font-family: 'Nunito';
	}

	h1 {
		font-size: 140%;
		padding: 0;
		margin: 0;
	}
 
	.slide h2 {
		font-size: 150%;
		padding-top:8px;
		padding-bottom:8px;
	}

	li {
		list-style-type: disc; 
	}
	
	em {
		color:#A00;
		font-size: 130%;
	}

/*
	section h2, section p {
		padding-left:25px;
		padding-right:25px;
	}

	section h3{
		padding-left:35px;
		padding-right:25px;
		padding-bottom:0px;
	}

	section h2:first-child, section p:first-child {
		//padding-top: 25px;
	}

	section h2:last-child, section p:last-child {
		padding-bottom: 25px;
	}
*/	

	footer {
		position: absolute;
		font-size: 100%;
		top:100%;
		margin:0px;
		left:40px;
		right:40px;
		margin-top:-70px;
		padding:8px;
		/*background-color:#aee;*/
		border: 1px solid #888;
		
		vertical-align: middle;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px; /* includes Opera 10.5+ */
		-webkit-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	.twitter {
		min-height: 48px;
		background-color:#fff;
		opacity:1.0;
		background-image: url(img/twitter.png);
		background-repeat: no-repeat;
		background-position: 5px center;
		padding-left:65px;
		border: 1px solid #888;
		text-align:left;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px; /* includes Opera 10.5+ */
		-webkit-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	.bianco {
		opacity:1.0;
		width:100%;
		background-color:#fff;
		color:#00f;
	}
 
	a {
		color: inherit;
		display: inline-block;
		text-decoration: none;
		line-height: 110%;
		border-bottom: 2px solid #3f3f3f;
	}
 
	ul {
		background-color:#fff;
		opacity:0.9;
		margin: 0;
		margin-left:20px;
		margin-right:20px;
		padding: 0;
	}

	section.middle {
		line-height: 2em;
		text-align: left;
		display: table-cell;
		vertical-align: middle;
		height: 700px;
		width: 1000px;
	}

	section.middle > h1 {
			background-color:#fff;
			opacity:0.8;
			margin:20px;
			padding:20px;
			font-size:200%;
	}

/*	section.middle > p.subtitle {*/

	section .subtitle {
		background-color:#fff;
		opacity:0.9;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-left:20px;
		margin-right:20px;
		padding:20px;
	}

	section.center {
		text-align: center;
	}

 
	.two-column {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-moz-column-width: 50%;
		-webkit-column-width: 50%;
		-moz-column-gap: 1em;
		-webkit-column-gap: 1em;
	}

	.four-column {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		-moz-column-width: 24%;
		-webkit-column-width: 24%;
		-moz-column-gap: 1em;
		-webkit-column-gap: 1em;
	}

	.uno {
		width:24%;
		float:left;
		margin-right:1%;
		height:600px;
	}

	.tre {
		width:74%;
		float:left;
		margin-right:1%;
		height:600px;
		vertical-align: middle;
	}

	.mezzo {
		width:49%;
		float:left;
		margin-right:1%;
		height:600px;
	}

	.quarto {
		width:24%;
		float:left;
		margin-right:1%;
		height:600px;
	}
	.quarto h3 {
		break-before: column;
		font-family: 'Nunito';
		padding:5px;
		text-align:center;
		min-height: 2em;
		background-color:rgba(255,255,255,0.7);
		border-top: solid #fff 1px;
		border-bottom: solid #fff 1px;
		/*font-size:2em;*/
	}

	

figure {
	width:100%;
	margin:auto;				
	text-align:center;
	break-before: column;
}
img {
	background-color:#fff;			
	opacity:1.0;
}


/*
      .stroke {
        -webkit-text-stroke-color: red;
        -webkit-text-stroke-width: 1px;
      } */ /* currently webkit-only */
      
      .center {
        text-align: center;
      }
      
      
      div:not(.current).reduced {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
      } 
      
      .no-transitions {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
      }
 
      .no-gradients {
        background: none;
        background-color: #fff;
      }
      
      ul.bulleted {
        padding-left: 30px;
      }

	img {
		background-color:#fff;
		opacity:1.0;
	}

	.bianca {
		background-color:fff#;
		opacity:1.0;
	}

	[data-build] > * {
	  -webkit-transition: opacity 0.5s ease-in-out 0.2s; 
	  -moz-transition: opacity 0.5s ease-in-out 0.2s; 
	  -o-transition: opacity 0.5s ease-in-out 0.2s; 
	}

	[data-build] > *.to-build {
	  opacity: 0.1;
	}