dhtml, body {
   height:100%; 
   float:left; 
	text-align:left; 
	margin-left: 10px;
	font-family: "Lucida", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	color:#fff;
	line-height: 18px;
	background: url(../img/bg_ornate1.gif) repeat-x fixed center bottom;
	background-color: #000000;
	margin: 0;
	padding: 0;
} 

	
/* stili comuni a tutto il sito */

div#container{
	color: #000000;
	margin: 0px auto;
	min-height: 630px;
	position: relative;
	text-align: left;
	width: 950px;
	margin-left: 10px;
}

a {
	text-decoration: none;
	color: #BFD72F;
}

a:hover {
	text-decoration: none;
	color: #fff;
}

div#header {
	min-height: 105px;
	height: auto !important;
	height: 105px;
	border:0px solid #000;
	border-bottom:0px solid #ccc;
	text-align:left;
	position:relative;
	top: 7px;
   padding: 0px;
	margin: 0px;
}

div#content {
	width:743px;
	\width: 743px;
	w\idth: 753px; 
	/* serve per gli altri browser*/
	min-height: 645px; /* con banner attivi 710px */
	height: auto !important;
	height: 645px;
	border:1px solid #212121;
	text-align:justify;
	letter-spacing:normal;
	margin-top: -5px;
	color: #A6A6A6;
	background: Black;
	padding: 0px 0px 0px 0px;
	float: left;
}

.web_h {
	background-image: url(../img/web_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
   width: 236px;
	height: 62px;
	float: left;
	margin-top:13px;
	text-indent: 9999px;
}

div#content div#contentab img , div#content div#contentab1 img {
   text-decoration:none;
   border: 3px solid #212121;
	margin-right: 15px;
	border-bottom: 7px solid #212121;
}

div#content div#contentab a img , div#content div#contentab1 a img {
   text-decoration:none;
   border: 3px solid #212121;
	margin-right: 8px;
	border-bottom: 7px solid #212121;
}

div#content div#contentab a:hover img, div#content div#contentab1 a:hover img {
   text-decoration:none;
   border: 3px solid #BFD72F;
	border-bottom: 7px solid #BFD72F;
}

/* stili per i link di contenttab, contenttab1  */

div#content div#contentab a, div#content div#contentab1 a{
	text-decoration: none;
	color: #BFD72F;
	font-weight: normal;	
	/*border-bottom: 1px dotted #BFD72F;*/
}

div#content div#contentab ul li a, div#content div#contentab1 ul li a,
div#content div#contentab ul li a:hover, div#content div#contentab1 ul li a:hover{
	border-bottom: none;
}

div#content div#contentab a:hover, div#content div#contentab1 a:hover{
	color: #fff;
	/*border-bottom: 1px dotted #fff;*/
}

div#content div#contentab div#col, div#content div#contentab1 div#col{
	 width: 350px;
	 \width: 350px;
	 w\idth: 360px;
	 float: left;
}

div#contentab1 ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#contentab1 ul li{
	float: left;
	padding: 0px;
	border: 3px solid #000;
	list-style: none;
	display: inline;
	text-decoration: none;
	width: 350px;	
}

div#contentab1 ul li img{
	border: 3px solid #212121;
	list-style: none;
}

div#contentab1 ul li a img{
	border: 3px solid #212121;
	list-style: none;
}

div#contentab1 ul li a:hover img{
	border: 3px solid #BFD72F;
	list-style: none;
}

div#content div#contentab img{
	padding: 0px;
	margin: 3px 5px 3px 5px;
	border: 3px solid #212121;
}

div#flash{
	padding: 0px;
	margin: 3px 5px 3px 5px;
}

div#menu {
	display: block;
	float:left;
	margin-top:-5px;
	margin-left: 6px;
	width:180px;
	padding:2px;
	padding-bottom:0px;		
	text-align:left;
	background-color: Black;
	border:1px solid #212121;
	min-height: 644px;
	height: auto !important;
	height: 645px;
}

div#menu ul {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background:#000000;
}

div#menu ul li {
	display: block;
	color:#131313;
	font-weight: bold;
	width:180px;	
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}

div#menu ul li a {
    display: block;
	color:#BFD72F;
	padding: 4px 0px 2px 10px;	
	background:#000 ;
	font-weight: bold;
	font-size:11px;
	letter-spacing: 3px;
	text-decoration: none;
	border-bottom: 1px solid #111;	
	border-left: 1px solid #BFD72F;	
	margin-bottom: 1px;
	margin-left: 1px;
}

div#menu ul li a:hover {
	color:#000;
	background-color: #BFD72F;
}

div#menu ul li a.present {
    display: block;
	background-color: #BFD72F ;
    border-left: 1px solid #BFD72F;
	color:#000;
	font-size:11px;
	font-weight: bold;
}

div#menu ul li a.present:hover, div#menu ul li a.portfolio:hover {
	color:#c2dd60;
	background-color: #212121;
	
}

div#menu ul li a.portfolio{
   display: block;
	background-color: #131313 ;
   border-left: none;
	padding-left: 30px;
	color:#fff;	
/*	border-bottom: 1px solid #212121;*/
}

div#menu ul li img a{
	border: none;
	padding: 0px;
	margin: 0px;
}

div#menu ul li img a:hover{
	border: none;
	padding: 0px;
	margin: 0px;
	background-color: #c2dd60;
}

/* stili per menu js prova */

div#menu_bg_off{
 	width: 180px;
 	font-weight: normal;
 	background: #eee4ce;
}



div#menu_subheading{
 width: 180px;
 font-weight: normal;
 background: #ae3a33;
}

div#menu_subheading{
 text-decoration:none;
}

/* fine stili per menu js*/

div#back {
   top: 200px;
   margin-left: 470px !important;
	/**/ margin-left: 460px;
   position: absolute;
   height: auto !important;
   min-height: 600px;
   height: 600px;
   width: 804px;
   float: left;
}

/*

div#backflash {
   top: 0px;
   margin-left: 946px;
   position: absolute;
   height: auto !important;
   min-height: 600px;
   height: 600px;
   width: 296px;
   float: left;
}*/

div#footer {
   position: relative;
	width: 742px; 
	\width: 742px; 
	w\idth: 753px; 
	min-height: 30px;
	height: auto !important;
	height: 30px;	
	text-align:left;
	color:#666;
	margin-top:2px;
	float: left;
	border:1px solid #212121;
	background-color: Black;
	font-weight:bold;	
}

div#menubottom {
   text-decoration:none;
	padding:2px;
	margin-left: 5px;
	font-size:82%;
	text-align: right;
	color:#666;
	float: left;
}

div#menubottom a{
	color:#BFD72F;
	margin-right: 6px;
}

div#menubottom a:hover{
	color:#fff;
}

div#menubottom-sub {
	padding:2px;
	margin-top:-2px;
	font-size:82%;
	color:#666;
	float: right;
}

div#menubottom-sub a{
	color:#BFD72F;
	margin-right:6px;
}

div#menubottom-sub a:hover{
	color:#fff;
}

.clear { 
	clear:both; 
	line-height:0; 
}

/* stili della home */

div#center a img{
   margin-top: 320px;
   padding: 0px;
	margin-left:9px;
	margin-bottom:5px;
	text-indent: -9999px;
	height:19px;
	border: 3px solid #212121;
	float: left;
}

div#center a:hover img{
   border: 3px solid #BFD72F;	
}

div#colcontainer{
 	margin-top: 350px;
 	left: 5px;
 	position: absolute;
 	height: auto !important;
}

div#banner {
 	margin-top: 640px ;
 	margin-left: 10px;
 	position: absolute;
 	height: 57px;
	width: 735px;
	background: #0a0a0a ;
}

div#banner .banneruno {
	float: left;
}

div#banner .bannerdue {
	margin-left: 15px;
	float: left;
}

div#banner .bannertre {
	margin-left: 15px;
	float: left;
}

div#onecol, div#twocol, div#treecol{
   \width: 230px;
   w\idth: 210px; 
	width:235px;
	background: #0a0a0a ;
	color:#999;
	float:left;
	position: relative;
	min-height: 265px;
	height: 280px;

}

div#twocol, div#treecol{
	line-height: normal;
}

div#onecol a img, div#twocol a img, div#treecol a img{
	border-bottom: 3px solid #212121;
}

div#onecol a:hover img, div#twocol a:hover img, div#treecol a:hover img{
	border-bottom: 3px solid #BFD72F;
}

.collink {
   background-color: #BFD72F;
	color: #131313;
	font-size: 180%;
	font-weight: bold;
	text-align: right;
	padding: 10px 10px 5px 10px;
	display: block;
	margin-right: 30px;
	margin-top: 10px;
}

div#onecol{
	left: 5px;
}

div#twocol{
	left: 20px;
}

div#treecol {
	left: 35px;
}

div#work {
	position: absolute;
	padding: 0px;
	margin-left: 9px !important;
	/**/margin-left: 6px;
	margin-top: 12px;
	width: 354px;
	display: block;
}

div#work a img{
   display: block;
	border: 3px solid #212121;
}

div#work a:hover img{
	border: 3px solid #BFD72F;
}

div#work a:hover img.picturebox {
   border: none;
	margin-top: 31px;
	border: 0px;
}

div#work a img.picturebox {
   border: none;
	position: absolute;
	left: 16px !important;
	/**/left: 19px;
	margin-top: 31px;
	border: 0px;
}

div#work .hi-light{
	font-size:15px; 
	color:#BFD72F; 
	margin-left:10px;
	margin-bottom:10px;
	float: left;
}

div#box, div#box1, div#box2{
	margin-left: 368px;
	position: absolute;
	min-height: 98px;
	height: 98px;
	width: 370px;
	\width: 360px;
	w\idth: 370px; 
}

div#box{
   top: 110px;
}

div#box1{
	top: 214px; 
}

div#box2{
	top: 319px;
}

div#box a img, div#box1 a img, div#box2 a img{
	padding: 0px;
	margin: 3px 5px 3px 5px;
	border: 3px solid #212121;
}

div#content div#box a:hover img, div#content div#box1 a:hover img, div#content div#box2 a:hover img{
	padding: 0px;
	margin: 3px 5px 3px 5px;
	border: 3px solid #BFD72F;
}


div#box1new, div#box2new {

	margin-left: 449px;

	position: absolute;

	min-height: 98px;

	height: 158px;

	width: 295px;

	\width: 285px;

	w\idth: 295px; 
	background-color: #666666;

}

div#box1new a img , div#box2new a img {
border-bottom: 3px solid #212121 ;

}

div#box1new a:hover img , div#box2new a:hover img {
border-bottom: 3px solid #BFD72F ;

}

div#box1new{
   top: 113px;
}

div#box2new{
   top: 285px;
}

div#content div#contentab img{
	padding: 0px;
	margin: 3px 5px 3px 5px;
	border: 3px solid #212121;
}

div#content div#contentab1 a.button {
	text-decoration:none;
   color:#999; 
	height:1%;
	font-weight:normal;
	border-bottom:3px solid #7c9130;
	padding:2px 0;
}

div#content div#contentab1 a.button:hover{ 
	text-decoration:none;
	color: #FFF;
	border-bottom:3px solid #BFD72F;
   font-weight:normal;
}

 a.button {
	text-decoration:none;
   color:#999; 
	height:1%;
	font-weight:normal;
	border-bottom:3px solid #7c9130;
	padding:2px 0;
}

a.button:hover{ 
	text-decoration:none;
	color: #FFF;
	border-bottom:3px solid #BFD72F;
   font-weight:normal;
}

.highlight{
	color:#f2f2f2;
}

.dropcaps{
	text-align: left;
   font-size:150%;
/*	font-family: Times, Garamond, serif;*/
   font-weight:bold;
}

.data{
	margin-left: 10px;
	float: left;
	margin-top: -12px;
}

.green{
 
	color:#131313;
	padding: 2px 2px 0px 3px;	
	margin-right: 3px;
	background: #BFD72F;
}

.greenskills{
 
	color:#131313;
	padding: 2px 2px 0px 3px;	
	margin-right: 3px;
	background: #BFD72F;
	width: 150px; 
	float: left; 
	display:block;
	font-weight: bold;
}

.skills {

	padding: 2px 2px 0px 3px;
	width: 545px; 
	float: left; 
	display:block;
	font-weight: bold;
	margin-bottom: 15px;
}
p.about{
	margin-bottom: -3px !important; 
	/**/margin-bottom: -10px;
	
}

/* stili per le sezioni */

/* stili per la sezione about*/

div#menutop-sub {
	position:relative;
	top:15px;
	left: 15px;
	width: 740px;
	\width: 740px;
	w\idth: 753px; 	
	font-size:120%;
	text-align:left;
	font-weight: bold;
   list-style: none;
	float: left;
	padding: 0px;
}

div#menutop-sub a{
	background-color: #BFD72F;
	padding: 2px 5px 2px 5px;	
	border-bottom:3px solid #BFD72F;
	font-weight: bold;
	width: 165px;
	\width: 165px;
	w\idth: 175px; 
	text-decoration: none;
	float: left;
	margin-left: 5px;
	text-align: right;
   color: #000;
}

div#menutop-sub a:hover{
   color:#fff;
	background-color: #c2dd60
}

div#menutop-sub a.present {
   display: block;
	background-color: #131313 ;
   border-bottom:3px solid #BFD72F;
	color:#fff;
}

div#contest {
	margin-top: 15px;
	margin-left: 10px;
	font-size:90%;
	text-align:left;
   list-style: none;
	float: left;
	padding: 0px;
	color: #fff;
	display: block; 
}

div#contest a{
	color: #333333;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	float: left;
	text-align: right;
}

div#contest a:hover{
   color:#fff;
}

div#contest a.present {
   border-bottom:3px solid #BFD72F;
	color:#fff;
}

div#contentab, div#contentab1{
   position: relative;
   padding: 10px 10px 0px 15px;
	text-align:justify;
	letter-spacing:normal;
	font-weight: normal;
	float: left;
	margin-bottom: 3px;
}

/*STILI PER IL TESTO*/

/* una volta sostituiti tutti gli h3 con p eliminare h3!!! */
p{
	padding: 0px 10px 0px 10px;
	text-align:justify;
	font-weight: normal;
}

p.web{
	padding: 0px 10px 20px 10px;
	text-align:justify;
	font-weight: normal;
}



/* TITOLO grande VERDE */
h1{
	color: #BFD72F;
	font-size: 200%;
	padding: 5px 0px 5px 5px;
	font-style: normal;
}

h2{
	color: #BFD72F;
	font-size: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* TESTO BIANCO PICCOLO*/
h3{
	padding: 0px 10px 0px 10px;
	text-align:justify;
	letter-spacing:normal;
	font-size:100%;
	font-weight: normal  ;
	
}

/* TITOLO BIANCO */
h4{
	color: #fff;
	font-size: 150%;
	padding: 7px 0px 5px 10px;
	border-bottom:1px solid #111;
	border-top:5px solid #111;
	letter-spacing: 2px;
	margin-top: 30px;
	
}


.grey{
   color:#d2d2d2;
	padding: 2px 2px 2px 0px;	
	margin-right: 3px;
/*	background: #292929;*/
	line-height: 22px;
	word-spacing: 3px;
	
}

.grey a{ 
	color:#ffffff !important;
	text-decoration: none !important; 
	border-bottom:none !important; 
	font-weight: bold !important;
}

.grey a:hover{ 
	color:#BFD72F !important;
	text-decoration: none !important; 
	border-bottom:none !important; 
	font-weight: lighter ;
}

.attivita{
	color: #3c3c3c;
}

/* altro */

td {
	/*font-size:100%;*/
	border:0px solid #ccc
}

table {
	font-size:100%;
}

.right{
	float: right;
}

#clear {
	clear: both;
	font-size: 1px;
	line-height: 3px;
}

#clear p{
   background: url(../img/icons/picturev.gif) 0 3px  no-repeat;
	width: 260px;
	height: 16px;
	font-size: 11px;
	padding-top: 4px !important;
	/**/padding-top: 3px;
	padding-left: 27px;
	margin-left: 3px;
	line-height: 20px;
	color: #333333;
	display: inline;
}

p.magnifier{
   background: url(../img/icons/picturev.gif) bottom left no-repeat;
	width: 260px;
	height: 16px;
	font-size: 11px;
	padding-left: 25px;
	margin-left: 3px;
	line-height: 20px;
	color: #333333;
	margin-left: 400px;
}

#testo { 
	margin-left:0px; 
	display:none;
}

/* restyling home */


.homebox {
	float: left;
	border-bottom: 1px solid #3b3b3b;
	/*display: block;*/
	margin-top: 10px;
	margin-left: 5px;
	width: 225px;
}

.homeboxint {
	float: left;
	display: block;
	width: 145px;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	height: 48px;
}

.homeboximg a {
	float: left;
	width: 62px;
	height: 42px;
	margin: 0;
	padding: 0;
	margin-right: 5px;

}

.homebox .boxtitle a {
	font-size: 18px !important;
	line-height: normal;
	float: left;
	margin: 0;
	padding: 0;
}

.homebox .databox  {
	font-size: 10px !important;
	line-height: normal;
	float: left;
	margin: 0;
	padding: 0;
	color: #343434 !important;
	display: block;
	/*margin-bottom: 1px;*/
	width: 145px;
}

.homebox .boxtext {
	line-height: 14px;
	padding-bottom: 3px;
	color: #f2f2f2;
}

/*.homebox .boxtext a:hover{
   text-decoration: underline;
}*/

.homebox .boxtextnews {
	line-height: 14px;
	color: #f2f2f2;
}


/* homebox in news */

#news .homebox {
	float: left;
	border-bottom: 1px solid #3b3b3b;
	/*display: block;*/
	margin-top: 10px;
	margin-left: 10px;
	width: 225px;
}

#news .homebox a img{
	float: left;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 3px solid #212121 !important;
}

#news .homebox img a:hover {
	float: left;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 3px solid #212121 !important;
}




