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

#container { 
	width: 950px;
	height:1100px; 
	margin: auto; 
	position:relative;
	margin-top:0px;
}


.header {

       display:     block;
       width:       950px;
       height:      630px;
	   background-color: 	   margin:0px; 
	  
    }
	
	 div#form {
	display:     block;
	width:       461px;
	height:      286px;
	position:    absolute;
	 right: 10px;
	top: 64px;
	z-index:22;
	background-image:url(img/bg-form.png);
	background-repeat:no-repeat; 
	   
	  
    }
	
		 div#testo {
	display:     block;
	width:       401px;
	height:      140px;
	position:    absolute;
	right:-40px;
	top: 64px;
	z-index:23;
	background-image:url(img/bg-testo.png);
	background-repeat:no-repeat;
	padding: 30px 30px 30px 30px;
	overflow:hidden; 

	   
	  
    }
	
	div#testo-scroll { width:400px;
	height:140px;
	overflow:auto; 
	font-size:12px; 
	color:#333; text-align:left;
	padding:5px;   }
	
	
			 div#logo {
	display:     block;
	width:       194px;
	height:      198px;
	position:    absolute;
	left:40px;
	top: 22px;
	z-index:44;  
	  
    }
	
	  
	
	div#payoff {
    display: inline;
    float: left;
    height: 215px;
    left: 305px;
    position: absolute;
    text-align: left;
    top: 360px;
    width: 616px;
    z-index: 25;
	font-size:13px;
	color:#666;
	
}


#sito{
	
	display: inline;
    float: left;
 
    left: 305px;
    position: absolute;
    text-align: left;
    top: 590px;
    width: 616px;
    z-index: 26;
	
	color:#666;
	font-size:20px;
	
	}

	
				 div#immagini {
	display:     block;
	width:       249px;
	height:      399px;
	position:    absolute;
	left:42px;
	top: 166px;
	z-index:25;
	float:left;
	text-align:left;
	display:inline;
	  
    }
	
	 div#content {
	display:     block;
	width:      950px;
	height:      350px;
	position:    absolute;
	top: 665px;
	z-index:35;
	text-align:left;
	display:inline;
	  
    }
	
		 div.box {
	display:     block;
	width:     280px;
	height:      300px;
	text-align:left;
	display:inline;
	float:left;
	margin-right:12px;
	padding:10px;
	font-size:12px; 
	overflow:auto; 
	 
	  
    }
	
	
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;  zoom:1 }
table{border-spacing:1;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
img { -ms-interpolation-mode: bicubic; }
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

body {
	color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size:18px;
	background-color:#261A0B;
	height:100%;
	width:100%;
	background-image:url(img/bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#2F2F2D;
}

ul{  }




* .body  ul { /* IE6 */
	position: relative;
	top: .5em;
	padding:0;
	margin-top:5px;
}
*:first-child+.body  ul { /* IE7 */
	position: relative;
	top: .5em;
}
/* offsetting each li back up*/
* .body  ul li { /* IE6 */
	vertical-align: top;
	position: relative;
	top: -.5em;
	list-style:disc;
	list-style-position:inside;
	margin:3px 0;
	vertical-align:top;
}
*:first-child+.body  ul li { /* IE7 */
	vertical-align: top;
	position: relative;
	top: -.5em;
}



p { margin:0; padding:0; }
html { height: 100%; }

h1{
	font-size:22px;
	font-weight:normal;
	line-height:20px;
	color:#003C62;
} /* titoli sezioni */

h2{
	font-size:18px;
	color:#666;
	margin-bottom:4px;
	margin-top:8px;
}  
	
h3{
	font-size:24px;
	color:#003C62;
	margin-bottom:8px;
}
	
	

  
.floatl, div.floatl{ float:left; display:inline;  margin-right:4px;}
.floatr, div.floatr{ float:right; display:inline; margin-left:4px;} 
.clear{ height: 0; line-height: 0; font-size: 0; clear: both; overflow:hidden; }
.clear-space{ display:inline-block;  width:100%; height: 0; line-height: 0; font-size: 0; clear: both; overflow:hidden;  margin-top:15px; }
 
 

a {
	color:#0B334D;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#6BABDB;
	text-decoration:none;
}
a img { border: none; } 
a.credits{
	color:#C8C8C8;
} 
 
.msgnull{
	font-size:20px;
	color:#003C62;
	margin-bottom:8px;
} /* messaggio di "non trovato" */
.msgerror{
	font-size:20px;
	color:#00375D;
	margin-bottom:8px;
} /* messaggio di ringraziamento/errore */ 
.link_indietro{}  /* Link "torna indietro" */ 



@font-face {
	font-family: 'MuseoSlab500';
	src: url('museo_slab_1-webfont.eot');
	src: local('?'), url('museo_slab_1-webfont.woff') format('woff'), url('museo_slab_1-webfont.ttf') format('truetype'), url('museo_slab_1-webfont.svg#webfontfkXPlIsQ') format('svg');
	font-weight: normal;
	font-style: normal;
}
table {
	font-size: 12px;
	margin:15px; 
}

input {
	font-size: 12px;
	color: #00284C;
	background-color: #D6D6D6;
	width:150px;
	margin-bottom:1px;
	margin-right:15px;
	border: 1px solid #666;
}

textarea {
	font-size: 12px;
	color: #00284C;
	background-color: #D6D6D6;
	width:150px;
	margin-bottom:1px;
	margin-right:15px;
	border: 1px solid #666;
	height:80px;
}



.privacy{ font-size:9px;  margin:6px 0; }

.invia{
color:#000;
font-size:16px;
font-weight:bold;
background-image:url(img/invia.png);
background-repeat:no-repeat;
background-position:0 95%;
width:151px;
text-align:center;
height:43px;
border:none;
background-color:transparent;
cursor:pointer;
}
.invia:hover{background-position:0 0;}

.footer{
	width:930px;
	height:20px;
	padding:10px;
	font-size:12px;
	color:#CCC;
	bottom:0;
	position:absolute;
	z-index:30;
	left:1px;
	overflow:hidden;
	top: 975px;
	text-align:center
}

.footer a{ color:#CCC; 
}