/**************************************************************

	CSS

	Proprietario: 		Ellegi s.r.l
	Data creazione:		14/07/2011

**************************************************************/

/*STILI*/
/*Pulsanti Gallery*/
.pulsanteGallery
{
		
		/*margin-right:60px; 
		border:thin; 
		background-color:#CCFFFF; 
		border-color:#0066FF; 
		border-style:solid*/
}

.pulsanteGallery:hover
{
	background-color:blue;
}

.pulsanteGallery:active
{
	background-color:red;
}


.styleMENU {
	text-align: left;
	margin-top: 0px;
	background-image:url('../Images/Testata/frameVerticale.png');
}
.auto-style3 {
	margin-top: 0px;
}

.style1 {
	text-align: center;
}

.styleLegendaSoglieAlta {
	text-align: center;
	font-family: Arial;
	font-size: small;
}

.styleLegendaSoglieMedie {
	text-align: center;
	font-family: Arial;
	font-size: small;
	color: #FF6600;
}


.style2 {
	color: #FFFFFF;
}
.style4 {
	color: #FF0000;
}
.styleTesto_Stato {
	color: #FF0000;
	text-align: left;

}

.style_titoloWebCam {
	color: #FF0000;
	font-family:"Arial";
	font-size: medium;
}

.HOME {
	color: #3366FF;
	font-family:Arial;
	font-size: medium;
	
}


.TITOLOGRAFICO_TEMPERATURE {
	color: red;
	font-family:Arial;
	font-size: xx-large;
	
}
.TITOLOGRAFICO_PRECIPITATION {
	color: blue;
	font-family:Arial;
	font-size: xx-large;
	
}



.style_Legenda {
	color: white;
	font-family:"Arial";
	font-size: small;
}

.style_Intestazione {
	color: #FF0000;
	font-family:"Arial";
	font-size: medium;
}


.style6 {

	font-family:"Hobo Std";
	font-size: x-large;
	font-weight:bold;
	color: black; /*BLU*/
}
.style7 {
	text-align: right;
}
.style8 {
	color: #FF0000;
	font-size: small;
}
.style9 {
	border-width: 0px;
}
.style11 {
	color: #FF0000;
	font-size: medium;
	text-align: center;
}
.styleTesto_Grande_centrale_Bianco {
	color: #FFFFFF;
	font-size: large;
	text-align: center;
}

.styleTesto_Medium_centrale_Bianco {
	color: #FFFFFF;
	font-size: medium;
	text-align: center;
	font-family:Arial
}
.styleTesto_Small_centrale_Bianco {
	color: #FFFFFF;
	font-size: small;
	text-align: center;
	font-family:Arial
}

.descrizioneZoom {
	color: #3366FF;
	font-size: medium;
	text-align: center;
	font-family:Arial
}


.Accesso {
	 position: relative; 
	 width: 170px;
	 height: 24px; 
	 margin-top:3px; 
	 z-index: 4; 
	 font-family:Arial;
	 font-size:small;
}
.Login {
	position: relative;
	margin-top:3px;  
	font-family:Arial;
	font-size:small;

}

.Criticita {
	position: relative; 
	font-family:Arial
}


.style12 {
	color: #FFFFFF;
	text-align: center;
	font-family: Arial;
	font-size: x-small;

}
.styleVisualizzazione {
	color: white;
	text-align: left;
	font-family: Arial;
	font-size: small;

}

.style13 {
	font-size: medium;
	color: #000000;
}
.style14 {
	text-align: left;
}
.style15 {
	color: #FFFFFF;
	text-align: right;
}
.style16 {
	color: #FF0000;
	font-size: x-small;
}
.style19 {
	text-align: left;
}
.style20 {
	margin-left: 12px;
}
.style21 {
	font-size: x-small;
}
.style23 {
	text-align: left;
	color: #000000;
}
.style25 {
	text-align: center;
	color: #FF6600;
}
.styleLegendaSoglie {
	text-align: center;
	font-family: Arial;
	font-size: xx-small;
	color: #FF6600;
}

.style26 {
	color: #FFFFFF;
	font-size: x-small;
}
.styleTitoloLegenda_Note_soglie {
	color: #FFFFFF;
	font-size: large;
}

.style27 {
	color: #FFFFFF;
	font-family: Arial;
	font-size: x-small;
}
.styleIntestazioneSpostamentiDefault {
	color: #FFFFFF;
	font-family: Arial;
	font-size: small;
}
.styleIntestazioneSpostamentiDefaultIntervallo {
	color: #FFFFFF;
	font-family: Arial;
	font-size: x-small;
}

.styleIntestazione {
	color: #3366FF;
	font-family:Arial;
	font-size: x-large;

}


.styleTestoIconeNavigatoreStato {
	color: #FFFFFF;
	font-family: Arial;
	font-size: xx-small;
}

.styleLegenda {
	color: #FFFFFF;
	font-family: Arial;
	font-size: large;
	text-align:center;
}


.style28 {
	color: #FF0000;
	font-family: Arial;
	font-size: x-small;
	text-align: center;

}
.styleLegenda {
	color: white;
	font-family: Arial;
	font-size: xx-small;
	text-align: center;

}

.styleValoriSpostamentoDefault {
	color: #FF0000;
	font-family: Arial;
	font-size: small;
	text-align: center;

}
.styleValoriSpostamentoDefaultIntervallo {
	color: #FF0000;
	font-family: Arial;
	font-size: x-small;
	text-align: center;

}


.style30 {
	text-align: center;
	font-family: Arial;
	font-size: small;
	color: #FFFFFF;
}
.style31 {
	color: #C0C0C0;
}
.style32 {
	color: #00FFFF;
}
.style33 {
	border-width: 0;
}
.style34 {
	font-family: Arial;
}
.style35 {
	color: #FFFFFF;
	font-family: Arial;
	font-size: x-small;
}
.style36 {
	width: 780px;
	height: 500px;
	margin-bottom: 5px;
	text-align: center;

}
.style37 {
	text-decoration: none;
	font-size:medium;
}
.style38 {
	color: #FFA500;
}
.style39 {
	margin-left: 20px;
}
.style40 {
	margin-left: 20px;
	text-align: center;
}

a:active {
	color: #FFFFFF;
}
a:hover {
	color: #000000;
}
a {
	color: #000000;
}



/*SEZIONI*/

/*LOGIN*/
#masteralto{
	position: relative; 
	height: 90px; 
	z-index: 6; 
	visibility: visible; 
	left: 0px; 
	top: 0px;
}
#TESTATA{
	position: relative; 
	width: 1024px; 
	height: 90px; 
	z-index: 4; 
	visibility: visible;
}
#logo0{
	position: relative; 
	width: 260px; 
	height: 90px; 
	z-index: 5; 
	left: 0px; 
	top: 0px; 
	float: left; 
	visibility: visible;
}
#login2{
	position: relative; 
	width: 260px; 
	height: 17px; 
	z-index: 4; 
	float: left; 
	background-color: #FFFFFF; 
	visibility: visible;
}
#Testata_centrale{
	background: url('../Images/Testata/testata.jpg'); 
	position: relative; 
	height: 90px; 
	z-index: 4; 
	visibility: visible; 
}
#Titolo{	
	position: relative; 
	height: 90px; 
	z-index: 4;
	visibility: visible;
}

#masteralto0{
	position: relative; 
	height: 500px; 
	z-index: 4; 
	visibility: visible;
}
#TESTATA0{
	position: relative; 
	width: 1024px; 
	height: 500px; 
	z-index: 5; 
	visibility: visible;
}
#logo1{
	position: relative; 
	width: 260px; 
	height: 500px; 
	z-index: 5; 
	left: 0px; 
	top: 0px; 
	float: left; 
	visibility: visible;
}
#LOGIN4{
	position: absolute; 
	width: 260px; 
	height: 500px; 
	z-index: 4; 
	float: right; 
	visibility: visible; 
	left: 0px; 
	top: 0px;
}
#masterfoot{
	width:1024px;
	position: relative; 
	height: 35px; 
	z-index: 4; 
	visibility: visible; 
	left: 0px; 
	top: 0px;
}
#foot{
	 position: relative; 
	 width: 1024px; 
	 height: 35px; 
	 z-index: 4; 
	 visibility: visible;
}
#dx{
	position: relative; 
	width: 450px; 
	height: 35px; 
	z-index: 4; 
	float: right; 
	visibility: visible;
}
#creditsDX{
	position: relative; 
	width: 256px; 
	height: 14px; 
	z-index: 3; 
	float: left; 
	visibility: visible;
}
#credits{
	position: relative; 
	width: 500px; 
	height: 14px; 
	z-index: 3; 
	float: left; 
	visibility: visible;
}

#creditsSX{
	position: relative; 
	width: 256px; 
	height: 14px; 
	z-index: 3; 
	float: left; 
	visibility: visible;
}

#creditsInfoAccesso{
	position: relative; 
	width: 220px; 
	height: 14px; 
	z-index: 3; 
	margin-top: 20px; 
	margin-right: 30px; 
	float: left; 
	visibility: visible;
}

#FrameIntestazioneLogoSX{
	position: relative; 
	width: 260px; 
	height: 90px; 
	z-index: 3; 
	float: left;
}
		
#FrameIntestazioneTitoloCentrale{
	position: relative; 
	width: 564px; 
	height: 90px; 
	z-index: 3; 
	float: left;
	background: url('../Images/Testata/testata.jpg');
}

#FrameIntestazioneDX{
	position: relative; 
	width: 200px; 
	height: 90px; 
	z-index: 3; 
	float: left;
	background: #CCCCCC; /*url('../Images/Testata/testata_dx.jpg');*/
}


#sx{
	position: relative; 
	width: 450px;
	height: 35px; 
	z-index: 4; 
	float: left; 
	visibility: visible;
}

#footer_centr{
	position: relative; 
	width: 124px; 
	height: 30px; 
	z-index: 4; 
	margin-top: 10px; 
	visibility: visible;
}

/*DEFAULT*/
#General{
	position: relative; 

	z-index: 1; 
	top: 0px;
}
#Master_up{
	position: relative; 
	width: 1024px; 
	height: 90px; 
	z-index: 2; 
}
#SX1{
	position: relative; 
	width: 260px; 
	height: 90px; 
	z-index: 3; 
	float: left;
}
#Titolo1{
	position: relative; 
	height: 60px; 
	z-index: 2;
}
#Soglie{
	position: relative; 
	width: 100px; 
	height: 40px; 
	z-index: 3; 
	float: right;
}
#lay_preall_disp{
	position: relative; 
	width: 98px; 
	height: 18px; 
	z-index: 3; 
	margin-top: 6px; 
	float: right;
}
#lay_all_vel{
	position: relative; 
	width: 98px; 
	height: 18px; 
	z-index: 3; 
	margin-top: 4px; 
	float: right;
}
#Note{
	position: relative; 
	width: 160px; 
	height: 65px; 
	z-index: 1; 
	float: left;
}
#password{
	position: relative; 
	width: 260px; 
	height: 36px; 
	z-index: 2;
}
#lay_pw_butt{
	 position: relative;
	 width: 130px; 
	 height: 22px; 
	 z-index: 2; 
	 float: right; 
	 margin-top: 2px;
}
#lay_pw_field{
	position: relative; 
	width: 130px; 
	height: 18px; 
	z-index: 1; 
	float: left; 
	margin-top: 2px;
}
#Master_central{
	position: relative; 
	width: 1024px; 
	height: 740px; 
	z-index: 2;
}
#Central{
	position: relative; 
	width: 900px; 
	height: 670px; 
	z-index: 2;
}

#Page{
	position: relative; 
	width: 260px; 
	height: 15px; 
	z-index: 4; 
	float: right;
}
#Menu{
	position: relative; 
	width: 120px; 
	height: 740px; 
	z-index: 8; 
	float: left;
	border-right:medium white groove;
}
#Centrale_DX_tit{
	position: relative; 
	width: 900px; 
	height: 620px; 
	z-index: 4; 
	float: left; 
}
#Imm_Frame_centrale{
	position: relative; 
	width: 900px; 
	height: 650px; 
	z-index: 6; 
	float: left; 
}
#Imm_Frame_centrale_intestazione{
	margin-top:10px;
	position: relative; 
	width: 900px; 
	height: 40px; 
	z-index: 6; 
	float: left; 
}
#Imm_Frame_centrale_ContenutoSoglie_Note{
	position: relative; 
	width: 900px; 
	height: 350px; 
	z-index: 6; 
	float: left; 
}



#Imm_SX{
	position: relative; 
	width: 450px; 
	height: 600px; 
	z-index: 6; 
	float: left; 
}

#Imm_DX{
	position: relative; 
	width: 450px; 
	height: 600px; 
	z-index: 6; 
	float: right; 
}
#Imm_Default_DX{
	margin-top:10px;
	position: relative; 
	width: 450px; 
	height: 640px; 
	z-index: 6; 
	float: right; 
}

#Imm_G_L{
	position: relative; 
	width: 450px; 
	height: 450px; 
	z-index: 6; 
	float: right; 
}
#title2d{
	position: relative; 
	width: 450px; 
	height: 15px; 
	z-index: 1;
	
}
#MappaSpostamenti{
	position: relative; 
	width: 450px; 
	height: 50px; 
	z-index: 1;	
}

#colcentIntestazione
{
	position: relative; 
	width: 50px; 
	height: 21px; 
	float: left;

}
#colcentPunti
{
	position: relative; 
	width: 470px; 
	height: 31px; 
	float: left;
}
#colcentFrecce
{
	position: relative; 
	width: 470px; 
	height: 31px; 
	float: left;
}

#colcentPos
{
	position: relative; 
	width: 665px; 
	height: 31px; 
	float: left;
}


#colcentLegenda
{

	position: relative; 
	width: 900px; 
	height: 31px; 
	float: left;
	
}
#colcentConteiner
{
	position: relative; 
	width: 900px; 
	height: 65px; 
	float: left;
	border-top-color:white; 
	border-top-style:solid; 
	border-top-width:thin;
	background-image:url('../Images/Testata/frameOrizzontale.png');
}

#colcentIntestazioneConteiner
{
	position: relative; 
	width: 520px; 
	height: 42px; 
	float: left;
	margin-top:3px;
}

#colcentConteinerPos
{
	position: relative; 
	width: 765px; 
	height: 100px; 
	float: left;
	
}

#colcentConteinerTotal
{
	position: relative; 
	width: 830px; 
	height: 100px; 
	float: left;
	
}

#colcentConteinerTuttiPunti
{
	position: relative; 
	width: 145px; 
	height: 62px; 
	float: left;
	margin-top:3px;
}

#colcentConteinerSingolaIcona
{
	position: relative; 
	width: 33px; 
	height: 57px; 
	float: left;
	margin-top:5px;
}


#colcentConteinerTuttiPuntiPosizione
{
	position: relative; 
	width: 65px; 
	height: 100px; 
	float: left;
}



#Titlecent{
	margin: 20px 0 0 0;
	position: relative;
	width: 100px;
	height: 40px;
	z-index: 6;
}
#T11{
	position: relative;
	width: 100px;
	height: 27px;
	z-index: 13;
	margin-top: 20px;
}
#Lay_im_trend1{
	position: relative;
	width: 27px; 
	height: 27px; 
	z-index: 2; 
	float: left; 
}
#layer1{
	position: relative; 
	width: 15px; 
	height: 21px; 
	z-index: 3; 
	float: left; 
	margin-top: 3px; 
	left: 0px; 
	top: 0px;
}
#T12{
	 position: relative; 
	 width: 100px; 
	 height: 27px; 
	 z-index: 12; 
	 margin-top: 28px;
	 left: 115px
}
#layer2{
	position: relative;
	width: 15px; 
	height: 21px; 
	z-index: 3; 
	float: left; 
	margin-top: 3px; 
	left: 0px; 
	top: 0px; 
}
#T13{
	position: relative; 
	width: 100px; 
	height: 27px; 
	z-index: 11; 
	margin-top: 28px;
}
#Lay_im_trend3{
	position: relative; 
	width: 27px; 
	height: 27px; 
	z-index: 2; 
	float: left;
}
#layer3{
	position: relative; 
	width: 15px; 
	height: 21px; 
	z-index: 3; 
	float: left; 
	margin-top: 3px; 
	left: 0px; 
	top: 0px; 
}
#T14{
	position: relative; 
	width: 116px; 
	height: 27px; 
	z-index: 10; 
	margin-top: 28px; 
}
#Lay_im_trend4{
	position: relative; 
	width: 27px; 
	height: 27px; 
	z-index: 2; 
	float: left;
}
#layer4{
	position: relative; 
	width: 15px; 
	height: 21px; 
	z-index: 3; 
	float: left;
	margin-top: 3px; 
	left: 0px; 
	top: 0px; 
}
#T15{
	position: relative; 
	width: 100px; 
	height: 27px; 
	z-index: 9; 
	margin-top: 28px;
}
#Lay_im_trend5{
	position: relative; 
	width: 27px; 
	height: 27px; 
	z-index: 2; 
	float: left;
}
#layer5{
	position: relative; 
	width: 15px; 
	height: 21px; 
	z-index: 3; 
	float: left; 
	margin-top: 3px; 
	left: 0px; 
	top: 0px;
}
#T16{
	position: relative; 
	width: 116px; 
	height: 27px; 
	z-index: 8; 
	margin-top: 28px;
}
#Lay_im_trend6{
	 position: relative; 
	 width: 27px; 
	 height: 27px; 
	 z-index: 2; 
	 float: left;
}
#layer6{
	position: relative; 
	width: 15px; 
	height: 21px; 
	z-index: 3; 
	float: left; 
	margin-top: 3px; 
	left: 0px; 
	top: 0px;
}
#T17{
	position: relative; 
	width: 116px; 
	height: 27px; 
	z-index: 8; 
	margin-top: 28px;
}
#Lay_im_trend7{
	position: relative; 
	width: 27px; 
	height: 27px; 
	z-index: 2; 
	float: left; 
}
#layer7{
	position: relative; 
	width: 15px; 
	height: 21px; 
	z-index: 3; 
	float: left; 
	margin-top: 3px; 
	left: 0px; 
	top: 0px;
}
#T18{
	position: relative; 
	width: 116px; 
	height: 27px; 
	z-index: 8; 
	margin-top: 28px;
}
#Lay_im_trend8{
	position: relative; 
	width: 27px; 
	height: 27px; 
	z-index: 2; 
	float: left; 
}
#layer8{
	position: relative; 
	width: 15px; 
	height: 21px;
	z-index: 3; 
	float: left; 
	margin-top: 3px; 
	left: 0px; 
	top: 0px; 
}
#T19{
	position: relative; 
	width: 116px; 
	height: 27px; 
	z-index: 8; 
	margin-top: 28px;
}
#Lay_im_trend9{
	position: relative; 
	width: 27px; 
	height: 27px; 
	z-index: 2; 
	float: left;
}
#layer9{
	position: relative; 
	width: 15px; 
	height: 21px; 
	z-index: 3; 
	float: left; 
	margin-top: 3px; 
	left: 0px; 
	top: 0px; 
}
#T20{
	position: relative; 
	width: 116px; 
	height: 27px; 
	z-index: 8; 
	margin-top: 28px;
}
#Lay_im_trend10{
	position: relative; 
	width: 27px; 
	height: 27px;
	z-index: 2; 
	float: left;
}
#layer10{
	position: relative; 
	width: 15px; 
	height: 21px; 
	z-index: 3; 
	float: left; 
	margin-top: 3px; 
	left: 0px; 
	top: 0px; 
}
#Imm_G_S{
	position: relative; 
	width: 450px; 
	height: 450px; 
	z-index: 6; 
	float: right; 

}
#Imm_confronto{
	position: relative; 
	width: 450px; 
	height: 550px; 
	z-index: 6; 
	float: right; 

}

#Imm_Cumulati{
	margin-top:40px;
	position: relative; 
	width: 450px; 
	height: 450px; 
	z-index: 6; 
	float: right; 

}
#Imm_G_D{
	margin-top:10px;
	position: relative; 
	width: 450px; 
	height: 450px; 
	z-index: 6; 
	float: right; 

}

#Imm_G_L_bar{
	position: relative; 
	width: 450px; 
	height: 46px; 
	z-index: 7; 
	float: left; 
	}
#Master_bottom{
	position: relative; 
	width: 1024px; 
	height: 35px; 
	z-index: 2;
}