/*-------STRUTTURA-------*/
body { 
	background-color: #FFF;
	margin:0px;
}
img,a img,:link img,:visited img { border:none }
/*centrare box per IE*/
.container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 476px;
	height: 250px;
	margin-left: -238px;
	margin-top: -125px;
}	
/*centrare box per firefox*/
*>div.container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 476px;
	height: 250px;
	margin: auto;
}
#containerg {
	position: relative;
	margin: 20px auto;
	width: 476px;
}
#main {
	width: 335px;
	height: 250px;
	border:1px solid #000;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
}
#invisibile {
	position: absolute;
	left: -9999px;
}
.testo {
	width: 335px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	padding: 10px;
}
.imgnews {
	width: 120px;
	height: 110px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	float:left;
}
.news {
	width: 185px;
	height: 240px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 5px 0 5px 0;
	padding: 0px;
	overflow: auto;
	float:right;
}
.dx a{
	text-decoration: none;
	color: #CCCCCC;
}
.dx a:hover{
	text-decoration: none;
	color: #999999;
	
}
.dx {
	text-align: right;
}
*>.dx {
	text-align: right;
	margin-right: 15px;
}
#main p {
	font: 8pt/10pt arial;
	margin-top: 0px;
	text-align: left;
	color: #000;
	}
#menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 120px;
	border:1px solid #000;
	text-align: left;
	margin:0px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}
#mprofile{
	position: absolute;
	top: 30px;
	left: 10px;
	width: 130px;
	height: 18px;
}
#mgallery{
	position: absolute;
	top: 50px;
	left: 10px;
	width: 130px;
	height: 18px;
}
#mcontact{
	position: absolute;
	top: 70px;
	left: 10px;
	width: 130px;
	height: 18px;
}
#mnews{
	position: absolute;
	top: 90px;
	left: 10px;
	width: 130px;
	height: 18px;
}
#mprofile a, #mgallery a, #mcontact a, #mnews a{
	text-decoration: none;
	color: #000;
}
#mprofile a:hover, #mgallery a:hover, #mcontact a:hover, #mnews a:hover{
	color: #3366FF;
	text-decoration: none;
}
#mprofile div.selected, #mgallery div.selected, #mcontact div.selected, #mnews div.selected{
	color: #3366FF;
	text-decoration: none;
}
#logo {
	position: absolute;
	top: 130px;
	left: 0px;
	width: 130px;
	height: 120px;
	border:1px solid #3366FF;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 476px;
	height: 250px;
	float:none;
}	
#elenco{
	position: absolute;
	top: 250px;
	left: 0px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 50px;
}

/*-------STILE-------*/
h1 {
	width: 160px;
	font: 40pt verdana;
	font-weight: bold;
	line-height: 40pt;
	margin: 0px 0px -55px -160px;
	text-align: left;
	color: #F2F2F2;
	clear: both !important;
	}
/*** IE Fix ***/
* html h1 {
	width: 160px;
	font: 40pt verdana;
	font-weight: bold;
	line-height: 40pt;
	margin: 0px 0px -55px -320px;
	text-align: left;
	color: #F2F2F2;
	display: inline;
	float:left;
	}
.box {
	width: 3500px;
	margin-bottom: 10px;
	padding: 0;
	clear: both;
}
div.box h2 {
	cursor:pointer;
	margin: 0;
}
div.box .trigger{
	width: 130px;
	float: left;
	padding: 0;	
}
div.box .slider{
	margin: 0;
	padding: 0;
}
div.box .tiene{
	height: 375px;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #F2F2F2;
}
div.box .tiene p{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 9pt;
	}
ul{
	list-style-type: none;
	margin: 0;
	padding-left: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 10pt;
	}
div.box .tiene em{
	font-weight: bold;
	color: #999999;
	}
div.box img{
	border:1px solid #F2F2F2;
}
div.box .cartiglio{
	width: 130px;
	height: 110px;
	left: 0px;
	float: left;
	text-align: left;
	margin-right: 10px;
	padding: 5px;
}
div.box .ico{
	cursor:pointer;
	margin-right: 10px;
	float: left;
}
div.box .icolast{
	cursor:pointer;
	margin-right: 10px;
	float: none;
}
div.box .descrizione{
	float: left;
	width: 270px;
	left: 0px;
	text-align: left;
	margin-right: 10px;
	padding: 5px;
}
div.box .vediimg{
	cursor:pointer;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
div.box h3{
	margin-top: 0px;
	font: 20pt arial;
	color: #3366FF;
	font-weight: bold;
	text-transform: uppercase;
}


/*-------ADMIN-------*/
#admin-content { 
	width:90%; 
	margin:1em auto; 
	text-align:left;
	position:relative; 
	background:#f0f0f0; 
	border:1px dotted #000; 
}

#admin-menu { 
	position:absolute; 
	top:150; 
	left:0; 
	width:170px; 
	padding:10px;
}
#admin-contenuto { 
	margin:0 0 0 170px; 
	border-left:1px dotted #000; 
	padding:10px; 
}

#logo-admin {
	position: absolute;
	margin-left: 0px;
	left: 10px !important;
	left: 10px; /* For Certain IE widths */
	width: 130px;
	height: 120px;
	top: 10px !important;
	top: 10px; /* For Certain IE widths */
}

#admin-content h2 {
	font: 12pt/19pt verdana;
	margin-top: 0px;
	text-align: left;
	color: #666;
	font-weight: bold;
}

#admin-content p {
	font: 9pt/16pt verdana;
	margin-top: 0px;
	text-align: left;
	color: #222;
}
	
#admin-content a:link {  
	color: #FF0000;
	text-decoration: none; 
}
#admin-content a:visited { 
	text-decoration: none; 
	color: #FF0000;
	}
#admin-content a:hover, a:active { 
	text-decoration: none; 
	color: #FF6666;
	}