/*importa il footer della pagina*/

@import url(/carige/html/ita/includes/comuni.css);
@import url(/carige/html/ita/includes/contenuti.css);

/*========================================================*/

/*a seguire i 4 box che contengono le altrettante sezioni, dentro ai box sono presenti altre 2 aree, una e' il titolo, l'altra e' la zona dove sono presenti i link (quella _none e' per pagine senza voci di navigazione) */

#nav_1 {
	width:235px;
	height:100%;
	float:left;
	margin:0;
}

.dentro_nav_1 {
	width:233px;
	height:69px;
	border-right:#ff4c17 2px solid;
	background:#ffc591 url(/carige/html/ita/gifs/navbar_back_1.jpg) no-repeat;
}

.dentro_nav_1_color {
	width:233px;
	height:69px;
	border-right:#ff4c17 2px solid;
	background:#ffc591 url(/carige/html/ita/gifs/navbar_back_1_color.jpg) no-repeat;
}

#nav_2 {
	width:235px;
	height:100%;
	float:left;
	margin-left:14px;
}

.dentro_nav_2 {
	width:233px;
	height:69px;
	border-right:#ff9200 2px solid;
	background:#ffe98a url(/carige/html/ita/gifs/navbar_back_2.jpg) no-repeat;
}

.dentro_nav_2_color {
	width:233px;
	height:69px;
	border-right:#ff9200 2px solid;
	background:#ffe98a url(/carige/html/ita/gifs/navbar_back_2_color.jpg) no-repeat;
}

#nav_3 {
	width:235px;
	height:100%;
	float:left;
	margin-left:14px;
}

.dentro_nav_3 {
	width:233px;
	height:69px;
	border-right:#00a1b1 2px solid;
	background:#daf6f9 url(/carige/html/ita/gifs/navbar_back_3.jpg) no-repeat;
}

.dentro_nav_3_color {
	width:233px;
	height:69px;
	border-right:#00a1b1 2px solid;
	background:#daf6f9 url(/carige/html/ita/gifs/navbar_back_3_color.jpg) no-repeat;
}

#nav_4 {
	width:235px;
	height:100%;
	float:right;
}

.dentro_nav_4 {
	width:233px;
	height:69px;
	position:relative;
	top:0;
	left:0;
	border-right:#00a1b1 2px solid;
	background-color: #daf6f9;
	text-align: center;
}

.dentro_nav_4 a:hover {
	background:none;
	text-decoration:none;
}

#navigazione_1 {
	width:982px;
	height:100%;
	margin:0;
	padding:3px 0 3px 0;
	list-style-type:none;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:0.8em;
	background:#ffc591;
	border-top:#ff4c17 2px solid;
}

#navigazione_1 li {
	display:inline;
	margin-left:10px;
}

#navigazione_2 {
	width:982px;
	height:100%;
	margin:0;
	padding:3px 0 3px 0;
	list-style-type:none;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:0.8em;
	background:#ffe98a;
	border-top:#ff9200 2px solid;
}

#navigazione_2 li {
	display:inline;
	margin-left:10px;
}

#navigazione_3 {
	width:982px;
	height:100%;
	margin:0;
	padding:3px 0 3px 0;
	list-style-type:none;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:0.8em;
	background:#daf6f9;
	border-top:#00a1b1 2px solid;
}

#navigazione_3 li {
	display:inline;
	margin-left:8px;
}

#navigazione_none {
	width:982px;
	height:0px;
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:0.8em;
	background:#daf6f9;
	border-top:#00a1b1 2px solid;
}

/*======================================================================================*/

/*percorso documento*/

#percorso {
	height:100%;
	margin:0 0 10px 0;
	text-align:right;
}

#percorso ul {
	margin:0;
	padding:0;
	font-family:"Arial", Helvetica, sans-serif;
	color:#303030;
	font-size:0.8em;
	list-style:none;
}

#percorso li {
	margin:0;
	padding:0;
	display:inline;
}


/*==================================================================================================*/

/*inizio delle regole che controllano l'area dei contenuti*/

#contenuti {
	width:1000px;
	height:100%;
	margin-bottom:10px;
	padding-left::15px;
}

#cont_contenuti {
	width:1000px;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	top:0;
}

/*contiene i menu con i sottolivelli*/

#contenuti_sx {
	width:235px;
	height:100%;
	float:left;
	position:relative;
	top:0;
	margin-right:10px;
}

/*menu sottolivelli*/

.sottolivelli_1 {
	list-style-type:none;
	margin:0px;
	padding:7px;
	background:#ffc591;
	border-right:#ff4c17 2px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #000000;
	line-height:130%;
}

.sottolivelli_1_mappa {
	list-style-type:none;
	margin:0px;
	padding:7px;
	background:#ffc591;
	border-right:#ff4c17 2px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #000000;
	line-height:130%;
}

.sottolivelli_2 {
	list-style-type:none;
	margin:0px;
	padding:7px;
	background:#ffe98a;
	border-right:#ff9200 2px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	line-height:130%;
}

.sottolivelli_2_mappa {
	list-style-type:none;
	margin:0px;
	padding:7px;
	background:#ffe98a;
	border-right:#ff9200 2px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	line-height:130%;
}

.sottolivelli_3 {
	list-style-type:none;
	margin:0px;
	padding:7px;
	background:#daf6f9;
	border-right:#00a1b1 2px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	line-height:130%;
}

.sottolivelli_3_mappa {
	list-style-type:none;
	margin:0px;
	padding:7px;
	background:#daf6f9;
	border-right:#00a1b1 2px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	line-height:130%;
}

.sottolivello {
	width:205px;
	position:relative;
	left:12px;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.sottolivello ul {
	margin:0px;
	padding-left:15px;
	list-style-type:none;
}

/*contiene tutti gli elementi*/
#contenuti_dx {
	width:755px;
	height:100%;
	float:right;
	position:relative;
	top:0;
}

/*contiene tutti gli elementi (usata solo in dove_trovarci.jsp)*/
#contenuti_dx_map {
	width:1000px;
	height:100%;
}
#contenuti_dx_map ul {
	margin:0;
	padding:0;
}
/* (usata solo in dove_trovarci.jsp) */


/*da usare solo per il titolo della pagina*/
.titolo_lungo {
	height:100%;
	width:745px;
	border-top:#505050 1px solid;
	border-bottom:#505050 1px solid;
	background:#FFF url(/carige/html/ita/gifs/titolo_back.gif) repeat-y right;
	text-align:left;
	margin:0;
	padding:0 0 0 10px;
	font-size:0.95em;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	color:#303030;
}

.titolo_lungo_template {
	height:100%;
	width: 1000px;
	border-top:#505050 1px solid;
	border-bottom:#505050 1px solid;
	background:#FFF url(/carige/html/ita/gifs/titolo_back.gif) repeat-y right;
	text-align:left;
	margin:0;
	padding:0;
	font-size:0.95em;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	color:#303030;
}

#inserimento {
	width:719px;
	height:100%;
	padding:10px 10px 10px 20px;
	font-family:"Arial", Helvetica, sans-serif;
	color: #303030;
	font-size:0.8em;
}

#inserimento_template {
	width: 1000px;
	height:100%;
	padding:10px 0 20px 0;
	font-family:"Arial", Helvetica, sans-serif;
	color: #303030;
	font-size:0.8em;
	position: relative;
}


/*con questo stile si definisce il titolo con il quadrato a sinistra*/

.tit_quad {
	position:relative;
	left:-10px;
	margin:0 0 1.2em 0;
	padding:0 0 0 10px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
	color:#303030;
	background-image: url(/carige/html/ita/gifs/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

/*fine degli stili essenziali della pagina, il footer e' importato da un css esterno*/

/*=======================================================================================*/

/*da qui possono essere inseriti stili che non sono stati previsti in precedenza*/

/*adobe reader e winzip background*/

.adobe_zip1 {
	width:710px;
	height:50px;
	background-color:#ffc591;
	color: #303030;
}

.adobe_zip2 {
	width:710px;
	height:50px;
	background-color:#ffe98a;
	color: #303030;
}

.adobe_zip3 {
	width:710px;
	height:50px;
	background-color:#daf6f9;
	color: #303030;
}

/*classi per la definizione delle pagine esigenze */


.testo_esigenze {
	height: 100px;
	margin-top: 10px;
	margin-bottom: 60px;
	padding: 0 10px 0 10px;
}

.cont {
	margin-top: 10px;
	padding: 0 10px 0 30px;
}


.container_esigenze {
padding-top: 28px;
margin-left: 25px;

}

.bg_esigenze {
background-image:url(/gruppo/html/ita/esigenza/img/bg_esigenze.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
clear: right;
height: 200px;
}


ul.elenco_esigenze {
width: 600px;
overflow: hidden;
line-height: 1.8;
}

ul.elenco_esigenze li {
display: inline;
float: left;
width: 33%;
margin-left: 1%;
}

ul.elenco_esigenze a {
display: block;
height: auto !important;
height: 1%;
padding-left:16px;
background: transparent url(/gruppo/html/ita/gifs/q.gif) no-repeat center left;

}

ul.elenco_esigenze a:hover {
display: block;
height: auto !important;
height: 1%;
padding-left:16px;
background: transparent url(/gruppo/html/ita/gifs/q.gif) no-repeat center left;

}

ul.elenco_esigenze_normale {
width: 98%;
overflow: hidden;
line-height: 1.8;
}

ul.elenco_esigenze_normale li {
width: 100%;
list-style-type: none;
line-height: 1.6;
}

ul.elenco_esigenze_normale a, ul.elenco_esigenze_normale a:hover {
display: block;
height: auto !important;
height: 1%;
padding-left:16px;
background: transparent url(/gruppo/html/ita/gifs/q.gif) no-repeat center left;
}

.bg_esigenze_long {
background-image:url(/gruppo/html/ita/esigenza/img/bg_esigenze_long.jpg);
background-repeat: no-repeat;
width: 715px;
height: 320px;
clear: right;
margin: 0;
}

ul.elenco_esigenze_long {
width: 98%;
overflow: hidden;
line-height: 1.7;
}

ul.elenco_esigenze_long li {
display: inline;
float: left;
width: 45%;
margin-left: 2%;
}

ul.elenco_esigenze_long a, ul.elenco_esigenze_long a:hover  {
padding-left: 16px;
background: transparent url(/gruppo/html/ita/gifs/q.gif) no-repeat;
background-position: 0px 4px;
margin-top: 0;
}
/*fine classi per la definizione delle pagine esigenze */

/* inizio stili per la mappa */
#nav_1_map {
	width:235px;
	height:100%;
	margin:0;
}

.dentro_nav_1_map {
	width:226px;
	height:100% !important;
	height:11.3em;
	min-height:11.3em;
	margin:0;
	padding:0 0 7px 7px;
	/*
	border-right:#ff4c17 2px solid;
	border-bottom:#ff4c17 2px solid;
	background:#ffc591 url(/carige/html/ita/gifs/navbar_back_1.jpg) no-repeat;
	*/
	background:#ffc591;
	list-style-type:none;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:0.8em;
}

#nav_2_map {
	width:235px;
	height:100%;
	/*float:left;*/
	margin-left:14px;
}

.dentro_nav_2_map {
	width:226px;
	height:100% !important;
	height:11.3em;
	min-height:11.3em;
	margin:0;
	padding:0 0 7px 7px;
	/*
	border-right:#ff9200 2px solid;
	border-bottom:#ff9200 2px solid;
	background:#ffe98a url(/carige/html/ita/gifs/navbar_back_2.jpg) no-repeat;
	*/
	background:#ffe98a;
	list-style-type:none;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:0.8em;
}

#nav_3_map {
	width:235px;
	height:100%;
	margin-left:14px;
}

.dentro_nav_3_map {
	width:226px;
	height:100% !important;
	height:11.3em;
	min-height:11.3em;
	margin:0;
	padding:0 0 7px 7px;
	/*
	border-right:#00a1b1 2px solid;
	border-bottom:#00a1b1 2px solid;
	background:#daf6f9 url(/carige/html/ita/gifs/navbar_back_3.jpg) no-repeat;
	*/
	background:#daf6f9;
	list-style-type:none;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:0.8em;
}

#nav_4_map {
	width:235px;
	height:100%;
	margin-left:14px;
}

.dentro_nav_4_map {
	background:#daf6f9;
	width:226px;
	height:100%;
	margin:0;
	padding:7px 0 15px 7px;
	/*
	padding:3px 0 0 0;
	border-right:#00a1b1 2px solid;
	border-bottom:#00a1b1 2px solid;
	text-align:center;
	*/
	list-style-type:none;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:0.8em;
}


.blocchi_mappa {
	width:235px;
	height:100%;
	top:0;
	margin-top: 15px;
	margin-bottom: 15px;
}

.blocchi_mappa_impresa {
	width:235px;
	height:100%;
	top:0;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 14px;
}
/* fine stili per la mappa*/

/*css per la sezione trasparenza fogli informativi */
.codice {
width: 80px;
}