body, html { height:100%; margin:0 }

body{
	/*background:#343434;*/
	background:url(img/bg_index.png) repeat-x top #343434;
	text-align:center;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #e8e4d0;
	margin: auto;
	padding: 0;
	}

h1 {font: bold 15px  Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; color:#f7f7f7; text-transform: uppercase; letter-spacing: 2px;}
h2 {font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 0; color:#f7f7f7}


a:link, a:visited, a:active  {
	color: #0066FF;
	text-decoration: underline;
	}

a:hover {
	color: #0066FF;
	text-decoration:none;
	}

#container {
	height:494px;
	width:740px;	
	position: absolute;
	top:50%;
	left:50%;
	margin:-247px 0 0 -370px;
	color: #FFFFFF;
	text-align: center;
	}
	
#container_index {
	height:256px;
	width:856px;	
	position: absolute;
	top:50%;
	left:50%;
	margin:-128px 0 0 -428px;
	color: #FFFFFF;
	text-align: center;
	}


.box_pop_news {
	width: 540px;
	background: #000000;
	float: left;
	color: #FFFFFF;
	text-align: left;
	padding: 10px;
}

#loading {
	height:280px;
	width:700px;	
	position: absolute;
	top:50%;
	left:50%;
	margin:-140px 0 0 -350px;
	color: #FFFFFF;
	text-align: center;
	}


img {border: 0;}

#footer { 
	position:absolute;
	top: 98%;
	left: 50%;
	height: 13px;
	width:800px;
	margin: -5px 0 0 -400px;
	text-align: center;
	font-size: 11px;
	color:#FFFFFF;
}

/*btn_index*/

div.btn_index_b, div.btn_index_v, div.btn_index_c  {
	width: 285px;
	height: 128px;
	margin: 0;
	float: left;
}

div.btn_index_b span, div.btn_index_v span, div.btn_index_c span {display: none}

div.btn_index_b a {background: url(../img/logiudice_blusicurezza.png) no-repeat center top;}
div.btn_index_v a {background:url(../img/logiudice_verdeufficio.png) no-repeat center top;}
div.btn_index_c a {background:url(../img/logiudice_contract.png) no-repeat center top}

div.btn_index_b a, div.btn_index_v a, div.btn_index_c a {
	width: 285px;
	height: 128px;
	display: block;
}

div.btn_index_b a:hover {background: url(../img/logiudice_blusicurezza.png) no-repeat center bottom}
div.btn_index_v a:hover {background:url(../img/logiudice_verdeufficio.png) no-repeat center bottom}
div.btn_index_c a:hover {background:url(../img/logiudice_contract.png) no-repeat center bottom}


div.btn_index_b a:hover, div.btn_index_v a:hover, div.btn_index_c a:hover {
	width: 285px;
	height: 128px;
	display: block;
}