/* Top Bike Rental Maggio 2007 Mirko Bruner mirkobruner@gmail.com */

	body{
	margin:0px;
	padding:1px;
	background-color:#ffffff;}
	
	#contieni2{
	background-color:#fff;
	margin: 0px auto 0px auto;
	padding:0px;
	text-align: left; 
	border:0px groove #996;}
	
	#contieni{
	background-color:#fff;
	max-width:1024px;
	min-width:760px;
	margin: 5px auto 5px auto;
	padding:10px;
	border:2px groove #996;}
        
        .pck_table { margin: 0px; border: 1px; padding: 0px; text-align: left; width: 60%; }

	a img {
	border:0px;}
		
	#header{
	height:125px;
	width:100%;
	background-image:url(../img/head.gif);
	border-bottom:2px inset #660;
        position: relative;
	}
	
	#logo{
	margin:0px 0px 0px 20px;}
	
	#logo img{
	margin:0px; padding:0px;}
	
	#language {
	position: absolute;
	height: 30px;
	width: 105px;
	top: 45px;
	right: 4px;
	text-align: right;
	text-transform: uppercase;
	font-size:70%;
	font-family:Arial, Helvetica, sans-serif;
}

#apDiv1 {
	position:absolute;
	right:120px;
	top:45px;
	width:128px;
	height:31px;
	z-index:1;
	text-align: right;
	text-transform: uppercase;
	font-size:70%;
	font-family:Arial, Helvetica, sans-serif;
}

#apDiv1 a{
	color:#fff;
	text-decoration:none;}
	
	#apDiv1 a:active{
	color:#666;}
	
	#apDiv1 a:hover{
	color:#ff0000;}	
	
	#language a{
	color:#fff;
	text-decoration:none;}
	
	#language a:active{
	color:#666;}
	
	#language a:hover{
	color:#ff0000;}
		
/* Menu di Navigazione*/
	#menu{margin-top:-31px; padding-left:130px; color:#fff;}
	#menu li{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;}
	
	#menu li{
	font-size:70%;}
	
	#menu li a{
	color:#fff;
	text-decoration:none;}
	
	#menu li a:active{
	color:#666;}
	
	#menu li a:hover{
	color:#cf0;}
	
	#menu li#current{
		color:#FF0000;}	
	
	
/* Sezione Imago - Per ogni pagina del sito, Dentro alla Bici ci sono style Inline */
	#theImago{
	background-color:#333;
	height:207px;}
	
	#theImagoHome{
	background-image:url(../img/big_home.jpg);
	height:207px;
	border-bottom:2px solid #996;}
	
	#theImagoRoaming{
	background-image:url(../img/big_roaming.jpg);
	height:207px;
	border-bottom:2px solid #996;}
	
	#theImagoBikes{
	background-image:url(../img/big_bikes.jpg);
	height:207px;
	border-bottom:2px solid #996;}
	
	#theImagoRoutes{
	background-image:url(../img/big_guided.jpg);
	height:207px;
	border-bottom:2px solid #996;}	
	
	#theImagoPacket{
	background-image:url(../img/big_packet.jpg);
	height:207px;
	border-bottom:2px solid #996;}		
	
	#theImagoEquip{
	background-image:url(../img/big_equip.jpg);
	height:207px;
	border-bottom:2px solid #996;}		
	
	#theImagoRental{
	background-image:url(../img/big_rental.jpg);
	height:207px;
	border-bottom:2px solid #996;}
	
	#theImagoContact{
	background-image:url(../img/big_contact.jpg);
	height:207px;
	border-bottom:2px solid #996;}	
	
	#theImagoReserv{
	background-image:url(../img/big_reserv1.jpg);
	height:207px;
	border-bottom:2px solid #996;}		
	
	#theImagopritour{
	background-image:url(../img/big_pritour.jpg);
	height:207px;
	border-bottom:2px solid #996;}		
		

    #theImagoReserv1{
    background-image:url(../img/big_reserv1.jpg);
    height:207px;
    border-bottom:2px solid #996;}   


    #theImagoRomebybike{
    background-image:url(../img/big_romebybike.jpg);
    height:207px;
    border-bottom:2px solid #996;}       


    #theImagoRomeebeyond{
    background-image:url(../img/big_romeebeyond.jpg);
    height:207px;
    border-bottom:2px solid #996;}       


    #theImagoAppia{
    background-image:url(../img/big_appia.jpg);
    height:207px;
    border-bottom:2px solid #996;}   


    #theImagoAppia2{
    background-image:url(../img/big_appia2.jpg);
    height:207px;
    border-bottom:2px solid #996;}       



	
/*Start Typography*/
	#colRight a{
	color:#c00;}

	#colRight a:hover{
	color:#999;}	
	
	p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:130%;
	padding:0px 43px;
	text-align:justify;}
	
	p.smaller{
	font-size:65%;
	color:#666;}
	
	h1{
	font-size:135%;
	color:#996;}
	
	h2{
	font-size:130%;	
	color:#993;}
		
	h1, h2, h3, h4{
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:0px;}
	
	h5, h6{
	text-transform:uppercase;}

	h9{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;	
	font-weight:bold;
	color:#993;}

	a{
	text-decoration:none;}
		
	info{
	font-size:90%;	
	color:#000;
	font-style:italic;
	}
		
	#colRight h3{
	padding:0px 25px;
	clear:both;
	font-size:100%;
	color:#c00;}
	
        #colRight h4{
	padding:0px 25px;
	clear:both;
	font-size:90%;
	color:#c00;}
	


	#colRight ul, #colRightStrett ul{
	padding-left:55px;
	list-style-type:square;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	}	

	#colRight ul li, #colRightStrett ul li{
	padding:5px 0px;
	margin:3px 0px;}

	#colRight li a{
	color:#000;
	text-decoration:none;}
	
	#colRight li a:active{
	color:#9a9a9a;}
	
	#colRight li a:hover{
	color:#9a9a9a;}
	
	#colRight li#current{
		color:#000;}	

	
	.uppered{
	text-transform:uppercase;}
	
	.redd{
	color:#f00;}
	
	.highdescrip{
	font-size:80%; 
	font-weight:bold;
	font-style:italic;}

	.italicdescript{
	font-size:80%; 
	font-style:italic;}
	
	.titoling{ /*Applicato alle Titolazioni in Immagine*/
	margin:15px 0px 0px 15px;}
	
	.prices{
	font-size:90%;
	background-color:#eee;
	color:#333; font-style:italic;
	padding:0px 3px 0px 15px;}

	.title_stripe{
	font-size:90%;
	background-color:#eee;
	color:#333; font-style:italic;
	padding:0px 3px 0px 15px;}

	.title_stripe2{
	font-size:110%;
	background-color:#eee;
	color:#333; font-style:italic;
	padding:0px 3px 0px 15px;}

	.title_stripe3{
	font-size:140%;
	background-color:#eee;
	color:#333; font-style:italic;
	padding:0px 3px 0px 0px;}
	
        .tour_time{
	font-size:75%;
	background-color:#eee;
	color:#333; 
	padding:0px 3px 0px 15px;}


	.bikename{
	color:#c00; font-weight:bold;
	padding:0px; margin:0px;
	font-size:120%;}
	
	age{
	font-size:70%;}

	.bikename2{
	color:#993; font-weight:bold;
	padding:0px; margin:0px;
	font-size:120%;}

	.bikename3{
	color:#993;
	padding:0px; margin:0px;
	font-size:120%;}

	.promotion{
	color:#23d728; font-weight:bold;
	padding:0px; margin:0px;
	font-size:80%;font-style:italic;}

	
	.promotion2{
	color:#28ff6f; font-weight:bold;
	padding:0px; margin:0px;
	font-size:80%;font-style:uppercase;}


	/* Fine Typography */



	/* Tabella Contenuti */
	
	#contenuto{
	margin-top:1px;
	width:100%;
	height:200px;}

	#contenutob{
	margin-top:1px;
	width:1200px;
	height:200px;}
	
	#colLeft{
	vertical-align:top;
	text-align:center;
	background-color:#fff;
	width:19%;}
	
	#colLeft2{
	vertical-align:top;
	text-align:center;
	background-color:#fff;
	width:10px;}
	
	#colRight{
	vertical-align:top;
	width:100%;}

	/* Da usare in Homepage con Impstazione Tre colonne TBR */	
	#colLeftStrett{
	vertical-align:top;
	width:20%;}
	
	#colRightStrett{
	vertical-align:top;
	width:40%;}
	
	#colCentre{
	vertical-align:top;
	width:40%;
	}
	
	
#tbrlink{
margin-top:15px;}	
	
	.centered{
	text-align:center;}
	
		
	/* Footer Sections solo per pacchetti*/
	#footerpck{
	height:40px;
	width:100%;
	background-image:url(../img/head.gif);
	border-top:2px inset #660;
	text-align:center;}
	
	#footerpck p{
	color:#333; text-align:center;
	font-size:70%;}

	/* Footer Sections */
	#footer{
	margin-top:20px;
	height:65px;
	width:100%;
	background-image:url(../img/head.gif);
	border-top:2px inset #660;
	text-align:center;}
	
	#footer p{
	color:#333; text-align:center;
	font-size:70%;
	margin-top:8px;}
	
	#menuFoot{margin-top:10px; color:#666633;}
	
	#menuFoot li{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;}
	
	#menuFoot li{
	font-size:90%;}
	
	#footer p a, #menuFoot a{
	color:#fff;
	text-decoration:none;}
	
	#menuFoot a:active{
	color:#666;}
	
	#footer p a:hover, #menuFoot li a:hover{
	color:#ffc800;
	text-decoration:underline;}

	#TopPhrase{
	color:#000;}

	/* Three Boxes */
	#boxes{
	margin-top:5px;
	width:100%;}
	#boxes td{
	text-align:center;}/* Fine delle tre boxette in homepage */


	/*Tabella delle biciclette in Bikes*/
	#bikechoice{
	padding-left:20px;
	width:100%;}
	#bikechoice td{
	padding:10px;}
	
	
	/* Singola Scheda Biicletta */
	
	#bikeleftmenu{
	float:left;
	margin:15px 5%;
	width:15%;
	font-family:Arial, Helvetica, sans-serif;}
	
	#bikeleftmenu .namebike{
	text-transform:capitalize;
	padding:0px;
	font-size:90%;}
	
	#bikeleftmenu .namebike a{
	color:#f00;
	text-decoration:none;}	
	
	#bikeleftmenu .namebike a:hover{
	color:#999;}
	
	#bikeleftmenu #current{
	background-color:#f00;
	color:#fff; display:block;
	padding:10px;
	}
	
	#bikeleftmenu td.titbike{
	color:#999;
	font-size:120%;
	text-transform:uppercase;
	padding:10px 0px 20px 0px;}	
	

	/* Scheda della Bicicletta */
	#bikespecs{
	margin:15px 0px;
	width:50%;
	font-family:Arial, Helvetica, sans-serif;}
	
	#bikespecs td{
	padding:0px 10px;}
	
	#bikespecs .titbike{
	font-size:130%;
	color:#c00;
	padding:10px 0px 20px 0px;
	text-transform:uppercase;
	letter-spacing:0.2em;}
	
	#bikespecs .naming{
	color:#333;
	width:30%;}
	
	#bikespecs .spec{
	font-size:80%;
	color:#666;}
	
	age{
	font-size:70%;}
	
	#bikespecs td.divider, #bikeleftmenu td.divider{
	padding:0px; margin:0px;
	background-image:url(../img/divider.gif);
	background-repeat:repeat-x;
	height:11px;}
	
	.icogallery{
	padding:20px 0px 0px 0px;
	}
		
	/* Schede Routes */	
	.program{
	padding:0px 50px;
	margin-top:50px;
	margin-bottom:50px;}	
	
	.program p{
    line-height:20px;
	padding-left:0px;
	}
		
	.program h3{
	color:#c33;	
	border-bottom:2px dotted  #c33;
	margin-bottom:-10px;}	
		

/* Gallery */
	#naviga p#foto, #naviga p#bikes{
		width:auto;
		margin:px 0px;	
		padding:5px 10px;
		background-color:#c00;		
		color:#fff; font-size:70%;}
	
	#naviga p#bikes{
		position:relative;
		top:46px;
		text-align:left;}		

	#naviga #foto{
		position:relative;
		top:463px;
		text-align:right;}		

	
	#naviga a{
		color:#fff;
		text-decoration:none;}
		#naviga a:hover{
		color:#600;}
	
		.distanzia{
		padding-right:20px;
		text-transform:uppercase;
		letter-spacing:0.1em;}	

	/* Gallery per le routes */
  .routesgallery{
	float:left; margin-right:5px; margin-top:8px; }		


/*Nella Pagina Bikes per formattare Le rental Fee*/
	.namebikerent{
	font-weight:bold; padding:0px; margin:0px;}
	.moneyrent{
	/*font-style:italic;*/ margin:0px; padding:0px;
	font-size:70%;}


	/* bycicles */
	#byc {
		font-family:Arial, Helvetica, sans-serif;
		font-size:75%;
	}
	
	#byc td {
		padding: 3px;
		margin: 0px;
		text-align: center;
		width: 100px;
	}
	
	.cell01 {
		background: #fff;
	}
	
	.cell02 {
		background: #c2c375;
	}
	
	.bold {
		font-weight: bold;
	}
	
	.redem {
		font-family:Verdana;
                font-style:italic;
                color: #900;
		font-size:100%;
	}
	
	.blkem {
		font-family:Verdana;
                font-style:italic;
                color: #000;
		font-size:85%;
	}
	
	.cazzo {
		font-weight: bold;
		text-align: left;
                background: #fff;
                color: #f00;
	}

.tour_det {padding: 0px !important; margin: 0px !important;}

.tour_det_red {padding: 0px !important; margin: 0px !important; color: #f00;}

.tour_period td {
   padding: 0 !important;
   margin: 0 !important;
   vertical-align: top;
}

.tour_period ul {
   padding-left: 40px !important;
}
