/**************************************************************************************************/
/* layout                           */
/**************************************************************************************************/
html, body{
	height: 100%;
	min-height: 100%;
	/*min-height: 750px;*/
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	scrollbar-face-color:#d4d4cd;
	scrollbar-base-color:#f9f9f5;
	scrollbar-arrow-color:#f9f9f5;
	scrollbar-track-color:#f9f9f5;
	scrollbar-shadow-color:#f9f9f5;
	scrollbar-highlight-color:#f9f9f5;
	scrollbar-3dlight-color:#f9f9f5;
	scrollbar-darkshadow-Color:#f9f9f5;
	background-image: url(../imm_provv/fondo.gif);
	background-position: bottom left;
	color: #858583;
	overflow: hidden;
}



body>#container {
height: 100%;
min-height: 100%;

}

div#container{
	position:relative;
	width: 650px;
	top: 0px;
	height: 100%;
	min-height: 100%;
	/*min-height: 750px;*/
	margin: 0 auto;
	text-align: center;
    }



    
div#logo{
	position:absolute;
	width: 650px;
	height: 160px;
	top: 0px;
	left: 0px;

    }
div#words{
	position:absolute;
	width: 650px;
	height: 320px;
	/*top: 130px;*/
	left: 0px;
	top: 30%;
	


    }
div#frase {
	position:absolute;
	bottom: 140px;
	left: 0px;
	height: 35px;
	width: 650px;
	background-image: url(../imm_provv/frase.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -10000px;
}




div#login{
	position:absolute;
	width: 265px;
	height: 19px;
	top: 140px;
	left: 386px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #858583;
	letter-spacing: 0.01em;
	text-align: left;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	z-index: 100;
    }
div#piede{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
}
	
/**************************************************************************************************/
/* striscia                          */
/**************************************************************************************************/



div#mygallery a:link , div#mygallery  a:visited{
	display:block;
	width:68px;
	height:45px;
	text-decoration: none;
	color:#666666;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 75px;
	padding-left: 5px;
	float: left;
}

div#mygallery a:hover , div#mygallery  a:active{
	text-decoration: none;
	color: #009cd4;
	font-weight: bold;

}


.stepcarousel{
	position: absolute;
	overflow: scroll; /*leave this value alone*/
	width: 650px; /*Width of Carousel Viewer itself*/
	height: 120px; /*Height should enough to fit largest content's height*/
	background-image: url(../imm_provv/sf_people_ch.png);
	background-repeat: no-repeat;
	background-position: left top;
	bottom: 10px;
	left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 10px;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 72px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 120px;
	margin-top: 10px;
	margin-right: 19px;
	margin-bottom: 0px;
	margin-left: 18px;
	padding-top: 0px;
}

.aleksandra a:link , .aleksandra a:visited {
	background-image: url(../imm_provv/aleksandra.png);
	}	
.alessandra a:link , .alessandra a:visited {
	background-image: url(../imm_provv/alessandra.png);
	}
.anna a:link , .anna a:visited {
	background-image: url(../imm_provv/anna.png);
	}
	
.annalisa a:link , .annalisa a:visited {
	background-image: url(../imm_provv/annalisa.png);
	}	
.antonella a:link , .antonella a:visited {
	background-image: url(../imm_provv/antonella.png);
	}	
.cristian a:link , .cristian a:visited {
	background-image: url(../imm_provv/cristian.png);
	}
.cristina a:link , .cristina a:visited {
	background-image: url(../imm_provv/cristina.png);
	}
.daniela a:link , .daniela a:visited {
	background-image: url(../imm_provv/daniela.png);
	}
.enrico a:link , .enrico a:visited {
	background-image: url(../imm_provv/enrico.png);
	}	
.fabrizio a:link , .fabrizio a:visited {
	background-image: url(../imm_provv/fabrizio.png);
	}
.giorgio a:link , .giorgio a:visited {
	background-image: url(../imm_provv/giorgio.png);
	}
.giorgiom a:link , .giorgiom a:visited {
	background-image: url(../imm_provv/giorgiom.png);
	}
	
.giovanni a:link , .giovanni a:visited {
	background-image: url(../imm_provv/giovanni.png);
	}
.lorenzo a:link , .lorenzo a:visited {
	background-image: url(../imm_provv/lorenzo.png);
	}
.marco a:link , .marco a:visited {
	background-image: url(../imm_provv/marco.png);
	}	
.nicola a:link , .nicola a:visited {
	background-image: url(../imm_provv/nicola.png);
	}
.rossella a:link , .rossella a:visited {
	background-image: url(../imm_provv/rossella.png);
	}
.stefano a:link , .stefano a:visited {
	background-image: url(../imm_provv/stefano.png);
	}
.vera a:link , .vera a:visited {
	background-image: url(../imm_provv/vera.png);
	}

 
div#copyright{
	position:absolute;
	width: 650px;
	height: 20px;
	bottom: -1px;
	right: -636px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	text-align: right;
	padding-left: 20px;
    }

/**************************************************************************************************/
/* fumetto                         */
/**************************************************************************************************/
.hidden {
	visibility: hidden;

	}
.unhidden {
	visibility: visible;
	position:absolute;
	width: 180px;
	height: 117px;
	bottom: 113px;
	z-index: 200;
	background-image: url(../imm_provv/popup.png);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D3D3D1;
	line-height: 14px;
	letter-spacing: 0.02em;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	padding-top: 15px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 40px;
   }



a:link, a:visited{
	color: #009cd4;
	font-weight: bold;
	text-decoration: none;
}

a:hover,  a:active{
	color: #bbc04c;
	font-weight: bold;
	text-decoration: underline;

}