html
{
	scrollbar-face-color : #333;
	scrollbar-highlight-color : #777;
	scrollbar-3dlight-color : #666;
	scrollbar-shadow-color : #111;
	scrollbar-darkshadow-color : #000;
	scrollbar-track-color : #777;
	scrollbar-arrow-color : #999;
	background-color: #333;
}

html,body
{
	height: 100%;
	text-align: center;
	padding:0px;
    margin:0px;
    background-color: #333; /*ex Grigio scurissimo*/
    font-family:Verdana; /*Arial,Tahoma*/
    font-size:13px;
}


#htmlBox
{
 	background-color:white;	
	scrollbar-face-color : #fff;
	scrollbar-highlight-color : #fff;
	scrollbar-3dlight-color : #999;
	scrollbar-shadow-color : #fff;
	scrollbar-darkshadow-color : #777;
	scrollbar-track-color : #999;
	scrollbar-arrow-color : #999;
}

#bodyBox
{
	background-color:white; 
	padding-left:20px;
	padding-right:20px;
	width:90%;
}

.contentBox
{
	text-align:left; 
}
.contentBoxPoesie
{
	text-align:left; 
	margin-left:50px;
   	font-family:Book Antiqua;
    font-size:17px;
}
.contentBoxPoesie em 
{
    font-size:14px;
    margin-left:190px;
}

#divBox
{
	text-align:left; 
	height:400px; 
	padding-left:20px; 
	padding-right:20px; 
	overflow: auto;
}
#divBoxScroll
{
 	background-color:white;	
	scrollbar-face-color : #fff;
	scrollbar-highlight-color : #fff;
	scrollbar-3dlight-color : #999;
	scrollbar-shadow-color : #fff;
	scrollbar-darkshadow-color : #777;
	scrollbar-track-color : #999;
	scrollbar-arrow-color : #999;

	text-align:left; 
	height:400px; 
	padding-left:20px; 
	padding-right:20px; 
	overflow: auto;
}

a{outline: none;}
a:link {text-decoration:none;color:black;}
a:visited {text-decoration:none;color:black;}
a:active {text-decoration:none;color:black;}
a:hover {text-decoration:none;color:black;}

#page_left a:link {text-decoration:none;color:inherit;}
#page_left a:visited {text-decoration:none;color:inherit;}
#page_left a:active {text-decoration:none;color:inherit;}
#page_left a:hover {text-decoration:none;color:inherit;}


H1 {font-size:19px; font-weight:bold; font-family:verdana;
	/*margin-left:190px;*/ 
	text-align:left; 
	background-image:url("../images/titolo.gif"); 
	background-repeat:no-repeat; 
	height:35px; 
	padding-top:15px; 
	padding-left:50px; margin:0;}
H2 {font-size:17px; font-weight:bold; margin:0;}
H3 {font-size:15px; font-weight:bold; margin:0;}
H4 {font-size:13px; font-weight:bold; margin:0;}



#page_container
{
	z-index:1;
	position:relative;
	width:780px;
	height:100%;
	margin:auto;
}
#page_intro_up
{
	z-index:1;
	position:relative;
	width:100%;
	height:100%;
	text-align:right;
	background-color: #E3DECB; /*Grigio cielo*/
}

#page_intro_up a{
	padding-right:50px;
	font-size:15px;
	font-weight:bold;
}

#page_intro_down
{
	z-index:1;
	position:relative;
	width:100%;
}


#page_header 
{
	z-index:1; 
	position:relative; 
	width:100%;
	margin:auto;
	background-color: white; 
}
#page_center_content
{
	z-index:1;
	position:relative;
	width:100%;
	height:440px;
	background-color:white;
}
#page_center_home 
{
	z-index:1;
	position:absolute;
	height:100%;
	width:680px; 
	top:0px; 
	left:100px;
	
	/*background-color: green; /* #FEFEED; /*#F0F2E4; Bianco Neve*/
}
#page_left_home
{
	z-index:10;
	position:absolute;
	height:440px;	
	width:100px;
	top:0px; 
	left:0px;
	/*background-color:yellow;*/
}
#page_topmenu
{
	z-index:10;
	position:absolute;
	height:40px;
	width:680px; 
	top:0px; 
	left:100px;

}
#page_center 
{
	z-index:1;
	position:absolute;
	/* height:430px; */
	/*height: 100%;*/
	width:679px;
	margin-right:solid 1px white; 
	top:40px; 
	left:100px;
	/*background-color: white; /* #FEFEED; /*#F0F2E4; Bianco Neve*/
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=yellow,endColorStr=red);*/
}
#page_left
{
	z-index:10;
	position:absolute;
	/*height:430px;*/
	height:100%;
	width:93px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	top:0px; 
	left:0px;
	padding:3px;
	color:white;
	text-align:center;
	font-size:12px;
	/*background-image:url("../images/appunti.jpg"); */
	background-repeat:no-repeat; 
}
.page_left_appunti{background-image:url("../images/mvAppunti.jpg"); background-color:black; }
.page_left_wmb{background-image:url("../images/mvWmb.jpg"); }
.page_left_hrd{background-image:url("../images/mvHrd.jpg"); }
.page_left_mauro{background-image:url("../images/mvMauro.jpg"); }
.page_left_links{background-image:url("../images/mvLinks.jpg"); }


#page_footer
{
	z-index:1;
	clear:both;
	width:100%; 
	height:30px;
	margin:0; 
	background-color: #333; 
	color: black; 
	/*padding:5px 0px 5px 0px;*/
	/*background-image: url("../images/footer.jpg");*/
}

#page_today
{
	z-index:1;
	position:absolute; 
	top:1px;
	left:140px;
	height:10px;
	width: 0px; /*to 190px*/
	font-size:9pt;
	padding:5px;
}

#page_news
{
	z-index:1;
	position:absolute; 
	top:1px; 
	right:40px;
	height:320px; 
	width: 0px; /*to 200px*/
	padding:5px;
}

#foto_home_desc
{
	z-index:1;
	position:absolute; 
	bottom:109px;
	left:140px;
	height:0px; /*to 30px*/
	width: 190px; /*to 190px*/
	font-size:7pt;
	padding: 5px;
}


.page_back
{
	z-index:1;
	position:absolute; 
	top:0px; 
	right:0px;
	height:100%; 
	width:100%;
	padding:5px;
	background-color:white;
	filter:alpha(opacity=50); /* IE */
	opacity: 0.5; /* Altri */
}
.page_front
{
	z-index:1;
	position:absolute; 
	top:0px; 
	right:0px;
	height:100%; 
	width:100%;
	padding:5px;
	overflow:hidden;
}





  
#font_intro 
{
	font-family:Ringbearer;
	font-size:40px;
	font-style:italic;
	color:Black;
}


img 
{
	border:0px;
}


.foto 
{
	background-color: white; 
	height:64px; 
	width:128px;
	padding: 5px;
	border:solid 1px #999;
	margin:2px;
	
}


.divlinks{
	margin-top:15px;
}
.divlinks img{
	margin:2px;
}







/* FX STYLES */

#idList {
	margin: 0;
	padding: 0;
}
 
#idList li {
	display: block;
	margin: 0;
	padding-top:4px;
	padding-bottom:4px;
	width: 80px;
	/*background-color: black; */
	color: #888;
	font-size: 13px;
	cursor:hand;
	
}

#page_left ul {
	LIST-STYLE-TYPE:none;
	margin-left:5px; /*firefox*/
	
}



/* AJAX */

#log {
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	padding: 0.3em;
	margin-top: 10px;
}


/* FX.ELEMENTS -> KWICKS */

#kwicks_container { 
	/*background-color: transparent;*/
	height:500px;
	/*width:50px;*/

}
#kwicks {
	position: relative;
	z-index:10;
	padding:0;
	margin:0;

}
#kwicks .kwick {
	float: left;
	display: block;
	width: 80px;
	height: 70px;
	font-size:16px;
	font-weight:bold;
 	text-align:right;
 	padding:8px 5px 2px 5px;
 	
 	padding-left:3px;
 	background-position:bottom left;
	border: 1px solid white;
	overflow:hidden;
}
/*
#kwicks .kwick .title{
	background-color:gray;
	filter:alpha(opacity=50);
	background: rgba(0,0,0,0.1);
	padding:0 2px 0 2px;
}*/
#kwicks .kwick .desc{
	position:relative;
	width:100%;
	height:10px;
	font-size:13px;
	font-weight:normal;
	padding:4px;
	}

#kwicks .kwick .descBack{
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	background-color:gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}
#kwicks .kwick .descFront{
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
}

/*
#kwick_guest.desc{
	background: rgba(0,0,0,0.6);
}
*/

#kwicks_container2 { 
	/*background-color: violet;*/
	/*height: 40px;*/
	float:right;
}
#kwicks2 {
	position: relative;
	z-index:10;
}
#kwicks2 .kwick {
	position:relative;
	float: left;
	display: block;
	width: 100px;
	height: 32px;
	border: 1px solid white;
	font-size:13px;
	font-weight:bold;
 	text-align:right;
 	padding:3px;
 	background-position:bottom center;
	border:1px solid white;
}
.kwick div{
	position:absolute;
	bottom:3px;
	right:3px;
}



#kwick_appunti {background-image: url("../images/mMonti.jpg"); color:white;}
#kwick_mauro {background-image: url("../images/mFuoco3.jpg"); color:white;}
#kwick_hrd {background-image: url("../images/mFoglieV.jpg"); color:white;}
#kwick_guest {background-image: url("../images/mMattoni.jpg"); color:white;}
#kwick_links {background-image: url("../images/mFoglieR.jpg"); color:white;}

#kwick_filosofia {background-image: url("../images/mFoglieV.jpg"); color:white;}
/*
.kwick {
background-position: top left;
background-repeat: no-repeat;
}*/