/*Stili generali ----------------------------*/

html, body { 
	margin:0; 
	padding:0;
	background:#E9E6E1 url(../images/sf.png) repeat-x top ;
	font-size:12px; font-family: Arial, Helvetica, sans-serif;
	color:#333
	}
	
a{ color:#0033CC; text-decoration:none}
a:hover{ text-decoration: underline}
	
h1,h2,h3,h4,h5,h6 {margin:0; padding:0}
	 
h1 {
	font-size: 24px;
	color: #003366;
}
h2 {
	font-size: 18px;
	color: #003366;
}
h3 {
	font-size: 16px;
	color: #003366;
}
h4 {
	font-size: 14px;
	color: #003366;
}
h5 {
	font-size: 12px;
	color: #003366;
}

hr { height:1px; background:#aaa; border-bottom:1px solid #ddd; border-top:1px solid #aaa;}	 
	 
form  { margin:0; padding:0} 	

.form { padding: 15px; background:#f4f4f4; border:5px solid #ccc; display:table} 
	 
/* Stili di struttura -----------------------------*/ 
	 
#container{
	 width:980px;
	 background:;
	 margin:0 auto; padding:0
	 }	
	 
#header{ padding:15px; background:#fff;}
	 	 
#navbar {
	background:#D1DC4F url(../images/sf-puls.gif) repeat-x;
	height: 31px; 	 
	font:bold 13px "Lucida Sans Unicode";  
	text-transform:uppercase;
	margin:0; padding: 0;
	border-bottom:5px solid #edfa7d;
	}		 
#navbar ul { margin:0; padding: 0;}	
#navbar li{ 
	list-style-type:none; 
	float:left;
	line-height: 31px;
	margin:0; padding:0;
	border-right:1px solid #fff;
	}	
#navbar a{ 
	text-decoration:none; 
	color:#666; font-weight:bold;
	padding:7px 20px; text-align:center;
	}
#navbar a:hover{ 
	background:#B2B106; line-height: 30px;
	color:#fff; 
	
	}
#navbar .first a:hover{ 
 margin-left:1px;
	}



.nav-quest { }	
.nav-quest a { color:#B2B106; font-size:14px; font-weight:bold; padding:5px}


	
#main{ position: relative; background:#fff; margin:10px 0; width:980px}	

#content { padding:0; margin:auto 0 auto 198px; width:584px}	
/*	
#main{ position: relative; background:#fff; margin:10px 0;}	
#content { padding:0; margin:auto 192px auto 198px; width:584px}*/

#content-quest {}
	
#contenuto{ float:left; width:760px;  margin-bottom:12px;}
#contenuto-quest { padding-top:10px;}

.col-home{ position:absolute; width:200px; margin: 60px 0px 0px 40px; left:0; top:0}
.col-home img{ }
#colsx{ float:left; width:190px; margin-bottom:0px; background:url(../images/sf-colsx.gif) repeat-y; min-height:450px; border-right:1px solid #D1DC4F}



.navigazione { padding:10px 0; margin:5px 0 20px 0}
.navigazione img { margin-right:15px; padding:2px}
.navigazione img:hover { margin-right:15px; border:2px solid #D1DC4F; padding:0 }

.navigazione input.avanti { 
	background:url(../images/avanti.png) no-repeat; 
	width:50px; height:50px;	
	margin:0; padding:0;
	border:2px solid #fff;
	cursor:pointer; 

}
.navigazione input.avanti:hover { 
	width:50px; height:50px;
	margin:0; padding:0;
	border:2px solid #D1DC4F;
	cursor:pointer; 
}

 
#path{ padding:0 10px;}

/*#content p {padding: 10px; margin:0;}*/

#footer { 
	clear:both;
	font-size: 11px; 
	background: #f4f4f4;
	color:#666;
	margin:10px 0; 
	}
#footer div{ 
	border-top: 1px solid #fff; padding: 10px;
	}	
.login { padding-bottom: 15px; margin: 13px 5px 5px 5px;}
.login img {}
.login .box {/*padding:10px 10px*/}
.login h4 { margin:0; padding:10px 0 0 0px; height:40px; text-transform:uppercase; font-family: "Lucida Sans Unicode"; color:#B2B106;}
.login h4.title2 { color:#66CC33 }
.login h4.title { color:#666; padding-left:15px; color:#B2B106; }
h4.title-quest { color:#666; padding-left:15px; color:#B2B106; font-family: "Lucida Sans Unicode"; font-size:18px; text-transform:uppercase}

.username { text-transform:uppercase; font-family: "Lucida Sans Unicode"; color:#B2B106; font-size:14px; font-weight:bold}
.login ul.menusx { padding: 0; margin:0 }
.login ul.menusx li{ list-style:none; padding: 8px 8px 8px 22px; margin:0 0 0 10px; border-bottom:1px solid #fff ;}
.login ul.menusx li a{ font-size:13px;}

.login ul { padding: 0; margin:0 }
.login ul li{ list-style:none; padding: 8px 8px 8px 15px; margin:0; border-bottom:1px solid #fff ;}
.login ul li a{ font-size:13px;}

.box-hl { width:180px; margin: 0 4px 4px 0; float:left }
.box-hl h3{  background:url(../images/title.png) repeat-x; margin:0; padding:4px; text-align:center}
.box-hl div{ border: 4px solid #E1EEF6; padding:5px}
.box-hl p{ margin:0; padding:5px 0 0 0;}

.bacheca .elenco { width:100%; border:1px solid #ccc; background:#fff; }
.bacheca .elenco caption { background:#000 url(../images/sf-nero.png) repeat-x; color:#fff; font-size:16px; font-weight:bold; padding:3px; border-bottom: 1px solid #fff;}
.bacheca .elenco td {padding:3px 5px; border-top: 1px solid #ccc;}
.bacheca .elenco th { padding:3px 5px; text-align:left; background:#eee}

/* aggiunto da barbara */
.interno { background:#fff url(../images/base_interno.png) no-repeat bottom; padding:0 15px 0 30px   }	
.interno .box {background:#fff url(../images/border.png) repeat-y right; padding:10px 10px}
.interno h4{ font-family:"Lucida Sans Unicode"; font-size:18px;  margin:5px 5px 5px 5px; padding:5px; text-align:left; text-transform:uppercase; color:#B2B106 }
.interno h4.title2 { color:#B2B106 }
.interno h4.title { color:#B2B106 }
.interno h5 { margin:0; padding:5px 0 5px 0 }
.interno h5.username2 { color:#B2B106 }
.interno h5.titoletti { 
   border-bottom:5px solid #D1DC4F;
   color:#B2B106; font-family: "Lucida Sans Unicode"; 
   font-size:13px; text-transform:uppercase;
   padding-left:0px; margin-bottom:5px;
   color:#B2B106 }
   
.interno .titolisotto { 
   /*border-bottom:5px solid #D1DC4F;*/
   padding:15px 0 5px 0;
   color:#B2B106; font-family: Arial; 
   font-size:12px; font-weight:bold; text-transform:uppercase;
   padding-left:0px; margin-bottom:5px;
   color:#B2B106 }
   
ul.riservata { padding:0; margin:10px 0 20px 0;}
ul.riservata li{ padding:3px 0; margin:0; list-style:none;}
ul.riservata li a{font-size:14px; text-decoration:none }
ul.riservata li img{ padding-right:5px }

   
.interno b.errore { color:#CC0000 }


.trhover {background: #eee;  }
.trhover:hover {background: #ffc;  }
.tab-valori {background:#D1DC4F;}
.tab-valori table td { background:#D1DC4F; border:1px solid #fff}
.valori { text-align:center;}
.valori input { padding:0; margin:2px 0; cursor:pointer;} 
.intestazione-valori {text-align:center; font-weight:bold; background: #D1DC4F;}
.intestazione-valori a { cursor:pointer; color:#646403 }
.verde-m { background: #D1DC4F; font-weight:bold; padding-left:8px; }

.sfondo_voci_questionario_gradi {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background: #B2B106;
}

.sfondo_voci_questionario_capacita {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #B2B106;
	padding-left:8px;
}

.sfondo_voci_questionario_capacita_1 {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	
	padding-left:8px;
}

.trhover .sfondo_voci_questionario_capacita_1 {
	
}

.sfondo_grado_ottenuto {
	font-size: 11px;
	font-weight: bold;	
	color: #646403;
	background: #D1DC4F;

	}

.sfondo_procastinabile, .sfondo_nn_procrastinabile {
	font-size: 11px;
	font-weight: bold;
	color: #646403;
	background: #E8EEA8;

}

.gradi-chiaro {

	color: #000000;
	background: #EBEBC1;
	

}




/*tooltips*/


.tooltip { cursor:pointer}

/*.dvhdr1 {
	background: url(../images/puntina.gif) no-repeat 8px 8px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #ccc;
	padding:8px 8px 0px 30px;
	width:128px;
 }
  
 .dvbdy1 {
	background:#ffe url(../images/sf-tooltips.gif) repeat-x top;
	font-family:arial;
	font-size:11px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px;
	width:150px;
 }*/
 
.dvhdr1 {
	background:#ffc url(../images/puntina.gif) no-repeat 4px 4px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:8px 8px 0px 22px;
	width:136px;
 }
 .dvbdy1 {
	background: url(../images/sf-tooltips.png) no-repeat left bottom;
	font-family:arial;
	font-size:11px;
	padding:0px 40px 25px 8px ;
	width:150px; /*height:133px;*/
 }


.avanzamento { padding:14px 0 0 0}
.avanzamento ul{ 
margin:5px 0 15px 0; padding:0;
background:url(../images/barra.gif) no-repeat center center;
text-align:center;}
.avanzamento ul li{ 
list-style-type:none; display:inline; 
padding:6px 30px 20px; font: bold 16px "Lucida Sans Unicode";
background: url(../images/cerchio2.gif) no-repeat 23px 4px;
color:#fff;
}
.avanzamento ul li.selected { background: url(../images/cerchio1.gif) no-repeat 23px 4px; }
.avanzamento ul li a, .avanzamento ul li a:hover{color:#fff; text-decoration:none}