﻿body { margin:2; font-size:15px; font-family: "Segoe UI", "Free Sans", "Aboriginal Sans", "Venetica Unicode Mondotondo", "DejaVu Sans", Arial;}
.brown {color:#af6210;}
blockquote { color:#000000; font-size:16px; border-left:2px solid #af6210; padding-left:20px;}

a:hover {
  color: #5c1a24;
}
a:link {
  color: #5c1a24;
}
a:visited {
  color: #5c1a24;
}


.ceoArial    { font-size: 12px; font-family: "Segoe UI", "Aboriginal Sans", "Venetica Unicode Mondotondo", "DejaVu Sans", Arial }
.microArial  { font-size: 9px; font-family: "Segoe UI", "Aboriginal Sans", "Venetica Unicode Mondotondo", "DejaVu Sans", Arial }
.titolo     { font-weight: bold; font-size: 20px; font-family: "Segoe UI", "Aboriginal Sans", "Venetica Unicode Mondotondo", "DejaVu Sans", Arial }
.strange  { font-style: italic; font-weight: bold; font-size: 24px; font-family: "Aboriginal Serif", "Venetica Unicode Teconto", "DejaVu Serif Condensed", "Times New Roman", Georgia, Times }
.corpotimes  { font-size: 12pt; font-family: "Aboriginal Serif", "Venetica Unicode Teconto", "DejaVu Serif Condensed", "DejaVu Serif", "Gandhari Unicode", "Times New Roman", Georgia, Times }
.corpoceo    { font-size: 14px; font-family: "Segoe UI", "Aboriginal Sans", "Venetica Unicode Mondotondo", "DejaVu Sans", Arial }
.corpo  { font-size: 16px; font-family: "Segoe UI", "Aboriginal Sans", "Venetica Unicode Mondotondo", "DejaVu Sans", Arial }
.titfortat  { font-style: italic; font-weight: bold; font-size: 14px; font-family: "Segoe UI", "Aboriginal Sans", "Venetica Unicode Mondotondo", "DejaVu Sans", Arial }
.sototitolo   { font-weight: bold; font-size: 16px; font-family: "Segoe UI", "Aboriginal Sans", "Venetica Unicode Mondotondo", "DejaVu Sans", Arial }
.giusti  { text-align: justify }
A.rollcrema:link   { color: #ffc; text-decoration: none }
A.rollcrema:visited   { color: #ffc; text-decoration: none }
A.rollcrema:hover    { color: white; text-decoration: none }
A.rollnarans:link     { color: maroon; text-decoration: none }
A.rollnarans:visited     { color: maroon; text-decoration: none }
A.rollnarans:hover    { color: red; text-decoration: none }
A.rollgrigio:link   { color: #fff; text-decoration: none }
A.rollgrigio:visited   { color: #fff; text-decoration: none }
A.rollgrigio:hover   { color: #717171; text-decoration: none }
A.rollne:link   { color: #000000; text-decoration: none }
A.rollne:visited   { color: #000000; text-decoration: none }
A.rollne:hover    { color: red; text-decoration: none }
.galepin  { font-size: 22px; font-family: "Galepin Times", "Times New Roman", Georgia, Times }

nav {
	/* Repeating background image */
	background: #FFFFFF;
	width:100px;
	margin:0px;
}

nav ul {
	/* Removes bullet points */
	list-style:none;
	margin:0;
	padding:0;
	
}
nav ul li {
	/* Any child positioned absolutely will be positioned relative to this */
	position:relative;
}
nav a {
	color:#000060;
	padding:0px 0px;
	/* Fill all available horizontal space */
	display:block;
	/* Remove underline */
	text-decoration:none;
	/* 
	New CSS3 animations:
	apply transition to background property, taking 1s to change it 
	*/
	transition:background 0.5s;
	-moz-transition:background 0.5s;
	-webkit-transition:background 0.5s;
	-o-transition:background 0.5s;
	font-family:"Segoe UI", "Aboriginal Sans", "Venetica Unicode Mondotondo", "DejaVu Sans", Arial;
	font-size:14px;
	text-transform:none;
	padding-left:2px;
}
nav a:hover {
	/* 
	RGBA background for transparancy: 
	last number(0.05) is the transparency 
	*/
	background: RGBA(0,0,0,0.05);
	color:#600000;
	
}
nav a:hover span {
	background: #7d2c41;
	transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
nav ul li:hover ul {
	display:block;
}
nav ul ul {
	position:absolute;
	left:100px;
	top:0;
	border-top:1px solid #e9e9e9;
	display:none;
}
nav ul ul li {
	width:100px;
	background:#FFFFE5;
	border:1px solid #e9e9e9;
	border-top:0;
}
nav ul ul li a {
	color:#000060;
	font-size:14px;
	text-transform:none;
}
nav ul ul li a:hover {
	color:#600000;
}


a.tooltip {outline:none; }
a.tooltip strong {line-height:25px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 10px;
    margin-top:-30px; margin-left:10px;
    width:200px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}


	hr{margin:1px 0px;}
	
	.divider1{height:9px; width:100%; border:0; background:url(../imajine/divider1.png) repeat-x;}
	.divider2{height:5px; width:100%; border:0; background:url(../imajine/divider2.png) repeat-x;}
	.divider3{height:7px; width:100%; border:0; background:url(../imajine/divider3.png) repeat-x;}
	.divider4{height:4px; width:100%; border:0; background:url(../imajine/divider4.png) repeat-x;}
	.divider5{height:3px; width:100%; border:0; background:url(../imajine/divider5.png) repeat-x;}
	.divider6{height:4px; width:100%; border:0; background:url(../imajine/divider6.png) repeat-x;}
	.divider7{height:2px; width:100%; border:0; background:url(../imajine/divider7.png) repeat-x;}
	.divider8{height:5px; width:100%; border:0; background:url(../imajine/divider8.png) repeat-x;}
	.divider9{height:4px; width:100%; border:0; background:url(../imajine/divider9.png) repeat-x;}
	.divider10{height:13px; width:100%; border:0; background:url(../imajine/divider10.png) repeat-x;}
	.divider11{height:5px; width:100%; border:0; background:url(../imajine/divider11.png) repeat-x;}
	.divider12{height:3px; width:100%; border:0; background:url(../imajine/divider12.png) repeat-x;}
	.divider13{height:3px; width:100%; border:0; background:url(../imajine/divider13.png) repeat-x;}
	.divider14{height:7px; width:100%; border:0; background:url(../imajine/divider14.png) repeat-x;}
	.divider15{height:5px; width:100%; border:0; background:url(../imajine/divider15.png) repeat-x;}
	.divider16{height:5px; width:100%; border:0; background:url(../imajine/divider16.png) repeat-x;}
	.divider17{height:5px; width:100%; border:0; background:url(../imajine/divider17.png) repeat-x;}
	.divider18{height:7px; width:100%; border:0; background:url(../imajine/divider18.png) repeat-x;}
	.divider19{height:2px; width:100%; border:0; background:url(../imajine/divider19.png) repeat-x;}
	.divider20{height:3px; width:100%; border:0; background:url(../imajine/divider20.png) repeat-x;}
