@CHARSET "UTF-8";



/* TAG DI USO COMUNE */

body {font: 12px Arial, Helvetica, sans-serif; background:#fff; color:#000; margin:0; padding:0}

a,a:visited {outline:0px; color: #5c7174;} /* i link in generale */

iframe { border: 0px none; background: #C0D1D3;}

th {font-size:12px; text-align:left; background: #C0D1D3; padding:3px;} /* le intestazioni di ogni tabella si aorizzontale che verticale */

h1 {font-size:14px; font-variant:small-caps; display:inline; color:#000000;} 	/* TITOLI PAGINA */

hr {color:#5c7174; text-align:center; width:95%; height:1px;}

iframe body {margin:0; padding:0;}

/* TAG DI USO COMUNE */



/* CLASSI + USATE */

.verdechiaro {background: #DBE4E6;}

td.righina {border-bottom:1px solid #5c7174; padding-top:15px;}

.chiudi {cursor:hand;}

.cursore {cursor:hand;}

th.scheda_dx {background: #E0E8E9;} /* titolo colonna verde schede di destra*/

.frameWindow {background: #FF0000; border-top: 4px solid #5c7174; border-bottom: 2px solid #5c7174; border-left: 2px solid #5c7174; border-right: 2px solid #5c7174;}

/* FINE CLASSI + USATE */



/* HOME PAGE */

div#container {

	text-align: center;

	width: 100%;

	margin-right: auto;

	margin-left: auto;

}



/* LOGIN */

div#login {

	/* PROVA TRASPARENZA */

	/*filter: alpha(opacity=70);

 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);

 	-moz-opacity: 0.70; opacity:0.7;*/



	text-align: right;

	background: #8DACAF;

	width: 350px;

	padding: 10px;

	margin-right: 50px;

	margin-left: auto;

}

div#logerror {

	font-weight: bold;

	color: #ff0000;

	text-align: center;

}

/* FINE LOGIN */



/* HEADER HOME */

div#headerhome {

	width:778px;

	font-family: Arial, Helvetica, sans-serif;

	text-align: left;

	left: auto;

	right: auto;

	height: 80px;

	margin-right: auto;

	margin-left: auto;

}

div#headerhome .logogolder {

	text-align: left;

	display: inline;

	float: left;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	clear: right;

}

div#headerhome .logogonetwork {

	text-align: right;

	display: inline;

	right: 0px;

	bottom: 0px;

	margin-top: 0px;

	padding-top: 0px;

	vertical-align: text-top;

	margin-right: 0px;

	padding-right: 0px;

	float: right;

}

div#headerhome h2 {

	font-size: 16px;

	font-variant: small-caps;

	display: block;

	clear: both;

	color: #FFFFFF;

	background: #5c7174;

	line-height: 18px;

	margin: 0px;

	padding: 0px;

	height: 18px;

	text-align: left;

	width: 778px;

}

div#homepage {

	/* background: url(/gda/images/index.jpg) no-repeat 0px 0px; */

	height: 326px;

	width: 778px;

	left: auto;

	right: auto;

	margin-right: auto;

	margin-left: auto;

}

div#footerhome {

	width:778px;

	background:#5c7174;

	height:14px;

	border-top: 2px solid #8dacaf;

	border-right: 2px;

	border-bottom: 2px;

	border-left: 2px;

}

/* FINE HOME PAGE */





/* FRAME HEADER */

div#header {

	width:778px;

	margin:auto 0;

	background: #8dacaf;

	font-family: Arial, Helvetica, sans-serif;

	display: inline;

	height: 80px;

	left: auto;

	right: auto;



}

div#header .logogolder {

	text-align: left;

	width: 50%;

	display: inline;

	float: left;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	clear: right;

}

div#header .logogonetwork {

	text-align: right;

	display: inline;

	right: 0px;

	bottom: 0px;

	margin-top: 0px;

	padding-top: 0px;

	vertical-align: text-top;

	margin-right: 0px;

	padding-right: 0px;

	width: 50%;

	float: right;



}

div#header h2 {

	font-size: 16px;

	font-variant: small-caps;

	display: block;

	clear: both;

	color: #FFFFFF;

	background: #5c7174;

	line-height: 18px;

	margin: 0px;

	padding: 0px;

	height: 18px;

	text-align: left;

}



.tabParOut {

	font-size: 11px;

	font-weight: normal;

}

/* FINE FRAME HEADER */



/* TAB MENU IN ALTO A SINISTRA */

div#tabMenu {

    background: #8dacaf;

    border-bottom: 1px solid #787878;

	border-left: 10px solid #ffffff;

	/*border-left: 10px solid #787878;*/

    padding: 0 30px 0 0;

    position: absolute;

	/*width:100%;*/

	top: 0px;

}

div#tabMenu ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    white-space: nowrap;

}

div#tabMenu li {

    display: inline;

    margin: 0;

    padding: 0;

}

div#tabMenu li a {

	color: #5c7174;

    text-decoration: none;

	font-weight:bold;

    background: #D4E3E5;

	border: 1px solid #787878;

    padding: 0px 0.3em;

	/*color: #036;*/

}

div#tabMenu li a:hover {

	color:#fff;

    background: #5c7174;

}

div#tabMenu li#activelink a {

	color: #fff;

    background: #5c7174;

	border-bottom: 1px solid #fff;

}

/* FINE TAB MENU IN ALTO A SINISTRA */





table.listTable {

	border: 0px;

	border-spacing: 0px;

}

.normal {

	font-family: Arial, Helvetica, sans-serif;

}

.row1 {

	background: #C0D1D3;

}

.row2 {

	background: #E0E8E9;

}

.shortrow1 {

	background: #C0D1D3;

	/*background-color: #EE9999;*/

}

.shortrow2 {

	background: #E0E8E9;

	/*background-color: #559999;*/

}

.inputwindow {

	background: #AAAAFF;

	position: absolute;

	visibility: hidden;

	top: 100px;

	left: 100px;

	width: 600px;

	height: 250px;

}

.sidewindow {

	background: #FFAAAA;

	position: absolute;

	visibility: hidden;

	top: 50px;

	left: 500px;

	width: 550px;

	height: 500px;

}

.stationsMenu {

	position: absolute;

	top: 30px;

	left: 20px;

	width: 300px;

	height: 420px;

}


.documentsMenuUp {

	position: absolute;

	top: 50px;

	left: 40px;

	width: 250px;

	height: 420px;

}


.documentsMenu {
	position: absolute;
	top: 150px;
	left: 40px;
	width: 250px;
	height: 420px;
}


.newSensorWindow {

	position: absolute;

	background: #AAAAFF;

	visibility: hidden;

	top: 350px;

	left: 20px;

	width: 250px;

	height: 220px;

}

.sensorWindow {

	position: absolute;

	background: #AAAAAA;

	visibility: hidden;

	top: 25px;

	left: 10px;

	width: 850px;

	/*width: 900px;*/

	height: 420px;

	z-index: 1;

}

.dataWindow {

	position: absolute;

	background: #AAAAAA;

	visibility: hidden;

	top: 25px;

	left: 10px;

	/*width: 900px;*/

	width: 850px;

	height: 420px;

	z-index: 1;

}

.documentWindow {

	position: absolute;

	background: #AAAAAA;

	visibility: hidden;

	top: 60px;

	left: 300px;

	width: 650px;

	height: 720px;

	z-index: 1;

}

.mapWindow {

	position: absolute;

	top: 30px;

	left: 330px;

	width: 560px;

	height: 300px;

	z-index: 0;

}

.alertWindow {

	position: absolute;

	visibility: hidden;

	top: 60px;

	left: 80px;

	width: 800px;

	height: 460px;

	z-index: 1;

}



table.buttonTable {

	font-family: Arial, helvetica. sans-serif;

	border: 2px solid;

	border-spacing: 10px;

}



a.linkgasq {





	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 13px;

	color: #CC0000;

	text-decoration: underline;

	font-weight: bold;

}

a.linkgasq:hover {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 13px;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #CC0000;

}


input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
}


/* BORDI STONDATI

.stondato {background: transparent; width:40%; margin:0 auto;}

.stondato h1, .stondato p {margin:0 10px;}

.stondato h1 {font-size:2em; color:#000; letter-spacing:1px;}

.stondato p {padding-bottom:0.5em;}



.stondato .top, .stondato .bottom {display:block; background:transparent; font-size:1px;}

.stondato .b1, .stondato .b2, .stondato .b3, .stondato .b4, .stondato .b5 {display:block; overflow:hidden; height:1px; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}

.stondato .b1 {margin:0 5px; background:#000;}

.stondato .b2 {margin:0 4px;}

.stondato .b3 {margin:0 3px;}

.stondato .b4 {margin:0 2px;}

.stondato .b5 {margin:0 1px;}



.stondato .boxcontent {display:block; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}

 */