/*gli stili del menu si trovano dentro ciclo-menu.css*/

html,
body {
	margin:0px;
	padding:0px;
	width:100%;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
		}
a,
a:link {
	color:#006600;
	text-decoration:none;
}
a:hover{ 	color:#00CC00; }
a:visited{ 	text-decoration: none; }

*{ border:0;}


#main /*questo contiene anche la immagine di fondo della prima pagina, importante per definire l'allineamento inferiore*/{
position: absolute;
	top: 60px;
	width: 100%;
	height:540px;}


#main-up /*per avere il bordo di 10p (forse ci sarebbe anche un altro modo)*/{
	position: absolute;
	left: 100px;
	right: 10px;
	top: 10px;
	z-index: 5;
	}
#column-L /*larghezza 640 come le immagini nelle pagine delle bici*/{
	position: absolute;
	top: 0px;
	left: 0px;
	width:640px;
	text-align: justify;
	padding: 5px;
		}	
.white-BG /*white background, per il fondo della pagina iniziale*/{
	background-image: url(../3.1images/general/trans-white66.png);
	background-repeat: repeat;
			}

#column-R{
	position: absolute;
	top:-0px;
	left:900px;
	right:40px;
	height:auto;
	margin-right: 40px;/*giocare con right and margin-right per bilanciare le differenze tra IE e Firefox.
	apparentemente in IE in margine non viene computato */
		}
html>body #column-R {left:900px;} 
/*questo e' un trucco per risolvere le differenze tra firefox e Mozilla.  IE non riconosce la stringa ceh inizia con "html>body"
Mozilla utilzza il 760 dal margine destro(float right nel parent div column-RR), mentre IE dal margine sinistro.
sistema: 1) creamos una regla adaptada a Internet Explorer
2) repetimos la regla con la medida utile para mozilla e anteponiéndole html>body.
Putroppo rimane il problema per Safari e Chrome*/



/*ho creato il sottostante layer per risolvere il problema di IE
NB. text-align e' solo per il testo e IE non permette che si applichi a DIV 
*/
#column-RR{
	float:right;
	text-align:justify;
	width:240px;
	background-image: url(../3.1images/general/trans-white66.png);
	background-repeat: repeat;
	padding: 5px;
				}
#video /*il video ciclone caricato su yuotube ha dimensioni 425x344*/{
	position: absolute;
	top: 265px;
	left: 460px;
	
			}	

#msg-low /*I'm using it for the specification fo Ciclone and for the message "under cosntruction"*/{
	position:absolute;
	top:600px;
	width: 100%;
	}

			

.bici, .bici-R{
	position: absolute;
	bottom: 0px;
	z-index: 11;
}
.bici-R{
	right:0px;
}
.landscape{
	position: absolute;
	left: 0px;
	bottom: 0px;
	right:0px;
	z-index: 2;
	min-width:760px;/*non funzionava in IE, adesso feb2011 si*/
	}

.txt-ciclone /*this is the ciclone title style*/{
	font-family: Stencil, "Courier New";
	font-size: 36px;
	letter-spacing: 5px;
			}

.txt-personal{
	font-style: italic;
	z-index: 23;
	line-height: 15px;
	font-size: 10px;
			}

.txt-strong{
	color: #666666;
	font-weight: bold;
	font-size: 14px;
			}



.txt-small{
	z-index: 21;
	font-size: 10px;
			}

				
.fullwidth{
position: relative;
		width: 100%;
			}
.al-right{
	align: right;
	text-align: right;
	right: 0px;
			}			
			


/*QUESTI SONO I FORMATI PER LE ICONE NELLA PAGINA BICIS.HTML*/

.bicis{
	position: absolute;
	z-index:16;
	color: #666666;
	height: 75px;
	width:150px;
	overflow: hidden;
						}

 .bicis:hover, .bicis a:hover {
	position:absolute;
	overflow: visible;
	width: 420px;
	height: 90px;
	z-index:50;
	color:#006600;
		}
.bici-frame{
	position:absolute;
	left:-10px;
	top:-8px;
	z-index:-1;
		}

.bicis-txt1/*il titolo da combianrsi con il txt-ciclone*/{
	position: absolute;
	left: 150px;
	z-index:51;
		}
.bicis-txt2/*testo secondario, specifiche*/{
	position: absolute;
	top:50px;
	left: 150px;
	z-index:51;
		}

/*QUESTI SONO I FORMATI PER LA PAGINA SPECIFICA DI OGNI MODELLO */
/*immagini max width 480px, max height 300 */
#img-layer {
	position: absolute;
	width:640px;
	height:427px;
	}
#img01{
	position: absolute;
	visibility: visible;
				}
#img02,#img03,#img04,#img05,#img06{
	position: absolute;
	visibility: hidden;
		}
#img-thumb01,#img-thumb02,#img-thumb03,#img-thumb04,#img-thumb05,#img-thumb06{
	position: absolute;
	left: 650px;
		}
		#img-thumb01{ top:0px }
		#img-thumb02{ top:60px }
		#img-thumb03{ top:120px }
		#img-thumb04{ top:180px }
		#img-thumb05{ top:240px }
		#img-thumb06{ top:300px }
		
.img-thumb{width:80px}

.img-thumb:hover, .img-thumb a:hover{
	border: 2px solid #006600;
	margin: -2px;/*questo per evitare che la immagine si spoti quando is attiva il bordo con mouse over*/
}


#bici-data {
	position: absolute;
	top:430px;
	}

.txt-photo/*usato solo 1 volte in contacto per la didascalila delle nostre 2 foto*/{
	position: relative;
	margin-top: -15px;
		}


/*NOT IN USE*/
table{
	margin:0px;
	padding:0px;
	border:0;		}