html {background: #94BBE3; margin: 0; padding: 0;}
body {
	font-size: 12pt; font-family: "arial narrow", arial, sans-serif; color: #444; padding-top: 10px; margin: 0;
	background: url(./img/bgpage.jpg) repeat-x;
	text-align: center;}


div#pagina {
	background: white;
	width: 958px;
	margin: 30px auto;
	}


img {border: 0;}




p#ipa {font-family: "Arial Unicode MS"; font-size: 30pt;}

/* ================= HEADER ==================== */
div#header {background: url(img/header_bg.jpg) no-repeat right top; text-align: left;}




/* ================== MENU ===================== */
div#menu {
	float: left; width: 242px;  
	background: url(img/menu_bg.jpg) no-repeat; 
	position: relative; left: -1px;
	font-family: arial, tahoma, sans-serif; text-align: left;
	}
	
div#menu h2{
	position: relative; top: 117px; right: -1px; z-index: 2;
	color: #E3E3E3;
	font-size: 10pt;
	margin: 0; padding: 5px 0 5px 25px;
	width: 211px; *width: 236px; background: url(img/h2_menu.jpg);
	}
	
div#menu ul{
	position: relative; left: 1px; margin: 34px 0 0 0; padding: 0; list-style-type: none; background: url(img/menu_ul_bg.jpg);
	}
	
div#menu li{
	height: 35px; *height: 57px; width: 211px; *width: 236px; 
	margin: 0; padding: 0; padding-top: 20px; padding-left: 25px;
	border-top: 1px solid #ddd; border-bottom: 1px solid #444; 
	text-transform: uppercase; color: #930000; font-weight: bold; font-size: 10pt;
	}
	
div#menu a{
	text-decoration: none; color: gray; font-weight: bold
	}
	
div#menu a:hover{
	color: orange; 
	}
	
li#voce_menu_on {
	background: url(./img/voce_menu_on_bg.jpg); 
	}

p#studioberna {
	font-size: 7pt; margin-left: 20px;
	}
	
p#studioberna img{
	margin: 7pt 0;
	}



/* ============== CONTENUTI ====================*/
div#contenuti {
	float: right; width: 625px; margin: 50px 50px 0 0
	}

div#contenuti  h1 {
	color: #930000; font-size: 20pt; text-transform: uppercase; 
	text-align: right; font-weight: normal; 
	margin-bottom: 30px; width: 400px; float: right;
	border-bottom: 2px dotted #bbb
	}
	
p.descrizione_polizza {
	clear: right; margin: 20px 0; text-align: justify; font-size: 14pt;
	}

div.operazione_polizza {
	text-align: justify;
	width: 250px; *width: 290px; float: left;
	border-top: 2px dotted #bbb;
	background: url(./img/operazione_polizza_bg); 
	font-size: 11pt;
	font-family: arial;
	padding: 10px 20px;
	}
	
div.operazione_polizza h2{
	text-transform: uppercase; text-align: left; color: #930000; font-weight: normal; font-size: 16pt; width: 100%; font-family: "arial narrow"; margin-top: 15px;
	}
	
a.verso_modulo {
	text-transform: uppercase; color: blue; text-decoration: none; font-weight: bold; text-align: center;
	background: url(img/bottone_operazione_bg.jpg); 
	padding: 6px 15px; width: 170px; *width: 200px; 
	display: block; font-size: 10pt;
	position: relative; left: -15px;
	}	
	
a.verso_modulo:hover {
	color: white;
	background: url(img/bottone_operazione_bg2.jpg);; 
	}	

	
div#contenuti ul{
	text-align: left;
	}

	
/* ================ FOOTER ===================== */
div#footer {
	clear: both; text-align: right; 
	height: 65px; *height: 60px; 
	background: url(img/footer_bg.jpg) no-repeat right top;
	}
	
div#footer ul{
	list-style-type: none; 
	margin: 0; padding: 0; 
	font-size: 14pt;  font-weight: bold;
	padding: 24px 30px 0 0
	}
	
div#footer li{
	display: inline; margin: 0 10px; color: orange; font-weight: bold
	}
	
div#footer a{
	text-decoration: none; color: white; font-weight: normal
	}
	
div#footer a:hover{
	color: #ddd;
	}


/* ================= OPERAZIONI POLIZZA ==================== */

form#operazione {
	text-align: left; margin-bottom: 30px;
	}
form#operazione ul{
	list-style-type: none
	}
form#operazione li{
	margin-bottom: 10px; 
	}



/* =========================== INDEX ============================== */

p#intro_index { line-height: 30pt; font-size: 24pt; text-align: center; position: relative;  left: -30px; top: 110px; float: left;}
div#colonna_offerte {float: right; width: 180px; position: relative; top: -175px; left: 30px; text-align: center; border-left: 2px solid #0B5BAA}
img#logo_grande_index { float: left; position: relative; top: 150px; left: -45px}
div#colonna_offerte img{ margin-bottom: 5px;}
div#colonna_offerte h2{ padding: 0; margin: 0 0 20px 0; color: white; background: #0B5BAA; font-family: "arial narrow"; text-transform: uppercase; text-align: center; font-size: 12pt;}