/*LAYOUT DEL SITO*/

body {
	font:75%/150% "Lucida Grande", Verdana, sans-serif;
	color:#333;
	margin:0 0 10px 0;
	padding:0;
	height: 100%;
	text-align:center;/*per centrare il div*/
	background-color: #000;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

a, a:visited {
	color:#346ba4;
    margin: 0;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;}

a:hover {
	color:#2a2a2a;
	text-decoration:underline;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	}
	
img {
	border:none;
	}

p{
 margin:0;
 padding:0;
}

.paragrafo {
	padding:0 0 15px;
	margin:0; 
	}
    
a.rientro{
margin:0 10px 0 0;
}
table.statisticaright {
    border-bottom: 1px dotted #FF9900;
    padding:0;
    margin:0; 
    width: 100%;
    }
      
table.righthome {
    border-bottom: 1px dotted #FF9900;
    padding:0;
    margin:0; 
    width: 100%;
    }
    
table.righthome tr:hover {
    background: #eeeeff  url("../img/check.png") no-repeat right;
    cursor: pointer;
}

table.righthome tr a:hover {
    text-decoration: none;
}   
        
.imgarticolo{
vertical-align: middle;
 }   
h1 {
	color:#336699;
	margin:0 0 2px 0;
	font:190%/150% "Lucida Grande", Verdana, sans-serif;
	padding-bottom:3px;
    
	}

h2 {
	margin:0 0 5px;
	padding:0;
	font: Bold 100% "Lucida Grande", Verdana, sans-serif;
    text-decoration: underline;
    
	}
	
/*h2 {
	color:#336699;
	margin:0 0 2px 0;
	font:190%/150% "Lucida Grande", Verdana, sans-serif;
	padding-bottom:3px;
	}

h2 a, h2 a:visited {
	color:#fff;
	text-decoration:none;
	background-color:#923224;
	padding:2px 4px;
	}

h2 a:hover {
	color:#f3efca;
	text-decoration:underline;
	}*/

h3 {
    margin: 0 11px 12px 0;
    font: Bold 120% "Lucida Grande", Verdana, sans-serif;
    padding: 5px 0 5px 25px;    
    /*background: #E8D43F url(../img/square-green.png) no-repeat 3px 50%;*/
    background: url(../img/news.png) no-repeat 0px 40%;

	}

h3.blue a{
color:#0000FF;
text-decoration:none;
}

a.blue_related{
font: Bold 110% "Lucida Grande", Verdana, sans-serif;
color:#0000FF;
text-decoration:underline;
} 

h4 {
    margin: 0 11px 12px 0;
    font: Bold 110% "Lucida Grande", Verdana, sans-serif;
    padding: 5px 0 5px 25px;     
    border-bottom: 2px solid #EFF0F1;
    background:  url(../img/commento.png) no-repeat 0px 40%; 
	}

h5 {
    margin: 0 11px 12px 0;
    font: Bold 120% "Lucida Grande", Verdana, sans-serif;
    padding: 5px 0 5px 25px;    
    /*background: #E8D43F url(../img/square-green.png) no-repeat 3px 50%;*/
    background: url(../img/logout.jpg) no-repeat 0px 40%; 

    }
	
 
div#contenitore {
	margin:0 auto;/*per centrare il div*/
	text-align:left;
	background:#fff url("../img/home_bg.jpg") no-repeat center top;
	width: 895px;
	min-width:770px;
    height: auto;
	}

div#header {
	height:204px;
    width: 891px;
	float:left;
	}

div#headerimg {
	padding:30px 0 0 0;
	float:left;
	height:60px;
	}

	
/*menu*/
div#nav{
	width: 891px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
	}

div#nav ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}

div#nav li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	}

div#nav .page_item a{     
	color:#468083;
	text-decoration:none;
	background:#EAD20A url("../img/nav-button-bg.jpg") repeat-x;
	padding:10px 15px 10px 15px;
	margin:0 0 0 5px;
	font:bold 16px/100% Arial, Helvetica, sans-serif;
	display:block;
	} 
    
div#nav .page_item2{
    color:#468083;
    text-decoration:none;
    background:#EAD20A url("../img/nav-button-bg.jpg") repeat-x;
    padding:2px 15px 0 15px;
    margin:0 0 0 5px;
    font:bold 10px Arial, Helvetica, sans-serif;

    }     

div#nav .activedpage a{
    color:#468083;
    text-decoration:none;
    background:#FF400F url("../img/nav-button-bg.jpg") repeat-x;
    padding:10px 15px 10px 15px;
    margin:0 0 0 5px;
    font:bold 16px/100% Arial, Helvetica, sans-serif;
    display:block;
    }
    
div#nav .page_item a:hover {
    background:#EAD20A url("../img/nav-button-bg.jpg") repeat-x; 
	text-decoration:underline;
    display:block;   
	}

/* contenuto area */


div#contenuto {

	padding:10px 0 0 0;
	float:right;
	width:896px;
    overflow: hidden;
	}

div#footer{
 margin-top: 10px;
}

div#footer p{
 color: grey;
}

div.content_left{
    margin:0;
    padding: 0;
    width: 180px;
    height: auto;
    min-height: 650px;
    float: left;
    /*border: 1px solid black;*/
 }
 
div.content_left_home{
    float: left;
    margin-top: 10px;
    padding: 5px 0 0 5px;
    width: 175px;    
    height: auto;
    font:90% "Lucida Grande", Verdana, sans-serif; 
}

div.content_left_news_home{
    float: right;
    margin:0;
    padding: 10px 0 0 10px;
    width: 500px;
    min-height: 650px;    
    height: auto;
    /*border: 1px solid black;*/ 
}

.indietro_avanti{
    width: 100%; 
}

div#paginazione{
width: 485px;
margin:0 auto;
text-align: center;
}
.indietro_avanti td.destra{
 text-align: right;
 padding-right: 15px;
}

div.content_left_news{
    float: left;
    margin:0;
    padding: 10px 0 0 10px;
    width: 685px;
    min-height: 650px;    
    height: auto;
}

div.commenti{

    float: left;
    margin:0;
    padding: 10px 0 0 0;
    width: 660px;    
    height: auto;


}
.portfolio { /*about me*/
width: 890px;
margin-left: 2px;
}

/* Box pubblicità*/

.pubblicita {
    padding: 0;
    font-size: 1.2em;
    margin: 0 0 0.2em 0;
    height: auto !important;
}

.pubblicitatop{ /*lavori*/

   width:auto;
   padding:10px;
}

.pub_single{    

    margin:0 0 0.3em 0;

}
/*fine pubblicità*/


div.invio_commento{

    float: left;
    margin-bottom: 10px;
    padding: 10px 0 0 10px;
    width: 330px;    
    height: auto;
                 
}


div.content_right{
    width: 190px;
    height: auto;
    float: right; 
    margin:6px 10px 0 0;
 }

div.content_right_bacheca{
    width: 190px;
    height: auto;
    float: right; 
    margin:6px 5px 0 10px;
 }
  
div.content_right_home{
    margin:0;
    padding: 10px 0 0 0;
    width: 190px;
    height: auto;
    float: right;
    font:90% "Lucida Grande", Verdana, sans-serif;
    
 }

 /*LOGIN*/
 
div.frame_login{

    float: right;
    margin: 0 100px 0 0;
    padding: 10px 0 0 10px;
    width: 330px;    
    height: auto;
                 
}

 .sfondo_login{
 width: 896px;
 height: 600px;
 background-image: url(../img/login.jpg); 
 }

.login{

 margin: 40px 0 0 200px;
 min-height: 520px;

} 

.registrazione{

 margin: 40px 0 0 100px;
 min-height: 520px;

} 

.login input {
    color: #475078;
    font: 12px Arial,sans-serif;
}
.img_register{width: 400px;}

form#dati_login{width :300px;
    height:100px;
    margin: 0;padding: 15px 15px 10px;
    /*background:#dbdbdb*/}
label.etichetta{float: right;width: 90px;height: 30px;
    font: 14px/30px Arial,sans-serif;
    margin-right: 2px;text-align: right;color: #666}
.input-cont2 input,textarea,button{border: 0px solid;color: #475078;
    font: 12px Arial,sans-serif}
.input-cont2 input { height: 1.6em !important;
 }
.input-cont2{float: left;width: 200px;height: 30px;
    background: url("../img/inputBk2.gif") no-repeat left;
    margin-bottom: 3px}
.login_utenti input{width: 175px;background: #FFF;
    margin:5px 0 0 10px}


button#go2{float: left; width: 130px;text-align:center;
    height:30px !important;height :30px;line-height: 25px;
    display: inline;padding: 0; margin-left: 8em;
    background: url("../img/submitBk2.gif") no-repeat;
    color: #000;cursor: pointer}
    
/*FINE LOGIN*/    
 
 
div.clear {  /*div di fondo del container per farlo allungare*/
clear: both ;
height: 0 ;
overflow: hidden ;
}

radio {

vertical-align: bottom;
min-width: 10px;
margin-right: 30px;

}
/*FORM INVIO COMMENTO*/
  
form#contact{width :300px;
    height:400px;
    margin: 0;padding: 15px 15px 10px;
    background:#dbdbdb}
    
label.etichetta{float: left;width: 90px;height: 30px;
    font: 12px/30px Arial,sans-serif;
    margin-right: 5px;text-align: left;color: #666}
.input-cont input,textarea,button{border: 0px solid;color: #475078;
    font: 12px Arial,sans-serif}   
.input-cont input { height: 1.6em !important;
 }
.input-cont{float: left;width: 200px;height: 30px;
    background: url("../img/inputBk.png") no-repeat left;
    margin-bottom: 3px}
.invio_commento input{width: 175px;background: #FFF; 
/*vale sia per la form_commento che per l'invio delle email*/
    margin:5px 0 0 10px}
    
.invioemail input{width: 175px;background: #FFF; 
/*vale sia per la form_commento che per l'invio delle email*/
    margin:5px 0 0 10px}
    
.img_contatti{
 margin: 50px 0 0 30px; 
} 

.img_controllo{
 margin: 4px 7px 5px 5px;
 float: left;
}
textarea#message{border:white;width: 180px;height: 151px;margin: 6px;
}
 
.textarea-cont{float: left;width: 200px;height: 173px;  
   background: url("../img/textareaBk.png") no-repeat;
   }
input#avvisami{
margin:3px 0 0 0;
padding:0;
width:20px;
float: left;
background:#dbdbdb;
}

label.avviso{float: left;
    margin: 0 3px 3px 1px;text-align: left;color: #666}

button#go{float: left;width: 130px;text-align:center;
    height:30px !important;height :30px;line-height: 25px;
    display: inline;padding: 1px 0 4px;
    background: #D5D8E1 url("../img/submitBk.png") no-repeat;
    color: #000;cursor: pointer}
    
    
.erroreform{
margin:0 0 0.5em 0.3em;
font: 90% Verdana, 'Trebuchet MS', Sans-serif;
font-weight:bold;    
color:#FF0000;
}

.noerroreform{
margin:0 0 0.5em 0.3em;
font: 90% Verdana, 'Trebuchet MS', Sans-serif;
font-weight:bold;    
color:black;
}

.erroregenerico{
margin:4em 0 0.5em 0.3em;
padding-top: 5em; 
font: 100% Verdana, 'Trebuchet MS', Sans-serif;
font-weight:bold;    
color:#FF0000;
height: 455px;
}

#ospite{
margin:0 0 0.5em 0.3em; 
font: 100% Verdana, 'Trebuchet MS', Sans-serif;
font-weight:bold;    
color:#FF0000;
height: 510px;
}

label.etichettaerr{float: left;width: 90px;height: 30px;
    font: 12px/30px Arial,sans-serif;
    font-weight:bold;
    margin-right: 5px;text-align: left;color: #FF0000;
    }  
label#usernameerr{float: left;width: 200px;height: 30px; 
    font: 12px/30px Arial,sans-serif;
    font-weight:bold;
    margin-right: 5px;text-align: left;color: #FF0000;
    }      
	
/*FINE FORM INVIO COMMENTO*/	
 
/*div.news h4{/*carattere dei titoli delle news
     margin: 0 11px 12px 0;
    font: Bold 110% "Lucida Grande", Verdana, sans-serif;
    padding: 5px 0 5px 25px;
    background-color: #E8D43F;
    background-image: url(../img/square-green.png);
    background-repeat: no-repeat;
    background-position: 3px 50%;    
}*/
table.articoli {
border-bottom: 1px dotted #FF9900;
font:80% "Lucida Grande", Verdana, sans-serif; 
}

table.commento {

border-bottom: 1px dotted #FF9900;
}

table.commento tr {
font:80% "Lucida Grande", Verdana, sans-serif;
}
div.news1 {/*news multipla*/ 
    padding: 0 1em 0 0;  
    height: auto;
    min-height: 85px;
}
table.articolo a { 
color:blue;
text-decoration: underline;
}


/* Bordi arrotondati */

.riga1 {margin-right:1px;margin-left:1px;display:block;height:1px;}
.riga2 {margin-right:1px;margin-left:1px;}
.riga3 {margin-right:2px;margin-left:2px;}
.riga4 {margin-right:3px;margin-left:3px;}
.riga5 {margin-right:5px;margin-left:5px;}
.riga1, .riga2, .riga3, .riga4, .riga5 {display:block;height:1px;overflow:hidden;}

/*PER IL FRAME-PRIVATE*/


/* Main Column */


#main-admin input {

	border:1px solid #7F9DB9;
	color:#777;
    height: 1.7em;
    margin: 0 1em 0 0; 
    
} 

#main-admin input:focus {
    border: 1px solid orange;
}

#main-admin form {
	margin:0; padding: 0; 
    width: 700px;     
    height: auto;
    clear: both;
}


 #main-admin{ 
	float: left;
    width: 710px;
	padding: 0; margin-left: 20px;
	min-height: 400px; 
}


#main-admin h2 {
	margin-top: 10px;
	font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;
	color: #03663A;
	padding: 5px 0 5px 25px; 	
	border-bottom: 2px solid #EFF0F1;
	background: #FFF url(../img/square-green.png) no-repeat 3px 50%;	
}

/* Sidebar */	


#sidebar-admin {
	float: left;
	padding: 0; 
	margin: 0;	
}


#sidebar-admin ul {
	margin-left: 0;
	list-style: none;
	padding: 5px 0 0 10px;
	width: 150px;
	margin: 0.3em 0 0.5em 0;
}


#sidebar-admin ul li A {/*Login, Logout*/
	font-weight: bold;
	font-size: 13px;
}

#sidebar-admin ul ul li {/*spazio tra edit e add*/
	font-weight: bold;
	margin-left: 0px;
}

#sidebar-admin ul ul li A {/*scritte menu*/
	font-weight: normal;
	font-size: small;
}


/* start - table - private */


th { 
	height: 29px;
	padding-right: 12px;
	text-align: center;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}

/*FORM BACHECA*/
  
form#bacheca{width :492px;
    height:50px;
    margin: 0;padding: 0 3px 3px 5px;
    background:#dbdbdb;
    border: 0px solid black;
    }

textarea#mesbacheca{border: 1px solid #BDC7D8;width: 380px;height: 45px;margin:0;
}


button#go3{float: left;width: 100px;
    height:30px !important;height :30px; 
    padding: 1px 0 4px; margin:0;
    background: #D5D8E1 url("../img/submitBk2.png") no-repeat;
    color: #000;cursor: pointer}
    
/*BACHECA*/    
table.tablebacheca{
 table-layout: fixed;
 width: 500px;
 border: 0px solid black;
 border-collapse: collapse;
}

td.fotocommenti{

width: 50px;
padding-right: 12px;
vertical-align: top;
border: 0px solid black; 
 background:  url("../img/frecciacommenti.gif") no-repeat 55px 0px;

}

td.autorecom{

border: 0px solid black;
 background: #EDEFF4; 
  color: #475078; 
 font: 12px Arial,sans-serif;
 padding-bottom :5px;

}
td.combacheca{
padding: 0 20px 0 5px;
 background: #EDEFF4;
 border: 0px solid black;
 color: #475078; 
 font: 12px Arial,sans-serif;
} 

div.lineabacheca{

 border-bottom: 1px solid #BDC7D8;         
 border-top: 1px solid #BDC7D8;
 padding: 8px 0 8px 0;
}
div#bordobacheca{
width:500px; 

} 
/*END BACHECA*/

/*ULTIMI COMMENTI IN BACHECA HOME*/
table.tablebachecahome{
 table-layout: fixed;
 width: 185px;
 border: 0px solid black;
 border-collapse: collapse;
}

td.fotocommentihome{

width: 35px;
padding-right: 5px;
vertical-align: top;
border: 0px solid black; 

}

td.autorecomhome{

border: 0px solid black;
 background: #EDEFF4; 
  color: #475078; 
 font: 10px Arial,sans-serif;
 padding-bottom :5px;

}
td.combachecahome{
padding: 0 10px 0 5px;
 background: #EDEFF4;
 border: 0px solid black;
 color: #475078; 
 font: 10px Arial,sans-serif;
} 

div.lineabachecahome{

 border-bottom: 1px solid #BDC7D8;         
 border-top: 1px solid #BDC7D8;
 padding: 8px 0 8px 0;
}
/*END ULTIMI COMMENTI IN BACHECA HOME*/

div.content_bacheca_centr{
    float: right;
    margin-top:5px;
    padding: 10px 5px 0 0;
    width: 500px;
    min-height: 650px;    
    height: auto;
    border: 0px solid black; 
}
/*FINE FORM BACHECA*/

/*invio delle email*/
form#contact2{width :300px;
    height:300px;
    margin: 0;padding: 15px 15px 10px;
    background:#dbdbdb}
    
div.invioemail{
    float: left;
    margin: 20px 0 10px 10px;
    padding: 10px 0 0 10px;
    width: 330px;    
    height: auto;
}
div.contattaci{
float:right;
margin: 160px 60px 0 0;
}

/*PROGRAMMI INDISPENSABILI*/
#slider {width:170px}
.headerprogrammi {width:150px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url("../img/header.gif")}
.headerprogrammi:hover {background:url("../img/header_over.gif")}
.content {overflow:hidden}
.text {width:136px; border:2px solid #9ac1c9; border-top:none; padding:15px 25px 15px 5px;}

/*VALIDATORE W3C*/
#messaggio{
text-align: left;
width: 650px;
padding: 8px;
}

#messaggio form label {
	width: 80px;
	font-size: 0.9em;
display: block;
float: left;
padding: 2px;
}

#messaggio form input {
	width: 250px;
	font-size: 0.9em;
margin-bottom: 6px;
height: 14px;}

#messaggio form .submit{
	width: 40px;
	font-size: 0.9em;
height: 2em;}


#messaggio form textarea {
	width: 250px;
	font-size: 0.9em;
	height: 6em;
margin-bottom: 6px;
border: 1px solid #7F9DB9;
}

#email_amico #sendmail{
text-align: right;
width: 345px;
position: absolute;
margin: 30px 0 0 300px;
background-color: #f5f5f5;
padding: 8px;
z-index: 10;
}

#email_amico a{
position: absolute;
color: #000000;
font-weight: bold;
margin: 0 0 0 540px;
}

#email_amico img{
vertical-align: middle;
}

#email_amico #sendmail form label {
	width: 80px;
	font-size: 0.9em;
display: block;
float: left;
padding: 2px;
}

#email_amico #sendmail form input {
	width: 250px;
	font-size: 0.9em;
margin-bottom: 6px;
height: 14px;}

#email_amico #sendmail form .submit{
	width: 40px;
	font-size: 0.9em;
height: 2em;}


#email_amico #sendmail form textarea {
	width: 252px;
	font-size: 0.9em;
	height: 6em;
	border: 1px solid #7F9DB9;
margin-bottom: 6px;}

.tags {
	display: block;
	width: 100%;
}
.tags ul {
	font-size: 0.9em;
	display: block;
	list-style-type: none;
	padding-top: 5px;
	padding-left: 6px;
}
.tags li {
	float: left;
	padding-right: 10px;
}