/***********************/
/* Regole CSS generali */
/***********************/

body{
	background-color: #FFFFFF;
	min-width: 940px;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #003333;
}

/* Fahrner image replacement, variante accessibile */

span.fir{
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
}

strong {
	font-weight: bold;
}

/****************************************/
/* Regole strutturali per layout fluido */
/****************************************/

#contenitore{
	position: relative;
	float:left;
	width:100%;
	margin-left:-500px;
	z-index: 1;
}
#contenuti{
	margin-left:500px;
	padding: 15px 20px;
}
#colonna-dx{
	position: relative;
	float:right;
	width:250px;
	margin: 20px 0 0 0;
}
#colonna-sx{
	position: relative;
	float:left;
	width:250px;
	z-index: 2;
	margin: 10px 0 0 0;
}
#footer{
	clear:both;
	width:100%
}

/**********/
/* HEADER */
/**********/

/* Definizione header */
#header{
	position: relative;
	height: 100px;
	background-color: #9c9374;
}

/* Definizione bordo sopra e sotto l'header */
#porta-header{
	padding: 10px 0;
	background-color: #595442;
}

/* Logo */
#header h1{
	position: relative;
	width: 376px;
	height: 100px;
	background: url(/portali-verticali-theme/images/_portali_verticali/header-logo.jpg) no-repeat;
	z-index: 5;
}

/* Link in logo */
#header h1 a{
	width: 376px;
	height: 100px;
	display: block;	
}

/* Foto nell'header */
#header img{
	position: absolute;
	height: 100px;
	top: 0;
	right: 0;
}

/* Link CESTEC e Regione Lombardia */
#header h5 a{
	display: block;
	position: absolute;
}

#header h5 a.link-cestec{
	top: 31px;
	right: 108px;
	width: 159px;
	height: 35px;
}

#header h5 a.link-regione{
	top: 24px;
	right: 14px;
	width: 53px;
	height: 96px;
}

/*******/
/* BOX */
/*******/

/* Definizione regole generiche per i box laterali */
.box{
	padding: 0 0 16px 0;
	margin:  10px 0 10px 0;
	color: #FFFFFF;
	background-color: #bbaf87;
	position: relative;
}

.box .angolo{
	height: 16px;
}

.box p{
	margin: 5px 0;
}

/* Definizione titoli box */
.box h3{
	background: url(/portali-verticali-theme/images/_portali_verticali/box-sfondo-titolo.jpg) no-repeat;
	color: #595442;
	height: 19px;
	padding: 2px 0 0 28px;
	font-size: 14px;
	margin: -5px 0 5px 0;
}

.box h5{
	color: #66CCFF;
	font-weight: bold;
	margin-top: 15px;
}

/* Definizione stili tabella dentro box */
.box table{
	width: 100%;
}

.box tr{
	background-color: #293d58;
	border-bottom: 1px solid #FFF;
}

.box td{
	padding: 4px;
}

.box td.small-column{
	width: 50px;
}

.box th{
	background-color: #1f3046;
	padding: 4px;
}

/* Definizione link dentro box, generici e specifici (es. documento PDF) */
.box a{
	text-decoration: none;
	color: #595442;
}

.box a:hover{
	text-decoration: underline;
}

.box a.link-pdf{
	display: block;
	background: url(/portali-verticali-theme/images/_portali_verticali/icona-pdf.png) no-repeat left top;
	padding: 0 0 0 20px;
}

/* Definizione caratteristiche box */
.contenuto-box{
	padding: 0 18px 0 28px;
}

.sinistro{
	background-image: url(/portali-verticali-theme/images/_portali_verticali/boxsx-bordobasso.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.destro{
	background-image: url(/portali-verticali-theme/images/_portali_verticali/boxdx-bordobasso.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.sinistro .angolo{
	height: 16px;
	background: url(/portali-verticali-theme/images/_portali_verticali/boxsx-bordoalto.jpg) right;
}

.destro .angolo{
	height: 16px;
	background: url(/portali-verticali-theme/images/_portali_verticali/boxdx-bordoalto.jpg) left;
}

/* Definizione per box search */

#porta-box-search .box{
	background-color: #968d6c;
}

#porta-box-search .sinistro .angolo{
	height: 16px;
	background: url(/portali-verticali-theme/images/_portali_verticali/box-search-sx-alto.jpg) right;	
}

#porta-box-search .destro .angolo{
	height: 16px;
	background: url(/portali-verticali-theme/images/_portali_verticali/box-search-dx-alto.jpg) left;
}

#porta-box-search  .sinistro{
	background-image: url(/portali-verticali-theme/images/_portali_verticali/box-search-sx-basso.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#porta-box-search  .destro{
	background-image: url(/portali-verticali-theme/images/_portali_verticali/box-search-dx-basso.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#porta-box-search .campo{
	width: 160px;
}

#porta-box-search .tasto{
	position: absolute;
	top: 15px;
	right: 18px;
}

#porta-box-search a.link-stampa{
color: #FFF;
	display: block;
	margin: 20px 0 0 0;
	width: 100%;
	background: transparent url(/portali-verticali-theme/images/_portali_verticali/btn-print.jpg) no-repeat right center;}

/* Definizioni per label nei box */

.box label{
	display: block;
}

/* Definizione regole per box "news" (solo sinistro) */

.news ul{
	margin: 0 0 0 -5px;
}

.news ul li a.testo{
	text-decoration: none;
	color: #FFFFFF;
}

.news ul li h5{
	color: #bbd800;
	font-weight: bold;
	width: 145px;
}

.news ul li a.testo{
	text-decoration: none;
	color: #FFFFFF;
}

.news .link-archivio{
	font-weight: bold;
	display: block;
	margin: 12px 0 0 -5px;
}

/*********/
/* FORMS */
/*********/

#form .legend{
	background: #baae86 url(/portali-verticali-theme/images/_portali_verticali/breadcrumbs-angolo-dx.jpg) no-repeat right;
	height: 26px;
	margin: 20px 0 10px 0; 
}

#form .legend .angolo{
	height: 26px;
	width: 20px;
	background: #baae86 url(/portali-verticali-theme/images/_portali_verticali/breadcrumbs-angolo-sx.jpg) no-repeat left;
	float: left;
}

#form .legend .titolo{
	padding: 4px 0 0 0;
	display: block;
	color: #595442;
	font-size: 16px;
}

#form .campo{
	margin: 5px 0;
}

#form label {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  color: #595442;
  font-size: 12px;
  font-weight: bold;
}

#form fieldset ol {
  margin: 0;
  padding: 0;
}

#form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

#form fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

#form fieldset fieldset label {
  display: block;
  width: auto;
}

#form em {
  font-weight: bold;
  font-style: normal;
  color: #baae86;
}

#form label {
  width: 150px;
}

#form ol li input{
	margin: 0 0 0 15px;
	color: #595442;
}

#form .errore{
	color: #DD0000;
	margin: 0 0 0 20px;
}

#form #tasto-invia{
	margin: 10px 0 0 175px;
}

/************************/
/* NAVIGAZIONE LATERALE */
/************************/

/* Eventuale titolo che sovrasta i menu */

#colonna-sx h4{
	color: #096e0a;
	font-size: 16px;
	margin: 35px 0 0 10px;
}

/* Definizione menu di secondo livello, con relativi sottolivelli e link */

.navigazione{
	margin: 20px 0 20px 0;
}

.navigazione a{
	text-decoration: none;
}

.navigazione ul li a{
	display: block;
	width: 224px;
	color: #FFFFFF;
	height: 20px;
	padding: 6px 0 0 26px;
	margin: 0 0 2px 0;
}

.navigazione ul li a:hover{
	background-position: right -26px;
}

.navigazione ul li ul li a{
	display: block;
	width: 215px;
	color: #676767;
	height: 12px;
	padding: 3px 0 3px 35px;
}

.navigazione ul li ul li a:hover{
	background-position: right -18px;
}

.navigazione ul li ul li ul li a{
	display: block;
	width: 200px;
	background-color: white;
	color: #676767;
	height: 12px;
	padding: 3px 0 3px 50px;
}

.navigazione .bullet{
	height: 24px;
	width: 26px;
	position: absolute;
	top: 4px;
	left: 0;
}

.navigazione h3{
	width: 223px;
	height: 21px;
	margin: 0 0 4px 0;
	padding: 7px 0 0 27px;
	color: #FFFFFF;
	position: relative;
	font-size: 14px;
}

.navigazione ul li a.attuale{
	color: #FFFFFF;
	background: url(/portali-verticali-theme/images/_portali_verticali/nav-attuale.jpg) no-repeat right top;
}

.navigazione ul li ul li a.attuale{
	color: #FFFFFF;
	background: url(/portali-verticali-theme/images/_portali_verticali/nav-piccolo-attuale.jpg) no-repeat right top;
}

.navigazione ul li a{
	background: url(/portali-verticali-theme/images/_portali_verticali/nav-link.jpg) no-repeat right top;
}

.navigazione ul li ul li a{
	background: white url(/portali-verticali-theme/images/_portali_verticali/nav-piccolo.jpg) right top;
}

.navigazione .bullet{
	background: url(/portali-verticali-theme/images/_portali_verticali/box-sfondo-titolo.jpg) no-repeat;
}

.navigazione h3{
	background: url(/portali-verticali-theme/images/_portali_verticali/nav-titolo.jpg) no-repeat right top;
}

.navigazione ul li ul li a.attuale{
	background: url(/portali-verticali-theme/images/_portali_verticali/nav-piccolo-attuale.jpg) no-repeat right top;
}

/*************/
/* CONTENUTI */
/*************/

/* Definizione separatore */

.separatore{
	border-bottom: 2px solid #e1e1e1;
	margin: 15px 0 17px 0;
	clear:both;
}

/* Definizione breadcrumbs e relativi link */

#contenuti #breadcrumbs{
	height: 26px;
	margin: 15px 0 15px 0;
	background: #baae86 url(/portali-verticali-theme/images/_portali_verticali/breadcrumbs-angolo-dx.jpg) no-repeat right;
	position: relative;
}

#contenuti #breadcrumbs p{
	position: absolute;
	bottom: 4px;
	left: 11px;
}

#contenuti #breadcrumbs a{
	text-decoration: none;
	color: #595442;
}

#contenuti #breadcrumbs a:hover{
	text-decoration: underline;
}

#contenuti #breadcrumbs .angolo{
	width: 10px;
	height: 26px;
	float: left;
	background: url(/portali-verticali-theme/images/_portali_verticali/breadcrumbs-angolo-sx.jpg);
}

/* Definizione stili e link per il corpo centrale del testo */

#contenuti #testo{
	clear: right;
	font-size: 13px;
	text-align: justify;
}

#contenuti #testo img{
	float: right;
	margin: 0 0 8px 25px;
}

/* Definizioni generali contenuti */

#contenuti h2{
	color: #595442;
	font-size: 26px;
	margin: 20px 0 20px 0;
}

#contenuti h3{
	color: #595442;
	font-size: 18px;
	margin: 0 0 0 0;
}

#contenuti h5{
	color: #595442;
	font-size: 14px;
	margin: 20px 0 5px 0;
}

#contenuti p{
	margin: 9px 0 0 0;
}

#contenuti{
	line-height: 18px;
}

#contenuti #testo a, #contenuti #due-colonne a{
	color: #595442;
	text-decoration: none;
}

#contenuti #testo a:hover,  #contenuti #due-colonne a:hover{
	text-decoration: underline;
}


/* Definizioni per spazio Primo Piano */

.porta-primopiano{
	margin: 40px 0 0 0;
}

.porta-primopiano a{
	color: #1d7536;
	text-decoration: none;
}

/* Definizione blocco a due colonne per contenuti centrali */

#due-colonne{
	clear: both;
}

#colonna-sx-testo{
	width: 48%;
	float: left;
	padding: 20px 0;
}

#colonna-dx-testo{
	width: 48%;	
	float: right;
	padding: 20px 0;
}

/* Definizione box lancio centrali */

#porta-box-lancio{
	clear: both;
}

.lancio{
	width: 184px;
	height: 231px;
	background: url(/portali-verticali-theme/images/_portali_verticali/box-lancio-sfondo.jpg) no-repeat;
	line-height: 16px;
	padding: 10px 15px;
	margin: 0 10px 10px 0;
	float: left;
}

.lancio h6{
	color: #FFF;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.lancio a.link-vai{
	color: #595442;
	text-decoration: none;
	display: block;
	margin: 10px 0 0 0;
}

.lancio a.link-vai:hover{
	text-decoration: underline;
}


/* Definizione elenchi puntati */

#contenuti ul{
	list-style-type: none;
	margin: 0 0 19px 0;	
}

#contenuti ul li{
	background: url(/portali-verticali-theme/images/_portali_verticali/contenuti-bullet.jpg) no-repeat scroll 12px 15px;
	padding:8px 0 0 25px;
	position:relative;
}


/* Definizion sitemap e relativi link */

#contenuti .sitemap{
	float: left;
	margin: 40px 30px 20px 0;
	min-height: 160px;
}

#contenuti .sitemap h4{
	color: #595442;
	font-size: 18px;
	margin: 0 0 6px 0;
}

#contenuti .sitemap ul li{
	font-size: 14px;
	background:none;
	padding: 1px 0;
}

/* Definizione stili speciali per pagina progetti */

#header-progetto {
	width: 100%;
	height: 96px;
	margin: 0 0 15px 0;
}

#header-progetto img{
	float: right;
}

#header-progetto h3{
	color: #324A69;
	font-size: 22px;
}

#header-progetto h5{
	color: #949494;
	font-size: 15px;
}


/**********/
/* FOOTER */
/**********/

/* Definizione footer e relativi link */
#footer {
	background-color: #595442;
	color: #FFFFFF;
}

#footer div{
	padding: 20px 0 15px 15px;
}

#footer a{
	text-decoration: none;
	color: #FFFFFF;
}

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