html,body{margin:0;padding:0}
html{height: 100%; margin-bottom: 1px} /*per la scrollbar laterale in Opera e Mozilla*/
body{padding-bottom:20px;font: normal 12px Arial,sans-serif; background-color:rgb(51, 51, 51); color: #333;text-align: center;}

h1,h2,h3,h4{margin: 0}
h1{font-size: 14px;}
h2{font-size: 13px;} 
h3{font-size: 12px;}
h4{font-size: 11px;}
p{margin: 0; padding: 0 0 1em 0; line-height: 1.5}
a{text-decoration: none;}
a:hover{ text-decoration: underline;}
ul{margin:0; padding:0;}
li{margin: 0 0 0 20px; padding: 0 0 1em 0;}

img {border:none;}

/* Elementi della struttura */
#container {width: 855px;margin: 10px auto;	padding:0; background-color: #FFF;text-align: left;}
#header {padding:0;margin-bottom: 20px;	height: 90px;
	background: url(../images/sfondo_header.gif) rgb(244, 212, 41) 190px top no-repeat;}
#sidebar_a {clear:left;	float: left;width: 175px;height:350px; \width: 185px; w\idth: 185px; margin: 0 0 10px 0; 
	padding: 20px 0 0 0; background: url(../images/sfondo_col_left.gif) center top no-repeat;text-align: center;}
#content {margin:0 0 0 190px;padding:0;	text-align: left;}

/*
.section {	margin-bottom:0 20px 10px 0;padding:0;}
.col_a {width: 425px; \width: 435px; w\idth: 435px;	margin: 0;	padding: 0;}
.col_b {float: right; width: 190px; \width: 200px;	w\idth: 200px;margin:0; padding:0;}
*/

#footer {clear: both; margin:10px 0 0 0; padding:15px;text-align: left;font:10px arial;color:#666;}

/*stili per lo header */
#logo_cgp {	float: left;width: 182px; \width: 192px; w\idth: 192px;	height:90px; border:none; background-color: #FFF;}
#logo_cgp img{margin-top:15px;	margin-left:15px;border:none;}
#breadcumb {float:left;	margin-top:-35px;margin-left: 200px!important;margin-left: 100px;color:#333;font: small-caps bold 12px arial;}
input#invia{width:23px;	height:21px;border:none;background-image: url(../images/bott_cerca1.gif);background-color: transparent;}
#titolo_progetto {margin: 15px 0 0 15px; font:bold 14px sans;}

/*stili per il content */
#content h1 {margin-bottom:1em;	font-size: 1.6em;color: #777;border-bottom:1px solid #AAA;}
#content p {padding-right:20px;	color: rgb(20%, 20%, 20%);	font-size: 1em;}
#content_left {padding: 5px;width:300px;float:left;text-align: left;}
#content_right {padding: 5px;width:430px;float:right;text-align: left;}

#footer a{text-decoration:underline;font:10px arial; color:#666;}

.errore {color:#F00; font-weight:bold;}
.printable {text-align:right;}

/*stili per il form di autenticazione*/
form#flogin a{color:#333; text-decoration: none;}
input{font:12px arial; text-align: center; width:120px;}	


/***************************/
/* Elementi della extranet */
#content_extranet {margin:10px 15px;padding:0;text-align: left;}
#content_extranet h3{margin:10px 0;	padding:5px;background-color: #AAA;}

.etichetta_progetto{margin: 10px 0; color:#666}
.valore_progetto{font-style:italic; color:#000;} 

.maintable {margin:0px 0px 1em 0px;	width: 99%!important;width:100%;}
.maintable th {	font-size: 100%;font-weight: bold;}
.maintable td {	font-size: 90%;	border-bottom: 1px solid #FC3;	margin:0;	padding:2px;}
.maintable a{}

/* Elementi del layout */
#immagine{clear:left; margin:0; padding:0; font-size:1em; width:650px;}
#immagine img{border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #333; border-right:1px solid #33; width:100%;}
#immagine .Titolo{text-align:center;}

#pannello_icone{}
#pannello_icone img{border-top:1px solid #CCC;border-left:1px solid #CCC;border-bottom:1px solid #333;border-right:1px solid #333;height:25px;}
#pannello_icone .icona{	float:left;	margin:0 10px 10px 0;padding:0;font-size:0.8em;text-align:center;}

#right{
	float:right; margin:0; padding:0; width: 140px; background-color: #FFF;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	border-bottom:2px solid #333;
	border-right:2px solid #333;
	font: 80% arial; text-align: left;
}

#right h2{padding: 0 5px; border-top:1px solid #FC0; border-bottom:1px solid #FC0; color:#666; background-color:#FAFAD2;}
#right ul{list-style:none; margin:0!important;margin: 2px;}
#right li{background-color:#EEE; margin: 4px; padding: 4px 4px 20px 4px;border:1px solid #AAA;}

#right .titolo {margin:0 0 5px 0;padding:0;	font-size: 1.1em;font-weight:bold;}
#right .comando {display:block;	margin:0 0 5px 10px; padding:0;	font-size: 1.1em; }
#right .approva {float:right; background-color:#FFF; border:1px solid #000; padding:2px;}

.button {float:right; margin-right:5px;}

/*--- Form di inserimento dati ---*/
input, textarea {width: 98%;font-size: 1em;	border: 1px solid;	border-color: #666 #ccc #ccc #666;	padding: 2px;}
input.button {background-color: #e6e6e6; border-color: #ccc #666 #666 #ccc; margin-left: 1em; padding: 0; cursor: pointer;}
/*
input, select {	width: 12em;}
label {float: left; width: 20em;}
*/
input, select {width: 12em; margin-bottom:5px; text-align:left;}
label {float: left; width: 10em; margin-bottom:5px;}

#flogin input {text-align:center;}

