@charset "UTF-8";
/* CSS Document */

#body{
	margin-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
}

#body2{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
}

.container{
float: left;
text-align: justify;
width: 779px;
}

.text{
	background-color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
}

td#langlist1{
	border-top: solid white 3px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-image: url(imm/bandiere/italia.jpg);
}

td#langlist1 a{
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	color: #666666;
	text-decoration: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td#langlist1 a:hover{
	color: #000000;
	background-image: url(imm/bandiere/italia2.jpg);
	border-color: #999999;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

td#langlist2{
	border-top: solid white 3px;
	margin: 0;
	padding: 0;
	border-top-color: #999999;
	border-right-color: #989898;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-image: url(imm/bandiere/england.jpg);
}

td#langlist2 a{
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	color: #666666;
	text-decoration: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


td#langlist2 a:hover{
	color: #000000;
	background-image: url(imm/bandiere/england2.jpg);
	border-color: #999999;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}


td#langlist3{
	border-top: solid white 3px;
	margin: 0;
	padding: 0;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-image: url(imm/bandiere/deutsch.jpg);
}

td#langlist3 a{
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	color: #666666;
	text-decoration: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


td#langlist3 a:hover{
	color: #000000;
	background-image: url(imm/bandiere/deutsch2.jpg);
	border-color: #999999;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

td#langlist4{
	border-top: solid white 3px;
	margin: 0;
	padding: 0;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-image: url(imm/bandiere/france.jpg);
}

td#langlist4 a{
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-width: 1px;
	border-color: #ffffff;
	border-style: solid;
	color: #666666;
	text-decoration: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td#langlist4 a:hover{
	color: #000000;
	background-image: url(imm/bandiere/france2.jpg);
	border-color: #999999;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

td#langlist5{
	border-top: solid white 3px;
	margin: 0;
	padding: 0;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-image: url(imm/bandiere/espana.jpg);
}

td#langlist5 a{
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	color: #666666;
	text-decoration: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


td#langlist5 a:hover{
	color: #000000;
	background-image: url(imm/bandiere/espana2.jpg);
	border-color: #999999;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}







td#langlist6{
	border-top: solid white 3px;
	margin: 0;
	padding: 0;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-image: url(imm/bandiere/portogh.jpg);
}

td#langlist6 a{
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	color: #666666;
	text-decoration: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


td#langlist6 a:hover{
	color: #000000;
	background-image: url(imm/bandiere/portogh2.jpg);
	border-color: #999999;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}






#navcontainer{
	background: white;
}

/* to stretch the container div to contain floated list */

ul#navlist{
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	height: 100%;
	font-size: 10px;
}

td#navlist{
border-top: solid white 3px;
margin: 0;
padding: 0;
}

td#navlist a{
	display: block;
	height: 45px;
	line-height: 20px;
	text-align: center;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: white;
	text-decoration: none;
}


td#navlist a:hover{
color: #000000;
background-image: url(img/backg_puls_on.jpg);
border-color: #aaab9c #fff #fff #ccc;
}

td#navlist2{
	border-top: solid white 3px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
}

td#navlist2 a{
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: white;
	border-width: 0;
}


td#navlist2 a:hover 
{
	color: #FFFF00;
	border-color: #aaab9c #fff #fff #ccc;
	background-image: url(imm/menu-top.jpg);
	background-position: centre;
	background-repeat: no-repeat;
}


ul#menuprod{
	list-style: none;/* elimino i rientri delle liste */
	padding: 0;/* elimino i rientri delle liste */
	text-align: left;
	color: #5f5f5f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	margin-left: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 25px;
}

ul#menuprod li a{
	text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	display: block; /* il link occupa tutto lo spazio orizzontale */
	background-image: url(img/backg_puls_off.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 100%;
	color: #5f5f5f;
	padding-left: 10px;
	font-size: 12px;
	line-height: 15px;
	vertical-align: -10;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

ul#menuprod li a:hover{
	background-image: url(img/backg_puls_on.png);
	color: #22AD16;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
}

ul#menuprod li.primo a{
	background-image: url(img/backg_puls_top.png);
	height: 27px;
	line-height:27px;
}

ul#menuprod li.primo_attivo a{
	background-image: url(img/backg_puls_top_on.png);
	color: #FFFFFF;
}

ul#menuprod li.attivo a{
background-image: url(img/backg_puls_on.png);
color: #FFFFFF;
}

ul#menuprod li.ultimo a{
background-image: url(img/backg_puls_bot.png);
}

ul#menuprod li.primo a:hover{
	background-image: url(img/backg_puls_top_on.png);
}

ul#menuprod li.ultimo a:hover{
background-image: url(img/backg_puls_bot_on.png);
}

ul#menuprod li.ultimo_attivo a{
background-image: url(img/backg_puls_bot_on.png);
color: #FFFFFF;
}



/*inizio css di Smipa*/
/*
ul#navigation{
	list-style: none;
	padding: 0;
	text-align: left;
	color: #5f5f5f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	margin-left: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 25px;
}


ul#navigation li a{
	text-decoration:none;
	display: block;
	background-image: url(imm/sf_footer.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 100%;
	color: #5f5f5f;
	padding-left: 10px;
	font-size: 12px;
	line-height: 15px;
	vertical-align: -10;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}


ul#navigation li a:hover{
	color: #22AD16;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
}

ul#navigation li.primo a{
	height: 27px;
	line-height:27px;
	
}

ul#navigation li.primo_attivo a{
	color: #FFFFFF;
}

ul#navigation li.attivo a{
color: #FFFFFF;
}

ul#navigation li.ultimo a{;
}

ul#navigation li.primo a:hover{
}

ul#navigation li.ultimo a:hover{
}

ul#navigation li.ultimo_attivo a{
color: #FFFFFF;
}
*/
/*fine css di Smipa*/

/*inizio css di Costa*/



div#container{
	position: relative;
	width: 266px;
}

div#navigation{
	width: 266px;
	position: absolute;
	font: 12px Arial, Helvetica, sans-serif;
	height:100%;
	top: 0px;
	
}

div#navigation h3{
	font-size: 100%;
	font-weight: normal;
	padding-left: 8px;
	margin-left: 10px;
	height: 30px;
	color: #5f5f5f;
	background-image: url(imm/sf_footer.jpg);
}

div#navigation ul,div#navigation li{
	padding:0 0 0 10px;
	margin: 0 0 0 5px;
	list-style-type: none;
}


div#navigation li li a{
	padding:0 0 0 10px;
	margin: 0 0 0 0px;
	display: block;
	height: 30px;
	background-image:url(imm/sf_footer.jpg);
    text-decoration: none;
	color: #5f5f5f;
}

div#navigation a:hover{
    background-image:url(imm/sf_footer.jpg);
	color:#22AD16;
}

div#navigation ul ul a{
	list-style-type: none;
	background-image:url(imm/sf_footer2.jpg);
	font-weight: normal;
}
/*fine css di Costa*/

.title{
	text-align: left;
	color: #000000;
	margin-left: 28px;
	margin-top: 47px;
	list-style: none;
	margin-top: 48px;
	font-size: 16px;
}

.h1{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-image: url(img/fascia_titolo2.png);
font-weight: bolder;
font-size: 180%;
}

.title p{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
	font-size: 18px;  
}

.footer1{
	color:#FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.footer2{
	color:#333333;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.footer3{
	color:#009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold
	
}

.footer2 a{
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid #666666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 40;
left: -450px; /*position where enlarged image should offset horizontally */

}

.dove{
	position: relative;
	padding-left: 55px;
	padding-right: 55px;
	text-align: justify;
	padding-top: 15px;
	font-size: 12px;
}

.didascalie{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	color: #000000;
}

download{
color:#000000;
font-weight: bold;
}

a.download: hover{
color: #333333;
font-weight: bold;
}

.Stile13 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 10px;
	line-height: 20px;
	font-weight: normal;
	text-align: left;
}

ul#nav li a{
	text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	display: block; /* il link occupa tutto lo spazio orizzontale */
	background-image: url(img/backg_puls_off.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 100%;
	color: #5f5f5f;
	padding-left: 10px;
	font-size: 12px;
	line-height: 15px;
	vertical-align: -10;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

ul#nav li a:hover{
	background-image: url(img/backg_puls_on.png);
	color: #22AD16;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
}

#apDiv1 {
	position:absolute;
	left:599px;
	top:2718px;
	width:115px;
	height:88px;
	z-index:1;
	background-color: #FF0000;
}
#apDiv2 {
	position:absolute;
	left:602px;
	top:4244px;
	width:143px;
	height:65px;
	z-index:2;
	background-color: #FF0000;
}
#apDiv3 {
	position:absolute;
	left:596px;
	top:356px;
	width:122px;
	height:107px;
	z-index:1;
	background-color: #00CCFF;
}
#apDiv4 {
	position:absolute;
	left:579px;
	top:648px;
	width:137px;
	height:132px;
	z-index:2;
	background-color: #00CCFF;
}
#apDiv5 {
	position:absolute;
	left:611px;
	top:943px;
	width:83px;
	height:93px;
	z-index:3;
	background-color: #00CCFF;
}
#apDiv6 {
	position:absolute;
	left:603px;
	top:1241px;
	width:94px;
	height:90px;
	z-index:4;
	background-color: #00CCFF;
}
#apDiv7 {
	position:absolute;
	left:621px;
	top:1531px;
	width:81px;
	height:96px;
	z-index:5;
	background-color: #00CCFF;
}
#apDiv8 {
	position:absolute;
	left:606px;
	top:1809px;
	width:91px;
	height:85px;
	z-index:6;
	background-color: #00CCFF;
}
#apDiv9 {
	position:absolute;
	left:604px;
	top:2086px;
	width:93px;
	height:92px;
	z-index:7;
	background-color: #00CCFF;
}
#apDiv10 {
	position:absolute;
	left:600px;
	top:2340px;
	width:96px;
	height:108px;
	z-index:8;
	background-color: #00CCFF;
}
#apDiv11 {
	position:absolute;
	left:605px;
	top:2661px;
	width:94px;
	height:100px;
	z-index:9;
	background-color: #00CCFF;
}
#apDiv12 {
	position:absolute;
	left:597px;
	top:3227px;
	width:82px;
	height:97px;
	z-index:10;
	background-color: #00CCFF;
}
#apDiv13 {
	position:absolute;
	left:605px;
	top:3534px;
	width:94px;
	height:78px;
	z-index:11;
	background-color: #00CCFF;
}
#apDiv14 {
	position:absolute;
	left:596px;
	top:3808px;
	width:92px;
	height:104px;
	z-index:12;
	background-color: #00CCFF;
}
#apDiv15 {
	position:absolute;
	left:603px;
	top:4093px;
	width:99px;
	height:101px;
	z-index:13;
	background-color: #00CCFF;
}
#apDiv16 {
	position:absolute;
	left:608px;
	top:4385px;
	width:90px;
	height:86px;
	z-index:14;
	background-color: #00CCFF;
}
.Stile15 {color: #EEEEEE; font-weight: bold; font-size: 14px; }
.Stile16 {
	color: #666666;
	font-size: 200%;
}
.Stile25 {font-size: 10px}
.Stile27 {padding-left: 10px; line-height: 20px; color: #000000; font-family: Arial, Helvetica, sans-serif;}
.Stile29 {padding-left: 10px; line-height: 20px; color: #333333; font-family: Arial, Helvetica, sans-serif; }
.Stile34 {
	color: #5f5f5f
}
.Stile6 {
	color: #FFFF00;
	text-align: center;
}
.Stile13 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 10px;
	line-height: 20px;
	font-weight: normal;
}

.Stile5 {
	color: #2DAE2F;
	font-weight: bold;
	font-size: 12px;
}
