/*------------------------------------
 RESET by Harry Roberts + Normalize.css
 http://csswizardry.com/2011/10/reset-restarted/
------------------------------------*/

* {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
}

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
}

article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section{
	display:block;
}

/*------------------------------------
 Stili default del documento.
------------------------------------*/

/*body {
 font-size: 100%;
 font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
 font-weight: 300;
 line-height: 1.4;
 background: #fff;
 color: #222;
}

a {color: #2ba6cb;}

a:hover {color: #2795b6;}

a:focus {color: #2ba6cb; outline: none;}

p {
 font-size: 16px; 
 line-height: 1.6; 
 margin-bottom: 17px; 
}

h1, h2, h3, h4, h5, h6 { 
 text-rendering: optimizeLegibility; 
 line-height: 1.1; 
 margin-bottom: 14px; 
 margin-top: 14px; 
}

h1 {font-size: 42px;}

h2 {font-size: 36px;}*/


/*------------------------------------
 Stili demo.
------------------------------------*/

html, body {
 height: 100%;
}

header {
 position:relative;
 height: 100%;
 background:#fff url(images/back02.jpg) no-repeat center center;
 background-size:cover;
 -webkit-box-shadow:inset 0 -1px 5px rgba(0,0,0,0.6);
 -moz-box-shadow:inset 0 -1px 5px rgba(0,0,0,0.6);
 box-shadow:inset 0 -1px 5px rgba(0,0,0,0.6);
}

#testo-header {
 position: absolute;
 top: 150px;
 left: 250px;
}

#freccia-header {
 position: absolute;
 bottom: 0;
 width: 100%;
 border-bottom: 10px solid #fff;
}

#freccia-header a {
 display: block;
 width: 30px;
 height: 30px;
 margin: 0 auto;
 background: #fff url('freccia.jpg') no-repeat;
}
section {
 width: 70%;
 margin: 0 auto;
 padding: 40px;
 background: #cbebf5;
}


/* Image replacement */
.ir {
 border: 0;
 overflow: hidden;
 *text-indent: -9999px;
 width: 128px;
 height: 128px;
}

.ir:before {
 content: "";
 display: block;
 width: 0;
 height: 100%;
}

/* Regole per IE8  */

.lt-ie9 header {
 background-position: top center;
}


     #apDiv1 {
	position:absolute;
	left:113px;
	top:223px;
	width:326px;
	height:137px;
	z-index:1;
}
     #apDiv2 {
	position:absolute;
	left:113px;
	top:367px;
	width:326px;
	height:110px;
	z-index:2;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	text-align: left;
	padding: 15px;
	background-image: url(images/back-trasp.png);
}