/* CSS Document */
body{
background:#000000;
margin:0px;
}

#maincontainer{
background:url(../layout/sfumatura.jpg) top center no-repeat;
width:1000px;
margin:auto;
font-family:Arial;
font-size:12px;
color:#000;
}

#bigtext {
font-family:Arial;
font-size:20px;
font:bolder;
color:#000;
}

#logo{
width:1000px;
height:186px;
}

#logo img{
border:0px;
}

#intro{
background: url(../layout/SfondoBiancoTrasp.png);
width:818px !important; /*ovvero 400px - 2px di bordo(destro e sinistro) - 10px di padding. L'important fa in modo che IE non legga qst riga e che passi a qll successiva =P */
width:840px;
padding:10px;
margin-top:8px;
border: 1px #FFFFFF solid;
text-align:justify;
}

#colonnesfondo{
width: 840px;
margin-top:8px;
background:url(../layout/SfondoColonneCompleto.jpg) top no-repeat;
}

#colonnagrandesfondo{
width: 840px;
margin-top:8px;
background:url(../layout/SfondoColonnaUnica.jpg) top no-repeat;
}

#colonnasx, #colonnadx{
background: url(../layout/SfondoBiancoTrasp.png);
width:378px !important; /*ovvero 400px - 2px di bordo(destro e sinistro) - 10px di padding. L'important fa in modo che IE non legga qst riga e che passi a qll successiva =P */
width:380px;
padding:10px;
border-left: 1px #FFFFFF solid;
border-right: 1px #FFFFFF solid;
border-top: 1px #FFFFFF solid;
text-align:justify;
}

#colonnasx ul, #colonnadx ul{
margin-top:0;
margin-bottom:0; 
margin-left:20px
}

#colonnasx{
float:left;	
clear:both;
}

#colonnadx{
float:right;
}

#colonnasx a:link, #colonnadx a:link, #colonnaGrande a:link, #intro a:link {
color:#000000;
text-decoration:underline;
}
#colonnasx a:hover, #colonnadx a:hover, #colonnaGrande a:hover, #intro a:hover {
color:#000000;
background: #00FF00;
text-decoration:none;
}
#colonnasx a:visited, #colonnadx a:visited, #colonnaGrande a:visited, #intro a:visited {
color:#000099;
text-decoration:underline;
}
#colonnasx a:visited:hover, #colonnadx a:visited:hover, #colonnaGrande a:visited:hover, #intro a:visited:hover {
color:#000099;
text-decoration:none;
}

#colonnasx a img, #colonnadx a img, #colonnaGrande a img  {
padding-bottom:5px;
}

a.otherLink:link {text-decoration: none;}
a.otherLink:hover {text-decoration: none; background: transparent;}
a.otherLink:visited {text-decoration: none; background: transparent;}
a.otherLink:visited:hover {text-decoration: none; background: transparent;}

#colonna_singola {
width:380px;
padding:10px;
text-align:justify;
}
#colonna_singola ul{
margin-top:0;
margin-bottom:0; 
margin-left:20px
}

.margineimg{
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
}

.margineimg a:hover {
background: #00FF00;
text-decoration:none;
}

img {
border:0;
}

#basecolonne{
background: url(../layout/SfondoBaseColonne.png) top center no-repeat;
width:840px;
height:64px !important;
min-height:64px;
clear:both;
}

#colonnaGrande, #colonnaForum{
background: url(../layout/SfondoBiancoTrasp.png);
border-left: 1px #FFFFFF solid;
border-right: 1px #FFFFFF solid;
border-top: 1px #FFFFFF solid;
text-align:justify;
}

#colonnaGrande ul{
margin-top:0;
margin-bottom:0; 
margin-left:20px
}

#colonnaGrande{
width:798px !important;
width:840px;
padding:20px;
}

#colonnaGrande{
width:798px !important;
width:840px;
padding:20px;
}

#colonnaForum{
width:818px !important;
width:840px;
padding: 10px;
font-size:10px;
}

#colonnaGrande h1{
font: Geneva, Arial, Helvetica, sans-serif 18px bold;
}

#basecolonnaGrande{
background: url(../layout/SfondoBaseColonnaGrande.png) top center no-repeat;
width:840px;
height:64px;
}

#copyright{
text-align:center;
color:#FFFFFF;
font-size:11px;
padding-bottom:10px;
padding-top:10px;
}

#boxpreviewfoto{
margin-left:181px;
margin-right:181px;
}

/* CSS per il menu a tendina */

	/* main */
	#menu {
	width: 840px;
	height:20px;
	background: url(../layout/menu/sfondoMenu.jpg) repeat-x;
	border: 1px #FFFFFF solid;
	clear:both;
	}
	
	#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 115px;
	float:left;
	}
	
	#menu a, #menu h2 {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 1px 3px;
	}
	
	#menu h2 {
	color: #fff;
	background: url(../layout/menu/sfondoMenu.jpg) repeat-x;
	text-transform: uppercase;
	text-align:center;
	cursor:pointer;
	}
	
	#menu a {
	color: #FFF;
	background: #0c13b4;
	text-decoration: none;
	text-align:left;
	padding: 0px 3px;
	height:21px;
	line-height:21px;
	}
	
	#menu a:hover {
	color: #FFF;
	background: url(../layout/menu/TendinaFondo2.jpg) no-repeat #4ed461;
	}

	/*Positioning the Popout Menus and Dropdown Menus*/
	#menu li {
	position: relative;
	min-width:150px;
	}
	
	#menu ul ul {
	position: absolute;
	z-index: 500;
	min-width:150px;
	border: 1px #FFF solid;
	}
	
	#menu ul ul ul {
	top: 0;
	left: 100%;
	min-width:150px;
	border: 1px #FFF solid;
	}

	/*Hiding and Revealing using :hover*/
	div#menu ul ul,
	div#menu ul li:hover ul ul, div#menu ul li.sfhover ul ul,
	div#menu ul ul li:hover ul ul, div#menu ul ul li.sfhover ul ul
	{display: none;}
	
	div#menu ul li:hover ul, div#menu ul li.sfhover ul,
	div#menu ul ul li:hover ul, div#menu ul ul li.sfhover ul,
	div#menu ul ul ul li:hover ul, div#menu ul ul ul li.sfhover ul
	{display: block;}
/*Fine menu*/