/* CSS Document */

/*stili per il layout fisso con posizionamenti assoluti*/
html,body{margin: 0;padding:0}
body{
	font-family: arial;
	font-size: 76%;
	background:   url("bgr/sfondo.gif") repeat left top;
	color: #000000;
}
div#container{
	width:700px; 
	margin: 0 auto;
	background: #FFF;
	background: url(../../../techne/img/fondosx1.gif) repeat-y top left;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}


	
	
	


/*stili generici, su header e footer*/
div#header{height: 169px;
background:   url("bgr/header.gif") repeat top left;
text-align: left;

}
	
div#space{height: 20px;}
div#spacewhite{height: 20px; background: #FFF;}
	
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/120px }
h2{
	
	text-align: left;
	font-style: italic;
	font-weight: bold;
	font-size: 1em;
}


/*stili specifici per il layout*/
div#navigation{
    height: 20px;
	top: 400px;
	background:   url("bgr/menu.gif") repeat left top;
	width: 700px;
	text-align: left;
}

div#titolo{
	top: 120px;
	height: 40px;
	right: 0;
	width: 700px;
	\width:700px;
	w\idth:700px;
	text-align: left;
	background:   url("bgr/titolo.gif") repeat left top;
}

div#content
{width: 340px;
	color:#000;
	font:  1.1em/1.4em arial;
	text-align: left;
	margin-right: 0px;
}

div#fascia{
	clear:both;
width: 700px;
	height: 20px;
		background:   url("bgr/fascia.gif") repeat left top;

}

div#menu2{
	clear:both;
	text-align:left;
	width: 700px;
	height: 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background:    url("bgr/menu2.gif") repeat left top;
}


div#footer{
	clear:both;
	text-align:center;
	width: 700px;
	height: 70px;
	color:#666;font:  0.8em/1.5em arial;
	background:    url("bgr/footer.gif") repeat left top;
}


/*stili per la navigazione*/
div#navigation ul{
	margin: 0 0 0 1em;
	padding: 0;
	list-style-type: none;
	list-style-image: url(../../../techne/img/quadro.gif);
}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#333;font:  0.9em/1.5em arial;text-decoration: none;}
div#navigation a:hover{color: #fff;text-decoration: none;}
div#navigation a#activelink{color: #ccc;text-decoration: none}

div#content a{color:#333;font: normal  1em ;text-decoration: none}
div#content a:hover{color: #000000;text-decoration: underline}
div#content a#activelink{color: #000000;text-decoration: none}

div#menu2 a{	color:#333;font:  0.9em/1.5em arial;text-decoration: none;}
div#menu2 a:hover{color: #333;text-decoration: none;}
div#menu2 a#activelink{color: #333;text-decoration: none}

div#footer a{	color:#333;font:  0.6em/1em arial;text-decoration: none;}
div#footer a:hover{color: #fff;text-decoration: none;}
div#footer a#activelink{color: #000000;text-decoration: none}


div#space a{color:#333;font: normal  1em ;text-decoration: none}
div#space a:hover{color: #000000;text-decoration: underline}
div#space a#activelink{color: #000000;text-decoration: none}


/*stili per i contenuti*/

.titolo{
	text-align: left;
	color:#666;
	font:  bold  1.5em/2em arial;
	text-indent: 15px;
}



.titolobianco{
	text-align: left;
	color:#fff;
	font:  bold 1.6em/2em arial;
	text-indent: 15px;
}


.sottotitolo{
	text-align: left;
	color:#fff;
	font:  bold  1em arial;
	text-indent: 15px;
}


.grassetto{
	font-weight: bold;
	color: #333;
}


.news{
	font: 0.85em/1.4em arial;
	color: #333;
}

div.split2 div{
    float: left;
    width: 45%; \width: 49%; w\idth: 45%;
    padding: 0 4% 0 0%}
	
div.split3 div{
    float: left;
    width: 29%;
    \width: 33%;
    w\idth: 29%;
    padding: 0 2%
    }


	
div.wide{
	float:none;
	clear: left;
	padding: 0;
}