@charset "utf-8";
/* CSS Document */
#img_scheda{
	position:relative;
	float:left;
	top: 70px;
	left:20px;
	width:200px;
	height:auto;
}
/*
.dida_scheda{	
	width:196px;
	height:18px;
	position:absolute;
	float:right;
	color:#FFF;
	bottom:5px;
	padding:2px;
	background-color:rgb(52,52,52); /* IE < 9 
	background-color:rgba(52,52,52,.8);
	font-family:FontText;
	font-size:14px;
	text-align:right;
}*/
#dettaglio_fonte{
	position:relative;
	color:#FFF;
	bottom:26px;
	height:18px;
	padding:2px;
	background-color:rgb(0,0,0); /* IE < 9 */
	background-color:rgba(0,0,0,.4);
	font-family:FontText;
	font-size:14px;
	text-align:left;
	z-index:2;
}

#dettaglio_fonte_2righe{
	position:relative;
	color:#FFF;
	bottom:42px;
	height:32px;
	padding:2px;
	background-color:rgb(0,0,0); /* IE < 9 */
	background-color:rgba(0,0,0,.4);
	font-family:FontText;
	font-size:14px;
	text-align:left;
	z-index:2;
}

#top_scheda{
	position:absolute;
	width:70%;
	top:65px;
	left:26%;
	border-bottom: #007C53 dashed 2px;
	padding:0;
}


#titolo_scheda{
	font-weight:bold;
	color:#007C53;
	font-family:FontText;
	font-size:35px;
}

#scheda_tools{
	position:absolute;
	bottom:0;
	left:10px;
	width:45%;
	text-align:left;
}
.flora_link{
	color:#007C53;
}
.flora_link:hover{
	background:#007C53;
	color:#FFF;
}
.indice_flora_titolo{
	border-bottom:#481D29 1px solid;
	width:95%;
	margin:10px;
	color:#481D29;
}

.indice_flora{
	background-color:#c6ded2;
	color:#007C53;
	border-style:outset;
	border-color:#c6ded2;
	box-shadow: 0 3px 5px #888888;
	font-family:KlavikaMedium;
}
.indice_flora li{
	padding:7px;
}
.indice_flora ul{
	padding:10px;
}

#scheda_content_indice{
	position:relative;
	float:left;
	width:65%;
	top:65px;
	height:60%;
	left:10%;
	font-family:FontText;
	font-size:18px;
	line-height:120%;
	text-align:justify;
}
#scheda_content{
	position:absolute;
	float:left;
	width:70%;
	height:50%;
	top:115px;
	left:26%;
	font-family:FontText;
	font-size:16px;
	line-height:120%;
	text-align:justify;
}
#orma{
	position:relative;
	float:right;
	top:30%;
	right:40px;
}
#step_nav{
	position:relative;
	float:right;
	top:79%;
	right:14px;
}

#step_nav img{
	width:20px;
	height:20px;
}


.freccia_indietro{
	position:absolute;
	float:left;	
	z-index:1;
	top:40%;
	left:12px;
}

.freccia_avanti{
	position:absolute;
	float:right;
	top:40%;
	right:12px;
}
/* MICROAMBIENTI */

#personaggi{
	width:898px;
	height:401px;
	background: url(../img/schede_territorio/sfondo_personaggi.png);
	position:relative;
	float:left;
	margin:50px;
	z-index:1;
}

#animali{
	width:898px;
	height:401px;
	background: url(../img/schede_territorio/sfondo_animali.png);
	position:relative;
	float:left;
	margin:50px;
	z-index:1;
}

#flora{
	width:898px;
	height:401px;
	background: url(../img/schede_territorio/sfondo_flora.png);
	position:relative;
	float:left;
	margin:50px;
	z-index:1;
}
.flora_bold{
	font-family:KlavikaBold;
	color:#007C53;
}
.flora_txt{
	margin: 80px 10px 0 10px;
	font-family:FontText;
	font-size:18px;
	text-align:justify;
}

#territorio_img{
	position:absolute;
	bottom:10px;
	left:10px;
	float:left;
	font-family:KlavikaMedium;
	font-size:15px;
	color:#007C53;
}
#territorio_img img{
	width:40px;
	height:40px;
}
#thumb_nav ul li img{
	width:80px;
	padding:3px;
}
#thumb_nav{
	position:relative;
	float:left;
	top: 70px;
	left:10px;
}

#bottom_nav_flora{
	position:absolute;
	bottom:5px;
	right:10px;
	width:20%;
	text-align:right;
}

#bottom_nav_flora li img{
	width:40px;
}