@import "base_css.css";


/***************** BLOCCHI PRINCIPALI ***********************************************/
#gabbia {
background-image: url(img/bg_corpo.png);
}

#colonnasx {
	float: left;
	padding: 20px 10px 0 10px;
 	margin: 0px;
	width: 528px;
	}

#colonnadx {
	float: right;
    margin: 0px;
    padding: 0px;
	width: 210px;
	position:relative;
	}
#menu-pagina {margin:0px 5px 10px 5px;position:relative;}

#id-login {margin:20px 5px 10px 5px;position:relative;}

/* **************** FINE BLOCCHI PRINCIPALI ********************************************** */


/* **************** NEWS HOME PAGE *********************************************************/
.news {padding: 3px 0;background:#FFFFFF;} /* ridefinito rispetto a box */
.news p{margin:0;}
.notiziadispari{
	margin:0 0 1px 0;
	padding:3px 3px 3px 21px;
	background:#ededed url(img/bg_avvisi.png) repeat-y left top;
}
.notiziapari{
	margin:0 0 1px 0;
	padding:3px 3px 3px 21px;
	background:#fff url(img/bg_avvisi2.png) repeat-y left top;
}
/* 
.notiziapari_ultima{
    margin:0 0 1px 0;
	padding:3px 3px 3px 21px;
}
*/
.news_stampa {display:none;}

/***** FINE NEWS HOME PAGE ************************************************************/


/***** CALCOLO PERCORSI HOME PAGE ************************************************************/

#formpercorsi {margin: 5px 0px;}
#formpercorsi p{margin: 10px 0 1em 20px;}
#formpercorsi #originAddress,#destinationAddress {width: 185px;}
#formpercorsi #originPoi,#destinationPoi,#originCategoriesPoi,#destinationCategoriesPoi {width: 230px;}
#formpercorsi #originAddressNo,#destinationAddressNo {width: 30px;}
#formpercorsi #ore {width: 20px}
#formpercorsi #minuti {width: 20px}
#formpercorsi #giorno {width: 25px}
#formpercorsi #mese {width: 25px}
#formpercorsi #anno {width: 40px}

#formpercorsi .select {width: 250px;}
#formpercorsi .comuneorigine {width: 150px;}
#formpercorsi .comunedest {width: 150px;}

/***** FINE CALCOLO PERCORSI HOME PAGE ************************************************************/

/***** BOX EDIZIONE MOBILE SITO HOME PAGE *********************************************************/

#box-mobile img {
	float:left;
	border:1px solid #ccc;
	margin:10px 15px 0px 5px
}

/***** TRAFFICO OGGI HOME PAGE ************************************************************/


#traffico img {float:left;position:relative;}
#traffico p {margin: 0 0 0 248px;}
#oggi_home
{
	margin: 3px 0 0 248px;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
}
#giornotipo_home
{
	margin: 3px 0 0 248px;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
}


/***** ARRIVI HOME PAGE ************************************************************/
#form-servizi-personalizzati #userid_login,#passwd_login {width: 150px}
#form-arrivi #nome_fermata {width: 150px}

#arrivo {margin:20px 5px 10px 5px;}

#arrivo p{margin:3px;}
#form-arrivi #fermata
{
	margin: 5px 0;
	width: 170px;
}
/***** FINE ARRIVI HOME PAGE ************************************************************/





/***** SERVIZI PERSONALIZZATI HOME PAGE ************************************************************/
#servizi-personalizzati {margin:20px 5px 10px 5px;}
#form-servizi-personalizzati p{margin:0;}
#form-servizi-personalizzati{margin: 5px;}
#form-servizi-personalizzati #utente {margin: 5px 0;width: 160px;}
#form-servizi-personalizzati #password {margin: 5px 0;width: 160px;}
/***** FINE SERVIZI PERSONALIZZATI HOME PAGE ************************************************************/


/***** TRAFFICO OGGI ************************************************************/
#oggi
{
	margin: 3px 0 0 3px;
     /*background-image: url(img/oggi.png);*/
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 0px;
}
#giornotipo
{
	margin: 3px 0 0 3px;
     /*background-image: url(img/giornotipo.png);*/
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 0px;
}
#imgFlussiHome
{
	
}
/***** FINE TRAFFICO OGGI ************************************************************/





/***** VARIAZIONI ************************************************************/
/********* TABELLA VARIAZIONI ********************/

#tabella-variazioni .pari
{
	background-color:#F0F0F0;
}
#tabella-variazioni td
{
    padding: .3em;
    border:1px dotted  #D9DFEC;
}
/***** FINE VARIAZIONI ************************************************************/


/*****  EVENTI ************************************************************/

/*#legenda_eventi_rosso {background-image: url(/img/level_rosso.png);}
#legenda_eventi_giallo {background-image: url(/img/level_giallo.png);}
#legenda_eventi_arancio {background-image: url(/img/level_arancio.png);} */

/***** FINE EVENTI ************************************************************/

/***** FINE LAVORI ************************************************************/
/*#legenda_lavori_rosso {background-image: url(/img/level_rosso.png);}
#legenda_lavori_giallo {background-image: url(/img/level_giallo.png);}
#legenda_lavori_arancio {background-image: url(/img/level_arancio.png);}
#legenda_lavori_verde {background-image: url(/img/level_verde.png);}
#legenda_lavori_grigio {background-image: url(/img/level_grigio.png);}*/
/***** FINE LAVORI ************************************************************/


/***** FINE PERCORSI ************************************************************/
#legenda-percorsi
{
	margin:0;
	font-size:.9em;
	clear:both;
}
#legenda-percorsi p
{
	margin:0 0 .5em 0;
}
#legenda-percorsi div
{
	padding-left:20px;
	margin-bottom:1.5em;
}
#legenda-percorsi img
{
  border: 1px solid #000;
  margin: 1px 5px 5px 0;
  float:left;
  position:relative;
}
/***** tabella dettaglio percorsi *********************************/
.mapplet
{
	border: 1px #536FA9 solid;
	padding:1px;
}
/***** FINE PERCORSI ************************************************************/


/****************** AVVISI ***************************************************/
.box_avvisi, .box-altri-avvisi{
	border:1px solid #036;
	background-color:#fff; 
	padding: 5px;
	margin: 0;
}

/* FORMATTAZIONE ALTRI AVVISI */
.box-altri-avvisi li{
border-left:1em solid #ccc;
padding:.5em;
margin-bottom:1px;
}
.box-altri-avvisi .avdispari{
background: #eee;
border-left:1em solid #39f;
}

.box-altri-avvisi img{margin-left:5px}

/* FORMATTAZIONE AVVISI 5T */
#avvisi5t li{
font-weight:bold;
background: #eee;
}
#avvisi5t .titolo {
padding:.5em;
border-left:1em solid #fc0;
}
#avvisi5t li p{
font-weight:normal;
padding:.5em 0 .5em 1.5em;
background: #fff;
margin:0;
border-left:1em solid #eee;
}
/* FINE FORMATTAZIONE AVVISI 5T */

/***** FINE AVVISI ************************************************************/

/****** REGISTRAZIONE *********************************************************/
#form-registrazione #userid {width:15em;}
#form-registrazione #passwd {width:10em;}
#form-registrazione #confermapasswd {width:10em;}
#form-registrazione #email {width:15em;}
#form-registrazione #cellulare {width:10em;}
/***** FINE REGISTRAZIONE************************************************************/

.legenda
{
	border:1px solid #ededed;
	width:20px;
	font-size:5px;	
}
.LS1  /*congestioni*/
{
	background-color:#871111; color:white;
}
.LS2	/*code*/
{
	background-color:#FF2020; color:white;	
}
.LS3	/*rallentato*/
{
	background-color:#FF8420; color:white; 
}
.LS4	/*intenso*/
{
	background-color:#FFFF00;
}
.LS5	/*regolare*/
{
	background-color:#4EBF00;
}
#nodati
{
	background-color:#CCCCCC;
}
/* ***   VARIAZIONI TEMPORANEE DI PERCORSO */
.variazione{border:1px solid #003366; margin:10px 0; padding:5px}