@import url(/_style/mascherericerca.css);
@import url(/_style/mascherericercaProcedure.css);
@import url(/_style/primaselProcedure.css);
@import url(/_style/primasel.css);
@import url(/_style/secondasel.css);
@import url(/_style/browsedoc.css);
@import url(/_style/crosstab.css);
@import url(/_style/calendario.css);
@import url(/_style/custode.css);
@import url(/_style/mappe.css);
@import url(/_style/procedure.css);
@import url(/_style/uffici.css);
@import url(/_style/icone.css);

/* Il colore principale è il blue: #003366 */

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:600px;		/* Minimum width of layout - remove line if not required */					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:80%;
	font-family:Verdana, Sans-Serif;
	text-align:justify;
	color:#525252;
}

.invisible {display:none;}
.clearer {clear: both;}   

img {border:none;}

a {
	color:#369;
}  
a:hover {
	color:#15416D;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
h3 {font-size:0.9em; height:25px; background: #FFF url(/_style/img/bilancia.jpg) bottom left no-repeat; 
    border-bottom: solid 1px #BFC3C3; 
    color: #15416D; padding: 0; padding-left:35px; 
    margin: 0; margin-top: 10px;
    }
h3 a { text-decoration: none;}
h3 a:hover { color: Black; text-decoration: none;}  
h4 {font-size: 0.9em; height:20px; color: #15416D; border-bottom: solid 1px #BFC3C3; padding: 0; margin: 0; margin-top: 15px; margin-bottom:5px;}
h4 a { text-decoration: none;}
h4 a:hover { color: #153862; text-decoration: none;} 
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
hr.scheda {display:none;}

/* Header styles */
#header {
       clear:both;
       float:left;
       width:100%;
       background-color:White;
}
#header 
    {
       border-bottom:2px solid #003366;
}
#header p,
#header h1,
#header h2 {
       padding:.4em 15px 0 15px;
       margin:0;
       display:none;
}
#header ul {
       clear:left;
       /*float:left;*/
       width:100%;
       list-style:none;
       margin:10px 0 -2px 0;
       padding:0;
       padding-top: 10px; /* aggiunte */
       font-size:0.8em;
       border-bottom:10px;
}
#header ul li {
       display:inline;
       list-style:none;
       margin:0;
       padding:0;  
}
#header ul li a {
       display:block;
       float:left;
       margin:0 0 -2px 2px;  /* margin:0 0 0 2px; */ 
       padding:3px 15px;
       text-align:center;
       background:#003366;
       color:#FFF; 
       text-decoration:none;
       position:relative;
       left:auto; right:auto;
       line-height:1.3em;
       border:none;
}

#header ul li a:hover {
       background:#369;
       color:#fff; 
}
#header ul li a.active,
#header ul li a.active:hover {
       color:#000;
       background:#FFF;
       border:solid 2px #003366;
       border-bottom:none;
}

#header ul li a.riservata,
#header ul li a.riservata:hover  
{
    float:right;
}

#header ul li a span {
       display:block;
}


.logo {float:left;}
.giustizia {float:right;}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}   
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}   

.col2,.col3
{
}

/* 3 Column settings */
.threecol {
	background:#FFF;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#FFF;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
	line-height:1.5em;
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:2px solid #003366;
	text-align:center;
	font-size:0.9em;
}
#footer p {
	padding:10px;
	margin:0;
}

#footer a:link,#footer a:visited 
{
    font-size:0.95em;
    color:#003366;
    text-decoration:none;
    font-weight:bold;
}

#footer a:hover 
{
    text-decoration:underline;
}

#footer .realizzato_da { font-size:0.95em; border-top: solid 1px #cecece;}

#breadcrumbs {
	padding: 3px 20px; padding-bottom:6px;
	font-size:0.8em; font-weight:bold;
    border-bottom:1px solid #CCC;
}

#breadcrumbs p {
	margin: 0.5em 0 0 0;
}

#breadcrumbs a:link, #breadcrumbs a:visited  {
	text-decoration: none; color:#15416D;
}

#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus {
	text-decoration: underline;
}
 


div.col2 li.titolone,div.col3 li.titolone
{
    list-style-image: none; list-style-type: none;
    font-size:12px;font-family:Verdana, Sans-Serif; border: none; background: #FFF;
    border:solid 1px Green;
    margin:0;
}

div.col2 li.titolone:hover {background: #FFF;}

div.col2 ul,div.col3 ul
{
    margin:0;
    list-style-type:none; list-style-image:none;
}

div.col2 li a,div.col3 li a
{  
    padding: 5px; 
    margin-left:-20px;
    margin-left:0;
    border-bottom:solid 1px #CCC;
    display:block;
    color: #525252; font-weight: bold;
    text-decoration:none;
    font-size:0.8em;
    margin-left:-40px;*margin-left:0px;
}             

div.col2 li:hover a,div.col3 li:hover a {color: #FFFFFF; text-decoration: none; display:block; padding:5px;
                     background-color:#15416D; color:White; border-bottom:solid 1px #15416D;
                     }
div.titolo_h4 
{
    background: #FFF url(img/gi.gif) bottom left no-repeat; height: 36px; width: auto; padding: 0;
    padding-left:12px; margin: 0; margin-top: 15px; margin-bottom: 15px;
}

/* CERCA NEL SITO */
input.btnCerca { font-weight: bold; }
.btnCerca {width:6.0em; height:2.1em;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em;}
.lente { vertical-align:middle;}
.cercabox {float:left; margin-top:40px; margin-left:10%; border:solid 1px #CCC; padding:15px 30px;}

/* ACCESSIBILITA' */
#Tabelle_accessibilita table { width: 98%; margin: auto; padding: 0; border: solid 1px #cecece; border-collapse: collapse;}
#Tabelle_accessibilita th { background-color: #003366; color:White; border: solid 1px white; font-size: 0.9em; padding: 2px 7px 2px 7px;}
#Tabelle_accessibilita td { text-align:left; font-size:0.85em; vertical-align:top; border-bottom: dotted 1px #cecece; border-left: solid 1px #cecece; padding: 2px 7px 2px 7px;}
#Tabelle_accessibilita td.requisito {border: dotted 1px #cecece; border-top:none; background-color: #F3F2F8;}

/* RIQUADRI NELLA HOME PAGE */

#riquadri div.bordato {text-align:left; width: 99%; float: left; margin: 0; margin-top: 10px;  border: solid 1px #CCC; padding:0; text-align:justify; font-size:0.8em;}

#riquadri div.titoli_home {background: #003366; font-size:1.2em; border: none; color: White; font-weight: bold; margin: 0px; padding: 0px; padding-top:7px; padding-bottom:7px; } 
#riquadri div.titoli_home a { color: White; text-decoration: none; text-align: left; padding-left: 10px; padding-right: 8px; display:block;}
#riquadri div.titoli_home a:hover { color: Yellow; text-decoration: none;} 
#riquadri div.titoli_home strong { padding-left: 10px; padding-right: 8px; display:block;} 

#riquadri div.aste { background-image: url(img/bottoni/aste.jpg); background-repeat: no-repeat; background-position:center right;}
#riquadri div.giurisprudenza { background-image: url(img/bottoni/giurisprudenza.jpg); background-repeat: no-repeat; background-position:center right; }
#riquadri div.bollettino { background-image: url(img/bottoni/bollettino.jpg); background-repeat: no-repeat; background-position:center right; }
#riquadri div.dove { background-image: url(img/bottoni/dove.jpg); background-repeat: no-repeat; background-position:center right; }
#riquadri div.chi { background-image: url(img/bottoni/come.jpg); background-repeat: no-repeat; background-position:center right; }
#riquadri div.sezioni { background-image: url(img/bottoni/banca_dati.jpg); background-repeat: no-repeat; background-position:center right; }

#riquadri div.interno {padding:5px;}
#riquadri div.interno ul {margin-left:0px; padding: 0px;}
#riquadri img.mappa_piccola {width: 98%; border: solid 1px #CCC; float: left; margin:auto; margin-bottom:5px;}
#riquadri .banners {width: 90%; float: left; margin: 10px; padding: 5px;} 
#riquadri .banners img {border: solid 1px #CCCCCC;}

.freccia li
{
    background: url(img/freccia.gif) no-repeat center left;
    padding-left:10px; font-size:1.2em;padding-left:50px;*padding-left:10px;
}