/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	background-color: #838280;
}
a {
	font-size:11px;
	color: #000000;
	font-weight:bold;
}
a:visited {
	color:#666666;
	font-weight:inherit;
	font-size:11px;
}
p{
	text-align:justify;
}
/* #################################################################### */
/*								FOOTER									*/
/* #################################################################### */
div#footer{
	width:950px;
	padding: 10px 0px 10px 0;
	background:url(../img/footer.gif) no-repeat bottom;
}
div#footer p{
	text-align:center;
}
div#footer h1{
	font-size: 14px;
	color: #FF0000;
}
div#footer a:visited {
	color:#000000;
	font-weight:inherit;
	font-size:11px;
}
/* #################################################################### */
/*								CONTAINER								*/
/* #################################################################### */
div#container{
	width:950px;
	height:auto;
	background:url(../img/loop.gif) repeat-y;
}
/* #################################################################### */
/*								HEADER									*/
/* #################################################################### */
div#header{
	width:950px;
	height:115px;
	background:url(../img/home_head.jpg) no-repeat;
}
/* #################################################################### */
/*								EXTRA									*/
/* #################################################################### */
div#extra{
	width:349px;
	height:434px;
	background:url(../img/home_centBlock.jpg) no-repeat right;
	float:right;
}
/* #################################################################### */
/*								MENU									*/
/* #################################################################### */
div#navigation{
	float:left;
	background:url(../img/home_left.jpg) no-repeat top;
	width:210px;
	height:auto;
}
div#navigation a {
	font-size:11px;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:normal;
	margin:5px 0 5px 0px;
}
div#navigation a:hover, a:visited{
	font-size:11px;
	color: #FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
div#navigation ul{
	/*margin:5px 0 5px -10px;*/
	font-weight:bold;
	font-size:15px;
}
div#navigation li{
	list-style-image:url(../img/molla_icona.gif);
	list-style-position:outside;
	padding:2px;
}
/* #################################################################### */
/*								CONTENT									*/
/* #################################################################### */
div#content{
	margin-top: 0px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0 15px;
	float:left;
	width:600px;
}
div#content h1{
	font-size:20px;
	font-weight:bold;
	color:#e2011b;
}
div#content h2{
	font-size:16px;
	font-weight:bold;
	color:#e2011b;
}
div#content h3{
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
div#content h4{
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
/*div#content table{
	border-collapse : separate;
	border-spacing : 0px;
	border:solid thin #000000;
}*/
div#content a:visited {
	color:#000000;
	font-weight:inherit;
	font-size:11px;
}
/* #################################################################### */
/*								DIAGRAMMA								*/
/* #################################################################### */
div#barra{
	float:left; 
	background:#990000; 
	height:20px
}
div#didascalia{
	clear:both;
	text-align:right;
	width:450px;
}
div#elenco a{
	color:#e2011b;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
}
div#elenco a:visited{
	color:#e2011b;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
}
/* #################################################################### */
/*								CREDITS									*/
/* #################################################################### */
div#credits{
	padding:10px; 
	text-align:left; 
	width:950px;
	background-color: #838280;
}
/* #################################################################### */
/*								SPAN									*/
/* #################################################################### */
.bianco{
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
.bianco_big{
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
}
.rosso{
	font-size:11px;
	font-weight:bold;
	color:#e2011b;
}
.neroBig{
	font-size:13px;
	color:#000000;
}
.clear{
	clear:both;
}
div#box_prodotto{
	width:300px; 
	height:166px;
	background-repeat:no-repeat;
}
div#box_prodotto p{
	padding-top:100px;
	padding-left:10px;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:#999999;
}
div#dettaglio{
	float:left;
	padding:10px;
	width:auto;
}
div#prodotti_consigliati img{
	border:none;
}
div#prodotti_consigliati table{
	border:none;
}
div#immagine{
	position:inherit;
}
/*
 * 
 * 
 * 
 * 
 * 
 */
div#playerBig{
	z-index:5;
	position: absolute;
	width: 100%;
	height: 100%; 
	visibility: hidden;
}
.velo{
	background-color:#000;
	filter:alpha(opacity=100);
	/* Per farlo funzionare con Explorer 6 mi tocca specificare W e H */
	width:100%;
	height:100%;
	/*###################################################################*/
	opacity:1;
	/*-moz-opacity:1;*/
}
/**
 * 
 * 
 * 
 * 
 **/
div#info{
	padding:0;
	width:820px;
	height:auto;
	min-height:100%;
	background:url(../multimedia/img/center_loop.gif);
}
div#left{
	width:310px;
	float:left;
	padding:0px 20px;	/* Spaziatura left/right */
	margin: 20px 0 0 25px;	/* Spazi sopra/sotto */
}
div#right{
	width:400px;
	float:right;
	padding:10px;
	margin:20px 0 0 0;
}
div#right li{
	list-style-image: url(../multimedia/img/dot.gif);
	padding:5px;
}
div#right a:visited{
	color: #898989;
}
/*
 * 
 * 
 */
.tabellaPr td{
	border:solid 1px #000;
	background:#ccc;
	padding:5px;
	width:50%;
}
.listPdf td{
	width:50%;
}
.listPdf li{
	list-style-image:url(../img/acrobat_reader_ico.jpg);
}
/* #################################################################### */
/*								DISTESO									*/
/* #################################################################### */

 div#problema{
 	float:left;
	width:300px;
	margin-top:0;
}
div#problema p{
	text-align:justify;
	padding-right:20px;
}

div#soluzione{
	float: right;
	width:300px;
}
div#soluzione p{
	text-align:justify;
	
}
div#intro{
	float:left;
	width:300px;
}
div#img{
	float: right;
}


div#extra{
	width:300px;
	float:left;
}
.right{
	float: right;
}
.left{
	float:left;
}
.clear{
	clear:both;
}