/* DOCUMENTO */
html, body { height: 100%; margin: 0px; padding: 0px; font-family: Tahoma, Arial, sans-serif; font-size: 100%; background-color: #666; }

h1 { float: left; width: 880px; padding: 3px 10px; color: #9EC5EB; text-transform: lowercase; font-size: 60%; margin: 0px; font-weight: normal; background-color: #297DD1; }

h2 { float: left; width: 650px; padding: 7px 0px; font-size: 140%; color: #4C7094; margin: 0px; font-weight: normal; font-family: Lucida Sans Unicode, Tahoma, Arial; border-bottom: 1px dotted #999; text-transform: uppercase; }

img { border: 0px; }
hr { border: 1px dotted #ccc; padding: 0px; }
p { margin: 0px; }
a { color: #0099CC; text-decoration: none; }
a:hover { color: #006699; text-decoration: none; }

input { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }
textarea { background-image: url(img/bg_textarea.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }
select { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }


/* CONTENITORI */
#box-pagina { margin: auto; width: 900px; padding: 0px 10px; position: relative; min-height: 100%; height: auto !important; height: 100%; background-color: #fff; }
#box-header { width: 100%; }
#box-middle { width: 900px; margin: auto; }
#box-middle:after { clear: both; display: block; content: "."; height: 20px; visibility: hidden; }
#box-sx { float: left; width: 250px; padding: 11px 0px 150px 0px; }
#box-main { float: left; width: 650px; padding: 0px 0px 150px 0px; }
#box-footer { width: 100%; position: absolute; bottom: 0px; }

.campoBlog { background-image: none; }
.tastoBlog { background-color: #999; color: #fff; float: left; background-image: none; }



/* CONTENUTI */
#header { margin: auto; width: 900px; }

	#logo { float: left; width: 900px; height: 110px; background-image: url(img/bg_header.jpg); background-repeat: no-repeat; }
		#logo img { float: left; }
	
	#template { float: left; width: 660px; height: 160px; }
		#template img { float: left; }
			
	.menu { float: left; width: 900px; height: 48px; padding: 12px 0px 0px 0px; font-weight: bold; background-image: url(img/bg_menu.jpg); background-repeat: repeat-x; text-align: center; font-size: 80%; }
		.menu a { color: #fff; padding: 0px 15px; }
		.menu a:hover { color: #999; }
	

#middle { width: 900px; margin: auto; }
	.main { float: left; width: 630px; color: #333; padding: 25px 0px 0px 0px; line-height: 20px; font-size: 80%; font-family: Arial; }
	
	h4 { float: left; width: 630px; color: #CC0000; padding: 0px 0px 8px 0px; margin: 40px 0px 0px 0px; font-weight: normal; font-family: Lucida Sans Unicode, Tahoma, Arial; font-size: 110%; border-bottom: 2px solid #ccc; }
	.newsHome { float: left; width: 590px; padding: 22px 20px 10px 20px; background-color: #E5E5E5; color: #666; font-size: 70%; font-family: Arial; }
		
		
#box-sx h1 { float: left; width: 215px; height: 29px; padding: 12px 0px 0px 15px; margin: 0px; background-image: url(img/bg_sottomenu.jpg); background-repeat: no-repeat; text-transform: capitalize; color: #FFCC66; font-size: 80%; font-weight: bold; }


.sottomenu { float: left; width: 230px; margin-bottom: 20px; }
	.sottomenu a { float: left; width: 200px; height: 20px; padding: 6px 0px 0px 30px; background-image: url(img/tasto_sottomenu.jpg); background-repeat: no-repeat; color: #fff; text-transform: capitalize; font-size: 70%; }
	.sottomenu a:hover { color: #FFCC66; background-image: url(img/tasto_sottomenu_over.jpg); background-repeat: no-repeat; }

.banner { float: left; width: 230px; margin-bottom: 20px; margin-top: 40px;  }
	.banner img { float: left; padding-bottom: 20px; }


#titRiservata { float: left; width: 215px; height: 29px; padding: 12px 0px 0px 15px; margin: 0px; background-image: url(img/bg_riservata.jpg); background-repeat: no-repeat; text-transform: capitalize; color: #AFCBE4; font-size: 80%; font-weight: bold; }
#riservata { float: left; width: 200px; }
	#riservata a { float: left; width: 200px; height: 20px; padding: 6px 0px 0px 30px; background-image: url(img/tasto_riservata.jpg); background-repeat: no-repeat; color: #fff; font-size: 70%; }
	#riservata a:hover { color: #AFCBE4; background-image: url(img/tasto_riservata_over.jpg); background-repeat: no-repeat; }
	
	
	#login { float: left; width: 190px; padding: 20px; margin-bottom: 10px; font-size: 80%; background-color: #264C71; color: #fff; }
		#login p { float: left; width: 60px; padding: 2px 7px 0px 3px; margin-bottom: 7px; text-align: center; }
		.campoArea { float: left; width: 110px; margin-bottom: 7px; text-align: center; font-weight: bold; font-size: 90%; border: 1px solid #203F5C; }
		.accedi { float: left; width: 70px; border: 0px; margin: 5px 0px 0px 70px; background-image: none; background-color: #132535; color: #AFCBE4; padding: 2px 0px; }
		#regRiservata { float: left; width: 230px; font-size: 70%; }
		
		
#areaUtenti { float: left; width: 100%; padding-bottom: 15px; border-bottom: 1px dashed #999; margin-bottom: 20px; }
	#areaUtenti h1 { float: left; width: 610px; padding: 2px 10px; margin: 0px 0px 20px 0px; font-size: 120%; font-weight: bold; text-transform: none; color: #fff; background-color: #579ADE; }
	#areaUtenti p { float: left; width: 70px; }
	#areaUtenti input { float: left; width: 105px; margin-right: 30px; margin-bottom: 10px; }
	#areaUtenti select { float: left; margin-right: 30px; margin-bottom: 10px; }
	.inserisci { background-image: none; background-color: #666; border: 0px; color: #fff; padding: 3px; margin: 15px 0px 0px 250px; }	
	.utente { float: left; width: 210px; }
		.icona { float: left; width: 15px; height: 20px; padding-top: 5px; }
		.numero { float: left; width: 20px; height: 20px; padding-left: 5px; }
		.nome { float: left; width: 140px; height: 20px; }	
	
	#dataNascita { float: left; width: 300px; margin-top: 20px; }
		#dataNascita p { float: left; width: 100px; margin-bottom: 10px; }
		#dataNascita select { margin: 0px 5px 0px 15px; }
	#regAntispam { float: left; width: 100%; padding: 25px 0px 10px 0px; }
		

#areaCategorie { float: left; width: 100%; padding-bottom: 15px; border-bottom: 1px dashed #999; margin-bottom: 20px; }
	#areaCategorie h1 { float: left; width: 610px; padding: 2px 10px; margin: 0px 0px 20px 0px; font-size: 120%; font-weight: bold; text-transform: none; color: #fff; background-color: #579ADE; }
	.insTit p { float: left; width: 45px; }
	.insTit input { float: left; width: 170px; margin-bottom: 10px; margin-right: 20px; }
	.insDesc p { float: left; width: 75px; }
	.insDesc input { float: left; width: 300px; margin-bottom: 10px; }
	.insImg p { float: left; width: 65px; }
	.insImg input { float: left; width: 155px; margin-right: 17px; margin-bottom: 10px; }
	.insStato p { float: left; width: 75px; }
	.insStato select { float: left; width: 100px; margin-bottom: 10px; }
	.inserisciCat { float: left; width: 100%; padding: 10px 0px 0px 0px; }
		.inserisciCat input { float: left; background-image: none; background-color: #666; border: 0px; color: #fff; padding: 3px 20px; margin: 5px 0px 10px 238px; }
	.categoria { float: left; width: 610px; }
		.icona { float: left; width: 15px; height: 20px; padding-top: 5px; }
		.numero { float: left; width: 20px; height: 20px; padding-left: 5px; }
		.titolo { float: left; width: 180px; height: 20px; font-weight: bold; }
		.descrizione { float: left; width: 360px; height: 20px; }
	
	#dimensioniFoto { float: left; width: 100%; font-weight: bold; color: #579ADE; font-size: 90%; padding: 10px 0px 20px 0px; }
		
	.insCategoria p { float: left; width: 230px; }
	.insCategoria select { float: left; width: 200px; margin-bottom: 20px; margin-right: 200px; }	
	.kmCorsa p { float: left; width: 75px; margin-bottom: 20px; }
	.kmCorsa input { float: left; width: 40px; margin-bottom: 20px; margin-right: 35px; }	
	.corsaStato p { float: left; width: 75px; margin-bottom: 10px; }
	.corsaStato select { float: left; width: 100px; margin-bottom: 35px; margin-right: 150px; }
	.regolamCorsa { float: left; width: 100%; }
		.titoloCorsa { float: left; width: 160px; height: 20px; font-weight: bold; }
		.descrizioneCorsa { float: left; width: 250px; height: 20px; }
		.categoriaCorsa { float: left; width: 130px; height: 20px; }		
	
	.tempoPrestazione { float: left; width: 630px; margin-bottom: 30px; margin-top: 20px; }
		.tempoPrestazione p { float: left; width: 140px; margin-bottom: 10px; }
		.tempoPrestazione select { margin: 0px 5px 0px 15px; }
	.datiPrestazione { float: left; width: 630px; margin-bottom: 10px; }
		.datiPrestazione p { float: left; width: 120px; margin-bottom: 10px; }
		.datiPrestazione input { float: left; width: 50px; margin-bottom: 10px; margin-right: 7px; }
		.datiPrestazione select { float: left; width: 130px; margin-bottom: 10px; }
	.sceltaData { float: left; width: 630px; margin-bottom: 10px; }
		.sceltaData p { float: left; width: 120px; margin-bottom: 10px; }
		.sceltaData img { float: left; margin-bottom: 10px; margin-right: 7px; }
		.sceltaData input { float: left; width: 100px; margin-bottom: 10px; margin-right: 7px; }
	
	#elencoPrest { float: left; width: 630px; padding-top: 10px; }
	.prestazione { float: left; width: 630px; }
		.utentePrest { float: left; width: 160px; height: 20px; font-weight: bold; }
		.tempoPrest { float: left; width: 380px; height: 20px; }
	#elencoPrestUtente { float: left; width: 630px; }
		.tempoPrestUtente { float: left; width: 200px; height: 20px; font-weight: bold; }
		.corsaPrestUtente { float: left; width: 270px; height: 20px; }
		.catPrestUtente { float: left; width: 70px; height: 20px; font-style: italic; }
		.utentePrestAdmin { float: left; width: 175px; height: 20px; font-weight: bold; }
		.tempoPrestAdmin { float: left; width: 380px; height: 20px; }
	
	#gardaCat { float: left; width: 550px; padding: 5px 0px 10px 80px; line-height: 17px; color: #666; }
		.gardaCat { float: left; width: 200px; height: 200px; text-align: center; }
		.gardaCat a { text-transform: uppercase; font-weight: bold; font-size: 120%; }	
	#gardaTimes { float: left; width: 100%; padding: 10px 0px 0px 0px; line-height: 17px; color: #666; }
		.corsa { float: left; width: 183px; height: 180px; border: 1px solid #bbb; text-align: center; padding: 13px 7px 0px 7px; margin: 11px 11px 0px 0px; background-image: url(img/bg_categoria.jpg); background-repeat: no-repeat; line-height: 16px; }
			.titCorsa { float: left; width: 183px; height: 21px; }
			.descCorsa { float: left; width: 183px; height: 35px; }
			.fotoCorsa { float: left; width: 183px; height: 97px; }
			.percorso { float: left; width: 90px; font-size: 70%; }
				.percorso a { background-color: #666; color: #fff; padding: 2px 8px; }
			.tempi { float: left; width: 90px; font-size: 70%; }
				.tempi a { background-color: #999; color: #fff; padding: 2px 8px; }
		#gardaTimes img { margin-top: 6px; }
		#gardaTimes a { text-transform: uppercase; font-weight: bold; font-size: 120%; }
	#tornaCat { float: left; width: 100%; padding-top: 5px; border-top: 1px solid #ccc; margin-top: 40px; }
	#tornaCorsa { float: left; width: 100%; margin-top: 10px; padding-bottom: 15px; font-weight: bold; }
	#raggruppa { float: left; width: 620px; margin-top: 10px; border-bottom: 1px solid #ccc; padding: 0px 10px 5px 0px; font-weight: bold; text-align: right; font-size: 90%; }
		#raggruppa a { color: #666; }
		#raggruppa a:hover { color: #333; }
	#fotoCorsa { float: left; width: 100%; text-align: center; color: #666; font-size: 90%; padding-bottom: 40px; line-height: 25px; }
	#regolamento { float: left; width: 100%; text-align: center; color: #666; font-size: 90%; padding-bottom: 40px; }
		#regolamento span { float: left; width: 100%; padding-top: 15px; text-align: justify; border-top: 1px solid #ccc; }
	#tempo { float: left; width: 580px; margin-top: 10px; border-bottom: 1px solid #ccc; padding: 0px 0px 5px 50px; font-weight: bold; font-size: 90%; }
		#tempo a { color: #666; }
		#tempo a:hover { color: #333; }
	.prest { float: left; width: 100%; padding-top: 1px; border-bottom: 1px solid #ccc; }
		.prest span { float: left; width: 70px; padding-left: 10px; }
		.prest strong { float: left; width: 150px; }
		.prest i { float: left; width: 260px; font-style: normal; text-transform: capitalize; }
		.prest em { float: left; width: 100px; text-align: center; }


/* NEWS */
#news { float: left; width: 200px; height: 120px; padding: 20px; background-image: url(img/bg_news.jpg); background-repeat: no-repeat; }
	#news h1 { display: none; }

.news-data { padding: 2px 0px 2px 20px; color: #999; background-image: url(img/bg_data.gif); background-repeat: no-repeat; font-size: 70%; }
.news-titolo { padding: 3px 0px 6px 0px; font-weight: bold; text-decoration: underline; font-size: 70%; }
	.news-titolo a { color: #006699; text-decoration: underline; }
	.news-titolo a:hover { color: #333; text-decoration: underline; }
.news-descrizione { padding: 0px 0px 20px 0px; color: #666; text-align: left; font-size: 55%; line-height: 12px; }
.news-leggi { float: right; width: 115px; height: 19px; color: #fff; font-size: 60%; text-align: center; font-weight: bold; text-transform: uppercase; padding-top: 14px; }
	.news-leggi a { color: #fff; }
	.news-leggi a:hover { color: #FFCC00; }

.paginaNews-titCompleta { font-weight: bold; text-transform: uppercase; }
.paginaNews-descCompleta { text-align: justify; padding: 20px 0px; }
.paginaNews-torna { text-align: right;  }
.paginaNews-data { font-weight: bold; color: #ccc; padding-top: 10px; }
.paginaNews-titolo a { font-weight: bold; color: #333; text-transform: capitalize; text-decoration: underline; font-family: Verdana; }
.paginaNews-titolo a:hover { color: #000; text-decoration: none; }
.paginaNews-descBreve { padding-bottom: 10px; line-height: 18px; }


#footer { float: left; width: 900px; height: 70px; text-align: center; background-image: url(img/bg_footer.jpg); background-repeat: repeat-x; }

	.footer-indirizzo { float: left; width: 900px; padding: 20px 0px 8px 0px; color: #333; font-size: 70%; }
		.footer-indirizzo a { color: #333; text-decoration: underline; }
		.footer-indirizzo a:hover { color: #000; text-decoration: underline; }

	.footer-crediti { float: left; width: 900px; color: #999; font-size: 60%; text-decoration: underline; }
		.footer-crediti a { color: #999; text-decoration: underline; }
		.footer-crediti a:hover { color: #333; text-decoration: underline; }
	

#sitemap { float: left; width: 400px; padding-left: 20px; text-transform: capitalize; }



/* CONTATTI */
.campo { width: 210px; float: left; height: 40px; }
.campo p { width: 75px; float: left; }
.campo input { width: 110px; float: left; font-size: 100%; font-family: Arial; color: #000; }

.campo2 { width: 630px; float: left; margin-bottom: 15px; }
.campo2 p { width: 75px; float: left; }
.campo2 input { float: left; width: 110px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; }
.campo2 textarea { width: 530px; float: left; height: 55px; font-size: 100%; font-family: Arial; color: #000; }

.trattamento { font-size: 90%; line-height: 13px; margin-bottom: 10px; width: 610px; color: #999; float: left; font-size: 70%; }
.invia { float: left; width: 610px; text-align: center; }
	.invia input { border: 0px; }
.obb { border: 2px solid #0099CC; }