html
{
  height: 100%;
}

a,a:visited{outline:0;color:#0D4D9D;}
a:hover{color:#5989C5;}

body{  height: 100%;margin:0;background-color:black;  font-family: Arial, Helvetica, sans-serif;  font-size: 12px; background-image:url('../img/portfolio_bg.jpg');background-position: 50% 50%;background-repeat:no-repeat;}
#container{ width:820px; height: 600px; position:absolute; top:50%; left:50%; margin-top:-300px; margin-left:-410px; overflow:hidden; }
#wrapper{ width:820px; height: 600px; position:relative;}

#sitiweb_coin{position:absolute; left:195px; top:155px;cursor:pointer;}
#indicizzazione_coin{position:absolute; left:200px; top:210px;cursor:pointer;}
#sitiweb{position:absolute; width:120px; height:40px;left:55px; top:170px;cursor:pointer;}
#indicizzazione{position:absolute; width:140px; height:40px;left:60px; top:220px;cursor:pointer;}

#indietro{width:210px; height:50px; position:absolute; left:40px; top:290px;cursor:pointer;}


#intro {position:absolute; background-color:transparent; left:440px; top:30px;  width:330px; height:490px; overflow:hidden; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; text-align:justify;}
#sitiweb_foglio{position:absolute; background-color:transparent; left:440px; top:30px;  width:0px; height:490px; overflow:hidden; white-space: nowrap; font-family: Arial, Helvetica, sans-serif;}
#indicizzazione_foglio{position:absolute; background-color: transparent; left:440px; top:30px; width:0px; height:490px; overflow:hidden; white-space: nowrap; font-family: Arial, Helvetica, sans-serif;}

.thumbs {border:0}	

/*inizio menu orizzontale alto*/
.hmenucontainer {display:none; background-color:black; color:#fff; padding:5px 0 0 1em; margin:0; list-style:none; height:40px; font-size:11px; z-index:999; position:absolute; top:0; width:99%;}
.hmenucontainer li {float:left; height:40px; margin-right:10px;display:block; height:40px; line-height:35px; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; text-align:center; padding:0 0 0 4px; cursor:pointer;}
.hmenucontainer a{color:white;text-decoration:none;}
.hmenucontainer .selected { color:#f0e68c; }
/*Fine menu orizzontale */

#tooltip{
	position: absolute;
	z-index:100;
	background-color:#FFF;
	color:#000;
	width:140px;
	vertical-align: middle;
	text-align: center;
	padding:5px;
}

.scheda_lavoro{
	font-size:12px;
}

.titolo{
	background: #000;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	color:white;
	font-size:12px;
	width:361px;	
}

.titolo a{
	color:white;
	text-decoration:underline;
}

.accordion {
	width:392px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #000 url(../img/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	color:white;
	font-size:12px;
}
.accordion h3:hover {
	background-color: #2e2e2e;	
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

#footer{
	width:100%;clear:both;color:#AAA;font-size:10px;overflow:hidden;position:fixed; bottom:0;
}

#footer .footer_txt{
	padding:5px;margin:0 auto;background-color:black;
}

#footer .footer_txt a{
	color:white;
}

h1{
	margin-bottom:15px;
}

div.altri_lavori{
	margin-bottom:20px;
	text-align:right;
}

div.altri_lavori a{
	color:black;
	font-weight:bold;
	font-size:12px;
}
