/* CSS Document */


.data{
color:#000;
font-size:8pt;
padding:0 0 4px;
}


#premio{
	background-image: url(../immagini/innov.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 160px;
	width: 160px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#premio_a{
	background-image: url(../immagini/innov.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 160px;
	width: 160px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/********************************
generale
----------------------------------------------- */

*{ margin: 0; padding:0; }

body{
	font: normal 76%/140% Verdana, Arial, Helvetica, sans-serif;
	background:#367296 url(../immagini/fullsize.jpg) repeat 0px top;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}
#logo{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 200px;
	width: 200px;
	position: absolute;
	left: 5px;
	top: 12px;
	z-index: 100;
}
#strumenti {
	padding-left:5px;
	position:relative;
	top: 10px;
	display: block;
	background-image: url(../immagini/fullsize.jpg);
	float: right;
	width: 150px;
}
#strumenti img{	padding-bottom: 3px; }
#header {
	background-image: url(../immagini/cultura.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 74px;
	width: 568px;
}
.on {color: #079B74;}

.box{
	float: left;
	margin: 40px 5px 5px;
	padding: 0px; 
	background-color: #fff;
filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
	font-size: 0.9em;
	
	}
	.box_uno{
	margin: 0px 5px 5px;
	padding: 0px; 
	background-color: #fff;
	font-size: 0.9em;
	}

#contenuti_dentro {float: left;
	padding-top: 0;
	
	width: 625px;	
	font-size: 1.0em;
	} 
#contenuti {
	padding-top: 0;
	width: 660px;
	font-size: 1em;
	float: left;
	color: #383029;
	} 
			 
#colonna-1 {
	\width: 205px;
	
	float: left;
	margin-left: 20px;
} 
#colonna-2 { width: 200px;	 } 
#colonna-flikr { width: 180px;	 } 

.box-flikr{
	padding: 0px;
	font-size: 0.9em;
	margin-left: 5px;
	}

#logo-sub{ padding: 6px 0 0 2px; }

.cancella
{clear: both;
	height: 0;}
	


/************************************************
 TIPOGRAFIA
----------------------------------------------- */


a:link {color: #079874; text-decoration: underline; }
a:active {color: #079874; text-decoration: underline; }
a:visited {color: #666; text-decoration: underline; }
a:hover {color: #079874; text-decoration: none; background: none;}
.uno
 {-moz-border-radius:10px;
	background: url(../immagini/fullsize.jpg);
	color: #fff;
	display: inline;
	float: left;
	font-weight: bold;
	font-size: 2.1em;
	margin: .1em .1em 0 0;
	padding: .3em .4em;
}
/*#par1 :first-letter {
	font-size: 2em;
	float: left;
	font-family: "Lucida grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 2px;
}*/


.spip_surligne{
	color: #FFFFFF;
	background-color: #079B74;

}
	/* Liste 
		ul.nuage
	{
	list-style: none;
	margin: 0.5em 0;
	padding: 0;
	}

ul.nuage li
	{
	padding: 0 0 0 17px;
	margin: 0;
	
	font-size: 88%;
	line-height: 170%;
	}
ul.nuage span.frequence {white-space: nowrap;}	

	
 ul.nuage li a
	{ color: #000000; }
	
ul.nuage a:hover
	{ color: #646462; }
*/
	ul
	{
	list-style: none;
	margin: 0.5em 0;
	padding: 0;
	}

li
	{
	padding: 0 0 0 17px;
	margin: 0;
	
	font-size: 88%;
	line-height: 170%;
	}
	
li ul li
	{
	padding: 0 0 0 10px;
	background: none;
	font-size: 100%;
	}
	
li ul li a,
li ul li a:visited
	{ color: #848482; }
	
li ul li a:hover
	{ color: #646462; }

dt
	{
	font-weight: bold;
	margin: 1em 0 0.3em 0;
	padding: 0;
	}
	
dt a span
	{
	color: #848482;
	font-weight: normal;
	}
	
dt a:hover span
	{
	color: #545452;
	}
	
dd
	{
	padding: 0;
	margin: 0 0 0 96px;
	}
	
dd.date
	{
	clear: both;
	padding: 0 0 1em 0;
	margin: 0;
	border-bottom: 1px dotted #949492;
	}
	
dt a img
	{
	padding: 3px;
	border:1px solid #ccc;
	float: left;
	margin-right: 10px;
	}
	
dt a:hover img
	{
	border: 1px solid #999;
	}
	
dl.home_dl dt,
dl.home_dl dd
	{
	margin: 0;
	margin-left: 0;
	font-size: 88%;
	line-height: 170%;
	}
	
dl.home_dl dd
	{
	padding-bottom: 0.5em;
	margin: 0.5em 0;
	
	}

	
strong {
  font-weight: bold;
}

em {
  font-style: italic;
}


h3{
padding:2px 4px;
color:#000000;
font-weight:400;
}
h2{
	font-size: 200%;
	line-height: 150%;
	color: #079B74;
	margin-bottom: 10px;
}

p {	line-height: 1.5em;	margin: 0.5em 0 1.5em 0; }

ol, ul { line-height: 1.5em; margin: 1.2em 0 1.2em 2em;	}

ul li,
ol li{ margin-bottom: 0.2em; }

img, a img{ border:0px;}



blockquote {
	margin: 20px 0;
	border: 0;
	background: url(../immagini/quote.gif) no-repeat left top;
	font: italic 14px/26px Georgia, "Times New Roman", Times, serif;
	text-align: align-left;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
}
.spip_logos{
	border: 1px solid #ced4ca;
	padding: 3px;
	margin: 0 10px 10px 0;
	float: left;
	}
	#no{
	float: no!important;
}
	.image{
	border: 1px solid #ced4ca;
	padding: 3px;
	margin: 0 10px 10px 0;
	}
	

	
pre{
	display: block;
	margin: 0.75em 1.5em 2.2em 0;
	padding-left: 0.8em;
	border-left: 1px solid #ccc;
	background-color: #efefef;
	overflow: auto;
	}

code{font-family: monospace;  font-size: 11px; color: #555; background-color: #efefef;}
pre code{ line-height: 1.3em;}

kbd{
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

del, del * { text-decoration: line-through; }

.small { font-size: 0.9em;	}


#evidenza a img
	{
	padding: 3px;
	border:1px solid #ccc;
	float: left;
	margin-right: 10px;
	}
	
#evidenza a:hover img
	{
	border: 1px solid #999;
	}


/*����������������������������������������������
 colonna
----------------------------------------------- */



 #colonna-1 ul,  #colonna-2 ul  {
	margin: 1.0em 0 1.5em 0;
	border-top: 1px dotted #000;
	list-style-image: none;
	list-style-type: none;
	}
 #colonna-1 ul li,  #colonna-2 ul  li {
	padding: 0 0 0 10px;
	margin: 0;
	border-bottom: 1px dotted #000;
	}
 #colonna-1 ul li a,  #colonna-2 ul  li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	color: #000000;
	} 
 #colonna-1 ul li a:hover, #colonna-2 ul li a:hover {
	background-image: url(../immagini/fullsize.jpg);
	}
#colonna-1 h4,  #colonna-2 h4{
	padding:2px 4px 2px 8px;
	color:#000;
	font-weight:400;
	font-size:10pt;
	margin-bottom:8px;
	text-transform: uppercase;
	margin-left: 0px;
	background-image: url(../immagini/freccetta.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
 #colonna-1 h4 a,  #colonna-2 h4 a{text-decoration: none;
	padding:2px 4px;
	color:#000;
	font-weight:400;
	font-size:10pt;
	margin-bottom:8px;
	text-transform: uppercase;
}
 #colonna-1 h4 a:hover,  #colonna-2 h4 a:hover{
	color:#079B74;
	
}
h4{
	padding:2px 4px;
	color:#079B74;
	font-weight:400;
	font-size:10pt;
	margin-bottom:8px;
	text-transform: uppercase;
}

/***********TABS**********************/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px;
	margin-right: 3px;
	color: #2d2b2b;
	border-top: 1px solid #079B74;
	border-right: 1px solid #079B74;
	border-left: 1px solid #079B74;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
	color: #2d2b2b;
	
	background: #A0C0B2;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
	border-bottom-color: white;
	background-color: #079B74;
	color: #FFFFFF;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* comments
----------------------------------------------- */

#comment { width: 98%;}


#commentlist {
	margin: 1.2em 0;
	padding: 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #E8E7D0;
	list-style-type: none;
	}
#commentlist li {
	border: 1px solid #E8E7D0;
	padding: 0 20px;
	background-color: #f3f3f3;
	margin: 12px 0;
	}
#commentlist li:hover{ background-color: #fff; }

#commentlist li.authorcomment{
	border-left: 5px solid #88887f;
	}

h3.commenttitle{ padding-top: 12px;	}

p.commentmeta {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	}

/***************************************
TOOLTIPS
***************************************/

	body div#toolTip .affgloss p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; width: 500px!important;}
body div#toolTip .affgloss p em { display:none;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip .affgloss p span { font-weight:bold;color:#fff; }
	


body div#toolTip .affgloss{
	position:absolute;
	z-index:1000;
	background:#333;
	border:2px double #fff;
	text-align:left;
	padding:5px;
	min-height:1em;
-moz-border-radius:5px; width: 500px!important;	
}
/* Fading Tooltips By Dustin Diaz*/
body div#toolTip {
	position:absolute;
	z-index:1000;
	background:#333;
	border:2px double #fff;
	text-align:left;
	padding:5px;
	min-height:1em;
-moz-border-radius:10px; /*width: 150px*/;	
}
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif;}
body div#toolTip p em { display:none;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p span { font-weight:bold;color:#fff; }



/**************************************************
 CERCA / newsletter
----------------------------------------------- */

#boxcerca{
display:block; margin-top:10px;
overflow:hidden;
height:57px;
}
#boxcerca input{
border:1px solid #CCC;
font-size:8pt;
line-height:1.3em;
width:96%;
display:block;
font-family:inherit;
padding:2px;
}

#newsletter a{
border:none;
}


#demo {
	height:620px;
	width:100%;
	margin:0 0px 0 0;
}

#fullscreendemo {
	height:100%;
	width:100%;
}
hr{
	background-image: url(../immagini/fullsize.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* 

STICKER - A valid, easy to use CSS sticky footer by Ryan Fait

This is the basic CSS you need along with the one extra empty
div and the wrapper required to achieve the effect. I suggest
that you leave the * { margin: 0; } code in while testing and
building your site because margins do have a tendency to mess
things up a bit. Have fun!

Copyright (c) 2006-2007 Ryan Fait

*/





* {
	margin: 0;dt
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: 0;
	margin-bottom: -8em;
}
.piede, .push {
	height: 8em; /* .push must be the same height as .footer */
}
.piede {
	display: block;
	height: 100px;
	width: 100%;
	
}

#flickr li {float:left; list-style-type: none; margin: 0;}
#flickr img {height: 64px; margin: 0 10px 10px 0; width: 64px;}
#flickr a:link img, #flickr a:visited img {border: 4px solid #dae1e6;}
#flickr a:hover img, #flickr a:active img {
	border: 4px solid #73974C;
}

.block {padding-top: 18px;}
.block h4 {margin-top: 0;}

/* End Lightbox Filter Customisation */
#normal {height: 13px; margin: 0 10px 10px 0; width: 20px;!important}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../script/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../immagini/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../immagini/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */