body{
	margin: 0px auto;
	padding: 0;	
	FONT-FAMILY: Calibri, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	font-size: 13.5px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;	
	background-color: #FFFFFF;
	background-image: url(../images/sfondo_origami_marr.jpg);
	background-repeat: no-repeat;
	background-position:10px 10px;
	background-attachment:fixed;
}

a{
	color:#FF0000;
	text-decoration:none;
} 

textarea, input, select{
	font-size: 13px;
	FONT-FAMILY: Calibri, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;		
}

dl{ margin-left:30px;}
dt{ margin-top:20px;}

.colorrosso{ color:#D54E12;}
.colorblu{ color:#003399;} 			/* vecchio: 2493FF */
.colorarancio{ color:#FF7F00;}
.colorverde{ color:#C8D200;}
.colorviola{ color:#660066;}

/* -------------------------------------------- MODULO: AREA UTENTI -------------------------------------------- */

#login{
	position:relative;
	background-color:#E9E9E9;
	padding: 7px 0px 7px 0px;
	color: #666666;
	border-bottom:1px solid #666666;
	height:20px;
}

#login .login_left{
	width: 45%;
	float: left;
	padding-left:1%;
}

#login .login_right{
	width: 45%;
	float: right;
	padding-right:1%;
	text-align:right;
}

#login strong{ font-size:1.1em; 	color:#FF0000;}
#login a{ font-style:italic; color: #666666; text-decoration:none;}

/*
--------------------------------------------  INTESTAZIONE
*/

#preview{
	height:30px;
	position:relative;
	color:#FF0000;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	background-color:#E9E9E9;
	padding-top:10px;
	margin-bottom:10px;
}

#intestazione{
	clear:both;
	width:1000px;
	margin: 0em auto;
	height:130px;
	position:relative;
	background-image: url(../images/logo_milano.png);
	background-repeat: no-repeat;
	background-position:top left;
}

#menuTop{
	position:absolute;
	top:5px;
	right:0px;
	height:20px;
}

#menuTop ul { float:right; list-style-type:none; margin:0px 0px 0px 0px; padding:0px;}
#menuTop li {display:inline; padding-left:15px; padding-right:15px; border-left:1px solid #666666; color:#666666;}
#menuTop li a { text-decoration:none; color:#666666}
#menuTop li:first-child{border-left:0px;}

#titolo_settore{ 
	position:absolute;
	top:30px;
	right:0px;
	height:100px;
	line-height:100px;
	margin:0px;
	width:600px;
	font-size:1.5em; 
	font-style:italic;
	font-weight:normal;
	color:#D54E12;
	text-align:right;
	padding-right:120px;
	background-image: url(../images/animazione_marr.gif);
	background-repeat: no-repeat;
	background-position:top right;
}


/*
-------------------------------------------- CHIUSURA
*/

#chiusura{
	clear:both;
	width:1000px;
	margin: 0em auto;
	height:50px;
	margin-bottom:5px;
	position:relative;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0px 5px 0px;	
}

#chiusura div{ margin-top:10px;}

#credits{
	width:1000px;
	margin: 0em auto;
	margin-bottom:10px;
	position:relative;
	text-align: right;
	font-size:0.9em;
	color:#CCCCCC;
	font-style:italic;
}

#credits a{
	color:#C3C3C3;
}

img.img_qualita{ float:right; border:0px; margin-left:10px;}
img.img_validator{ float:right; border:0px; margin-top:19px;margin-left:10px;}

#email_bottom{ border:0px; vertical-align:middle;}

/*
-------------------------------------------- MENU CENTRALE
*/

#menuCentro{
	width:1000px;
	margin: 0em auto;
	height:64px;
	position:relative;
}


#menuData {display: none}
	
.menu { position:relative; width:1000px; background:url(../images/sfondoMenu.jpg) top left no-repeat; height:58px;}
	
.menuAlto_BHOOOO { position:relative; float:left; width:1000px; height:32px; }
#menuAlto { display:none;}
.box_menu_top { position:relative; float:left; width:100%; height:32px;}
.menu_top a{color: #666666;}

.box_menu {width: 100%; height: 32px;border-left:1px solid #CCCCCC;}
.box_menu_parent {width: 100%; height: 32px;  background-repeat: no-repeat;border-left:1px solid #CCCCCC; background-image:url(../images/sfondoParent.gif); background-position:bottom right; background-repeat:no-repeat;}

.box_menu_active { width: 100%; height: 32px; background-image: url(../images/sfondoMenuON.jpg); background-position:top left; background-repeat:repeat-x;}
.box_menu_parent_active { width: 100%; height: 32px; background-image: url(../images/sfondoParentON.jpg); background-position:bottom right; background-repeat: no-repeat;}
.box_menu_active a, .box_menu_parent_active a {color:#FFFFFF;}

.menu_bottom { position:relative; float:left; width:1000px; height:26px;}
.menu_bottom>table {width: 100%; border: 0px;}

.box_submenu {width: 100%; height: 26px;  padding-top:4px;}
.box_submenu a {color: #666666;}
.box_submenu_active { width: 100%; height: 26px; padding-top:4px;}
.box_submenu_active a{ color:#D54E14;}
.box_submenu ul, .box_submenu_active ul{ display:none;}


a.link_menu {font-size: 14px; text-decoration:none; text-transform:uppercase; font-weight:bold; }
a.link_menu2 {font-size: 15px; text-decoration:none; text-transform:capitalize; font-weight:bold; }


/*
-------------------------------------------- MENU' SINISTRA
*/

#contenutiSx{ 
	width:160px;
	float:left;
}


.titoloSezione{
	position:relative;
	border-bottom:1px solid #CCCCCC;
	color: #999999;
	font-style:italic;
	background-color:#FFFFFF;
	font-size:16px;
}

.titoloSezione a{
	display:block;
	background-image: url(../images/sx_arrow_off.gif); 
	background-position:0px 19px; 
	background-repeat: no-repeat;
	padding:15px 0px 15px 12px;				
	color: #999999;
	text-decoration:none;
}

#current { width:161px;}

#current a, .titoloSezione a:hover{
	background-image: url(../images/sx_arrow_on.gif); 
	color:#D54E12;
}



#contenutiSx ul{
	display:none;
}


/*
-------------------------------------------- AREA contenuti 
*/

#home{
	width:1000px;
	margin: 0em auto;
	position:relative;
	font-size:1.1em;
	line-height: 1.2em;
	margin-top:20px;
}

#contenuti{
	width:980px;
	margin: 0em auto;
	margin-top:30px;
	padding:10px;	
	position:relative;
	font-size:1.1em;
	line-height: 1.2em;
}

#contenuti_sfondo{
	background-image: url(../images/sfondo_menusx.gif); 
	background-position:top left; 
	background-repeat: repeat-y;	
}

#contenutiDx{ 
	width:800px;
	padding-left:20px;
	float: right;
}

div.clear{
	clear:both;
	height:30px;
}

div.colonna_right{ float:right; width:220px;}
div.colonna_left{ float:left; width:220px;}
/*div.colonna_centro{ float:left; width:755px; padding:0px 0px 0px 25px;}*/			/*width - padding right - padding left */
div.colonna_centro{ float:left; width:510px; padding:0px 25px 0px 25px;}			/*width - padding right - padding left */
div.box_centro{padding:10px; font-size:0.9em; border-top:1px solid #CCCCCC;}		


p{margin:0px 0px 16px 0px;}

h1.sottotitoloPage{
	color: #000000; 
	letter-spacing:0px;
	font-weight:bold;
	margin:0;
	margin-bottom:20px;
	font-size:1.5em;
}


h2 { 
	font-size:1.2em;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	letter-spacing:1px;
	text-transform:uppercase;
}
h2.titoloPage{
	color: #D54E14; 
	letter-spacing:2px;
	font-weight:bold;
	margin:0;
	margin-bottom:30px;
	text-transform:capitalize;
	font-size:1.5em;
}
h2.riferimenti{
	margin: 12px 0px 12px 0px;
	padding:0px 0px 0px 15px;
	background-image:url(../images/subarrow.gif) ;
	background-position: 3px 8px;
	background-repeat:no-repeat;	
	font-size:1.3em;
	font-style:italic;
	letter-spacing:1px;
	text-transform: uppercase;
	font-variant:small-caps;
}

h3 { 
	font-size:1.3em;
	font-weight: bold;	
	margin:0px;	
	letter-spacing:1px;
}

div.aree_paragrafi{
	margin:0px 0px 15px 0px;
}

div.sedi_paragrafi{margin:0px;}

div.corsi_paragrafi{margin:0px 0px 30px 0px;}
div.corsi_paragrafi_voci{margin:0px 0px 10px 0px;}

div.folder{
	height:30px;
	line-height:30px;
	padding-left:50px;
	margin:10px 0px 10px 30px;
	background: url(../images/folder.png) left top no-repeat;
	font-size:1.2em;
	font-style:italic;
}


/* -------------------------------------------- MODULO: CONTENITORE -------------------------------------------- */

.lato_left {
	width: 100%;
	float: left;
}

.lato_right {
	width: 40%;
	float: right;
}

.lato_esteso {
	font-size: 1.0em;
}


.custom_lato_left {
	width: 68%;
	float: left;
}

.custom_lato_right {
	width: 30%;
	float: right;
}

.lato_left h3, .lato_right h3, .lato_esteso h3 {
font-size:0.8em;
font-weight:normal;
float:left; 
margin-right:20px; 
}

.lato_left a.vai, .lato_right a.vai, .lato_esteso a.vai {
text-align:right;
}

/* ------------------------------------ HOME PAGE */

#centro_evidenza_CON_WEBTV{
	background-image: url(../Images/dannunzio.jpg); 
	position: relative;
	margin-top:30px;
	display:block;	
	width:100%;
	max-width:450px;
	background-repeat: no-repeat; 
	background-position: center top; 
	height: 202px;
}

#centro_evidenza{
	background-image: url(../Images/dannunzio_temp.jpg); 
	position: relative;
	display:block;	
	background-repeat: no-repeat; 
	background-position: center top; 
	width: 485px;
	height:270px;
}

#centro_evidenza_natale{
	background-image: url(../Images/buone_feste.gif); 
	position: relative;
	display:block;	
	background-repeat: no-repeat; 
	background-position: center top; 
	width: 358px;
	height:270px;
}

#centro_trasparenza{
	position: absolute; 
	top: 0px; 
	left: 0px;
	width:100%;
	height: 50px; 
	padding-top: 10px; 
	background: #fff; 
}

#centro_testo{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width:100%;
	height: 50px; 
	padding-top: 5px; 
	background: none transparent scroll repeat 0% 0%;
	line-height:1.1em;
}
#centro_testo img{
	margin-top:3px;
}

div.banner img{ border:0px;}



div.menu_accordion{overflow:auto; height:500px;}
div.menu_accordion ul{ list-style:none;margin:0px; padding:0px;}
div.menu_accordion li{ margin-bottom:10px; line-height:1.1em; font-weight:bold; text-transform:uppercase;}
div.menu_accordion a{ text-decoration:none; color:#D54E14;}

h2.titoloBox{
	color: #cc0000; 
	letter-spacing:1px;
	font-weight:bold;
	margin:0;
	margin-bottom:10px;
	font-size:1.3em;
	text-transform:none;
}


.intestazione_left {
	width: 485px;
	float: left;
	height:270px;
	/*border:1px solid #CCCCCC;*/
	/*background-image: url(../Images/webtv.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 	*/
}

.intestazione_right {
	width: 485px;
	float: right;
	/* codice aggiunto ma che poi dovrà essere cancellato */
	height:270px;
}

/* osservatorio del mercato del lavoro in home */
div.titolo_arancio_home{ clear:both; margin-bottom:20px;}
div.titolo_arancio_home h2{
	height:25px;
	line-height:25px;
	text-align:center;
	background-image: url(../images/titolo_centro_home.png); 
	background-repeat: no-repeat; 
	background-position: center top;
	margin-bottom:20px;
}
div.titolo_arancio_home h2 a{ color:#FFFFFF; text-decoration:none;}
div.titolo_arancio_home p{ text-align: justify; padding:0px 10px 0px 10px; margin:5px 0px 5px 0px;}
div.dettagli_arancio{ border-bottom:1px solid #D54E12; text-align:right; }
div.dettagli_arancio a{ color:#D54E12; font-size:0.8em; font-style:italic;}
div.titolo_arancio_home img{ border:0px; }



/* ------------------------------------ BOX MARRONE - SETTORE */

.box_MARR {background: transparent; width:100%; margin:0 auto; margin-bottom:5px;}
.box_MARR h1{margin:0px; font-size:1.1em; color:#fff; position:relative; height:13px;}
.box_MARR h1 a{color:#fff; text-decoration:none; position:absolute; left:5px; top:-5px;}
.box_MARR .boxinterno { margin:0px; background-color:#FFFFFF; padding:10px;}
.box_MARR p, .box_MARR form { margin:0px;}
 
.box_MARR .top, .box_MARR .bottom {display:block; background:transparent; font-size:1px;}
.box_MARR .b1, .box_MARR .b2, .box_MARR .b3, .box_MARR .b4, .box_MARR .b1b, .box_MARR .b2b, .box_MARR .b3b, .box_MARR .b4b {display:block; overflow:hidden;}
.box_MARR .b1, .box_MARR .b2, .box_MARR .b3, .box_MARR .b1b, .box_MARR .b2b, .box_MARR .b3b {height:1px;}
.box_MARR .b2 {background:#D54E14; border-left:1px solid #fff; border-right:1px solid #eee;}
.box_MARR .b3 {background:#D54E14; border-left:1px solid #fff; border-right:1px solid #ddd;}
.box_MARR .b4 {background:#D54E14; border-left:1px solid #fff; border-right:1px solid #aaa;}
.box_MARR .b4b {background:#D54E14; border-left:1px solid #eee; border-right:1px solid #999;}
.box_MARR .b3b {background:#D54E14; border-left:1px solid #ddd; border-right:1px solid #999;}
.box_MARR .b2b {background:#D54E14; border-left:1px solid #aaa; border-right:1px solid #999;}
 
.box_MARR .b1 {margin:0 5px; background:#fff;}
.box_MARR .b2, .box_MARR .b2b {margin:0 3px; border-width:0 2px;}
.box_MARR .b3, .box_MARR .b3b {margin:0 2px;}
.box_MARR .b4, .box_MARR .b4b {height:2px; margin:0 1px;}
.box_MARR .b1b {margin:0 5px; background:#999;}
.box_MARR .boxcontent {display:block;  background:#D54E14; border-left:1px solid #fff; border-right:1px solid #999; padding:0px 4px 0px 4px;}


/* ------------------------------------ BOX GIALLO - MERCATO DEL LAVORO */

.box_ARANCIO {background: transparent; width:100%; margin:0 auto; margin-bottom:5px;}
.box_ARANCIO h1{margin:0px; font-size:1.1em; color:#fff; position:relative; height:13px;}
.box_ARANCIO h1 a{color:#fff; text-decoration:none; position:absolute; left:5px; top:-5px;}
.box_ARANCIO .boxinterno { margin:0px; background-color:#FFFFFF; padding:5px;}
.box_ARANCIO p, .box_ARANCIO form { margin:0px;}
 
.box_ARANCIO .top, .box_ARANCIO .bottom {display:block; background:transparent; font-size:1px;}
.box_ARANCIO .b1, .box_ARANCIO .b2, .box_ARANCIO .b3, .box_ARANCIO .b4, .box_ARANCIO .b1b, .box_ARANCIO .b2b, .box_ARANCIO .b3b, .box_ARANCIO .b4b {display:block; overflow:hidden;}
.box_ARANCIO .b1, .box_ARANCIO .b2, .box_ARANCIO .b3, .box_ARANCIO .b1b, .box_ARANCIO .b2b, .box_ARANCIO .b3b {height:1px;}
.box_ARANCIO .b2 {background:#FF8000; border-left:1px solid #fff; border-right:1px solid #eee;}
.box_ARANCIO .b3 {background:#FF8000; border-left:1px solid #fff; border-right:1px solid #ddd;}
.box_ARANCIO .b4 {background:#FF8000; border-left:1px solid #fff; border-right:1px solid #aaa;}
.box_ARANCIO .b4b {background:#FF8000; border-left:1px solid #eee; border-right:1px solid #999;}
.box_ARANCIO .b3b {background:#FF8000; border-left:1px solid #ddd; border-right:1px solid #999;}
.box_ARANCIO .b2b {background:#FF8000; border-left:1px solid #aaa; border-right:1px solid #999;}
 
.box_ARANCIO .b1 {margin:0 5px; background:#fff;}
.box_ARANCIO .b2, .box_ARANCIO .b2b {margin:0 3px; border-width:0 2px;}
.box_ARANCIO .b3, .box_ARANCIO .b3b {margin:0 2px;}
.box_ARANCIO .b4, .box_ARANCIO .b4b {height:2px; margin:0 1px;}
.box_ARANCIO .b1b {margin:0 5px; background:#999;}
.box_ARANCIO .boxcontent {display:block;  background:#FF8000; border-left:1px solid #fff; border-right:1px solid #999;  padding:0px 4px 0px 4px;}


/* ------------------------------------ BOX BLU - SUPPORTI ATTIVI PER IL LAVORO */

.box_BLU {background: transparent; width:100%; margin:0 auto; margin-bottom:5px;}
.box_BLU h1{margin:0px; font-size:1.1em; color:#fff; position:relative; height:13px;}
.box_BLU h1 a{color:#fff; text-decoration:none; position:absolute; left:5px; top:-5px;}
.box_BLU .boxinterno { margin:0px; background-color:#FFFFFF; padding:5px;}
.box_BLU p, .box_BLU form { margin:0px;}
 
.box_BLU .top, .box_BLU .bottom {display:block; background:transparent; font-size:1px;}
.box_BLU .b1, .box_BLU .b2, .box_BLU .b3, .box_BLU .b4, .box_BLU .b1b, .box_BLU .b2b, .box_BLU .b3b, .box_BLU .b4b {display:block; overflow:hidden;}
.box_BLU .b1, .box_BLU .b2, .box_BLU .b3, .box_BLU .b1b, .box_BLU .b2b, .box_BLU .b3b {height:1px;}
.box_BLU .b2 {background:#2492FF; border-left:1px solid #fff; border-right:1px solid #eee;}
.box_BLU .b3 {background:#2492FF; border-left:1px solid #fff; border-right:1px solid #ddd;}
.box_BLU .b4 {background:#2492FF; border-left:1px solid #fff; border-right:1px solid #aaa;}
.box_BLU .b4b {background:#2492FF; border-left:1px solid #eee; border-right:1px solid #999;}
.box_BLU .b3b {background:#2492FF; border-left:1px solid #ddd; border-right:1px solid #999;}
.box_BLU .b2b {background:#2492FF; border-left:1px solid #aaa; border-right:1px solid #999;}
 
.box_BLU .b1 {margin:0 5px; background:#fff;}
.box_BLU .b2, .box_BLU .b2b {margin:0 3px; border-width:0 2px;}
.box_BLU .b3, .box_BLU .b3b {margin:0 2px;}
.box_BLU .b4, .box_BLU .b4b {height:2px; margin:0 1px;}
.box_BLU .b1b {margin:0 5px; background:#999;}
.box_BLU .boxcontent {display:block;  background:#2492FF; border-left:1px solid #fff; border-right:1px solid #999;  padding:0px 4px 0px 4px;}


/* ------------------------------------ BOX VERDE - PROGETTAZIONE E OCCUPAZIONE FORMATIVA */

.box_VERDE {background: transparent; width:100%; margin:0 auto; margin-bottom:5px;}
.box_VERDE h1{margin:0px; font-size:1.1em; color:#fff; position:relative; height:13px;}
.box_VERDE h1 a{color:#fff; text-decoration:none; position:absolute; left:5px; top:-5px;}
.box_VERDE .boxinterno { margin:0px; background-color:#FFFFFF; padding:5px;}
.box_VERDE p, .box_VERDE form { margin:0px;}
 
.box_VERDE .top, .box_VERDE .bottom {display:block; background:transparent; font-size:1px;}
.box_VERDE .b1, .box_VERDE .b2, .box_VERDE .b3, .box_VERDE .b4, .box_VERDE .b1b, .box_VERDE .b2b, .box_VERDE .b3b, .box_VERDE .b4b {display:block; overflow:hidden;}
.box_VERDE .b1, .box_VERDE .b2, .box_VERDE .b3, .box_VERDE .b1b, .box_VERDE .b2b, .box_VERDE .b3b {height:1px;}
.box_VERDE .b2 {background:#C8D200; border-left:1px solid #fff; border-right:1px solid #eee;}
.box_VERDE .b3 {background:#C8D200; border-left:1px solid #fff; border-right:1px solid #ddd;}
.box_VERDE .b4 {background:#C8D200; border-left:1px solid #fff; border-right:1px solid #aaa;}
.box_VERDE .b4b {background:#C8D200; border-left:1px solid #eee; border-right:1px solid #999;}
.box_VERDE .b3b {background:#C8D200; border-left:1px solid #ddd; border-right:1px solid #999;}
.box_VERDE .b2b {background:#C8D200; border-left:1px solid #aaa; border-right:1px solid #999;}
 
.box_VERDE .b1 {margin:0 5px; background:#fff;}
.box_VERDE .b2, .box_VERDE .b2b {margin:0 3px; border-width:0 2px;}
.box_VERDE .b3, .box_VERDE .b3b {margin:0 2px;}
.box_VERDE .b4, .box_VERDE .b4b {height:2px; margin:0 1px;}
.box_VERDE .b1b {margin:0 5px; background:#999;}
.box_VERDE .boxcontent {display:block;  background:#C8D200; border-left:1px solid #fff; border-right:1px solid #999;  padding:0px 4px 0px 4px;}


/* ------------------------------------ NEWS HOME PAGE */

#newshome{}


#newshome h2.titoloPage{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 10px;
	height:25px;
	line-height:25px;
	background-image: url(../images/sfondored_titolo.png);
	background-repeat: no-repeat;
	background-position:0px 0px;
	color:#FFFFFF;
}
#newshome h3{ font-size:1em; margin:0px; color:#FF0000; font-weight:bold; float:none; }
#newshome h3 a{ color:#D54E12;}
#newshome p{ margin:0px; font-size:0.9em;}
#newshome hr{
	height: 0px; 
	clear:both;
	border: dashed 1px #C7DDEF;
	margin-bottom:8px;
	margin-top:8px;
}
#newshome div.sopratitolo{font-size:0.8em; font-style:italic; margin:0px;}
#newshome div.entranews{
	height:25px;
	font-size:0.9em; 
	font-style:italic; 
	text-align:right; 
	margin:20px 0px 0px 0px;
	padding:3px 10px 0px 0px;
	background-image: url(../images/sfondored_chiusura.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div.entranews a{
	color:#FFFFFF;
}

div.tornaSu{
	text-align:right;
}

div.tornaSu a{
	background-image: url(../images/top_arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding:0px 20px 0px 15px;
	color:#d54e12;
}

h3.lavorogiovani_sezione{ display:inline; width:150px; text-align:center; float:right; padding-bottom:10px; font-size:1.5em;}
