/*HEADER*/
body div.header{ background-image:url( ../imgs/headDepartments.jpg)}

/*MENU LATERALE*/
body div.main {margin:0; padding:0;}
body .main .submenu{ margin:0; padding:0;}
body .submenu ul {margin:0; padding:0;  font-size:10px;  }
body .submenu ul.indietro {padding:0 3px;  font-size:10px;}

body ul.depMenu li {background:none; padding:0; margin:1px 0;}
body ul.depMenu {padding:0;}
body .submenu ul.depMenu li a{  display:block; line-height:1.4; margin:18px 0 0; padding:2px; font-weight:bold;}
body ul.depMenu li a:hover{text-decoration:none;  cursor:default;}

body .submenu ul.secondLevel a.no-link{ cursor:auto; padding-left: 26px; margin:8px 0 2px; font-weight:bold;}
body .submenu ul.secondLevel a.no-link:hover{ cursor:auto; text-decoration:none;}
body .submenu ul.secondLevel ul {margin: 0; }
body .submenu ul.secondLevel li a{ display:block; margin:2px 0; line-height:1.4; padding:2px; font-weight:normal;}
body .submenu ul.secondLevel li a:hover{ cursor:pointer;  text-decoration:none; }
body .submenu ul.secondLevel li a.selected{ cursor:default; text-decoration:none; }

/*BREADCRUMB?*/


/*H*/
body h1{ text-transform:uppercase; font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:bold; padding-left: 36px; line-height:17px;}
body.departments .infoProject h3{ text-transform:uppercase; font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:bold; padding-left: 36px; line-height:17px; margin: 0 0 6px 0;}
body.departments .infoProject h3.interactive{margin:15px 0 4px 0;}
body.departments h1 {font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:bold;line-height:17px;padding-left:0px;text-transform:none;}
body h2{ text-transform:uppercase;font-size:12px; font-weight:bold; line-height:18px;}
body h2 span{ padding-left:25px; }
body h3{ font-size:12px; font-weight:bold; line-height:16px;}

/*div principali*/
div.contenuto{ width:612px; margin:0; }
.bread{ width:607px; margin-right:0;}
body div.main div.centrale  { width:606px; padding:0; margin-top:9px; margin-right:0;  }

/*imageProject*/

.blockImage { margin-top:10px;display:block; width:606px; height:285px; }
.bigImage {float:left;width:400px; height:100%; position:relative;}
.bigImage .textBlock p{margin:5px; color:#FFFFFF;}
.bigImage .textBlock{ position:absolute; bottom:0px; width:100%;}

body.departments .blockImage {margin-top:2px;}

/*infoProject*/
.infoProject{ position:relative; margin-left:18px; float:left; width:182px; height:100%;}
.infoProject h3{ padding-left:5px; width:100%;font-size:11px;}
.infoProject h3.prearea{ margin-top:3px;}
.infoProject p{ padding-left:5px;}
.infoProject a.lastarea{margin-bottom:5px;}
.infoProject a.area{ margin-left:5px; color:#333; text-decoration:none; font-size:11px;}
.infoProject a.area:hover{ text-decoration:underline;}
.infoProject .inDepth h3{ padding-left:5px; width:100%; font-size:11px;}
.infoProject .inDepth{ width: 100%;position:absolute; bottom:0px;}
.infoProject .inDepth a{ margin: 5px 5px 0 5px; display:block; text-decoration:none; font-size:11px; color:#333;}
.infoProject .inDepth a:hover span{ text-decoration:underline;}

body.departments .infoProject a:hover{ text-decoration:underline;}
body.departments .infoProject a{margin: 0px 0px 0px 5px;  text-decoration:none; font-size:11px; color:#333; padding:3px 0px 0 12px; height:12px;line-height:17px;}

/*testoProject*/
.testoProject p{ width:400px; margin-top:10px; }
.testoProject h3{ margin-top:10px; font-size:11px; }
.testoProject ul{ padding:0; margin:5px 0 0 15px; }


/*approfondimento*/
div.approfondimento{width:606px; margin:0; }
.approfondimento p {margin-top:5px; font-size:0.9em; line-height:1.4; margin:0 2px 5px 2px; padding:0;}
.approfondimento h1{ margin:15px 0 10px 0; font-size:18px; font-weight:bold; background: none; color:#008ac2; padding-left:0px}
.approfondimento h2{ margin:10px 0 5px 0px; font-size:16px; font-weight:normal; background-color:#008ac2; color:#ffffff; padding:5px;}
.approfondimento h3{ margin:0 0 2px 0; font-size:14px; font-weight:bold; background: none; color:#008ac2;}

/* immagini per approfondimenti */
.approfondimento .imgRight {float:right; margin:0 10px 10px 0;}
.approfondimento .imgLeft {float:left; margin:0 10px 10px 0;}
.approfondimento .didaAppro {width:244px; background-color:#e3e3e3; margin-top:3px; padding:3px;}
.approfondimento .didaAppro p{color:#666; font-size:10px; width:244px;}