/* TAG STANDARD */
* {
    margin: 0;
}

div {
    margin: 0;
}

body {
    text-align: center;
    background: rgb( 204, 212, 226 );
    line-height: 102%;
}
a, a:visited{
  text-decoration: none;
  color: inherit;
}
img {
    border: 0 none;
}

table {
    border: 0px silver dotted;
}
html {
     overflow: -moz-scrollbars-vertical;
}

iframe {width:531px;height:700px;  border: 0px transparent solid;}

hr {height:1px;}

dd {display:none;}


/* DIV */
#tutto {
    margin: 0 auto;
    font-family: "arial";
    font-size: 0.75em;
    background: white;
    width: 970px;
    min-height: 700px;     
   overflow:auto;
   height: 100%;
}

#strisciablu {
    width: 100%;
    height: 15px;
    margin-bottom: 0px;
}

#strisciaverde {
    width: 100%;
    height: 86px;
    font-size: 73%;
    color: white;
    background-image: url(../img/pverde.jpg);
    text-align: left;
}

#logoveolia {
    height: 86px;
    width: 474px;
    background-image: url(../img/plogo.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    z-index: 1 !important;
    float: right;
}

#suverde {
    padding-top: 30px;
    padding-left: 60px;
    z-index: 8 !important;
    font-size:11px;
    font-family: "arial narrow", "arial", "helvetica", "sans serif";
}
#fondo {
    margin-top:0px;
    padding-top:0px;
}
#fondo a {color:black;font-weight: normal;}

#linkfondo {
    padding-top: 1px;
    padding-left: 60px;
    z-index: 8 !important;
}

#imgtesta {
    margin-top:0px;
    background: url(../img/testa.jpg) no-repeat top;
    height: 107px;
    margin-top: 0px;
    text-align: left;
}

#logotesta {
    margin-left: 152px;
    margin-top: 70px;
}

#divimgtel {
    text-align: left;
    margin-top:0px;
}

#imgtel {
    text-align: left;
    z-index: 8;
    position: relative;
    top: 27px;
    left:60px;
}

#container {
    margin: 0 auto;
    text-align: left;
    width: 700px;
}

#testa {
    margin-bottom: 70px;
}


#navalto {
    text-align: right !important;
    font-size: 75%;
    background-color:silver;
    margin-right: 130px;
}

#navalto table {
    text-align: right !important;
    float:right !important;
}


#navalto td {
    margin-left: 3px;
    text-align: center;
    width: 80px;
}

#navalto a, #navalto a:visited {
    text-decoration: none;
    font-weight: bold;
}

/* MENU LATERALE SX */

	
   #csx {float: left;margin-right: 6px;width: 150px;line-height: 150%;}   
   #csx dt, #csx .fmenu {background: url(../img/qb.gif) no-repeat left center;padding-left:25px;margin-bottom:5px;margin-top:3px;}
   #csx h4 {color: rgb(76, 134, 93) !important; font-size:100%;margin-bottom:3px;margin-top:3px;margin-left:0px;padding-left:25px;}
   #csx p, #csx li {margin-left:0px;padding: 1px 1px 1px 12px;}
   #csx li, #csx ul, .sm {list-style:none;margin:0;}
   #csx a, #csx a:visited {color:rgb( 0, 40, 111 );}
   div.sm ul {padding-left:0px;}
   div.sm a {padding-left: 20px;}
   li.active {background: #00286E url(../img/qw.gif) no-repeat left center;padding-left:25px;}
   li.active a, li.active a:visited {color:white !important;}
   p.fmenu  a, dt a, dt a:visited{font-weight: bold; color: rgb( 0, 40, 111 ) !important} 
   p a, dd a:visited{color:rgb( 0, 40, 111 ) !important;font-weight: normal} 

#corpo {
    color: rgb( 0, 40, 111 );
    width: 531px;
    min-height:395px;
}

#corpo h2 {
   /* background: rgb( 204, 212, 226 ); */
    font-size: 110%;
    color: rgb( 0, 40, 111 );
    padding-left: 3px;
}

#corpo h1, #corpo h3, #corpo p, #corpo ul {
    padding-left: 3px;
}

#corpo p {
    text-align: justify;
    padding-bottom: 6px;
}

#corpo h1 {
    font-size: 125%;
    /*background: rgb( 204, 212, 226 ); */
    color: rgb( 0, 40, 111 );
    margin-bottom: 10px;
}

#corpo h3 {
    font-size: 110%;
    
    color: rgb( 0, 40, 111 );
    margin-top: 20px;
    margin-bottom: 10px;
}

#corpo h4 {
    font-size: 100%;
    color: rgb( 0, 40, 111 );
    /*font-style: italic;*/
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 3px;
}

#corpo a, #corpo a:visited {font-weight: bold;color: rgb( 0, 40, 111 ); text-decoration: underline;}

#corpo ul li {
    margin-left: 20px;
    margin-bottom: 10px;
    list-style: square;
    text-align: justify;
}

#corpo ol li {
    margin-left: 40px;
    margin-bottom: 10px;
    text-align: justify;
}

#listaservizi li {font-weight: bold;}
#listaservizi div {margin:20px;background:rgb( 204, 212, 226 );padding:3px;}
#listaservizi div li {font-weight: normal;}

#contatti p {text-align: left;}
#contatti table {margin-left:0px;line-height:100%;text-align:left;}

#tabpub td {width:145px !important;text-align:center;}

#tabmoduli, #tabqh2o {margin-left:20px;}
#tabmoduli td, #tabqh2o td {margin-bottom:10px;border-bottom: 1px silver dotted;}
.tdpdf {width: 14px;text-align: center;}

#cdx {
    float: right;
    width: 200px;
    overflow: visible;
}

#linkfondo {
    margin-top: 1px;
    text-align: left;
    color: black;
}

    #tig {
        position: absolute;
        top: 220px;
        left: 100px;
        /*
        top: -400px !important;
        left: -100px !important;
        */
        z-index: 4000 !important;
        width: 600px;
        display: none;
        padding: 0px;
        background-color: white;
        border: 1px navy solid;
        margin-bottom:0px;
    }
    #pop {
        position: absolute;
        z-index: 4000 !important;
        border: 1px navy solid;
        background: white;
        display: none;
        color: navy;
        overflow: hidden;
        }
  .nsc {
        z-index: 4000 !important;
        position:absolute;
		    margin-left: -30px; 
        border: 1px navy solid;
		padding:3px;
        background: white;
        display: none;
        color: rgb( 0, 40, 111 );
		text-align: center;
    } 
	.nsc h3 {
		margin-top:0px !important;
		padding:0px !important;
		text-align: center;
		border-bottom: 1px navy solid;
	}   
	.nsc img {
		border: 1px silver solid;
	}
    #popc{
        padding:5px;
        overflow: auto;
        width: 550px;
        height: 450px;
        
    }
    #popc h4{
        font-size: 100%;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    #popc p {padding-bottom: 3px;}
    

/* classi */
.chiudipop {
    font-size: 80%;
    text-align: right;
    width: 100%;
    background-color: rgb( 204, 212, 226 );
    margin-bottom: 2px;

}
.chiudpop a, .chiudipop a:visited {
    color: white;
    text-decoration: underline;
    padding-right: 10px;
    font-weight: bold;
}
.sfondoblu {
    background-color: #007EBE;
}

.sfondoverde {
    background-color: #4C865D;
}

.sfondoviola {
    background: rgb( 204, 212, 226 );
}
.bordoviola {
    border: 1px rgb( 204, 212, 226 ) solid;
}

.didascalia {
    margin-top: 1px !important;
    text-align: right !important;
}

.btnv {
	width: 90px !important;
    background: url(../img/btnv.gif) no-repeat center;
}
.btnv a, a:visited {color:white;}
.btn {font-size:8pt !important;     color: white;}
.btnr {
	width: 90px !important;
    background: url(../img/btnr.gif) no-repeat center;
}

.leggitutto {
    text-align: right !important;
    font-size: 75%;
	font-style: italic;
    color: rgb( 0, 40, 111 );
    margin-top: 1px;
}
.imgtestarticolo{
/*padding: 4px;
border: 1px silver solid;*/
margin-bottom: 5px;
margin-left:4px;
}
.numeroverde {font-size:110%;color: rgb( 76, 134, 93 );margin-top: 30px;}

.attivo, .active {color:white;background: #00286E url(../img/qw.gif) no-repeat left center;}
p.attivo a, p.attivo a:visited {color:white !important;font-weight: bold;}
/*
.tt:hover {border: 0px navy solid;}
*/
/************************ SUGGERIMENTI */

#tooltip {
  font-family: "arial";
  font-size: 0.75em;
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	color:navy;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 { font-size: 105%; }


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../img/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	font: 62.5%/1.4em Arial, Helvetica, sans-serif;
	color:#333333;
}


#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}