/* CSS Document */
 * {
	margin:0;
	padding:0;
}
	
*a {position:relative;

}

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height:100%;
}
body {
	color: #30404c;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight:normal;
	line-height:1;
		background:url(../images/sfondo-homepage.jpg) center 0 repeat-x;
}

h1{
	position:absolute;
	top:129px;
	left:23px;
	padding:0;
	margin:0;
}
h2 {
	font-size: 31px;
	margin: 0;
	padding:5px 8px;
	color:#cabb9f;
}
h3 {
	font-size:16px;
	padding:0 0 2px 8px;
	margin:0;
	color:#30404c;
	font-weight:norbal;
}
h4 {font-size:14px;
	color:#5282a0;
	margin:0;
	padding:5px 0 10px 0;
}
p{
	font-size:13px;
	color:#30404c;
	clear:both;
}
p a{
	color:#30404c;
	text-decoration:none;
	position:relative;
}
p a:hover{
	color:#fff;
	text-decoration:none;
}
.clear { clear:both;}
/* ==========struttura ============== */


/* ==================== header ========================*/

#wrapper-header {
	width:100%;
	margin:0 auto;
	padding:0;
	height:376px;
	background:url(../images/wrapper-testata.jpg) center top no-repeat;
	 z-index:0;
}


#header {
	width:980px;
	height:376px;
	margin:0 auto;
	padding:0;
	position:relative;
	 z-index:0;
	
}
#personaggio{
	position:absolute;
	top:-1px;
	left:483px;
	padding:0;
	margin:0;
	width: 323px;
	height: 334px;
}
/* ====================lingue ========================*/
#language {
	width:50px;
	height:28px;
	flaot:left;
	font-size:11px;
	color:#cabb9f;
	position:absolute;
	left:865px;
	top:10px;
	z-index:12;
}
#language ul{
	float:left;
	margin:0;
	padding:0;
	width:50px;
	height:28px;
}
#language ul li{
	float:left;
	height:28px;
	padding:0;
	text-align:center;
	list-style-type: none;
	margin:px 2px;
	display:inline;
	}
#language ul li a{
	float:left;
	height:28px;
	color:#cabb9f;
	padding:0;
	margin:5px 2px;
	text-decoration:none;
	display:block; position:relative;
}
#language ul li a p{
	padding:18px 0 0 0;
}
#language ul li a:hover, #language ul li a.select{
	color:#ffffff;
	height:15px;
	font-weight:bold;
	position:relative;
	
	}

/* ==================== header navigazione ========================*/


#main_menu {
	position:absolute;
	width:824px;

	left:7px;
	top:6px;
	font-size:13px;
	color:#dedb00;
	z-index:12;
}
#main_menu ul{
	float:left;
	margin:0;
	padding:0;
	width:820px;

}
#main_menu ul li{
	float:left;
	padding:0;
	text-align:left;
	list-style-type: none;
	margin:0 4px;
	display:block;

	}
#main_menu ul li a{
	float:left;

	color:#dedb00;
	
	margin:0 4px;padding: 3px;
	text-decoration:none;
	display:block; position:relative; word-wrap: break-word;
	
}

#main_menu ul li a:hover, #main_menu ul li a.select{
	color:#19667b;
	background-color:#dedb00;padding: 3px;


}

/* area riservata */
#area-riservata{
	width:125px;
	height:24px;
	flaot:left;
	font-size:11px;
	color:#005381;
	position:absolute;
	right:1px;
	top:2px;
	z-index:999;
	padding:0;
}

/* area riservata */
#area-riservata a,#area-riservata a:hover {
	color:#005381;
	font-size:11px;
	
}

/* ============ inizio contenuti corpo home ================*/
#wrapper-content {
	width:100%;
	margin:0 auto;
	 padding:0;
	clear:both;
	
	
}
#wrapper-content-interne{
	width:100%;
	margin:0 auto;
	 padding:0;
	clear:both;
	background-image:url(../images/sfondo-content-pagine.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:500px;
	
	
}
#content {
	width:980px;
	margin:0 auto;
	padding:0;
	height:750px;
	
}
.box-home-sfondo {
	float:left;
	width:244px;
	height:400px;
	margin:0 1px 0 0;
	padding:0;
	background: url(../images/box.png) left top no-repeat;
	
}


.box-home {
	float:left;
	width:240px;
	margin:0 1px 0 0;
	padding:0;
	display:inline;

	height:330px;
	
}
.box-home p{
	margin:0;
	padding:0;
	font-weight:bold;
	
}



.flash{
	width:243px;
	height:280px;
	margin:0;
	padding:0;
	float:left;
	
}



#web {
	width:243px;
	height:123px;
	background:url(../images/sotto-web.jpg) left top no-repeat;

}

#touch {
	width:243px;
	height:123px;
	background:url(../images/sotto-touch.jpg) left top no-repeat;

}

#augmented {
	width:243px;
	height:123px;
	background:url(../images/sotto-augmented.jpg) left top no-repeat;

}

#personaggi {
	width:243px;
	height:123px;
	background:url(../images/sotto-personaggio-virtuale.jpg) left top no-repeat;

}
/* ============ pagina interna================*/
.column1 {
	width:243px;
	margin:0;
	padding:0;
	float:left;
	display:inline;

	
}
.column1 h2{
	color:#371c11;

	
}
.column1 p{
	color:#371c11;
	font-size:13px;
}
.column2 {
	width:734px;
	margin:0;
	padding:0;
	float:left;
	min-height:710px;
	display:inline;

	
	
}.column3 {display:inline;
	width:300px;
	margin:113px 30px 10px 25px;
	padding:0;
	float:left;
		font-family: Arial, Helvetica, sans-serif;
		display:inline;
	
}
.column3 h2{
	color:#30404c;
	font-size:22px;
	margin:0;
	font-family:"Times New Roman", Times, serif;
	padding:0;
	margin:15px 0 8px 0;
}
.column3 p{
	color:#30404c;
	font-size:13px;
	line-height:1.3;
	padding:0;

}
.column3 p a{
	color:#30404c;
	text-decoration:underline;
	font-weight:bold;

}
.column3 p a:hover{
	color:#70b6e0;
	

}


#footer {
	width:200px;
	margin:0;
	padding:25px 0 20px 15px;
		display:block;
	text-align:left;
	font-size:12px;
	clear:both;
	line-height:1.3;
	
}
#footer p{
	
	font-size:12px;
	color:#371c11;
	
}
#footer p a{
	

	color:#371c11;
	
}
#footer p a:hover{
	
text-decoration: underline;
	color:#0077b0;
	
}

/* ============menu prodotti================*/



/* ============ menu-prodotti ================*/

.menu_prodotti  {	
	width:243px;
	float:left;
	margin:0;
	padding:0;
	text-align:left; background-color:#efefef;
	
}

.menu_prodotti ul {
display:inline;
float:left;
margin:0;
padding:0;
width:243px;
}
.menu_prodotti li {
float:left;	width:243px;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
display:block;
border-bottom:1px dotted #30404c;
}
.menu_prodotti ul li a {
background:url(../images/ico-gri.jpg) no-repeat scroll 6px 17px transparent;
color:#5282a0;
display:block;
padding:8px 0 8px 8px;
margin:0;
text-decoration:none;
	width:237px;
}
.menu_prodotti ul li a:hover, .menu_prodotti ul li a.corrente {
background:url(../images/ico-gri-hover.jpg) no-repeat scroll 6px 17px  transparent;
color:#30404c; margin:0;
display:block;
padding:8px 0 8px 8px;
text-decoration:none;
width:235px;
background-color:#dbdee0;

}


.chiusura  {	
	width:243px;
	float:left;
	
	
}
/* ============ inizio contenuti corpo home ================*/

.augmented{
	background:url(../images/sfondo-content-augmented.jpg) no-repeat scroll 0 0  #ffffff;

}
.personaggi{
	background:url(../images/sfondo-content-personaggi.jpg) no-repeat scroll 0 0  #ffffff;

}
.touch{
	background:url(../images/sfondo-content-touch.jpg) no-repeat scroll 0 0  #ffffff;

}
.web{
	background:url(../images/sfondo-content-web.jpg) no-repeat scroll 0 0  #ffffff;

}
.bianco{
	background-color:#ffffff;

}