﻿/* ######## stile globale ######################################## */
body  {
	text-align:center;
	color:#ffffff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url('img/bg.png'); 
	background-repeat:repeat-y; 
	background-position:center;
	background-color:#ccffcc;
	height:100%;	
}

/* ######## contenitore ######################################## */
#contenitore {
	width: 1000px;
	margin: 0 auto;
	background-color:#ffffff;

}

/* ######## testa ######################################## */
#testa {
	width: 1000px;

}
#testa1 {
	float:left;
	height: 100px;
	width: 1000px;
	border-bottom: 10px #00ff00 ridge  ;  

}
#testa2 {
	float:left;
	height: 60px;
	width: 1000px;
	border-top: 3px #00ff00 ridge  ;  
	border-bottom: 3px #00ff00 ridge  ;  
	background-image:url('img/menu.png');
	background-repeat:repeat-x;
}
/* ######## blocco centrale ######################################## */	
#bloccocentrale {
	float:left;
	height:100%;
	width: 100%;
}

/* ######## separatori ######################################## */
#sep_home1 {
	float:left;
	width: 50px;
	height:1220px;
}
#sep_home2 {
	float:left;
	width: 496px;
	height:28px;
	border-bottom: 2px #00ff00 ridge  ;  
}
#sep_home3 {
	float:left;
	width: 346px;
	height:28px;
	border-bottom: 2px #00ff00 ridge  ;  
}
#sep_home4 {
	float:left;
	width: 1000px;
	height:50px;
}
#sep_home5 {
	float:left;
	width: 50px;
	height:20px;
}
#sep_home6 {
	float:left;
	width: 496px;
	height:10px;
}
#sep_home7 {
	float:right;
	width: 10px;
	height:260px;
}

/* ######## colonna centrale ######################################## */
#contenitore_big_news {
	float:left;
	text-align:center;
	width: 496px;
	height:1200px;
	border-left: 2px #00ff00 ridge  ;  
	border-right: 2px #00ff00 ridge  ;  
}
#contenitore_little{
	float:left;
	text-align:center;
	width: 346px;
	height:1200px;
	border-left: 2px #00ff00 ridge  ;  
	border-right: 2px #00ff00 ridge  ;  
}

#big_news {
	float:left;
	text-align:center;
	width: 496px;
	height:270px;
}
#little_news {
	float:left;
	text-align:center;
	width: 346px;
	height: 120px;
}
#titolo_bignews {
	float:left;
	text-align:center;
	width: 500px;
	height: 20px;
	background-image:url('img/bignews.png');
	background-repeat:no-repeat;
	font-weight:bold;
}
#titolo_littlenews {
	float:left;
	text-align:center;
	width: 350px;
	height: 20px;
	background-image:url('img/littlenews.png');
	background-repeat:no-repeat;
	font-weight:bold;
}


/* ######## bignews ######################################## */
#big_news1 {
	float:left;
	text-align:center;
	width: 496px;
	height:270px;
	background-image:url('img/prima-news.png');
}
#big_news2 {
	float:left;
	text-align:center;
	width: 496px;
	height:270px;
}
#big_news3 {
	float:left;
	text-align:center;
	width: 496px;
	height:270px;
}
#big_news4 {
	float:left;
	text-align:center;
	width: 496px;
	height:270px;
}
#big_newst1 {
	float:right;
	text-align:left;
	width: 250px;
	height:250px;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13pt
}
#big_newst2 {
	float:right;
	text-align:left;
	width: 300px;
	height:250px;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#big_newst3 {
	float:right;
	text-align:left;
	width: 300px;
	height:250px;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#big_newst4 {
	float:right;
	text-align:left;
	width: 300px;
	height:250px;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
/* ######## footer ######################################## */
#contatore {
	float:left;
	width: 109px;
	height: 49px;
}
#foot {
	float:left;
	width: 1000px;
	height: 70px;
}
#infoot1 {
	float:left;
	width: 1000px;
	height: 10px;
}
#infoot2 {
	float:left;
	width: 10px;
	height: 60px;
}
#infoot3 {
	float:left;
	width: 181px;
	height: 60px;
}
#infoot4 {
	float:left;
	width: 600px;
	height: 60px;
}
#prefoot {
	clear: both;
	width: 1000px;
	height: 50px;
}
/* ######## Pagina news #################################################################################### */	
/* ######## separatori ######################################## */	
#sep1 {
	float:left;
	width: 50px;
	height:500px;
	background-repeat:repeat-y;
}
#sep2 {
	float:left;
	width: 100px;
	height:500px;
	background-repeat:repeat-y;
}
#sep3 {
	float:left;
	width: 1000px;
	height:20px;
	background-repeat:repeat-y;
}
#sep4 {
	float:left;
	width: 50px;
	height:600px;
	background-repeat:repeat-y;
}

/* ######## Prima fila ######################################## */	
#titolo1 {
	float:right;
	width: 400px;
	height:20px;
	background-repeat:repeat-y;
}

#bloc-1 {
	float:left;
	width: 400px;
	height:500px;
	background-repeat:repeat-y;
}

/* ######## colonna centrale ######################################## */
#text {
	float:left;
	width: 396px;
	height:478px;
	border-bottom: 2px #00ff00 ridge  ;  
	border-left: 2px #00ff00 ridge  ;  
	border-right: 2px #00ff00 ridge  ;  
}


/* ######## altro ######################################## */
#categ {
	float:right;
	width: 400px;
	height:20px;
	background-image:url('img/categ-title.png')
}
/* ######## news ######################################## */
#news1 {
	float:left;
	width: 10px;
	height: 370px;
}
#news2 {
	float:left;
	width: 300px;
	height: 10px;
}
#news3 {
	float:left;
	width: 370px;
	height: 220px;
	border: 1px #005500 solid;
}
#immagine {
	float:left;
	width: 370px;
	height: 100px;
}
#testo {
	float:left;
	width: 370px;
	height: 120px;
}

#articolo {
	float:left;
	width: 900px;
	height: 100%;
	color:black;
}

