/* CSS Document */
body{margin: 0; padding: 0;} 
p {font:normal 14px "Times New Roman", Times, serif;}
a{color: #246168;}
.clear{clear:both;}
.green{color: #21575c;}
.left{float: left;}
.right{float:right;}
.face{float: right; margin: 5px 100px 5px 0; width: 120px;}
.icon{background: url(imm/lumpi.png) no-repeat 0 20px; padding: 15px 35px;}

.marr{margin: 0 10px 0 0;}

#map_canvas{width: 800px; height: 450px; margin: 20px 0 0 0; border: 1px solid #ccc;}


#header{background: url(imm/header_bg.jpg) repeat-x 0 0; margin-top: 35px;}
#h_imm{background: url(imm/header1.png) no-repeat 30% 0; width: 100%; height: 373px;}
#h_imm a img{border: none; position:relative; left: 37%; top: 140px;}

#menu_cont{background-color: #232323; width:100%;  margin: 0; padding: 0; height: 32px; }

#footer{background-color: #c1c1c1; width: 100%; height 80px; text-align: center; margin: 20px 0 30px 0; padding: 10px 0; color: #555; font:normal 14px "Times New Roman", Times, serif;}
/*menu*/
#menu {list-style: none; width: 1024px; margin: 0 auto;} 

#menu a.imm{padding: 1px 15px 1px 100px;}
#menu a.imm img{border:none;}

ul#menu ul { width: 140px; margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; } 

ul#menu li { float: left; display: inline; position: relative; padding: 0 0 0 15px; margin: 0 0 0 0 ; background-color: inherit; min-width: 50px;} 

ul#menu ul li { width: 100%; } 

ul#menu li ul li{margin: 0 -30px; border-top: 1px solid #fff;}

ul#menu a {padding: 6px; float: left; display: block; background: inherit; color: #fff; font: bold 16px	"Times New Roman", Times, serif; text-decoration: none; height: 1%; } 

ul#menu a:hover,ul#menu li:hover a,ul#menu li.iehover a { background: inherit; color: #21575c; } 

ul#menu li:hover li a,ul#menu li.iehover li a { float: none; background: #232323; color: #fff;} 

ul#menu li:hover li a:hover,ul#menu li:hover li:hover a,ul#menu li.iehover li a:hover,ul#menu li.iehover li.iehover a { background: #232323; color:#21575c;} 

ul#menu li:hover ul,ul#menu li.iehover ul{ display: block; }

/* contenuto */
#content{width: 1024px; min-height: 300px; margin: 0 auto; }

/*home*/
#home .box{width: 232px; height: 338px; background: url(imm/home_box.png); margin: 55px 0 0 80px;float: left; }
#home .box p{margin: 8px 10px; max-width: 200px; font: normal 14px/14px "Times New Roman", Times, serif;}
#home .box a{text-decoration: none;}
#home .box ul{margin: 3px; line-height: 15px;}
#home .box img{ margin: 0 0 0 10px;}
#home .box .top{width: 208px; height: 36px; background:url(imm/h_box_top.png); padding: 8px 0 0 10px; font: bold 19px "Times New Roman", Times, serif; color: #fff;}
#home .box .center{width: 232px; height: 241px;}
#home .box .news{height: 233px; width: 232px;}
#home .box .bottom{ width: 208px; height: 26px; background:url(imm/h_box_bottom.png); font:nomal 14px "Times New Roman", Times, serif; color: #fff; padding: 7px 10px 0 0; text-align: right;}
#home .box .bottom a{padding-top: 8px; font:bold 13px "Times New Roman", Times, serif;}
#home .spacer{width: 150px; height: 338px; float: left; clear:both;}

/*interne*/
#int .box{width: 883px; background: url(imm/in_box.png) repeat-y 0 0; margin: 35px auto;}
#int .box .top{background: url(imm/in_box_top.png) no-repeat 0 0; height: 48px;}
#int .box .center{min-height: 300px; margin: 0 40px 0 30px;}
/*#int .box .center .one{width: 207px; height: 250px; float:left; margin: 15px 0 10px 30px; background: #DDD; padding: 15px 0 5px 23px;}*/
#int .box .center .one{width: 360px; min-height: 150px; float:left; margin: 15px 0 10px 30px; padding: 15px 0 5px 0; }
#int .box .center .one  img{border:3px ridge #aaa; margin: 0 auto;}
#int .box .center .one p {color: #666;}
#int .box .bottom{background: url(imm/in_box_bottom.png) 0 0 no-repeat; min-height: 71px;}
#int .box h1{color: #246168; text-shadow: #333 3px 2px 3px;}
#int .box h2{color: #246168;}
#int .box h3{color: #246168; margin: 0;}
#int .box p{margin: 3px 0;}

.half_box{width: 45%; float: left; padding: 10px;}
.half_box ul{list-style: none;}
.half_box ul li a{text-decoration: none;}

.third{width: 25%; float: left; margin: 18px 0 10px 45px;}
.third img{border: 1px solid #ddd;}

.left_box{width: 15%; padding: 30px 20px 0 0; float:left;}
.right_box{width: 80%; float:left;}

/*virtual*/
#int .box .virtual{margin: 0 20px; clear: both;}
#int .box .virtual .top{width: 750px; height: 21px; background: url(imm/virtual_top.png) no-repeat 0 0;}
#int .box .virtual .center{width: 750px;  min-height: 180px; background: url(imm/virtual_center.png) repeat-y 0 0; margin: 0;}
#int .box .virtual .bottom{width: 750px; height: 24px; background: url(imm/virtual_bottom.png) no-repeat 0 0;}