/* CSS Document */


html,body{margin: 0;padding:0}
body{ font-family:Verdana, Arial, sans serif; font-size: 76%; color:#FFFFFF; background-color:#222;}


/*stili per il layout*/

div#container{ position:relative; margin:auto; width:100%; margin-top:10px; border:0; padding:0;
    background-color: #222222; color: #ccc;}	
div#sopraheader{height:14px; background-color:#3d3d3d; color:#ccc; margin-top:5px; margin-bottom:0px; border-top:1px solid #ccc}
div#header{background-color:#fff; border:0; height:160px; text-align:center; color:#ccc}
div#navigation{ margin-left:0; margin-right:0; padding:5px; height:24px; background-color:#3d3d3d; font-size:12px; border-bottom:1px solid #ccc;}

div#content1{ /*background-color:#3d3d3d; margin-right:300px; margin-top:25px; padding:10px; border-right:1px solid #CCCCCC; color:#FFFFFF; min-height:600px;*/  margin-right:390px; margin-top:20px; background-color:#222; padding:20px; border-right:1px solid #CCCCCC; color:#ccc; min-height:600px;}

div#content2{float:right; right:5px; margin:0px; margin-top:20px;
   width: 350px;\width:350px;w\idth:340px;;
	padding: 20px; text-align:left; background-color:#222; color:#ccc}
	
div#galleria{float:right; right:5px; margin:0px; margin-top:20px;
   width: 350px;\width:350px;w\idth:340px;;
	padding: 20px; text-align:left; background-color:#222; color:#fff}
	
	
/*div#contentfoto{position: absolute; top: 172px; right:0; margin:0;
    width: 294px;\width:294px;w\idth:284px;
	padding: 3em 0 0 10px; text-align:center; background-color:#3d3d3d;}
	*/
div#footer{ height:25px; background-color:#222; text-align:right; padding: 10px 30px 0; margin:0; clear:both; z-index:1}
div#nascosto{ height:300px; background-color:#222222; margin-top:10px}

/* stili per i contenuti*/

div#sopraheader{ text-align:right; font-size:10px; color:#fff; padding-bottom:0px; padding-right:40px; padding-top:2px; padding-bottom:2px}
div#headerimg1{float:left; margin:0px; z-index:1}
div#headerimg2{float:right; margin:0px; z-index:1}
div#header h1{padding-top:15px;}


div.textimage{border: 1px solid #666; width: 100%; padding:5px; margin-top:15px;} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float:right;margin: 10px; width:150px; border:3px solid #CCCCCC}
div.textimage h2{margin-top: 50px; margin-bottom:50px; /*padding-left:300px*/}
div.textimage span{font-size:9px; font-style:italic; text-align:right;}

div.textimage2{border: 1px solid #666; width: 100%; padding:5px; margin-top:15px;} /*risolve il peek-a-boo bug di IE6*/
div.textimage2 img{float:right;margin: 10px; width:150px;/* border: groove #CCCCCC*/}
div.textimage2 h2{margin-top: 50px; margin-bottom:50px; /*padding-left:300px*/}
div.textimage2 span{font-size:9px; font-style:italic; text-align:right;}

div.textimage3{float:right; margin-right:65px; border: 1px solid #666; width:80%; padding:5px; margin-top:15px;  } 
div.textimage3 img{float:right;margin: 10px; width:150px;/* border: groove #CCCCCC*/}
div.textimage3 h2{margin-top: 50px; margin-bottom:50px; /*padding-left:300px*/}
div.textimage3 span{font-size:9px; font-style:italic; text-align:right;}

div.split2 div{float: left; width: 200px; padding:0px; margin:20px;}

h1,h2,h3,p{margin: 0}
p{padding-bottom: 10px}
h3{padding-top: 10px}
h1{padding-left:10px;font: bold 3.3em/80px Garamond, "Times New Roman", Times, serif}
h2{font-size: 1.5em}
h3{font-size: 1.2em}
div#footer span{font-size:10px;}
div#content1 p { color:#ccc; padding-right:5px; text-align:left;}
div#content2 p { color:#ccc; padding-right:5px; text-align:left;}


/*div# contentfoto td {margin-bottom:5px;}*/
div.galleria{font-size:10px; color:#FFFFFF}
div.galleria ul li{list-style:none}
div.galleria a {text-decoration:none; color:#ccc;}
div.galleria a:hover{text-decoration:underline; color:#FFFFFF;}

/*=============per la navigazione=========
per il munù a tendina vedi suckerpanetti===========
*/	

/*div#navigation ul{ margin:0; padding-left: 20px; list-style-type:none; text-align:left;border-bottom:1px solid #ccc; padding-bottom:11px;}
div#navigation li{  display:inline; margin-bottom:0px; margin-right:15px; width: 100px; background-color:#3d3d3d;  }
div#navigation ul a{ color:#ccc; text-decoration: none;}
div#navigation ul a:hover{background-color: #3d3d3d; color:#fff; border-bottom: 4px solid #ccc; padding-bottom:11px;}
div#navigation ul a#activelink{color: #fff;text-decoration: none;
border-bottom: 4px solid #ccc; padding-bottom:11px;} */


div#footer span a { color:#999; text-decoration: none;}
div#footer span a:hover{color: #fff; font-weight:bold;}

td.miniature{ padding:0; text-align:center; margin-bottom:5px;}

td.miniature a{text-decoration:none;}
td.miniature a:hover{text-decoration:none;}

div#content2  a {color:#ccc; text-decoration: none;}
div#content2  a:hover{color: #fff; text-decoration: none;}
div# contentfoto td img  { text-decoration:none; border:0}



div#sopraheader a{text-decoration:none; color:#FFFFFF;}
div#sopraheader a:hover{text-decoration:underline; color:#FFFFFF}