/********** File css sito ATIM SEMPIONE autotraslochi aggiornato 12-03-2010 **********/

body
{
background: #FFFF00;   /* colore dello sfondo cioè GIALLO */
font: Arial;
color: navy;
}


/********** INIZIO DEL MENU **********/


#menu{
	width:77%;
     }

		
/*stile generale delle liste*/

#menu ul{
	  margin:0;
	  padding:0;
	  position: relative;
	  height: 30px;
	  width:100%;
	 }


/*stile generale delle sub liste*/

#menu ul ul{
		position: absolute;
		top:30px;
		left: 0;
		visibility: hidden;
	    }


/*stile generale dei list item*/

#menu li{
	  list-style: none;
	  float: left;
	  padding:0 5px;
	  background-color:#000666;
	 }

#menu ul, #menu li{
	  		background-color:#000666;
		   }

#menu ul ul, #menu li li{
			background-color:navy;
		        }

#menu ul ul ul, #menu li li li{
				background-color:navy;
			       }

		
/*style generale dei link*/

#menu a{
	display:block;
	float:left;
	padding:0 30px;
	text-decoration:none;
	text-align: center;
	line-height: 30px;	
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	}

/*style generale dei link sullo stato hover*/

#menu ul :hover > a, #menu ul a:hover{
					height:20px;
					border-top:5px solid #FFF000;
					border-bottom:5px solid #FFF000;
					line-height:20px;
				       }

#menu ul :hover > a.sub{
			 height:25px;
			 border-bottom:none;
			 line-height:20px;
			}


/*stile link primo livello*/

#menu ul a{
	    color:#FFF000;   /* colore testo parte alta menu */
	   }	
		

/*stile link secondo livello*/

#menu ul ul a{
		color:#FFF000; /* colore testo seconda parte menu */
	      }	

#menu ul ul :hover > a{
			background-color: navy;
			border-color: #000666;
			color:#FFF000;
		       }	


/*secondo livello visibile su hover del primo livello*/

#menu ul li:hover ul, #menu ul a:hover ul{
						visibility:visible;
					  }


/*style per Internet Explorer 6*/
#menu table {
		position:absolute; 
		border-collapse:collapse; 
		top:0; 
		left:0;
		width:100%;
	     }

#menu a:hover{
		height:20px;
		border-top:5px solid #FFF000;
		border-bottom:5px solid #FFF000;
		line-height:20px;
	      }

#menu ul a.sub:hover{
			height:25px;
			border-bottom:none;
			line-height:20px;
		     }	

#menu ul a:hover{
			background-color:navy;
			border-color:#FFF000;
			color:#FFF000;
		} 

#menu ul ul a:hover{
			background-color:navy;
			border-color: #000666;
			color:#FFF000;
		    }



/********** POSIZIONAMENTO IMMAGINE PRINCIPALE **********/


#immagine {	
position: absolute;
top: 50px;
left: 100px;
height:90px; 
width:790px; 
float:right; 
margin-right: 0px; 
margin-bottom: 0px; 
padding: 0px; 
}




/********** COLORI **********/



#slogan1 {			/* impostazioni colore per il primo slogan atim */
background:#000066;
color:#FFFF00;
font-family:arial;		
}

#slogan2 {			/* impostazioni colore per il secondo slogan atim */
background:#000066;
color:#FFFF00;
font-family:arial;
}

#linkmappasito {		/* impostazioni colore per il menu link della mappa */
background:#000066;
color:#FFFF00;
}

#fondoatim {			/* impostazioni colore per fondo sito con dati atim sempione */
background:#000066;
color:#FFFF00;
font-family:arial;		
}

#scorri {			/* impostazioni colore per la finestra di scorrimento javascript */
background:navy;
background-color:navy;
color:#FFFFF0;                  // colore del testo nella finestra
font-family:arial;		
}

#scorridue {			/* impostazioni colore per la finestra di scorrimento javascript */
background:#000666;
background-color:navy;
color:#FFFFF0;                  // colore del testo nella finestra
font-family:arial;		
}



/********** POSIZIONAMENTO DEL SOTTO MENU E TUTTI I POSIZIONAMENTI **********/


#slogan1 {			/* impostazioni posizionamento e lunghezza dello slogan1 */
position: absolute; 
top: 135px;
left: 0px;	
margin:5px;		
padding:5px;
width: 450px;			
}

#slogan2 {			/* impostazioni posizionamento del secondo slogan2 */
position: absolute; 
top: 135px;
left: 450px;	
margin:5px;		
padding:5px;
width: 305px;	
}

#linkmappasito{			/* impostazioni posizionamento del link a mappa sito */
position: absolute; 
top: 170px;
left: 330px;	
margin:0px;		
padding:0px;
width: 30px;
height: 0px;
font-size: 10px;	
}

#linkprivacy{			/* impostazioni posizionamento del link a privacy */
position: absolute; 
top: 170px;
left: 380px;	
margin:0px;		
padding:0px;
width: 30px;
height: 0px;
font-size: 10px;	
}

#linkcredit{			/* impostazioni posizionamento del link a credit */
position: absolute; 
top: 170px;
left: 430px;	
margin:0px;		
padding:0px;
width: 30px;
height: 0px;
font-size: 10px;	
}

#privacy{			/* impostazioni posizionamento del testo della pagina privacy */
position: absolute; 
top: 190px;
left: 10px;	
width: 750px;
height: 300px;
font-size: 10px;	
}

#credit{			/* impostazioni posizionamento del testo della pagina credit */
position: absolute; 
top: 240px;
left: 200px;	
width: 400px;
font-size: 20px;
font-weight: bold;	
}

#storia {			/* impostazioni posizionamento e lunghezza del testo per pagina storia */
position: absolute; 
top: 185px;
left: 50px;	
width: 350px;
height: 300px;
font-size: 15px;
font-weight: bold;			
}

#storiaatim{    		/* impostazioni posizionamento e lunghezza dell' immagine per pagina storia */
position: absolute;
left: 470px;
top: 230px;
} 

#missione {			/* impostazioni posizionamento e lunghezza del testo per pagina missione */
position: absolute; 
top: 185px;
left: 50px;	
width: 350px;
height: 300px;
font-size: 15px;
font-weight: bold;			
}

#missioneatim {			/* impostazioni posizionamento e lunghezza dell' immagine per pagina missione */
position: absolute;
left: 470px;
top: 230px;
}

#forza {			/* impostazioni posizionamento e lunghezza del testo per pagina forza */
position: absolute; 
top: 185px;
left: 50px;	
width: 350px;
height: 300px;
font-size: 15px;
font-weight: bold;			
} 

#forzaatim{    			/* impostazioni posizionamento e lunghezza dell' immagine per pagina forza */
position: absolute;
left: 470px;
top: 230px;   
} 

#flotta {			/* impostazioni posizionamento e lunghezza del testo per pagina flotta */
position: absolute; 
top: 185px;
left: 50px;	
width: 350px;
height: 300px;
font-size: 15px;
font-weight: bold;			
}

#flottaatim { 			/* impostazioni posizionamento e lunghezza dell'immagine per pagina flotta */
position: absolute; 
left: 470px; 
top: 230px;
}

#serviziprivati {		/* impostazioni posizionamento e lunghezza del testo per servizi privati */
position: absolute;
top: 200px;
left: 50px;	
width: 350px;
height: 300px;
font-size: 15px;
font-weight: bold;			
			
}

#serviziprivatiatim {    	/* impostazioni posizionamento e lunghezza dell' immagine per servizi privati */
position: absolute;
left: 470px; 
top: 230px;
} 

#serviziaziende {		/* impostazioni posizionamento e lunghezza del testo per servizi aziende */
position: absolute;
top: 220px;
left: 50px;	
width: 350px;
height: 300px;
font-size: 15px;
font-weight: bold;			
}

#serviziaziendeatim { 		/* impostazioni posizionamento e lunghezza dell' immagine per servizi aziende */
position: absolute;
left: 470px; 
top: 230px;
}

#serviziparticolari {		/* impostazioni posizionamento e lunghezza del testo per servizi particolari */
position: absolute;
top: 220px;
left: 50px;	
width: 350px;
height: 300px;
font-size: 15px;
font-weight: bold;			
}

#serviziparticolariatim {	/* impostazioni posizionamento e lunghezza dell' immagine per servizi particolari */
position: absolute;
left: 470px; 
top: 240px;  
} 

#servizinoleggio {		/* impostazioni posizionamento e lunghezza del testo per servizi noleggio */
position: absolute;
top: 185px;
left: 50px;	
width: 350px;
height: 300px;
font-size: 15px;
font-weight: bold;			
}

#servizinoleggioatim { 		/* impostazioni posizionamento e lunghezza dell' immagine per servizi noleggio */
position: absolute;
left: 470px; 
top: 240px; 
}

#venditaimballi {		/* impostazioni posizionamento e lunghezza del testo per vendita imballi */
position: absolute;
top: 185px;
left: 50px;	
width: 350px;
height: 300px;
font-size: 15px;
font-weight: bold;			
}

#venditaimballiatim {		/* impostazioni posizionamento e lunghezza dell' immagine per vendita imballi */
position: absolute;
left: 500px; 
top: 200px; 
} 

#scatolepiccoleatim { 		/* impostazioni posizionamento e lunghezza dell' immagine per scatola piccola */
position: absolute; 
top: 480px;
left: 20px;
}

#scrittascatolepiccole { 	/* impostazioni posizionamento e lunghezza scritta per scatola piccola */
position: absolute;
left: 20px; 
top: 620px; 
font-size: 15px;
font-weight: bold;
}

#scatolegrandiatim {		/* impostazioni posizionamento e lunghezza dell' immagine per scatola grande */
position: absolute;
left: 270px; 
top: 480px;
} 

#scrittascatolegrandi {		/* impostazioni posizionamento e lunghezza scritta per scatola grande */
position: absolute;
left: 270px; 
top: 620px;
font-size: 15px;
font-weight: bold;
} 

#scotchplasticaatim {		/* impostazioni posizionamento e lunghezza dell' immagine per scotch e plastica */
position: absolute;
left: 500px; 
top: 480px;
font-size: 15px;
font-weight: bold; 
} 

#scrittascotch {		/* impostazioni posizionamento e lunghezza scritta scotch */
position: absolute;
left: 520px; 
top: 620px;
font-size: 15px;
font-weight: bold;  
} 

#scrittatagliata {		/* impostazioni posizionamento e lunghezza scritta per plastica tagliata */
position: absolute;
left: 520px; 
top: 675px;
font-size: 15px;
font-weight: bold;
} 

#baulivestitiatim {		/* impostazioni posizionamento e lunghezza dell' immagine per bauli vestito */
position: absolute;
left: 20px; 
top: 770px;
} 

#scrittabaule {			/* impostazioni posizionamento e lunghezza scritta per baule */
position: absolute;
left: 20px; 
top: 1080px;
font-size: 15px;
font-weight: bold;
} 

#pluriballatim {		/* impostazioni posizionamento e lunghezza dell' immagine per pluriball */
position: absolute;
left: 270px; 
top: 770px;
} 

#scrittapluriball {		/* impostazioni posizionamento e lunghezza scritta per pluriball */
position: absolute;
left: 270px; 
top: 1080px;
font-size: 15px;
font-weight: bold; 
} 

#extracellatim {		/* impostazioni posizionamento e lunghezza dell' immagine per extracell */
position: absolute;
left: 520px; 
top: 770px;
} 

#scrittaextracell {		/* impostazioni posizionamento e lunghezza scritta per extracell */
position: absolute;
left: 520px; 
top: 1080px;
font-size: 15px;
font-weight: bold;
} 

#partnerscommerciali {		/* impostazioni posizionamento e lunghezza del testo per partners commerciali */
position: absolute; 
top: 200px;
left: 5px;	
font-size: 12px;
font-weight: bold;			
}

#tecnocasa {			/* impostazioni posizionamento e lunghezza immagine per partner TECNOCASA */
position: absolute;
left: 20px; 
top: 240px;
} 

#tecnocasascritta {		/* impostazioni posizionamento e lunghezza scritta per partner TECNOCASA */
position: absolute;
left: 130px; 
top: 240px;
font-size: 13px;
font-weight: bold;
} 

#nordwall {			/* impostazioni posizionamento e lunghezza immagine per partner NORDWALL */
position: absolute;
left: 20px; 
top: 320px;
} 

#nordwallscritta {		/* impostazioni posizionamento e lunghezza scritta per partner NORDWALL */
position: absolute;
left: 130px; 
top: 320px;
font-size: 13px;
font-weight: bold;
} 

#movytel {			/* impostazioni posizionamento e lunghezza immagine per partner MOVYTEL */
position: absolute;
left: 20px; 
top: 400px;
} 

#movytelscritta {		/* impostazioni posizionamento e lunghezza scritta per partner MOVYTEL */
position: absolute;
left: 130px; 
top: 400px;
font-size: 13px;
font-weight: bold; 
} 

#dofma {			/* impostazioni posizionamento e lunghezza immagine per partner DOFMA */
position: absolute;
left: 20px; 
top: 480px;
} 

#dofmascritta {			/* impostazioni posizionamento e lunghezza scritta per partner DOFMA */
position: absolute;
left: 130px; 
top: 480px;
font-size: 13px;
font-weight: bold; 
} 

#contatti {			/* impostazioni posizionamento e lunghezza del testo per la pagina contatti */
position: absolute; 
top: 240px;
left: 50px;	
width: 300px;
height: 100px;
font-size: 18px;
font-weight: bold;			
}

#contattiatim {    		/* impostazioni posizionamento e lunghezza dell' immagine per i contatti */
position: absolute; 
top: 240px; 
left: 450px;  
} 


#flottaatimhome {		/* impostazioni posizionamento e lunghezza delle foto flotta atim in home page */
position: absolute; 
top: 200px;
left: 390px;	
margin:5px;		
padding:5px;
width: 175px;
height: 110px;			
}

#serviziatimprivatihome {	/* impostazioni posizionamento e lunghezza delle foto servizi privati atim in home page */
position: absolute; 
top: 315px;
left: 195px;	
margin:5px;		
padding:5px;
width: 180px;
height: 110px;			
}

#serviziatimaziendehome {	/* impostazioni posizionamento e lunghezza delle foto servizi aziende atim in home page */
position: absolute; 
top: 200px;
left:195px;	
margin:5px;		
padding:5px;
width: 180px;
height: 110px			
}


#serviziatimnoleggiohome {	/* impostazioni posizionamento e lunghezza delle foto servizi di noleggio atim in home page*/
position: absolute; 
top: 315px;
left: 390px;	
margin:5px;		
padding:5px;
width: 175px;
height: 110px;			
}


#preparativotesto {		/* impostazioni posizionamento e lunghezza del testo preparativo atim  */
position: absolute;
left: 50px; 
top: 170px;
float:left; 
font-size: 11px;
//font-weight: bold;
width: 650px;
height: 300px;		
}

#mercatinoatim {		/* impostazioni posizionamento e lunghezza delle foto mercatino atim */
position: absolute; 
top: 200px;
left: 285px;	
}

#dovesiamoatim {		/* impostazioni posizionamento e lunghezza delle foto dove siamo atim */
position: absolute; 
top: 190px;
left: 80px;	
width: 600px;
height: 260px;			
}

#home {				/* impostazioni posizionamento e lunghezza dello spazio link home atim */
position: absolute; 
top: 170px;
left: 5px;			
width: 200px;
font-size: 10px;			
}

#mappauno {			/* impostazioni posizionamento e lunghezza dello spazio mappa uno */
position: absolute; 
top: 200px;
left: 100px;	
width: 300px;
height: 200px;			
}

#mappadue {			/* impostazioni posizionamento e lunghezza dello spazio mappa uno */
position: absolute; 
top: 200px;
left: 350px;	
width: 300px;
height: 200px;			
}

#scorri {			/* impostazioni posizionamento e lunghezza dello spazio fondo atim */
position: absolute; 
top: 161px;		/* era 410 */
left: 0px;	
margin:5px;		
padding:5px;
width: 140px;        /* era 740 */
height: 320px;       /* era 40 */
font size: 6;			
}

#scorridue {			/* impostazioni posizionamento e lunghezza dello spazio fondo atim */
position: absolute; 
top: 165px;		/* era 410 */
left: 621px;	
margin:3px;		
padding:3px;
width: 140px;        /* era 740 */
height: 300px;       /* era 40 */
font size: 6;			
}

#pubbli {			/* impostazioni posizionamento e lunghezza dello spazio pubblicità atim */
position: absolute; 
top: 535px;
left: 20px;	
margin:5px;		
padding:5px;
width: 750px;
font size: 6;			
}

#pubbli2 {			/* impostazioni posizionamento e lunghezza dello spazio pubblicità 2 atim */
position: absolute; 
top: 130px;
left: 790px;	
margin:5px;		
padding:5px;
font size: 6;			
}

#pubbli3 {			/* impostazioni posizionamento e lunghezza dello spazio pubblicità 3 atim */
position: absolute; 
top: 630px;
left: 20px;	
margin:5px;		
padding:5px;
width: 730px;
font size: 6;			
}

#fondoatim {			/* impostazioni posizionamento e lunghezza dello spazio fondo atim */
position: absolute; 
top: 470px;
left: 5px;	
margin:0px;		
padding:5px;
width: 755px;
font size: 6;			
}


/********** FINE CSS ATIM SEMPIONE **********/