/*modello*/
body{
font-family: Geneva, Arial, Helvetica, sans-serif;
margin:0;
background-image: url(./immagini/sfondo.jpg);
background-position: 0px 0px 0px 0px;
background-repeat: no-repeat;
}

#corpo{
padding-top:20px;
width: 960px;
margin:auto;
}

#navigatore{
height: 65px;
margin-bottom:30px;
float: left;
width: 100%;
}

#navigatore_principale{
margin-top: 30px;
margin-left: 285px;
}

#navigatore_lingue{
margin-top: 30px;
float: left;
width: 255px;
height:16px;
margin-left: -960px;
}

#logo{
float: left;
width: 300px;
height:16px;
margin-left: -960px;
}

.sfondot{
background-image: url(./immagini/bgt_8.png);
background-position:0px 0px 0px 0px;
background-repeat: repeat;
}

#top{
clear:left;
height: 200px;
background-image: url(./immagini/bgt_8.png);
background-position:0px 0px 0px 0px;
background-repeat: repeat;
}

#top_sinistra{
float:left;
width: 194px;
}

#contenuto{
float: left;
width: 100%;
}

#colonnadestra{
margin-left: 350px;
}

#colonnasinistra{
float: left;
width: 350px;
margin-left: -960px;
}

#verde{
float: left;
width: 100%;
}

#verdedestra{
margin-left: 800px;
height:70px;
}

#verdesinistra{
float: left;
width: 800px;
margin-left: -960px;
height:70px;
}

#fondo{
height:20px;
clear: left;
width: 100%;
background-image: url(./immagini/bgt_30.png);
background-position:0px 0px 0px 0px;
background-repeat: repeat;
text-align: left;
}

.interno{
margin: 10px;
margin-top: 0;
}

/*contenuti generazionali*/

#geneform{
margin: 0 auto;
padding: 0;
float:left;
}


/*GENERAZIONE1 nella prima versione viene creato uno stile molto personalizzato che carica delle immagini di background vedi archivi settembre 2009 */

.generazione1{
list-style-type: none;
margin: 0 auto;
padding: 0;
}

.generazione1 li{
text-transform:uppercase;
text-align:center;
font-weight:bold;
font-size:14px;
float:left;
}

.generazione1 li.selected a{ 
position: relative;
background-color: #DDDDDE;
color: #007F97;
}

.generazione1 li a{
text-decoration:none;
color: #FFFFFF;
float:left;
margin-top: 0px;
display:block;
background-color: #CFCFD0;
height:17px;
width:135px;
}

.generazione1 li a:hover{
float:left;
margin-top: 0px;
display:block;
height:17px;
width:135px;
color: #007F97;
background-color: #CFCFD0;
}

/*navigatore lingue*/
#italiano{        
display:block;
float:left;
height:17px;
width:48px;
text-indent:-10000px;
overflow:hidden;
background:url(./immagini/italiano.png) no-repeat top left;
}
#italiano:hover{
background:url(./immagini/italiano.png) no-repeat bottom left;
}

#inglese{        
display:block;
float:left;
height:17px;
width:48px;
text-indent:-10000px;
overflow:hidden;
background:url(./immagini/inglese.png) no-repeat bottom left;
}
#inglese:hover{
background:url(./immagini/inglese.png) no-repeat top left;
}

/*HEADING*/

a{
outline:none;
cursor:hand;
color: #000000;
text-decoration:none;
}


a:hover{
outline:none;
cursor:hand;
color: #017C91;
text-decoration:none;
}

h1 {
	font-size: 18px;
	letter-spacing: 2px;
	word-spacing: 2px;
	color: #017C91;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	word-spacing: 2px;
	color: #017C91;
	line-height: 14px;
	margin-top:10px;
	margin-bottom:3px;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2px;
	word-spacing: 3px;
	color: #017C91;
	line-height: 20px;
}

h4 {
  margin-top:5px;
	margin-bottom:3px;
  line-height: 16px;
  text-indent: 20px;
	font-size: 13px;
	font-weight: normal;
	text-align:justify;
}

h5 {
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
  margin-top:0px;
	margin-bottom:0px;
}

h6 {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
  line-height: 15px;
}

p {
	font-size: 11px;
}

/*gene*/

#geneform input{
font-size: 10px;
color:#017C91;
background-color:#D0D0D0;
border:1px solid #FFFFFF;
margin:0;
width:130px;
}


.generazione2{
border-style: 1px solid #FFFFFF;
list-style-type: none;
margin-left:0px;
margin-top: 5px;
padding-left: 5px;
padding-top: 0px;
font-size: 12px;
width: 185px;
}
.generazione2 li{
margin: 3px;
}
.generazione2 li a{
font-family: Arial, Helvetica, sans-serif;
display: block;
margin: 1px;
width: 150;
color: #FFFFFF;
background-color:#D0D0D0;
padding: 2px 4px;
text-decoration: none;
border: 1px solid: #FFFFFF;
text-decoration:none;
}

.generazione2 li a:hover{
font-family: Arial, Helvetica, sans-serif;
color: #666666;
background-color: #FFFFFF;
border-style: 1px solid #FFFFFF;
}

.generazione2 li a:active{
border-style: 1px solid #FFFFFF;
font-family: Arial, Helvetica, sans-serif;

color: #666666;
background-color: #FFFFFF;
border-style: 1px solid #FFFFFF;
}

.generazione2 li.selected a{ 
position: relative;
top: 1px;
padding-top: 4px;
background-color: #007F97;
color: #FFFFFF;
}

.showfile
{
padding-left:10px;
margin-left:15px;
width: 180px;
}

/*SLIDE SHOW***************************************************/
#slideshow {
    margin:0px 0px;
    position:relative;
    height:350px;
    width:480px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/**************************************************************/

/*SLIDE*/

.slide1, .slide2, .slide3{
height:262px;
width:544px;
}
.rotateWrapper-b{
height:262px;
font-size:12px;
}

.rotateWrapper-a{
height:140px;
font-size:12px;
width:190px;
}
.slide4, .slide5, .slide6{
margin-left:10px;
height:140px;
width:180px;
}

.rotateWrapper-c{
height:375px;
font-size:12px;
width:740px;
}
.slide7, .slide8, .slide9, .slide10{
height:375;
width:740px;
}

.rotateWrapper-d{
height:200px;
width:230px;
}

.slide11, .slide12, .slide13, .slide14{
padding-top:15px;
height:200;
width:230px;
}

.slide_realizzazione{
margin-left:10px;
height:232px;
font-size:12px;
}


DIV#galleria {
margin:0px;
width: 440px;
height: 440px;
overflow: hidden;
}

DIV#galleria.loading {
background: url(./immagini/spinner.gif) no-repeat center center;
}

DIV#didascalia {
width:440px;
text-align:right;
margin-right:20px;
height: 10px;
font-size:10px;
}

DIV#numeri{
width:440px;
float:left;
font-size:16px;
color:#747474;
}


DIV#home{
width:100px;
float:left;
font-size:14px;
font-weight:bold;
border:1px solid #F9F9F9;
}

#numeri a {
	color: #747474;
	text-decoration: none;
	cursor: hand;
}

#numeri a:hover {
	color: #444;
	text-decoration: none;
	cursor: hand;
}