/******** FOGLIO STILE CSS ATIM SEMPIONE 04022012 **********/

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

}

/******** CONTENITORE MENU **********/

#contenitoremenu{
	position: absolute;
	top: 0px; 		
	left: 5px;

}


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


/********* POSIZIONAMENTO E IMPOSTAZIONE MENU *********/

#menu{
	left: 0px;
	padding:0;
	margin:0;
	width:980px; /* da la dimensione in larghezza del menu in modo che non scenda sotto se si stringe la pagina */
	font-weight: bold;
     }

#menu ul{	
	padding:0;
	margin:0;

	}

#menu li{
	position: relative;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;

	}	 


#menu li a{
	width:245px;
	height: 30px;
	display: block;
	text-decoration:none;
	text-align: center;
	line-height: 30px;
	background-color: navy;
	color: Yellow;
	border-top:5px solid #00008b; 		/* Blu per la parte alta del menu */
	
} 

#menu li a:hover{
	background-color:#0000CD; 	/* Blu scuro per il rollon */
	}


/******** POSIZIONAMENTO SOTTO MENU E VISIBILITA' TOLTA **********/

#menu ul ul{
	position: absolute;
	top: 35px; 		/* mettendo 35 la linea si sistema nel migliore dei modi sotto il menu */
	display: block;
	visibility: hidden;
	width:245px; /*larghezza pari alla larghezza degli elementi a*/
	
}

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




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


#immagine {	
position: absolute;
top: 50px;
left: 200px;
height:90px; 
width:530px; 
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;		
}


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


#numtelefono {			/* impostazioni posizionamento e lunghezza del numero telefono */
position: absolute; 
top: 40px;		
left: 0px;	
margin:0px;		
padding:0px;

}

#prevonline {			/* impostazioni posizionamento e lunghezza del preventivo on line */
position: absolute; 
top: 40px;		
left: 780px;	
margin:0px;		
padding:0px;
border:4px;  		
}

#slogan1 {			/* impostazioni posizionamento e lunghezza dello slogan1 */
position: absolute;
top: 133px;
left: 0px;	
margin:5px;		
padding:5px;
width: 850px;
font-size: 18px;			
}

#slogan2 {			/* impostazioni posizionamento del secondo slogan2 */
position: absolute;  
top: 133px;
left: 570px;	
margin:5px;		
padding:5px; /* larghezza del blu della barra slogan */
width: 400px;	
font-size: 18px;
}

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

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

#linkcredit{			/* impostazioni posizionamento del link a credit */
position: absolute; 
top: 510px;
left: 530px;	
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: 185px;
left: 585px;	
margin:5px;		
padding:5px;
width: 245px;
height: 150px;
border:0;			
}

#serviziatimprivatihome {	/* impostazioni posizionamento e lunghezza delle foto servizi privati atim in home page */
position: absolute; 
top: 340px;
left: 330px;	
margin:5px;		
padding:5px;
width: 250px;
height: 150px;	
border:0;		
}

#serviziatimaziendehome {	/* impostazioni posizionamento e lunghezza delle foto servizi aziende atim in home page */
position: absolute; 
top: 185px;
left:330px;	
margin:5px;		
padding:5px;
width: 250px;
height: 150px;
border:0;		
}


#serviziatimnoleggiohome {	/* impostazioni posizionamento e lunghezza delle foto servizi di noleggio atim in home page*/
position: absolute; 
top: 340px;
left: 585px;	
margin:5px;		
padding:5px;
width: 245px;
height: 150px;	
border:0;		
}


#preparativotesto {		/* impostazioni posizionamento e lunghezza del testo preparativo atim  */
position: absolute;
left: 50px; 
top: 170px;
float:left; 
font-size: 11px;
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 due */
position: absolute; 
top: 200px;
left: 350px;	
width: 300px;
height: 200px;			
}

/******** IMPOSTAZIONE PER LO SCORRIMENTO NOTIZIE **********/

ul#ticker {
   position: absolute;
   top: 180px; 		
   left: 0px;
   width: 250px;
   height: 300px;
   overflow: hidden;
   list-style-type: none;
}
 
ul#ticker  li {
   width: 250px;
   height: 300px;
   padding: 0px;
   list-style-type: none;
}
 
ul#ticker li a {
   color: #000666;
}
 
ul#ticker li span {
   display: block;
   color: #06c;
}


#pubbli {			/* impostazioni posizionamento e lunghezza dello spazio pubblicità atim */
position: absolute; 
top: 645px;
left: 20px;	
margin:0px;		
padding:0px;
width: 750px;			
}

#pubbli2 {			/* impostazioni posizionamento e lunghezza dello spazio pubblicità 2 atim */
position: absolute; 
top: 170px;
left: 860px;	
margin:0px;		
padding:0px;		
}

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

#pubbli4 {			/* impostazioni posizionamento e lunghezza dello spazio pubblicità 2 atim */
position: absolute; 
top: 220px;
left: 860px;	
margin:0px;		
padding:0px;			
}

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

#iconaHTML {			/* impostazioni posizionamento ICONA VALIDATO HTML */
position: absolute; 
top: 400px;
left: 880px;	
margin:0px;		
padding:0px;
border:0px;		
}



#iconaCSS {			/* impostazioni posizionamento ICONA VALIDATO CSS */
position: absolute; 
top: 450px;
left: 880px;	
margin:0px;		
padding:0px;			
}

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