
html { 	margin: 0px; margin: 0px; 	padding: 0px; 	color: #000; 	height: 100%;   width:100%; }

body  { text-align:center; font-family:Tahoma, Arial;font-size:13px; color:#2b4062; margin:auto; background: url("imgs/orme.gif");  }

.container
 { 
 background-color:#ffffff;
 width:1025px;

 border-left: solid 1px #666666; 
 border-right: solid 1px #666666; 
 padding-left:20px;
 padding-right:20px;
margin:auto;
  }
	
.container	h2, {
	font-size:22px;
	color: #ff6600;
	font-family:arial;
	
	 }
	 
.container	h3, {
	font-size:16px;
	color: #35425d;
	font-family:arial;
	
	 }	 
	 
	 .container	h3, {
	font-size:14px;
	color: #35425d;
	font-family:arial;
	 }	
	
.sx
 { 
 width:755px;
float:left; 
height:1175px;
 text-align:center;
 padding: 10px;
  }



.dx
 { 
 width:200px;
 height:1175px;
 text-align:left;
 float:right;


  }	
	
.fumetto
	 { 
	 background: url("imgs/fumetto_vuoto.png") no-repeat;
 width:130px;
 height: 86px;
 text-align:center;
 padding:10px;
 float:right;
 font-weight: bold;
 color: #35425d;
  }	
	
	.fumetto a:link
	 { 
	color: #35425d;
	text-decoration:none;
  }	
		.fumetto a:active
	 { 
	color: #35425d;
	text-decoration:none;
  }	
.fumetto a:hover
	 { 
	color: #35425d;
	text-decoration:none;
  }	
	
.style2 {
	color: #FF6600;
	font-weight: bold;
}
.style4 {
	color: #ff6600;
	font-weight: bold;
}
.style5 {color: #ff6600}
.style6 {color: #FF6600}
.peso {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
text-align:center;
width:80px;
color:#2B4062;
font-weight:bold;
}
.taglia {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
text-align:center;
width:150px;
color:#FF6600;
font-weight:bold;
}
label {
color:#2b4062;
font-size:15px;
}


TABLE { FONT-SIZE: 12px; COLOR: #2B4062; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; }
td  {text-align:center;  }


.postit
	 { 
	 top:30px;
	 left:50px;
	 background: url("hobby_zoo/postit.jpg") no-repeat;
 width:330px;
 height: 322px;
padding-right:20px;
 padding-top:65px;
 float:left;
  }	

 



A:visited { COLOR: #35425d; TEXT-DECORATION: underline }

A:link { COLOR: #35425d; TEXT-DECORATION: underline }

A:active { COLOR: #FF0000; TEXT-DECORATION: underline }

A:hover { COLOR: #FF6600; TEXT-DECORATION: underline }



A.blu:visited { COLOR: #2B4062; TEXT-DECORATION: underline }

A.blu:link { COLOR: #2B4062; TEXT-DECORATION: underline }

A.blu:active { COLOR: #2B4062; TEXT-DECORATION: underline }

A.blu:hover { COLOR: #FF6600; TEXT-DECORATION: underline }



div#container{width:740px}

div#header img{float:left}

div#header h2{float:left;margin:24px 0 0 0;font-size:100%}

div#zoom{margin:0 0 1px 0;padding: 2px;border:1px solid #ccc; width:570px}

div#zoom h3{margin:0;font-size:100%;color: #666;text-align:center}

div#minipics{margin-right:0px}

div#minipics ul{list-style-type: none;margin: 0;padding: 0}

div#minipics li{float:left;margin:0 3px 3px 3px;border:1px solid #ccc;padding: 1px}

#box{
	height:165px;
	float:left;
	}
	
#blog{
 	border:#BFC897 solid 1px;
	background:url(imagesprova/blog.jpg) no-repeat top left #FFFFFF;
	width:216px; height:144px;
	margin:5px 3px 7px 3px;
	float:left; color:#000000;
	padding:9px 20px 0 16px;
 	}
	
#blog h2{
	height:40px;
	background:url(imagesprova/box-bg.gif) repeat-x 0 9px #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px; color:#5C6731; line-height:40px;
}

#blog h2 span{
	width:82px; display:block; background:#fff; 
	float:left; color:#5C6731; 
	padding:0 0 0 16px;
	}
	
#blog h2 span.no{
	width:40px;
	height:40px;
	background:url(imagesprova/01.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
}

#jobs{
 	border:#BFC897 solid 1px;
	background-image:url(imagesprova/jobs.jpg);
	background-position:top left; background-repeat:no-repeat;
	background-color:#FFFFFF; color:#000000;
	width:216px; height:144px;
	margin:5px 3px 7px 0;
	float:left;
	padding:9px 20px 0 16px;
 	}
	
#jobs h2{
	height:40px;
	background:url(imagesprova/box-bg.gif) repeat-x 0 9px #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px; color:#5C6731; line-height:40px;
	}
	
#jobs h2 span{
	width:82px; display:block; background:#fff; 
	float:left; color:#5C6731; 
	padding:0 0 0 17px;
	}
	
#jobs h2 span.no{
	width:40px;
	height:40px;
	background:url(imagesprova/02.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
	}
	
#ideas{
 	border:#BFC897 solid 1px;
	background-image:url(imagesprova/jobs.jpg);
	background-position:top left; background-repeat:no-repeat;
	background-color:#FFFFFF; color:#000000;
	width:216px; height:144px;
	margin:5px 3px 7px 0;
	float:left;
	padding:9px 20px 0 16px;
 	}
	
#ideas h2{
	height:40px;
	background:url(imagesprova/box-bg.gif) repeat-x 0 9px #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px; color:#5C6731; line-height:40px;
	}
	
#ideas h2 span{
	width:82px; display:block; background:#fff; 
	float:left; color:#5C6731; 
	padding:0 0 0 17px;
	}
	
#ideas h2 span.no{
	width:40px;
	height:40px;
	background:url(imagesprova/03.jpg) no-repeat 0 0;
	font-size:0px;
	text-indent:-1000px;
	padding:0;
	}
	
ul.box{
	margin-bottom:15px; padding-left:60px;
	list-style:none;
	}
	
ul.box li{
	line-height:20px; 
	background-image:url(imagesprova/list_icon.jpg); background-repeat:no-repeat;
	background-position:0px 5px; background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:13px;
	color:#1F3400;
	padding-left:15px;
	}
	
ul.box li a{
	line-height:20px; 
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:13px;
	color:#1F3400; text-decoration:none;
	}
	
ul.box li a:hover{
	background-color:#EBF8D8; color:#1F3400;
	}
	
#blog p{
	background-color:#86C826; 
	clear:both;
	height:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px; color:#fff; font-weight:bold;
	text-align:right;
	}
	
#blog p a{
	text-align:left;
	display:block; 
	background-color:#477406; background-image:url(imagesprova/blog_arrow.gif);
	background-repeat:no-repeat; background-position:48px;
	padding:0 0 0 13px; line-height:11px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
	}
#blog p a:hover{
background-color:#D0EEA5; color:#477406; background-image:url(imagesprova/blog_arrow_h.gif);
	}
#jobs p{
	background-color:#4F91D5; 
	clear:both;
	height:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px; color:#fff; font-weight:bold;
	text-align:right;
	}	

#jobs p a{
	text-align:left;
	display:block; 
	background-color:#17487B; background-image:url(imagesprova/jobs_arrow.gif);
	background-repeat:no-repeat; background-position:48px;
	padding:0 0 0 13px; line-height:11px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
	}
#jobs p a:hover{
background-color:#CBE0F9; color:#17487B; background-image:url(imagesprova/blog_arrow_h.gif);
	}
#ideas p{
	background-color:#E3C55B; 
	clear:both;
	height:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px; color:#fff; font-weight:bold;
	text-align:right;
	}
	
#ideas p a{
	text-align:left;
	display:block; 
	background-color:#8F7004; background-image:url(imagesprova/ideas_arrow.gif);
	background-repeat:no-repeat; background-position:48px;
	padding:0 0 0 13px; line-height:11px;
	width:45px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
	}
#ideas p a:hover{
background-color:#F4E5B2; color:#8F7004; background-image:url(imagesprova/blog_arrow_h.gif);
	}
	
.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 dashed gray;
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: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}



.linkhome a:hover {
text-decoration:underline;
color:#ff6600;
background-color: #ff6600;
}


.linkhome a{
text-decoration:none;
}

ul {
	margin:0;
	padding:0;
}

li {
	list-style: none;
	margin:0;
	padding:0;
	margin-bottom:10px; /* DETERMINA INTERLINEA ELENCO */
}

.elenco li {
	background: transparent url(imgs/ormalista.gif) 0 4px no-repeat; /* 4PX E'LO SPOSTAMENTO VERTICALE */
	padding-left: 25px; /* 15PX E'LO SPOSTAMENTO ORIZZONTALE */
}

.rom li {
list-style-type: lower-roman;
}

.square li {
list-style-type: square;
}