/**
    stylesheet per Fondazione Caterina Farassino
    by Francesco Merletti / mjs2020 per Bellissimo snc
   -W3C Compilant
   -No Tables
   -camelCase used
   -Font size conversions:
     -10pt -> 65%
     -11pt -> 70%
     -12pt -> 75%
     -14pt -> 90%
     -16pt -> 100%
     -26pt -> 160%;
     -18pt -> 115%;
   -Colors Used:
     AREE
     -Verde: #9FCD67 (sidebar, titoli...)
     
     TITOLI
     -Azzurro chiaro: #35C4A6
     -Azzurro scuro: #00A691;
     -Grigio: #8B8B8B;
     
     TESTO
     -Normale: #666666;
     
**/

/** common styles **/



/**/
BODY {
	font-family: 	Arial, Helvetica, sans-serif;
	color:			#666666;
	font-size:		11px;
	text-align:		left;
	margin:			0px;
	padding:		0px;
}
IMG, FORM, DIV {
	border:			0px;
	margin:			0px;
	padding:		0px;
}
A:link, A:visited, A:hover, A:active {
	color:			#008000;
	text-decoration:none;
}
INPUT {
	border:			none;
	color:			#8B8B8B;
	font-size:		11px;
}
.clearBoth {
	clear:			both;
}
.floatLeft {
	float:			left;
}


/** structure styles **/
DIV.pageContainer {
	background:		url(img/greenLeft.png) repeat-y top left;
	margin:			20px;
	padding:		0px;
	width:			960px;
}
#t1a DIV.pageContainer {
background:		url(img/greenLeftAmici.png) repeat-y top left;
	
}
#t1b DIV.pageContainer {
background:		url(img/greenLeftAmici.png) repeat-y top left;
	
}
#t2a DIV.pageContainer {
background:		url(img/greenLeftFondazione.png) repeat-y top left;
	
}
#t3a DIV.pageContainer {
background:		url(img/greenLeftEventi.png) repeat-y top left;
	
}
#t2d DIV.pageContainer {
background:		url(img/greenLeftEventi.png) repeat-y top left;
	
}
#progetto DIV.pageContainer {
background:		url(img/greenLeftProgetto.png) repeat-y top left;
	
}
#t2b DIV.pageContainer {
background:		url(img/greenLeftContatti.png) repeat-y top left;
	
}
DIV.topMenu {
	background:		#FFFFFF;
	height:			17px;
}
DIV.pageHeader {
	background:		#FFFFFF url(img/header.jpg) top left no-repeat;
	height:			189px;
}
DIV.breadcrumbs {
	padding:		0px 0px 6px 12px;
	font-size:		9px;
	background:		#FFFFFF;
}
DIV.pageContent {
	width:			762px;
	padding:		0px 0px 20px 0px;
	margin:			0px 0px 0px 198px;
	min-height:		510px;
}
DIV.sidebarLeft {
	position: 		absolute;
	top:			246px;
	left:			20px;
	width:			187px;
	color:			#FFFFFF;
	font-weight:	bolder;
	font-size:		12px;
}
DIV.pager {
	background:		#FFFFFF;
	width:			960px;
	height:			20px;
	padding:		12px 0px 0px 0px;
	text-align:		right;
	font-weight:	bolder;
	font-size:		10px;
}


/** header styles **/
IMG.logo {
	margin:			21px 0px 0px 0px;
}
DIV.topMenu A:link, DIV.topMenu A:visited, DIV.topMenu A:hover, DIV.topMenu A:active {
	display:		block;
	float:			left;
	height:			17px;
	font-size:		12px;
	color:			#666666;
	font-weight:	bolder;
	text-decoration:none;
	padding:		0px;
}
DIV.topMenu A.home {
	margin:			0px 0px 0px 200px;
	width:			102px;
}
DIV.topMenu A.amici {
	width:			105px;
}
DIV.topMenu A.fondazione {
	width:			136px;
}
DIV.topMenu A.eventi {
	width:			102px;
}
DIV.topMenu A.progetto08 {
	width:			134px;
}
DIV.topMenu A.contatti {
	width:			178px;
}
#home DIV.topMenu A.home,
#amici DIV.topMenu A.amici,
#fondazione DIV.topMenu A.fondazione,
#eventi DIV.topMenu A.eventi,
#progetto08 DIV.topMenu A.progetto08,
#contatti DIV.topMenu A.contatti {
	color:			#9FCD67;
}
DIV.breadcrumbs A:link, DIV.breadcrumbs A:visited, DIV.breadcrumbs A:hover, DIV.breadcrumbs A:active {
	color:			#8b8b8b;
}


/** sidebar styles **/
UL.mainMenu {
	margin:			6px 0px 3px 0px;
	padding:		0px;
}
UL.mainMenu LI {
	list-style:		none;
	margin:			0px 0px 3px 0px;
	padding:		0px 0px 0px 17px;
	background:		url(img/leftMenuBg.png) no-repeat;
	width:			187px;
	height:			24px;	
}
#t1a UL.mainMenu LI {
background:		url(img/leftMenuBgAmici.png) no-repeat;
}
#t1b UL.mainMenu LI {
background:		url(img/leftMenuBgAmici.png) no-repeat;
}
#t2a UL.mainMenu LI {
background:		url(img/leftMenuBgFondazione.png) no-repeat;
}
#t3a UL.mainMenu LI {
background:		url(img/leftMenuBgEventi.png) no-repeat;
}
#t2d UL.mainMenu LI {
background:		url(img/leftMenuBgEventi.png) no-repeat;
}
#progetto UL.mainMenu LI {
background:		url(img/leftMenuBgProgetto.png) no-repeat;
}
#t2b UL.mainMenu LI {
background:		url(img/leftMenuBgContatti.png) no-repeat;
}
UL.mainMenu LI A:link,
UL.mainMenu LI A:visited,
UL.mainMenu LI A:hover,
UL.mainMenu LI A:active {
	color:			#FFFFFF;
	font-weight:	bolder;
	font-size:		11px;
}

UL.mainMenu LI A.hilite
{
	color:			#004000;
}

DIV.sidebarLeft INPUT.newsletter {
	margin:			3px 0px 3px 11px;
	width:			160px;
	padding:		3px;
	font-size:		10px;
}
DIV.sidebarLeft INPUT.submit {
	background:		#FFFFFF;
	margin:			3px 0px 3px 11px;
	width:			28px;
	padding:		3px;
	font-weight:	bold;
	font-size:		10px;
}
DIV.sidebarLeft P {
	margin:			13px 11px 3px 11px;
}


/** main content styles **/
DIV.blockTitle {
	color:			#FFFFFF;
	padding:		3px;
	font-size:		10px;
	margin:			0px 0px 9px 0px;
}
DIV.leggi {
	position:		absolute;
	bottom:			16px;
	right:			16px;
	font-size:		10px;
	font-weight:	bold;
}
DIV.leggi A:link, DIV.leggi A:visited, DIV.hover A:link, DIV.active A:link {
	color:			#666666;
}


/** pager styles **/
DIV.pager A:link, DIV.pager A:link, DIV.pager A:link, DIV.pager A:link {
	color:			#8B8B8B;
}


/** specific styles for home **/
#home DIV.breadcrumbs {
	display:		none;
}
#home DIV.sidebarLeft {
	top:			227px;
}

#home DIV.rightCol {
	float:			right;
	width:			181px;
	margin:			0px 0px 9px 0px;
}
#home DIV.rightCol DIV.blockTitle {
	background:		#65C48C;
}

#home DIV.photoBlock {
	margin:			9px 0px 0px 0px;
	background:		url(img/crosshair.png) no-repeat bottom right;
	height:			87px;
	border-bottom:	1px solid #c6c6c6;
}
#home DIV.pb4 {
	border-bottom:	none;
}
#home DIV.photoBlock IMG {
	float:			left;
	margin:			0px 4px 0px 0px;
}

#home DIV.events {
	position:		relative;
	width:			571px;
	background:		url(img/crosshair.png) no-repeat bottom right;
	height:			217px;
}
#home DIV.events IMG {
	float:			left;
	margin:			0px 9px 0px 0px;
}
#home DIV.events DIV.blockTitle {
	background:		#9FCD67;
}
#home DIV.events DIV.date {
	font-weight:	bold;
	margin:			0px 0px 3px 0px;
}
#home DIV.events DIV.title {
	font-weight:	bold;
	font-size:		14px;	
	margin:			0px 0px 5px 0px;
}
#home DIV.events DIV.subTitle {
	font-size:		12px;
	margin:			0px 0px 5px 0px;
}

#home DIV.news {
	width:			580px;
	height:			217px;
}
#home DIV.news DIV.blockTitle {
	background:		#35C4A6;
	width:			566px;
}
#home DIV.news DIV.newsItem {
	float:			left;
	position:		relative;
	width:			275px;
	height:			90px;
	background:		url(img/crosshair.png) no-repeat bottom right;
	padding:		0px 6px 0px 0px;
	margin:			0px 9px 0px 0px;
}
#home DIV.news DIV.newsItem IMG {
	float:			left;
	margin:			0px 7px 0px 0px;
}
#home DIV.news DIV.newsItem DIV.title {
	font-weight:	bold;
}

#home DIV.video {
	width:			763px;
	height:			253px;
}
#home DIV.video DIV.blockTitle {
	background:		#00A691;
}
#home DIV.video DIV.swf {
	float:			left;
	margin:			0px 9px 0px 0px;
}
#home DIV.video DIV.title {
	font-size:		13px;
	font-weight:	bolder;
	color:			#00A691;
	margin:			0px 0px 9px 0px;
}
#home DIV.video IMG {
	margin:			0px 24px 0px 0px;
}

#home DIV.filosofia {
	width:			763px;
	height:			253px;
	margin:			12px 0px 0px 0px;
}
#home DIV.filosofia DIV.blockTitle {
	background:		#8B8B8B;
	font-weight:	bold;
}
#home DIV.filosofia DIV.title {
	font-size:		18px;
	font-weight:	bolder;
	color:			#666666;
	margin:			0px 0px 9px 0px;
}
#home DIV.filosofia DIV.column1 {
	float:			left;
	width:			370px;
	font-size:		11px;
}
#home DIV.filosofia DIV.column2 {
	float:			right;	
	width:			370px;
	font-size:		11px;
}


/** specific styles for t1a and t1b **/
#t1a DIV.pageContent {
	padding:		0px 0px 0px 0px;
	margin:			0px 0px -12px 198px;
}
#t1a DIV.statuto {
	width:			763px;
	margin:			0px 0px 0px 0px;
}
#t1a DIV.statuto DIV.title {
	font-size:		18px;
	font-weight:	bolder;
	color:			#8B8B8B;
	margin:			-2px 0px 9px 0px;
	padding:		0px;
}
#t1a DIV.statuto DIV.column1 {
	float:			left;
	width:			370px;
	margin:			0px 0px 9px 0px;
	font-size:		11px;
}
#t1a DIV.statuto DIV.column2 {
	float:			right;	
	width:			370px;
	margin:			0px 0px 9px 0px;
	font-size:		11px;
}
#t1a DIV.statuto DIV.downloads {
	clear:			both;
	margin:			12px 0px;
}

#t1a DIV.amici {
	margin:			9px 0px 0px 0px;
	width:			763px;
	
}

#t1b DIV.amici {
	margin:			0px;
	width:			763px;
	
}

#t1a DIV.amici DIV.blockTitle, #t1b DIV.amici DIV.blockTitle {
	background:		#6FBC65;
}
#t1a DIV.amici IMG {
	float:			left;
	margin:			0px 0px 8px 0px;
}
#t1b DIV.amici IMG {
	float:			left;
	margin:			0px 0px 8px 0px;
}
#t1a DIV.amici IMG.img2, #t1a DIV.amici IMG.img5,
#t1b DIV.amici IMG.img2, #t1b DIV.amici IMG.img5,
#t1b DIV.amici IMG.img8 {
	margin:			0px 12px 8px 12px;;
}
#t1b DIV.amici IMG.img7, #t1b DIV.amici IMG.img8, #t1b DIV.amici IMG.img9,
#t1a DIV.amici IMG.img4, #t1a DIV.amici IMG.img5, #t1a DIV.amici IMG.img6, #t1a DIV.amici IMG.img7, #t1a DIV.amici IMG.img8, #t1a DIV.amici IMG.img9 {
	margin-bottom:	0px;	
} 
#t1b DIV.pageContent {
	padding:		0px 0px 0px 0px;
}


/** specific styles for t2a and t2b (and t2c and t2d) **/
#t2a DIV.text DIV.title {
	font-size:	18px;
	font-weight:bolder;
	margin:			0px 0px 30px 0px;
}
#t2a DIV.rightCol {
	float:			right;
	width:			181px;
	margin:			0px 0px 9px 9px;
}
#t2a DIV.rightCol DIV.organi {
	background:		#6FBC65;
}
#t2a DIV.rightCol DIV.comitato {
	margin:			9px 0px 9px 0px;
	background:		#57B484;
}

#t2b DIV.text {
	width:			763px;
	font-size:		11px;
}
#t2c DIV.text {
	width:			763px;
	font-size:		11px;
}
#t2b DIV.text DIV.title, #t2c DIV.text DIV.title {
	font-size:		18px;
	font-weight:	bolder;
	margin:			0px 0px 12px 0px;
}
#t2d DIV.text DIV.title {
	font-size:		14px;
	font-weight:	bolder;
	margin:			6px 0px;
}
#t2d DIV.text DIV.date {
	font-size:		10px;
	font-weight:	bolder;
}
#t2d DIV.text DIV.info {
	font-size:		12px;
	margin:			0px 0px 6px 0px;
}
#t2d DIV.text IMG {
	margin:			0px 9px 6px 0px;
}
#t2d DIV.text{
	min-height:			270px;
	
}


/** specific styles for t3a and t3b **/
#t3a DIV.pageContent, #t3b DIV.pageContent {
	padding:		0px 0px 0px 0px;
	margin:			0px 0px -12px 198px;
}
#t3a DIV.eventBox {
	position:		relative;
	height:			180px;
	width:			763px;
	margin:			0px 0px 12px 0px;
	background:		url(img/crosshair.png) no-repeat bottom right;
}
#t3a DIV.eventBox IMG, #t3b DIV.eventBox IMG {
	float:			left;
	margin:			0px 9px 0px 0px;
}
#t3a DIV.eventBox DIV.title {
	font-size:		14px;
	font-weight:	bolder;
	margin:			6px 0px;
}
#t3a DIV.eventBox DIV.date {
	font-size:		10px;
	font-weight:	bolder;
}
#t3a DIV.eventBox DIV.info {
	font-size:		12px;
	margin:			0px 0px 6px 0px;
}

#t3b DIV.eventBox {
	position:		relative;
	height:			180px;
	width:			763px;
	margin:			0px 0px 12px 0px;
}
#t3b DIV.eventBox DIV.title {
	font-size:		14px;
	font-weight:	bolder;
	margin:			6px 0px 12px 0px;
}
#t3b DIV.eventBox DIV.author {
	font-size:		10px;
	font-weight:	bolder;
}
/**/
#progetto DIV.text DIV.title {
	font-size:		18px;
	font-weight:	bolder;
	color:			#8B8B8B;
	margin:			-2px 0px 9px 0px;
	padding:		0px;
}
#link DIV.pageContent DIV.title {
	font-size:		18px;
	font-weight:	bolder;
	color:			#8B8B8B;
	margin:			-2px 0px 9px 0px;
	padding:		0px;
}
DIV.amici DIV.blockTitle, #t1b DIV.amici DIV.blockTitle {
	background:		#6FBC65;
}

/**/
#t1a a.amici{
color:#69B970;
}
#t1b a.amici{
color:#69B970;
}
#t2a a.fondazione{
color:#5BB581;
}
#t3a a.eventi{
color:#4EB28E;
}
#t2d a.eventi{
color:#4EB28E;
}
#t2b a.contatti{
color:#35AAB4;
}
#progetto a.progetto08{
color:#44AF9F;
}
div.galleria {
margin:9px 0px 0px;
width:763px;
}
/*
.img1 {
float:left;
margin:0px 0px 8px;
}
.img2 {
float:left;
margin:0px 0px 8px;
}*/
.img1 {
float:left;
	margin:			0px 9px 6px 0px;
}
.img2 {
float:left;
	margin:			0px 9px 6px 0px;
}
.img3 {

	margin:			0px 0px 6px 0px;
}
.text {
	
	font-size:		11px;
}

DIV.counter{
	display:		block;
	float:			bottom;
	padding:		10px;
}
